meta.foundation-version {
	font-family: "/5.3.1/"
}

meta.foundation-mq-small {
	font-family: "/only screen/";
	width: 0
}

meta.foundation-mq-medium {
	font-family: "/only screen and (min-width:30.063em)/";
	width: 30.063em
}

meta.foundation-mq-large {
	font-family: "/only screen and (min-width:60.063em)/";
	width: 60.063em
}

meta.foundation-mq-xlarge {
	font-family: "/only screen and (min-width:75.063em)/";
	width: 75.063em
}

meta.foundation-mq-xxlarge {
	font-family: "/only screen and (min-width:120.063em)/";
	width: 120.063em
}

meta.foundation-data-attribute-namespace {
	font-family: false
}

html {
	font-size: 62.5%
}

body, html {
	height: 100%
}

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

body {
	color: #333;
	padding: 0;
	margin: 0;
	font-weight: 400;
	font-style: normal;
	position: relative;
	cursor: default;
	font-size: 1.3em;
	line-height: 1.4em
}

a:hover {
	cursor: pointer
}

img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed,
	.map_canvas img, .map_canvas object {
	max-width: none !important
}

.left {
	float: left !important
}

.right {
	float: right !important
}

.clearfix:after, .clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.hide {
	display: none
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

img {
	display: inline-block;
	vertical-align: middle
}

textarea {
	height: auto;
	min-height: 50px
}

select {
	width: 100%
}

.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 75em
}

.row:after, .row:before {
	content: " ";
	display: table
}

.row:after {
	clear: both
}

.row.collapse>.column, .row.collapse>.columns {
	padding-left: 0;
	padding-right: 0
}

.row.collapse .row {
	margin-left: 0;
	margin-right: 0
}

.row .row {
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none
}

.row .row:after, .row .row:before {
	content: " ";
	display: table
}

.row .row:after {
	clear: both
}

.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none
}

.row .row.collapse:after, .row .row.collapse:before {
	content: " ";
	display: table
}

.row .row.collapse:after {
	clear: both
}

.column, .columns {
	width: 100%;
	float: left
}

[class*=column]+[class*=column]:last-child {
	float: right
}

[class*=column]+[class*=column].end {
	float: left
}

@media only screen {
	.small-push-0 {
		position: relative;
		left: 0;
		right: auto
	}
	.small-pull-0 {
		position: relative;
		right: 0;
		left: auto
	}
	.small-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto
	}
	.small-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto
	}
	.small-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto
	}
	.small-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto
	}
	.small-push-3 {
		position: relative;
		left: 25%;
		right: auto
	}
	.small-pull-3 {
		position: relative;
		right: 25%;
		left: auto
	}
	.small-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto
	}
	.small-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto
	}
	.small-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto
	}
	.small-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto
	}
	.small-push-6 {
		position: relative;
		left: 50%;
		right: auto
	}
	.small-pull-6 {
		position: relative;
		right: 50%;
		left: auto
	}
	.small-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto
	}
	.small-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto
	}
	.small-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto
	}
	.small-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto
	}
	.small-push-9 {
		position: relative;
		left: 75%;
		right: auto
	}
	.small-pull-9 {
		position: relative;
		right: 75%;
		left: auto
	}
	.small-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto
	}
	.small-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto
	}
	.small-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto
	}
	.small-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto
	}
	.column, .columns {
		position: relative;
		float: left
	}
	.br-large, .br-medium {
		display: none
	}
	.br-small {
		display: block;
		height: 1px;
		clear: both
	}
	.small-0 {
		display: none
	}
	.small-1, .small-10, .small-11, .small-12, .small-2, .small-3, .small-4,
		.small-5, .small-6, .small-7, .small-8, .small-9 {
		display: block
	}
	.small-1 {
		width: 8.33333%
	}
	.small-2 {
		width: 16.66667%
	}
	.small-3 {
		width: 25%
	}
	.small-4 {
		width: 33.33333%
	}
	.small-5 {
		width: 41.66667%
	}
	.small-6 {
		width: 50%
	}
	.small-7 {
		width: 58.33333%
	}
	.small-8 {
		width: 66.66667%
	}
	.small-9 {
		width: 75%
	}
	.small-10 {
		width: 83.33333%
	}
	.small-11 {
		width: 91.66667%
	}
	.small-12 {
		width: 100%
	}
	.small-offset-0 {
		margin-left: 0 !important
	}
	.small-offset-1 {
		margin-left: 8.33333% !important
	}
	.small-offset-2 {
		margin-left: 16.66667% !important
	}
	.small-offset-3 {
		margin-left: 25% !important
	}
	.small-offset-4 {
		margin-left: 33.33333% !important
	}
	.small-offset-5 {
		margin-left: 41.66667% !important
	}
	.small-offset-6 {
		margin-left: 50% !important
	}
	.small-offset-7 {
		margin-left: 58.33333% !important
	}
	.small-offset-8 {
		margin-left: 66.66667% !important
	}
	.small-offset-9 {
		margin-left: 75% !important
	}
	.small-offset-10 {
		margin-left: 83.33333% !important
	}
	.small-offset-11 {
		margin-left: 91.66667% !important
	}
	.small-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left
	}
	.column.small-centered, .columns.small-centered {
		margin-left: auto;
		margin-right: auto;
		float: none
	}
	.column.small-uncentered, .columns.small-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left
	}
	.column.small-centered:last-child, .columns.small-centered:last-child {
		float: none
	}
	.column.small-uncentered:last-child, .columns.small-uncentered:last-child
		{
		float: left
	}
	.column.small-uncentered.opposite, .columns.small-uncentered.opposite {
		float: right
	}
}

@media only screen and (min-width:30.063em) {
	.medium-push-0 {
		position: relative;
		left: 0;
		right: auto
	}
	.medium-pull-0 {
		position: relative;
		right: 0;
		left: auto
	}
	.medium-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto
	}
	.medium-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto
	}
	.medium-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto
	}
	.medium-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto
	}
	.medium-push-3 {
		position: relative;
		left: 25%;
		right: auto
	}
	.medium-pull-3 {
		position: relative;
		right: 25%;
		left: auto
	}
	.medium-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto
	}
	.medium-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto
	}
	.medium-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto
	}
	.medium-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto
	}
	.medium-push-6 {
		position: relative;
		left: 50%;
		right: auto
	}
	.medium-pull-6 {
		position: relative;
		right: 50%;
		left: auto
	}
	.medium-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto
	}
	.medium-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto
	}
	.medium-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto
	}
	.medium-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto
	}
	.medium-push-9 {
		position: relative;
		left: 75%;
		right: auto
	}
	.medium-pull-9 {
		position: relative;
		right: 75%;
		left: auto
	}
	.medium-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto
	}
	.medium-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto
	}
	.medium-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto
	}
	.medium-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto
	}
	.column, .columns {
		position: relative;
		float: left
	}
	.br-large {
		display: none
	}
	.br-medium {
		display: block;
		height: 1px;
		clear: both
	}
	.br-small, .medium-0 {
		display: none
	}
	.medium-1, .medium-10, .medium-11, .medium-12, .medium-2, .medium-3,
		.medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9 {
		display: block
	}
	.medium-1 {
		width: 8.33333%
	}
	.medium-2 {
		width: 16.66667%
	}
	.medium-3 {
		width: 25%
	}
	.medium-4 {
		width: 33.33333%
	}
	.medium-5 {
		width: 41.66667%
	}
	.medium-6 {
		width: 50%
	}
	.medium-7 {
		width: 58.33333%
	}
	.medium-8 {
		width: 66.66667%
	}
	.medium-9 {
		width: 75%
	}
	.medium-10 {
		width: 83.33333%
	}
	.medium-11 {
		width: 91.66667%
	}
	.medium-12 {
		width: 100%
	}
	.medium-offset-0 {
		margin-left: 0 !important
	}
	.medium-offset-1 {
		margin-left: 8.33333% !important
	}
	.medium-offset-2 {
		margin-left: 16.66667% !important
	}
	.medium-offset-3 {
		margin-left: 25% !important
	}
	.medium-offset-4 {
		margin-left: 33.33333% !important
	}
	.medium-offset-5 {
		margin-left: 41.66667% !important
	}
	.medium-offset-6 {
		margin-left: 50% !important
	}
	.medium-offset-7 {
		margin-left: 58.33333% !important
	}
	.medium-offset-8 {
		margin-left: 66.66667% !important
	}
	.medium-offset-9 {
		margin-left: 75% !important
	}
	.medium-offset-10 {
		margin-left: 83.33333% !important
	}
	.medium-offset-11 {
		margin-left: 91.66667% !important
	}
	.medium-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left
	}
	.column.medium-centered, .columns.medium-centered {
		margin-left: auto;
		margin-right: auto;
		float: none
	}
	.column.medium-uncentered, .columns.medium-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left
	}
	.column.medium-centered:last-child, .columns.medium-centered:last-child
		{
		float: none
	}
	.column.medium-uncentered:last-child, .columns.medium-uncentered:last-child
		{
		float: left
	}
	.column.medium-uncentered.opposite, .columns.medium-uncentered.opposite
		{
		float: right
	}
	.push-0 {
		position: relative;
		left: 0;
		right: auto
	}
	.pull-0 {
		position: relative;
		right: 0;
		left: auto
	}
	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto
	}
	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto
	}
	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto
	}
	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto
	}
	.push-3 {
		position: relative;
		left: 25%;
		right: auto
	}
	.pull-3 {
		position: relative;
		right: 25%;
		left: auto
	}
	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto
	}
	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto
	}
	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto
	}
	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto
	}
	.push-6 {
		position: relative;
		left: 50%;
		right: auto
	}
	.pull-6 {
		position: relative;
		right: 50%;
		left: auto
	}
	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto
	}
	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto
	}
	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto
	}
	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto
	}
	.push-9 {
		position: relative;
		left: 75%;
		right: auto
	}
	.pull-9 {
		position: relative;
		right: 75%;
		left: auto
	}
	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto
	}
	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto
	}
	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto
	}
	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto
	}
}

@media only screen and (min-width:60.063em) {
	.large-push-0 {
		position: relative;
		left: 0;
		right: auto
	}
	.large-pull-0 {
		position: relative;
		right: 0;
		left: auto
	}
	.large-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto
	}
	.large-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto
	}
	.large-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto
	}
	.large-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto
	}
	.large-push-3 {
		position: relative;
		left: 25%;
		right: auto
	}
	.large-pull-3 {
		position: relative;
		right: 25%;
		left: auto
	}
	.large-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto
	}
	.large-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto
	}
	.large-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto
	}
	.large-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto
	}
	.large-push-6 {
		position: relative;
		left: 50%;
		right: auto
	}
	.large-pull-6 {
		position: relative;
		right: 50%;
		left: auto
	}
	.large-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto
	}
	.large-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto
	}
	.large-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto
	}
	.large-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto
	}
	.large-push-9 {
		position: relative;
		left: 75%;
		right: auto
	}
	.large-pull-9 {
		position: relative;
		right: 75%;
		left: auto
	}
	.large-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto
	}
	.large-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto
	}
	.large-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto
	}
	.large-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto
	}
	.column, .columns {
		position: relative;
		float: left
	}
	.br-large {
		display: block;
		height: 1px;
		clear: both
	}
	.br-medium, .br-small, .large-0 {
		display: none
	}
	.large-1, .large-10, .large-11, .large-12, .large-2, .large-3, .large-4,
		.large-5, .large-6, .large-7, .large-8, .large-9 {
		display: block
	}
	.large-1 {
		width: 8.33333%
	}
	.large-2 {
		width: 16.66667%
	}
	.large-3 {
		width: 25%
	}
	.large-4 {
		width: 33.33333%
	}
	.large-5 {
		width: 41.66667%
	}
	.large-6 {
		width: 50%
	}
	.large-7 {
		width: 58.33333%
	}
	.large-8 {
		width: 66.66667%
	}
	.large-9 {
		width: 75%
	}
	.large-10 {
		width: 83.33333%
	}
	.large-11 {
		width: 91.66667%
	}
	.large-12 {
		width: 100%
	}
	.large-offset-0 {
		margin-left: 0 !important
	}
	.large-offset-1 {
		margin-left: 8.33333% !important
	}
	.large-offset-2 {
		margin-left: 16.66667% !important
	}
	.large-offset-3 {
		margin-left: 25% !important
	}
	.large-offset-4 {
		margin-left: 33.33333% !important
	}
	.large-offset-5 {
		margin-left: 41.66667% !important
	}
	.large-offset-6 {
		margin-left: 50% !important
	}
	.large-offset-7 {
		margin-left: 58.33333% !important
	}
	.large-offset-8 {
		margin-left: 66.66667% !important
	}
	.large-offset-9 {
		margin-left: 75% !important
	}
	.large-offset-10 {
		margin-left: 83.33333% !important
	}
	.large-offset-11 {
		margin-left: 91.66667% !important
	}
	.large-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left
	}
	.column.large-centered, .columns.large-centered {
		margin-left: auto;
		margin-right: auto;
		float: none
	}
	.column.large-uncentered, .columns.large-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left
	}
	.column.large-centered:last-child, .columns.large-centered:last-child {
		float: none
	}
	.column.large-uncentered:last-child, .columns.large-uncentered:last-child
		{
		float: left
	}
	.column.large-uncentered.opposite, .columns.large-uncentered.opposite {
		float: right
	}
	.push-0 {
		position: relative;
		left: 0;
		right: auto
	}
	.pull-0 {
		position: relative;
		right: 0;
		left: auto
	}
	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto
	}
	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto
	}
	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto
	}
	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto
	}
	.push-3 {
		position: relative;
		left: 25%;
		right: auto
	}
	.pull-3 {
		position: relative;
		right: 25%;
		left: auto
	}
	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto
	}
	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto
	}
	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto
	}
	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto
	}
	.push-6 {
		position: relative;
		left: 50%;
		right: auto
	}
	.pull-6 {
		position: relative;
		right: 50%;
		left: auto
	}
	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto
	}
	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto
	}
	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto
	}
	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto
	}
	.push-9 {
		position: relative;
		left: 75%;
		right: auto
	}
	.pull-9 {
		position: relative;
		right: 75%;
		left: auto
	}
	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto
	}
	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto
	}
	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto
	}
	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto
	}
}

.alert-box {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: 400;
	margin-bottom: 1.25rem;
	position: relative;
	padding: .875rem 1.5rem .875rem .875rem;
	font-size: .8125rem;
	transition: opacity 300ms ease-out;
	background-color: #6f5b50;
	border-color: #5f4e45;
	color: #fff
}

.alert-box .close {
	font-size: 1.375rem;
	padding: 9px 6px 4px;
	line-height: 0;
	position: absolute;
	top: 50%;
	margin-top: -.6875rem;
	right: .25rem;
	color: #333;
	opacity: .3
}

.alert-box .close:focus, .alert-box .close:hover {
	opacity: .5
}

.alert-box.radius {
	border-radius: 5px
}

.alert-box.round {
	border-radius: 1000px
}

.alert-box.success {
	background-color: #aec22c;
	border-color: #96a726;
	color: #fff
}

.alert-box.alert {
	background-color: #c60f13;
	border-color: #aa0d10;
	color: #fff
}

.alert-box.secondary {
	background-color: #e1e5e6;
	border-color: #bec7c9;
	color: #465254
}

.alert-box.warning {
	background-color: #f08a24;
	border-color: #de770f;
	color: #fff
}

.alert-box.info {
	background-color: #a0d3e8;
	border-color: #74bfdd;
	color: #465254
}

.alert-box.alert-close {
	opacity: 0
}

.button, button {
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1rem;
	background-color: #6f5b50;
	border-color: #594940;
	color: #fff;
	transition: background-color 300ms ease-out
}

.button:focus, .button:hover, button:focus, button:hover {
	background-color: #594940;
	color: #fff
}

.button.secondary, button.secondary {
	background-color: #e1e5e6;
	border-color: #594940;
	color: #333
}

.button.secondary:focus, .button.secondary:hover, button.secondary:focus,
	button.secondary:hover {
	background-color: #594940;
	color: #333
}

.button.success, button.success {
	background-color: #aec22c;
	border-color: #594940;
	color: #fff
}

.button.success:focus, .button.success:hover, button.success:focus,
	button.success:hover {
	background-color: #594940;
	color: #fff
}

.button.alert, button.alert {
	background-color: #c60f13;
	border-color: #594940;
	color: #fff
}

.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover
	{
	background-color: #594940;
	color: #fff
}

.button.large, button.large {
	padding-top: 1.125rem;
	padding-right: 2.25rem;
	padding-bottom: 1.1875rem;
	padding-left: 2.25rem;
	font-size: 1.25rem
}

.button.small, button.small {
	padding-top: .875rem;
	padding-right: 1.75rem;
	padding-bottom: .9375rem;
	padding-left: 1.75rem;
	font-size: .8125rem
}

.button.tiny, button.tiny {
	padding-top: .625rem;
	padding-right: 1.25rem;
	padding-bottom: .6875rem;
	padding-left: 1.25rem;
	font-size: .6875rem
}

.button.expand, button.expand {
	padding-right: 0;
	padding-left: 0;
	width: 100%
}

.button.left-align, button.left-align {
	text-align: left;
	text-indent: .75rem
}

.button.right-align, button.right-align {
	text-align: right;
	padding-right: .75rem
}

.button.radius, button.radius {
	border-radius: 5px
}

.button.round, button.round {
	border-radius: 1000px
}

.button.disabled, .button[disabled], button.disabled, button[disabled] {
	background-color: #6f5b50;
	border-color: #594940;
	color: #fff;
	cursor: default;
	opacity: .7;
	box-shadow: none
}

.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus,
	.button[disabled]:hover, button.disabled:focus, button.disabled:hover,
	button[disabled]:focus, button[disabled]:hover {
	color: #fff;
	background-color: #6f5b50
}

.button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary,
	button[disabled].secondary {
	background-color: #e1e5e6;
	border-color: #594940;
	color: #333;
	cursor: default;
	opacity: .7;
	box-shadow: none
}

.button.disabled.secondary:focus, .button.disabled.secondary:hover,
	.button[disabled].secondary:focus, .button[disabled].secondary:hover,
	button.disabled.secondary:focus, button.disabled.secondary:hover,
	button[disabled].secondary:focus, button[disabled].secondary:hover {
	color: #333;
	background-color: #e1e5e6
}

.button.disabled.success, .button[disabled].success, button.disabled.success,
	button[disabled].success {
	background-color: #aec22c;
	border-color: #594940;
	color: #fff;
	cursor: default;
	opacity: .7;
	box-shadow: none
}

.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus,
	.button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover,
	button[disabled].success:focus, button[disabled].success:hover {
	color: #fff;
	background-color: #aec22c
}

.button.disabled.alert, .button[disabled].alert, button.disabled.alert,
	button[disabled].alert {
	background-color: #c60f13;
	border-color: #594940;
	color: #fff;
	cursor: default;
	opacity: .7;
	box-shadow: none
}

.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus,
	.button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover,
	button[disabled].alert:focus, button[disabled].alert:hover {
	color: #fff;
	background-color: #c60f13
}

button::-moz-focus-inner {
	border: 0;
	padding: 0
}

@media only screen and (min-width:30.063em) {
	.button, button {
		display: inline-block
	}
}

.button-group {
	list-style: none;
	margin: 0;
	left: 0
}

.button-group:after, .button-group:before {
	content: " ";
	display: table
}

.button-group:after {
	clear: both
}

.button-group>li {
	margin: 0;
	float: left
}

.button-group>li .button, .button-group>li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group>li:first-child .button, .button-group>li:first-child button
	{
	border-left: 0
}

.button-group>li:first-child {
	margin-left: 0
}

.button-group.radius>* .button, .button-group.radius>*>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.radius>:first-child .button, .button-group.radius>:first-child button
	{
	border-left: 0
}

.button-group.radius>*, .button-group.radius>*>.button, .button-group.radius>*>a,
	.button-group.radius>*>button {
	border-radius: 0
}

.button-group.radius>:first-child, .button-group.radius>:first-child>.button,
	.button-group.radius>:first-child>a, .button-group.radius>:first-child>button
	{
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px
}

.button-group.radius>:last-child, .button-group.radius>:last-child>.button,
	.button-group.radius>:last-child>a, .button-group.radius>:last-child>button
	{
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px
}

.button-group.round>* .button, .button-group.round>*>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.round>:first-child .button, .button-group.round>:first-child button
	{
	border-left: 0
}

.button-group.round>*, .button-group.round>*>.button, .button-group.round>*>a,
	.button-group.round>*>button {
	border-radius: 0
}

.button-group.round>:first-child, .button-group.round>:first-child>.button,
	.button-group.round>:first-child>a, .button-group.round>:first-child>button
	{
	border-bottom-left-radius: 1000px;
	border-top-left-radius: 1000px
}

.button-group.round>:last-child, .button-group.round>:last-child>.button,
	.button-group.round>:last-child>a, .button-group.round>:last-child>button
	{
	border-bottom-right-radius: 1000px;
	border-top-right-radius: 1000px
}

.button-group.even-2 li {
	width: 50%
}

.button-group.even-2 li .button, .button-group.even-2 li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button
	{
	border-left: 0
}

.button-group.even-2 li .button, .button-group.even-2 li button {
	width: 100%
}

.button-group.even-3 li {
	width: 33.33333%
}

.button-group.even-3 li .button, .button-group.even-3 li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button
	{
	border-left: 0
}

.button-group.even-3 li .button, .button-group.even-3 li button {
	width: 100%
}

.button-group.even-4 li {
	width: 25%
}

.button-group.even-4 li .button, .button-group.even-4 li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button
	{
	border-left: 0
}

.button-group.even-4 li .button, .button-group.even-4 li button {
	width: 100%
}

.button-group.even-5 li {
	width: 20%
}

.button-group.even-5 li .button, .button-group.even-5 li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button
	{
	border-left: 0
}

.button-group.even-5 li .button, .button-group.even-5 li button {
	width: 100%
}

.button-group.even-6 li {
	width: 16.66667%
}

.button-group.even-6 li .button, .button-group.even-6 li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button
	{
	border-left: 0
}

.button-group.even-6 li .button, .button-group.even-6 li button {
	width: 100%
}

.button-group.even-7 li {
	width: 14.28571%
}

.button-group.even-7 li .button, .button-group.even-7 li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button
	{
	border-left: 0
}

.button-group.even-7 li .button, .button-group.even-7 li button {
	width: 100%
}

.button-group.even-8 li {
	width: 12.5%
}

.button-group.even-8 li .button, .button-group.even-8 li>button {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, .5)
}

.button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button
	{
	border-left: 0
}

.button-group.even-8 li .button, .button-group.even-8 li button {
	width: 100%
}

.button-bar:after, .button-bar:before {
	content: " ";
	display: table
}

.button-bar:after {
	clear: both
}

.button-bar .button-group {
	float: left;
	margin-right: .625rem
}

.button-bar .button-group div {
	overflow: hidden
}

.panel>:first-child {
	margin-top: 0
}

.panel>:last-child {
	margin-bottom: 0
}

.panel dl, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6,
	.panel li, .panel p {
	color: #333
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
	line-height: 1;
	margin-bottom: .625rem
}

.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader,
	.panel h5.subheader, .panel h6.subheader {
	line-height: 1.4
}

.panel.callout {
	border-style: solid;
	border-width: 1px;
	border-color: #e0d9d4;
	margin-bottom: 1.25rem;
	padding: 1.25rem;
	background: #f7f5f4
}

.panel.callout>:first-child {
	margin-top: 0
}

.panel.callout>:last-child {
	margin-bottom: 0
}

.panel.callout dl, .panel.callout h1, .panel.callout h2, .panel.callout h3,
	.panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout li,
	.panel.callout p {
	color: #333
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4,
	.panel.callout h5, .panel.callout h6 {
	line-height: 1;
	margin-bottom: .625rem
}

.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader,
	.panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader
	{
	line-height: 1.4
}

.panel.callout a:not (.button ){
	color: #6f5b50
}

.panel.radius {
	border-radius: 5px
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right !important
}

.text-center {
	text-align: center !important
}

.text-justify {
	text-align: justify !important
}

@media only screen and (max-width:30em) {
	.small-only-text-left {
		text-align: left !important
	}
	.small-only-text-right {
		text-align: right !important
	}
	.small-only-text-center {
		text-align: center !important
	}
	.small-only-text-justify {
		text-align: justify !important
	}
}

@media only screen {
	.small-text-left {
		text-align: left !important
	}
	.small-text-right {
		text-align: right !important
	}
	.small-text-center {
		text-align: center !important
	}
	.small-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:30.063em) and (max-width:60em) {
	.medium-only-text-left {
		text-align: left !important
	}
	.medium-only-text-right {
		text-align: right !important
	}
	.medium-only-text-center {
		text-align: center !important
	}
	.medium-only-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:30.063em) {
	.medium-text-left {
		text-align: left !important
	}
	.medium-text-right {
		text-align: right !important
	}
	.medium-text-center {
		text-align: center !important
	}
	.medium-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:60.063em) and (max-width:75em) {
	.large-only-text-left {
		text-align: left !important
	}
	.large-only-text-right {
		text-align: right !important
	}
	.large-only-text-center {
		text-align: center !important
	}
	.large-only-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:60.063em) {
	.large-text-left {
		text-align: left !important
	}
	.large-text-right {
		text-align: right !important
	}
	.large-text-center {
		text-align: center !important
	}
	.large-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:75.063em) and (max-width:120em) {
	.xlarge-only-text-left {
		text-align: left !important
	}
	.xlarge-only-text-right {
		text-align: right !important
	}
	.xlarge-only-text-center {
		text-align: center !important
	}
	.xlarge-only-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:75.063em) {
	.xlarge-text-left {
		text-align: left !important
	}
	.xlarge-text-right {
		text-align: right !important
	}
	.xlarge-text-center {
		text-align: center !important
	}
	.xlarge-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:120.063em) and (max-width:99999999em)
	{
	.xxlarge-only-text-left {
		text-align: left !important
	}
	.xxlarge-only-text-right {
		text-align: right !important
	}
	.xxlarge-only-text-center {
		text-align: center !important
	}
	.xxlarge-only-text-justify {
		text-align: justify !important
	}
}

@media only screen and (min-width:120.063em) {
	.xxlarge-text-left {
		text-align: left !important
	}
	.xxlarge-text-right {
		text-align: right !important
	}
	.xxlarge-text-center {
		text-align: center !important
	}
	.xxlarge-text-justify {
		text-align: justify !important
	}
}

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

a {
	color: #6f5b50;
	text-decoration: none;
	line-height: inherit
}

a:focus, a:hover {
	color: #5f4e45
}

a img {
	border: none
}

p {
	font-family: inherit;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	text-rendering: optimizeLegibility
}

p.lead {
	font-size: 1.21875rem;
	line-height: 1.6
}

p aside {
	font-size: .875rem;
	line-height: 1.35;
	font-style: italic
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25rem 0 1.1875rem;
	height: 0
}

em, i {
	font-style: italic;
	line-height: inherit
}

b, strong {
	font-weight: 700;
	line-height: inherit
}

small {
	font-size: 60%;
	line-height: inherit
}

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: 700;
	color: #910b0e
}

dl, ol, ul {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	list-style-position: outside;
	font-family: inherit
}

ul {
	margin-left: 1.1rem
}

ul.no-bullet {
	margin-left: 0
}

ul.no-bullet li ol, ul.no-bullet li ul {
	margin-left: 1.25rem;
	margin-bottom: 0;
	list-style: none
}

ul li ol, ul li ul {
	margin-left: 1.25rem;
	margin-bottom: 0
}

ul.circle li ul, ul.disc li ul, ul.square li ul {
	list-style: inherit
}

ul.square {
	list-style-type: square;
	margin-left: 1.1rem
}

ul.circle {
	list-style-type: circle;
	margin-left: 1.1rem
}

ul.disc {
	list-style-type: disc;
	margin-left: 1.1rem
}

ul.no-bullet {
	list-style: none
}

ol {
	margin-left: 1.4rem
}

ol li ol, ol li ul {
	margin-left: 1.25rem;
	margin-bottom: 0
}

dl dt {
	margin-bottom: .3rem;
	font-weight: 700
}

dl dd {
	margin-bottom: .75rem
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #5a483c;
	border-bottom: 1px dotted #ddd;
	cursor: help
}

abbr {
	text-transform: none
}

blockquote {
	margin: 0 0 1.25rem;
	padding: .5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #ddd
}

blockquote cite {
	display: block;
	font-size: .8125rem;
	color: #92ca49
}

blockquote cite:before {
	content: "\2014 \0020"
}

blockquote cite a, blockquote cite a:visited {
	color: #92ca49
}

blockquote, blockquote p {
	line-height: 1.6;
	color: #a3d265
}

.vcard {
	display: inline-block;
	margin: 0 0 1.25rem;
	border: 1px solid #ddd;
	padding: .625rem .75rem
}

.vcard li {
	margin: 0;
	display: block
}

.vcard .fn {
	font-weight: 700;
	font-size: .9375rem
}

.vevent .summary {
	font-weight: 700
}

.vevent abbr {
	cursor: default;
	text-decoration: none;
	font-weight: 700;
	border: none;
	padding: 0 .0625rem
}

@media only screen and (min-width:30.063em) {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.4
	}
	h1 {
		font-size: 2.75rem
	}
	h2 {
		font-size: 2.3125rem
	}
	h3 {
		font-size: 1.6875rem
	}
	h4 {
		font-size: 1.4375rem
	}
	h5 {
		font-size: 1.125rem
	}
	h6 {
		font-size: 1rem
	}
}

.print-only {
	display: none !important
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}
	a, a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}
	blockquote, pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img, tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	@page {
		margin: .5cm
	}
	h2, h3, p {
		orphans: 3;
		widows: 3
	}
	h2, h3 {
		page-break-after: avoid
	}
	.hide-on-print {
		display: none !important
	}
	.print-only {
		display: block !important
	}
	.hide-for-print {
		display: none !important
	}
	.show-for-print {
		display: inherit !important
	}
}

.progress {
	background-color: #f6f6f6;
	height: 1.5625rem;
	border: 1px solid #fff;
	padding: .125rem;
	margin-bottom: .625rem
}

.progress .meter {
	background: #6f5b50;
	height: 100%;
	display: block
}

.progress.secondary .meter {
	background: #e1e5e6;
	height: 100%;
	display: block
}

.progress.success .meter {
	background: #aec22c;
	height: 100%;
	display: block
}

.progress.alert .meter {
	background: #fc6e51;
	height: 100%;
	display: block
}

.progress.radius {
	border-radius: 5px
}

.progress.radius .meter {
	border-radius: 4px
}

.progress.round {
	border-radius: 1000px
}

.progress.round .meter {
	border-radius: 999px
}

.range-slider {
	display: block;
	position: relative;
	width: 100%;
	height: 1rem;
	border: 1px solid #ddd;
	margin: 1.25rem 0;
	touch-action: none;
	background: #fafafa
}

.range-slider.vertical-range {
	position: relative;
	border: 1px solid #ddd;
	margin: 1.25rem 0;
	touch-action: none;
	display: inline-block;
	width: 1rem;
	height: 12.5rem
}

.range-slider.vertical-range .range-slider-handle {
	margin-top: 0;
	margin-left: -.5rem;
	position: absolute;
	bottom: -10.5rem
}

.range-slider.vertical-range .range-slider-active-segment {
	width: .875rem;
	height: auto;
	bottom: 0
}

.range-slider.radius {
	background: #fafafa;
	border-radius: 5px
}

.range-slider.radius .range-slider-handle {
	background: #6f5b50;
	border-radius: 5px
}

.range-slider.radius .range-slider-handle:hover {
	background: #625046
}

.range-slider.round {
	background: #fafafa;
	border-radius: 1000px
}

.range-slider.round .range-slider-handle {
	background: #6f5b50;
	border-radius: 1000px
}

.range-slider.round .range-slider-handle:hover {
	background: #625046
}

.range-slider.disabled, .range-slider[disabled] {
	background: #fafafa;
	cursor: default;
	opacity: .7
}

.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle
	{
	background: #6f5b50;
	cursor: default;
	opacity: .7
}

.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover
	{
	background: #625046
}

.range-slider-active-segment {
	display: inline-block;
	position: absolute;
	height: .875rem;
	background: #dfe3e4
}

.range-slider-handle {
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: -.3125rem;
	width: 2rem;
	height: 1.375rem;
	border: 1px solid none;
	cursor: pointer;
	background: #6f5b50
}

.range-slider-handle:hover {
	background: #625046
}

[class*=block-grid-] {
	display: block;
	padding: 0
}

[class*=block-grid-]:after, [class*=block-grid-]:before {
	content: " ";
	display: table
}

[class*=block-grid-]:after {
	clear: both
}

[class*=block-grid-]>li {
	display: block;
	height: auto;
	float: left
}

@media only screen {
	.small-block-grid-1>li {
		width: 100%;
		list-style: none
	}
	.small-block-grid-1>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-1>li:nth-of-type(1n+1) {
		clear: both
	}
	.small-block-grid-2>li {
		width: 50%;
		list-style: none
	}
	.small-block-grid-2>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-2>li:nth-of-type(2n+1) {
		clear: both
	}
	.small-block-grid-3>li {
		width: 33.33333%;
		list-style: none
	}
	.small-block-grid-3>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-3>li:nth-of-type(3n+1) {
		clear: both
	}
	.small-block-grid-4>li {
		width: 25%;
		list-style: none
	}
	.small-block-grid-4>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-4>li:nth-of-type(4n+1) {
		clear: both
	}
	.small-block-grid-5>li {
		width: 20%;
		list-style: none
	}
	.small-block-grid-5>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-5>li:nth-of-type(5n+1) {
		clear: both
	}
	.small-block-grid-6>li {
		width: 16.66667%;
		list-style: none
	}
	.small-block-grid-6>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-6>li:nth-of-type(6n+1) {
		clear: both
	}
	.small-block-grid-7>li {
		width: 14.28571%;
		list-style: none
	}
	.small-block-grid-7>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-7>li:nth-of-type(7n+1) {
		clear: both
	}
	.small-block-grid-8>li {
		width: 12.5%;
		list-style: none
	}
	.small-block-grid-8>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-8>li:nth-of-type(8n+1) {
		clear: both
	}
	.small-block-grid-9>li {
		width: 11.11111%;
		list-style: none
	}
	.small-block-grid-9>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-9>li:nth-of-type(9n+1) {
		clear: both
	}
	.small-block-grid-10>li {
		width: 10%;
		list-style: none
	}
	.small-block-grid-10>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-10>li:nth-of-type(10n+1) {
		clear: both
	}
	.small-block-grid-11>li {
		width: 9.09091%;
		list-style: none
	}
	.small-block-grid-11>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-11>li:nth-of-type(11n+1) {
		clear: both
	}
	.small-block-grid-12>li {
		width: 8.33333%;
		list-style: none
	}
	.small-block-grid-12>li:nth-of-type(1n) {
		clear: none
	}
	.small-block-grid-12>li:nth-of-type(12n+1) {
		clear: both
	}
}

@media only screen and (min-width:30.063em) {
	.medium-block-grid-1>li {
		width: 100%;
		list-style: none
	}
	.medium-block-grid-1>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-1>li:nth-of-type(1n+1) {
		clear: both
	}
	.medium-block-grid-2>li {
		width: 50%;
		list-style: none
	}
	.medium-block-grid-2>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-2>li:nth-of-type(2n+1) {
		clear: both
	}
	.medium-block-grid-3>li {
		width: 33.33333%;
		list-style: none
	}
	.medium-block-grid-3>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-3>li:nth-of-type(3n+1) {
		clear: both
	}
	.medium-block-grid-4>li {
		width: 25%;
		list-style: none
	}
	.medium-block-grid-4>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-4>li:nth-of-type(4n+1) {
		clear: both
	}
	.medium-block-grid-5>li {
		width: 20%;
		list-style: none
	}
	.medium-block-grid-5>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-5>li:nth-of-type(5n+1) {
		clear: both
	}
	.medium-block-grid-6>li {
		width: 16.66667%;
		list-style: none
	}
	.medium-block-grid-6>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-6>li:nth-of-type(6n+1) {
		clear: both
	}
	.medium-block-grid-7>li {
		width: 14.28571%;
		list-style: none
	}
	.medium-block-grid-7>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-7>li:nth-of-type(7n+1) {
		clear: both
	}
	.medium-block-grid-8>li {
		width: 12.5%;
		list-style: none
	}
	.medium-block-grid-8>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-8>li:nth-of-type(8n+1) {
		clear: both
	}
	.medium-block-grid-9>li {
		width: 11.11111%;
		list-style: none
	}
	.medium-block-grid-9>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-9>li:nth-of-type(9n+1) {
		clear: both
	}
	.medium-block-grid-10>li {
		width: 10%;
		list-style: none
	}
	.medium-block-grid-10>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-10>li:nth-of-type(10n+1) {
		clear: both
	}
	.medium-block-grid-11>li {
		width: 9.09091%;
		list-style: none
	}
	.medium-block-grid-11>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-11>li:nth-of-type(11n+1) {
		clear: both
	}
	.medium-block-grid-12>li {
		width: 8.33333%;
		list-style: none
	}
	.medium-block-grid-12>li:nth-of-type(1n) {
		clear: none
	}
	.medium-block-grid-12>li:nth-of-type(12n+1) {
		clear: both
	}
}

@media only screen and (min-width:60.063em) {
	.large-block-grid-1>li {
		width: 100%;
		list-style: none
	}
	.large-block-grid-1>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-1>li:nth-of-type(1n+1) {
		clear: both
	}
	.large-block-grid-2>li {
		width: 50%;
		list-style: none
	}
	.large-block-grid-2>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-2>li:nth-of-type(2n+1) {
		clear: both
	}
	.large-block-grid-3>li {
		width: 33.33333%;
		list-style: none
	}
	.large-block-grid-3>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-3>li:nth-of-type(3n+1) {
		clear: both
	}
	.large-block-grid-4>li {
		width: 25%;
		list-style: none
	}
	.large-block-grid-4>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-4>li:nth-of-type(4n+1) {
		clear: both
	}
	.large-block-grid-5>li {
		width: 20%;
		list-style: none
	}
	.large-block-grid-5>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-5>li:nth-of-type(5n+1) {
		clear: both
	}
	.large-block-grid-6>li {
		width: 16.66667%;
		list-style: none
	}
	.large-block-grid-6>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-6>li:nth-of-type(6n+1) {
		clear: both
	}
	.large-block-grid-7>li {
		width: 14.28571%;
		list-style: none
	}
	.large-block-grid-7>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-7>li:nth-of-type(7n+1) {
		clear: both
	}
	.large-block-grid-8>li {
		width: 12.5%;
		list-style: none
	}
	.large-block-grid-8>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-8>li:nth-of-type(8n+1) {
		clear: both
	}
	.large-block-grid-9>li {
		width: 11.11111%;
		list-style: none
	}
	.large-block-grid-9>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-9>li:nth-of-type(9n+1) {
		clear: both
	}
	.large-block-grid-10>li {
		width: 10%;
		list-style: none
	}
	.large-block-grid-10>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-10>li:nth-of-type(10n+1) {
		clear: both
	}
	.large-block-grid-11>li {
		width: 9.09091%;
		list-style: none
	}
	.large-block-grid-11>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-11>li:nth-of-type(11n+1) {
		clear: both
	}
	.large-block-grid-12>li {
		width: 8.33333%;
		list-style: none
	}
	.large-block-grid-12>li:nth-of-type(1n) {
		clear: none
	}
	.large-block-grid-12>li:nth-of-type(12n+1) {
		clear: both
	}
}

div.switch label {
	display: block;
	margin-bottom: 1rem;
	position: relative;
	text-indent: 100%;
	cursor: pointer;
	transition: left .15s ease-out
}

div.switch input {
	display: none
}

div.switch input+label {
	margin-left: 0;
	margin-right: 0
}

div.switch label:after {
	content: "";
	display: block;
	position: absolute;
	top: .25rem;
	left: .25rem;
	transition: left .15s ease-out
}

div.switch label {
	width: 4rem;
	height: 2rem
}

div.switch label:after {
	width: 1.5rem;
	height: 1.5rem
}

div.switch input:checked+label:after {
	left: 2.25rem
}

div.switch label {
	color: transparent;
	background: #ddd
}

div.switch label:after {
	background: #fff
}

div.switch input:checked+label {
	background: #6f5b50
}

div.switch.large label {
	width: 5rem;
	height: 2.5rem
}

div.switch.large label:after {
	width: 2rem;
	height: 2rem
}

div.switch.large input:checked+label:after {
	left: 2.75rem
}

div.switch.small label {
	width: 3.5rem;
	height: 1.75rem
}

div.switch.small label:after {
	width: 1.25rem;
	height: 1.25rem
}

div.switch.small input:checked+label:after {
	left: 2rem
}

div.switch.tiny label {
	width: 3rem;
	height: 1.5rem
}

div.switch.tiny label:after {
	width: 1rem;
	height: 1rem
}

div.switch.tiny input:checked+label:after {
	left: 1.75rem
}

div.switch.radius label {
	border-radius: 4px
}

div.switch.radius label:after {
	border-radius: 3px
}

div.switch.round {
	border-radius: 1000px
}

div.switch.round label, div.switch.round label:after {
	border-radius: 2rem
}

.label {
	font-weight: 400;
	font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	margin-bottom: inherit;
	padding: .25rem .5rem .375rem;
	font-size: .6875rem;
	background-color: #2ba6cb;
	color: #fff
}

.label.radius {
	border-radius: 3px
}

.label.round {
	border-radius: 1000px
}

.label.alert {
	background-color: #c60f13;
	color: #fff
}

.label.warning {
	background-color: #f08a24;
	color: #fff
}

.label.success {
	background-color: #5da423;
	color: #fff
}

.label.secondary {
	background-color: #e9e9e9;
	color: #333
}

.panel {
	margin: 0 15px
}

[class*=block-grid-] {
	margin: 0 -15px
}

[class*=block-grid-]>li {
	padding: 0 15px
}

.nogap, .nogap [class*=block-grid-], .nopanel, .nopanel [class*=block-grid-],
	.nopanel [class*=block-grid-]>li {
	margin: 0;
	padding: 0
}

.nogap [class*=block-grid-]>li {
	padding: 0;
	padding: 0
}

.full {
	max-width: 100%
}

.full .column, .full .columns {
	padding-left: 0;
	padding-right: 0
}

.img_full {
	width: 100%;
	max-width: 150%;
	height: auto
}

.pos {
	position: absolute;
	z-index: 1
}

.alpha100 {
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	moz-opacity: 1;
	opacity: 1
}

.alpha90 {
	filter: alpha(opacity = 90);
	-moz-opacity: .9;
	moz-opacity: .9;
	opacity: .9
}

.alpha80 {
	filter: alpha(opacity = 80);
	-moz-opacity: .8;
	moz-opacity: .8;
	opacity: .8
}

.alpha70 {
	filter: alpha(opacity = 70);
	-moz-opacity: .7;
	moz-opacity: .7;
	opacity: .7
}

.alpha60 {
	filter: alpha(opacity = 60);
	-moz-opacity: .6;
	moz-opacity: .6;
	opacity: .6
}

.alpha40 {
	filter: alpha(opacity = 40);
	-moz-opacity: .4;
	moz-opacity: .4;
	opacity: .4
}

.alpha0 {
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	moz-opacity: 0;
	opacity: 0
}

@font-face {
	font-family: db_helvethaicaais_x75_bd;
	src: url(../fonts/db_helvethaicaais_x_bd_v3.2-webfont.eot);
	src: url(../fonts/db_helvethaicaais_x_bd_v3.2-webfont.eot?#iefix)
		format('embedded-opentype'),
		url(../fonts/db_helvethaicaais_x_bd_v3.2-webfont.woff) format('woff'),
		url(../fonts/db_helvethaicaais_x_bd_v3.2-webfont.ttf)
		format('truetype'),
		url(../fonts/db_helvethaicaais_x_bd_v3.2-webfont.svg#db_helvethaicaais_x75_bd)
		format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: db_helvethaicaais_x65_med;
	src: url(../fonts/db_helvethaicaais_x_med_v3.2-webfont.eot);
	src: url(../fonts/db_helvethaicaais_x_med_v3.2-webfont.eot?#iefix)
		format('embedded-opentype'),
		url(../fonts/db_helvethaicaais_x_med_v3.2-webfont.woff) format('woff'),
		url(../fonts/db_helvethaicaais_x_med_v3.2-webfont.ttf)
		format('truetype'),
		url(../fonts/db_helvethaicaais_x_med_v3.2-webfont.svg#db_helvethaicaais_x65_med)
		format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: db_helvethaicaais_x55_regular;
	src: url(../fonts/db_helvethaicaais_x_v3.2-webfont.eot);
	src: url(../fonts/db_helvethaicaais_x_v3.2-webfont.eot?#iefix)
		format('embedded-opentype'),
		url(../fonts/db_helvethaicaais_x_v3.2-webfont.woff) format('woff'),
		url(../fonts/db_helvethaicaais_x_v3.2-webfont.ttf) format('truetype'),
		url(../fonts/db_helvethaicaais_x_v3.2-webfont.svg#db_helvethaicaais_x55_regular)
		format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: db_heavent_rounded_cond_v32_regular;
	src: url(../fonts/DBHeaventRoundedCondv32.ttf);
}

@font-face {
	font-family: db_heavent_rounded_cond_v32_med;
	src: url(../fonts/DBHeaventRoundedMedCondv32.ttf);
}

.fullimg {
	max-width: 150%;
	width: 100%;
	height: auto
}

.DB_Helvethaica_X55_Regular {
	font-family: db_helvethaicaais_x55_regular
}

.DB_Helvethaica_X65_Med {
	font-family: db_helvethaicaais_x65_med
}

.DB_Helvethaica_X75_Bd {
	font-family: db_helvethaicaais_x75_bd
}

.tahoma {
	font-family: Tahoma, Geneva, sans-serif
}

.font_green {
	color: #acc42a
}

.font_pink {
	color: #ff756b
}

.font_green_light {
	color: #acc42a
}

.bg_white {
	background-color: #fff
}

.bg_green_soft {
	background-color: #bcc700;
	color: #fff
}

.bg_green_light {
	background-color: #acc42a;
	color: #fff
}

.bg_green_dark {
	background-color: #74ac36;
	color: #fff
}

.font_h1 {
	font-size: 1.5em
}

.font_11 {
	font-size: 1.1em;
	line-height: 1.4em
}

.font_12 {
	font-size: 1.2em;
	line-height: 1.4em
}

.font_13 {
	font-size: 1.3em;
	line-height: 1.3em
}

.font_14 {
	font-size: 1.4em;
	line-height: 1.4em
}

.font_15 {
	font-size: 1.5em;
	line-height: 1.4em
}

.font_16 {
	font-size: 1.6em;
	line-height: 1.4em
}

.font_18 {
	font-size: 1.8em;
	line-height: 1.4em
}

.font_20 {
	font-size: 2em;
	line-height: 1.5em
}

.font_22 {
	font-size: 2.2em;
	line-height: 1.5em
}

.font_24 {
	font-size: 2.4em;
	line-height: 1.5em
}

.font_26 {
	font-size: 2.6em;
	line-height: 1.5em
}

.font_28 {
	font-size: 2.8em;
	line-height: 1.5em
}

.font_30 {
	font-size: 3em
}

.font_32 {
	font-size: 3.2em
}

.font_34 {
	font-size: 3.4em;
	line-height: 1.5em
}

body {
	background-color: #f4f4f4;
	font-family: db_heavent_rounded_cond_v32_regular;
	color: #614f45
}

.row {
	max-width: 1200px
}

.bgcolor_red {
	background-color: red
}

.radius3 {
	border-radius: 50%;
	overflow: hidden
}

.radius5 {
	border-radius: 5px;
	overflow: hidden
}

.radius10 {
	border-radius: 10px;
	overflow: hidden
}

.radius15 {
	border-radius: 15px;
	overflow: hidden
}

.round1000 {
	border-radius: 1000px;
	overflow: hidden
}

a:active, a:link, a:visited {
	color: #96B305
}

a:hover {
	color: #E6E9EE
}

.menu {
	float: right
}

.menu ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0
}

.menu ul li {
	margin: 10px 5px 10px 0;
	padding: 0;
	float: right;
	position: relative;
	font-size: 1.5em
}

.menu ul li:first-child {
	margin-right: 0
}

.langmobile {
	float: right
}

.langmobile ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0
}

.langmobile ul li {
	margin: 2px 5px 2px 0;
	padding: 0;
	float: right;
	position: relative;
	font-size: 1.5em
}

.lang {
	background-color: #e4e5e5;
	color: #614f45;
	padding: 5px 10px
}

.lang:hover {
	background-color: #acc42a;
	color: #FFF;
	cursor: pointer
}

.lang.curent {
	background-color: #acc42a;
	color: #FFF;
	padding: 5px 10px
}

.text_menu {
	border-right: #e7e5e5 1px solid;
	color: #614f45;
	padding: 5px 10px 5px 0;
	margin-right: 5px
}

.text_menu:hover {
	color: #74ac36;
	text-decoration: underline;
	cursor: pointer
}

.text_menu.current {
	color: #74ac36;
	text-decoration: none
}

#sidemenu {
	background-color: #fefefe
}

#sidemenu ul {
	margin: 0;
	padding: 0
}

#sidemenu ul li {
	position: relative;
	font-size: 1.4em;
	border-top: #e8e2e2 1px solid;
	cursor: pointer
}

#sidemenu ul li .sideinner {
	height: 39px;
	color: #614f45
}

#sidemenu ul li .sideinner a {
	color: #614f45
}

#sidemenu ul li:hover .sideinner a {
	color: #FFF
}

#sidemenu ul li .sideinner.curent, #sidemenu ul li .sideinner.curent a,
	#sidemenu ul li .sideinner:hover {
	height: 39px;
	background-color: #bcc700;
	color: #FFF
}

#sidemenu ul li .sideinner.side_curent {
	height: 39px;
	background: url(../images/menu/sidemenuexpand.gif) right no-repeat;
	color: #FFF
}

#sidemenu ul li .sideinner span {
	margin-left: 5px;
	line-height: 1.2
}

#menufade {
	display: none;
	background: url(../images/menu/fade.png);
	z-index: 900;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

#menufade.active {
	display: block
}

#appointment_on, #check_limits_on, #info_on, #m_appointment_on,
	#m_check_limits_on, #m_info_on, #m_package_on, #m_payment_on,
	#m_privilege_on, #m_service_on, #package_on, #payment_on, #privilege_on,
	#service_on, #sub_appointment, #sub_check_limits, #sub_info,
	#sub_package, #sub_payment, #sub_privilege, #sub_service,
	.m_sub_appointment, .m_sub_check_limits, .m_sub_info, .m_sub_package,
	.m_sub_payment, .m_sub_privilege, .m_sub_service {
	display: none
}

.m_sub_icon {
	padding: 5px 0 5px 45px;
	background: url(../images/menu/icon_menu_mobile14.png) no-repeat left
		top
}

.sidebgexpand {
	background: url(../images/menu/sidemenuexpand.gif) right
}

.sideinner_top {
	background: url(../images/menu/menu_left_02.gif) no-repeat;
	height: 72px;
	padding: 10px 0;
	padding-left: 48px;
	font-size: 1.3em;
	border-top: #e8e2e2 1px solid
}

.sideinner_top .num {
	color: #b9c600;
	line-height: 36px;
	font-size: 1.8em;
	background: url(../images/menu/arrrowdown.gif) right no-repeat
}

#sidemenu ul a li .subside {
	background: url(../images/menu/suboff.gif) left center no-repeat;
	background-color: #e6e9ee;
	color: #614f45
}

#sidemenu ul li .subside {
	background: url(../images/menu/suboff.gif) left center no-repeat;
	background-color: #e6e9ee
}

#sidemenu ul li .subside:hover, #sidemenu ul li .subside_curent {
	background: url(../images/menu/subon.gif) left center no-repeat;
	background-color: #fff;
	color: #74a433 !important
}

#sidemenu ul li ul.menu-lv3 li .subside {
	background: url(../images/menu/suboff2.gif) left center repeat-y;
	background-color: #dee1e6
}

#sidemenu ul li ul.menu-lv3 li .subside:hover, #sidemenu ul li ul.menu-lv3 li .subside_curent
	{
	background: url(../images/menu/subon2.gif) left center repeat-y;
	background-color: #fff;
	color: #74a433 !important
}

.styled-select select {
	background: 0 0;
	width: 202px;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.4em;
	border: none;
	height: 30px;
	color: #b9c600;
	margin-left: -2px
}

.styled-select {
	width: 180px;
	height: 25px;
	overflow: hidden;
	background: url(../images/menu/arrrowdown.gif) right no-repeat;
	border: none;
	margin-top: 10px
}

.sidemenu .mobile-number {
	border: none;
	font-size: 1.7em;
	line-height: 2.4em;
	color: #b9c600;
	margin-left: 7px
}

.border_green_r {
	border-right: #acc42a 1px solid
}

.welcom_status {
	font-size: 1em;
	line-height: 1.4em
}

.bt_pink {
	font-size: 1em;
	background-color: #c74b42;
	float: right;
	padding: .6em;
	cursor: pointer
}

.bt_pink:hover {
	background-color: #d35b52
}

.bt_green {
	font-size: 1em;
	background-color: #70830b;
	float: right;
	padding: .6em;
	cursor: pointer
}

.bt_green:hover {
	background-color: #7b8e13
}

.bt_brown {
	font-size: 1.5em;
	color: #FFF;
	background-color: #6F5B50;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_brown:hover {
	background-color: #AEC22B
}

.box_info1 {
	padding: 13px 22px;
	background-color: #FFF
}

.border_bottom_gray {
	border-bottom: solid 1px #e5e5e5
}

.border_bottom_orange {
	border-bottom: solid 1px #ec7c3e
}

.border_bottom_green {
	border-bottom: solid 1px #0cb5aa
}

.border_bottom_white {
	border-bottom: solid 1px #fff
}

.border_right_gray {
	border-right: solid 1px #e5e5e5
}

.border_top_gray {
	border-top: solid 1px #e5e5e5
}

.border_top_white {
	border-top: solid 1px #fff
}

#footer {
	font-size: 1.2em;
	padding: 1.25rem
}

#menu_mobile {
	display: none;
	overflow: auto;
	z-index: 1000;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

#headmenu {
	display: none;
	position: absolute;
	top: 10px;
	left: 15px
}

.mobilemenu {
	margin-top: 0;
	width: 100px;
	line-height: 1.4em;
	border-radius: 3px;
	padding: 7px 0;
	padding-left: 43px;
	background: url(../images/index/icon_hmenu.png) left no-repeat;
	background-color: #acc42a;
	color: #FFF;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.6em
}

.mobileactive {
	margin-top: 0;
	width: 100%;
	line-height: 1.4em;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #fff;
	color: #78b325;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.6em;
	padding-left: 3px
}

.menufixno {
	position: absolute;
	margin-top: 0;
	margin-left: 0
}

.menufix {
	position: fixed
}

#submobile_bottom {
	clear: both;
	margin-bottom: 20px;
	width: 100%;
	height: 4px;
	background-color: #FFF;
	border-top: 1px solid #d3d3d3;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

ul.red {
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	clear: left
}

ul.red li {
	float: left;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #d3d3d3
}

ul.red li a {
	text-decoration: none;
	color: #614e48;
	width: 100%;
	display: block
}

ul.red li a.current, ul.red li a:hover {
	background-color: #efefef;
	color: #614e48;
	width: 100%
}

ul.red li.sub {
	float: left;
	width: 100%;
	background-color: #fff;
	color: #333
}

ul.red li.sub a {
	float: left;
	text-decoration: none;
	color: #333;
	padding: 5px 10px 0 0;
	margin-right: 5px;
	width: 105%
}

ul.red li.sub a:hover {
	background-color: #efefef;
	color: #333;
	width: 105%
}

.gusterbottom {
	margin-bottom: 15px;
	padding-bottom: 5px
}

.magin_bottom15 {
	margin-bottom: 15px
}

.guster_ver {
	padding: 15px 0
}

.guster_bottom_ver15 {
	margin-bottom: 15px
}

.guster_bottom_ver30 {
	margin-bottom: 30px
}

.box_padding5 {
	padding: 5px
}

.box_padding10 {
	padding: 10px
}

.box_padding15 {
	padding: 15px
}

.box_padding20 {
	padding: 15px 20px
}

.box_padding30 {
	padding: 30px
}

.box_m_tb15 {
	margin: 15px 0
}

.box_p_tb15 {
	padding: 15px 0
}

.arrow_gray {
	float: right
}

#condition_detail {
	display: none
}

.align_center {
	width: 100%;
	text-align: center
}

span {
	display: inline-block;
	vertical-align: middle
}

.hide {
	display: none
}

.content_scroll {
	overflow-y: hidden;
	overflow-x: auto
}

.content_scroll table {
	min-width: 500px;
	width: 100%
}

.table_head_left_first {
	background-color: #E6E9EE;
	min-height: 40px
}

.table_head_left_first td {
	text-align: center;
	padding: 15px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 40px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.table_head_left_first td:first-child {
	padding-left: 20px;
	text-align: left;
	border-left: #FFF solid 0
}

.table_body_left_first {
	background-color: #fff
}

.table_body_left_first td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.table_body_left_first td:first-child {
	padding-left: 20px;
	text-align: left
}

.table_head_center {
	background-color: #E6E9EE;
	min-height: 40px
}

.table_head_center td {
	text-align: center;
	padding: 15px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 40px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.table_body_center {
	background-color: #fff
}

.table_body_center td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.2em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.table_head_left {
	background-color: #E6E9EE
}

.table_head_left td, .table_top_left td:first-child, .table_top_left td:last-child
	{
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 40px
}

.table_head_left td:first-child {
	padding-left: 20px
}

.table_head_left td:last-child {
	padding-right: 20px
}

.table_body_left {
	background-color: #FFF
}

.table_body_left td, .table_top_left td:first-child, .table_top_left td:last-child
	{
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 30px
}

.table_body_left td:first-child {
	padding-left: 20px
}

.table_body_left td:last-child {
	padding-right: 20px
}

.ol_tahoma11 {
	font-size: 1.2em;
	font-family: Tahoma, Geneva, sans-serif
}

.wrapper_table {
	display: table;
	width: 100%;
	margin-bottom: 15px
}

.wrapper_row {
	display: table-row;
	vertical-align: top
}

.wrapper_cell {
	display: table-cell;
	vertical-align: top
}

.slidemenu {
	width: 290px;
	padding-right: 15px;
	padding-left: 15px;
	display: table-cell;
	vertical-align: top
}

#logo_aismobile {
	float: right;
	display: none
}

#langpc_en, #langpc_th {
	display: block
}

.tahoma_head {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 700
}

.tahoma_body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.5em
}

@media screen and (min-width:60.063em) {
	#menufade, #menufade.active {
		display: none
	}
}

@media screen and (max-width:60em) {
	.top-link-menu {
		display: none
	}
	body.mobile-menu-open {
		overflow: hidden;
		height: auto
	}
	#headmenu, #menu_mobile {
		display: block
	}
	#langpc_en, #langpc_th, #menu_contact, #menu_faq, #menu_logout,
		.slidemenu {
		display: none
	}
	.wrapper_cell, .wrapper_row, .wrapper_table {
		display: block
	}
	#logo_aismobile {
		float: right;
		display: block
	}
}

@media only screen and (max-width:30em) {
	body.mobile-menu-open {
		overflow: hidden;
		height: auto
	}
	.top-link-menu {
		display: none
	}
	#headmenu, #menu_mobile {
		display: block
	}
	#menu_contact, #menu_faq, #menu_logout {
		display: none
	}
}

.font_brown {
	color: #614F45
}

.font_green_dark {
	color: #74A433
}

.font_white {
	color: #fff
}

.font49 {
	font-size: 4.3em
}

.font40 {
	font-size: 4em
}

.font35 {
	font-size: 3.5em
}

.font26 {
	font-size: 2.6em;
	line-height: 3em
}

.font24 {
	font-size: 2.4em
}

.font22 {
	font-size: 2.2em;
	line-height: 1.5em
}

.font20 {
	font-size: 2em;
	line-height: 1.5em
}

.font18 {
	font-size: 1.8em;
	line-height: 1.5em
}

.font16 {
	font-size: 1.6em;
	line-height: 1.5em
}

.font14 {
	font-size: 1.4em;
	line-height: 1.5em
}

.font12 {
	font-size: 1.2em;
	line-height: 1.5em
}

.forgot {
	text-decoration: underline;
	color: #614F45;
	cursor: pointer
}

.forgot:hover {
	color: #74A433
}

.line_l {
	border-left: solid 1px #E9E9E9
}

.line_r {
	border-right: solid 1px #E9E9E9
}

.line_t {
	border-top: solid 1px #E9E9E9
}

.line_b {
	border-bottom: solid 1px #E9E9E9
}

.bt {
	cursor: pointer
}

.bt_violet {
	font-size: .95 em;
	background-color: #9C466B;
	padding: .6em;
	cursor: pointer
}

.bt_violet:hover {
	background-color: #cd5b8c
}

.v_gap5 {
	margin-bottom: 5px;
	margin-top: 5px
}

.v_gap10 {
	margin-bottom: 10px;
	margin-top: 10px
}

.v_gap20 {
	margin-bottom: 20px;
	margin-top: 20px
}

.v_gap30 {
	margin-bottom: 30px;
	margin-top: 30px
}

.v_gap40 {
	margin-bottom: 40px;
	margin-top: 40px
}

.v_gap50 {
	margin-bottom: 50px;
	margin-top: 50px
}

.t_gap5 {
	margin-top: 5px
}

.t_gap10 {
	margin-top: 10px
}

.t_gap15 {
	margin-top: 15px
}

.t_gap20 {
	margin-top: 20px
}

.t_gap25 {
	margin-top: 25px
}

.t_gap30 {
	margin-top: 30px
}

.t_gap35 {
	margin-top: 35px
}

.t_gap40 {
	margin-top: 40px
}

.t_gap45 {
	margin-top: 45px
}

.t_gap50 {
	margin-top: 50px
}

.b_gap2 {
	margin-bottom: 2px
}

.b_gap5 {
	margin-bottom: 5px
}

.b_gap10 {
	margin-bottom: 10px
}

.b_gap15 {
	margin-bottom: 15px
}

.b_gap20 {
	margin-bottom: 20px
}

.b_gap25 {
	margin-bottom: 25px
}

.b_gap30 {
	margin-bottom: 30px
}

.b_gap35 {
	margin-bottom: 35px
}

.b_gap40 {
	margin-bottom: 40px
}

.b_gap45 {
	margin-bottom: 45px
}

.b_gap50 {
	margin-bottom: 50px
}

.l_gap5 {
	margin-left: 5px
}

.l_gap10 {
	margin-left: 10px
}

.l_gap15 {
	margin-left: 15px
}

.l_gap20 {
	margin-left: 20px
}

.l_gap25 {
	margin-left: 25px
}

.l_gap30 {
	margin-left: 30px
}

.l_gap35 {
	margin-left: 35px
}

.l_gap40 {
	margin-left: 40px
}

.l_gap45 {
	margin-left: 45px
}

.l_gap50 {
	margin-left: 50px
}

.r_gap5 {
	margin-right: 5px
}

.r_gap10 {
	margin-right: 10px
}

.r_gap15 {
	margin-right: 15px
}

.r_gap20 {
	margin-right: 20px
}

.r_gap25 {
	margin-right: 25px
}

.r_gap30 {
	margin-right: 30px
}

.r_gap35 {
	margin-right: 35px
}

.r_gap40 {
	margin-right: 40px
}

.r_gap45 {
	margin-right: 45px
}

.r_gap50 {
	margin-right: 50px
}

.t_pad5 {
	padding-top: 5px
}

.t_pad10 {
	padding-top: 10px
}

.t_pad15 {
	padding-top: 15px
}

.t_pad20 {
	padding-top: 20px
}

.t_pad25 {
	padding-top: 25px
}

.t_pad30 {
	padding-top: 30px
}

.t_pad35 {
	padding-top: 35px
}

.t_pad40 {
	padding-top: 40px
}

.t_pad45 {
	padding-top: 45px
}

.t_pad50 {
	padding-top: 50px
}

.b_pad5 {
	padding-bottom: 5px
}

.b_pad10 {
	padding-bottom: 10px
}

.b_pad15 {
	padding-bottom: 15px
}

.b_pad20 {
	padding-bottom: 20px
}

.b_pad25 {
	padding-bottom: 25px
}

.b_pad30 {
	padding-bottom: 30px
}

.b_pad35 {
	padding-bottom: 35px
}

.b_pad40 {
	padding-bottom: 40px
}

.b_pad45 {
	padding-bottom: 45px
}

.b_pad50 {
	padding-bottom: 50px
}

.l_pad5 {
	padding-left: 5px
}

.l_pad10 {
	padding-left: 10px
}

.l_pad15 {
	padding-left: 15px
}

.l_pad20 {
	padding-left: 20px
}

.l_pad25 {
	padding-left: 25px
}

.l_pad30 {
	padding-left: 30px
}

.l_pad35 {
	padding-left: 35px
}

.l_pad40 {
	padding-left: 40px
}

.l_pad45 {
	padding-left: 45px
}

.l_pad50 {
	padding-left: 50px
}

.r_pad5 {
	padding-right: 5px
}

.r_pad10 {
	padding-right: 10px
}

.r_pad15 {
	padding-right: 15px
}

.r_pad20 {
	padding-right: 20px
}

.r_pad25 {
	padding-right: 25px
}

.r_pad30 {
	padding-right: 30px
}

.r_pad35 {
	padding-right: 35px
}

.r_pad40 {
	padding-right: 40px
}

.r_pad45 {
	padding-right: 45px
}

.r_pad50 {
	padding-right: 50px
}

.box_step_txt {
	height: 44px
}

.box_step_none_grey {
	height: 44px;
	background: url(../images/line_none_grey.png) no-repeat center
}

.box_step_none_green {
	height: 44px;
	background: url(../images/line_none_green.png) no-repeat center
}

.box_step_grey_grey {
	height: 44px;
	background: url(../images/line_grey_grey.png) no-repeat center
}

.box_step_green_green {
	height: 44px;
	background: url(../images/line_green_green.png) no-repeat center
}

.box_step_green_grey {
	height: 44px;
	background: url(../images/line_green_grey.png) no-repeat center
}

.box_step_grey_none {
	height: 44px;
	background: url(../images/line_grey_none.png) no-repeat center
}

.box_step_green_none {
	height: 44px;
	background: url(../images/line_green_none.png) no-repeat center
}

.section_head {
	font-size: 3em;
	line-height: 1.4em;
	color: #74ac36;
	font-family: db_helvethaicaais_x65_med;
	padding-bottom: 15px
}

.section_sub {
	font-size: 1.6em;
	line-height: 1.4em;
	padding-bottom: 15px
}

.tab_first {
	background-color: #e387ae;
	color: #FFF;
	font-size: 1.8em;
	line-height: 1.2;
	padding: 10px 20px
}

.tab_second {
	background-color: #e6e9ee;
	font-size: 1.4em;
	line-height: 1.4;
	padding: 3px 10px 3px 0
}

.tab_third {
	background-color: #fff;
	font-size: 1.5em;
	line-height: 1.4
}

.tab_condition {
	padding: 15px;
	background-color: #fff
}

.tab_condition span {
	font-size: 1.2em;
	line-height: 1.4
}

.tab_condition_w {
	padding: 15px;
	background-color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333
}

.font_hilight {
	color: #e387ae
}

.bg_light {
	background-color: #F781B5
}

.bg_gray {
	background-color: #e777a9
}

.bg_dark {
	background-color: #be487c
}

.tab_on {
	font-size: 1.6em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: .8em 2em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.tab_on:hover {
	color: #FFF;
	background-color: #be487c
}

.tab_off {
	font-size: 1.6em;
	color: #614f45;
	background-color: #d1d1d1;
	border-radius: 5px;
	padding: .8em 2em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.tab_off:hover {
	color: #FFF;
	background-color: #be487c
}

.box_theme {
	border-radius: 5px;
	overflow: hidden;
	background-color: #FFF;
	padding-bottom: 15px
}

.bt_dark {
	font-size: 1.5em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_dark:hover {
	background-color: #F781B5
}

.bt_gray {
	font-size: 1.5em;
	color: #FFF;
	background-color: #e285af;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_gray:hover {
	background-color: #F781B5
}

.bt_all {
	font-size: 1.5em;
	color: #FFF;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_all:hover {
	filter: alpha(opacity = 70);
	-moz-opacity: .7;
	moz-opacity: .7;
	opacity: .7
}

.button_all {
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-weight: 400;
	line-height: normal;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s
}

.button_all:hover {
	color: #fff
}

.tab_head {
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-weight: 400;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s
}

.tab_head_green_t {
	background-color: #15b293;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s
}

.tab_head_green_t_off {
	color: #fff;
	background-color: #919191;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s
}

.tab_head_green_t_off:hover {
	background-color: #15b293;
	color: #fff
}

.tab_pink1 {
	background-color: #be487c;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left
}

.tab_pink2 {
	background-color: #e285af;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left
}

.tab_pink2:hover {
	color: #fff;
	pointer-events: none
}

.tab_pink1_off, .tab_pink2_off {
	color: #fff;
	background-color: #919191;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left;
	cursor: pointer
}

.tab_pink1_off:hover {
	background-color: #be487c;
	color: #fff
}

.tab_pink2_off:hover {
	background-color: #e285af;
	color: #fff
}

.tab_green_t3 {
	background-color: #0dcdc0;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left
}

.tab_green_t3_off {
	color: #fff;
	background-color: #919191;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left;
	cursor: pointer
}

.tab_green_t3_off:hover {
	background-color: #0dcdc0;
	color: #fff
}

.tab_green_data_off {
	color: #fff;
	width: 150px;
	background-color: #919191;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left;
	cursor: pointer
}

.tab_green_data_off.tab_green_data_on, .tab_green_data_off:hover {
	background-color: #0dcdc0;
	color: #fff
}

.tab_green_t5 {
	background-color: #16d3ab;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left
}

.tab_green_t5_off {
	color: #fff;
	background-color: #919191;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left;
	cursor: pointer
}

.tab_green_t5_off:hover {
	background-color: #16d3ab;
	color: #fff
}

.tab_orange1 {
	background-color: #f98240;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left
}

.tab_orange1_off {
	color: #fff;
	background-color: #919191;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left;
	cursor: pointer
}

.tab_orange1_off:hover {
	background-color: #f98240;
	color: #fff
}

.tab_blue1 {
	background-color: #d59838;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left
}

.tab_blue1_off {
	color: #fff;
	background-color: #91a1ab;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left;
	cursor: pointer
}

.tab_blue1_off:hover {
	background-color: #d59838;
	color: #fff
}

.tab_violet1 {
	background-color: #b253bf;
	border-style: solid;
	border-width: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left
}

.tab_violet1_off {
	color: #fff;
	background-color: #919191;
	border-style: solid;
	border-width: 0;
	display: inline-block;
	font-size: 1.6em;
	font-family: db_helvethaicaais_x65_med;
	line-height: normal;
	padding: 1rem 2rem 1.0625rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	float: left;
	cursor: pointer
}

.tab_violet1:hover {
	color: #fff;
	pointer-events: none
}

.tab_violet1_off:hover {
	background-color: #b253bf;
	color: #fff
}

.color_blue1 {
	background-color: #91a1ab
}

.color_blue2 {
	background-color: #d59838
}

.color_pink1 {
	background-color: #be487c
}

.color_pink2 {
	background-color: #e285af
}

.color_green_t1 {
	background-color: #007f76
}

.color_green_t2 {
	background-color: #17d1aa
}

.color_green_t3 {
	background-color: #0dcdc0
}

.color_green_t4 {
	background-color: #15b293
}

.color_green_t5 {
	background-color: #16d3ab
}

.color_green_t6 {
	background-color: #00a3a9
}

.color_orange1 {
	background-color: #f98240
}

.color_orange2 {
	background-color: #fa9a67
}

.color_orange3 {
	background-color: #fa8543
}

.color_orange4 {
	background-color: #df621d
}

.color_green1 {
	background-color: #74a434
}

.color_green2 {
	background-color: #bcc700
}

.color_green3 {
	background-color: #bfd22b
}

.color_green4 {
	background-color: #c3c42a
}

.color_green5 {
	background-color: #b9c600
}

.color_green6 {
	background-color: #abc21f
}

.color_green2:hover {
	background-color: #DFEC00
}

.color_red1 {
	background-color: #d74d33
}

.color_red2 {
	background-color: #fb6e50
}

.color_grey1 {
	background-color: #919191
}

.color_grey2 {
	background-color: #d5d9dc
}

.color_grey3 {
	background-color: #e6e9ee
}

.color_grey4 {
	background-color: #91a1ab
}

.color_grey5 {
	background-color: #90a1ab;
	color: #fff
}

.color_brown1 {
	background-color: #d59838
}

.color_violet1 {
	background-color: #b253bf
}

.color_violet2 {
	background-color: #9547a8
}

.font_color_pink1 {
	background-color: #be487c
}

.font_color_pink2 {
	background-color: #e285af
}

.font_color_blue1 {
	color: #91a1ab
}

.font_color_blue2 {
	color: #d59838
}

.font_color_green_t1 {
	color: #007f76
}

.font_color_green_t2 {
	color: #17d1aa
}

.font_color_green_t3 {
	color: #0dcdc0
}

.font_color_green_t4 {
	color: #15b293
}

.font_color_orange1 {
	color: #f98240
}

.font_color_orange2 {
	color: #fa9a67
}

.font_color_orange3 {
	color: #fa8543
}

.font_color_green1 {
	color: #74a434
}

.font_color_green2 {
	color: #bcc700
}

.font_color_green3 {
	color: #bfd22b
}

.font_color_green4 {
	color: #c3c42a
}

.font_color_green5 {
	color: #b9c600
}

.font_color_green6 {
	color: #adc32b
}

.font_color_red1 {
	color: #d74d33
}

.font_color_red2 {
	color: #fb6e53
}

.font_color_grey1 {
	color: #919191
}

.font_color_grey2 {
	color: #d5d9dc
}

.font_color_grey3 {
	color: #e6e9ee
}

.font_color_grey4 {
	color: #91a1ab
}

.font_color_brown1 {
	color: #d59838
}

.font_color_brown2 {
	color: #614e48
}

.font_color_violet1 {
	color: #b253bf
}

.bt_color_pink1 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_pink1:hover {
	background-color: #F781B5
}

.bt_color_red1 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #d74d33;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_red1:hover {
	background-color: #f95a3c
}

.bt_color_green_t1 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #007f76;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_green_t1:hover {
	background-color: #0dcdc0;
	color: #FFF
}

.bt_color_green_t2 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #02ae8a;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_green_t2:hover {
	background-color: #17d1aa
}

.bt_color_green_t3 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #02b4a8;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_green_t3:hover {
	background-color: #0dcdc0
}

.bt_color_green_t {
	font-size: 1.5em;
	color: #FFF;
	background-color: #0dcdc0;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_green_t:hover {
	background-color: #007f76
}

.bt_color_green_t6 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #018489;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_green_t6:hover {
	background-color: #00a3a9
}

.bt_color_orange {
	font-size: 1.5em;
	color: #FFF;
	background-color: #f98240;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_orange:hover {
	background-color: #df621d
}

.bt_color_orange1 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #df621d;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_orange1:hover {
	background-color: #f98240
}

.bt_color_blue1 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #d59838;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_blue1:hover {
	background-color: #91a1ab
}

.bt_color_brown1 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #b27618;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_brown1:hover {
	background-color: #d59838
}

.bt_color_brown1_off {
	font-size: 1.5em;
	color: #FFF;
	background-color: #d59838;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_brown1_off:hover {
	background-color: #d59838;
	cursor: default
}

.bt_color_violet1 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #912e9e;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_violet1:hover {
	background-color: #b253bf
}

.bt_color_red2 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #d74d33;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_red2:hover {
	background-color: #fb6e50
}

.bt_color_grey4 {
	font-size: 1.5em;
	color: #FFF;
	background-color: #748189;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_color_grey4:hover {
	background-color: #91a1ab
}

.ol_tahoma12 {
	margin-left: 10px
}

.ol_tahoma12 li {
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #614e48
}

.bg_box1 {
	background-color: #EF6359
}

.bg_box2 {
	background-color: #FF938B
}

.text_inline {
	display: inline-block
}

.promomark {
	overflow-x: auto;
	width: 100%
}

@media only screen and (min-width:18.75em) and (max-width:26.875em) {
	.tab_pink1, .tab_pink1_off, .tab_pink2, .tab_pink2_off {
		font-size: 1.2em;
		line-height: normal;
		padding: 1rem 1.6rem 1.0625rem
	}
	.tab_green_t3 {
		background-color: #0dcdc0;
		border-style: solid;
		border-width: 0;
		color: #fff;
		display: inline-block;
		font-size: 1.2em;
		font-family: db_helvethaicaais_x65_med;
		line-height: normal;
		padding: 1rem 1.2rem 1.0625rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color 300ms ease-out 0s;
		float: left
	}
	.tab_green_t3_off {
		color: #fff;
		background-color: #919191;
		border-style: solid;
		border-width: 0;
		display: inline-block;
		font-size: 1.2em;
		font-family: db_helvethaicaais_x65_med;
		line-height: normal;
		padding: 1rem 1.2rem 1.0625rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color 300ms ease-out 0s;
		float: left;
		cursor: pointer
	}
	.tab_green_data_off {
		color: #fff;
		width: 110px;
		background-color: #919191;
		border-style: solid;
		border-width: 0;
		display: inline-block;
		font-size: 1.2em;
		font-family: db_helvethaicaais_x65_med;
		line-height: normal;
		padding: 1rem 1.8rem 1.0625rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color 300ms ease-out 0s;
		float: left;
		cursor: pointer
	}
	.tab_green_data_off.tab_green_data_on, .tab_green_data_off:hover {
		background-color: #0dcdc0;
		color: #fff
	}
	.tab_green_t5 {
		background-color: #16d3ab;
		border-style: solid;
		border-width: 0;
		color: #fff;
		display: inline-block;
		font-size: 1.2em;
		font-family: db_helvethaicaais_x65_med;
		line-height: normal;
		padding: 1rem 1.2rem 1.0625rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color 300ms ease-out 0s;
		float: left
	}
	.tab_green_t5_off {
		color: #fff;
		background-color: #919191;
		border-style: solid;
		border-width: 0;
		display: inline-block;
		font-size: 1.2em;
		font-family: db_helvethaicaais_x65_med;
		line-height: normal;
		padding: 1rem 1.2rem 1.0625rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color 300ms ease-out 0s;
		float: left;
		cursor: pointer
	}
	.tab_violet1 {
		background-color: #b253bf;
		border-style: solid;
		border-width: 0;
		color: #fff;
		display: inline-block;
		font-size: 1.2em;
		font-family: db_helvethaicaais_x65_med;
		line-height: normal;
		padding: 1rem 1.8rem 1.0625rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color 300ms ease-out 0s;
		float: left
	}
	.tab_violet1_off {
		color: #fff;
		background-color: #91a1ab;
		border-style: solid;
		border-width: 0;
		display: inline-block;
		font-size: 1.2em;
		font-family: db_helvethaicaais_x65_med;
		line-height: normal;
		padding: 1rem 1.8rem 1.0625rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: background-color 300ms ease-out 0s;
		float: left;
		cursor: pointer
	}
	.section_head {
		font-size: 2.2em;
		line-height: 1.4em;
		color: #74ac36;
		font-family: db_helvethaicaais_x65_med
	}
	.tab_third {
		font-size: 1.5em;
		line-height: 1.5
	}
}

@media only screen and (min-width:30.063em) and (max-width:40em) {
	.promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 180px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media screen and (max-width:60em) {
	.promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 180px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media only screen and (max-width:30em) {
	.promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 90%;
		height: 180px;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
}

.message-wrapper {
	/* background: url(../images/bg_message.png) no-repeat bottom center #fff; */
	background: url(../images/bg_message.png) no-repeat bottom center #fff;
	width: 100%;
	height: 100%;
	background-size: 100%;
	padding: 20px 10px 50px 10px;
}
.message-wrapper-ebill {
	/* background: url(../images/bg_message.png) no-repeat bottom center #fff; */
	background: url(../images/bubble_alert.png) no-repeat bottom center #fff;
	width: 100%;
	/* height: 100%; */
	/* background-size: 100%; */
	padding: 30px 20px;
}

.message-detail, .message-head {
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	padding-bottom: 30px
}

.message-head {
	font-size: 14px;
	line-height: 1.3;
	padding-bottom: 30px;
	word-wrap: break-word
}

.bt_popup {
	font-size: 1.5em;
	color: #FFF;
	background-color: #614F45;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_popup:hover {
	background-color: #CADB2F
}

.Center-Container {
	position: relative
}

.Absolute-Center {
	height: 50%;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

#popup_head {
	font-size: 1.6em;
	line-height: 1.3em;
	padding-top: 100px;
	color: #fff;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

#popup_detail {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #463738;
	text-align: center;
	padding-top: 15px
}

#bg_popup {
	padding-top: 100px;
	padding-bottom: 100px
}

#bg_popup-inner {
	background: url(../images/bg_popup2.png) no-repeat top right;
	background-color: #acc42a
}

#load_popup {
	position: fixed;
	z-index: 999;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	background: url(../images/bg_fade.png)
}

#load_popup.open {
	display: block
}

.close-popup {
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/close-popup.png) no-repeat;
	float: right;
	margin-right: 1px;
	margin-top: 1px;
	opacity: .8
}

.close-popup:hover {
	opacity: 1
}

#load_popup .mpay_input {
	height: 30px;
	font-size: 1.4rem;
	line-height: 1rem
}

.bt_dark {
	font-size: 1.5em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.bt_dark:hover {
	background-color: #F781B5
}

#welc_head {
	font-size: 3.5em
}

@media screen and (min-width:60.063em) {
	.wel_detail_txt {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 10px 0;
		width: 50%;
		float: left;
		border-bottom: solid 1px #E9E9E9
	}
	.wel_detail_txt2 {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		color: #ACC42A;
		padding: 10px 0;
		width: 50%;
		float: left;
		border-bottom: solid 1px #E9E9E9
	}
}

@media screen and (max-width:60em) {
	.wel_detail_txt {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 2px 0;
		width: 100%;
		float: left;
		border-bottom: solid 1px #fff
	}
	.wel_detail_txt2 {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		color: #ACC42A;
		padding: 2px 0;
		width: 100%;
		float: left;
		border-bottom: solid 1px #E9E9E9
	}
}

@media only screen and (max-width:30em) {
	.wel_detail_txt {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 2px 0;
		width: 100%;
		float: left;
		border-bottom: solid 1px #fff
	}
	.wel_detail_txt2 {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		color: #ACC42A;
		padding: 2px 0;
		width: 100%;
		float: left;
		border-bottom: solid 1px #E9E9E9
	}
	#welc_head {
		font-size: 3em
	}
}

@media only screen and (min-width:30em) and (max-width:37em) {
	.wel_detail_txt {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 2px 0;
		width: 100%;
		float: left;
		border-bottom: solid 1px #fff
	}
	.wel_detail_txt2 {
		font-family: db_helvethaicaais_x65_med;
		font-size: 1.6em;
		line-height: 1.5em;
		color: #ACC42A;
		padding: 2px 0;
		width: 100%;
		float: left;
		border-bottom: solid 1px #E9E9E9
	}
}

@media screen and (max-width:45em) {
	#welc_banner, #welc_detail {
		width: 100%
	}
}

@media only screen and (max-width:23.75em) {
	#welc_head {
		font-size: 2.8em
	}
}

.home .gap5 {
	height: 5px;
	width: 10px;
	clear: both
}

.home .bt_pinkicon {
	font-size: 1em;
	background: url(../images/index/icon_bt.png) no-repeat;
	background-color: #c74b42;
	float: right;
	padding: 1em .6em;
	cursor: pointer;
	height: 44px;
	padding-left: 52px
}

.home .bt_pinkicon:hover {
	background-color: #d35b52
}

.home .banner_right .thumb img {
	width: 100%;
	height: auto
}

.home .banner_right .text {
	padding: 15px;
	color: #614f45
}

.home .banner_right .text .head {
	color: #fc6e51
}

.home .banner_right .text .detail {
	color: #614f45;
	min-height: 25px
}

.home .banner_right .text:hover .detail {
	color: #acc42a
}

.home .banner_right .has-dots .text {
	padding-bottom: 30px
}

.home .banner {
	position: relative;
	overflow: auto;
	min-height: 236px
}

.home .banner li, .home .banner ul {
	list-style: none
}

.home .banner ul li {
	float: left;
	font-size: 1.4em;
	width: 100%
}

.home .banner h1, .home .banner h2 {
	font-size: 40px;
	line-height: 52px;
	color: #fff
}

.home .banner .btn {
	display: inline-block;
	margin: 25px 0 0;
	padding: 9px 22px 7px;
	clear: both;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid rgba(255, 255, 255, .4);
	border-radius: 5px
}

.home .banner .btn:hover {
	background: rgba(255, 255, 255, .05)
}

.home .banner .btn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
	filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5))
}

.banner .dot, .home .banner .btn {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3))
}

.home .banner .dots {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: -10px
}

.home .banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border-radius: 6px;
	cursor: pointer;
	opacity: 1;
	background: #b6b6b6
}

.home .banner .dots li.active {
	background: #fc6e51;
	opacity: 1
}

.home .border_green_l {
	border-left: #acc42a 1px solid
}

.home #boxpage, .home #boxuse {
	background-color: #FFF
}

.home #boxpay {
	background-color: #07ada1;
	color: #FFF
}

.home #boxprivilage {
	background-color: #FFF;
	color: #FFF
}

.home #boxinfo {
	margin-bottom: 15px
}

.home #infotext1 {
	float: left;
	padding-right: 15px;
	font-size: 1.4em
}

#infotext3, #infotext4, .home #infotext2 {
	float: left;
	padding: 0 15px;
	border-left: #acc42a 1px solid;
	font-size: 1.4em;
	line-height: 120%
}

.home #infotext1, .home #infotext2, .home #infotext3, .home #infotext4 {
	line-height: 1.3
}

.home #infotext1 a {
	color: #614f45;
	text-decoration: underline
}

.home #infotext1 a:hover {
	color: #96B305;
	text-decoration: underline
}

.home .welcom_info {
	list-style: none
}

.home ul.welcom_info {
	padding: 0;
	margin: 0
}

.home ul.welcom_info li {
	line-height: 30px
}

.home .welcom_txt {
	float: left;
	margin-right: 20px;
	font-size: 1.5em;
	padding-top: 1px
}

.home .welcom_txt_name {
	float: left;
	margin-right: 20px;
	color: #74a433;
	font-family: db_helvethaicaais_x65_med;
	font-size: 2em
}

.home .welcom_txt_num {
	background-color: #FFF;
	padding: .2em .8em;
	text-align: left
}

.home .headbox_info1 {
	padding: 13px 15px;
	background-color: #ff756b;
	color: #FFF;
	display: table;
	width: 100%
}

.home .headbox_info1 .left {
	font-size: 1.5em;
	width: 70%;
	float: left;
	line-height: 1.2em;
	padding-top: 5px
}

.home .headbox_info2 {
	padding: 13px 15px;
	background-color: #acc42a;
	color: #FFF;
	display: table;
	width: 100%
}

.home .headbox_info2 .left {
	font-size: 1.5em;
	width: 70%;
	float: left;
	line-height: 1.2em;
	padding-top: 5px
}

.home .tab_red {
	background-color: #e285af;
	color: #FFF;
	padding: 10px 20px
}

.home .tab_red span {
	font-size: 2em;
	line-height: 120%;
	padding: 5px 0
}

.home .bt_red {
	background-color: #be487c;
	padding: .3em .6em;
	cursor: pointer;
	margin: 0;
	border-radius: 3px
}

.home .bt_red span {
	font-size: 1.4em
}

.home .bt_red:hover {
	background-color: #d6518c
}

.home .tab_green {
	background-color: #acc42a;
	color: #FFF;
	padding: 10px 20px
}

.home .tab_green span {
	font-size: 2em;
	line-height: 120%;
	padding: 5px 0
}

.home .bt_green {
	background-color: #70830b;
	padding: .3em .6em;
	cursor: pointer;
	margin: 0;
	border-radius: 3px
}

.home .bt_green span {
	font-size: 1.4em
}

.home .bt_green:hover {
	background-color: #849a0d
}

.home .bt_pay {
	background-color: #007f76;
	padding: .6em .8em;
	cursor: pointer;
	margin: 0;
	border-radius: 3px
}

.home .bt_pay span {
	font-size: 1.4em
}

.home .bt_pay:hover {
	background-color: #01978c
}

.home #bt_pay {
	margin-right: 10px;
	margin-top: 5px
}

.home .pay_detail1 {
	font-size: 1.5em;
	color: #FFF;
	line-height: 125%
}

.home .pay_detail2 {
	font-size: 3.2em;
	color: #FFF;
	line-height: 125%
}

.home .pay_detail3 {
	font-size: 2.2em;
	color: #FFF;
	margin-bottom: -5px
}

.home .billing .pay_detail1 {
	font-size: 1.4em
}

.home .billing .pay_detail2 {
	font-size: 2.5em;
	color: #FFF;
	line-height: 125%
}

.home .billing .pay_detail3 {
	font-size: 2em;
	margin-bottom: -3px
}

.iswoppad {
	padding: 0 10px
}

.pay_detail21 {
	font-size: 2.4em;
	color: #FFF;
	line-height: 125%;
	display: inline-block
}

.pay_detail31 {
	font-size: 2.2em;
	color: #FFF;
	line-height: 125%;
	display: inline-block;
	padding-left: 5px
}

.home #bubble {
	width: 295px;
	background: url(../images/index/arrow_up.png) center top no-repeat;
	position: absolute;
	z-index: 200;
	margin-top: 20px;
	margin-left: -135px;
	padding-top: 10px;
	display: none
}

.home .text_bubble {
	font-size: 2em;
	line-height: 125%;
	color: #666;
	float: left;
	margin-left: 20px;
	font-family: db_helvethaicaais_x55_regular;
	cursor: pointer
}

.home .text_bubble:hover {
	color: #74a433
}

.home #bubble-box {
	width: 100%;
	background-color: #fc6e51;
	box-shadow: 1px 1px 1px #888
}

.home .bubble_close {
	background: url(../images/index/bubble_close.png) top no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: -20px;
	cursor: pointer
}

.home .bubble_close:hover {
	background: url(../images/index/bubble_close.png) bottom no-repeat
}

.home .deal_pay {
	font-size: 1.8em;
	line-height: 1.2em
}

.home .progress.success .meter.meter_color1 {
	background-color: #1acaa6
}

.home .progress.success .meter.meter_color2 {
	background-color: #fdc401
}

.home .progress.success .meter.meter_color3 {
	background-color: #f17734
}

.home .progress.success .meter.meter_color4 {
	background-color: #fd8d82
}

.home .progress.success .meter.meter_color5, .home .progress.success .meter.meter_color6
	{
	background-color: #bfd22b
}

.home .smaller_font {
	font-size: 10px;
	line-height: 17px;
	vertical-align: bottom
}

.swop_detail1 {
	color: #fff;
	height: auto;
	background-color: #9462ae;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	min-height: 98px
}

.swop_detail2 {
	color: #fff;
	height: auto;
	background-color: #e285af;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	min-height: 98px
}

.font_swop_hide {
	padding-left: 10px
}

.font_swop_detail1 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: 10px
}

.tab_green_n {
	background-color: #e6e9ee;
	color: #FFF;
	padding: 5px 0;
	text-align: center;
	height: auto
}

.tab_green_n span {
	font-size: 2em;
	line-height: 120%;
	padding: 5px 0
}

.tab_green_n a {
	color: #FFF
}

.tab_green_n a:hover {
	color: #333
}

@media only screen and (min-width:61.313em) and (max-width:70em) {
	.home .deal_pay {
		font-size: 1.4em;
		line-height: 1.2em
	}
	.home #bt_pay {
		margin-right: 5px;
		margin-top: 0
	}
	.headswop {
		height: 69px
	}
}

@media screen and (min-width:60.063em) {
	.home #menu_contact, .home #menu_faq, .home #menu_logout {
		display: block
	}
}

@media screen and (max-width:60em) {
	.home #infotext1 {
		float: left;
		padding-right: 15px;
		width: 50%;
		font-size: 1.4em;
		line-height: 120%;
		margin-bottom: 15px
	}
	.home #infotext2 {
		float: left;
		padding: 0 15px;
		border-left: #acc42a 1px solid;
		font-size: 1.4em;
		line-height: 120%;
		margin-bottom: 15px
	}
	.home #infotext3 {
		clear: both;
		float: left;
		padding: 0;
		border: 0;
		width: 50%;
		font-size: 1.4em;
		line-height: 120%;
		margin-bottom: 15px
	}
	.home #infotext4 {
		float: left;
		padding: 0 15px;
		border-left: #acc42a 1px solid;
		font-size: 1.4em;
		line-height: 120%;
		margin-bottom: 15px
	}
	.home #boxinfo {
		margin-bottom: 0
	}
	.swop_detail1, .swop_detail2 {
		color: #fff;
		height: 164px;
		text-align: right;
		padding-top: 5px;
		padding-right: 15px
	}
}

@media only screen and (max-width:30em) {
	.home #infotext1 {
		clear: both;
		float: left;
		padding-right: 15px;
		font-size: 1.4em;
		line-height: 120%;
		margin-bottom: 15px;
		width: 100%
	}
	.home #infotext2, .home #infotext3, .home #infotext4 {
		clear: both;
		float: left;
		padding: 0;
		border: 0;
		font-size: 1.4em;
		line-height: 120%;
		margin-bottom: 15px;
		width: 100%
	}
	.home .welcom_txt {
		float: left;
		margin-right: 20px;
		font-size: 1.6em;
		padding-top: 1px
	}
	.home .welcom_txt_name {
		float: left;
		margin-right: 20px;
		color: #74a433;
		font-family: db_helvethaicaais_x65_med;
		font-size: 2.2em
	}
	.home #bubble {
		width: 270px;
		background: url(../images/index/arrow_up.png) 210px 0 no-repeat;
		position: absolute;
		z-index: 200;
		margin-top: 20px;
		margin-left: -210px;
		padding-top: 10px
	}
	.tab_green_n {
		color: #FFF;
		padding: 10px 20px;
		text-align: center;
		height: auto
	}
	.swop_detail1, .swop_detail2 {
		color: #fff;
		min-height: 66px;
		height: 66px;
		text-align: right;
		padding-top: 10px;
		padding-right: 15px
	}
	.font_swop_detail1 {
		font-size: 1.4em;
		line-height: 3.4em;
		margin-top: 0
	}
	.pay_detail21, .pay_detail31 {
		line-height: 1.8em
	}
}

.profile-information .promomark {
	overflow-x: auto;
	width: 100%
}

.profile-information .service_body {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 5px 10px
}

.profile-information .service_body2 {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 0
}

.profile-information .td_time {
	width: 20%
}

.profile-information .td_time2 {
	width: 65%
}

.profile-information .td_tel {
	width: 20%
}

.profile-information .service_list {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 4px 0;
	width: 60px
}

.profile-information .service_list_detail {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 5px;
	width: 60px;
	background-color: #06C;
	text-align: right
}

.profile-information .tab_pack {
	padding: 15px 30px;
	background-color: #FBFBFD;
	font-size: 1.4em
}

.profile-information .info_box_detail {
	width: 100%;
	height: 100%;
	min-height: 40px;
	border-bottom: solid 1px #e5e5e5;
	background-color: #FFF
}

.profile-information .info_col1 {
	font-size: 1.4em;
	line-height: 1.4;
	padding: 8px 5px 8px 20px;
	width: 30%;
	float: left;
	color: #74a434
}

.profile-information .info_col2 {
	font-size: 1.4em;
	line-height: 1.4;
	padding: 8px 10px;
	width: 70%;
	float: left
}

@media screen and (max-width:60em) {
	.profile-information .info_col1 {
		font-size: 1.4em;
		line-height: 1.4;
		padding: 8px 20px;
		width: 50%;
		float: left;
		color: #74a434
	}
	.profile-information .info_col2 {
		font-size: 1.4em;
		line-height: 1.4;
		padding: 8px 10px;
		width: 50%;
		float: left
	}
}

@media only screen and (max-width:30em) {
	.profile-information .info_col1 {
		font-size: 1.4em;
		line-height: 1.4;
		padding: 5px 10px 0 20px;
		width: 100%;
		float: left;
		color: #74a434
	}
	.profile-information .info_col2 {
		font-size: 1.4em;
		line-height: 1.4;
		padding: 0 20px 5px;
		width: 100%;
		float: left
	}
}

.bill-cycle input[disabled=disabled], .bill-media input[disabled=disabled],
	.profile-address input[disabled=disabled], .profile-information input[disabled=disabled]
	{
	border: none;
	color: #9e9e9e
}

.bill-cycle input[disabled].disabled-no-border, .bill-media input[disabled].disabled-no-border,
	.profile-address input[disabled].disabled-no-border,
	.profile-information input[disabled].disabled-no-border {
	border: none;
	color: #9e9e9e;
	background-color: #fff
}

.current-package .tahoma_head {
	color: #614f45
}

.current-package .font_tahoma {
	font-family: Tahoma, Geneva, sans-serif
}

.current-package .bt_pinkicon {
	font-size: .95em;
	background: url(../images/index/icon_bt.png) no-repeat;
	background-color: #c74b42;
	float: right;
	padding: 1.2em .6em;
	cursor: pointer;
	height: 44px;
	padding-left: 52px
}

.current-package .bt_pinkicon:hover {
	background-color: #d35b52
}

.current-package .banner_right .text {
	padding: 15px;
	color: #614f45
}

.current-package .banner_right .text .head {
	color: #acc42a
}

.current-package .font_h1 {
	font-size: 1.5em
}

.current-package .font_14 {
	font-size: 1.4em;
	line-height: 1.4em
}

.current-package .font_16 {
	font-size: 1.6em;
	line-height: 1.4em
}

.current-package .font_18 {
	font-size: 1.8em
}

.current-package .font_20 {
	font-size: 2em
}

.current-package .cp_radius5 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden
}

.current-package .bg_brown {
	background-color: #e6e9ee
}

.current-package .bt_violet {
	font-size: 1.5em;
	background-color: #be487b;
	padding: .7em;
	cursor: pointer;
	color: #FFF
}

.current-package .bt_color_green_t1 {
	font-size: 1.5em;
	padding: .3em 1.6em
}

.current-package .headbox_current1 {
	padding: 13px 22px;
	background-color: #e387ae;
	color: #FFF;
	height: 53px
}

.current-package .headbox_current1 .left {
	font-size: 1.8em;
	width: 50%;
	float: left;
	line-height: 35px
}

.current-package .subhead {
	font-size: 1.8em;
	float: left
}

.current-package .mainpack_txt1 {
	padding-top: 25px;
	padding-left: 55px
}

.current-package .mainpack_txt2 {
	padding-top: 25px
}

.current-package .tab_pack_on {
	font-size: 1.6em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: .4em 1.2em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.current-package .tab_pack_on:hover {
	color: #FFF;
	background-color: #be487c
}

.current-package .tab_pack_off {
	font-size: 1.6em;
	color: #614f45;
	background-color: #d1d1d1;
	border-radius: 5px;
	padding: .4em 1.2em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.current-package .tab_pack_off:hover {
	color: #FFF;
	background-color: #be487c
}

.current-package .detail_bullet {
	padding: 10px 0 0 10px
}

.current-package .detail_bullet ul {
	margin-bottom: 0
}

.current-package .detail_head {
	font-size: 1.4em
}

.current-package .detail_bullet ul li {
	color: #614f45;
	list-style: none
}

.current-package .detail_bullet ul li:before {
	color: #bfd22b;
	content: "\2022";
	font-size: 1.4em;
	padding-right: .25em;
	position: relative;
	top: .1em;
	vertical-align: top
}

.current-package .detail_bullet.list_item ul li:before, .current-package .panel li
	{
	color: #614f45
}

.current-package .detail_package {
	padding: 10px 30px
}

.current-package .detail_package2 {
	padding: 0 30px 30px
}

.current-package .detail_date {
	padding: 10px
}

.current-package .detail_date2 {
	padding: 53px 30px 30px
}

.current-package table tr td.package_name {
	width: 66.66%
}

.current-package table tr td.package_date {
	width: 33.33%;
	font-weight: 400
}

.current-package .visible_mobile {
	display: none
}

.current-package .fix-padding {
	margin-left: -20px
}

@media screen and (max-width:60em) {
	.current-package .mainpack_txt2 {
		padding-left: 55px
	}
}

@media only screen and (max-width:30em) {
	.current-package .mainpack_txt2 {
		padding-left: 55px
	}
	.current-package .detail_date, .current-package .detail_date2 {
		padding: 0 10px 10px 30px
	}
	.current-package .hidden_mobile {
		display: none
	}
	.current-package .visible_mobile {
		display: block
	}
	.current-package table tr td.package_date, .current-package table tr td.package_name
		{
		width: 100%
	}
}

.superplan .box_white {
	border-radius: 5px;
	overflow: hidden;
	background-color: #FFF
}

.superplan .list_thumb {
	margin-left: 20px;
	margin-right: 10px
}

.superplan .list_true {
	font-size: 1.4em;
	color: #614f45;
	margin-left: 20px
}

.superplan #box_complete {
	border-radius: 5px;
	overflow: hidden;
	padding: 25px 10px 20px;
	color: #FFF
}

.superplan .myplan_input {
	border: 0;
	height: 3em;
	width: 100%;
	font-family: db_helvethaicaais_x55_regular;
	text-indent: 10px;
	color: #614f45
}

.superplan .myplan_input_right {
	border: 0;
	width: 100%;
	text-align: right;
	font-size: 1.8em;
	color: #614f45
}

.superplan .myplan_area_right {
	border: 0;
	width: 100%;
	font-size: 1.8em;
	color: #614f45;
	resize: none
}

.superplan .overlap_left {
	margin-left: -40px
}

.superplan #overlap_head {
	margin: 10px 0
}

.superplan .bg_white {
	background-color: #FFF;
	color: #333
}

.superplan .box_inner {
	padding: 15px 25px
}

.superplan #totalpize {
	text-align: right
}

.superplan .bgbaht {
	background: url(../images/my_superplan/icon_bath_w.png) 0 8px no-repeat;
	padding-left: 30px
}

.superplan .font_sub1 {
	font-size: 2.4em;
	line-height: normal
}

.superplan .font_sub2 {
	font-size: 1.6em;
	line-height: normal
}

.superplan .font_step {
	font-size: 1.4em;
	line-height: 1.2em
}

.superplan .pinkmiddle {
	min-height: 82px
}

.superplan .tab_pink {
	font-size: 1.6em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: 1em;
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.superplan .tab_gray {
	font-size: 1.6em;
	background-color: #d1d1d1;
	border-radius: 5px;
	padding: 1em;
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.superplan .xtratalkrow1 {
	height: 45px;
	line-height: 45px;
	background-color: #e6e9ee;
	color: #614f45
}

.superplan .xtratalkrow2 {
	height: 45px;
	line-height: 45px;
	border-bottom: solid 1px #f0f0f0
}

.superplan .xtratalkrow3 {
	height: 45px;
	line-height: 45px;
	font-size: 1.5em;
	text-align: center;
	color: #f98240
}

.superplan .xtratalk:hover .xtratalkrow1.curent, .superplan .xtratalkrow1.curent
	{
	height: 45px;
	line-height: 45px;
	background: url(../images/my_superplan/bg_check.png) right center;
	color: #FFF
}

.superplan .xtratalk {
	cursor: pointer
}

.superplan .xtratalk:hover .xtratalkrow1 {
	height: 45px;
	line-height: 45px;
	background: url(../images/my_superplan/bg_check_o.png) right center;
	color: #FFF
}

.superplan td.white {
	background-color: #FFF;
	border-bottom: #e6e9ed 1px solid;
	height: 44px
}

.superplan span.col1 {
	padding-left: 10px;
	width: 45%;
	font-size: 1.5em
}

.superplan span.col2 {
	width: 30%;
	font-size: 2.4em
}

.superplan div.col3 {
	float: right;
	margin-right: 10px;
	font-size: 1.5em
}

.superplan .css-label {
	background-image: url(../images/my_superplan/checkbox.png)
}

.superplan #data2, .superplan #netrow1de, .superplan #netrow1de_condition,
	.superplan #talkrow1de, .superplan #talkrow1de_condition, .superplan #talkrow2de,
	.superplan #talkrow2de_condition {
	display: none
}

.superplan .table_head_plan {
	background-color: #E6E9EE
}

.superplan .table_head_plan td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	display: table-cell;
	border-right: #FFF solid 1px
}

.superplan .table_head_plan td:last-child {
	border-right: 0
}

.superplan .table_body_plan {
	background-color: #fff
}

.superplan .table_body_plan td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.superplan .finish_box1 {
	height: 300px;
	margin-bottom: 10px
}

.superplan .ol14 {
	margin-left: 15px
}

.superplan .box_step_none_grey {
	height: 44px;
	background: url(../images/line_none_grey.png) no-repeat center
}

.superplan .box_step_none_green {
	height: 44px;
	background: url(../images/my_superplan/line_none_green.png) no-repeat
		center
}

.superplan .box_step_grey_grey {
	height: 44px;
	background: url(../images/line_grey_grey.png) no-repeat center
}

.superplan .box_step_green_green {
	height: 44px;
	background: url(../images/my_superplan/line_green_green.png) no-repeat
		center
}

.superplan .box_step_green_grey {
	height: 44px;
	background: url(../images/my_superplan/line_green_grey.png) no-repeat
		center
}

.superplan .box_step_grey_none {
	height: 44px;
	background: url(../images/line_grey_none.png) no-repeat center
}

.superplan .box_step_green_none {
	height: 44px;
	background: url(../images/my_superplan/line_green_none.png) no-repeat
		center
}

.superplan #superplan_boxright {
	width: 170px;
	height: 300px;
	position: fixed;
	right: 15px;
	top: 70px;
	z-index: 900;
	display: block
}

.superplan .bubble_close {
	background: url(../images/my_superplan/bubble_close.png) top no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: -30px;
	cursor: pointer
}

.superplan .bubble_close:hover {
	background: url(../images/my_superplan/bubble_close.png) bottom
		no-repeat
}

@media screen and (max-width:65em) {
	.superplan .overlap_left {
		margin-left: -30px
	}
	.superplan .finish_box1 {
		height: 310px;
		margin-bottom: 10px
	}
}

@media only screen and (min-width:30.063em) and (max-width:40em) {
	.superplan #overlap_head {
		clear: both;
		width: 100%;
		margin: 20px 0
	}
	.superplan .overlap_colums {
		clear: both;
		width: 100%
	}
	.superplan .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media screen and (max-width:60em) {
	.superplan .overlap_left {
		margin-left: 0
	}
	.superplan .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media only screen and (max-width:30em) {
	.superplan #overlap_head {
		clear: both;
		width: 100%;
		margin: 10px 0
	}
	.superplan .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 90%;
		height: 340px;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
	.superplan #superplan_boxright {
		width: 170px;
		height: 300px;
		position: fixed;
		right: 15px;
		top: 100px;
		z-index: 900;
		display: none
	}
}

@media only screen and (min-width:18em) and (max-width:22.5em) {
	.superplan .finish_box1 {
		height: 340px;
		margin-bottom: 10px
	}
}

.data-calculator .bt_pinkicon {
	font-size: .95em;
	background: url(../images/index/icon_bt.png) no-repeat;
	background-color: #c74b42;
	float: right;
	padding: 1.2em .6em;
	cursor: pointer;
	height: 44px;
	padding-left: 52px
}

.data-calculator .bt_pinkicon:hover {
	background-color: #d35b52
}

.data-calculator .banner_right .text {
	padding: 15px;
	color: #614f45
}

.data-calculator .banner_right .text .head {
	color: #acc42a
}

.data-calculator .font_h1 {
	font-size: 1.5em
}

.data-calculator .font_14 {
	font-size: 1.4em;
	line-height: 1.4em
}

.data-calculator .font_16 {
	font-size: 1.6em;
	line-height: 1.4em
}

.data-calculator .font_18 {
	font-size: 1.8em
}

.data-calculator .font_20 {
	font-size: 2em
}

.data-calculator .tab_on {
	font-size: 1.4em;
	color: #FFF;
	background-color: #832690c;
	border-radius: 5px;
	padding: .6em 1.2em;
	cursor: pointer;
	width: 100%;
	text-align: center
}

.data-calculator .tab_off {
	font-size: 1.4em;
	color: #FFF;
	background-color: #d1d1d1;
	border-radius: 5px;
	padding: .6em 1.2em;
	cursor: pointer;
	width: 100%;
	text-align: center
}

.data-calculator .bt_tab:hover {
	font-size: 1.4em;
	color: #FFF;
	background-color: #0dcdc0;
	border-radius: 5px;
	padding: .6em 1.2em;
	cursor: pointer;
	width: 100%;
	text-align: center
}

.data-calculator .bt_tab {
	font-size: 1.4em;
	color: #FFF;
	background-color: #007f76;
	border-radius: 5px;
	padding: .6em 1.2em;
	cursor: pointer;
	width: 100%;
	text-align: center
}

.data-calculator .active {
	background-color: #0dcdc0;
	color: #FFF
}

.data-calculator .tab_cal_on {
	font-size: 1.6em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: .4em 2em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.data-calculator .tab_cal_on:hover {
	color: #FFF;
	background-color: #be487c
}

.data-calculator .tab_cal_off {
	font-size: 1.6em;
	color: #614f45;
	background-color: #d1d1d1;
	border-radius: 5px;
	padding: .4em 2em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.data-calculator .tab_cal_off:hover {
	color: #FFF;
	background-color: #be487c
}

.data-calculator #icon1 {
	background: url(../images/datacalculator/main_icon1.png) 10px 5px
		no-repeat;
	background-color: #FFF;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	margin-top: 20px;
	margin-bottom: 10px
}

.data-calculator #icon2 {
	height: 60px;
	background: url(../images/datacalculator/main_icon2.png) 20px 5px
		no-repeat;
	background-color: #FFF;
	padding-left: 90px;
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 1.4em;
	margin-top: 20px;
	margin-bottom: 10px
}

.data-calculator .bullet1 {
	background: url(../images/datacalculator/bullet1.png) 10px 5px no-repeat;
	background-color: #FFF;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left
}

.data-calculator .bullet2 {
	background: url(../images/datacalculator/bullet2.png) 10px 5px no-repeat;
	background-color: #FFF;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left
}

.data-calculator .headtext {
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px
}

.data-calculator .head_bar {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.4em;
	color: #bcc700
}

.data-calculator #bar1 {
	float: left;
	width: 20%
}

.data-calculator #bar2 {
	float: left;
	width: 40%
}

.data-calculator #bar3 {
	float: left;
	width: 30%
}

.data-calculator #bar4 {
	float: left;
	width: 25%
}

.data-calculator .bar_first {
	height: 31px;
	background-color: #f98240;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 10px
}

.data-calculator .bar_second {
	height: 31px;
	background-color: #0dcdc0;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 10px
}

.data-calculator #content2 {
	display: none
}

.data-calculator .table_head_plan {
	background-color: #E6E9EE
}

.data-calculator .table_head_plan td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	display: table-cell;
	border-right: #FFF solid 1px
}

.data-calculator .table_head_plan td:last-child {
	border-right: 0
}

.data-calculator .table_body_plan {
	background-color: #fff
}

.data-calculator .table_body_plan td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.data-calculator .table_body_plan td:nth-child(1) {
	text-align: left;
	padding-left: 18px
}

.data-calculator .table_foot_plan {
	background-color: #fff
}

.data-calculator .table_foot_plan td {
	text-align: center;
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.data-calculator .table_foot_plan td:nth-child(1) {
	text-align: left;
	padding-left: 18px
}

@media only screen and (max-width:30em) {
	.data-calculator .bullet1, .data-calculator .bullet2 {
		margin-top: 0;
		margin-bottom: 0
	}
	.data-calculator .headtext {
		margin-top: 0;
		margin-bottom: 10px
	}
	.data-calculator #bar1 {
		width: 20%
	}
	.data-calculator #bar2 {
		width: 30%
	}
	.data-calculator #bar3 {
		width: 25%
	}
	.data-calculator #bar4 {
		width: 23%
	}
}

.change-package .tab_pack {
	display: none;
	padding: 15px 100px 15px 115px;
	background-color: #FBFBFD;
	font-size: 1.4em;
	line-height: 1.4em;
	font-family: Tahoma, Geneva, sans-serif
}

.change-package .box_step_none_grey {
	height: 44px;
	background: url(../images/line_none_grey.png) no-repeat center
}

.change-package .box_step_none_green {
	height: 44px;
	background: url(../images/package_change_step1/line_none_green.png)
		no-repeat center
}

.change-package .box_step_grey_grey {
	height: 44px;
	background: url(../images/line_grey_grey.png) no-repeat center
}

.change-package .box_step_green_green {
	height: 44px;
	background: url(../images/package_change_step1/line_green_green.png)
		no-repeat center
}

.change-package .box_step_green_grey {
	height: 44px;
	background: url(../images/package_change_step1/line_green_grey.png)
		no-repeat center
}

.change-package .box_step_grey_none {
	height: 44px;
	background: url(../images/line_grey_none.png) no-repeat center
}

.change-package .box_step_green_none {
	height: 44px;
	background: url(../images/package_change_step1/line_green_none.png)
		no-repeat center
}

.change-package .package_tab {
	background: url(../images/package_change_step1/orange_2tone.png) center
}

.change-package .left_orange {
	background-color: #f98240
}

.change-package .right_orange {
	background-color: #fa9a67
}

.change-package .table_body_tahoma {
	background-color: #fff
}

.change-package .table_body_tahoma td {
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	vertical-align: top
}

.change-package .labelnew {
	background-color: #15b293;
	color: #FFF;
	padding: 2px 4px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	border-radius: 3px
}

.change-package .labelrec {
	background-color: #f98240;
	color: #FFF;
	padding: 2px 4px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	border-radius: 3px
}

.change-package .labelbest {
	background-color: red;
	color: #fff;
	padding: 2px 4px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	border-radius: 3px
}

.change-package .labeldefault {
	background-color: #36b449;
	color: #fff;
	padding: 2px 4px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	border-radius: 3px
}

.change-package .st2_mpay_fill_box {
	background-color: #F4F4F4;
	float: left;
	padding: 5px 10px
}

.change-package .mpay_input {
	font-size: 1em;
	height: 30px
}

.change-package .appoint-select select {
	background: 0 0;
	width: 130%;
	height: 30px;
	font-size: 1.4em;
	line-height: 1.6;
	border: none;
	color: #463637;
	font-family: db_helvethaicaais_x55_regular
}

.change-package .appoint-select {
	width: 100%;
	height: 30px;
	overflow: hidden;
	background: url(../images/service/ic_down.png) right no-repeat;
	border: none
}

.change-package .package-select select {
	background: 0 0;
	width: 115%;
	height: 40px;
	padding: 5px 10px;
	font-size: 1.4em;
	line-height: 1.6em;
	border: none;
	color: #5F5045;
	font-family: db_helvethaicaais_x55_regular
}

.change-package .package-select {
	width: 100%;
	height: 40px;
	overflow: hidden;
	background: url(../images/package_change_step1/ic_down.png) right
		no-repeat #FFF;
	border: none
}

.change-package .css-label {
	background-image: url(../images/my_superplan/checkbox.png)
}

.change-package .service_list {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 4px 0;
	width: 60px
}

.change-package .service_fill_list {
	background-color: #f4f4f4;
	padding: 0 5px;
	width: 100%;
	margin-bottom: 10px
}

.change-package .tab_drop1 {
	background: url(../images/package_change_step1/orange_2tone_cen.gif)
		right no-repeat;
	background-color: #e67130
}

.change-package .tab_drop2 {
	background: url(../images/package_change_step1/orange_2tone_cen2.gif)
		right no-repeat;
	background-color: #f98240
}

.change-package .tab_drop3 {
	background-color: #fa9a67
}

@media screen and (min-width:60.063em) {
	.change-package .font_month {
		font-size: 1.5em;
		line-height: 1.4em;
		color: #f98240
	}
	.change-package .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.change-package .font_sub2 {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.change-package .font_step {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.change-package #center_box {
		background: url(../images/package_change_step1/orange_2tone_cen.png)
			no-repeat center;
		height: 80px
	}
	.change-package #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.change-package #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.change-package #select_box3 {
		background: url(../images/package_change_step1/ic_select3.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 40px
	}
	.change-package .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media screen and (max-width:60em) {
	.change-package .font_month {
		font-size: 1.5em;
		line-height: 1.4em;
		color: #f98240
	}
	.change-package .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.change-package .font_step, .change-package .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.change-package #center_box {
		background: url(../images/package_change_step1/orange_2tone_cen.png)
			no-repeat center;
		height: 80px
	}
	.change-package #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-left: 20px
	}
	.change-package #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px
	}
	.change-package #select_box3 {
		background: url(../images/package_change_step1/ic_select3.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px
	}
	.change-package .tab_pack {
		padding: 15px 50px 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.2em;
		line-height: 1.4em
	}
	.change-package .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media only screen and (max-width:30em) {
	.change-package .max3level .tab_drop1 {
		background: url(../images/package_change_step1/orange_2tone_down.png)
			bottom no-repeat;
		background-color: #e67130;
		padding-bottom: 20px
	}
	.change-package .max3level .tab_drop2 {
		background: url(../images/package_change_step1/orange_2tone_down2.png)
			bottom no-repeat;
		background-color: #f98240;
		padding-bottom: 20px
	}
	.change-package .font_month {
		font-size: 1.5em;
		line-height: 1.4em;
		color: #f98240
	}
	.change-package .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.change-package .font_step, .change-package .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.change-package #center_box {
		background: url(../images/package_change_step1/orange_2tone_cen2.png)
			no-repeat center;
		height: 35px
	}
	.change-package #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.change-package #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.change-package #select_box3 {
		background: url(../images/package_change_step1/ic_select3.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.change-package .tab_pack {
		padding: 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.4em;
		line-height: 1.4em
	}
	.change-package .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 90%;
		height: 300px;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
}

@media only screen and (max-width:25em) {
	.change-package .font_month {
		font-size: 1.5em;
		line-height: 1.4em;
		color: #f98240
	}
	.change-package .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.change-package .font_step, .change-package .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.change-package #center_box {
		background: url(../images/package_change_step1/orange_2tone_cen2.png)
			no-repeat center;
		height: 35px
	}
	.change-package #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.change-package #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.change-package #select_box3 {
		background: url(../images/package_change_step1/ic_select3.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.change-package .tab_pack {
		padding: 15px 50px 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.4em;
		line-height: 1.4em
	}
	.change-package .section_head {
		font-size: 1.8em;
		padding-top: 10px
	}
}

.ifair .pic_hilight {
	padding: 30px;
	width: 100%;
	hight: 100%;
	background-color: #EAF1CF
}

.ifair .package_detail {
	padding: 30px;
	width: 100%;
	hight: 100%;
	background-color: #17d1aa
}

.ifair #package_detail_head1 {
	color: #614F43;
	font-family: db_helvethaicaais_x65_med;
	padding-bottom: 0
}

.ifair #package_detail_head2 {
	color: #FFF;
	font-family: db_helvethaicaais_x65_med;
	padding-bottom: 0
}

.ifair #package_detail_sub {
	color: #FFF;
	padding-bottom: 15px
}

.ifair #package_detail_table {
	padding-bottom: 20px
}

.ifair #package_detail_txt {
	color: #FFF;
	padding: 8px 0
}

.ifair #package_detail_foot {
	color: #FFF;
	font-family: db_helvethaicaais_x65_med
}

.ifair .package_detail_table_head {
	color: #604D47;
	text-align: center;
	font-family: db_helvethaicaais_x65_med;
	padding: 5px 20px
}

.ifair .package_detail_table_all {
	color: #FFF;
	width: 50%;
	text-align: right;
	font-family: db_helvethaicaais_x65_med;
	padding: 5px 20px
}

@media screen and (min-width:60.063em) {
	.ifair #package_detail_head1, .ifair #package_detail_head2 {
		font-size: 3em;
		line-height: 1.4em
	}
	.ifair #package_detail_sub {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.ifair #package_detail_table {
		padding-bottom: 20px
	}
	.ifair #package_detail_foot, .ifair #package_detail_txt, .ifair .package_detail_table_all,
		.ifair .package_detail_table_head {
		font-size: 1.4em;
		line-height: 1.4em
	}
}

@media screen and (max-width:60em) {
	.ifair #package_detail_head1, .ifair #package_detail_head2 {
		font-size: 3em;
		line-height: 1.4em
	}
	.ifair #package_detail_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.ifair #package_detail_table {
		padding-bottom: 20px
	}
	.ifair #package_detail_foot, .ifair #package_detail_txt, .ifair .package_detail_table_all,
		.ifair .package_detail_table_head {
		font-size: 1.4em;
		line-height: 1.4em
	}
}

@media only screen and (max-width:30em) {
	.ifair #package_detail_head1, .ifair #package_detail_head2 {
		font-size: 3em;
		line-height: 1.4em
	}
	.ifair #package_detail_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.ifair #package_detail_table {
		padding-bottom: 20px
	}
	.ifair #package_detail_foot, .ifair #package_detail_txt, .ifair .package_detail_table_all,
		.ifair .package_detail_table_head {
		font-size: 1.4em;
		line-height: 1.4em
	}
}

@media only screen and (max-width:25em) {
	.ifair #package_detail_head1, .ifair #package_detail_head2 {
		font-size: 3em;
		line-height: 1.4em
	}
	.ifair #package_detail_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.ifair #package_detail_table {
		padding-bottom: 20px
	}
	.ifair #package_detail_foot, .ifair #package_detail_txt, .ifair .package_detail_table_all,
		.ifair .package_detail_table_head {
		font-size: 1.4em;
		line-height: 1.4em
	}
}

.balance .content_scroll {
	overflow-y: hidden;
	overflow-x: auto
}

.balance .content_scroll table {
	min-width: 500px;
	width: 100%
}

.balance .table_head_left_first {
	background-color: #E6E9EE;
	min-height: 40px
}

.balance .table_head_left_first td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.5;
	display: table-cell;
	border-right: #FFF solid 0
}

.balance .table_head_left_first td:first-child {
	padding-left: 20px;
	text-align: left;
	border-right: #FFF solid 0
}

.balance .table_body_left_first {
	background-color: #fff
}

.balance .table_body_left_first td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 40px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.balance .table_body_left_first td:first-child {
	padding-left: 20px;
	text-align: left
}

.balance .table_top_center {
	background-color: #E6E9EE
}

.balance .table_top_center td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	min-height: 40px;
	line-height: 1.4;
	display: table-cell;
	border-right: #FFF solid 1px
}

.balance .table_top_center td:last-child {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	min-height: 40px;
	line-height: 1.4;
	display: table-cell;
	border-right: #FFF solid 0
}

.balance .table_top_left {
	background-color: #E6E9EE
}

.balance .table_top_left td {
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	min-height: 40px
}

.balance .table_top_left td:first-child {
	padding-left: 20px
}

.balance .table_top_left td:last-child {
	padding-right: 20px
}

.balance .table_body_center {
	background-color: #FFF
}

.balance .table_body_center td {
	text-align: center;
	padding: 10px 5px;
	font-size: 1.4em;
	line-height: 1.4em;
	min-height: 40px;
	display: table-cell;
	border-bottom: solid #e6e9ed 1px;
	font-family: Tahoma, Geneva, sans-serif
}

.balance .table_body_left {
	background-color: #FFF
}

.balance .table_body_left td {
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-size: 1.4em;
	line-height: 1.4em;
	min-height: 30px;
	border-bottom: solid #e6e9ed 1px;
	font-family: Tahoma, Geneva, sans-serif
}

.balance .table_body_left td:first-child {
	padding-left: 20px
}

.balance .table_body_left td:last-child {
	padding-right: 20px
}

.balance .promomark {
	overflow-x: auto;
	width: 100%
}

.balance .promotouch {
	position: absolute;
	z-index: 999;
	vertical-align: middle;
	width: 815px;
	height: 230px;
	text-align: center;
	background: url(../images/package_change_step1/touch.png) center;
	display: none
}

.balance .date_start {
	display: block;
	font-size: 1.1em;
	line-height: 1em;
	padding-bottom: 5px
}

.balance .login_input {
	font-family: db_helvethaicaais_x55_regular;
	color: #614f45
}

.balance .ul_body {
	list-style: none;
	margin: 0;
	padding-left: .2em
}

.balance .ul_body li {
	padding-left: .9em;
	text-indent: -1.1em;
	padding-bottom: .4em
}

.balance .ul_body li:before {
	content: "•";
	padding-right: 10px;
	color: #acc42a
}

.balance .bill_price {
	font-size: 1.4em;
	line-height: 1em;
	vertical-align: middle
}

.balance .bill_price b, .bill_price strong {
	font-size: 1.7em;
	line-height: 1.2em
}

.balance .panel5 {
	margin-left: 5px;
	margin-right: 5px
}

.balance .description {
	line-height: 1.2em;
	line-height: 1.4em;
	color: #999;
	margin-top: 10px;
	margin-bottom: 10px
}

#detail_click_on:hover, .balance #detail_click:hover {
	color: #acc42a;
	cursor: pointer
}

.balance .select_box {
	background-color: #e6e9ee;
	height: 32px;
	width: 100px;
	margin-left: 20px
}

.balance .package-select {
	text-indent: 15px;
	background: url(../images/arrow_off.gif) 82% no-repeat;
	width: 120%;
	height: 32px;
	font-size: 1em;
	line-height: 1;
	border: none;
	color: #5F5045;
	font-family: db_helvethaicaais_x55_regular
}

.balance .popup_panel {
	padding: 15px;
	width: 100%;
	height: 100%;
	background: url(../images/bg_fade.png);
	position: fixed;
	padding-top: 4%;
	padding-bottom: 4%
}

.balance .popup_body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	max-height: 640px;
	max-width: 1020px;
	background-color: #FFF;
	overflow-y: auto
}

.balance .content_scroll_popup {
	overflow-x: auto
}

.balance .content_scroll_popup table {
	width: 100%;
	min-width: 500px;
	min-height: 400px;
	height: 100%
}

.balance #popup_head {
	font-size: 1.6em;
	line-height: 1.3em;
	padding-top: 100px;
	color: #fff;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.balance #popup_detail {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #463738;
	text-align: center
}

.balance #bg_popup-inner {
	background: url(../images/bg_popup2.png) no-repeat top right
}

.balance #load_popup {
	min-height: 1200px
}

.balance .bt_zoom_on {
	background: url(../images/currentusage/icon_zoom_on.png) top center
		no-repeat;
	width: 100%;
	height: 30px
}

.balance .bt_zoom_on:hover {
	background: url(../images/currentusage/icon_zoom_on.png) bottom center
		no-repeat;
	width: 100%;
	height: 30px;
	cursor: pointer
}

.balance .bt_zoom {
	background: url(../images/currentusage/icon_zoom.png) top center
		no-repeat;
	width: 100%;
	height: 30px
}

.balance .bt_zoom:hover {
	background: url(../images/currentusage/icon_zoom.png) bottom center
		no-repeat;
	width: 100%;
	height: 30px;
	cursor: pointer
}

@media only screen and (max-width:30em) {
	.balance .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 90%;
		height: 180px;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
}

.content_scroll {
	overflow-y: hidden;
	overflow-x: auto
}

.content_scroll table {
	min-width: 500px;
	width: 100%
}

.table_body_center {
	background-color: #FFF
}

.table_body_center td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.3em;
	min-height: 40px;
	display: table-cell
}

.table_body_left {
	background-color: #FFF
}

.table_body_left td {
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.3em;
	line-height: 1.4em;
	min-height: 30px
}

.table_body_left td:first-child {
	padding-left: 20px
}

.table_body_left td:last-child {
	padding-right: 20px
}

.table_body_center .date_start, .table_body_left .date_start {
	display: block;
	font-size: 1.1em;
	font-family: db_helvethaicaais_x65_med;
	line-height: 1em
}

.table_middle {
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	text-align: center
}

.table_middle_content {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.charge_login_box {
	margin-bottom: 30px;
	height: 400px;
	background-color: #d59838;
	font-size: 1.2em;
	line-height: 1.1em;
	color: #FFF
}

.panel5 {
	margin-left: 5px;
	margin-right: 5px
}

.charge_login_head {
	font-size: 2em;
	line-height: 2em;
	margin-bottom: -10px
}

.charge_login_body {
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 10px
}

.charge_login_input {
	height: 42px;
	background: url(../images/currentchage/login_input_icon.png) no-repeat
		right top #FFF
}

.charge_login_input input {
	width: 100%;
	height: 42px;
	padding-right: 42px;
	text-indent: 10px;
	font-size: 1.4em;
	line-height: 1.6;
	background: 0 0;
	border: none
}

.charge_login_button {
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	height: 42px
}

.balance .tab_gray_t1 {
	background-color: #91a1ab;
	cursor: pointer
}

.balance .ic_up {
	background-image: url(../images/balance/ic_up.png);
	background-repeat: no-repeat;
	background-position: right center
}

.payment .package-select select {
	background: 0 0;
	width: 115%;
	height: 40px;
	padding: 5px 17px 5px 5px;
	font-size: 1.4em;
	line-height: 1.6em;
	border: none;
	color: #5F5045;
	font-family: db_helvethaicaais_x55_regular
}

.payment .package-select {
	width: 100%;
	height: 40px;
	overflow: hidden;
	background: url(../images/package_change_step1/ic_down.png) right
		no-repeat #FFF;
	border: none
}

.payment .tab_pack {
	padding: 15px 30px;
	background-color: #FBFBFD;
	font-size: 1.4em
}

.payment .table_head_left_first {
	background-color: #E6E9EE;
	min-height: 40px
}

.payment .table_head_left_first td {
	text-align: center;
	padding: 15px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 40px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.payment .table_head_left_first td:first-child {
	padding-left: 20px;
	text-align: left
}

.payment .table_body_left_first {
	background-color: #fff
}

.payment .table_body_left_first td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.payment .table_body_left_first td:first-child {
	padding-left: 20px;
	text-align: left
}

.payment .table_head_center {
	background-color: #E6E9EE;
	min-height: 40px
}

.payment .table_head_center td {
	text-align: center;
	padding: 15px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.5em;
	line-height: 1.4;
	min-height: 40px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.payment .table_body_center {
	background-color: #fff
}

.payment .table_body_center td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.payment .table_head_left {
	background-color: #E6E9EE
}

.payment .table_head_left td, .table_top_left td:first-child,
	.table_top_left td:last-child {
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 40px
}

.payment .table_head_left td:first-child {
	padding-left: 20px
}

.payment .table_head_left td:last-child {
	padding-right: 20px
}

.payment .table_body_left {
	background-color: #FFF
}

.payment .table_body_left td, .table_top_left td:first-child,
	.table_top_left td:last-child {
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 30px
}

.payment .table_body_left td:first-child {
	padding-left: 20px
}

.payment .table_body_left td:last-child {
	padding-right: 20px
}

.payment #bt_otp {
	margin-top: 3px;
	margin-left: 0;
	float: left;
	margin-bottom: 0
}

.payment .box_step_txt {
	height: 44px
}

.payment .box_step_none_grey {
	height: 44px;
	background: url(../images/line_none_grey.png) no-repeat center
}

.payment .box_step_none_green {
	height: 44px;
	background: url(../images/billing/line_none_green.png) no-repeat center
}

.payment .box_step_grey_grey {
	height: 44px;
	background: url(../images/line_grey_grey.png) no-repeat center
}

.payment .box_step_green_green {
	height: 44px;
	background: url(../images/billing/line_green_green.png) no-repeat center
}

.payment .box_step_green_grey {
	height: 44px;
	background: url(../images/billing/line_green_grey.png) no-repeat center
}

.payment .box_step_grey_none {
	height: 44px;
	background: url(../images/line_grey_none.png) no-repeat center
}

.payment .box_step_green_none {
	height: 44px;
	background: url(../images/billing/line_green_none.png) no-repeat center
}

@media screen and (min-width:60.063em) {
	.payment .font_step {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.payment .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.payment .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.payment #center_box {
		background: url(../images/pink_2tone_cen.png) no-repeat center;
		height: 80px
	}
	.payment #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.payment #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.payment .tab_pack {
		padding: 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.4em;
		line-height: 1.4em
	}
	.payment .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
	.payment .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 320px
	}
	.payment .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.payment .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.payment .st1_mpay_body {
		font-size: 1.5em;
		line-height: 1.4em
	}
	.payment .st2_mpay_body {
		font-size: 1.4em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 50%;
		float: left
	}
	.payment .st2_mpay_fill_box {
		width: 35%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.payment .st2_mpay_exam {
		font-size: 1.4em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 15%;
		float: left
	}
	.payment .st2_mpay_note {
		font-size: 1.4em;
		line-height: 1.5em;
		padding: 5px 0;
		width: 50%;
		float: left;
		margin-left: 50%
	}
	.payment .st3_mpay_box_detail {
		width: 100%;
		height: 40px;
		border-bottom: solid 1px #e5e5e5;
		background-color: #FFF
	}
	.payment .st3_mpay_detail1 {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 8px 40px;
		width: 37%;
		float: left
	}
	.payment .st3_mpay_detail2 {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 8px 40px;
		width: 40%;
		float: left
	}
	.payment .st3_mpay_head {
		width: 100%;
		color: #FFF;
		padding: 0 30px;
		background: url(../images/billing/st3mpay_ic1.png) 5px 5px no-repeat
	}
	.payment .st3_mpay_otp {
		width: 40%;
		height: 40px;
		background-color: #FFF;
		padding: 5px 10px;
		float: left;
		margin-left: 0;
		margin-bottom: 0
	}
	.payment .st4_mpay_head {
		font-size: 2em;
		line-height: 1.4em
	}
	.payment .st4_mpay_body {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.payment .st4_mpay_bu1 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 55px;
		background: url(../images/billing/st4mpay_ic3.png) no-repeat
	}
	.payment .st4_mpay_bu2 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 55px;
		background: url(../images/billing/st4mpay_ic4.png) no-repeat
	}
	.payment .st4_mpay_bu3 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 55px;
		background: url(../images/billing/st4mpay_ic5.png) no-repeat
	}
}

@media screen and (max-width:60em) {
	.payment .font_step {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.payment .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.payment .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.payment #center_box {
		background: url(../images/pink_2tone_cen.png) no-repeat center;
		height: 80px
	}
	.payment #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-left: 20px
	}
	.payment #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px
	}
	.payment .tab_pack {
		padding: 15px 50px 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.4em;
		line-height: 1.4em
	}
	.payment .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
	.payment .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 220px
	}
	.payment .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.payment .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.payment .st1_mpay_body {
		font-size: 1.5em;
		line-height: 1.4em
	}
	.payment .st2_mpay_body {
		font-size: 1.4em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 50%;
		float: left
	}
	.payment .st2_mpay_fill_box {
		width: 35%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.payment .st2_mpay_exam {
		font-size: 1.4em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 15%;
		float: left
	}
	.payment .st2_mpay_note {
		font-size: 1.4em;
		line-height: 1.5em;
		padding: 5px 0;
		width: 35%;
		float: left;
		margin-left: 50%
	}
	.payment .st3_mpay_box_detail {
		width: 100%;
		height: 40px;
		border-bottom: solid 1px #e5e5e5;
		background-color: #FFF
	}
	.payment .st3_mpay_detail1 {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 8px 40px;
		width: 45%;
		float: left
	}
	.payment .st3_mpay_detail2 {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 8px 40px;
		width: 55%;
		float: left
	}
	.payment .st3_mpay_head {
		width: 100%;
		color: #FFF;
		padding: 0 10px 0 30px;
		background: url(../images/billing/st3mpay_ic1.png) 5px 5px no-repeat
	}
	.payment .st3_mpay_otp {
		width: 40%;
		height: 40px;
		background-color: #FFF;
		padding: 5px 10px;
		float: left;
		margin-left: 0;
		margin-bottom: 0
	}
	.payment .st4_mpay_head {
		font-size: 2em;
		line-height: 1.4em
	}
	.payment .st4_mpay_body {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.payment .st4_mpay_bu1 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 55px;
		background: url(../images/billing/st4mpay_ic3.png) no-repeat
	}
	.payment .st4_mpay_bu2 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 55px;
		background: url(../images/billing/st4mpay_ic4.png) no-repeat
	}
	.payment .st4_mpay_bu3 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 55px;
		background: url(../images/billing/st4mpay_ic5.png) no-repeat
	}
}

@media only screen and (max-width:30em) {
	.payment .font_step {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.payment .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.payment .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.payment #center_box {
		background: url(../images/pink_2tone_cen2.png) no-repeat center;
		height: 35px
	}
	.payment #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.payment #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.payment .tab_pack {
		padding: 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.4em;
		line-height: 1.4em
	}
	.payment .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 100%;
		height: 180px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
	.payment .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 210px
	}
	.payment .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.payment .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.payment .st1_mpay_body {
		font-size: 1.5em;
		line-height: 1.4em
	}
	.payment .st2_mpay_body {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0;
		width: 100%;
		float: left
	}
	.payment .st2_mpay_fill_box {
		width: 100%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.payment .st2_mpay_exam {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
	.payment .st2_mpay_note {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0;
		width: 100%;
		float: left;
		margin-left: 0
	}
	.payment .st3_mpay_box_detail {
		width: 100%;
		height: 65px;
		border-bottom: solid 1px #e5e5e5;
		background-color: #FFF
	}
	.payment .st3_mpay_detail1 {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 5px 40px;
		width: 100%;
		float: left
	}
	.payment .st3_mpay_detail2 {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0 40px;
		width: 100%;
		float: left
	}
	.payment .st3_mpay_head {
		width: 100%;
		color: #FFF;
		padding: 0 10px 0 30px;
		background: url(../images/billing/st3mpay_ic1.png) 5px 5px no-repeat
	}
	.payment .st3_mpay_otp {
		width: 85%;
		height: 40px;
		background-color: #FFF;
		padding: 5px 10px;
		float: left;
		margin-left: 20px;
		margin-bottom: 15px
	}
	.payment .st4_mpay_head {
		font-size: 2em;
		line-height: 1.4em
	}
	.payment .st4_mpay_body {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.payment .st4_mpay_bu1 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 15px 0 55px;
		background: url(../images/billing/st4mpay_ic3.png) no-repeat
	}
	.payment .st4_mpay_bu2 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 15px 0 55px;
		background: url(../images/billing/st4mpay_ic4.png) no-repeat
	}
	.payment .st4_mpay_bu3 {
		height: auto;
		min-height: 55px;
		color: #FFF;
		padding: 0 15px 0 55px;
		background: url(../images/billing/st4mpay_ic5.png) no-repeat
	}
	.payment #bt_otp {
		margin-top: 3px;
		margin-left: 20px;
		float: left;
		margin-bottom: 10px
	}
	.payment .package-select select {
		background: 0 0;
		width: 115%;
		height: 40px;
		padding: 5px 35px 5px 5px;
		font-size: 1.6em;
		line-height: 1.6em;
		border: none;
		color: #5F5045;
		font-family: db_helvethaicaais_x55_regular
	}
	.payment .package-select {
		width: 100%;
		height: 40px;
		overflow: hidden;
		background: url(../images/package_change_step1/ic_down.png) right
			no-repeat #FFF;
		border: none
	}
}

@media only screen and (min-width:30.1em) and (max-width:40.2em) {
	.payment .st2_mpay_body {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
	.payment .st2_mpay_fill_box {
		width: 70%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.payment .st2_mpay_exam {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 25%;
		float: left
	}
	.payment .st2_mpay_note {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
	.payment .st3_mpay_box_detail {
		width: 100%;
		height: 40px;
		border-bottom: solid 1px #e5e5e5;
		background-color: #FFF
	}
	.payment .st3_mpay_detail1, .payment .st3_mpay_detail2 {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 8px 20px;
		width: 50%;
		float: left
	}
	.payment .st3_mpay_head {
		width: 100%;
		color: #FFF;
		padding: 0 0 0 30px;
		background: url(../images/billing/st3mpay_ic1.png) 5px 5px no-repeat
	}
	.payment .st3_mpay_otp {
		width: 70%;
		height: 40px;
		background-color: #FFF;
		padding: 5px 10px;
		float: left;
		margin-left: 0;
		margin-bottom: 0
	}
}

.payment .radio-brown-color, .payment .radio-green-color-1, .payment .radio-green-color-2
	{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/balance/radio-c3.png);
	background-repeat: no-repeat;
	background-size: 24px 48px;
	background-position: 0 0;
	vertical-align: top;
	margin-right: 15px;
	cursor: pointer
}

.payment .radio-green-color-1 {
	background-image: url(../images/balance/radio-c1.png)
}

.payment .radio-green-color-2 {
	background-image: url(../images/balance/radio-c2.png)
}

.payment .radio-brown-color.active, .payment .radio-green-color-1.active,
	.payment .radio-green-color-2.active {
	background-position: 0 -24px;
	cursor: default
}

.payment .checkbox-green-color {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/balance/checkbox-c1.png);
	background-repeat: no-repeat;
	background-size: 24px 48px;
	background-position: 0 0;
	margin-top: 5px;
	cursor: pointer
}

.payment .checkbox-green-color.active {
	background-position: 0 -24px
}

.payment .calendar-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/balance/calendar.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 0 0;
	cursor: pointer;
	line-height: 1;
	margin: 0 10px 0 0
}

.payment .default-font {
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.6em;
	line-height: 1.5
}

.payment .option-pane .tr-begin-section td {
	padding-top: 25px
}

.payment .service_fill_box {
	background-color: #FFF;
	padding: 2px 10px;
	border: solid 2px #e7e7e7
}

.payment .smaller_input .service_fill_box {
	width: 120px
}

.payment .mpay-select {
	width: 100%;
	height: 30px;
	overflow: hidden;
	background: url(../images/your_information/ic_down.png) right no-repeat;
	border: none
}

.payment .mpay-select select {
	background: 0 0;
	width: 130%;
	height: 30px;
	font-size: 1em;
	line-height: 1;
	border: none;
	color: #463637;
	font-family: db_helvethaicaais_x55_regular
}

.payment .smaller_input .bt_color_green_t1 {
	font-size: 1em
}

.payment .bt_color_white {
	font-size: .8em;
	color: #03a3a9;
	background-color: #fff;
	border-radius: 5px;
	padding: .3em 1.8em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.payment .bt_color_white:hover {
	background-color: #b7ddd7
}

.payment .color_brown1 {
	color: #fff
}

.payment .color_gray1 {
	background-color: #f4f4f4
}

.payment .larger_font {
	font-size: 1.5em !important
}

.payment .smaller_font {
	font-size: 1.3em !important
}

.payment .title-arrow {
	background-image: url(../images/balance/title-arrow.png);
	background-repeat: no-repeat;
	background-size: 392px 100%;
	min-height: 64px;
	background-position: 120% top
}

.payment .tab_b_bottom td {
	border-bottom: #e5e5e5 solid 1px
}

.payment .tab_gap_10 td {
	padding: 10px 0
}

.payment textarea {
	margin: 0 8px;
	background-color: #FFF;
	padding: 2px 10px;
	border: solid 2px #e7e7e7;
	border-radius: 5px
}

.payment .tab_green_t3 {
	cursor: default
}

.payment .tab_gray_t1 {
	background-color: #91a1ab;
	cursor: pointer
}

.e-statement .box_padding25 {
	padding: 25px
}

.e-statement .colum_head {
	color: #FFF;
	font-size: 1.7em;
	line-height: 120%;
	font-family: db_helvethaicaais_x65_med
}

.e-statement .colum_text {
	color: #FFF;
	font-size: 1.5em;
	line-height: 120%
}

.e-statement #box1, .e-statement #box2, .e-statement #box3 {
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5
}

.e-statement #box4 {
	border-bottom: solid 1px #e5e5e5
}

.e-statement .boxright1 {
	background-color: #17d1aa;
	color: #FFF;
	border-bottom: solid 1px;
	padding: 3em 0 3em 2.5em
}

.e-statement .boxright1 .head {
	font-size: 2.8em;
	line-height: 1.5em
}

.e-statement .boxright1 .detail {
	font-size: 1.8em
}

.e-statement .boxright2 {
	background-color: #17d1aa;
	color: #FFF;
	border-bottom: solid 1px;
	padding: 0 0 0 1em
}

.e-statement .classleft {
	float: left;
	clear: none
}

.e-statement #booking, .e-statement .border_right_brown {
	border-right: solid 1px #614f45
}

.e-statement #estatement_banner_head {
	font-size: 2.6em;
	line-height: 1.1em;
	margin: 20px 5px 20px 0;
	font-family: db_helvethaicaais_x65_med;
	color: #74a434
}

.e-statement #estatement_banner_detail {
	font-size: 2em;
	line-height: 1.4em;
	margin: 20px 5px 20px 0
}

.e-statement #banner1 {
	display: block
}

.e-statement #banner2 {
	margin-top: 50px
}

.e-statement #banner3 {
	display: none
}

.e-statement .e-statement-term ol {
	font-size: 1em
}

@media screen and (max-width:60em) {
	.e-statement .boxright2 {
		background-color: #17d1aa;
		color: #FFF;
		border-bottom: solid 1px;
		padding: 0 0 0 1em
	}
	.e-statement #banner1 {
		display: none
	}
	.e-statement #banner2 {
		margin-top: 20px
	}
	.e-statement #banner3 {
		display: none
	}
}

@media only screen and (max-width:30em) {
	.e-statement .boxright1 {
		background-color: #17d1aa;
		color: #FFF;
		border-bottom: solid 1px;
		padding: 2em 1.5em
	}
	.e-statement .boxright1 .head {
		font-size: 2.4em;
		line-height: 1.5em
	}
	.e-statement .boxright1 .detail {
		font-size: 1.8em
	}
	.e-statement .boxright2 {
		background-color: #17d1aa;
		color: #FFF;
		border-bottom: solid 1px;
		padding: 0 0 0 1em
	}
	.e-statement #booking, .e-statement #box2 {
		border-right: 0
	}
	.e-statement #banner1 {
		display: none
	}
	.e-statement #banner2 {
		margin-top: 10px
	}
	.e-statement #banner3 {
		display: block
	}
}

.e-statement #icon1 {
	background-color: #e6e9ee;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px
}

.e-statement input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

.e-statement input[type=checkbox].css-checkbox+label.css-label {
	padding-left: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer
}

.e-statement input[type=checkbox].css-checkbox:checked+label.css-label {
	background-position: 0 -23px
}

.e-statement .css-label {
	background-image: url(../images/ic_check_all.png)
}

.e-statement .package-select select {
	background: 0 0;
	width: 115%;
	height: 40px;
	padding: 5px 10px;
	font-size: 1.6em;
	line-height: 1.6em;
	border: none;
	color: #5F5045;
	font-family: db_helvethaicaais_x55_regular
}

.e-statement .package-select {
	width: 100%;
	height: 40px;
	overflow: hidden;
	background: url(../images/package_change_step1/ic_down.png) right
		no-repeat #FFF;
	border: none
}

.e-statement .tab_pack {
	padding: 15px 30px;
	background-color: #FBFBFD;
	font-size: 1.4em
}

@media screen and (min-width:60.063em) {
	.e-statement .font_step {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.e-statement .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.e-statement .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.e-statement #center_box {
		background: url(../images/orange_2tone_cen.png) no-repeat center;
		height: 80px
	}
	.e-statement #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.e-statement #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.e-statement .tab_pack {
		padding: 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.4em;
		line-height: 1.4em
	}
	.e-statement .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
	.e-statement .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 320px
	}
	.e-statement .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.e-statement .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.e-statement .st1_mpay_body {
		font-size: 1.5em;
		line-height: 1.4em
	}
	.e-statement .st2_mpay_body {
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 50%;
		float: left
	}
	.e-statement .st2_mpay_fill_box {
		width: 35%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.e-statement .st2_mpay_exam {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 15%;
		float: left
	}
	.e-statement .st2_mpay_note {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 80%;
		float: left
	}
}

@media screen and (max-width:60em) {
	.e-statement .font_step {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.e-statement .font_sub1 {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.e-statement .font_sub2 {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.e-statement #center_box {
		background: url(../images/orange_2tone_cen.png) no-repeat center;
		height: 80px
	}
	.e-statement #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-left: 20px
	}
	.e-statement #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px
	}
	.e-statement .tab_pack {
		padding: 15px 50px 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.8em;
		line-height: 1.4em
	}
	.e-statement .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
	.e-statement .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 220px
	}
	.e-statement .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.e-statement .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.e-statement .st1_mpay_body {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.e-statement .st2_mpay_body {
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 50%;
		float: left
	}
	.e-statement .st2_mpay_fill_box {
		width: 35%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.e-statement .st2_mpay_exam {
		font-size: 1.8em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 15%;
		float: left
	}
	.e-statement .st2_mpay_note {
		font-size: 1.8em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 80%;
		float: left
	}
}

@media only screen and (max-width:30em) {
	.e-statement .font_step {
		font-size: 2em;
		line-height: 1.4em
	}
	.e-statement .font_sub1 {
		font-size: 3em;
		line-height: 1.4em
	}
	.e-statement .font_sub2 {
		font-size: 2em;
		line-height: 1.4em
	}
	.e-statement #center_box {
		background: url(../images/orange_2tone_cen2.png) no-repeat center;
		height: 35px
	}
	.e-statement #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.e-statement #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.e-statement .tab_pack {
		padding: 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.8em;
		line-height: 1.4em
	}
	.e-statement .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 400px;
		height: 343px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
	.e-statement .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 210px
	}
	.e-statement .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.e-statement .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.e-statement .st1_mpay_body {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.e-statement .st2_mpay_body {
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 0;
		width: 100%;
		float: left
	}
	.e-statement .st2_mpay_fill_box {
		width: 100%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 5px 5px 20px
	}
	.e-statement .st2_mpay_exam {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 25%;
		float: left
	}
	.e-statement .st2_mpay_note {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
}

@media only screen and (min-width:30.1em) and (max-width:40.2em) {
	.e-statement .st2_mpay_body {
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 0;
		width: 100%;
		float: left
	}
	.e-statement .st2_mpay_fill_box {
		width: 70%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.e-statement .st2_mpay_exam {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 25%;
		float: left
	}
	.e-statement .st2_mpay_note {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
}

.privilege .box_green_t6 {
	background-color: #018287
}

.privilege .box_green_t6.curent, .privilege .box_green_t6:hover {
	background-color: #00a3a9
}

.privilege .box_padding25 {
	padding: 25px
}

.privilege .colum_head, .privilege .colum_head-tran {
	color: #FFF;
	font-size: 1.7em;
	line-height: 120%;
	font-family: db_helvethaicaais_x65_med
}

.privilege .colum_text {
	color: #FFF;
	font-size: 1.5em;
	line-height: 120%
}

.privilege #box1, .privilege #box2, .privilege #box3 {
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5
}

.privilege #box4 {
	border-bottom: solid 1px #e5e5e5
}

.privilege .more_detail {
	font-size: 1.4em
}

.privilege .more_detail:hover {
	font-size: 1.4em;
	text-decoration: underline
}

.privilege .boxright1 {
	background-color: #fb6e50;
	color: #FFF;
	border-bottom: solid 1px #fff;
	padding: 3em 0 3em 1.5em
}

.privilege .boxright2 {
	background-color: #fb6e50;
	color: #FFF;
	border-bottom: solid 1px;
	padding: 0 0 0 1em
}

.privilege .boxwifi1 {
	background-color: #fb6e50;
	color: #FFF;
	border-bottom: solid 1px #fff;
	padding: 4em 0 3em 2.5em
}

.privilege .boxwifi1 .text1 {
	font-size: 3em;
	margin-bottom: 20px;
	padding-right: 10px
}

.privilege .boxwifi1 .text2 {
	font-size: 1.8em;
	padding-right: 10px
}

.privilege .boxwifi2, .privilege .boxwifi3 {
	background-color: #fb6e50;
	color: #FFF;
	border-bottom: solid 1px;
	padding: 2.5em 5px 2.5em 1em
}

.privilege .boxwifi3 img {
	margin-top: 40px
}

.privilege .boxright1_head {
	font-size: 2.8em;
	line-height: 1.2;
	font-family: db_helvethaicaais_x65_med
}

.privilege .boxright1_text {
	font-size: 1.8em;
	line-height: 1.2
}

.privilege .boxright2_eais {
	border-bottom: solid 1px #FFF;
	padding: 20px 0
}

.privilege .free_head {
	font-size: 3em;
	line-height: 1.2;
	font-family: db_helvethaicaais_x65_med;
	display: table;
	color: #FFF;
	padding: 10px
}

.privilege .free_text {
	font-size: 1.6em;
	line-height: 1.2;
	display: table;
	color: #FFF;
	padding: 10px 5px
}

.privilege .free_img {
	padding: 10px 5px
}

.privilege .boxwifi_head {
	font-size: 2.4em;
	line-height: 1.2;
	font-family: db_helvethaicaais_x65_med
}

.privilege .boxwifi_detail {
	font-size: 1.6em;
	line-height: 1.4
}

.privilege .classleft {
	float: left;
	clear: none
}

.privilege #booking, .privilege .border_right_brown {
	border-right: solid 1px #614f45
}

.privilege .vmiddle {
	display: inline-block;
	vertical-align: middle;
	line-height: normal
}

.privilege input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

.privilege input[type=checkbox].css-checkbox+label.css-label {
	padding-left: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer
}

.privilege input[type=checkbox].css-checkbox:checked+label.css-label {
	background-position: 0 -23px
}

.privilege .css-label {
	background-image: url(../images/privilege/checkbox.png)
}

.privilege .Center-Container {
	position: relative
}

.privilege .Absolute-Center {
	height: 50%;
	overflow: hidden;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.privilege .campaign-name:hover {
	color: #acc42a
}

.privilege .bt_popup {
	font-size: 1.5em;
	color: #FFF;
	background-color: #614F45;
	border-radius: 5px;
	padding: .3em 1.6em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.privilege .bt_popup:hover {
	background-color: #CADB2F
}

.privilege #popup_head {
	font-size: 1.6em;
	line-height: 1.3em;
	padding-top: 100px;
	color: #fff;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.privilege #popup_detail {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #463738;
	text-align: center
}

@media screen and (max-width:64em) {
	.privilege .boxright1 {
		background-color: #fb6e50;
		color: #FFF;
		border-bottom: solid 1px #fff;
		padding: 1.5em 0 1.5em 1em
	}
	.privilege .boxright1_head {
		font-size: 2.6em;
		line-height: 1.2;
		font-family: db_helvethaicaais_x65_med
	}
	.privilege .boxright1_text {
		font-size: 1.6em;
		line-height: 1.2
	}
	.privilege .boxright2_eais {
		border-bottom: solid 1px #FFF;
		padding: 20px 0
	}
	.privilege .free_head {
		font-size: 2.5em;
		line-height: 1.2;
		font-family: db_helvethaicaais_x65_med;
		display: table;
		color: #FFF;
		padding: 10px
	}
	.privilege .free_text {
		font-size: 1.4em;
		line-height: 1.2;
		display: table;
		color: #FFF;
		padding: 10px 5px
	}
	.privilege .free_img {
		padding: 10px 5px
	}
}

@media screen and (max-width:60em) {
	.privilege .boxright2 {
		background-color: #fb6e50;
		color: #FFF;
		border-bottom: solid 1px;
		padding: 0 0 0 1em
	}
	.privilege #banner_eais1 {
		padding-top: 30px
	}
	.privilege #banner_wifi1 {
		padding-top: 70px
	}
	.privilege .boxwifi1 {
		background-color: #fb6e50;
		color: #FFF;
		border-bottom: solid 1px #fff;
		padding: 2.5em 0 2.5em 2.5em
	}
	.privilege .boxwifi2 {
		background-color: #fb6e50;
		color: #FFF;
		border-bottom: solid 1px;
		padding: 2.5em 0 2.5em 1.5em
	}
	.privilege .boxwifi3 img {
		margin-top: 0
	}
	.privilege .boxright1 {
		background-color: #fb6e50;
		color: #FFF;
		border-bottom: solid 1px #fff;
		padding: 1.5em 0 1.5em 1em
	}
	.privilege .boxright1_head {
		font-size: 2.4em;
		line-height: 1.2;
		font-family: db_helvethaicaais_x65_med
	}
	.privilege .boxright1_text {
		font-size: 1.5em;
		line-height: 1.2
	}
	.privilege .boxright2_eais {
		border-bottom: solid 1px #FFF;
		padding: 10px 0
	}
	.privilege .free_head {
		font-size: 3em;
		line-height: 1.2;
		font-family: db_helvethaicaais_x65_med;
		display: table;
		color: #FFF;
		padding: 5px 10px
	}
	.privilege .free_img {
		padding: 5px
	}
	.privilege .free_text {
		font-size: 1.6em;
		line-height: 1.2;
		display: table;
		color: #FFF;
		padding: 5px;
		margin-top: 5px
	}
}

@media only screen and (max-width:30em) {
	.privilege .boxwifi1 {
		background-color: #fb6e50;
		color: #FFF;
		border-bottom: solid 1px #fff;
		padding: 4em 0 3em 2.5em
	}
	.privilege .boxwifi1 .text1 {
		font-size: 2.5em;
		margin-bottom: 15px
	}
	.privilege .boxwifi1 .text2 {
		font-size: 1.6em
	}
	.privilege .boxwifi_head {
		font-size: 2em;
		line-height: 1.2;
		font-family: db_helvethaicaais_x65_med
	}
	.privilege .boxwifi_detail {
		font-size: 1.4em;
		line-height: 1.4
	}
	.privilege .boxright2 {
		background-color: #fb6e50;
		color: #FFF;
		border-bottom: solid 1px;
		padding: 0 0 0 1em
	}
	.privilege #booking, .privilege #box2 {
		border-right: 0
	}
	.privilege #banner_eais1, .privilege #banner_wifi1 {
		padding-top: 0
	}
	.privilege .boxwifi3 img {
		margin-top: 20px
	}
	.privilege .section_head {
		font-size: 1.8em;
		line-height: 1.4em;
		color: #74ac36;
		font-family: db_helvethaicaais_x65_med
	}
	.privilege .boxright2_eais {
		border-bottom: solid 1px #FFF;
		padding: 10px 0
	}
	.privilege .free_head {
		font-size: 3em;
		line-height: 1.2;
		font-family: db_helvethaicaais_x65_med;
		display: table;
		color: #FFF;
		padding: 5px 10px
	}
	.privilege .free_img {
		padding: 5px
	}
	.privilege .free_text {
		font-size: 1.6em;
		line-height: 1.2;
		display: table;
		color: #FFF;
		padding: 5px;
		margin-top: 0
	}
}

@media only screen and (max-width:29em) {
	.privilege .section_head {
		font-size: 1.5em;
		line-height: 1.4em;
		color: #74ac36;
		font-family: db_helvethaicaais_x65_med
	}
	.privilege .colum_head-tran {
		color: #FFF;
		font-size: 1.2em;
		line-height: 170%;
		font-family: db_helvethaicaais_x65_med
	}
	.privilege .boxright2_eais {
		border-bottom: solid 1px #FFF;
		padding: 10px 0
	}
	.privilege .free_head {
		font-size: 2.5em;
		line-height: 1.2;
		font-family: db_helvethaicaais_x65_med;
		display: table;
		color: #FFF;
		padding: 5px 10px;
		margin-top: 5px
	}
	.privilege .free_img {
		padding: 5px
	}
	.privilege .free_text {
		font-size: 1.6em;
		line-height: 1.2;
		display: table;
		color: #FFF;
		padding: 5px;
		margin-top: 0
	}
}

.services .tab_split .tab_1, .services .tab_split .tab_2 {
	height: 60px
}

.services .tab_title {
	font-size: 1.5em;
	line-height: 4em;
	margin-left: 20px
}

.services .tab_split .tab_1 {
	color: #fff;
	background: url(../images/service/tab-violet-center.png) #9547a8
		no-repeat;
	background-position: right
}

.services .tab_split .package-select {
	margin-bottom: 0;
	max-width: 300px;
	margin-top: 5px
}

.services .controls_split {
	border-left: 1px solid #ccc;
	padding-left: 50px;
	min-height: 100px
}

.services .icon-sms {
	background-image: url(../images/service/icon-sms.png);
	background-size: 30px 20px;
	background-repeat: no-repeat;
	width: 40px;
	height: 20px;
	display: inline-block;
	vertical-align: middle
}

.services #condition_detail2, .services #data2 {
	display: none
}

.services #servcie_tab1_on {
	background: url(../images/service/sms_on.png) 18px 4px no-repeat;
	background-color: #b253bf
}

.services #servcie_tab2_on {
	background: url(../images/service/mms_on.png) 18px 4px no-repeat;
	background-color: #b253bf
}

.services .bt_sms {
	background: url(../images/service/sms_on.png) 10px 3px no-repeat;
	background-color: #007f76;
	color: #FFF;
	font-size: 1.6em;
	border-radius: 5px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	width: 100%;
	text-align: center
}

.services .bt_sms:hover {
	background: url(../images/service/sms_on.png) 10px 3px no-repeat;
	background-color: #007f76;
	color: #FFF
}

.services .bt_mms {
	background: url(../images/service/mms_off.png) 10px 3px no-repeat;
	color: #614f45;
	background-color: #d1d1d1;
	font-size: 1.6em;
	border-radius: 5px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	width: 100%;
	text-align: center
}

.services .bt_mms:hover {
	background: url(../images/service/mms_on.png) 10px 3px no-repeat;
	background-color: #007f76;
	color: #FFF
}

.services #icon1 {
	background-color: #e6e9ee;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px
}

.services .mpay_input {
	width: 100%;
	font-size: 1em;
	color: #48363A
}

.services .service_fill_box {
	width: 95%;
	background-color: #F4F4F4;
	padding: 2px 10px;
	margin-bottom: 5px
}

.services .service_fill_box2 {
	width: 97%;
	background-color: #F4F4F4;
	padding: 3px 10px;
	margin-bottom: 5px
}

.services .service_fill_list {
	width: 20%;
	background-color: #F4F4F4;
	margin-bottom: 15px
}

.services .service_fill_listtime {
	width: 20%;
	background-color: #F4F4F4;
	padding: 5px;
	margin-bottom: 15px
}

.services .service_body {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 5px 10px
}

.services .service_body2 {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 0
}

.services .td_time {
	width: 20%
}

.services .td_time2 {
	width: 65%
}

.services .td_tel {
	width: 20%
}

.services .service_list {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 4px 0;
	width: 60px
}

.services .service_list_detail {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 5px;
	width: 60px;
	background-color: #06C;
	text-align: right
}

.services input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

.services input[type=checkbox].css-checkbox+label.css-label {
	padding-left: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer
}

.services input[type=checkbox].css-checkbox:checked+label.css-label {
	background-position: 0 -23px
}

.services .css-label {
	background-image: url(../images/service/ic_check_all.png)
}

.services .package-select select {
	background: 0 0;
	width: 115%;
	height: 35px;
	padding: 5px 10px;
	font-size: 1.4em;
	line-height: 1.6em;
	border: none;
	color: #5F5045;
	font-family: db_helvethaicaais_x55_regular
}

.services .package-select {
	width: 120%;
	height: 35px;
	overflow: hidden;
	background: url(../images/package_change_step1/ic_down.png) right
		no-repeat #FFF;
	border: none
}

.services .mpay-select select {
	background: 0 0;
	width: 130%;
	height: 30px;
	font-size: 1.4em;
	line-height: 1.6em;
	border: none;
	color: #463637;
	font-family: db_helvethaicaais_x55_regular
}

.services .tab_pack {
	padding: 15px 30px;
	background-color: #FBFBFD;
	font-size: 1.4em
}

.services .premier-league-package {
	background: #fff;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU3ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(to bottom, #fff 0, #fff 56%, #e6e7e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#e6e7e8', GradientType=0);
	box-shadow: 0 0 13px 3px #e6e5e5;
	border-radius: 20px;
	border: 1px solid #e6e5e5
}

@media screen and (min-width:60.063em) {
	.services .font_step {
		font-size: 1.6em;
		line-height: 1.4em
	}
	.services .font_sub1 {
		font-size: 2.2em;
		line-height: 1.4em
	}
	.services .font_sub2 {
		font-size: 1.4em;
		line-height: 1.4em
	}
	.services #center_box {
		background: url(../images/orange_2tone_cen.png) no-repeat center;
		height: 80px
	}
	.services #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.services #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px
	}
	.services .tab_pack {
		padding: 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.4em;
		line-height: 1.4em
	}
	.services .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
	.services .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 320px
	}
	.services .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.services .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.services .st1_mpay_body {
		font-size: 1.5em;
		line-height: 1.4em
	}
	.services .st2_mpay_body {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 50%;
		float: left
	}
	.services .st2_mpay_fill_box {
		width: 35%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.services .st2_mpay_exam {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 15%;
		float: left
	}
	.services .st2_mpay_note {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 80%;
		float: left
	}
	.services .service_fill_list {
		width: 100%;
		background-color: #F4F4F4;
		padding: 0 5px
	}
	.services .service_fill_listtime {
		width: 20%;
		background-color: #F4F4F4;
		padding: 5px;
		margin-bottom: 15px;
		margin-left: 100px
	}
}

@media screen and (max-width:60em) {
	.services .font_step {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.services .font_sub1 {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.services .font_sub2 {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.services #center_box {
		background: url(../images/orange_2tone_cen.png) no-repeat center;
		height: 80px
	}
	.services #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-left: 20px
	}
	.services #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px
	}
	.services .tab_pack {
		padding: 15px 50px 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.8em;
		line-height: 1.4em
	}
	.services .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
	.services .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 220px
	}
	.services .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.services .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.services .st1_mpay_body {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.services .st2_mpay_body {
		font-size: 1.8em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 50%;
		float: left
	}
	.services .st2_mpay_fill_box {
		width: 35%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.services .st2_mpay_exam {
		font-size: 1.8em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 15%;
		float: left
	}
	.services .st2_mpay_note {
		font-size: 1.8em;
		line-height: 1.5em;
		padding: 5px 20px;
		width: 80%;
		float: left
	}
	.services .service_fill_list {
		width: 90%;
		background-color: #F4F4F4;
		padding: 0 5px;
		margin-bottom: 15px
	}
	.services .service_fill_listtime {
		width: 80%;
		background-color: #09F;
		padding: 5px;
		margin-bottom: 15px
	}
	.services .service_list_detail {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 5px;
		width: 20px;
		background-color: #06C
	}
	.services .td_time {
		width: 30%
	}
	.services .td_time2 {
		width: 30%;
		background-color: #06F
	}
	.services .td_tel {
		width: 30%
	}
}

@media only screen and (max-width:30em) {
	.services .tab_title {
		margin-left: 0
	}
	.services .tab_split .tab_1 {
		background: url(../images/service/tab-violet-bottom.png) #9547a8
			no-repeat;
		background-position: bottom;
		background-size: 100% 20px
	}
	.services .tab_split {
		text-align: center
	}
	.services .controls_split {
		border-left: none;
		padding-left: 0
	}
	.services .font_step {
		font-size: 2em;
		line-height: 1.4em
	}
	.services .font_sub1 {
		font-size: 3em;
		line-height: 1.4em
	}
	.services .font_sub2 {
		font-size: 2em;
		line-height: 1.4em
	}
	.services #center_box {
		background: url(../images/orange_2tone_cen2.png) no-repeat center;
		height: 35px
	}
	.services #select_box1 {
		background: url(../images/package_change_step1/ic_select1.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.services #select_box2 {
		background: url(../images/package_change_step1/ic_select2.png) 0 4px
			no-repeat;
		height: 40px;
		padding-left: 44px;
		margin-right: 20px;
		margin-left: 20px
	}
	.services .tab_pack {
		padding: 15px 30px;
		background-color: #FBFBFD;
		font-size: 1.8em;
		line-height: 1.4em
	}
	.services .promotouch {
		position: absolute;
		z-index: 999;
		vertical-align: middle;
		width: 400px;
		height: 343px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
	.services .bill_st1_mpay {
		background: url(../images/billing/mpay_logo.gif) no-repeat center
			#E6E9EE;
		height: 210px
	}
	.services .st1_mpay_head {
		font-size: 2.6em;
		line-height: 1.4em
	}
	.services .st1_mpay_sub {
		font-size: 2em;
		line-height: 1.4em
	}
	.services .st1_mpay_body {
		font-size: 1.8em;
		line-height: 1.4em
	}
	.services .st2_mpay_body {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
	.services .st2_mpay_fill_box {
		width: 75%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.services .st2_mpay_exam {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 25%;
		float: left
	}
	.services .st2_mpay_note {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
	.services .service_fill_list {
		width: 80%;
		background-color: #F4F4F4;
		padding: 0 5px;
		margin-bottom: 15px
	}
	.services .service_fill_listtime {
		width: 80%;
		background-color: #F4F4F4;
		padding: 5px;
		margin-bottom: 15px
	}
	.services .service_fill_box {
		width: 100%;
		background-color: #F4F4F4;
		padding: 5px 20px;
		margin-bottom: 5px
	}
	.services .td_time {
		width: 40%
	}
	.services .td_time2 {
		width: 50%;
		background-color: #F0C
	}
	.services .td_tel {
		width: 30%
	}
	.services .service_list_detail {
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0;
		width: 20px;
		background-color: #06C
	}
}

@media only screen and (min-width:30.1em) and (max-width:40.2em) {
	.services .st2_mpay_body {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
	.services .st2_mpay_fill_box {
		width: 70%;
		background-color: #F4F4F4;
		float: left;
		padding: 5px 20px
	}
	.services .st2_mpay_exam {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 25%;
		float: left
	}
	.services .st2_mpay_note {
		font-size: 2em;
		line-height: 1.5em;
		padding: 0 20px;
		width: 100%;
		float: left
	}
}

@media only screen and (min-width:975px) and (max-width:1108px) {
	.services .service_fill_list {
		width: 90%;
		background-color: #F4F4F4;
		padding: 0 5px;
		margin-bottom: 15px
	}
	.services .service_fill_listtime {
		width: 33%;
		background-color: #F4F4F4;
		padding: 5px;
		margin-bottom: 15px
	}
	.services .td_time2 {
		width: 80%;
		background-color: #0C6
	}
}

.box_white {
	border-radius: 5px;
	overflow: hidden;
	background-color: #FFF
}

.list_thumb {
	margin-left: 20px;
	margin-right: 10px
}

.list_true {
	font-size: 1.4em;
	color: #614f45;
	margin-left: 20px
}

.box_head_detail {
	padding: 10px 20px;
	font-family: db_helvethaicaais_x65_med
}

#box_complete {
	border-radius: 5px;
	overflow: hidden;
	padding: 25px 10px 20px;
	color: #FFF
}

.myplan_input {
	border: 0;
	height: 3em;
	width: 100%;
	font-family: db_helvethaicaais_x55_regular;
	text-indent: 10px;
	color: #614f45
}

.myplan_input_right {
	border: 0;
	width: 100%;
	text-align: right;
	font-size: 1.8em;
	color: #614f45
}

.myplan_area_right {
	border: 0;
	width: 100%;
	font-size: 1.8em;
	color: #614f45;
	resize: none
}

.bg_white {
	background-color: #FFF;
	color: #333
}

.box_inner {
	padding: 15px 25px
}

#totalpize {
	text-align: right
}

.bgbaht {
	background: url(../images/my_superplan/icon_bath_w.png) 0 8px no-repeat;
	padding-left: 30px
}

.font_sub1 {
	font-size: 2.4em;
	line-height: normal
}

.font_sub2 {
	font-size: 1.6em;
	line-height: normal
}

.font_step {
	font-size: 1.4em;
	line-height: 1.2em
}

.pinkmiddle {
	min-height: 82px
}

.tab_pink {
	font-size: 1.6em;
	color: #FFF;
	background-color: #be487c;
	border-radius: 5px;
	padding: 1em;
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.tab_gray {
	font-size: 1.6em;
	background-color: #d1d1d1;
	border-radius: 5px;
	padding: 1em;
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.xtratalkrow1 {
	height: auto;
	min-height: 45px;
	line-height: 1.2;
	font-size: 1.5em;
	padding: 15px 10px;
	background-color: #e6e9ee;
	color: #614f45
}

.xtratalkrow1 span.col1 {
	padding-left: 10px;
	width: 55%
}

.xtratalkrow1 span.col2 {
	width: 30%
}

.xtratalkrow2 {
	height: auto;
	min-height: 45px;
	line-height: 1.2;
	font-size: 1.5em;
	padding: 15px 10px;
	border-bottom: solid 1px #f0f0f0
}

.xtratalkrow2 .col1 {
	width: 50%;
	float: left
}

.xtratalkrow2 .col2 {
	width: 50%;
	float: left;
	text-align: right;
	color: #74a434
}

.xtratalkrow2-center {
	height: auto;
	min-height: 35px;
	line-height: 1.2;
	font-size: 1.5em;
	padding: 8px 10px;
	border-bottom: solid 1px #f0f0f0;
	text-align: center
}

.xtratalkrow3 {
	height: auto;
	min-height: 45px;
	line-height: 1.2;
	font-size: 1.5em;
	padding: 15px 10px
}

.xtratalkrow3 .col1 {
	width: 50%;
	float: left
}

.xtratalkrow3 .col2 {
	width: 50%;
	float: left;
	text-align: right;
	color: #74a434
}

.xtratalkrow3-center {
	height: auto;
	line-height: 1.2;
	font-size: 1.5em;
	text-align: center;
	padding: 8px 10px
}

.xtratalkrow1.curent {
	background: url(../images/my_superplan/bg_check.png) right center
		no-repeat;
	color: #FFF
}

.xtratalk:hover .xtratalkrow1.curent {
	background: url(../images/my_superplan/bg_check.png) right center
		no-repeat;
	background-color: #0dcdc0;
	color: #FFF
}

.xtratalk {
	cursor: pointer
}

.xtratalk:hover .xtratalkrow1 {
	background: url(../images/my_superplan/bg_check_o.png) right center
		no-repeat;
	background-color: #0dcdc0;
	color: #FFF
}

td.white {
	background-color: #FFF;
	border-bottom: #e6e9ed 1px solid;
	height: 44px
}

input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

input[type=checkbox].css-checkbox+label.css-label {
	padding-left: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer
}

input[type=checkbox].css-checkbox:checked+label.css-label {
	background-position: 0 -23px
}

.css-label {
	background-image: url(../images/my_superplan/checkbox.png)
}

#data2, #netrow1de, #netrow1de_condition, #talkrow1de,
	#talkrow1de_condition, #talkrow2de, #talkrow2de_condition {
	display: none
}

.table_head_plan {
	background-color: #E6E9EE
}

.table_head_plan td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	display: table-cell;
	border-right: #FFF solid 1px
}

.table_head_plan td:last-child {
	border-right: 0
}

.table_body_plan {
	background-color: #fff
}

.table_body_plan td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.table_body_plan2left {
	background-color: #fff
}

.table_body_plan2left td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 45px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.table_body_plan2left td:nth-child(2) {
	text-align: left
}

.finish_box1 {
	height: 300px;
	margin-bottom: 10px
}

.ol14 {
	margin-left: 15px
}

.box_step_none_grey {
	height: 44px;
	background: url(../images/line_none_grey.png) no-repeat center
}

.box_step_none_green {
	height: 44px;
	background: url(../images/my_superplan/line_none_green.png) no-repeat
		center
}

.box_step_grey_grey {
	height: 44px;
	background: url(../images/line_grey_grey.png) no-repeat center
}

.box_step_green_green {
	height: 44px;
	background: url(../images/my_superplan/line_green_green.png) no-repeat
		center
}

.box_step_green_grey {
	height: 44px;
	background: url(../images/my_superplan/line_green_grey.png) no-repeat
		center
}

.box_step_grey_none {
	height: 44px;
	background: url(../images/line_grey_none.png) no-repeat center
}

.box_step_green_none {
	height: 44px;
	background: url(../images/my_superplan/line_green_none.png) no-repeat
		center
}

#superplan_boxright {
	width: 170px;
	height: 300px;
	position: fixed;
	right: 15px;
	top: 70px;
	z-index: 900;
	display: block
}

.bubble_close {
	background: url(../images/my_superplan/bubble_close.png) top no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: -30px;
	cursor: pointer
}

.bubble_close:hover {
	background: url(../images/my_superplan/bubble_close.png) bottom
		no-repeat
}

.promomark {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%
}

.promotouch_table {
	width: 100%;
	min-width: 600px
}

@media screen and (max-width:60em) {
	.promotouch {
		position: absolute;
		z-index: 99;
		vertical-align: middle;
		width: 90%;
		height: 180px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media screen and (max-width:30em) {
	.promotouch {
		position: absolute;
		z-index: 99;
		vertical-align: middle;
		width: 90%;
		height: 180px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
	#superplan_boxright {
		width: 0;
		height: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 0;
		display: none
	}
	.promotouch_table {
		width: 100%;
		min-width: 810px
	}
}

.balance-detail .bg_white {
	background-color: #fff;
	color: inherit
}

.balance-detail .detail-table a, .balance-detail a.underline {
	color: #acc42a;
	text-decoration: underline
}

.balance-detail .detail-table a:hover, .balance-detail a.underline:hover
	{
	color: #acc42a;
	text-decoration: none
}

.balance-detail .content_scroll {
	overflow-y: hidden;
	overflow-x: auto
}

.balance-detail .content_scroll table {
	min-width: 500px;
	width: 100%
}

.balance-detail .table_head_left_first {
	background-color: #E6E9EE;
	min-height: 40px
}

.balance-detail .table_head_left_first td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.5;
	display: table-cell;
	border-right: #FFF solid 0
}

.balance-detail .table_head_left_first td:first-child {
	padding-left: 20px;
	text-align: left;
	border-right: #FFF solid 0
}

.balance-detail .table_body_left_first {
	background-color: #fff
}

.balance-detail .table_body_left_first td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 40px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.balance-detail .table_body_left_first td:first-child {
	padding-left: 20px;
	text-align: left
}

.balance-detail .table_body_left_first.smaller td {
	font-size: 1.2em;
	line-height: 1;
	padding: 5px;
	height: 28px
}

.balance-detail .table_top_center {
	background-color: #E6E9EE
}

.balance-detail .table_top_center td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	min-height: 40px;
	display: table-cell;
	border-right: #FFF solid 1px;
	font-size: 1.3em;
	line-height: 1.3em
}

.balance-detail .table_top_center td:last-child {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	min-height: 40px;
	line-height: 1.4;
	display: table-cell;
	border-right: #FFF solid 0
}

.balance-detail .table_top_left {
	background-color: #E6E9EE
}

.balance-detail .table_top_left td {
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	min-height: 40px
}

.balance-detail .table_top_left td:first-child {
	padding-left: 20px
}

.balance-detail .table_top_left td:last-child {
	padding-right: 20px
}

.balance-detail .table_body_center {
	background-color: #FFF
}

.balance-detail .table_body_center td {
	text-align: center;
	padding: 10px 5px;
	font-size: 1.4em;
	line-height: 1.4em;
	min-height: 40px;
	display: table-cell;
	border-bottom: solid #e6e9ed 1px;
	font-family: Tahoma, Geneva, sans-serif
}

.balance-detail .table_body_center.smaller td {
	padding: 5px;
	font-size: 1.3em;
	line-height: 1.3em;
	height: 28px
}

.balance-detail .table_body_center.smaller-content td {
	font-size: 1.2em;
	line-height: 1;
	padding: 5px;
	height: 28px
}

.balance-detail .table_no_border, .balance-detail .table_no_border td {
	border: none
}

.balance-detail .table_body_left {
	background-color: #FFF
}

.balance-detail .table_body_left td {
	text-align: left;
	padding: 10px 5px 10px 15px;
	font-size: 1.4em;
	line-height: 1.4;
	min-height: 30px;
	border-bottom: solid #e6e9ed 1px;
	font-family: Tahoma, Geneva, sans-serif
}

.balance-detail .table_body_left td:first-child {
	padding-left: 20px
}

.balance-detail .table_body_left td:last-child {
	padding-right: 20px
}

.balance-detail .promomark {
	overflow-x: auto;
	width: 100%
}

.balance-detail .promotouch {
	position: absolute;
	z-index: 99;
	vertical-align: middle;
	width: 815px;
	height: 230px;
	text-align: center;
	background: url(../images/package_change_step1/touch.png) center;
	display: none
}

.balance-detail .date_start {
	display: block;
	font-size: 1.1em;
	line-height: 1em;
	padding-bottom: 5px
}

.balance-detail .login_input {
	font-family: db_helvethaicaais_x55_regular;
	color: #614f45
}

.balance-detail .login_input.default {
	color: #CCC
}

.balance-detail .ul_body {
	list-style: none;
	margin: 0;
	padding-left: .2em
}

.balance-detail .ul_body li {
	padding-left: .9em;
	text-indent: -1.1em;
	padding-bottom: .4em
}

.balance-detail .ul_body li:before {
	content: "•";
	padding-right: 10px;
	color: #acc42a
}

.balance-detail .bill_price {
	font-size: 1.4em;
	line-height: 1em;
	vertical-align: middle
}

.balance-detail .bill_price b, .bill_price strong {
	font-size: 1.7em;
	line-height: 1.2em
}

.balance-detail .panel5 {
	margin-left: 5px;
	margin-right: 5px
}

.balance-detail .description {
	line-height: 1.2em;
	line-height: 1.4em;
	color: #999;
	margin-top: 10px;
	margin-bottom: 10px
}

#detail_click_on:hover, .balance-detail #detail_click:hover {
	color: #acc42a;
	cursor: pointer
}

.balance-detail .select_box {
	background-color: #e6e9ee;
	height: 32px;
	width: 100px;
	margin-left: 20px
}

.balance-detail input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

.balance-detail input[type=checkbox].css-checkbox+label.css-label {
	padding-left: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer
}

.balance-detail input[type=checkbox].css-checkbox:checked+label.css-label
	{
	background-position: 0 -23px
}

.balance-detail .css-label {
	background-image: url(../images/package_change_step1/ic_check_all.png)
}

.balance-detail .bt_zoom_on {
	background: url(../images/currentusage/icon_zoom_on.png) top center
		no-repeat;
	width: 100%;
	height: 30px
}

.balance-detail .bt_zoom_on:hover {
	background: url(../images/currentusage/icon_zoom_on.png) bottom center
		no-repeat;
	width: 100%;
	height: 30px;
	cursor: pointer
}

.balance-detail .bt_zoom {
	background: url(../images/currentusage/icon_zoom.png) top center
		no-repeat;
	width: 100%;
	height: 30px
}

.balance-detail .bt_zoom:hover {
	background: url(../images/currentusage/icon_zoom.png) bottom center
		no-repeat;
	width: 100%;
	height: 30px;
	cursor: pointer
}

.balance-detail .table_head_plan {
	background-color: #E6E9EE
}

.balance-detail .table_head_plan td {
	text-align: center;
	padding: 10px 5px;
	font-family: db_helvethaicaais_x65_med;
	font-size: 1.4em;
	line-height: 1.4;
	display: table-cell
}

.balance-detail .table_head_plan td:last-child {
	border-right: 0
}

.balance-detail .table_striped tbody tr:nth-child(even) {
	background-color: #f3f5f8
}

.balance-detail .table_body_plan {
	background-color: #fff
}

.balance-detail .table_body_plan td {
	text-align: center;
	border-bottom: #e5e5e5 solid 1px;
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4;
	height: 42px;
	display: table-cell;
	border-left: #FFF solid 1px
}

.balance-detail .tab_drop {
	background-color: #d59838
}

.balance-detail .tab_drop1 {
	background: url(../images/currentusage/orange_2tone_cen.gif) right
		no-repeat;
	background-color: #d59838
}

.balance-detail .tab_drop2 {
	background-color: #efb355
}

.balance-detail .popup_panel {
	padding: 15px;
	width: 100%;
	height: 100%;
	background: url(../images/bg_fade.png);
	position: fixed;
	padding-top: 4%;
	padding-bottom: 4%
}

.balance-detail .popup_body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	max-width: 1020px;
	background-color: #FFF;
	overflow-y: auto
}

.balance-detail .content_scroll_popup {
	overflow-x: auto
}

.balance-detail .content_scroll_popup table {
	width: 100%;
	min-width: 500px;
	min-height: 400px;
	height: 100%
}

.balance-detail #popup_head {
	font-size: 1.6em;
	line-height: 1.3em;
	padding-top: 100px;
	color: #fff;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.balance-detail #popup_detail {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #463738;
	text-align: center
}

.balance-detail #bg_popup-inner {
	background: url(../images/bg_popup2.png) no-repeat top right
}

.balance-detail .promotouch_table {
	width: 100%
}

.balance-detail #select_box1 {
	background: url(../images/currentusage/ic_select1.png) 0 4px no-repeat;
	height: 40px;
	padding-left: 40px
}

.balance-detail #select_box3 {
	height: 40px;
	padding-left: 0
}

.balance-detail #select_box2 {
	background: url(../images/currentusage/ic_select2.png) 0 4px no-repeat;
	height: 40px;
	padding-left: 40px
}

.balance-detail .login_date {
	font-family: db_helvethaicaais_x55_regular;
	color: #614f45;
	width: 100px;
	height: 40px;
	border: 0;
	padding: 5px;
	font-size: 1.4em
}

.balance-detail .input_phone {
	background: url(../images/package_change_step1/icon_phone.png) right
		no-repeat;
	background-color: #f4f4f4;
	font-family: db_helvethaicaais_x55_regular;
	color: #614f45;
	width: 280px;
	height: 40px;
	border: 0;
	padding: 5px;
	font-size: 1em
}

.balance-detail .input_phone.default {
	color: #999
}

.balance-detail .box_nodata {
	padding: 15px 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	text-align: center
}

.balance-detail .table_body_left_first td.td_currency, .balance-detail td.td_currency
	{
	text-align: center
}

.balance-detail .graph-title {
	line-height: 2
}

.balance-detail .graph-detail .detail-title {
	line-height: 1.5em;
	padding: .75em 0;
	font-weight: 700
}

.balance-detail .graph-detail .detail-label {
	line-height: 1.5em;
	position: relative
}

.balance-detail .graph-detail tr td {
	padding-left: 10px;
	padding-right: 10px;
	border-right: none;
	border-left: none;
	height: 73px
}

.balance-detail .more-link {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-style: normal
}

.balance-detail .popover {
	position: absolute;
	top: 100%;
	left: 10px;
	width: 300px;
	padding: 10px;
	color: #fff;
	background: #f7941d;
	border: 1px dashed;
	font-size: 12px;
	z-index: 1;
	font-style: normal
}

.balance-detail .more-link:hover {
	color: #E6E9EE
}

.balance-detail .more-text {
	font-size: .8em;
	text-decoration: underline
}

.balance-detail .more-text:hover {
	text-decoration: none
}

.balance-detail .detail-table .indent3 {
	padding-left: 60px !important
}

.balance-detail .font_bold {
	font-weight: 700
}

.balance-detail .detail-table td.right-align {
	text-align: right
}

@media screen and (min-width:60.063em) {
	.balance-detail .login_date {
		font-family: db_helvethaicaais_x55_regular;
		color: #614f45;
		width: 80px;
		height: 40px;
		border: 0;
		padding: 5px;
		font-size: 1.4em
	}
	.balance-detail .promotouch {
		position: absolute;
		z-index: 99;
		vertical-align: middle;
		width: 815px;
		height: 360px;
		text-align: center;
		background: url(../images/package_change_step1/touch.png) center;
		display: none
	}
}

@media screen and (max-width:43.75em) {
	.balance-detail .login_date {
		font-family: db_helvethaicaais_x55_regular;
		color: #614f45;
		width: 80px;
		height: 40px;
		border: 0;
		padding: 5px;
		font-size: 1.4em
	}
}

@media only screen and (max-width:30em) {
	.balance-detail .login_date {
		font-family: db_helvethaicaais_x55_regular;
		color: #614f45;
		width: 90%;
		height: 40px;
		border: 0;
		padding: 5px;
		font-size: 1.4em
	}
	.balance-detail .tab_drop1 {
		background: url(../images/currentusage/orange_2tone_down.png) bottom
			no-repeat;
		background-color: #d59838;
		padding-bottom: 20px
	}
	.balance-detail .promotouch_table {
		width: 815px
	}
	.balance-detail .promotouch {
		position: absolute;
		z-index: 99;
		vertical-align: middle;
		width: 90%;
		height: 180px;
		background: url(../images/package_change_step1/touch.png) center;
		display: block
	}
	.balance-detail #select_box3 {
		height: 40px;
		padding-left: 60px
	}
	.balance-detail .v_gap20 {
		margin-bottom: 10px;
		margin-top: 10px
	}
}

.balance-detail .radio-brown-color, .balance-detail .radio-green-color-1,
	.balance-detail .radio-green-color-2 {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/balance/radio-c3.png);
	background-repeat: no-repeat;
	background-size: 24px 48px;
	background-position: 0 0;
	vertical-align: top;
	margin-right: 15px;
	cursor: pointer
}

.balance-detail .radio-green-color-1 {
	background-image: url(../images/balance/radio-c1.png)
}

.balance-detail .radio-green-color-2 {
	background-image: url(../images/balance/radio-c2.png)
}

.balance-detail .radio-brown-color.active, .balance-detail .radio-green-color-1.active,
	.balance-detail .radio-green-color-2.active {
	background-position: 0 -24px;
	cursor: default
}

.balance-detail .checkbox-green-color {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/balance/checkbox-c1.png);
	background-repeat: no-repeat;
	background-size: 24px 48px;
	background-position: 0 0;
	margin-top: 5px;
	cursor: pointer
}

.balance-detail .checkbox-green-color.active {
	background-position: 0 -24px
}

.balance-detail .calendar-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/balance/calendar.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 0 0;
	cursor: pointer;
	line-height: 1;
	margin: 0 10px 0 0
}

.balance-detail .tab-button {
	background-color: #03a3a9;
	color: #FFF;
	font-size: 1.6em;
	line-height: 1.3;
	padding: 10px 20px;
	text-align: center;
	border-right: solid 1px #0dcdc0;
	cursor: pointer
}

.balance-detail .tab-button:hover {
	background-color: #12b5b5
}

.balance-detail .tab-button.active {
	background-color: #12b5b5;
	cursor: default
}

.balance-detail .default-font {
	padding: 10px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.6em;
	line-height: 1.5
}

.balance-detail .option-pane .tr-begin-section td {
	padding-top: 25px
}

.balance-detail .service_fill_box {
	width: 140px;
	margin-left: 10px
}

.balance-detail .smaller_input .service_fill_box {
	width: 120px
}

.balance-detail .mpay_input {
	font-size: 1em;
	width: 140px;
	margin-left: 10px
}

.balance-detail .mpay-select select, .balance-detail .smaller_input .bt_color_green_t1
	{
	font-size: 1em
}

.balance-detail .bt_color_white {
	font-size: .8em;
	color: #03a3a9;
	background-color: #fff;
	border-radius: 5px;
	padding: .3em 1.8em;
	cursor: pointer;
	text-align: center;
	font-family: db_helvethaicaais_x65_med
}

.balance-detail .bt_color_white:hover {
	background-color: #b7ddd7
}

.balance-detail .color_brown1 {
	color: #fff
}

.balance-detail .color_gray1 {
	background-color: #e6e9ee
}

.balance-detail .larger_font {
	font-size: 1.5em !important
}

.balance-detail .smaller_font {
	font-size: 1.3em !important
}

.balance-detail .title-arrow {
	background-image: url(../images/balance/title-arrow.png);
	background-repeat: no-repeat;
	background-size: 392px 100%;
	min-height: 64px;
	background-position: 120% top
}

.balance-detail .tab_b_bottom td {
	border-bottom: #e5e5e5 solid 1px
}

.balance-detail .tab_b_top td {
	border-top: #e5e5e5 solid 1px
}

.balance-detail .tab_gap_10 td {
	padding: 10px 0
}

.balance-detail textarea {
	margin: 0 8px;
	background-color: #FFF;
	padding: 2px 10px;
	border: solid 2px #e7e7e7;
	border-radius: 5px
}

.balance-detail .tab_green_t3 {
	cursor: default
}

.balance-detail .tab_gray_t1 {
	background-color: #91a1ab;
	cursor: pointer
}

.balance-detail .copy-en-watermark {
	background-image: url(../images/balance/copy-en.gif)
}

.balance-detail .copy-th-watermark {
	background-image: url(../images/balance/copy-th.gif)
}

.balance-detail .copy-en-watermark .table_body_left_first,
	.balance-detail .copy-th-watermark .table_body_left_first {
	background-color: transparent !important
}

.balance-detail .copy-en-watermark tr.no_border td, .balance-detail .copy-th-watermark tr.no_border td
	{
	border-left-color: transparent !important;
	border-right-color: transparent !important
}

.balance-detail .white_text {
	color: #fff
}

.balance-detail .ic_up {
	background-image: url(../images/balance/ic_up.png);
	background-repeat: no-repeat;
	background-position: right center
}

.balance-detail tr td.no_border, .balance-detail tr.no_border td {
	border-bottom: none
}

.balance-detail .div-float-left {
	width: 60%;
	float: left;
	text-align: right
}

.balance-detail .div-float-left-head {
	width: 61%;
	float: left;
	text-align: right
}

.faq .section_head {
	font-size: 3em;
	line-height: 1.4em;
	color: #74ac36;
	font-family: db_helvethaicaais_x65_med
}

.faq .section_sub {
	font-size: 1.6em;
	line-height: 1.4em;
	padding-bottom: 15px
}

.faq .tab_faq-orange {
	background-color: #f98240;
	color: #FFF;
	padding: 5px 20px
}

.faq .tab_faq-pink {
	background-color: #e285af;
	color: #FFF;
	padding: 5px 20px
}

.faq .tab_faq-col1 {
	font-size: 2.5em;
	line-height: 1.2;
	margin-right: 5px
}

.faq .tab_faq-col2 {
	font-size: 1.8em;
	line-height: 1.2
}

.faq .tab_faq-row2 {
	padding: 10px 20px
}

.faq .tab_faq-row2 span {
	font-size: 1.4em;
	line-height: 1.6
}

.faq .tab_faq-row2 ul {
	margin-bottom: 0
}

.faq .tab_faq-row2 ul li {
	font-size: 1.4em;
	line-height: 1.6
}

.faq .tab_second {
	background-color: #e6e9ee;
	font-size: 1.5em
}

.faq .tab_third {
	background-color: #fff;
	font-size: 1.5em;
	line-height: 1.4em
}

.faq .tab_third ul {
	margin-left: 15px;
	padding-top: 5px
}

.faq .tab_third li {
	font-size: 1.5em;
	color: #614f45
}

@media screen and (min-width:60.063em) {
	.faq .min_height450 {
		min-height: 170px
	}
}

@media screen and (max-width:60em) {
	.faq .min_height450 {
		min-height: 0
	}
}

body.modal-open, html.modal-open {
	overflow: hidden;
	height: auto
}

.tab_condition ol, .tab_condition ul {
	margin-top: 1em;
	font-size: 1em
}

.fontYellowBlackBold12 {
	color: #96a916;
	font-weight: 700;
	font-size: 13px
}

.wrapper_table {
	min-height: 589px
}

.font_bold {
	font-family: db_helvethaicaais_x65_med
}

a.button_all:active, a.button_all:link, a.button_all:visited {
	color: #fff
}

.b_pad0 {
	padding-bottom: 0 !important
}

.font10 {
	font-size: 1em !important
}

.btn_wide {
	border-radius: 5px;
	padding: .3em 1.6em
}

.btn_mini {
	padding: 0 15px;
	border-radius: 3px;
	line-height: 2
}

table.tabs {
	margin-bottom: 10px
}

table.tabs .tab {
	float: none;
	display: table-cell
}

.ol14 li {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-left: 15px
}

.ul14 li {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-left: 15px;
	font-family: Tahoma, Geneva, sans-serif
}

.promomark {
	overflow-x: auto;
	width: 100%
}

.align_center {
	width: 100%;
	text-align: center
}

textarea {
	background-color: #FFF;
	padding: 2px 10px;
	border: solid 2px #e7e7e7;
	border-radius: 5px;
	max-width: 100%
}

.mpay_input {
	width: 100%;
	height: 35px;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.4;
	color: #48363A;
	border: 2px solid #e7e7e7;
	border-radius: 5px;
	padding: 4px 10px;
	transition: box-shadow .15s, border-color .15s ease-in-out
}

.mpay_input:focus, textarea:focus {
	outline: 0;
	border-color: #c5c5c5;
	box-shadow: 0 0 5px #c5c5c5
}

.mpay-select select:focus {
	outline: 0
}

.mpay-select.disabled {
	background-color: #F7F7F7;
	color: silver
}

.mpay-select select:disabled {
	color: silver
}

.mpay_input:disabled {
	background-color: #F7F7F7;
	color: silver
}

.mpay_input2 {
	width: 100%;
	border: 0;
	background-color: #F4F4F4;
	font-family: db_helvethaicaais_x55_regular;
	font-size: 1.4em;
	line-height: 1.6em;
	color: #48363A;
	overflow: hidden;
	height: 150px;
	resize: none
}

.mpay_input.readonly:disabled {
	background-color: #fff;
	color: #48363A
}

a.disabled, span.disabled span {
	opacity: .3;
	pointer-events: none;
	cursor: default
}

.service_fill_box {
	width: 100%;
	background-color: #FFF;
	padding: 2px 10px;
	border: solid 2px #e7e7e7
}

.service_fill_list {
	width: 100%;
	background-color: #F4F4F4;
	padding: 2px 10px
}

.service_fill_box.bg_white, .service_fill_list.bg_white {
	background-color: #fff
}

input[type=checkbox].css-checkbox, input[type=radio].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

input[type=checkbox].css-checkbox+label.css-label, input[type=radio].css-checkbox+label.css-label
	{
	padding-left: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer
}

input[type=checkbox].css-checkbox:checked+label.css-label, input[type=radio].css-checkbox:checked+label.css-label
	{
	background-position: 0 -23px
}

.css-label {
	background-image: url(../images/service/ic_check_all.png)
}

input[type=checkbox].css-checkbox:disabled+label.css-label, input[type=radio].css-checkbox:disabled+label.css-label
	{
	opacity: .5
}

.package-select select {
	background: 0 0;
	width: 115%;
	height: 40px;
	padding: 5px 10px;
	font-size: 1.6em;
	line-height: 1.6em;
	border: none;
	color: #5F5045;
	font-family: db_helvethaicaais_x55_regular
}

.package-select {
	width: 120%;
	height: 40px;
	overflow: hidden;
	background: url(../images/package_change_step1/ic_down.png) right
		no-repeat #FFF;
	border: none
}

.mpay-select {
	width: 100%;
	height: 35px;
	overflow: hidden;
	background: url(../images/your_information/ic_down.png) right no-repeat;
	border: solid 2px #e7e7e7;
	border-radius: 5px
}

.mpay-select select {
	background: 0 0;
	width: 130%;
	height: 31px;
	font-size: 1.4em;
	line-height: 1.6;
	border: none;
	color: #463637;
	font-family: db_helvethaicaais_x55_regular
}

.package-select select:disabled {
	color: #ccc !important
}

table.no_border tr td, td.no_border {
	border: none !important
}

table tr.odd {
	background-color: #f6f6f6 !important
}

.single-line {
	overflow: hidden;
	text-overflow: clip;
	max-width: 95%;
	white-space: nowrap
}

.icon-calendar {
	width: 24px;
	height: 28px;
	display: inline-block;
	background: url(../images/icon-calendar.png) no-repeat;
	background-size: 24px 28px;
	cursor: pointer
}

.bannerleft img {
	margin-bottom: 15px
}

#sidemenu {
	width: 270px
}

#sidemenu ul li .sideinner {
	display: block
}

#sidemenu ul li a.subside {
	display: block;
	color: #6f5b50
}

#sidemenu ul li a.subside:hover {
	color: #74a433
}

#sidemenu ul li a.subside span {
	max-width: 200px;
	line-height: 1.2;
	padding-top: 5px;
	padding-bottom: 5px
}

#sidemenu ul.menu-lv2 {
	display: none
}

#sidemenu ul.menu-lv2.active {
	display: inherit
}

#submobile ul {
	margin-left: 0;
	list-style: none;
	font-size: 1em
}

#submobile ul.mobile-menu-lv2 {
	display: none
}

#submobile ul.mobile-menu-lv2.active {
	display: inherit
}

#submobile ul li a.current {
	background-color: #efefef
}

#submobile ul ul .m_sub_icon {
	padding: 5px 0 5px 45px;
	background: 0 0
}

#submobile ul ul .m_sub_icon .m_sub_lv3:before {
	content: '\2022';
	padding-right: 7px
}

.mobile-menu-wrapper {
	position: absolute;
	z-index: 9999
}

.mobilemenu.disabled {
	background-color: #ccc;
	pointer-events: none
}

body.bg-welcome {
	background: url(../images/welcome/bg.jpg) no-repeat center top #F0F2F1
}

.header.full {
	background-color: #fff
}

.wel_detail {
	width: 100%;
	display: block;
	border-bottom: solid 1px #E9E9E9;
	float: left
}

.wel_detail_txt, .wel_detail_txt2 {
	border: none
}

@media only screen and (min-width:961px) {
	.info-email {
		display: block;
		text-align: center
	}
	.large_r_pad10 {
		padding-right: 10px
	}
	.large_l_pad10 {
		padding-left: 10px
	}
}

input.checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

input[type=checkbox].checkbox+label.checkbox-label, input[type=radio].checkbox+label.checkbox-label
	{
	width: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer
}

input[type=checkbox].checkbox+label.checkbox-label {
	background-color: #e6e9ed;
	border: none
}

input[type=checkbox].checkbox.radio+label.checkbox-label, input[type=radio].checkbox+label.checkbox-label
	{
	background-color: #e6e9ed;
	border: none;
	border-radius: 100%
}

input[type=checkbox].checkbox:checked+label.checkbox-label, input[type=radio].checkbox:checked+label.checkbox-label
	{
	background: url(../images/icon-checked-bg.png) no-repeat 50% 50%;
	border: none
}

input.checkbox:checked+label.checkbox-label.color_green1 {
	background-color: #00a3a9
}

input.checkbox:checked+label.checkbox-label.color_green2 {
	background-color: #0dcdc0
}

input.checkbox:checked+label.checkbox-label.color_pink {
	background-color: #e285af
}

input.checkbox:checked+label.checkbox-label.color_orange1 {
	background-color: #d59838
}

input.checkbox:checked+label.checkbox-label.color_orange2 {
	background-color: #f98240
}

input.checkbox:checked+label.checkbox-label.color_purple {
	background-color: #b253bf
}

input.checkbox:checked+label.checkbox-label.color_grey {
	background-color: #91a1ab
}

input.checkbox:checked+label.checkbox-label.color_red {
	background-color: #fb6e50
}

@media only screen and (min-width:30.063em) {
	.text-label {
		text-align: right
	}
	.display-table {
		display: table;
		height: 100%;
		width: 100%
	}
	.display-table .display-table-row {
		display: table-row;
		height: 100%;
		width: 100%
	}
	.display-table .display-table-row .display-table-column {
		display: table-cell;
		float: none !important;
		height: 100%;
		vertical-align: middle
	}
}

@media only screen and (max-width:60em) {
	table.tabs {
		width: 100%
	}
	.medium_no_border_right {
		border-right: none
	}
	.medium_text_left {
		text-align: left !important
	}
}

@media only screen and (max-width:30em) {
	.small_no_border_right {
		border-right: none
	}
}

.pagination-option {
	font-size: .9em
}

.pagination-option .mpay-select {
	height: 28px
}

.pagination-option .mpay-select select {
	height: 26px;
	line-height: 1
}

.pagination {
	display: inline-block;
	padding-left: 0;
	border-radius: 4px;
	margin: 0 10px 0 0;
	vertical-align: middle
}

.pagination>li {
	display: inline
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 8px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus,
	.pagination>li>span:hover {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover,
	.pagination>.disabled>span, .pagination>.disabled>span:focus,
	.pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}

.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.thumbnail {
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 0 12px 1px #e6e5e5
}

.loading-elm {
	position: relative;
	min-height: 217px;
	pointer-events: none
}

.loading-elm.done {
	min-height: 0
}

.loading-elm.done, .loading-elm.error {
	pointer-events: all
}

.loading-elm>* {
	opacity: .5;
	transition: opacity .15s ease-in-out
}

.loading-elm.done>* {
	opacity: 1;
	transition: opacity .15s ease-in-out
}

.loading-elm:before {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	content: ' ';
	position: absolute;
	z-index: 888;
	background: #fff
}

.loading-elm .tab_gray {
	position: absolute;
	z-index: 999;
	border-radius: 0;
	opacity: 1
}

.loading-elm.no-bg:before {
	background: 0 0
}

.loading-elm.no-bg.error:before {
	background: #fff
}

.loading-elm.done:before {
	display: none
}

.loading-elm .error-msg, .loading-elm .loading-img {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: table;
	height: auto;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	z-index: 999;
	opacity: 1 !important;
	font-size: 1.4em;
	color: #333
}

.loading-container {
	padding: 12px;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 1
}

@
-webkit-keyframes WaveMoving { 0%{
	background-position: -468px 0
}

100%{
background-position
:
468px
 
0
}
}
@
keyframes WaveMoving { 0%{
	background-position: -468px 0
}

100%{
background-position
:
468px
 
0
}
}
.loading, .loading-menu-bar {
	animation: 1s WaveMoving forwards infinite linear;
	-moz-animation: 1s WaveMoving forwards infinite linear;
	-webkit-animation: 1s WaveMoving forwards infinite linear;
	-o-animation: 1s WaveMoving forwards infinite linear;
	position: relative;
	background: #f6f7f8;
	background-image:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2VkZWVmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: linear-gradient(to right, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8
		100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f8',
		endColorstr='#f6f7f8', GradientType=1);
	background-repeat: no-repeat;
	background-size: 800px 800px
}

.loading div {
	background: #fff;
	height: 6px;
	display: block
}

.layout-header .loading-container {
	padding-top: 60px
}

.layout-img .loading .shape1 {
	display: block;
	height: 135px;
	background: #f6f7f8
}

div.shape1 {
	display: none
}

div.shape2 {
	height: 10px
}

div.shape3 {
	margin-left: 136px
}

div.shape4 {
	height: 12px
}

div.shape5 {
	margin-left: 100px
}

div.shape6 {
	height: 10px;
	top: 32px
}

div.shape7 {
	height: 20px;
	top: 40px
}

div.shape8 {
	margin-left: 410px
}

div.shape9 {
	height: 13px
}

div.shape10 {
	margin-left: 440px
}

div.shape11 {
	height: 13px
}

div.shape12 {
	margin-left: 178px
}

.loading-menu {
	width: 43px;
	height: 39px;
	display: inline-block;
	background: #f6f7f8
}

.loading-menu-bar {
	height: 8px;
	width: 178px;
	margin-left: 7px;
	display: inline-block
}

li.no-bullet {
	list-style: none
} /*! jQuery UI - v1.11.2 - 2014-12-08
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%230dcdc0&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%23ffffff&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23ffffff&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23ffffff&fcDefault=%23333333&iconColorDefault=%23888888&bgColorHover=%23ffffff&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23333333&iconColorHover=%23454545&bgColorActive=%230dcdc0&bgTextureActive=flat&bgImgOpacityActive=100&borderColorActive=%23ffffff&fcActive=%23ffffff&iconColorActive=%23454545&bgColorHighlight=%230dcdc0&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23ffffff&fcHighlight=%23ffffff&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity = 0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important
}

.ui-icon {
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-draggable-handle {
	touch-action: none
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: .1px;
	display: block;
	touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle
	{
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-selectable {
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000
}

.ui-sortable-handle {
	touch-action: none
}

.ui-datepicker {
	width: 17em;
	padding: 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 1em 0;
	border-radius: 0 !important
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 12px
}

.ui-datepicker .ui-datepicker-prev {
	left: 8px
}

.ui-datepicker .ui-datepicker-next {
	right: 8px
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
	text-align: center;
	width: 16px;
	height: 16px;
	background-color: #fff;
	color: #0dcdc0;
	border-radius: 100%
}

.ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before
	{
	vertical-align: middle
}

.ui-datepicker .ui-datepicker-prev:before {
	content: '<'
}

.ui-datepicker .ui-datepicker-next:before {
	content: '>'
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span
	{
	display: none
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	text-transform: uppercase
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
	{
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0;
	color: #0dcdc0
}

.ui-datepicker td {
	border: 0;
	padding: 0
}

.ui-datepicker td a, .ui-datepicker td span {
	display: block;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	border-radius: 100%;
	height: 24px;
	width: 24px;
	line-height: 2em;
	border: 1px solid #fff
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
	{
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
	.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 1px solid #ccc;
	box-shadow: 0 0 10px 0 #ccc;
	background: #fff;
	color: #222
}

.ui-widget-content a {
	color: #222
}

.ui-widget-header {
	border: none;
	background: #0dcdc0;
	color: #fff;
	font-weight: 700
}

.ui-widget-header a {
	color: #fff
}

.ui-datepicker-calendar a.ui-state-active {
	color: #fff;
	background-color: #0dcdc0;
	text-decoration: none
}

.ui-datepicker-calendar a.ui-state-hover {
	border: 1px solid #0dcdc0;
	text-decoration: none
}

.ui-icon {
	display: none
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
	border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
	border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
	border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
	border-bottom-right-radius: 4px
}

.ui-widget-overlay {
	background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
		repeat-x;
	opacity: .3;
	filter: Alpha(Opacity = 30)
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaa url(images/ui-bg_flat_30_aaaaaa_40x100.png) 50% 50%
		repeat-x;
	opacity: .3;
	filter: Alpha(Opacity = 30);
	border-radius: 8px
}

.btn_color_brown1{ font-size:1.5em; color:#74A822; background-color:#CDEF62; border-radius:5px; padding:0.3em 1.6em; cursor:pointer; text-align:center; }/*font-family: 'db_helvethaicaais_x65_med';*/
.btn_color_brown1:hover{background-color:#8DC63F;}