body{
    min-width: 1250px;
}
.main-body{
    height: 100%;
    width: 100%;
}
.main-body.bg{
    background: #ffffff;
}
.header{
    width: 100%;
    background: #fff;
    z-index: 1000;
}
.pannel1{
    width: 100%;
    margin-top: 0;
    height: 1986px;
}
.pannel2{
    width: 100%;
    height: 199px;
    margin-top: 9px;
}
.pannel3{
    width: 100%;;
    height: 100px;
    margin-top: 15px;
}
.pannel4{
    width: 100%;;
    height: 225px;
    margin-top: 10px;
}
.pannel5 {
    width: 100%;;
    height: 365px;
    margin-top: 15px;
}
.pannel6 {
    width: 100%;;
    height: 345px;
    margin-top: 15px;
}
.main{
    width: 1250px;
    height: auto;
    margin: 0 auto;
}
.top-menu{
    border-top: 1px solid #e4e4e4;
    border-bottom: 3px solid #605451;
    height: 45px;
    background: linear-gradient(to top, #dcdcdc, #fcfcfc);
    /*background: red;*/
}
.top-menu-button{
    width: 1250px;
    margin: 0 auto;
    height: 45px;
}
.top-menu-button-right {
    width: 100%;
    text-align: right;
}
.top-menu-button-right ul {
    list-style: none;
    height: 43px;
}
.top-menu-button-right ul li {
    padding: 0 10px;
    font-size: 12px;
    font-weight: 300;
    line-height: 40px;
    display: inline-block;
}
.top-menu-button-right ul li a{
    font-weight: 600;
    color: #383838;
    display: block;
    height: 43px;
}
.top-menu-button-right ul li a:hover{
    text-decoration: underline;
}
.top-menu-button-right ul li a:hover{
    color: #436bb4;
}
.color_1{
    color: #ea362f;
    font-weight: 900;
    font-size: 20px;
}
.btn{
    /* background:transparent;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 2px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin: 18px;
    padding: 15px 25px;
    text-align: center;
    text-decoration: none;
    display:inline-block;
    outline:none;
    position:relative; */
}
.green{
    background:#10bc98;
    color:#fff;
    box-shadow: 0 3px 0 #0c8d72;
}
.green:hover{
    background:#13d7ae;
}
.green:active, .green:focus{
    background:#0fae8d;
}
.light-green{
    background:#87bc58;
    color:#fff;
    box-shadow: 0 3px 0 #6ea140;
}
.light-green:hover{
    background:#c0da82;
}
.light-green:active, .light-green:focus{
    background:#7fb84d;
}
.orange{
    background: #180d00;
    color:#fff;
}
.orange:hover{
    background: #2d1800;
}
.blue{
    background:#3cbce1;
    color:#fff;
    box-shadow: 0 3px 0 #1fa4cb;
}
.blue:hover{
    background:#56d7ed;
}
.blue:active, .blue:focus{
    background:#2fb7df;
}
.purple{
    background:#9a59b5;
    color:#fff;
    box-shadow: 0 3px 0 #7f4497;
}
.purple:hover{
    background:#c472e6;
}
.purple:active, .purple:focus{
    background:#944fb0;
}
.yellow{
    background:#fac75a;
    color:#fff;
    box-shadow: 0 3px 0 #f9b629;
}
.yellow:hover{
    background:#fce17a;
}
.yellow:active, .yellow:focus{
    background:#fac24b;
}
.grey{
    background:#4c4c4c;
    color:#fff;
    box-shadow: 0 3px 0 #333333;
}
.grey:hover{
    background:#747373;
}
.grey:active, .grey:focus{
    background:#444444;
}
.glass{
    color: #575757;
    border: 1px solid #cfcfcf;
    box-shadow: 0 3px 0 #e6e6e6;
}
.glass:hover{
    border: 1px solid #adadad;
    color: #3a3a3a;
    background: #cbcaca;
}
.glass:active, .grey:focus{
    color: #ffffff;
    background:#cbcaca;
}
.dark-blue{
    background:#34495e;
    color:#fff;
    box-shadow: 0 3px 0 #22303d;
}
.dark-blue:hover{
    background:#425c77;
}
.dark-blue:active, .dark-blue:focus{
    background:#2f4154;
}
.ash-grey{
    background:#bec3c7;
    color:#fff;
    box-shadow: 0 3px 0 #a3aaaf;
}
.ash-grey:hover{
    background:#d0d5d9;
}
.ash-grey:active, .ash-grey:focus{
    background:#b0b6bb;
}
.go-bottom > div {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}
.go-bottom input, .login-form textarea {
    width: 260px;
    border: 2px solid gray;
    background: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 8px 12px;
    outline: 0;
    font-size: 15px;
}
.go-bottom input:valid, .go-bottom textarea:valid {
    background: white;
}
.go-bottom input:focus, .go-bottom textarea:focus {
    border-color: #0273bb;
}
.go-bottom input:focus + label, .go-bottom textarea:focus + label {
    background: #0273bb;
    color: #ffffff;
    font-size: 70%;
    padding: 1px 6px;
    z-index: 2;
    text-transform: uppercase;
}
.go-bottom label {
    transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
    position: absolute;
    color: #999;
    padding: 10px 6px;
}
.go-bottom textarea {
    display: block;
    resize: vertical;
}
.go-bottom input, .go-bottom textarea {
    padding: 12px 12px 12px 12px;
}
.go-bottom label {
    top: 0;
    bottom: 0;
    left: 118px;
    width: 286px;
}
.go-bottom input:focus, .go-bottom textarea:focus {
    padding: 4px 12px 20px 12px;
}
.go-bottom input:focus + label, .go-bottom textarea:focus + label {
    top: 100%;
    margin-top: -16px;
}
@keyframes hover-color {
    from {
        border-color: #c0c0c0; }
    to {
        border-color: #3e97eb; } }

.magic-radio,
.magic-checkbox {
    position: absolute;
    display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
    cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle; }
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
.magic-radio + label:before,
.magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0; }
.magic-radio + label:after,
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
    cursor: not-allowed;
    color: #e4e4e4; }
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
    animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
    display: block; }

.magic-radio + label:before {
    border-radius: 50%; }

.magic-radio + label:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3e97eb; }

.magic-radio:checked + label:before {
    border: 1px solid #3e97eb; }

.magic-radio:checked[disabled] + label:before {
    border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
    background: #c9e2f9; }

.magic-checkbox + label:before {
    border-radius: 3px; }

.magic-checkbox + label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0; }

.magic-checkbox:checked + label:before {
    border: #3e97eb;
    background: #3e97eb; }

.magic-checkbox:checked[disabled] + label:before {
    border: #c9e2f9;
    background: #c9e2f9; }

.bottom-menu{
    width: 100%;
    height: 60px;
    border: 1px solid #b7b7b7;
    background: #e3e3e3;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 1000;
}
.bottom-menu ul{
    width: 1024px;
    margin: 0 auto;
}
.bottom-menu ul li{
    display: inline-block;
    width: 90px;
    height: 59px;
    margin: 0 10px;
    cursor: pointer;
    background: url('../img/icon-buttom.png') center center no-repeat;
}
.bottom-menu ul li:hover{
    background-color: #d2d2d2;
}
.bottom-menu ul li:nth-child(1){
    margin: 0;
    background-position: 0 0;
}
.bottom-menu ul li:nth-child(2){
    background-position: -92px 0;
    border-right: 1px solid #b4b3b3;
    margin-right: 13px;
}
.bottom-menu ul li:nth-child(3){
    margin-left: 14px;
    background-position: -184px 0;
}
.bottom-menu ul li:nth-child(4){
    background-position: -276px 0;
}
.bottom-menu ul li:nth-child(5){
    background-position: -368px 0;
}
.bottom-menu ul li:nth-child(6){
    background-position: -460px 0;
}
.bottom-menu ul li:nth-child(7){
    background-position: -552px 0;
}
.bottom-menu ul li:nth-child(8){
    background-position: -644px 0;
}
.bottom-menu ul li:nth-child(9){
    background-color: #434343;
    background-position: -736px 0;
}
.bottom-menu ul li:nth-child(9):hover{
    background-color: #282828;
}
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssorb111 .i {position:absolute;color:#fff;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb111 .i .n {display:none;}
.jssorb111 .i .b {fill:#fff;stroke:#333;stroke-width:500;stroke-miterlimit:10;stroke-opacity:.5;}
.jssorb111 .i:hover .b {fill:#fea900;stroke:#fea900;stroke-width:6000;stroke-opacity:1;}
.jssorb111 .iav .b {fill:#333;stroke-width:6000;stroke-opacity:1;}
.jssorb111 .i.idn {opacity:.3;}
.jssorb111 .iav .n, .jssorb111 .i:hover .n {display:block;}

.jssort121 .p {position:absolute;top:0;left:0;border-bottom:1px solid rgba(255,255,255,.2);box-sizing:border-box;color:#fff;background:rgba(0,0,0,.1);opacity:.7;}
.jssort121 .p .t {position:absolute;padding:10px;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:24px;overflow:hidden;}
.jssort121 .p .i {margin-right:10px;position:relative;top:0;left:0;width:96px;height:48px;border:none;float:left;}
.jssort121 .pav, .jssort121 .p:hover {color:#333;background:rgba(255,255,255,.7);}
.jssort121 .p:hover {opacity:.75;}
.jssort121 .pav, .jssort121 .p:hover.pdn {opacity:1;}
.jssort121 .ti {position:relative;font-size:14px;font-weight:bold;}
.jssort121 .d {position:relative;font-size:12px;}
/*.jssort121 .d:before {content:'\a';white-space:pre;}*/

/*********** spinner start *************/

.wan-spinner {
    border: 1px solid #dddddd;
    display: inline-block;

}

.wan-spinner .minus,
.wan-spinner .plus,
.wan-spinner input {
    height: 15px;
    float: left;
    line-height: 16px;
    padding: 5px;
    text-align: center;
    font-weight: 900;
}

.wan-spinner input {
    border: none;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    margin: 0;
    width: 40px;
}

.wan-spinner .minus,
.wan-spinner .plus {
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    width: 15px;
}
/*********** spinner end *************/

#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
    opacity: 0.4;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
#loading-image {
    position: absolute;
    top: 40%;
    text-align: center;
    z-index: 100;
}
#loading span{
    position: absolute;
    top: 54%;
    text-align: center;
    z-index: 100;
    margin-left: -15px;
    font-weight: 900;
}
.pannel4 .main {
    overflow: hidden;
}
.pannel4 .keyword-search {
    float: right;
    width: 706px;
    height: 225px;
    border: 1px solid #bababa;
    background: #fff;
    padding: 24px;
}
.pannel4 .keyword-rank {
    float: left;
    width: 334px;
    height: 225px;
    border: 1px solid #d7d7d7;
    background: #0ea4a2;
    padding: 20px 25px;
}
.keyword-title {
    position: relative;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #1cb954;
    background: linear-gradient( to right, #1ab752, #00951b);
    border: 1px solid #00951b;
    color: #fff;
}
.pannel4 .keyword-search .keyword-title{
    color: #333;
}
.pannel4 .keyword-rank .keyword-title {
    color: #fff;
    margin-bottom: 20px;
}
.search-hot {
    width: 100%;
    height: 260px;
    overflow: hidden;
    padding: 0 10px;
    background: #fbfbfb;
    background: linear-gradient( to right, #10bbb9, #0d9997);
}
.search-hot-title {
    position: relative;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: linear-gradient( to right, #0fadab, #0c8987);
    padding-left: 20px;
    color: #fff;
}
.search-hot-category{
    font-weight: 900;
    color: #f2f2f2;
    font-size: 14px;
    /*margin-top: 2px;*/
    /*margin-left: 15px;*/
    position: absolute;
    right: 55%;
    top: 813px;
    margin-right: 1px;
    text-align: center;
    width: 120px;
    height: 30px;

}
.search-hot-list {
    float: left;
    width: 50%;
    padding-left: 13px;
}
.search-hot-list li {
    overflow: hidden;
    height: 26px;
    font-size: 12px;
    vertical-align: middle;
}
.search-hot-list li:last-child {
    margin: 0;
}
.search-hot-list li a {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    width: 89px;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    line-height: 25px;
}
.search-hot-list li a:hover {
    text-decoration: underline;
}
.search-hot-list li span.n {
    float: left;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: 2px 8px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-family: Tahoma, sans-serif;
    background: #adadad;
    border: 1px solid #000;
    text-align: center;
    border-radius: 3px;
    color: #fff;
}
.search-hot-btn {
    position: absolute;
    top: 9px;
    right: 20px;
    overflow: hidden;
}
.search-hot-btn button {
    float: left;
}
.hot-btn{
    width: 30px;
    height: 21px;
    text-indent: -9999px;
    background: url("../img/hot-prev.png") no-repeat;
    cursor: pointer;
}
.hot-btn.next{
    background: url("../img/hot-next.png") no-repeat;
    margin-left: -1px;
}
.key-search-form {
    position: relative;
    width: 100%;
    height: 35px;
    margin-top: 20px;
}
.keyword-search-wrapper {
    width:100%;
    height: 35px;
    display: inline-block;
}
.keyword-search-wrapper .searchbox {
    width: 280px;
    height: 31px;
    line-height: 25px;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #19b551;
    padding-left: 15px;
}
.keyword-search-wrapper .searchbox_submit {
    width: 78px;
    height: 36px;
    background: #19b551;
    color: white;
    font-size: 14px;
    letter-spacing: 3px;
    cursor: pointer;
}
.keyword-value {
    width: 100%;
    margin-top: 25px;
    background: #fff;
    overflow: hidden;
}
.keyword-value .value-box {
    width: 296px;
    margin-left: 10px;
    height: 169px;
    padding: 9px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.6;
    background: #fff;
    border: 1px solid #d7d7d7;
    float: left;
    resize: none;
}
.keyword-value button {
    cursor: pointer;
    background: #e0e0e0;
    width: 78px;
    height: 169px;
    color: #333;
    border: 1px solid #c0c0c0;
    margin-left: 5px;
}
.keyword-value button:active {
    background: #c6c6c6;
}
.keyword-value button span {
    display: inline-block;
    width: 50px;
    font-size: 13px;
    line-height: 1.5;
    color: #223f9b;
}

.main-ad1, .main-ad2{
    overflow: hidden;
}
.main-md {
    width: 100%;
    background: #fff;
    height: 365px;
    border: 1px solid #d7d7d7;
    border-top: none;
    text-align: center;
}
.main-best-title img {
    padding-top: 2px;
    margin-left: 5px;
}
.main-ad1 ul {
    font-size: 0;
}
.main-ad1 li {
    float: left;
    width: 33.33%;
    height: 160px;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
.nomargin{
    margin-top: -1px;
}

.main-ad1 li:nth-child(3), .main-ad1 li:nth-child(6) {
    border-right: none;
}
.main-ad1 li:nth-child(4), .main-ad1 li:nth-child(5), .main-ad1 li:nth-child(6) {
    border-bottom: none;
}
.main-md2{
    width: 100%;
    background: #fff;
    height: 345px;
    border: 1px solid #d7d7d7;
    border-top: none;
}
.main-ad2 > div {
    float: left;
    width: 33.33%;
    height: 301px;
    border-right: 1px solid #d7d7d7;
}
.main-ad2 > div:last-child {
    border-right: none;
}
.main-ad2 > div > a {
    width: 100%;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #d7d7d7;
}
.adBox111 {
    width: 100%;
    overflow: hidden;
}
.adBox111 > .item {
    float: left;
    width: 50%;
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
}
.adBox111 > .item.lst{
    padding-right: 10px;
}
.adBox111 > .item a {
    display: block;
    text-align: left;
    overflow: hidden;
    font-family: "dotum";
    letter-spacing: -0.5px;
    font-size: 13px;
    font-weight: normal;
    color: #333;
}
.adBox111 > .item > .text {
    margin: 9px 0 5px 0;
    width: 100%;
    position: relative;
    float: left;
    height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.adBox111 > .item > .text a {
    height: 33px;
}
.adBox111 > .item > .text a:hover {
    text-decoration: underline;
}
#search-hot2, #search-hot3, #search-hot4, #search-hot5, #search-hot6, #search-hot6, #search-hot7, #search-hot8, #search-hot9{
    display: none;
}
.bottom_menu{
    position:fixed;
    left:0;
    bottom:2px;
    height:30px;
    width:100%;
    z-index: 1000;
}
.messages{
    height:30px;
    width:1250px;
    margin: 0 auto;
}
.messages ul{
    height: 100%;
    box-sizing: border-box;
}
.messages ul li{
    display: inline-block;
    height: 100%;
    line-height: 30px;
    font-size: 12px;
    padding: 0 15px;
    width: 173px;
    cursor: pointer;
    background: rgb(215, 217, 222);
    color: rgb(112, 113, 116);
}
.messages ul li:nth-child(1){
    display: inline-block;
    width: 177px;
}
.messages ul li span{
    float: right;
    padding-right: 5px;
}
#qtm {
    width: 48px;
    right: 0;
    bottom: 20px;
    z-index: 999;
    position: fixed;
    font-size: 12px;
}
#qtm a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
#qtm .rbt1 {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,0.3);
    border: 1px solid #ddd;
    line-height: 12px;
    margin-bottom: 3px;
    padding: 8px 0;
}
#qtm .rbt2 {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,0.3);
    border: 1px solid #ddd;
    line-height: 12px;
    margin-bottom: 3px;
    padding: 8px 0;
}
#qtm .rbt3 {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,0.3);
    border: 1px solid #f0f0f0;
    line-height: 12px;
    padding: 8px 0;
}
.main-ad-title{
    width: 100%;
    height: 40px;
    background: #fff;
    color: #3f3f3f;
    padding-left: 40px;
    line-height: 35px;
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    font-size: 13px;
    float: left;
    border-top: 2px solid #818181;
    background-image: url('../img/icon/icons8-inspection-24.png');
    background-repeat: no-repeat;
    background-position: 10px;
}
.main-ad-title button{
    border: 1px solid #ccc;
    background: #fff;
    width: 80px;
    height: 27px;
    line-height: 25px;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}
.main-ad-title button:hover{
    background: #e3e3e3;
}
.myCash{
    float: left;
    padding-left: 75px;
    display: none;
}
.myCash span{
    font-size: 14px;
    color: #ea362f;
}
.dayCount{
  width: 100%;
  float: left;
  padding: 9px 4px  8px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #e7e7e7;
  height: 38px;
  color: #525252;
 }
.borderNone{
    border: 0;
}
.dayCount :hover{
    text-decoration: underline;
}

.dayCount span:nth-child(1){
    width: 30%;
    float: left;
    text-align: left;
    font-size: 12px;
    color: #000000;
}
.dayCount span:nth-child(2){
    width: 70%;
    float: right;
    text-align: right;
    font-size: 11px;
    color: #505050;
}
.slide-box {
    width: 100%;
    margin: 0 auto;
    position: relative;
    float: left;
}
.slide-box ul li{
    display: inline-block;
    border: 1px solid #d8d8d8;
    width: 166px;
    height: 200px;
    float: left;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 10px;
}
.slide-box ul li:nth-child(1), .slide-box ul li:nth-child(8){
     margin-left: 7px;
 }
.slide-box ul li:nth-child(7), .slide-box ul li:nth-child(14){
    margin-right: 0;
}
.slide-box .regular {

}
/* 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;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    display: block;
    cursor: pointer;
    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;
}
/*.slide-item{*/
/*width: 200px;*/
/*height: 137px;*/
/*border-right: 1px solid #cfcfcf;*/
/*border-left: 1px solid #cfcfcf;*/
/*border-bottom: 1px solid #cfcfcf;*/
/*}*/
.slide-items{
    /*display: none;*/
}
.slide-items .n{
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    font-family: Tahoma, sans-serif;
    color: #ffffff;
    background: #ced1e0;
}
.slide-item-name{
    position: relative;
    float: left;
    width: 164px;
    height: 24px;
}
.slide-item-name a{
    font-family: "dotum";
    letter-spacing: -0.5px;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    display: block;
    width: 160px;
    height: 26px;
    text-indent: 5px;
    padding: 9px 0 5px 0;
    box-sizing: border-box;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.slide-item-name a:hover{
    text-decoration: underline;
}
.slide-item-code{
    width: 100%;
    height: 20px;
    color: #ff794f;
    font-size: 13px;
    font-weight: 900;
    text-align: left;
    padding: 5px 0 0 10px;
    float: left;
}
.slide-item-price{
    width: 100%;
    height: 20px;
    color: #4b4b4b;
    font-size: 12px;
    text-align: left;
    padding: 5px 0 0 10px;
    float: left;
}
.slide-item-price .a{
    letter-spacing: 0.3em;
}
.pricefont {
    color: #51b4ff;
    font-weight: 600;
    font-size: 14px;
    text-shadow: 0 0 0 2px #152d40;
    -moz-text-shadow: 0 0 0 2px #152d40;
    -webkit-text-shadow: 0 0 0 2px #152d40;
}
.slide-items img {
    width: 164px;
    height: 164px;
    display: block;
}
.slide-items img:hover {
    border: 1px solid #9e9e9e;
}
.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;
}
.slick-loading .slick-list
{
    background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next{
    position: absolute;
    top: 45%;
    display: block;
    width: 23px;
    height: 35px;
    padding: 0;
    opacity: 0.6;
    cursor: pointer;
    outline: none;
}
.slick-prev:hover,
.slick-next:hover{
    opacity: 1;
}
.slick-prev{
    left: -1px;
    background: url('../img/best_Arrow-Left.png');
    z-index: 10;
}
.slick-next{
    right: -1px;
    background: url('../img/best_Arrow-Right.png');
    z-index: 10;
}
/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
}

.slick-dots{
    position: absolute;
    top: -35px;
    display: block;
    width: 100%;
    padding: 0 8px 0 0;
    margin: 0;
    list-style: decimal;
    text-align: right;
}
.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: 12px;
    font-weight: 900;
    display: block;
    width: 28px;
    height: 28px;
    padding: 5px;
    cursor: pointer;
    color: #a4b0ba;
    outline: none;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    background: #ffffff;
}
.slick-dots li button:hover{
    background: #e9e9e9;
}
.slick-dots li.slick-active button{
    color: #5a6268;
    border: 2px solid #95a0a9;
    background: #ffffff;
}
.slide-item-icon{
    width: 100%;
    height: 18px;
    padding: 2px 0 0 5px;
    float: left;
}
.slide-item-icon img{
    width: 44px;
    height: 16px;
    border: 0;
    padding: 0;
    float: left;
}
.VendorInfo{
    width: 526px;
    height: 426px;
    background-color: #fff;
    border: 1px solid #c9ccce;
    display: inline-block;
    margin-left: 5px;
}
.VendorInfo table{
    width: 100%;
}
.VendorInfo table th{
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    background: #011D35;
    color: #fafafa;
}
.VendorInfo table tr{
    height: 35px;
    font-size: 12px;
    /*font-weight: 600;*/
}
.VendorInfo table tr:nth-child(odd){
    background: #eaeaea;
}
.VendorInfo table td{
    text-align: center;
    line-height: 35px;
}
.VendorInfo table tr:hover{
    background: #faf3e6;
}
.VendorInfo table td:nth-child(2){
    color: #5990ff;
}

.OrderInfo{
    width: 719px;
    height: 426px;
    background-color: #fff;
    border: 1px solid #c9ccce;
    display: inline-block;
    float: left;
}
.OrderInfo table{
    width: 100%;
}
.OrderInfo table th{
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    background: #011D35;
    color: #fafafa;
}
.OrderInfo table tr{
    height: 35px;
    font-size: 12px;
    /*font-weight: 600;*/
}
.OrderInfo table tr:nth-child(odd){
    background: #eaeaea;
}
.OrderInfo table td{
    text-align: center;
    line-height: 35px;
}
.OrderInfo table tr:hover{
    background: #faf3e6;
}
.OrderInfo table th:nth-child(1){
    width: 90px;
}
.OrderInfo table th:nth-child(2){
    width: 90px;
}
.OrderInfo table th:nth-child(4){
    width: 150px;
}
.OrderInfo table td:nth-child(3){
    text-align: left;
    padding-left: 10px;
}
.OrderInfo table td:nth-child(4){
    text-align: left;
    padding-left: 10px;
}
.OrderInfo a:hover{
    text-decoration: underline;
    color: #004444;
}
.vendorBanner {
    display: inline-block; width: 180px; height: 40px; margin-top:65px;margin-left:202px; background: rgb(20, 54, 71);
    line-height: 40px; text-align: center; border-radius: 3px; font-size: 15px; font-weight: 600; color: #4fcaff
}
.vendorBanner:hover{
    background: rgb(44, 118, 154);
    color: #fff
}
.light-banner{
    position: absolute;
    right: 50%; top: 221px;
    margin-right: -785px;
    text-align:center;
    width: 150px;
    height: 666px;
}
.light-banner .center{
    margin-top: 8px;
    background-image: url('../img/center.jpg');
    width: 100%;
    height: 150px;
}
.light-banner .cacao{
    margin-top: 10px;
    width: 150px;height: 240px;background-image: url('../img/KakaoTalk.jpg');
}
.light-banner .anidesk{
    margin-top: 10px;
    width: 150px;height: 60px;background-image: url('../img/anidesk.png');
}
.mdimg{
    margin: 0 auto;
    width: 1250px;
    height: 350px;
    background-image: url('../img/md.jpg?2');
}
.mdCategoryBtn{
    width: 130px;
    height: 45px;
    float: left;
    margin-top:327px;
    margin-left: 8px;
    border: 1px solid #638495;
    background: #fff;
}
.mdCategoryBtn:hover{
    border: 1px solid #3a4e58;
    background: #638495;
    color: #fff;
}
.mdimg .active{
    border: 1px solid #3a4e58;
    background: #638495;
    color: #fff;
}
.bannervendor {
    margin-top:  12px;
    width: 150px; 
    height: 166px;
    background-image: url('../img/bannervendor.gif');
}
.bannervendor a, .anidesk a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.youtube {
    margin-top: 12px;
    width: 150px;
    height: 112px;
    background-image: url('../img/youtube.gif');
}
.youtube a{
    display: inline-block;
    width: 100%;
    height: 100%;
}