@charset "UTF-8";


#votesys{
	width:98%; margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left;
}
#votesys .c-both {
	clear:both;
}
#votesys .tleft{
	width:58%; margin:0em 0em 1em 0em; float:left;
}
#votesys .tright{
	width:42%; margin:0em 0em 1em 0em; float:right;
}
#votesys .ttitle{
	margin:0px 0px 4px 0px; text-align:left; font-size:18px; font-weight:bold;
}
#votesys .ttitle span{
	color:#333333; font-size:10px; font-weight:normal;
}
#votesys .tbar{
	margin:0px 0px 0px 0px; padding:15px; background-color:#FFC;
}
#votesys .terr{
	color:#FF0000; font-size:14px; font-weight:normal;
}
.voteerr {
	padding: 5px;
	background: #F00;
	color: #FFF;
	font-weight: bold;
}
/*#votesys .searchbox{
	width:260px; margin:0px 16px 0px 0px; padding:0px 0px 0px 0px;
	float:left;
}
#votesys .addbox{
	float:left;
}*/

#votesys .btnsubmit{
	margin:0px 0px 0px 0px; padding:12px 0px 12px 0px;
	text-align:center;
}

#votesys table tr td.its{ font-weight:bold; }

#votesys table.v_info {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	border-top:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
}
#votesys table.v_info td {
	margin:0px 0px 0px 0px; padding:4px 4px 4px 4px;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
}
#votesys table.v_list {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	border:1px solid #e1aeae;
}
#votesys table.v_list td {
	margin:0px 0px 0px 0px; padding:4px 4px 4px 4px;
}
#votesys table.v_listrow {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	border-bottom:1px solid #ffe0e0;
}
#votesys table.v_listrow td {
	margin:0px 0px 0px 0px; padding:4px 4px 4px 4px;
}

/* HTMLƒ^ƒO’uŠˇŽžŽg—p */
.blg1{ color:#FF0000; }
.blg2{ color:#FF9900; }
.blg3{ color:#669999; }
.blg4{ color:#0000FF; }
.f-small{ font-size:10px; }
.f-big{ font-size:16px; }
/* HTMLƒ^ƒO’uŠˇŽžŽg—p END */

/* ????????01 */
#votesys input[type=checkbox] {
	display: none;
}
#votesys .checkbox01 {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 5px 30px;
	position: relative;
	width: auto;
}
#votesys .checkbox01::before {
	background: #fff;
	border: 1px solid #666;
	content: '';
	display: block;
	height: 20px;
	left: 3px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 20px;
}
#votesys .checkbox01::after {
	border-right: 4px solid #0086bb;
	border-bottom: 4px solid #0086bb;
	content: '';
	display: block;
	height: 12px;
	left: 9px;
	margin-top: -9px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 7px;
}
#votesys input[type=checkbox]:checked + .checkbox01::after {
	opacity: 1;
}

.nice-textbox {
  position: relative;
  display: inline-block;
  width: 200px;
  margin-top: 50px;
  padding: 15px;
  border: none;
  border-radius: 3px;
  font-size: 16px;
  outline: none;
	height: 25px;
}

.css-button {
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
	font-size: 14px;
	min-width: 5em;
}
/*
.btn01 {
  border: 2px solid #999;
  background: #666;
}
.btn01:hover {
  background: #fff;
  color: #666
}

.btn02 {
  border: 2px solid #ff9900;
  background: #ff6600;
}
.btn02:hover {
  background: #fff;
  color: #ff6600
}
*/
.min-width01 {
	min-width: 150px;
}

table.eotbl {
	border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table.eotbl tr {
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

table.eotbl td:hover{
  background-color: #d4f0fd;
}

table.eotbl th,table.eotbl td {
  padding: 5px;
}