body
{background-color: #ddbbaa;}

img, .open, .search button, .navi li span, .navi li div, .preview .total, .br, .list li a span.value, .full-bn, .full-bn-mb
{background-color: #DC4A01;}

.navi li a, .search-list li a, .menu li a, .preview .meta li span
{background-color: #DC4A01; color: #fff;}

.head, .preview-img, .list li a, .foot
{border-color: #DC4A01;}

body, .preview .total, .list li a span.value, .preview .total span
{color: #ddbbaa;}

.head, .navi li span.percent, .preview-ins, .search-list, .list, .full-wrap, .video, .foot
{background-color: #fff;}

.preview-img {background-color: #A01C00;}

a:hover, .preview-ins, .preview .name i, .foot span
{color: #DC4A01;}

.preview .meta li i, .menu li a i, .navi ul.navi-links li a i, .search-list li a i, .list li a i, .preview .total i
{color: #ffbb66;}

.open:hover, .open.active, .menu li a:hover, .menu li a.active, .menu li.active a, .search button:hover, .navi li a:hover, .navi li a.active, .navi li.active a, .preview a:hover .preview-img, .preview a:hover .total, .search-list li a:hover, .list li a:hover span.value, .close:hover, .bot-close:hover, .preview .meta li span:hover
{background-color: #A01C00; color: #fff;}

.preview a:hover .preview-img, .list li a:hover
{border-color: #A01C00;}

.menu li a:hover i, .menu li a.active i, .menu li.active a i, .preview a:hover .total i, .search-list li a:hover i, .list li a:hover span.value i, .navi ul.navi-links li a:hover i, .navi ul.navi-links li a.active i, .navi ul.navi-links li.active a i, .preview a:hover .total span
{color: #fff;}

.close, .bot-close
{background-color: #DC4A01; color: #fff;}

.open, .search button, .navi li span.percent
{color: #fff;}

a, h1, h2, h3, h4, .navi li
{color: #441111;}

.search input
{background-color: #ddbbaa; color: #441111; opacity: 0.9;}

.search input:focus
{opacity: 1;}

.search input::placeholder
{color: #2f2f2f;}

.spons-link a {font-weight: bolder;font-size: 32px;text-align: center;display: block;padding: 3px;background-color: #DC4A01;color: #fff;border: 1px solid #000;text-decoration: none;text-shadow: 2px 2px 0 #000;}
.spons-link a:hover {background-color: #A01C00;color: #fff;}

body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3,h4 {margin: 0; padding: 0;}

div, ul, li, a {overflow: hidden;}

body, .spons-link a {font-family: Arial, sans-serif; text-transform: uppercase;}

li {list-style-type: none;}

img {display: block;}

a {text-decoration: none;}

h1, h2, h3, h4 {font-weight: normal;}
h1 {margin: 10px 5px 0 5px; font-size: 24px; line-height: 26px;}
h2 {margin: 10px 5px 0 5px; font-size: 22px; line-height: 24px;}
h3,h4 {margin: 5px 5px 0 5px; font-size: 20px; line-height: 22px;}

.wrap {margin: 0 auto; max-width: 820px;}

.head {border-bottom-width: 3px; border-bottom-style: solid; text-align: center; font-size: 0; padding-bottom: 10px;}

.open {border-radius: 3px; cursor: pointer; width: 40px; height: 40px; line-height: 40px; font-size: 18px; margin: 10px 5px 0 5px;}

.open-menu {float: left;}
.open-search {float: right;}

.logo {display: inline-block; vertical-align: top; margin: 10px 5px 0 5px;}
.logo a {height: 40px; line-height: 40px; display: block;}
.logo a img {width: 90%; height: 40px; background: transparent;}

.menu {display: none; clear: both; padding: 8px 5px 0 5px;}
.menu ul {overflow: hidden;}
.menu li {margin-top: 2px;}
.menu li a {display: block; font-size: 20px; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 3px; text-align: left;}

.search {display: none; clear: both; padding: 10px 5px 0 5px;}
.search-form {display: table; width: 100%; height: 50px;}
.search-field {display: table-cell; vertical-align: top; position: relative; border-radius: 3px;}
.search input {position: absolute; top: 0; left: 0; width: 100%; padding: 0 20px; border: 0 none; outline: 0 none; font-size: 20px; height: 50px; line-height: 50px;}
.search-button {display: table-cell; vertical-align: top; width: 100px; padding-left: 2px;}
.search button {border: 0 none; cursor: pointer; border-radius: 3px; outline: 0 none; width: 100%; text-align: center; float: right; font-size: 20px; height: 50px; line-height: 50px;}

.navi {text-align: center; padding-top: 10px;}
.navi ul {float: left; margin: 8px 13px 0 5px;}
.navi li {float: left; margin: 2px 2px 0 0; min-width: 30px; height: 30px; line-height: 30px;}
.navi li a, .navi li span, .navi li div {border-radius: 3px; display: block; min-width: 10px; height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px;}
.navi li span.percent {min-width: 10px;}
.navi-top {padding-top: 0;}

.preview {width: 100%;}
.preview-ins {border-radius: 3px; margin: 10px 5px 0 5px; padding-bottom: 5px; position: relative; }
.preview a {display: block;}
.preview-img {border-bottom-width: 3px; border-bottom-style: solid; position: relative; padding-bottom: 56.25%;}
.preview-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.preview a:hover .preview-img img {opacity: 0.9;}

.preview .name {font-size: 16px; height: 20px; line-height: 20px; padding: 0 10px; margin-top: 8px;}
.preview .name i {font-size: 14px;}
.preview .meta {margin-top: 5px; padding: 0 9px; height: 30px;}
.preview .meta ul {display: table;}
.preview .meta li {display: table-cell; vertical-align: top; text-align: center;}
.preview .meta li span {margin: 0 1px; border-radius: 3px; display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; padding: 0 5px;}

.preview .name-cat {font-size: 18px;}
.preview .name-cat i {font-size: inherit;}
.preview .total {border-radius: 3px 0 0 0; height: 25px; line-height: 25px; padding: 0 10px; font-size: 14px; position: absolute; bottom: 0; right: 0; text-transform: none;}
.preview .total i {font-size: 12px;}

.brs-block {border-radius: 3px; margin: 10px 5px 0 5px; padding-bottom: 10px; font-size: 0; text-align: center;}
.br {width: 300px; height: 250px; margin: 10px 1px 0 1px; display: inline-block; vertical-align: top;}
.br-2, .br-3, .br-4, .br-5 {display: none;}
.br-long {width: 728px; height: 90px; margin: 10px 1px 0 1px; display: none; vertical-align: top;}

.search-list {border-radius: 3px; margin: 20px 5px 0 5px; padding: 0 5px 10px 5px;}
.search-list li {float: left;}
.search-list li a {margin: 10px 5px 0 5px; border-radius: 3px; display: block; height: 34px; line-height: 34px; font-size: 14px; padding: 0 10px;}

.list {border-radius: 3px; margin: 20px 5px 0 5px; padding: 0 5px 10px 5px; font-size: 0;}
.list li {padding: 10px 5px 0 5px;}
.list li a {border-bottom-width: 2px; border-bottom-style: solid; display: block;}
.list li a span {display: block;}
.list li a span.label {font-size: 18px; height: 30px; line-height: 30px; overflow: hidden;}
.list li a span.value {text-transform: none; border-radius: 3px 3px 0 0; height: 20px; line-height: 20px; padding: 0 5px; font-size: 13px; display: inline-block; vertical-align: top;}
.list li a span.value i {font-size: 10px;}

.foot {border-top-width: 3px; border-top-style: solid; margin-top: 20px; padding: 5px 0 5px 0; text-align: center; font-size: 16px; line-height: 18px;}
.foot p {margin: 5px 5px 0 5px;}
.foot ul {padding-top: 5px;}
.foot li {margin: 5px 5px 0 5px; display: inline-block; vertical-align: top;}
.foot a {text-decoration: underline;}
.foot a:hover {text-decoration: none;}

@media all and (min-width:410px) {
.preview {width: 50%; float: left;}
.preview .name {font-size: 14px;}
.preview .meta li span {font-size: 8px;}
.list ul {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;}
.list li a span.label {font-size: 16px;}
}

@media all and (min-width:510px) {
.preview .meta li span {font-size: 10px;}
}

@media all and (min-width:640px) {
.logo a {height: 50px; line-height: 50px;}
.logo a img {height: 50px;}
.open {width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
.preview .name {font-size: 16px;}
.br-2 {display: inline-block;}
.list ul {column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;}
#ad-im{display: inline-block;}
}

@media all and (min-width:840px) {
h1 {font-size: 26px; line-height: 28px;}
h2 {font-size: 24px; line-height: 26px;}
.preview {width: 410px;}
.preview .name {font-size: 18px; height: 24px; line-height: 24px;}
.preview .meta li span {font-size: 14px;}
.preview .name i {font-size: 16px;}
.br {margin: 10px 5px 0 5px;}
.list ul {column-count: 4; -moz-column-count: 4; -webkit-column-count: 4;}
.preview .name-cat {font-size: 20px;}
.preview .total {font-size: 16px;}
.navi li a, .navi li span, .navi li div {font-size: 15px;}
}

@media all and (min-width:1250px) {
.wrap {max-width: 1230px;}
.logo {display: block; float: left;}
.open {display: none;}
.menu, .search {display: block !important; clear: none;}
.menu, .menu li {float: left;}
.menu {padding-left: 15px; padding-right: 0;}
.menu li {margin-right: 2px;}
.menu li a {padding: 0 15px; font-size: 16px; min-width: 80px; text-align: center;}
.search {padding-left: 0;}
.search input {font-size: 16px; padding: 0 15px;}
.search-button {width: 60px;}
.search button {font-size: 18px;}
h1 {font-size: 28px; line-height: 30px;}
h2 {font-size: 26px; line-height: 28px;}
.navi li {height: 40px; line-height: 40px;}
.navi li a, .navi li span, .navi li div {height: 40px; line-height: 40px; font-size: 16px; padding: 0 20px;}
.navi ul.pages {float: right; margin-right: 3px;}
.navi ul.pages li a, .navi ul.pages li span {padding: 0 10px; min-width: 20px;}
.navi li span.percent {padding: 0 15px;}
.br {margin: 10px 1px 0 1px;}
.br-3, .br-4 {display: inline-block;}
.search-list li a {height: 40px; line-height: 40px; font-size: 18px;}
.list ul {column-count: 6; -moz-column-count: 6; -webkit-column-count: 6;}
}

@media all and (min-width:1660px) {
.wrap {max-width: 1640px;}
.logo a {height: 60px; line-height: 60px;}
.logo a img {height: 60px;}
.menu li a {padding: 0 20px; font-size: 18px; min-width: 120px; text-align: center; height: 60px; line-height: 60px;}
.search input {font-size: 18px; height: 60px; line-height: 60px; padding: 0 20px;}
.search button {font-size: 20px; height: 60px; line-height: 60px;}
.search-button {width: 100px;}
h1 {font-size: 30px; line-height: 32px;}
h2 {font-size: 28px; line-height: 30px;}
.navi li a, .navi li span, .navi li div {font-size: 18px;}
.br {margin: 10px 5px 0 5px;}
.br-5 {display: inline-block;}
.list ul {column-count: 8; -moz-column-count: 8; -webkit-column-count: 8;}
}

#scroll-top {background-color: #DC4A01; color: #ffffff; opacity: 0.9; position: fixed; z-index: 10000; right: 10px; bottom: 10px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; border-radius: 3px; font-size: 22px; text-align: center;}
#scroll-top:hover {opacity: 1;}