/* CSS Document */
input,button,select,textarea{outline:none}
 *:focus { outline: none; }

img {max-width:100%;height: auto;}
.editor a {word-wrap: break-word;word-break: break-all;}
.editor ul, .editor li { list-style-type:initial;}
.table_scroll{overflow-x: auto; display: block; padding-bottom:0px;}
.datatable { width:100%; border-spacing:0px; }
.datatable th { background:#f2c222; color:#fefefe; font-size:13px; text-align:center; letter-spacing:1px; vertical-align:middle; padding:10px; border-right:2px solid #fff;}
.datatable td { color:#595857; font-size:15px; letter-spacing:1px; text-align:center; vertical-align:middle; padding:10px; border-bottom:1px solid #b6b6b6;}
.datatable td a { color:#595857; text-decoration:underline;}
.datatable td a:hover { color:#53adb2; text-decoration:underline;}

@keyframes animate-opacity {
    from {opacity:0; transform:scale(0.1,0.1);}
    to {opacity:1; transform:scale(1,1);}
}


.idx-header-bg { background:url(../images/idx-header-bg.jpg) repeat-x bottom center; height:1024px; position:relative;}
.idx-header-box { height:100%;}
.idx-top-right-link { position:absolute; top:40px; right:15px; z-index:2;}
.top-right-link a { display:inline-block; margin:0 5px; width:40px; height:40px; text-align:center; line-height:40px; background:rgba(235,235,235,.5); border-radius:100%; position:relative;}
.top-right-link a img { position:absolute; top:10px; left:12px;}
.top-right-link a img:last-child { display:none;}
.top-right-link a:hover img:first-child, .top-right-link a.current img:first-child { display:none;}
.top-right-link a:hover img:last-child, .top-right-link a.current img:last-child { display:block;}
.top-right-link a:first-child:hover, .top-right-link a:first-child.current { background:#d2545f;}
.top-right-link a:last-child:hover, .top-right-link a:last-child.current { background:#efc221;}
.cart-number { position:absolute; right:0; bottom:0px; display:inline-block; z-index:2; font-size:11px; width:15px; height:15px; border-radius:100%; color:#fff; background:#8bbb2b; text-align:center; line-height:14px;}
.idx-logo { position:absolute; width:100%; top:164px; text-align:center; animation:animate-opacity ease-in-out 2s;}
.idx-nav { position:absolute; width:100%; text-align:center; bottom:105px; background:#55b2b7; height:80px; padding-top:20px; z-index:101;}


#keyreply-container { bottom:50px !important; right:-10px !important; text-align:left !important;}
.keyreply-brand { display:none !important;}


.demo-header { background:#fff5e9; height:125px; position:relative;}
.demo-logo { position:absolute; z-index:10000; top:36px; left:10px;}
.demo-logo img { max-width:272px;}
.demo-nav { padding:50px 80px 0 0px; position:relative;}



@media only screen and (max-width: 1360px) {
.idx-header-bg { height:850px;}
.idx-logo { top:50px}
}



@media only screen and (max-width: 980px) {
.idx-header-bg { height:650px; background-position:50% -190px;}
.idx-top-right-link { top:20px;}
.idx-logo { top:85px}
.idx-logo img { max-width:280px;}
.idx-nav { bottom:5px; height:60px; padding-top:0;}
.showhide:before { display:block; position:absolute; right:11px; bottom:-20px; text-align:right; font-size:12px; color:#fff; width:50px; content:"MENU";}

.demo-header { height:80px;}
.demo-logo { top:15px;}
.demo-logo img { max-width:240px;}
.demo-nav { padding:13px 0px 0 0px;}
}

@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {


}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}