* {
        margin: 0;
        padding: 0;
        outline: none;
}

body {
}

img {
        border: none;
        display: inline;
}


.clearfix {
        display: inline-table;
}

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}


* html .clearfix {
        height: 1%;
}

.clearfix {
        display: block;
}

a {
        color: #444;
        text-decoration: underline;
}

a:hover {
        text-decoration: none;
}

#slider {
        width: 580px;
        height: 250px;
        margin: 0 auto;
        background-color: #fff;
}

#slider .floating {
        margin-top: 10px;
}

#slider ul {
        list-style-type: none;
        width: 477px;
        height: 250px;
}

#slider ul li {
        float: left;
        width: 320px;
        height: 250px;
        text-align: center;
        margin: 0 6px;
        padding-top: 6px;
}

#slider ul li a {
        height: auto;
        color: #333;
        text-decoration: none;
}

#slider ul li a:hover {
        text-decoration: underline;
}

#slider ul li img {
        display: block;
}

.floating {
        float: left;
}

#butleft, #butright {
        padding: 0px;
        margin: 0px;
}
#butleft img, #butright img {
        padding: 0px;
        margin: 0px;
}

#butleft {
        margin-left: 1px;
        margin-right: 4px;
}

#butright {
        margin-left: 4px;
}



#texts {
        width: 330px;
        height: 240px;
        margin: 16px auto 4px auto;
}

.text {
        width: 300px;
        height: 200px;
        border: 1px solid #333;
        background-color: #fff;
        padding: 12px;
        color: #333;
        overflow: auto;
}