body, p, a, li, ul, i, button{margin: 0;padding: 0;}
p, a, li, ul, i, input, textarea{color: #333;font-family: 'Roboto', sans-serif;} p, a{font-size: 14px;} 
body{background-color: #f5f5f6;} i{cursor: pointer;} 
input[type="text"]{border: none;} a{text-decoration: none;} 
input[type="text"]:focus, button:focus{border: none;outline: none;}
textarea{width: 100%;}
textarea:focus{border: 1px solid #eee;}
button{border-radius: 5px;}
a:hover{text-decoration: none;color: #eee;} .bkclr{background-color: 
#2196F3;} br{clear: both;} ul{cursor: default;} li{list-style-type: 
none;} .sh{box-shadow: -2px 2px 4px 0 rgba(0,0,0,0.2);} .left{float: 
left;} .right{float: right;} .hor-card{} .hor-card .img{} .hor-card 
#fields .field{vertical-align: -webkit-baseline-middle;}
.content{} .vert-card img{width: 100%;} .tag{padding: 8px 
10px;border-radius: 5px;color: #eee;} .star-rate{padding-top: 5px;} 
.star-rate i{font-size: 17px;width: 16px;color: #777;text-shadow: 0px 
0px 1px rgba(0,0,0,0.2);} .loc i{color: #777;font-size: 
17px;vertical-align: -webkit-baseline-middle;} .ratings{padding-top: 8px;} 
.modal.in .modal-dialog{width: 380px;} .modal-body{text-align: center;} 
.modal-content span{margin: 0;} .modal-content button span{color: #333;}
#top-nav .right li{background-color: #099E44;padding: 6px 8px;border-radius: 5px;margin: 10px 0;}
#top-nav .right img{width: 23px;border-radius: 50%;margin-right: 5px;}
#top-nav .right span{font-size: 14px;color: #fff;}
#top-nav .right .modal-content span{font-size: 11px;}
#top-nav .right a{line-height: 25px;}
#login-li{padding: 0px 8px;}
#login-li .tag{padding: 8px 10px;}
#logined-li{padding: 5px 8px;}
#footer ul{text-align: center;margin-top: 10px;}
.mall-floor{font-size: 11px;color: #eee;padding: 5px 7px;background-color: #841F27;display: table;border-radius: 5px;margin: 0px 0;}
.abcRioButton{cursor: auto;}
.modal-backdrop{z-index: 142;}
.modal.in .modal-dialog{z-index: 180;}
#footer{background-color: #333;}
#footer .row .col-lg-3{margin-top: 20px;}
#footer a, #footer p{color: #ccc;}
#footer .center{text-align: center;}
#footer input[type="text"], #footer input[type="submit"], #footer textarea{margin: 4px 5%;padding: 8px;border-radius: 5px;width: 100%;resize: none;font-size: 12px;width: 90%;}
#footer input[type="submit"]{background-color: #2196F3;border: none;color: #eee;}
#footer .center a{font-size: 13px;display: block;margin: 4px 0;}
#footer .footer-title{font-size: 18px;font-weight: bold;}
.footer-bottom .right a{display: inline;}
.welcome-line{margin: 10px 0;font-size: 11px;color: #777;}
#footer-bottom-foot .footer-bottom p, #footer-bottom-foot .footer-bottom a{font-size: 10px;color: #999;line-height: 28px;}
.footer-bottom .right a{margin: 0 5px;}
#footer .col-lg-3:last-child{padding: 0 15px;}
.sub-field{box-shadow: 7px 7px 14px 0 rgba(255,255,255,0.5);background-color: #eee;padding: 30px 20px;border-radius: 5px;margin: 40px 0px 16px 0;}
.sub-field .footer-title{margin-bottom: 10px;color: #333;}
.sub-field input[type='submit']{background-color: #841F27;margin-top: 10px;}
#footer-bottom-foot{background-color: #111;}
#footer li{display: inline-block;margin:  10px 0;}
/*
#footer, #footer-2{}
#footer .row{border-bottom: 1px solid #888;padding: 20px 0;}
#footer .footer-title{color: #eee;font-size: 18px;text-align: center;}
#footer li a{color: #eee;font-size: 14px;}
#footer, #footer-2{padding: 20px 0;}
#footer li, #footer-2 li{text-align: center;padding: 5px 0;}
#footer-2{padding: 20px 0;}
#footer-2 .footer-title{color: #eee;font-size: 18px;text-align: center;font-weight: 600;}
#footer-2 li a{color: #eee;font-size: 14px;}
#footer-2 li{text-align: center;}
.footer{background-color: #333;}
#footer-copy{background-color: #222;}
#footer-copy li{display: inline;}
#footer-copy li a{display: inline;color: #ccc;font-size: 12px;line-height: 32px;}
#footer-copy .right a{margin: 0 5px;}
.copy-content{color: #ccc;font-size: 12px;line-height: 32px;}
#footer-social p{color: #eee;margin-bottom: 10px;}
#footer-social .container{text-align: center;padding-top: 10px;padding-bottom: 22px;}
#footer-social a{margin: 0 8px;}
#footer-logo{padding: 45px 0 10px 0;}
#footer-logo .container{text-align: center;}
#footer-logo a{padding: 20px 8px;color: #eee;background-color: #2196F3;border-radius: 5px;}
*/



#more-nav{background-color: #841F27;display: none;}
#more-nav #fields{margin: 10px 0;width: calc(100% - 324px);text-align: center;}
#top-nav-top a{color: #ccc;font-size: 12px;margin: 0 5px;line-height: 32px;}
#top-nav-top{background-color: #6a0910;}
#ui-id-3, #ui-id-4{z-index: 991;position: fixed;}
#mall-2{width: 400px;}
#sidebar{top: 56px;position: fixed;right: -70%;min-height: calc(100vh - 56px);width: 70%;background-color: #fafafa;z-index: 999;display: none;padding: 12px 0;transition: 500ms;z-index: 46;}
#sidebar a{display: block;padding: 8px 12px;font-size: 18px;margin: 0 10px;border-radius: 5px;transition: 220ms;}
#sidebar a:hover{color: #eee;background-color: #841f27;}
#menu{}
#menu i{line-height: 30px;color: #eee;padding: 13px 0px 13px 13px;margin-left: 8px;}
#bkgrnd{width: 100vw;height: 100vh;position: fixed;z-index: 11;background-color: rgba(0,0,0,0.5);top: 0;left: 0;display: none;transition: 500ms;}
#menu{display: none;}
.sign-out{background-color: #841F27;color: #f6f6f6;padding: 12px 20px;position: absolute;z-index: 99999;margin-top: -10px;text-align: center;border-radius: 5px;cursor: pointer;display: none;}
.logout-hov:hover + .sign-out{display: block;}
.sign-out:hover{display: block;}
@media (max-width: 1200px){
    #mall-2{width: 200px;}
}
@media (max-width: 992px){
    #more-nav #fields{display: none;}
    #toggle-button i{display: inline;}
    #search-area{display: inline;}
    #sidebar{display: inline;}
    #menu{display: block;}
    #top-nav-top{display: none;}
}
@media (max-width: 768px){
    #footer .row .col-lg-3:nth-child(4n+3){padding: 0 0px 0 0px;}
}
@media (min-width: 768px){
    #footer .row .col-lg-3:nth-child(4n+3){padding: 0 36px 0 0px;}
}



@media only screen and (max-width: 600px){
    .modal.in .modal-dialog{width: 94%;}
}



#bkdark{width: 100vw;height: 110vh;position: fixed;z-index: 2;background-color: rgba(0,0,0,0.0);top: 0;left: 200vw;transition: background-color 500ms 0,}
#search-parts{position: fixed;right: 80px;bottom: 80px;z-index: 20;}
#toggle-button i{color: #fff;padding: 15px;border-radius: 50%;background-color: #841F27;font-size: 35px;z-index: 5;position: absolute;}
#search-area{z-index: 3;position: absolute;background-color: #fff;bottom: -65px;right: -65px;width: 65px;height: 65px;padding: 15px 0;box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);border-radius: 5px;overflow: hidden;border-radius: 50%;transition: 500ms ease;}
#search-area p{margin: 4px 12px;font-size: 22px;}
#search-area .search-name{margin: 4px 15px;font-size: 22px;}
#search-area input[type="text"], #search-area input[type="submit"]{padding: 12px 8px;border: 1px solid #eee;border-radius: 5px;background-color: #fff;width: 90%;margin: 8px 5%;}
#search-area input[type="submit"]{background-color: #841F27;color: #fff;}


#more-nav{background-color: #841F27;top: 0px;opacity: 1;transition: 200ms;position: fixed;width: 100%;z-index: 140;}
#more-nav .tag{margin: 0px;}
#more-nav #login{background-color: #099E44;}

div#logo{float: left;width: 40px;height: 40px;margin-top: 8px;margin-right: 11px;overflow: hidden;border-radius: 50%;}

div#logo img{
    background: red;
    position: relative;
    width: 40px;
    -webkit-animation: mymove ease-in-out 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove ease-in-out 5s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%{transform: rotate(0deg);}
    70%{transform: rotate(1800deg);}
    100%{transform: rotate(1800deg);}
}

@keyframes mymove {
    0%{transform: rotate(0deg);}
    70%{transform: rotate(1800deg);}
    100%{transform: rotate(1800deg);}
}
@keyframes mymove {
    0%{transform: rotate(0deg);}
    70%{transform: rotate(1800deg);}
    100%{transform: rotate(1800deg);}
}