*,
*::before,
*::after {
  box-sizing: border-box;
}

ul[class],
ol[class] {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  font-family: sans-serif;
  line-height: 1.5;
}

ul[class],
ol[class] {
  list-style: none;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

.txt {
	margin:10px;
}

.footer {
	margin:20px 0;
	text-align: center;
}
.footer a{
	color: #000;
	text-decoration: none;
	font-size:14px;
}

.btn {
	display: block;
	width: 180px;
	margin: 40px;
	padding: 12px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #333;
	border-radius:4px;
}

.iscroll img{margin-bottom:-20px;min-height:100px;max-height:360px;}
.iscroll .op{position:relative;height:20px;left:5px;}
.iscroll .op a{text-decoration:none;font-size:12px;font-weight:bold;color:#FFF;}
.iscroll .op a span{padding:4px 6px;border-radius:4px;border:1px solid #FFF;}
.iscroll .op a.clip{float:right;margin-right:10px;text-decoration:none;font-size:16px;}
.iscroll .op a.clip span{background-color:#666;padding:2px 8px;border-radius:4px;border:1px solid #FFF;color:#FFF;}

.scroll:after {
  content: '';
  clear: both;
  display: block;
}

#scroll {
   line-height: 0;
 
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
 
}
#scroll img {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 900px) {
  #scroll {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 700px) {
  #scroll {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 500px) {
  #scroll {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 300px) {
  #scroll {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

/* Chin Tsao */
.listn .vote{
	position:relative;
}
.listn .vote a:nth-child(1) div{
	position:absolute;bottom:16px;left:4px;
}
.listn .vote a:nth-child(2) div{
	position:absolute;bottom:16px;right:4px;
}
.listn .vote a span{
	padding:6px 10px;border-radius:2px;color:#FFF;background:rgba(0,0,0,0.5);font-size:20px;
}
.listn img{
	margin-bottom:-30px;min-height:100px;
}
.listn .user{
	position:relative;height:30px;
}
.listn .user a{
	color:#FFF;
}
.listn .user a div{
	position:absolute;bottom:24px;left:50%;transform:translate(-50%);
}
.listn .user a span{
	padding:4px 6px;border-radius:2px;font-size:14px;background: rgba(29,161,242,0.9);font-family: sans-serif;
}