@charset "utf-8";
/* CSS Document */

.regis6 {
	margin-left: auto;
	margin-right: auto;
	width: 650px;
}

.regis6 .r-box {

	margin-top: 80px;

	margin-left: auto;

	margin-right: auto;

	width: 550px;
}

.regis6 .r-box1 {

	margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

	width: 410px;
}

.regis6 .r-form {
	font-family: 'lineseed';
	padding: 0 5px;
}

::placeholder {
	color: #000;
}

.regis6 .r-form1 {
	font-family: 'lineseed';
	padding: 0 5px;
}

.regis6 .r-form input[type=text],
select,
textarea {
	width: 100%;
	padding: 17px 11px;
	margin: 0 0;
	margin-bottom: 15px;
	display: inline-block;
	border: 1px solid #1288C7;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #1a1a1a;
	font-size: 16px;
	transition-duration: 0.3s;
	outline: none;
	font-family: 'lineseed';
	/* background: url(../images/test/eye.png) 95% 50% no-repeat; */
}

.regis6 .r-form input[type=text], .regis6 .r-form input[type=password], select, textarea {
    width: 100%;
    padding: 17px 11px;
    margin: 0 0;
    margin-bottom: 15px;
    display: inline-block;
    border: 1px solid #1288C7;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #1a1a1a;
    font-size: 16px;
    transition-duration: 0.3s;
    outline: none;
    font-family: 'lineseed';
    /* background: url(../images/test/eye.png) 95% 50% no-repeat; */
}

.input-group .form-control {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.input-group .input-group-text {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	background-color: #fff;
	border-left: 0;
}

.input-group .form-control:focus {
	box-shadow: none;
	border-color: #ced4da;
}

.input-group .form-control:focus+.input-group-text {
	border-color: #80bdff;
}

.regis6 .r-form .topic {
	position: relative;
	font-size: 16px;
	padding: 0 0 5px;
	color: #005380;
	font-family: 'lineseed';
}

.regis6 .r-form .topic span {
	color: #FF0000;
}

.regis6 .r-form1 .topic1 {
	position: relative;
	font-size: 18px;
	padding: 0 0 5px;
	color: #000000;
	font-family: 'lineseed';
}

.regis6 .r-form1 .topic1 span a {
	color: #015FC9;
	text-decoration: underline;
	text-decoration-color: #015FC9;
}

.regis6 .count {

	margin-top: 40px;
}

.regis6 .count1 {

	margin-top: 85px;
}

.regis6 .count1 .top {
	font: 30px/24px 'lineseed', Arial, sans-serif;
	color: #656565;
	text-align: center;
	font-weight: bold;
	/* margin-top: 25px; */
}

.regis6 .count .top {
	font: 35px/24px 'Kanit', Arial, sans-serif;
	color: #F67A22;
	text-align: center;
	font-weight: bold;
	/* margin-top: 25px; */
}

.regis6 .count .mid {
	margin-top: 20px;
}

.regis6 .count .mid .an-block {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 290px;
	height: 60px;
}

.regis6 .count .mid .red-bg {
	background: #760F20;
}

.regis6 .count .mid .blue-bg {
	background: #030F58;
}

.regis6 .count .mid .orange-bg {
	background: #A7342F;
}

.regis6 .count .mid .grey-bg {
	background: #12AAFB;
}

.regis6 .count .mid .an-block .topic {
	font: 22px/30px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 16px;
}

.regis6 .count .mid .an-block .topic a {
	color: #ffffff;
}

.regis6 .count .mid .an-block .number {
	font: 26px/24px 'Kanit', Arial, sans-serif;
	color: #fff;
	text-align: center;
	margin-top: 14px;
}

.regis6 .personall {
	margin-top: 20px;
}

.regis6 .personall .top {
	font: 18px/24px 'Kanit', Arial, sans-serif;
	color: #000000;
	padding-bottom: 15px;
	background: url(../images/vote/line.png) bottom center no-repeat;
	text-align: center;
}

.regis6 .personall .top span {
	/* font: 14px/24px 'Kanit', Arial, sans-serif; */
	color: #005380;
	text-decoration: underline;
	text-decoration-color: #005380;
}

.regis6 .personall .top span a {
	color: #005380;
	text-decoration: underline;
	text-decoration-color: #005380;
}

.regis6 .personall .mid {}

.regis6 .personall .mid .person {
	padding: 10px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	width: 80%;
	margin: 0 auto;
	margin-top: 15px;
}

.regis6 .personall .mid .person .wheel {
	width: 129px;
	height: 129px;
	background: url(../images/vote/gear.png) top center no-repeat;
	background-size: 100%;
	position: relative;
}

.regis6 .personall .mid .person .wheel .number {
	width: 36px;
	height: 36px;
	background: #EED389;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font: 12px/19px 'Kanit', Arial, sans-serif;
	text-align: center;
	color: #333333;
	position: absolute;
	bottom: 0;
	right: 10px;
}

.regis6 .personall .mid .person .wheel .number span {
	font: 18px/10px 'Kanit', Arial, sans-serif;
	text-align: center;
	color: #333333;
}

.regis6 .personall .mid .person .wheel .pic {
	width: 88px;
	margin: 0 auto;
	padding-top: 20px;
}

.regis6 .personall .mid .person .wheel .pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 3px solid #030F58;
}

.regis6 .personall .mid .person .p-name {
	font: 16px/24px 'lineseed', Arial, sans-serif;
	color: #030F58;
	font-weight: bold;
	padding-top: 10px;
}

.regis6 .personall .mid .person .p-neer {
	margin-top: 15px;
	font: 14px/20px 'lineseed', Arial, sans-serif;
	color: #760F20;
	font-weight: bold;
}

.regis6 .personall .mid .person .p-university {
	font: 14px/20px 'lineseed', Arial, sans-serif;
	color: #333;
}

.regis6 .personall .mid .person .p-more {
	padding-top: 15px;
	font: 14px/20px 'lineseed', Arial, sans-serif;
}

.regis6 .personall .mid .person .p-more a {
	color: #333;
	text-decoration: underline;
}

.regis6 .personall .mid .person .p-more a:hover {
	color: #030F58;
	text-decoration: underline;
}

.regis6 .personall .mid .person .score {
	margin-bottom: 20px;
}

.regis6 .personall .mid .person .score .score-text {
	font: 14px/20px 'lineseed', Arial, sans-serif;
	text-align: center;
	margin-top: 5px;
}

.regis6 .personall .mid .person .score .score-number {
	margin: 0 auto;
	width: 176px;
	height: 45px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #760F20;
	font: 28px/40px 'Kanit', Arial, sans-serif;
	text-align: center;
	color: #fff;
}

.regis6 .personall .mid .person .score .score-number span {
	font: 18px/40px 'Kanit', Arial, sans-serif;
}


.regis6 .personall .mid-2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.regis6 .personall .mid-2 .person {}

.regis6 .personall .mid-2 .person .person-block {
	width: 146px;
	height: auto;
	margin-top: 20px;
}

.regis6 .personall .mid-2 .person .person-block .wheel {
	width: 146px;
	height: 147px;
	background: url(../images/vote/gear.png) top center no-repeat;
	position: relative;
	z-index: 1;
}

.regis6 .personall .mid-2 .person .person-block .wheel .number {
	width: 36px;
	height: 36px;
	background: #EED389;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font: 12px/19px 'Kanit', Arial, sans-serif;
	text-align: center;
	color: #333333;
	position: absolute;
	bottom: 0;
	right: 10px;
}

.regis6 .personall .mid-2 .person .person-block .wheel .number span {
	font: 18px/10px 'Kanit', Arial, sans-serif;
	text-align: center;
	color: #333333;
}

.regis6 .personall .mid-2 .person .person-block .wheel .pic {
	width: 99px;
	height: auto;
	margin: 0 auto;
	padding-top: 23px;
}

.regis6 .personall .mid-2 .person .person-block .wheel .pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 5px solid #030F58;
}

.regis6 .personall .mid-2 .person .person-block .red-block {
	padding-top: 73px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-top: -62px;
	height: auto;
	position: relative;
	background: #760F20;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.regis6 .personall .mid-2 .person .person-block .red-block .name {
	font: 16px/24px 'Kanit', Arial, sans-serif;
	color: #EED389;
}

.regis6 .personall .mid-2 .person .person-block .red-block .name span {
	font: 16px/24px 'Kanit', Arial, sans-serif;
	color: #fff;
}

.regis6 .personall .mid-2 .person .person-block .red-block .neer {
	margin-top: 20px;
	font: 11px/20px 'Kanit', Arial, sans-serif;
	color: #EED389;
}

.regis6 .personall .mid-2 .person .person-block .red-block .neer span {
	font: 10px/20px 'Kanit', Arial, sans-serif;
	color: #fff;
}

.regis6 .personall .mid-2 .person .person-block .red-block .score {
	width: 128px;
	height: 40px;
	background: #030F58;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	margin-top: 5px;
}

.regis6 .personall .mid-2 .person .person-block .red-block .score .score-text {
	color: #fff;
	font: 24px/40px 'Kanit', Arial, sans-serif;
}

.regis6 .personall .mid-2 .person .person-block .red-block .score .score-text span {
	color: #fff;
	font: 18px/40px 'Kanit', Arial, sans-serif;
}



@media (min-width: 320px) and (max-width: 991px) {
	.regis6 {
		width: 100%;
	}
}

@media (min-width: 320px) and (max-width: 575px) {
	.regis6 .personall .mid .person {
		width: 100%;
	}

	.regis6 .r-form input[type=text],
	select,
	textarea {

		padding: 15px 11px;
	}

	.regis6 .r-form1 .topic1 {

		font-size: 16px;
	}

	.regis6 .r-box {

		margin-left: auto;

		margin-right: auto;

		width: 100%;
	}
}