@import url("reset.css");

body {
    font-family: 'Titillium Web', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;
    background-color: black;    
}

html, body {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.Category {
    margin: 20px 0 0 50px;
}

@media screen and (max-width:768px) {
    .Category {
    margin: 20px 0 0 20px;
}
    
}

    .Category h3 {
        margin-bottom: 10px;
        font-size: 24px;
        background-color: #C70707;
        font-weight: bolder;
        padding: 10px 0 10px 10px;
        border-radius: 5px;
        margin-right: 20px;
    }

    .Category ul {
        list-style-image: url(../images/03.gif);
        margin-bottom: 20px;
        /*list-style-position: inside;*/
        overflow: hidden;
    }

        .Category ul li {
            margin-left: 1em;
            /*text-indent: -1em;*/
            float: left;
            width: 300px;
            line-height: 1.5em;
			margin-right: 5px;
        }
        
        .Category ul li.group {
            clear:both;
            word-break: break-all;
                list-style-type: none;
    list-style-image: none;
        color: #FF0;
    font-weight: bolder;
    font-size: 1.2em;
        }
        .Category ul li.group:after {
            content:"";
            clear:both;
        }
        /*#CategoryList ul li:nth-child(odd) {
        clear:both;
    }*/

            .Category ul li a {
                text-decoration: none;
                font-size: 14px;
                color: #FFF;
                /*display: block;*/
            }

                .Category ul li a:hover {
                    color: #FF6600;
                    text-decoration: underline;
                    /*font-weight: bolder;
                    font-size: 15px;*/
                    font-style:italic;
                }
.noData {
    color:#FFF;
    font-size: 14px;
}


@media screen and (max-width:480px) {
    .Category ul li {
            width: 320px;
        }
}