/* Technetium PHP Framework version 2.8
  Author: Tony Leung
  E-mail: info@technetium.info */

@charset "utf-8";
@import url(font.css);

/* html tags */
*, *:before, *:after {
	box-sizing:border-box;
}
html {
	height:100%;
}
body {
	height:100%;
	min-height:100%;
	max-height:999em;
	margin:0;
	padding:0;
	background:#FFFFFF url(../images/bg.jpg) top center no-repeat;
	font-family:"Open Sans", Arial, "微軟正黑體", "Microsoft JhengHei", Helvetica, sans-serif;
	font-size:16px;
	-webkit-text-size-adjust:none;
	color:#454545;
}
aside, footer, header, hgroup, nav, section, artivle, iframe {
	display:block;
}
article {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
}
iframe {
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 15px 0;
	font-weight:bold;
}
h1 {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:26px;
	font-style:italic;
}
h2 {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:20px;
	font-style:italic;
}
h3 {
	font-size:16px;
}
h4 {
	margin-bottom:0;
	font-size:inherit;
}
h5 {
}
h6 {
}
p {
	margin:0 0 20px 0;
}
ol, ul {
	margin:0 0 0.8em 0;
	padding:0 0 0 20px;
}
li {
	margin:0 0 10px 0;
}
li ol, li ul {
	margin:5px 0 0 0;
}
li ol {
	list-style-type:lower-latin;
}
li ol ol {
	list-style-type:lower-roman;
}
dl {
	margin:0 0 0.8em 0;
}
dl dt {
	width:130px;
	float:left;
	clear:both;
	padding:0 10px 0 0;
	font-weight:normal;
}
dl dd {
	min-height:1.42857143em;
	margin:0 0 10px 130px;
}
dl:after,
dd:after {
	content:'';
	clear:both;
	display:block;
}
h1:last-child, h2:last-child, h3:last-child,
h4:last-child, h5:last-child, h6:last-child,
p:last-child,
ol:last-child, ul:last-child, dl:last-child {
	margin-bottom:0;
}
a {
	color:#707070;
	text-decoration:none;
	outline:none;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	transition:color 0.2s;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
a:focus {
	outline:none;
}
a * {
	cursor:inherit;
}
a[id][name] {
	float:left;
}
img {
	border:none;
}
article img {
	max-width:100%;
}
hr, div.hr {
	margin:20px 0;
	border:none;
	border-top:2px solid #454545;
}
sup {
	position:relative;
	top:-4px;
	vertical-align:baseline;
}
sub {
	position:relative;
	top:2px;
	vertical-align:baseline;
}
blockquote {
	margin:12px 0 12px 25px;
	padding:5px 5px 5px 15px;
	border-left:5px solid #333333;
	display:block;
}
::selection {
	background:#007B66;
	color:#FFFFFF;
}
::-moz-selection {
	background:#007B66;
	color:#FFFFFF;
}


/* form elements */
label {
	font-weight:normal;
	cursor:pointer;
}
input, textarea, select, button {
	width:100%;
	height:34px;
	overflow-y:auto;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;
	padding:4px 10px;
	border:1px solid #DDDDDD;
	background:#FFFFFF;
	font-family:inherit;
	font-size:16px;
	color:#222222;
	line-height:24px;
	vertical-align:top;
}
input[type=radio], input[type=checkbox] {
	width:auto;
	height:auto;
	margin:4px 4px 0 0;
	padding:0;
	border:none;
	background:none;
	text-shadow:none;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
}
textarea {
	height:100px;
	resize:vertical;
}
button {
	width:auto;
	box-shadow:none;
}
::-ms-input-placeholder {
	color:#999999;
}
::-moz-placeholder {
	color:#999999;
}
::-webkit-input-placeholder {
	color:#999999;
}

.form-section {
	margin:15px 0;
}
.form-section:first-child {
	margin-top:0;
}

.form-body {
	position:relative;
}

.form-item {
	margin:0 0 8px 0;
}
.form-item,
.form-item .input-label,
.form-item .input-field,
.form-item .input-static {
	overflow:auto;
	position:relative;
}
.form-item:after,
.form-item .input-label:after,
.form-item .input-field:after,
.form-item .input-static:after {
	content:'';
	clear:both;
	display:block;
}
.form-item .input-label,
.form-item .input-static {
	padding:5px 0;
	line-height:24px;
}
.form-item .input-label {
	font-weight:bold;
}
.form-item .input-field {
	margin:0 0 4px 0;
}
.form-item .input-remark {
	font-size:0.9em;
	color:#999999;
}
.form-item .input-error {
	color:#D00000;
}
.form-item .required:before {
	content:' *';
	color:#D00000;
}
.form-item .has-error {
	border-color:#D00000;
}
.form-item .g-recaptcha > div {
	margin:0 auto;
}

.form-item .input-group {
	width:100%;
	white-space:nowrap;
	display:table;
}
.form-item .input-group > span {
	vertical-align:top;
	display:table-cell;
}
.form-item .input-group > span.input-group-addon {
	width:1%;
	padding:0;
	border:0;
	font-size:inherit;
	white-space:nowrap;
}
.form-item .input-group > span > input,
.form-item .input-group > span > select,
.form-item .input-group > span > button,
.form-item .input-group > span > .button,
.form-item .input-group > span > .static {
	width:100%;
	margin:0;
	border-width:1px 1px 1px 0;
	border-radius:0;
	display:block;
}
.form-item .input-group > span > .static {
	padding:3px 10px;
	border-style:solid;
	border-color:#C7C7C7;
	background:#F2F2F2;
	background:-ms-linear-gradient(top, #FFFFFF, #E0E0E0);
	background:-moz-linear-gradient(top, #FFFFFF, #E0E0E0);
	background:-o-linear-gradient(top, #FFFFFF, #E0E0E0);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0));
	background:-webkit-linear-gradient(top, #FFFFFF, #E0E0E0);
	background:linear-gradient(to bottom, #FFFFFF, #E0E0E0);
	line-height:20px;
}
.form-item .input-group .input-remark {
	margin-left:0;
}
.form-item .input-group > span:first-child > input,
.form-item .input-group > span:first-child > select,
.form-item .input-group > span:first-child > button,
.form-item .input-group > span:first-child > .button,
.form-item .input-group > span:first-child > .static {
	border-left-width:1px;
}
.input-group-btn .button {
	margin:0;
}

.form-row:after {
	content:'';
	clear:both;
	display:block;
}
.form-row .form-item {
	width:40%;
	float:left;
	margin:0 20px 0 0;
}

.form-actions {
	margin:20px 0;
	clear:both;
	text-align:center;
}
.form-actions:last-child {
	margin-bottom:0;
}
.form-actions .button {
	margin:8px 10px;
}
.form-actions.stacked .button {
	width:100%;
	margin-left:0;
	margin-right:0;
}
@media (min-width:767px) {
	.form-actions .button:first-child {
		margin-left:0;
	}
	.form-actions .button:last-child {
		margin-right:0;
	}
	.form-horizontal .form-item .input-label {
		width:150px;
		float:left;
		margin:0 0 10px 0;
	}
	.form-horizontal .form-item .input-field,
	.form-horizontal .form-item .input-static {
		margin:0 0 0 160px;
	}
}

.button {
	width:auto;
	min-width:150px;
	height:34px;
	overflow:hidden;
	position:relative;
	padding:0 48px 0 15px;
	box-shadow:none;
	border:0;
	background:#007B66;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
	line-height:34px;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
	display:inline-block;
}
.button:hover,
.button:focus {
	color:#FFFFFF;
	text-decoration:none;
}
.button:disabled {
	background: #999999;
	cursor: not-allowed;
}
.button:before {
	width:42px;
	position:absolute;
	top:8px;
	right:1px;
	font-family:FontAwesome;
	font-size:38px;
	font-style:normal;
	text-align:center;
}
.button:not([class*=fa-]):before {
	content:'\f144';
}
.button:after {
	content:'';
	position:absolute;
	width:7px;
	top:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.15);
}
.button::-moz-focus-inner {
	padding:0;
	border:0;
}
.button.rainbow {
	height:44px;
	background:url(../images/button.png) center / 100% 100%;
	padding:0 15px;
	font-family:"Open Sans", Arial, "微軟正黑體", "Microsoft JhengHei", Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	line-height:44px;
	text-align:center;
	text-shadow:0 0 4px rgba(0,0,0,0.75);
}
.button.rainbow:before,
.button.rainbow:after {
	display:none;
}
.button.icon {
	width:28px;
	min-width:28px;
	padding-left:0;
	padding-right:0;
	background:#FFFFFF !important;
	font-size:18px;
	color:#666666 !important;
	text-align:center;
}
.button.icon:before,
.button.icon:after {
	display:none;
}
.button.facebook {
	background:#3B5998;
}
.button.link {
	min-width:0;
	padding:0 10px;
	background:none;
	font-size:14px;
	color:#454545;
}
.button.link:before,
.button.link:after {
	display:none;
}
.button.button-no-icon {
	padding-right: 0;
}
.button.button-no-icon:before {
	display: none;
}

.alert {
	margin:0 0 20px 0;
	padding:12px 12px 12px 32px;
	border-width:1px;
	border-style:solid;
	background-position:12px 12px;
	background-repeat:no-repeat;
}
.alert.alert-success {
	border-color:#D6E9C6;
	background-color:#DFF0D8;
	background-image:url(../images/icon-16x16/success.png);
	color:#008000;
}
.alert.alert-success a {
	color:#008000;
	text-decoration:underline;
}
.alert.alert-error {
	border-color:#EED3D7;
	background-color:#F2DEDE;
	background-image:url(../images/icon-16x16/error.png);
	color:#B94A48;
}
.alert.alert-error a {
	color:#B94A48;
	text-decoration:underline;
}


/* shared classes */
.float-clear {
	height:0;
	overflow:hidden;
	clear:both;
}
.single-line-spacing {
	height:0;
	overflow:hidden;
	padding:0.5em;
}
.double-line-spacing {
	height:0;
	overflow:hidden;
	padding:1em;
}

.code128 {
	font-family:IDAutomationC128L;
	line-height:42px;
}

.underline {
	text-decoration:underline;
}
.uppercase {
	text-transform:uppercase;
}

.align-left {
	text-align:left !important;
}
.align-center {
	text-align:center !important;
}
.align-right {
	text-align:right !important;
}
.align-justify {
	text-align:justify !important;
}
.nowrap {
	white-space:nowrap;
}
.remark {
	font-size:0.9em;
	color:#707070;
	line-height:normal;
}
.remark a {
	color:inherit;
}

.box-shadowed {
	overflow:hidden;
	-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
	border-radius:5px;
	background:#FFFFFF;
}

.img-holder {
	padding-bottom:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
}

.mobile {
	display:none;
}


/* plugin override */
.bootbox .modal-body {
	text-align:center;
}
.bootbox .modal-footer {
		border-top:none;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.bootbox .modal-footer .btn {
	width:50%;
	padding-right:8px;
	border-radius:0;
}
.bootbox .modal-footer .btn:focus {
	box-shadow:none;
}
.bootbox .modal-footer .btn:before {
	display:none;
}
.bootbox .modal-footer .btn + .btn {
	margin-top:15px;
	margin-left:0;
}

.fancybox-title {
	font-size:18px;
	line-height:1.25em;
}


/* website framework */
.page-wrapper {
	width:994px;
	min-height:100%;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

.topbar {
	display:none;
}

.page-header {
	width:194px;
	float:left;
	position:relative;
	margin:0 auto;
	padding:0;
	border:none;
	z-index:9;
}
.page-header:after {
	content:'';
	clear:both;
	display:block;
}
.page-header .logo {
	padding:15px 0;
}
.page-header .logo img {
	margin:0 auto;
	padding:10px 15px;
	display:block;
}
.page-header .site-name {
	width:500px;
	position:absolute;
	top:0;
	left:100%;
	padding:5px 30px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:24px;
	color:#007B66;
	line-height:40px;
	letter-spacing:2px;
	text-shadow:0 0 8px rgba(255,255,255,0.7);
}

#nav-mask {
	width:100%;
	position:fixed;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	display:none;
	z-index:99998;
}
.page-header .main-nav,
.page-header .vip-nav {
	margin:0 auto;
}
.page-header #vip-nav {
	width:194px;
	position:fixed;
	top:120px;
	right:-202px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.page-header .main-nav li,
.page-header .vip-nav li {
	margin-bottom:8px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.page-header .main-nav li:hover,
.page-header .vip-nav li:hover{
	margin-left:15px;
}
.page-header .main-nav a,
.page-header .vip-nav a {
	-webkit-box-shadow:-2px 3px 5px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:-2px 3px 5px 0 rgba(0,0,0,0.4);
	box-shadow:-2px 3px 5px 0 rgba(0,0,0,0.4);
}
.vip-opened .page-header{
	z-index:auto;
}
.vip-opened .page-header #vip-trigger {
	position:fixed;
	z-index:99999;
}
.vip-opened .page-header #vip-trigger .title {
	display:none;
}
.vip-opened .page-header #vip-trigger:before,
.vip-opened .page-header #vip-trigger:after,
.vip-opened .page-header #vip-trigger span {
	background:#FFFFFF;
}
.vip-opened .page-header #vip-nav {
	right:0;
	z-index:99999;
}

.page-header .header-links {
	width:300px;
	position:absolute;
	top:0;
	left:100%;
	margin:0 0 0 500px;
	padding:0 30px;
	font-size:16px;
	color:#FFFFFF;
	line-height:18px;
	text-align:right;
}
.page-header .header-links li {
	display:inline;
}
.page-header .header-links a {
	padding:3px 12px;
	background:#999999;
	color:inherit;
	text-decoration:none;
	display:inline-block;
}
.page-header .header-links a.account {
	background:#007B66;
}
.page-header .header-links a.language.en {
	background:#E6618C;
}
.page-header .header-links a.language.id {
	background:#899902;
}
.page-header .header-info {
	width:500px;
	position:absolute;
	top:30px;
	left:100%;
	margin:0 0 0 300px;
	padding:0 30px;
	font-size:13px;
	color:#000;
	line-height:18px;
	text-align:right;
}

.page-content {
	width:800px;
	min-height:700px;
	position:relative;
	margin:0 auto 0 194px;
	padding:50px 30px 21.227% 30px;
	-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.4);
	box-shadow:0 0 8px 0 rgba(0,0,0,0.4);
	background-color:#FFFFFF;
	background-color:rgba(255,255,255,0.75);
}
.page-content:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:0 0 26.375% 0;
	background:url(../images/bg-content.png) no-repeat center bottom / 100%;
}
.page-content:after {
	content:'';
	clear:both;
	display:block;
}

.page-footer {
	width:800px;
	position:relative;
	margin:0 0 0 194px;
	padding:5px 15px;
	background:#DBDDDC;
	font-size:12px;
	color:#666666;
	line-height:18px;
	text-align:center;
	z-index:9;
}
.page-footer .footer-links {
	position:relative;
	padding:0 0 0 4px;
	list-style:none;
	display:inline;
}
.page-footer .footer-links li {
	position:relative;
	margin:0;
	padding:0 1px 0 0;
	line-height:18px;
	display:inline;
}
.page-footer .footer-links li:before {
	content:'';
	position:absolute;
	top:3px;
	bottom:3px;
	left:0;
	border-right:1px solid #999999;
}
.page-footer .footer-links li a {
	margin:0 8px;
	color:inherit;
	display:inline-block;
}
.page-footer .footer-links li:last-child a {
	margin-right:0;
}
.page-footer .copyright {
	position:relative;
	display:inline;
}

.main-nav:after,
.vip-nav:after {
	content:'';
	clear:both;
	display:block;
}
.main-nav ul,
.vip-nav ul {
	padding:0;
	list-style:none;
}
.main-nav li,
.vip-nav li {
	width:100%;
	margin:0;
	display:table;
}
.main-nav a,
.vip-nav a {
	height:60px;
	position: relative;
	padding:0 10px 0 17px;
	background:#999999;
	font-size:18px;
	color:#FFFFFF;
	line-height:22px;
	text-decoration:none;
	vertical-align:middle;
	display:table-cell;
}
.vip-nav a {
	font-weight: bold;
	color:#000;
	text-shadow: 1px 1px #fff;
}
.main-nav a:before,
.vip-nav a:before {
	content:'';
	position:absolute;
	width:7px;
	top:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.15);
}
.main-nav a:after,
.vip-nav a:after {
	content:'';
	position:absolute;
	width:60px;
	height:60px;
	top:0;
	right:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	z-index:7;
}
.main-nav a > span,
.vip-nav a > span {
	position:relative;
	z-index:9;
}
.main-nav a.home {
	background:#DC4371;
	background:-moz-linear-gradient(-45deg, #DC4371 40%, #EE7FA8 100%);
	background:-webkit-linear-gradient(-45deg, #DC4371 40%,#EE7FA8 100%);
	background:linear-gradient(135deg, #DC4371 40%,#EE7FA8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DC4371', endColorstr='#EE7FA8',GradientType=1);
}
.main-nav a.home:after {
	background-image:url(../images/nav-home.png);
}
.main-nav a.payment-code {
	background:#EF7A34;
	background:-moz-linear-gradient(-45deg, #ff0000 10%, #ff5700 20%, #a5ac1a 30%, #2B7900 40%, #00afa2 50%, #0014ff 60%, #f600ff 80%);
	background:-webkit-linear-gradient(-45deg, #ff0000 10%, #ff5700 20%, #a5ac1a 30%, #2B7900 40%, #00afa2 50%, #0014ff 60%, #f600ff 80%);
	background:linear-gradient(135deg, #ff0000 10%, #ff5700 20%,#a5ac1a 30%, #2B7900 40%,#00afa2 50%, #0014ff 60%, #f600ff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#F6AF27',GradientType=1);
}
.main-nav a.payment-code:after {
	background-image:url(../images/nav-payment-code.png);
}
.main-nav a.about {
	background:#EF7A34;
	background:-moz-linear-gradient(-45deg, #EF7A34 20%, #F6AF27 80%);
	background:-webkit-linear-gradient(-45deg, #EF7A34 20%,#F6AF27 80%);
	background:linear-gradient(135deg, #EF7A34 20%,#F6AF27 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF7A34', endColorstr='#F6AF27',GradientType=1);
}
.main-nav a.about:after {
	background-image:url(../images/nav-about.png);
}
.main-nav a.news {
	background:#F3B700;
	background:-moz-linear-gradient(-45deg, #F3B700 20%, #FFE346 80%);
	background:-webkit-linear-gradient(-45deg, #F3B700 20%,#FFE346 80%);
	background:linear-gradient(135deg, #F3B700 20%,#FFE346 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3B700', endColorstr='#FFE346',GradientType=1);
}
.main-nav a.news:after {
	background-image:url(../images/nav-news.png);
}
.main-nav a.services {
	background:#9CAE05;
	background:-moz-linear-gradient(-45deg, #9CAE05 20%, #BFD000 80%);
	background:-webkit-linear-gradient(-45deg, #9CAE05 20%,#BFD000 80%);
	background:linear-gradient(135deg, #9CAE05 20%,#BFD000 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CAE05', endColorstr='#BFD000',GradientType=1);
}
.main-nav a.services:after {
	background-image:url(../images/nav-services.png);
}
.main-nav a.faq {
	background:#5B9DEE;
	background:-moz-linear-gradient(-45deg, #5B9DEE 20%, #7EBEFF 80%);
	background:-webkit-linear-gradient(-45deg, #5B9DEE 20%,#7EBEFF 80%);
	background:linear-gradient(135deg, #5B9DEE 20%,#7EBEFF 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B9DEE', endColorstr='#7EBEFF',GradientType=1);
}
.main-nav a.faq:after {
	background-image:url(../images/nav-faq.png);
}
.main-nav a.contact {
	background:#8759B7;
	background:-moz-linear-gradient(-45deg, #8759B7 20%, #B287DE 80%);
	background:-webkit-linear-gradient(-45deg, #8759B7 20%,#B287DE 80%);
	background:linear-gradient(135deg, #8759B7 20%,#B287DE 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8759B7', endColorstr='#B287DE',GradientType=1);
}
.main-nav a.contact:after {
	background-image:url(../images/nav-contact.png);
}
.main-nav a.reportPayment {
	background:#007B66;
	background:-moz-linear-gradient(-45deg, #007B66 20%, #21a58f  80%);
	background:-webkit-linear-gradient(-45deg, #007B66 20%,#21a58f 80%);
	background:linear-gradient(135deg, #007B66 20%,#21a58f 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007B66', endColorstr='#21a58f',GradientType=1);
}
.main-nav a.reportPayment:after {
	background-image:url(../images/nav-report-payment.png);
}
.main-nav a.application {
	background:#ff8ed8;
	background:-moz-linear-gradient(-45deg, #ff8ed8 20%, #ffbce8  80%);
	background:-webkit-linear-gradient(-45deg, #ff8ed8 20%,#ffbce8 80%);
	background:linear-gradient(135deg, #ff8ed8 20%,#ffbce8 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ed8', endColorstr='#ffbce8',GradientType=1);
}
.main-nav a.application:after {
	background-image:url(../images/nav-application.png);
}

.vip-nav a.payment-discount{
	background-image:url(../images/vip/btn-blue.jpg);
	background-repeat: no-repeat;
  	background-size: cover;
}
.vip-nav a.birthday-gift{
	background-image:url(../images/vip/btn-green.jpg);
	background-repeat: no-repeat;
  	background-size: cover;
}
.vip-nav a.vip-event{
	background-image:url(../images/vip/btn-pink.jpg);
	background-repeat: no-repeat;
  	background-size: cover;
}
.vip-nav a.party-invitation{
	background-image:url(../images/vip/btn-purple.jpg);
	background-repeat: no-repeat;
  	background-size: cover;
}
.vip-nav a.luckydraw-invitation{
	background-image:url(../images/vip/btn-yellow.jpg);
	background-repeat: no-repeat;
  	background-size: cover;
}

.primary {
	min-height:600px;
	margin:0 -10px;
	padding:20px 0;
}
.primary:after {
	content:'';
	clear:both;
	display:block;
}
.primary > .page-title {
	overflow:hidden;
	margin:0;
	padding:5px 20px 0 20px;
	background:#007B66;
	color:#FFFFFF;
}
.primary > .page-title h1 {
	font-size:36px;
	color:inherit;
	line-height:36px;
}
.primary > .content {
	overflow:hidden;
	margin:0 auto;
	padding:20px;
}

.content ul:not(.nav) li {
	position:relative;
	list-style:none;
}
.content ul:not(.nav) li:before {
	content:'\f138';
	position:absolute;
	left:-20px;
	font-family:FontAwesome;
}
.content .form {
	max-width:550px;
	margin:0 auto;
}
.content form.form {
	padding:15px;
	border:1px solid #CCCCCC;
	border-radius:8px;
	background:#FFFFFF;
}
.content .form > .nav-tabs {
	border-color:#CCCCCC;
}
.content .form > .nav-tabs > li > a {
	border-radius:0;
	white-space:nowrap;
}
.content .form > .nav-tabs > li > a:hover {
	border-bottom-color:#CCCCCC;
}
.content .form > .nav-tabs > li.active > a,
.content .form > .nav-tabs > li.active > a:focus,
.content .form > .nav-tabs > li.active > a:hover {
	border-bottom-color:transparent;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
}
.content .form > .nav-tabs > li > a:hover:before,
.content .form > .nav-tabs > li.active > a:before {
	content:'';
	height:3px;
	position:absolute;
	top:0;
	left:-1px;
	right:-1px;
	background:#007B66;
}
.content .form > .tab-content {
	padding:15px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	border-radius:0 0 8px 8px;
	background:#FFFFFF;
}
.content .pagination > li:before {
	display:none;
}
.content .thumbnail.pull-left {
	margin-right:20px;
}
.content .thumbnail.pull-right {
	margin-left:20px;
}
.content dd, .content dt, .content span{
	font-weight: bold;
}

.thumbnail {
	max-width:100%;
}
.thumbnail.no-border {
	padding:0;
	border:none;
	background:none;
}

#banner {
	position:relative;
	margin-top:8px;
}
#banner:before,
#banner:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
	box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
	z-index:0;
}
#banner:before {
	margin-top:-8px;
	margin-left:-8px;
}
#banner:after {
	margin-top:8px;
	margin-left:8px;
}
#banner .bx-controls-direction a {
	width:12%;
	height:0;
	margin-top:-15%;
	padding-bottom:30%;
	background-repeat:no-repeat;
	background-size:contain;
}
#banner .bx-wrapper .bx-prev {
	left:0;
	background-image:url(../images/banner/control-prev.png);
	background-position:left;
}
#banner .bx-wrapper .bx-next {
	right:0;
	background-image:url(../images/banner/control-next.png);
	background-position:right;
}

.hotline {
	width:160px;
	position:relative;
	margin:20px auto;
	padding:0 0 6px 35px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
.hotline:before {
	content:'\f095';
	width:32px;
	height:32px;
	position:absolute;
	top:15px;
	left:2px;
	border-radius:4px;
	background:-moz-linear-gradient(-45deg, #DC4371 40%, #EE7FA8 100%);
	background:-webkit-linear-gradient(-45deg, #DC4371 40%,#EE7FA8 100%);
	background:linear-gradient(135deg, #DC4371 40%,#EE7FA8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DC4371', endColorstr='#EE7FA8',GradientType=1);
	font-family:FontAwesome;
	font-size:24px;
	color:#FFFFFF;
	line-height:36px;
	text-align:center;
	display:block;
	transform:rotate(25deg);
}
.hotline:after {
	content:'';
	width:100%;
	border-top:1px solid #DA1251;
	display:block;
}
.hotline:first-child {
	margin-top:0;
}
.hotline:last-child {
	margin-bottom:0;
}
.hotline > span {
	display:block;
}
.hotline .title {
	color:#DA1251;
	text-align:left;
}
.hotline .number {
	font-size:24px;
	color:#682DA1;
	line-height:24px;
	text-align:right;
}

.android-app {
	width:160px;
	position:relative;
	margin:20px auto;
	padding:0 0 6px 35px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	display:block;
}
.android-app:hover {
	text-decoration:none;
}
.android-app:before {
	content:'\f019';
	width:32px;
	height:32px;
	position:absolute;
	top:15px;
	left:2px;
	border-radius:4px;
	background:-moz-linear-gradient(-45deg, #007B66 40%, #00BF9E 100%);
	background:-webkit-linear-gradient(-45deg, #007B66 40%,#00BF9E 100%);
	background:linear-gradient(135deg, #007B66 40%,#00BF9E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007B66', endColorstr='#00BF9E',GradientType=1);
	font-family:FontAwesome;
	font-size:24px;
	color:#FFFFFF;
	line-height:36px;
	text-align:center;
	display:block;
	transform:rotate(25deg);
}
.android-app:after {
	content:'';
	width:100%;
	border-top:1px solid #007B66;
	display:block;
}
.android-app:first-child {
	margin-top:0;
}
.android-app:last-child {
	margin-bottom:0;
}
.android-app > span {
	display:block;
}
.android-app .title {
	color:#007B66;
	text-align:left;
}
.android-app .number {
	font-size:24px;
	color:#682DA1;
	line-height:24px;
	text-align:right;
}

.warning {
	color:#007B66;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 44px;
	margin:20px 0;
	line-height: 44px;
}
.warning-small {
    font-size: 22px;
	line-height: 22px;
}

article .thumbnail {
	width:200px;
}
article .thumbnail:hover {
	border-color:#6D7C0B;
}
article .article-title {
	margin-bottom:5px;
	color:#6D7C0B;
}
article .article-title a {
	color:inherit;
}
article .article-meta {
	color:#999999;
}
article .article-more {
	margin-bottom:20px;
}


/* plugin override: bootstrap */
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
	background:#007B66;
}


/* page specific styles */
.home .news-header {
	margin-bottom:20px;
	border-bottom:1px dotted #DA1251;
	color:#DA1251;
}
.home .news-header h2 {
	position:relative;
	font-size:26px;
}
.home .news-header a {
	position:absolute;
	bottom:3px;
	right:0;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
.home .news article {
	width:50%;
	float:left;
}
.home .news .thumbnail {
	width:150px;
}
@media (max-width:767px) {
	.home #banner .bx-wrapper {
		margin-bottom:0;
	}
}

.about .primary > .page-title {
	background:#DD4D06;
}

.news .button,
.news .primary > .page-title {
	background-color:#F3B700;
}
.news article:after {
	content:'';
	clear:both;
	display:block;
}
.news .article-title {
	margin-bottom:5px;
	color:#6D7C0B;
}
.news.index article {
	border-bottom:1px dotted #999999;
}
.news.index .pagination > li > a {
	font-weight:bold;
	color:#F3B700;
}
.news.index .pagination > li > span {
	font-weight:bold;
}
.news.index .pagination > li > a:hover {
	background:#FFFFFF;
	color:#E76F00;
}
.news.index .pagination > .active > span {
	border-color:#F3B700;
	background:#F3B700;
}
.news.detail #article-slider .bxslider .slide .img-holder {
	padding-bottom:75%;
}
.news.detail #article-slider .bx-pager {
	text-align:center;
	vertical-align:top;
}
.news.detail #article-slider .bx-pager .thumbnail {
	width:120px;
	display:inline-block;
}

.services .primary > .page-title {
	background:#6E7C0B;
}
.services .content h2,
.services .content h3,
.services .content h4,
.services .content a {
	color:#6D7C0B;
}
.services .content hr {
	border-top-color:#6D7C0B;
}

.faq .page-content {
	background-image:url(../images/faq/bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100%;
}
.faq .primary > .page-title {
	background:#2263B5;
}
.faq .content h2,
.faq .content h3,
.faq .content h4,
.faq .content a {
	color:#356BAC;
}
.faq .content {
	max-width:550px;
}
.faq .content ul {
	padding:0 0 0 60px;
	list-style:none;
	counter-reset:faq-numbering;
}
.faq .content li {
	position:relative;
	margin-bottom:20px;
}
.faq .content li:before {
	content:counter(faq-numbering);
	counter-increment:faq-numbering;
	width:48px;
	height:48px;
	position:absolute;
	left:0;
	margin:0 0 0 -60px;
	border-radius:100%;
	background:url(../images/faq/label.png) center no-repeat;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:36px;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
	line-height:46px;
	text-align:center;
}

.contact .primary > .page-title {
	background:#875AB7;
}
.contact .content {
	min-height:280px;
	padding-top:30px;
	background:url(../images/contact/bg.png) right top no-repeat;
}
.contact .content h2,
.contact .content h3,
.contact .content h4,
.contact .content a,
.contact .content ul li:before {
	color:#875AB7;
}
.contact .content .button {
	background-color:#875AB7;
}
.contact a.label {
	padding:.15em .6em;
	border-radius:0;
	background:#875AB7;
	color:#FFFFFF;
}
.contact section {
	min-height:56px;
	position:relative;
	margin:0 0 30px 0;
	padding:0 0 0 70px;
}
.contact section:before {
	content:'';
	width:56px;
	height:56px;
	position:absolute;
	top:0;
	left:0;
	background-position:center;
	background-repeat:no-repeat;
}
.contact section#application:before {
	background-image:url(../images/contact/ico-application.png);
}
.contact section#branches:before {
	background-image:url(../images/contact/ico-branches.png);
}
.contact section#company:before {
	background-image:url(../images/contact/ico-company.png);
}
.contact section#payment:before {
	background-image:url(../images/contact/ico-payment.png);
}
.contact section#application form {
	margin:0;
}

.account hr {
	border-color:#007B66;
}
.account.index dl {
	margin-bottom:20px;
}
.account.index .vip-card,
.vip.index .vip-card {
	max-width:180px;
	margin:0 auto 20px auto;
	text-align:center;
}
.account.index .vip-card img,
.vip.index .vip-card img {
	max-width:100%;
    max-height: 213px;
	display:block;
}

.account.index .card a {
	text-decoration:none;
}
.account.index .card img {
	width:100%;
	margin:0 0 4px 0;
	display:block;
}
.account.index .card .button {
	display:block;
}
@media (min-width:576px) {
	.account.index .card-container {
		justify-content:flex-start;
	}
	.account.index .card {
		width:50%;
	}
}

.account.index .bonus-point-album,
.account.index .vip-card{
	padding-right:5px;
	min-width: 200px;
	float: left;
	vertical-align: bottom;
}

.vip.index .vip-card {
	padding-right:5px;
	min-width: 360px;
	float: left;
	vertical-align: bottom;
}

.account.index .cash-card {
	width:220px;
	overflow:hidden;
	margin:16px auto;
	border-radius:10px;
	text-decoration:none;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
	display:flex;
	flex-direction:column;
}
.account.index .cash-card .card {
	position: relative;
}
.account.index .cash-card .card img {
	width:100%;
}
.account.index .cash-card .card-info {
	position: absolute;
	bottom: 12px;
	left: 12px;
	color: #FFFFFF;
	font-size: 20pt;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-style: italic;
	font-weight: bold;
	line-height: 20pt;
	text-align: left;
	text-decoration: none;
}
.account.index .cash-card .card-info .card-info-date {
	font-size: 14px;
	display: block;
	margin-top: 4px;
	line-height: normal;
}

.account-nav {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.account-nav .button {
	width:100%;
	height:60px;
	margin-top:0;
	margin-bottom:15px;
	padding-right:60px;
	display:flex;
	align-items:center;
}
.account-nav .button:before {
	width:60px;
	top:auto;
	bottom:-10px;
	right:-10px;
	font-size:60px;
	line-height:1;
	opacity:0.5;
}
@media (min-width:480px) {
	.account-nav .button {
		width:calc(50% - 7.5px);
	}
}

.account-hotline {
	margin:20px 0;
	color:#007B66;
	text-align:center;
}
.account-hotline-title {
	margin-bottom:10px;
	font-size:24px;
	font-style:normal;
}
.account-hotline-content {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:20px;
	line-height:1.2;
	display:flex;
	justify-content:center;
}
.account-hotline-content > div {
	padding:0 25px;
}
.account-hotline-content > div:not(:last-child) {
	border-right:1px solid #007B66;
}
.account-hotline-content a {
	color:inherit;
}

.payment-code {
	margin:20px 0;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.payment-code-header {
	font-weight:bold;
}
.payment-code-header .client-name {
	font-size:1.5em;
}
.payment-code-header .client-name:not(:last-child) {
	margin-right:8px;
	font-size:1.5em;
}
.payment-code-footer {
	font-weight:bold;
}

.bootbox.campaign .campaign-title {
	font-size:22px;
}
.bootbox.campaign .campaign-image {
	max-width:100%;
	margin-bottom:15px;
}
.bootbox.campaign .campaign-countdown {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	display:flex;
}
.bootbox.campaign .campaign-countdown .slot {
	padding:8px 0;
	border-radius:3px;
	background:#F7F7F7;
	flex-basis:0;
	flex-grow:1;
	display:flex;
	flex-direction:column;
}
.bootbox.campaign .campaign-countdown .slot + .slot {
	margin-left:3px;
}
.bootbox.campaign .campaign-countdown .slot [data-bind] {
	font-size:32px;
	line-height:1;
}

dl.office-hour dt {
	width:150px;
}
dl.office-hour dd {
	margin-left:150px;
}

.bonus-point-group-selector {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
.bonus-point-group-selector a, .bonus-point-group-selector a:hover {
	text-decoration: none;
}
.bonus-point-group-selector .selector-option {
	padding: 8px 16px;
	display: block;
	font-weight: bold;
}
.bonus-point-group-selector .selector-option.selected {
	color: #007B66;
	border-bottom: solid 4px #007B66;
}

.bonus-point .cart-items {
	display:flex;
	flex-wrap:wrap;
}
.bonus-point .cart-item {
	margin-bottom:32px;
	text-decoration:none;
}
.bonus-point .cart-item .img-holder {
	position:relative;
	margin-bottom:8px;
	border-radius:6px;
	background-color:#FFFFFF;
}
.bonus-point .cart-item .img-holder:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	border:1px solid #CCCCCC;
	border-radius:6px;
	-webkit-transition:border-color 0.2s;
	-moz-transition:border-color 0.2s;
	transition:border-color 0.2s;
}
.bonus-point .cart-item:hover .img-holder:after {
	border-color:#333333;
}
.bonus-point .cart-item .product-title,
.bonus-point .cart-item .product-point {
	margin:0;
	padding:0 8px;
	font-size:16px;
	line-height:normal;
	text-align:center;
}
.bonus-point .modal .product-photo {
	width:100%;
	border:1px solid #CCCCCC;
	border-radius:6px;
}
.bonus-point .modal .product-title {
	margin-bottom:8px;
	font-size:20px;
}
.bonus-point .modal [name=qty] {
	width:6rem;
	text-align:center;
}

.login-nav {
	font-size: 14px;
}

.terms-container {
	height: 400px;
	overflow: auto;
}
.right{
	float: right;
}
.left{
	float: left;
}
.cash-card .button{
	margin-top: 0px;
}

.vip-opened .hamburger.vip-trigger {
    position: absolute;
    z-index: 99999;
}

.hamburger.hamburger.vip-trigger {
    margin-top: -50px;
}
.hamburger.vip-trigger {
    right: 20px;
    margin-top: 15px;
    color: #007B66;
    line-height: 50px;
    text-decoration: none;
    display: block;
}

.vip-opened .hamburger.vip-trigger:before, .vip-opened .hamburger.vip-trigger:after, .vip-opened .hamburger.vip-trigger span {
    background: #FFFFFF;
}


.home .notification{
	display: block;
	background-color: yellow;
	color: red;
	padding: 15px;
}

.stamp-card {
	width: 400px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
	padding: 20px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
	border-radius: 5px;
	background: url(../images/bg.jpg) center / cover;
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
}
.stamp-card:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.25);
	z-index: 0;
}
.stamp-card.redeemed {
	cursor: default;
}
.stamp-card-slot {
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: relative;
	margin: 5px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
	background: #FFFFFF;
	font-size: 2.5rem;
	font-weight: bold;
	color: #DDDDDD;
	display: flex;
	align-items: center;
	justify-content: center;
}
.stamp-card-slot.active:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
}
.stamp-card-balance {
	width: 100%;
	margin-top: 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	z-index: 1;
}
.stamp-card-redeemed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	background: rgba(255,255,255,0.85);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}


.modal-dialog.sm {
    width: 300px;
}