body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, select, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, b {
	font-weight: normal;
	font-style: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before, q:after {
	content: "";
}

abbr, acronym {
	border: 0;
}

a {
	text-decoration: none;
}

input, button, textarea, select, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

html {
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	        text-size-adjust: 100%;
}

body {
	font: 13px/1.6 arial, "Microsoft JhengHei", \5FAE\8EDF\6B63\9ED1\9AD4, PMingLiU, \65B0\7D30\660E\9AD4;
	background: #7C5E5A;
}

.wrapper {
	overflow: hidden;
}

.hd {
	background: url(../img/section0-bg.jpg) 50% 0 no-repeat;
	border-bottom: 1px solid #fff;
}

@media screen and (max-width: 999px) {
	.hd {
		background: none;
	}
}

.hd-i {
	margin: 0 auto;
	width: 1000px;
	height: 794px;
}

@media screen and (max-width: 999px) {
	.hd-i {
		width: 100%;
		height: 7.94rem;
		background: url(../img/section0-bg-m.jpg) no-repeat 50% 0/100% 100%;
	}
}

.hd-logo {
	position: relative;
	margin: 0 auto 5px;
	padding: 60px 0 0;
	width: 306px;
	height: 87px;
}

@media screen and (max-width: 999px) {
	.hd-logo {
		margin-bottom: 0.05rem;
		padding: 0.6rem 0rem 0rem;
		width: 3.06rem;
		height: 0.87rem;
	}
}

.hd-logo a {
	display: block;
	background-image: url(../img/logo.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}

.hd-slogan {
	background-size: 100% 100%;
	background-image: url(../img/slogan.png);
	width: 550px;
	height: 482px;
	margin: 0 auto;
}

@media screen and (max-width: 999px) {
	.hd-slogan {
		width: 5.5rem;
		height: 4.82rem;
	}
}

.hd-slogan__home {
	display: block;
	height: 340px;
	margin: 0 0 27px;
}

@media screen and (max-width: 999px) {
	.hd-slogan__home {
		height: 3.4rem;
		margin-bottom: 0.27rem;
	}
}

.hd-slogan__signup {
	display: block;
	background-size: 100% 100%;
	background-image: url(../img/signup1.png);
	width: 211px;
	height: 61px;
	margin: 0 0 0 151px;
}

@media screen and (max-width: 999px) {
	.hd-slogan__signup {
		width: 2.11rem;
		height: 0.61rem;
		margin-left: 1.51rem;
	}
}

.hd-bonus {
	background-size: 100% 100%;
	background-image: url(../img/bonusno.png);
	width: 608px;
	height: 146px;
	margin: -5px 0 0 164px;
}

@media screen and (max-width: 999px) {
	.hd-bonus {
		width: 5.97rem;
		height: 1.55rem;
		margin: -0.05rem 0rem 0rem 1.64rem;
	}
}

.footer {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

.footer-w {
	padding: 25px 0 10px;
	background: #7C5E5A;
}

@media screen and (max-width: 999px) {
	.footer-w {
		padding: 0.25rem 0rem 0.1rem;
	}
}

.rwdpop {
	overflow: hidden;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 94%;
	height: 94%;
	max-width: 800px;
	padding: 30px 0;
	box-sizing: border-box;
}

.rwdpop-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: none;
	transition: opacity .6s;
	opacity: 0;
}

.rwdpop-container--show {
	display: block;
}

.rwdpop-container--fadein {
	opacity: 1;
}

.rwdpop-dimmer {
	background: rgba(0, 0, 0, 0.78);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.rwdpop-close {
	position: absolute;
	width: 25px;
	height: 25px;
	right: 0;
	top: 0;
}

.rwdpop-close a {
	display: block;
	background-image: url(../img/closeb.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}

.rwdpop-content {
	color: #fff;
	position: relative;
	overflow: auto;
	height: 100%;
}

.rwdpop-content::-webkit-scrollbar {
	width: 9px;
}

.rwdpop-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background: rgba(255, 255, 255, 0.3);
	border-radius: 10px;
}

.rwdpop-content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #7c5e5a;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.rwdpop-content::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(124, 94, 90, 0.8);
}

.rwdpop-content-i {
	height: 100%;
	width: 100%;
	table-layout: fixed;
	display: table;
}

.rwdpop-content-i-i {
	display: table-cell;
	vertical-align: middle;
}

.innerp {
	font-size: 18px;
	border-bottom: 1px solid #fff;
	background: url(../img/section3-bg-o.jpg) 50% -200px no-repeat #A6908F;
}

@media screen and (max-width: 999px) {
	.innerp {
		background: #A6908F;
	}
}

.innerp-i {
	box-sizing: border-box;
	width: 1000px;
	margin: 0 auto;
	background: url(../img/section3-bg-i.jpg) 50% -200px no-repeat;
	padding: 50px 35px 60px;
}

@media screen and (max-width: 999px) {
	.innerp-i {
		width: 100%;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 999px) {
	.innerp-i {
		padding: 0.5rem 0.35rem 0.6rem;
		background-position: 50% -2rem;
	}
}

.index-1 {
	border-bottom: 1px solid #fff;
	background: url(../img/section3-bg-o.jpg) 50% -222px no-repeat #A6908F;
}

@media screen and (max-width: 999px) {
	.index-1 {
		background: #A6908F;
	}
}

.index-1-i {
	box-sizing: border-box;
	width: 1000px;
	margin: 0 auto;
	background: url(../img/section3-bg-i.jpg) 50% -222px no-repeat;
	padding: 50px 35px;
}

@media screen and (max-width: 999px) {
	.index-1-i {
		width: 100%;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 999px) {
	.index-1-i {
		padding: 0.5rem 0.35rem;
		background-position: 50% -2.22rem;
	}
}

.index-1-content1 {
	background-size: 100% 100%;
	background-image: url(../img/section1-1.png);
	height: 500px;
	margin: 0 0 70px;
}

@media screen and (max-width: 999px) {
	.index-1-content1 {
		height: 5rem;
		margin: 0rem 0rem 0.7rem;
	}
}

.index-1-content2__title {
	background-image: url(../img/section1-2.png);
	background-size: 100% 100%;
	width: 852px;
	height: 59px;
}

@media screen and (max-width: 999px) {
	.index-1-content2__title {
		width: 8.52rem;
		height: 0.59rem;
	}
}

.index-1-content2__title-w {
	border-bottom: 1px solid #443737;
	padding: 0 0 5px;
	margin: 0 0 16px;
}

@media screen and (max-width: 999px) {
	.index-1-content2__title-w {
		margin: 0rem 0rem 0.16rem;
	}
}

.index-1-content2__txt {
	color: #fff;
	line-height: 1.8;
	font-size: 18px;
}

@media screen and (max-width: 999px) {
	.index-1-content2__txt {
		font-size: 15px;
	}
}

.index-2 {
	border-bottom: 1px solid #fff;
	background: url(../img/section2-bg.jpg);
}

.index-2-i {
	box-sizing: border-box;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 35px 50px;
}

@media screen and (max-width: 999px) {
	.index-2-i {
		width: 100%;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 999px) {
	.index-2-i {
		padding: 0.2rem 0.35rem 0.5rem;
	}
}

.index-2-hd {
	margin: 0 0 25px;
}

.index-2-hd:after {
	clear: both;
	content: "";
	display: table;
}

@media screen and (max-width: 999px) {
	.index-2-hd {
		margin: 0rem 0rem 0.25rem;
	}
}

.index-2-hd-l, .index-2-hd-r {
	float: left;
}

.index-2-hd-l {
	margin: 0 44px 0 0;
	padding: 30px 0 0;
}

@media screen and (max-width: 999px) {
	.index-2-hd-l {
		margin: 0rem 0.44rem 0rem 0rem;
		padding: 0.3rem 0rem 0rem;
	}
}

.index-2-hd-r:after {
	clear: both;
	content: "";
	display: table;
}

.index-2-hd__title {
	background-image: url(../img/section2-1.png);
	background-size: 100% 100%;
	width: 346px;
	height: 62px;
	margin: 0 0 15px;
}

@media screen and (max-width: 999px) {
	.index-2-hd__title {
		margin: 0rem 0rem 0.15rem;
		width: 3.46rem;
		height: 0.62rem;
	}
}

.index-2-hd__txt {
	background-image: url(../img/section2-2.png);
	background-size: 100% 100%;
	width: 487px;
	height: 67px;
}

@media screen and (max-width: 999px) {
	.index-2-hd__txt {
		width: 4.87rem;
		height: 0.67rem;
	}
}

.index-2-hd__query {
	width: 170px;
	height: 172px;
	float: left;
	margin: 0 23px 0 0;
}

@media screen and (max-width: 999px) {
	.index-2-hd__query {
		width: 1.7rem;
		height: 1.72rem;
	}
}

.index-2-hd__query a {
	background-image: url(../img/query.png);
	display: block;
	height: 100%;
	background-size: 100% 100%;
}

.index-2-hd__query a:hover {
	background-image: url(../img/query-ov.png);
}

@media screen and (max-width: 999px) {
	.index-2-hd__query {
		margin: 0rem 0.23rem 0rem 0rem;
	}
}

.index-2-hd__signup {
	width: 170px;
	height: 172px;
	float: left;
}

@media screen and (max-width: 999px) {
	.index-2-hd__signup {
		width: 1.7rem;
		height: 1.72rem;
	}
}

.index-2-hd__signup a {
	background-image: url(../img/sign.png);
	display: block;
	height: 100%;
	background-size: 100% 100%;
}

.index-2-hd__signup a:hover {
	background-image: url(../img/sign-ov.png);
}

.index-2-steps {
	font-size: 0;
	white-space: nowrap;
}

.index-2-steps__arrow {
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/section2-arrow.png);
	background-size: 100% 100%;
	margin: 0 6px 0 7px;
	width: 32px;
	height: 36px;
}

@media screen and (max-width: 999px) {
	.index-2-steps__arrow {
		margin: 0rem 0.06rem 0rem 0.07rem;
		width: 0.32rem;
		height: 0.36rem;
	}
}

.index-2-steps__item {
	display: inline-block;
	vertical-align: middle;
	width: 280px;
}

@media screen and (max-width: 999px) {
	.index-2-steps__item {
		width: 2.8rem;
	}
}

.index-2-steps__item-title {
	background-size: 100% 100%;
	height: 136px;
}

@media screen and (max-width: 999px) {
	.index-2-steps__item-title {
		height: 1.36rem;
	}
}

.index-2-steps__item-title-1 {
	background-image: url("../img/step1-t.png");
}

.index-2-steps__item-title-2 {
	background-image: url("../img/step2-t.png");
}

.index-2-steps__item-title-3 {
	background-image: url("../img/step3-t.png");
}

.index-2-steps__item-content {
	background-size: 100% 100%;
	height: 266px;
	border-left: 2px solid #594646;
	border-right: 2px solid #594646;
	box-sizing: border-box;
	background-origin: border-box;
}

@media screen and (max-width: 999px) {
	.index-2-steps__item-content {
		height: 2.66rem;
	}
}

.index-2-steps__item-content-1 {
	background-image: url("../img/step1-c.png");
}

.index-2-steps__item-content-2 {
	background-image: url("../img/step2-c.png");
}

.index-2-steps__item-content-3 {
	background-image: url("../img/step3-c.png");
}

.index-2-steps__item-link {
	background-size: 100% 100%;
	height: 136px;
}

@media screen and (max-width: 999px) {
	.index-2-steps__item-link {
		height: 1.36rem;
	}
}

.index-2-steps__item-link a {
	display: block;
	background-image: url(../img/introbtn.png);
	height: 100%;
	background-size: 100% 100%;
}

.index-2-steps__item-link a:hover {
	background-image: url(../img/introbtn-ov.png);
}

.index-3 {
	border-bottom: 1px solid #fff;
	background: url(../img/section3-bg-o.jpg) 50% 0 no-repeat #A6908F;
}

@media screen and (max-width: 999px) {
	.index-3 {
		background: #A6908F;
	}
}

.index-3-i {
	box-sizing: border-box;
	width: 1000px;
	margin: 0 auto;
	background: url(../img/section3-bg-i.jpg) 50% 0 no-repeat;
	padding: 35px 35px 0;
}

@media screen and (max-width: 999px) {
	.index-3-i {
		width: 100%;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 999px) {
	.index-3-i {
		padding: 0.35rem 0.35rem 0rem;
	}
}

.index-3-title {
	background-image: url(../img/section3-1.png);
	background-size: 100% 100%;
	width: 217px;
	height: 62px;
}

@media screen and (max-width: 999px) {
	.index-3-title {
		width: 2.17rem;
		height: 0.62rem;
	}
}

.index-3-bonusno {
	background-image: url(../img/bonusno2.png);
	background-size: 100% 100%;
	width: 644px;
	height: 89px;
	margin: -15px 0 12px 261px;
}

@media screen and (max-width: 999px) {
	.index-3-bonusno {
		width: 6.44rem;
		height: 0.89rem;
		margin: -0.15rem 0rem 0.12rem 2.61rem;
	}
}

.index-3-bonus {
	margin: 0 0 20px;
}

@media screen and (max-width: 999px) {
	.index-3-bonus {
		margin: 0rem 0rem 0.2rem;
	}
}

.index-3-bonus:last-child {
	margin: 0;
}

.index-3-bonus-w {
	margin: 0 15px 70px;
}

@media screen and (max-width: 999px) {
	.index-3-bonus-w {
		margin: 0rem 0.15rem 0.7rem;
	}
}

.index-3-bonus__title {
	font-size: 30px;
	color: #fff;
}

@media screen and (max-width: 999px) {
	.index-3-bonus__title {
		font-size: 18px;
	}
}

.index-3-bonus__table table {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #B6A6A6;
	font-size: 18px;
}

@media screen and (max-width: 999px) {
	.index-3-bonus__table table {
		font-size: 15px;
	}
}

.index-3-bonus__table th {
	background: #594646;
	border: 1px solid #B6A6A6;
	text-align: center;
	padding: 8px 0;
	color: #fff;
}

@media screen and (max-width: 999px) {
	.index-3-bonus__table th {
		padding: 0.08rem 0rem;
	}
}

.index-3-bonus__table td {
	text-align: center;
	border: 1px solid #B6A6A6;
	padding: 8px 0;
	color: #594646;
}

@media screen and (max-width: 999px) {
	.index-3-bonus__table td {
		padding: 0.08rem 0rem;
	}
}

.index-3-bonus__table tr {
	background: #fff;
}

.index-3-bonus__table tr:nth-child(even) {
	background: #D1C1C1;
}

.index-3-bonus__table-tdl td {
	text-align: left;
	padding: 8px 12px;
}

@media screen and (max-width: 999px) {
	.index-3-bonus__table-tdl td {
		padding: 0.08rem 0.12rem;
	}
}

.index-3-note {
	margin: 0 auto;
	width: 240px;
	height: 79px;
}

@media screen and (max-width: 999px) {
	.index-3-note {
		width: 3.6rem;
		height: 1.185rem;
	}
}

.index-3-note a {
	display: block;
	background-image: url(../img/notebtn.png);
	background-size: 100% 100%;
	height: 100%;
}

.index-3-note a:hover {
	background-image: url(../img/notebtn-ov.png);
}

.index-3-note-content {
	font-size: 15px;
	color: #fff;
}

.index-3-note-content-w {
	display: none;
}

.index-3-note-content ul {
	list-style: inside disc;
}

.index-3-note-content a {
	border-bottom: 2px dotted #fff;
	color: inherit;
}

.signup-title {
	background-image: url(../img/title-signup.png);
	background-size: 100% 100%;
	width: 346px;
	height: 62px;
	margin: 0 0 100px;
}

@media screen and (max-width: 999px) {
	.signup-title {
		width: 3.46rem;
		height: 0.62rem;
		margin: 0rem 0rem 1rem;
	}
}

.signup-form {
	color: #fff;
	padding: 0 7px;
	width: 500px;
	margin: 0 auto;
	box-sizing: border-box;
}

@media screen and (max-width: 570px) {
	.signup-form {
		width: 100%;
	}
}

.signup-form__row {
	margin: 0 0 18px;
}

.signup-form__row-title {
	margin: 0 0 3px;
}

.signup-form__row-title-span, .signup-form__row-title-link {
	color: #fed2c4;
}

.signup-form__row-input input {
	background: #D1C1C1;
	border: 1px solid #B6A6A6;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	height: 37px;
	line-height: 37px;
	border-radius: 0;
}

.signup-form__section {
	padding: 0 0 5px;
}

.signup-form__submit button, .signup-form__submit input {
	display: block;
	cursor: pointer;
	margin: 0 auto;
	border: none;
	background-color: transparent;
	background-image: url(../img/submit.png);
	background-size: 100% 100%;
	width: 230px;
	height: 84px;
}

.signup-form__submit button:hover, .signup-form__submit input:hover {
	background-image: url(../img/submit-ov.png);
}

@media screen and (max-width: 999px) {
	.signup-form__submit button, .signup-form__submit input {
		width: 2.3rem;
		height: 0.84rem;
	}
}

@media screen and (max-width: 570px) {
	.signup-form__submit button, .signup-form__submit input {
		width: 3.68rem;
		height: 1.344rem;
	}
}

.signup-form__playerinfo .signup-form__row-title {
	color: #594646;
}

.signup-form__playerinfo .signup-form__row-title--wh {
	color: #fff;
}

.signup-form__region:after {
	clear: both;
	content: "";
	display: table;
}

.signup-form__region-title {
	float: left;
	width: 25%;
}

.signup-form__region-input {
	float: left;
	width: 75%;
}

.signup-form__region-input:after {
	clear: both;
	content: "";
	display: table;
}

.signup-form__region-input label {
	display: block;
	float: left;
	width: 28%;
	margin: 0 5% 0 0;
}

.signup-form__region-input input {
	margin: 0 5px 0 0;
}

.signup-result {
	color: #fff;
	width: 450px;
	margin: 0 auto;
	font-size: 24px;
}

@media screen and (max-width: 999px) {
	.signup-result {
		font-size: 18px;
	}
}

.signup-result__row {
	margin: 0 0 25px;
}

@media screen and (max-width: 999px) {
	.signup-result__row {
		margin: 0rem 0rem 0.25rem;
	}
}

.signup-result__row-span {
	color: #fed2c4;
	margin: 0 15px;
}

@media screen and (max-width: 999px) {
	.signup-result__row-span {
		margin: 0rem 0.15rem;
	}
}

.signup-result-panel {
	font-size: 0;
	text-align: center;
}

.signup-result-panel__item {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
	width: 230px;
	height: 84px;
}

@media screen and (max-width: 999px) {
	.signup-result-panel__item {
		width: 2.3rem;
		height: 0.84rem;
		margin: 0rem 0.06rem;
	}
}

@media screen and (max-width: 570px) {
	.signup-result-panel__item {
		width: 3.68rem;
		height: 1.344rem;
		margin: 0rem 0.096rem;
	}
}

.signup-result-panel__item form {
	display: block;
	height: 100%;
	width: 100%;
}

.signup-result-panel__btn {
	display: block;
	height: 100%;
	width: 100%;
	background-color: transparent;
	border: none;
	cursor: pointer;
	background-size: 100% 100%;
}

.signup-result-panel__btn-cancel {
	background-image: url("../img/cancelbtn.png");
}

.signup-result-panel__btn-cancel:hover {
	background-image: url("../img/cancelbtn-ov.png");
}

.signup-result-panel__btn-logout {
	background-image: url("../img/logoutbtn.png");
}

.signup-result-panel__btn-logout:hover {
	background-image: url("../img/logoutbtn-ov.png");
}

.query-title {
	background-image: url(../img/title-query.png);
	background-size: 100% 100%;
	float: left;
	width: 346px;
	height: 62px;
	margin: 0 88px 0 0;
}

.query-title2 {
	background-image: url(../img/title-signup.png);
	background-size: 100% 100%;
	float: left;
	width: 346px;
	height: 62px;
	margin: 0 88px 0 0;
}

@media screen and (max-width: 999px) {
	.query-title {
		width: 3.46rem;
		height: 0.62rem;
		margin: 0rem 0.88rem 0rem 0rem;
	}
}



.query-hd {
	margin: 0 0 12px;
}

.query-hd:after {
	clear: both;
	content: "";
	display: table;
}

@media screen and (max-width: 999px) {
	.query-hd {
		margin: 0rem 0rem 0.12rem;
	}
}

.query-panel {
	float: left;
}

.query-panel:after {
	clear: both;
	content: "";
	display: table;
}

.query-panel__home {
	width: 170px;
	height: 172px;
	float: left;
	margin: 0 30px 0 0;
}

@media screen and (max-width: 999px) {
	.query-panel__home {
		width: 1.7rem;
		height: 1.72rem;
	}
}

.query-panel__home a {
	background-image: url(../img/homebtn.png);
	display: block;
	height: 100%;
	background-size: 100% 100%;
}

.query-panel__home a:hover {
	background-image: url(../img/homebtn-ov.png);
}

@media screen and (max-width: 999px) {
	.query-panel__home {
		margin: 0rem 0.3rem 0rem 0rem;
	}
}

.query-panel__login {
	width: 170px;
	height: 172px;
	float: left;
}

@media screen and (max-width: 999px) {
	.query-panel__login {
		width: 1.7rem;
		height: 1.72rem;
	}
}

.query-panel__login a {
	background-image: url(../img/loginbtn.png);
	display: block;
	height: 100%;
	background-size: 100% 100%;
}

.query-panel__login a:hover {
	background-image: url(../img/loginbtn-ov.png);
}

.query-info {
	font-size: 24px;
	color: #fff;
	margin: 0 0 45px;
}

@media screen and (max-width: 999px) {
	.query-info {
		margin: 0rem 0rem 0.45rem;
		font-size: 18px;
	}
}

.query-info__span {
	color: #fed2c4;
	margin: 0 15px;
}

@media screen and (max-width: 999px) {
	.query-info__span {
		margin: 0rem 0.15rem;
	}
}

.query-info__name {
	margin: 0 0 25px;
}

@media screen and (max-width: 999px) {
	.query-info__name {
		margin: 0rem 0rem 0.25rem;
	}
}

.query-info__data {
	margin: 0 0 5px;
}

@media screen and (max-width: 999px) {
	.query-info__data {
		margin: 0rem 0rem 0.05rem;
	}
}

.query-info__data-r {
	margin: 0 0 0 25px;
}

@media screen and (max-width: 999px) {
	.query-info__data-r {
		margin: 0rem 0rem 0rem 0.25rem;
	}
}

.query-tab {
	font-size: 0;
	white-space: nowrap;
	text-align: center;
	margin: 0 0 45px;
}

@media screen and (max-width: 999px) {
	.query-tab {
		margin: 0rem 0rem 0.45rem;
	}
}

.query-tab__item {
	display: inline-block;
	vertical-align: top;
	width: 281px;
	height: 136px;
	margin: 0 0 0 43px;
}

@media screen and (max-width: 999px) {
	.query-tab__item {
		width: 2.81rem;
		height: 1.36rem;
		margin: 0rem 0rem 0rem 0.43rem;
	}
}

.query-tab__item:first-child {
	margin: 0;
}

@media screen and (max-width: 999px) {
	.query-tab__item {
		width: 2.81rem;
		height: 1.36rem;
	}
}

.query-tab__item-link {
	display: block;
	height: 100%;
	background-size: 100% 100%;
}

.query-tab__item-link-s {
	background-image: url("../img/region-s.png");
}

.query-tab__item-link-c {
	background-image: url("../img/region-c.png");
}

.query-tab__item-link-n {
	background-image: url("../img/region-n.png");
}

.query-table__title {
	color: #fff;
	font-size: 29px;
}

@media screen and (max-width: 999px) {
	.query-table__title {
		font-size: 21px;
	}
}

.query-table table {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #B6A6A6;
}

.query-table th {
	background: #594646;
	border: 1px solid #B6A6A6;
	text-align: center;
	padding: 8px 0;
	color: #fff;
}

@media screen and (max-width: 999px) {
	.query-table th {
		padding: 0.08rem 0rem;
	}
}

.query-table td {
	text-align: center;
	border: 1px solid #B6A6A6;
	padding: 8px 15px;
	color: #594646;
	word-break: break-all;
}

@media screen and (max-width: 999px) {
	.query-table td {
		padding: 0.08rem 0.15rem;
	}
}

.query-table tr {
	background: #fff;
}

.query-table tr:nth-child(even) {
	background: #D1C1C1;
}