/* -----------------
ISC 
Theme TG
-------------------- */
@font-face {
	font-family: ThaiSansNeue;
	src: url("fonts/ThaiSansNeue-Light.ttf") format("truetype");
	src: url('fonts/thaisansneue-regular.eot');
    src: url('fonts/thaisansneue-regular.eot') format('embedded-opentype'),
         url('fonts/thaisansneue-regular.woff') format('woff'),
         url('fonts/thaisansneue-regular.ttf') format('truetype'),
         url('fonts/thaisansneue-regular.svg#ThaiSansNeueRegular') format('svg');
}
* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {min-width: 940px;}
li {list-style: none;}
img, fieldset {border: none;}
a {
	color: #783987;
	text-decoration: none;
}
a:hover {
	color: #783987;
	text-decoration: underline;
}
body {
	font-family: ThaiSansNeue;
	size:12px;
	color: #110e12;
    background-size: cover;
	background-image: url(../images/bg/bg-main.png);
}
body:after {
    content: " ";
    display: block;
    position: fixed;
    height: 530px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/bg/bg-main-footer.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    z-index: -1;
}
.header {
	height: 120px;
	margin: 0 0 80px;
	background: #fff;
}
.header .container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}
.header h1 {
	display: block;
	width: 782px;
	height: 120px;
	background:url(../images/tg-logo.png) no-repeat;	
	margin: 0;
}
.header .bar {
	display: block;
	width: 100%;
	height: 50px;
	margin-top: 15px;
	background: rgba(255,255,255,0.5);
}
.header .bar .container {}
.header .bar .navbar {color: #fff;}
.header .bar .nav>li {
	font-size: 20px;
	font-weight: normal;
	line-height: 90%;
	color: #3d036c;
	padding: 0 7px;
	white-space: nowrap;
	border-left: 1px solid #3d036c;
	margin-top: 15px;
}
.header .bar .nav>li:first-child {border: none;}
.header .bar .nav>li:after {}
.header .bar .nav {
	float: none !important;
	position: static;
	z-index: 1500;
	height: 50px;
	position: relative;
	padding-left: 75px;
}
.header .bar .nav>li.profile {
	width: 70px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: url(../images/bg/icn-user.png) no-repeat;
	background-position: 28px 8px;
	background-size: auto 27px;
	position: absolute;
	left: 0;
	top: 5px;
	border-left: none;
	border-right: 1px solid #3d036c;
}
.header .bar .nav>li.profile>a {
	height: 40px;
	background: url(../images/bg/icn-collapse-down.png) no-repeat;
	background-position: 0 16px;
}
.header .bar .nav>li.profile.open>a {
	background: url(../images/bg/icn-collapse-up.png) no-repeat;
	background-position: 0 16px;
}
.header .bar .nav>li.profile .caret {display: none;}
.header .bar .nav li .icon-user {
	float: left;
	width: 20px !important;
	height: 20px !important;
	margin: 0;
}
.header .bar .nav li.open .icon-user {}
.header .nav li.dropdown>.dropdown-toggle {}
.header .nav li.dropdown.open>.dropdown-toggle {}
.header .nav li.dropdown .dropdown-menu {
	background: #460558;
	border-right: 1px solid #460558;
	border-left: 1px solid #460558;
	border-top: 1px solid #460558;
	border-bottom: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	left: 0;
	right: inherit;
	top: 45px;
	z-index: 999;
}
.header .nav li.dropdown .dropdown-menu:before,
.header .nav li.dropdown .dropdown-menu:after {border: none !important;}
.header .nav li.dropdown .dropdown-menu li {border-bottom: 1px solid rgb(70,5,88);}
.header .nav li.dropdown .dropdown-menu li+li {border-top: 1px solid rgb(97,39,113);}
.header .nav li.dropdown .dropdown-menu li>a {color: #fff; padding: 6px 10px;} 
.header .nav li.dropdown .dropdown-menu li>a [class*=" icon-"] {display: none;}
.header .nav li.dropdown .dropdown-menu li a:hover,
.header .nav li.dropdown .dropdown-menu li a:focus {background: none !important; background-image: none !important;}

.content .container {
	width: 960px;
	margin: 0 auto 100px;
}
.content .container>.row-fluid {}
.content .container>.row-fluid>.span9 {width: 700px;}
.content .container>.row-fluid>.span3 {width: 200px;}

.content .sidebar-nav {
	padding: 0;
	background: #76509a url(../images/bg/bg-menu.png) repeat-x; 
	position: relative;
	z-index: 900;
}
.content .nav-list {padding: 0;}
.content .nav-list>li {
	position: relative;
}
.content .nav-list>li:first-child {
	border: none;
	border-radius: 10px 10px 0 0;
}
.content .nav-list>li:last-child {
	border-radius: 0 0 10px 10px;
}
.content .nav-list>li>a {
	height: 38px;
	color: #fff;
	line-height: 38px;
	padding: 0 15px 0 47px;
	margin-right: 0;
	margin-left: 0;
	text-shadow: none;
	font-size: 16px;
	font-weight: normal;
	background-image: url(../images/bg/icn-menu.png);
	background-repeat: no-repeat;
}
.content .nav-list>li>a:hover { background-color: inherit;}
.content .nav-list>li.active>a {
	position: relative;
	color: #3d1f6d;
	background-color: #c89fd7;
	background-image: url(../images/bg/icn-menu-active.png);
	text-shadow: none;
}
.content .nav-list>li>a i {display: none;}


.content .nav-list>li.address a{background-position: 7px 0;}
.content .nav-list>li.interest a{background-position: 7px -38px;}
.content .nav-list>li.deposit a{background-position: 7px -76px;}
.content .nav-list>li.loans a{background-position: 7px -114px;}
.content .nav-list>li.guarantee a{background-position: 7px -152px;}
.content .nav-list>li.benefit a{background-position: 7px -190px;}
.content .nav-list>li.cremation a{background-position: 7px -228px;}
.content .nav-list>li.print a{background-position: 7px -266px;}
.content .nav-list>li.edit a{background-position: 7px -304px;}
.content .nav-list>li.email a{background-position: 7px -342px;}
.content .nav-list>li.phone a{background-position: 7px -380px;}
.content .nav-list>li.certificate a{background-position: 7px -418px;}
.content .nav-list>li.calculate a{background-position: 7px -494px;}
.content .nav-list>li.password a{background-position: 7px -532px;}
.content .nav-list>li.logout a{background-position: 7px -572px;}
.content .nav-list>li.question a{background-position: 7px -456px;}
.content .nav-list>li.download a{background-position: 7px -608px;}
.content .nav-list>li.upload a{background-position: 7px -646px;}
.content .nav-list>li.consent a{background-position: 7px -912px;}

.content .nav-list>li.question a span {
	color: #3e1f6d;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    background: #febc04;
    height: 20px;
    width: 20px;
    line-height: 100%;
    text-align: center;
    border-radius: 50px;
}

.breadcrumbs {display: none;}
.form_inputs {
	padding: 30px 10px 17px 10px;
} 
.form_inputs label {
	padding-left: 10px;
	font-size: 20px;
	font-weight: normal;
}
.form_inputs input[type="text"],
.form_inputs input[type="password"],
.form_inputs select,
.wrapper-bill .bill input[type="text"] {
	border: 1px solid #ccb5f1;
	border-radius: 50px;
	padding: 0 15px;
	min-height: 30px;
}
.detail {
	position: relative;
	z-index: 999;
}
.widget {margin: 0 0 15px; padding-bottom: 10px;}
.detail h1,
.detail h2 {
	margin: 0;
	background: #3e1f6d;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	color: #ffbc05;
	font-size: 20px;
	font-weight: normal;
}
.detail h1 span { font-weight: normal; padding-left: 20px;}
.detail h1 span.red{ font-size:  14px; color: #f40813; font-style: italic;}
.detail h1 span.blue{color: #0674DF;}
.detail h1 span.green{color: #09B305;}

.detail form .widget {border-bottom: 1px solid #c394b2;}
.table th, .table td {padding: 8px 3px;}
table thead th {vertical-align: middle !important;}
table thead th span {display: block; font-weight: normal;}
table td.right, table th.right { text-align: right;}
table td.left, table th.left { text-align: left;}
table td.center, table th.center { text-align: center;}


/* table scroll */
.tablescroll {margin: 0; width: 663px;}
.tablescroll .table {margin: 0;}
.tablescroll .tablescroll_body { border-top: none;}
.tablescroll_wrapper::-webkit-scrollbar {width: 16px;}
.tablescroll_wrapper::-webkit-scrollbar-track {
	background: #f0f0f0;
	border-radius: 10px;
} 
.tablescroll_wrapper::-webkit-scrollbar-thumb {
	background: #d0cfcf;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	border-radius: 10px;
}

.footer {
	margin: 0;
	padding: 0 0 10px;
	position: relative;
    z-index: 900;
}
.footer .container {
	margin-top: 1px;
	padding: 12px 0 0;
}
.footer .container p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
	color: #7f7f7f;
}

table,
.table {
  width: 100%;
  margin-bottom: 25px;
  border-right: 1px solid #d2d0d5;
  border-bottom: 2px solid #d2d0d5;
  border-left: 0;
  color: #231f20;
  font-size: 18px;
}
table th, table td,
.table th, .table td {
  padding: 8px 10px;
  vertical-align: middle;
  border:none;
  word-wrap: break-word;
  white-space: normal;
  background-color: #fff;
  position: relative;
}
table td, .table td {border-bottom: 1px solid #9d8db2;}
table>tbody>tr:last-child>td,
.table>tbody>tr:last-child>td{border-bottom: none;}

table th,
.table th {
	font-weight: normal;
	background-color: #febc04;
	color: #3e1f6d;
	font-size: 18px;
	position: relative;
}
table th:before,
.table th:before {
	content: ' ';
	width: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0px;
	background-color: #fff;
}
table tr>th:last-child::before,
.table tr>th:last-child::before,
table tr>th+td::before,
.table tr>th+td::before {
	content: none;
}
table td:before,
.table td:before {
	content: ' ';
	width: 1px;
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 1px;
	background-color: #9d8db2;
}
table tr>td:last-child::before,
.table tr>td:last-child::before {
	content: none;
}

table th a, .table th a {color: #3e1f6d;}
table th br, .table th br {display: none;}

table tr.total td {background-color: #c89fd7 !important;}
table tr.total td:before {content: none;}
table tr td.summary,
table tr td.merge {
	background-color: #c89fd7 !important;
}
table tr.title td {
	border-bottom: none;
}

.row-fluid {margin-bottom: 15px;}
.detail div.widget form ul li *[class^= "setwidth-"] { float: left;}
.setwidth-5 {width: 5%;}
.setwidth-10 {width: 10%;}
.setwidth-15 {width: 15%;}
.setwidth-20 {width: 20%;}
.setwidth-25 {width: 25%;}
.setwidth-30 {width: 30%;}
.setwidth-35 {width: 35%;}
.setwidth-40 {width: 40%;}
.setwidth-45 {width: 45%;}
.setwidth-50 {width: 50%;}
.setwidth-55 {width: 55%;}
.setwidth-60 {width: 60%;}
.setwidth-65 {width: 65%;}
.setwidth-70 {width: 70%;}
.setwidth-75 {width: 75%;}
.setwidth-80 {width: 80%;}
.setwidth-85 {width: 85%;}
.setwidth-90 {width: 90%;}
.setwidth-95 {width: 95%;}
.setwidth-100 {width: 100%;}
div.widget form {margin: 0;}
div.widget form ul {padding: 0; margin:0;}
div.widget form ul li {
	overflow: hidden;
	padding: 0 0 10px;
	font-size: 20px;
}
div.widget form ul li label {
	padding-left: 10px;
    font-size: 20px;
    font-weight: normal;
}
div.widget form input {
	width: auto; margin: 0;
	border: 1px solid #ccb5f1;
    border-radius: 50px;
    padding: 0 15px;
    min-height: 30px;
}

.bg_login {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.wrapper-login {
	width: 570px;
	padding: 300px 0 0;
	margin: 0 auto;
	background: url(../images/tgsaving.png) center 95px no-repeat;
}
.wrapper-login>p { display: block; font-size: 12px; text-align: center; color: #5f5e5e;}
.wrapper-login .btn { min-height: 22px; }
.wrapper-login .btn .fa {  margin-top: 3px;}
.box-login {
	width: 570px;
	min-height: 188px;
	position: relative;
	padding: 44px 0 70px;
	z-index: 999;
}
.box-login ul {padding: 2px 0 0; margin: 0;}
.box-login ul li {
	height: 60px;
	line-height: 60px;
	font-size: 12px;
	text-align: center !important;
	background-repeat: no-repeat;
	background-position: 515px 12px;
}
.box-login ul>li:first-child {
	height: 80px;
	background-image: url(../images/bg/icn-user.png);	
}
.box-login ul>li:first-child+li {
	background-image: url(../images/bg/icn-password.png);
	background-position: 515px 9px;
}
.box-login ul li a {
	color: #3d216b;
	font-size: 20px;
	font-weight: bold;
}
.box-login ul li a:hover {
	text-decoration: none;
}
.box-login ul li input[type="text"], .box-login ul li input[type="password"]  {
	height: 50px;
	width: 100%;
	background-color: transparent !important;
	border: 0;
	border-radius: 0;
	border-bottom: 2px #9a78aa solid;
	font-size: 18px;
	box-shadow: none;
	padding: 0 60px 0 20px;
	line-height: 50px;
	color: #3d226b;
	background-repeat: no-repeat;
	background-position: 515px 50%;
}
.box-login ul li input[type="text"]:focus,
.box-login ul li input[type="password"]:focus  {
	border-color: #3d216b;
	outline-width: 0;
}
.box-login ul li input[type="text"]::placeholder,
.box-login ul li input[type="password"]::placeholder  {
	color: #3d226b;
}
.box-login ul li input[type="text"]:-webkit-autofill,
.box-login ul li input[type="text"]:-internal-autofill-previewed,
.box-login ul li input[type="text"]:-internal-autofill-selected,
.box-login ul li input[type="password"]:-webkit-autofill,
.box-login ul li input[type="password"]:-internal-autofill-previewed,
.box-login ul li input[type="password"]:-internal-autofill-selected {
	background-color: transparent !important;
    -webkit-text-fill-color: #3d216b;
    transition-delay: 99999s;
 }

.box-login ul li label {
	float: left;
	width: 145px;
	text-indent: -990px;
	display: none;
}
.box-login ul li .text {
	position: absolute;
	font-size: 16px;
	color: #671D48;
	line-height: normal;
	left: 20px;
	top: 102px;
	font-style: italic;
}
.box-login ul li .remark {
	font-size: 18px;
	padding-top: 15px;
}
.box-alert {
	position: absolute;
	top: 185px;
	left: 20px;
	font-size: 16px;
	text-align: center;
	color: #f40813;	
}
.btn-login {
	display: block !important;
	width: 240px !important;
	height: 50px;
	line-height: 50px;
	border: none;
	cursor: pointer;
	margin: 45px auto 0;
	color: #fff;
	background: #3d216b;
	border-radius: 80px;
	font-family: ThaiSansNeue;
    font-size: 28px;
}
.btn-login:focus {outline: none;}
.btn-print {
	display: block;
	width: 124px;
	height: 43px;
	margin: 15px auto;
}
.btn-print:hover {
	background-position: bottom;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: rgba(255,255,255,0.5) !important;
}
.fill {
	background-position: center;
	background-repeat: repeat-y;
}
.popup {padding: 30px;}

.wrapper-bill {
	width: auto;
	background-color: rgba(255,255,255,0.6);
	background-image: url(../images/bg/bg-logo-bill.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding: 40px 0 20px;
}
.wrapper-bill .bill {
	position: relative;
	padding: 100px 0 0;
}
.wrapper-bill .bill .logo {
	position: absolute;
	top: 0;
	left: 0px;
}
.wrapper-bill .bill .logo img {display: none;}
.wrapper-bill .bill .title {display: none;}
.wrapper-bill .bill .title p {padding-bottom: 5px; line-height: 100%;}
.wrapper-bill .bill .title p b { border-bottom: 1px solid #555;}
.wrapper-bill .bill .title .text>p+p {
	font-size: 25px;
	font-size: 18px\0/;
}
.wrapper-bill .bill .bill-number {
	width: 250px;
	position: absolute;
	top: 80px;
	right: 0;
}
.wrapper-bill .bill .row-fluid {padding: 0 20px;}
.wrapper-bill .bill .row-fluid label {
	padding-left: 10px;
    font-size: 20px;
    font-weight: normal;
}
.wrapper-bill .bill .row-fluid span {
	font-size: 20px;
    font-weight: normal;
}
.wrapper-bill .bill table {
	width: 100%;
	border-bottom: none;
}


.wrapper-bill .bill table input[type="text"] { margin: 0;}
.wrapper-bill .bill table td.summary {background-color: rgba(212,212,212,0.3) !important;}
.wrapper-bill .bill table td.summary-text {background-color: rgba(185,185,185,0.3)!important; font-size: 14px;}

.wrapper-bill+h2+table {border-bottom: 1px solid #9e8fb6;}
.wrapper-bill+h2+table th {
	background-color: #802781;
	color: #fff;
	border-bottom: 1px solid #c193c1;
}
.wrapper-bill+h2+table td {
	border-bottom: 1px solid #9e8fb6;
}
.wrapper-bill+h2+table tr>td:before {
	content: none;
}

.bill-detail { padding: 20px; font-size: 18px;}
.bill-detail>p{ text-indent: 50px; }
.bill-detail table { margin: 25px 0;}

div.button-box {margin: 0 auto; padding: 10px 0; text-align: center;}
.btn {padding: 3px 10px;font-family: ThaiSansNeue; font-size: 18px;}
.notification {
	font-size: 12px;
	color: #110e12;
	position: relative;
}
.notification p { margin: 0;}
.notification .title {display: none;}
.notification ul {
	padding: 5px 0;
	margin: 0;
	display: none;
	clear: both;
	background: rgba(255,255,255,0.5);
	margin: 0 0 10px;
}
.notification ul li {
	margin-bottom: 5px;
	color: #40216f;
	list-style: none;
	font-size: 18px;
	padding: 2px 10px;
}
.notification .button {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: #3e1f6b url(../images/bg/icn-noti.png) no-repeat;
	background-position: 50% 50%;
	position: absolute;
	right: 0;
	top: -65px;
	z-index: 9999;
}
.notification .button span {display: none;}
.notification .button:hover { text-decoration: none;}
.notification .button .fa {display: none;}
.wrapper_button {
	padding: 5px 0;
	margin-bottom: 10px;
}
.wrapper_button.right { text-align: right;}
.wrapper_button.center { text-align: center;}

.wrapper-survey-page-list textarea { padding: 2px 5px;}
.survey-page-content {	
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
.survey-page-header {
	padding: 15px 200px 0 15px;
	background: #fdbaf6;
	position: relative;
}
.survey-page-header .wrapper_button {
	position: absolute;
	right: 15px;
	top: 15px;
}
.survey-page-title input { width: 98%;}
.survey-page-body {}
.survey-page-body .description-box {
	padding: 15px 15px 5px
}
.survey-page-body .description-box textarea {height: 20px;}
.survey-page-body .description-box textarea { width: 98%;}
.wrapper-survey-choice-list {}
.survey-choice-content {
	margin: 0 15px 15px 50px;
	border: 1px solid #ddd;
}
.survey-choice-header {
	padding: 15px 200px 0 15px;
	background: #d9d9d9;
	position: relative;
}
.survey-choice-header span {
	position: absolute;
	left: -30px;
	top: 18px;
	font-size: 18px;
}
.survey-choice-title textarea {
	width: 98%;
	height:10px;
}
.survey-choice-header .wrapper_button {
	position: absolute;
	right: 15px;
	top: 15px;Thai Leak
}
.survey-choice-body ul {
	margin: 0;
}
.survey-choice-body ul li {
	margin: 0;
	padding: 10px 120px 0px 35px;
	position: relative;
}
.survey-choice-body ul li textarea { width: 98%;}
.survey-choice-body ul li .wrapper_button {
	position: absolute;
	right: 10px;
	top: 10px;
}
.survey-choice-body ul li .choice-type {
	position: absolute;
	top: 10px;
	left: 10px;
	padding-top: 4px;
}
.survey-choice-body ul li .choice-type input {
	cursor: default !important;
}

.list-survey {}
.list-survey ul { margin: 0; padding: 0;}
.list-survey ul li {
	border-top: 1px solid #e6e5e6;
	background: #f7f0fe;
}
.list-survey ul>li:first-child { border: none;}
.list-survey ul>li:nth-of-type(odd) {
	background: #fff;
}
.list-survey ul li a {
	display: block;
	overflow: hidden;
	padding: 10px 10px 5px;
	color: #110e12;
}
.list-survey ul li a div.data {
	float: right;
	width: 87%;
}
.list-survey ul li a div.data>p:first-child {
	float: left;
	padding-right: 70px;
}
.list-survey ul li a div.data p {font-size: 20px; margin: 0 0 5px; clear: both;}
.list-survey ul li a div.data p span {font-size: 13px; color: #555;}
.list-survey ul li a div.date {
	float: left;
	width: 70px;
	font-size: 20px;
	text-align: center;
	color: #555;
}
.list-survey ul li a div.date span {
	display: block;
	font-style: normal;
	font-size: 13px;
	background: #ddd;
	padding: 1px 0;
	margin-top: 3px;

}
.list-survey ul li a:hover {
	text-decoration: none;
	background: #f1efef;
}


.survey-detail {}
.survey-title {
	padding: 10px 15px;
	border-radius: 10px 10px 0 0;
	font-size: 18px;
	background-image: -webkit-linear-gradient(top, #ac4ea1 0%, #7a1772 100%);
	background-image: linear-gradient(to bottom, #ac4ea1 0%, #7a1772 100%);
	background-repeat: repeat-x;
	background-color: #ac4ea1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffac4ea1', endColorstr='#ff7a1772', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
}
.survey-page-detail {
	border: 1px solid #ddd;
	padding-bottom: 10px;
	background: #eee5f6;
}
.survey-page-detail .page-title {
	padding: 10px 15px;
	font-size: 14px;
	color: #541870;
	font-weight: bold;
}
.survey-page-detail .page-description {
	padding: 0 15px 15px
}
.survey-page-detail .question-detail {
	margin: 0 15px 15px 50px;
	background: #fff;
	border: 1px solid #ddd;	
}
.survey-page-detail .question-detail .question-title {
	font-size: 18px;
	padding: 8px 15px;
	background: #ecebeb;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.survey-page-detail .question-detail .question-title span {
	position: absolute;
	left: -30px;
	top:8px;
}
.survey-page-detail .question-detail ul { margin: 0}
.survey-page-detail .question-detail ul li {
	padding: 5px 15px;
	background-color: #f7f0fe;
}
.survey-page-detail .question-detail ul>li:nth-of-type(odd) {
	background-color: #fff;
}
.survey-page-detail .question-detail ul li label {
	font-size: 16px;
}
.question-chart {
	padding: 0 15px;
}
.question-chart .chart {
	height: 200px;
	margin: 20px 0;
}
.question-chart table { border-color: #ccc}
.question-chart table th {
	background: #EAEAE8;
	color: #333;
	border-color: #ccc;
	padding: 2px 5px;
}
.question-chart table td {
	border-color: #ccc;
	padding: 2px 5px;
}

.survey-button {
	text-align: center;
	border-radius: 0 0 10px 10px;
	background: #ddd;
	padding: 10px 0;
}
.text-right { text-align: right;}
*input.text-right { text-align: left;}
.text-center { text-align: center;}
.overlay-alert {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1500;
	overflow-y: hidden;
}
.modal {
	top: 20% !important;
	margin: 0 0 0 -280px;
	display: none;
}
.modal.fade.in {
	display: block;
} 
.overlay-alert .close-button {
	width: 40px;
	height: 39px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 7px;line-height: 39px;
}
.overlay-alert .close-button span {
	font-size:18px;
	font-weight: bold;
}
.overlay-alert .modal-title { color: #7a1c74; font-weight: bold; font-size: 20px;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.well .widget,
.well form {
	margin: 0;
	position: relative;
    z-index: 999;
}

.wrapper-box-transfer .box-transfer {
	border-radius: 10px;
	border: 1px solid #e6e5e6;
	background: #fff;
}
.wrapper-box-transfer .box-transfer h3 {
	font-size: 18px;
	font-weight: normal;
	color: #541870;
	padding: 0 15px;
}
.wrapper-box-transfer .box-transfer p {
	padding: 0 15px;
}
.wrapper-box-transfer .box-transfer ul {
	margin: 0 0 15px;
	padding: 0 15px;
}
.wrapper-box-transfer .box-transfer ul li {
	border-top: 1px #e6e5e6 dotted;
	color: #434343;
	padding: 7px 0;
	text-align: right;
}
.wrapper-box-transfer .box-transfer ul li label {
	float: left;
}
.wrapper-box-transfer .box-transfer ul>li:first-child { border: none;}
.wrapper-box-transfer .box-transfer-input {
	background: #eee5f6;
	border-radius: 10px;
	padding: 15px;
	font-size: 18px;
	margin: 10px 0 0;
	color: #541870;
}
.wrapper-box-transfer .box-transfer-input b { color: #000; padding: 0 8px;}
.wrapper-box-transfer .box-transfer-input input {
	font-size: 18px;
	height: 25px;
	margin: 0;
}
.wrapper-box-transfer .box-transfer-input .btn {
	height: 35px;
}
.text-error {
	display: block;
	color: #f40813;
	font-size: 14px;
}

/* Datepicker */
.datepicker {
	padding: 0;
	border: none;
}
.datepicker .day:hover {background: #ccc;}
.datepicker .today {background: #a6479b}
.datepicker .today:hover {background: #d86acb}
.month {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	height: 25px;
	line-height: 25px;
}
.datepicker .month:hover {background: #ccc;}
.datepicker .month.active {background: #a6479b}
.datepicker .month.active:hover {background: #d86acb}

.box-error {
	width: 35%;
	border-radius: 8px;
	min-height: 70px;
	padding: 20px 20px 20px 135px;
	margin: 15px auto 15px;
}
.box-error p b { font-size: 20px; font-weight: normal; padding-bottom: 7px;}

.survey-head {
	position: relative;
	padding: 0 200px 0 0;
	margin-bottom: 10px;
	min-height: 60px;
}
.survey-head h3 {
	font-size: 20px;
	line-height: normal;
	color: #541870;
}
.survey-head .number {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	background: #eee5f6;
	padding: 7px 5px;
}
.survey-head .number p { margin: 0 0 2px;}
.survey-head .number b { font-size: 16px;}

.bootstrap-datetimepicker-widget td ,
.bootstrap-datetimepicker-widget table { border: none;}
.bootstrap-datetimepicker-widget th.next:hover,
.bootstrap-datetimepicker-widget th.prev:hover, 
.bootstrap-datetimepicker-widget th.datepicker-switch:hover {background: #d86acb !important}

.wrapper-term h3 {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding: 0;
	margin: 0 0 15px;
	line-height: normal;
}
.wrapper-term h4 {
	font-weight: normal;
	font-size: 18px;
	text-decoration: underline;
	text-align: center;
	margin: 15px 0;
}
.term-box ol {
	border-radius: 10px;
	background: #eee;
	height: 250px;
	padding: 15px 20px;
	margin: 0;
	overflow: auto;
}
.term-box ol li {
	padding: 0;
	margin: 0 0 15px;
	color: #555;
}
.term-box ol li p {
	padding: 0;
	margin: 0 0 5px;
	font-size: 12px;
	text-indent: 20px;
}
.term-box ol li p.head {
	font-weight: bold;
	font-size: 14px;
	margin-left: -20px;
}
.wrapper-form-02 {
	background-color: rgba(255,255,255,0.6);
	padding: 15px 15px 0;
	margin: 0 0 20px; 
}
.wrapper-form-02 label { display: inline; vertical-align: middle;}
.wrapper-form-02 label input[type="radio"],
.wrapper-form-02 label input[type="checkbox"] { margin: 0}
.wrapper-form-02 ul {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ecebeb;
	overflow: hidden;
	border-radius: 10px;
	padding: 5px 0;
	margin: 10px 0 15px;
}
.wrapper-form-02 ul li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
.wrapper-form-02 ul li label { margin-left: 10px;}

.survey-page-detail .comment-detail {
	margin: 0 15px 15px 15px;
	background: #fff;
	border: 1px solid #ddd;	
}
.survey-page-detail .comment-detail .comment-title {
	font-size: 18px;
	padding: 8px 15px;
	background: #ecebeb;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.survey-page-detail .comment-detail .detail {
	padding: 10px;
}
.survey-page-detail .comment-detail .detail textarea {
	width: 97%;
}
.wrapper-add-comment {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	background: #ecebeb;
	padding: 10px 15px 5px;
}
.wrapper-add-comment input { margin-top: 0;}
.wrapper-add-comment .add {
	font-size: 12px;
	margin-left: 15px;
	vertical-align: middle;
}
.list-comment { padding: 0 15px;}
.list-comment ul { margin: 0}
.list-comment ul li {
	padding: 7px 15px 7px 100px;
	background-color: #f7f0fe;
	border-bottom: 1px solid #e6e5e6;
	position: relative;
}
.list-comment ul>li:nth-of-type(odd) {
	background-color: #fff;
}
.list-comment ul li div {
	position: absolute;
	left: 15px;
	top: 5px;
	font-size: 12px;
	text-align: center;
	line-height: 105%;
	color: #444;
}
.list-comment ul li div span { display: block;}

.wrapper-rate {}
.wrapper-rate ul {
  margin: 20px 0;
  padding: 0 20px;
}
.wrapper-rate ul li {
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px; 
}
.wrapper-rate ul li label {
  float: left;
  text-align: left;
  font-size: 20px;
  font-weight: normal;
}
.wrapper-rate ul li>label {
	width: 31.914893617021278%;
	padding-top: 3px;
}
.wrapper-rate ul li>span {
	float: left;
	    font-size: 20px;
}
.wrapper-rate ul li .text-error { padding-right: 32px;}
.wrapper-rate ul li>label .text-error { display: inline; padding: 0;}
.wrapper-rate ul li input[type="text"] {
	    border: 1px solid #ccb5f1;
    border-radius: 50px;
    padding: 0 15px;
    min-height: 30px;
}
.wrapper-rate ul li div.radio { text-align: left;}
.wrapper-rate ul li div.radio label {color: #434343; font-size: 20px;}
.wrapper-rate ul li input[disabled] { background: #eee5f6 !important;}

/* Checkbox */
.radio, .checkbox{
    margin-bottom:0;
    margin-top:0;
    padding-left:  0;
}
.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 20px;
    margin-bottom:6px;
}

.radio input[type=radio] {
    display: none;
}
.radio label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 2.5px;
    background-color: #fff;
    border:1px solid #c2c6cb;
    border-radius: 99px;
}

.radio label:after {
    font-size: 13px;
    content: "";
    text-align: center;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 99px;
    left:0px;
    top:-1px;   
    background-color: #6f7b8a;  
    border:1px solid #6f7b8a;
}
.radio input[type=radio][disabled]+ label{	
    opacity: 0.65;
}
.checkbox input[type=radio][disabled]+ label:after {
    background-color:#eceff3;
}

.radio.radio-success label:after { 
    background-color: #0090D9;  
    border:1px solid #0090D9;
}

.radio.radio-primary label:after { 
    background-color: #0AA699;  
    border:1px solid #0AA699;
}

.radio.radio-info label:after { 
    background-color: #1F3853;  
    border:1px solid #1F3853;
}

.radio.radio-warning label:after { 
    background-color: #FDD01C;  
    border:1px solid #FDD01C;
}

.radio.radio-danger label:after { 
    background-color: #F35958;  
    border:1px solid #F35958;
}

.radio input[type=radio]:checked + label{	
    color: #4d5056;
}
.radio input[type=radio]:checked + label:after { 
    -o-transform: scale(0.63);
    -ms-transform: scale(0.63);
    -moz-transform: scale(0.63);
    -webkit-transform: scale(0.63);
    transform:scale(0.63);
    line-height: 18px;  
    -o-transition: -o-transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    -ms-transition: -ms-transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    -moz-transition: -moz-transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    -webkit-transition: -webkit-transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    -o-transition: transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    -ms-transition: transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    -moz-transition: transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    -webkit-transition: transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
    transition: transform .1s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330);
}
.radio input[type=radio]:checked + label:before {  
    border:1px solid #8e9095;
}
.radio.radio-success input[type=radio]:checked + label:before {  
    border:1px solid #0090D9;
}
.radio.radio-primary input[type=radio]:checked + label:before {  
    border:1px solid #0AA699;
}
.radio.radio-info label input[type=radio]:checked + :before {  
    border:1px solid #1F3853;
}
.radio.radio-warning input[type=radio]:checked + label:before {  
    border:1px solid #FDD01C;
}
.radio.radio-danger input[type=radio]:checked + label:before {  
    border:1px solid #F35958;
}
.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 20px;
    margin-bottom:6px;
    color: #777a80;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: 1.4px;
    background-color: #fff;
    border:1px solid #c2c6cb;
    border-radius: 3px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left:3.2px;
    top:2px;  
    font-size:11px;  
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}

.checkbox  input[type=checkbox] {
    display: none;
}
.checkbox label {
    margin-bottom: 10px;
}
.checkbox label:after {
    border-radius: 3px;
}
.checkbox.checkbox-circle label:after {
    border-radius: 99px;
}
.checkbox.checkbox-circle label:before {
    border-radius: 99px;
}

.checkbox input[type=checkbox]:checked + label::after  {
    font-family: 'FontAwesome';
    content: "\F00C";
}
.checkbox input[type=checkbox]:checked + label{
    color: #4d5056;
}

.checkbox input[type=checkbox][disabled]+ label{	
    opacity: 0.65;
}
.checkbox input[type=checkbox][disabled]+ label:before {
    background-color:#eceff3;
}
@media \0screen  {
    .radio input[type=radio], .checkbox input[type=checkbox] {
        display: inline;
        float: none;
        margin-left: 0;
    }
    .radio label, .checkbox label {
        padding: 0;
        margin: 0 8px 0 0;
    }
    .radio label:before, .radio label:after,
    .checkbox label:before, .checkbox label:after {
        display: none;
    }
}

input[disabled]{color: #555;}
.btn i {display: none;}
.btn-primary {
	background: #3e1f6d;
	height: 35px;
	line-height: 35px;
	padding: 0 25px;
	color: #fff;
	border-radius: 50px;
	border: 0;
	font-family: ThaiSansNeue;
	font-weight: normal;
	font-size: 24px;
	cursor: pointer;
}
.btn-primary:hover,
.btn-primary:active{background-color: #3e1f6d;}
.alert {
	background-color: rgba(255,255,255,0.4) !important;
	color: #000;
	font-size: 18px;
	border: none;
	border-radius: 0;
}
.input-append {
	width: 100%;
	padding: 20px 0;
}
.input-append select {
	width: 300px;
	border: 1px solid #ccb5f1;
    border-radius: 50px;
    padding: 0 15px;
    min-height: 35px;
    background-color: rgba(255,255,255,0.6);
    margin-right: 20px; 
}
.input-append select:focus {
	outline: none;
}
.input-append .btn {
	background: #3e1f6d;
	width: 160px;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    color: #fff;
    border-radius: 50px;
    border: 0;
    font-family: ThaiSansNeue;
    font-weight: normal;
    font-size: 24px;
    border-radius: 50px !important;
}
.btn-download-pdf,.btn-download-pdf:active {
	background-image: url(../images/bg/icn-menu.png);
	background-position: 15px -608px;
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 38px;
    line-height: 38px;
    margin-bottom: -10px;
    font-size: 20px;
}
.btn-download-pdf:hover {background-position: 15px -608px;}

/* Add New CSS */
.wrapper-detail {
	background-color: rgba(255,255,255,0.6);
  padding: 15px 20px 15px;
  margin: 0 0 20px;
  border-radius: 7px;
}
.wrapper-detail h2.title {
	color: #3e1571;
	background: transparent;
	padding: 0;
	font-size: 26px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 10px;
}
.wrapper-detail .account-detail ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.wrapper-detail .account-detail ul li {
	width: 47%;
	float: left;
	margin: 0 8px 15px;
}
.wrapper-detail .account-detail ul li a {
	color: #000;
	display: block;
	width: 100%;
	padding: 80px 10px 0 90px;
	background-repeat: no-repeat;
	position: relative;
	border-radius: 10px;
}

.wrapper-detail .account-detail ul li p {}
.wrapper-detail .account-detail ul li.tgsaving a {
	background-color: #fff;
	background-image: url(../images/tgsaving-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
}
.wrapper-detail .account-detail ul li.ktb a{
	background-color: #00a6e6;
	background-image: url(../images/ktb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail ul li.bbl a{
	background-color: #313294;
	background-image: url(../images/bbc-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail ul li.kbank a{
	background-color: #34a94b;
	background-image: url(../images/kbank-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail ul li.scb a{
	background-color: #462279;
	background-image: url(../images/scb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail ul li.ttb a{
	background-color: #e6e7e9;
	background-image: url(../images/ttb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #004080;
}
.wrapper-detail .account-detail ul li.bay a{
	background-color: #6e5f5f;
	background-image: url(../images/bay-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail ul li a:hover {
	background-color: #e9d2ff;
	text-decoration: none;
}
.wrapper-detail .account-detail ul li p.name{
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 22px;
	padding-top: 5px;
}
.wrapper-detail .account-detail ul li p.acc-no{
	position: absolute;
	right: 15px;
	top: 42px;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.wrapper-detail .account-detail ul li p.money-status {
	position: relative;
	text-align: right;
	min-height: 20px;
	font-size: 20px;
	border-top: 1px dashed #efefef;
	margin: 0 0 0 -80px;
   padding: 3px 0;
}
.wrapper-detail .account-detail ul li p.money-status label {
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 2px;
}
.wrapper-detail .account-detail ul li p.money-status span.small {font-size: 16px;}

/**/
.wrapper-detail .account-detail-show {
	width: 380px;
	margin: 0 auto 20px;
}
.wrapper-detail .account-detail-show ul {
	padding: 0;
	margin: 0;
}
.wrapper-detail .account-detail-show ul li {
	margin: 0 8px 15px;
	position: relative;
	padding-left: 50px;
}
.wrapper-detail .account-detail-show ul li p.title {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
.wrapper-detail .account-detail-show ul li .box {
	color: #000;
	display: block;
	width: 100%;
	padding: 80px 10px 0 90px;
	background-repeat: no-repeat;
	position: relative;
	border-radius: 10px;
	background-repeat: no-repeat;
}
.wrapper-detail .account-detail-show ul li p.title {}
.wrapper-detail .account-detail-show ul li.tgsaving .box {
	background-color: #fff;
	background-image: url(../images/tgsaving-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
}
.wrapper-detail .account-detail-show ul li.ktb .box{
	background-color: #00a6e6;
	background-image: url(../images/ktb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail-show ul li.bbl .box{
	background-color: #313294;
	background-image: url(../images/bbc-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail-show ul li.kbank .box{
	background-color: #34a94b;
	background-image: url(../images/kbank-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail-show ul li.scb .box{
	background-color: #462279;
	background-image: url(../images/scb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail-show ul li.ttb .box{
	background-color: #e6e7e9;
	background-image: url(../images/ttb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #004080;
}
.wrapper-detail .account-detail-show ul li.bay .box{
	background-color: #6e5f5f;
	background-image: url(../images/bay-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-detail .account-detail-show ul li p.name{
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 22px;
	padding-top: 5px;
}
.wrapper-detail .account-detail-show ul li p.acc-no{
	position: absolute;
	right: 15px;
	top: 42px;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.wrapper-detail .account-detail-show ul li p.money-status {
	position: relative;
	text-align: right;
	min-height: 20px;
	font-size: 20px;
	border-top: 1px dashed #efefef;
	margin: 0 0 0 -80px;
   padding: 3px 0;
}
.wrapper-detail .account-detail-show ul li p.money-status label {
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 2px;
}
.wrapper-detail .account-detail-show ul li p.money-status span.small {font-size: 16px;}
.wrapper-detail .wrapper-form {
	width: 380px;
	background: #fff;
	margin: 0 auto;
	border-radius: 10px;
}
.wrapper-detail .wrapper-form .red {
	color: red;
	font-size: 15px;
}
.wrapper-detail .wrapper-form h3 {
	padding: 0 15px;
	font-size:22px;
	line-height: 90%;
	padding-top: 15px;
}
.wrapper-detail .detail-success ul {
	background: transparent;
	margin: 0 0 15px;
	padding: 0 15px;
}
.wrapper-detail .detail-success ul li {
	position: relative;
	min-height: 20px;
	width: 100%;
	float: none;
	text-align: right;
	border-bottom: 1px solid #efefef;
	font-size: 20px;
	padding: 7px 10px 7px 150px;
	font-weight: bold;
	margin: 0;
}
.wrapper-detail .detail-success ul li label {
	position: absolute;
	left: 10px;
	font-size: 20px;
	margin: 0;
	font-weight: normal;
}
.wrapper-detail .detail-success ul li:last-child {border: none;}
.wrapper-detail .detail-success ul li span.small {font-size: 16px; font-weight: normal;}
.btn-gray {
    background: #e6e6e6;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    color: #616060;
    border-radius: 50px;
    border: 0;
    font-family: ThaiSansNeue;
    font-weight: normal;
    font-size: 24px;
}
.btn:focus {outline: none;}
.wrapper-otp {
	padding-top: 25px;
}
.wrapper-otp h3 {
	margin: 0 0 20px;
	 padding: 0 0 10px !important;
	 text-align: center;
}
.wrapper-otp h4 {
	text-align: center;
	margin: 0 0 15px;
}
.wrapper-otp p.pic {
	text-align: center;
	margin-bottom: 15px;
}
.wrapper-otp .form_inputs {
	width: 380px;
	margin: 0 auto;
}
.wrapper-success {
	width: 380px;
	margin: 50px auto 0;
	padding: 0 15px 20px;
	background: #fff;
	border-radius: 10px;
}
.wrapper-success p.pic {text-align: center; margin: 0;}
.wrapper-success p.pic img {margin-top: -45px;}
.wrapper-success h3 {
	text-align: center;
	font-size: 35px;
	margin: 0;
}
.wrapper-success h4 {
	text-align: center;
	font-size: 20px;
	margin: 0 0 20px;
	font-weight: normal;
}
.wrapper-success .success {
	position: relative;
	padding-left: 70px;
}
.wrapper-success .success .title {
	position: absolute;
	left: 10px;
	top: 30px;
	font-size: 18px;
	font-weight: bold;
}
.wrapper-success .acc-detail {
	text-align: right;
	border-radius: 5px;
	padding: 10px 20px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
.wrapper-success .acc-detail.tgsaving {
	background-color: #fff;
	background-image: url(../images/tgsaving-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	border: 1px solid #efefef;
}
.wrapper-success .acc-detail.ktb {
	background-color: #00a6e6;
	background-image: url(../images/ktb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-success .acc-detail.bbl {
	background-color: #313294;
	background-image: url(../images/bbc-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-success .acc-detail.kbank {
	background-color: #313294;
	background-image: url(../images/kbank-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-success .acc-detail.scb {
	background-color: #313294;
	background-image: url(../images/scb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-success .acc-detail.ttb {
	background-color: #313294;
	background-image: url(../images/ttb-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-success .acc-detail.bay {
	background-color: #313294;
	background-image: url(../images/bay-logo.png);
	background-size: 60px auto;
	background-position: 15px 10px;
	color: #fff;
}
.wrapper-success .acc-detail p.name{
	font-size: 22px;
	padding-top: 5px;
}
.wrapper-success .acc-detail p.acc-no{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.wrapper-success .detail-success ul {
	background: transparent;
}
.wrapper-success .detail-success ul li {
	position: relative;
	min-height: 20px;
	width: 100%;
	float: none;
	text-align: right;
	border-bottom: 1px solid #ccc;
	font-size: 20px;
	padding: 7px 10px 7px 150px;
	font-weight: bold;
	margin: 0;
}
.wrapper-success .detail-success ul li label {
	position: absolute;
	left: 10px;
	font-size: 20px;
	margin: 0;
	font-weight: normal;
}
.wrapper-success .detail-success ul li:last-child {border: none;}
.payment-menu {width: 400px; margin: 0 auto; padding-bottom: 20px;}
.payment-menu ul {
	background: transparent;
	overflow: hidden;
}
.payment-menu ul li {
	width: 33%;
	float: left;
}
.payment-menu ul li a {
	display: block;
	margin: 0 10px;
	background: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding: 15px 0 5px;
	color: #3e1f6d;
}
.payment-menu ul li a:hover {
	text-decoration: none;
	background: #e9d2ff;
}
.payment-menu ul li a p.pic{margin-bottom: 5px;}
.payment-menu ul li a p.pic img {width: 60%;}
/*.content .nav-list>li.ktb a{background-position: 7px -684px;}
.content .nav-list>li.bbl a{background-position: 7px -684px;}
.content .nav-list>li.kbank a{background-position: 7px -684px;}
.content .nav-list>li.scb a{background-position: 7px -684px;}
.content .nav-list>li.ttb a{background-position: 7px -684px;}
.content .nav-list>li.bay a{background-position: 7px -684px;}*/
.content .nav-list>li.cashout a{background-position: 7px -684px;}
.content .nav-list>li.qrpay a{background-position: 7px -722px;}
.content .nav-list>li.feedback a{background-position: 7px -760px;}
.content .nav-list>li.ktb a{background-position: 7px -798px;}
.content .nav-list>li.register-ktb a{background-position: 7px -836px;}
.content .nav-list>li.otp a{background-position: 7px -874px;}

/* Consent */
.wrapper-consent {
	width: 570px;
	padding: 160px 0 0;
	margin: 0 auto;
	background: url(../images/tgsaving.png) center 20px no-repeat;
	background-size: auto 120px;
}
.wrapper-consent .box {
	background: rgba(255,255,255,.50);
	border-radius: 10px;
	padding: 20px 20px 30px;
	margin-bottom: 15px;
}
.wrapper-consent .box h2.title {
	color: #3e1f6b;
	text-align: center;
	margin-bottom: 20px;
	font-size: 26px;
}
.wrapper-consent .detail-list {
	width: 90%;
  background: rgba(255,255,255,.50);
  border-radius: 10px;
  padding: 20px 20px 5px;
  margin: 0 auto 30px;
}
.wrapper-consent .detail-list ul {
  padding: 0;
  margin: 0;
}
.wrapper-consent .detail-list ul li {
  list-style: none;
  font-size: 20px;
  padding-left: 60px;
  position: relative;
  min-height: 48px;
  margin-bottom: 20px;
  padding-top: 8px;
  font-weight: 600;
}
.wrapper-consent .detail-list ul li span {
  position: absolute;
  left: 0;
  top: 0;
}
.wrapper-consent .wrapper-button {text-align: center;}
.wrapper-consent .wrapper-button .btn {
	width: 250px;
	font-size: 22px;
	font-weight: 600;
	line-height: 45px;
	height: 45px;
	display: block;
	margin: 0 auto 15px;
	border-radius: 50px;
}
.wrapper-consent .detail-box {
	width: 90%;
  background: rgba(255,255,255,.50);
  border-radius: 10px;
  padding: 20px;
  margin: 0 auto 30px;
}
.wrapper-consent .detail-box h2.title {
	text-align: left;
	color: #110e12;
	font-size: 22px;
	margin-bottom: 5px;
}
.wrapper-consent .detail-box p {
	font-size: 20px;
	line-height: 95%;
}
.wrapper-consent .wrapper-form  {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 20px;
  background: rgba(255,255,255,.50);
  border-radius: 10px;
  margin-bottom: 30px;
}
.wrapper-consent .wrapper-form h2.title {
	text-align: left;
	color: #110e12;
	font-size: 22px;
	margin: 15px 0 10px;
	padding: 0 15px;
	line-height: 100%;
}
.wrapper-form p.detail {
  font-size: 20px;
	line-height: 95%;
  margin-bottom: 20px;
  padding: 0 15px;
}
.wrapper-form .list-group {
  padding-top: 5px;
  border-top: 1px solid #f1bdd5;
}
.wrapper-form .list-group .list-group-item {
  background: none;
  border: none;
  margin: 0 15px;
  padding: 0;
  border-top: 1px solid #fffefe;
  padding: 15px 0 5px;
}
.wrapper-form .list-group .list-group-item:first-child { border-top: none;}
.wrapper-form .list-group .list-group-item .form-group>label{
  display: block;
  color: #253347;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}
.wrapper-form .list-group .list-group-item .form-group .form-control {
  padding: 6px 12px;
  height: 40px;
  font-size: 16px;
  margin-bottom: 5px;
}
.wrapper-form .list-group .list-group-item .form-group {
  margin-bottom: 0;
  padding-bottom: 0;
}
.wrapper-form .list-group .info {
  padding: 0px 15px 5px;
  font-size: 18px;
}
/* Modal */
.modal-open {overflow: hidden}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: auto;
	overflow-y: scroll
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	transform: translate(0,-25%);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0)
}
.modal-dialog {
	position: relative;
	z-index: 1050;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	background-clip: padding-box
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
	background-color: #000
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}
.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50)
}
.modal-header {
	min-height: 16.428571429px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {margin-top: -2px}
.modal-title {
	margin: 0;
	line-height: 1.428571429
}
.modal-body {
	position: relative;
	padding: 20px
}
.modal-footer {
	padding: 19px 20px 20px;
	margin-top: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer:before,.modal-footer:after {
	display: table;
	content: " "
}
.modal-footer:after {clear: both}
.modal-footer:before,.modal-footer:after {
	display: table;
	content: " "
}
.modal-footer:after {clear: both}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {margin-left: -1px}
.modal-footer .btn-block+.btn-block {margin-left: 0}
@media screen and (min-width: 768px) {
	.modal-dialog {
		width:600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
		box-shadow: 0 5px 15px rgba(0,0,0,0.5)
	}
}
.modal-body {padding-bottom: 0; font-size: 20px;}
.modal-body .section-title{
	font-family: ThaiSansNeue;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  color: #253347;
  margin: 0 0 10px;
}
.modal-footer {padding: 0;}
.modal-xs {width: 350px}
.modal-footer .btn-default {
  width: 100%;
  border: none;
  border-radius: 0 0 6px 6px;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  cursor: pointer;
}

/* Radio */
.radio{
  margin-bottom:0;
  margin-top:0;
  padding-left:  0;
}
.radio.inactive {
  opacity: 0.5;
  pointer-events: none;
}
.radio input[type=radio][disabled]+ label:after {background-color:#eceff3;}
.radio label {
  height: 40px;
  display: inline-block;
  cursor: pointer;
  width: 45%;
  position: relative;
  font-size: 14px;
  margin-bottom:6px;
  color: #5e6166 !important;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  position: relative;
  top: inherit;
  left: inherit;
  pointer-events: inherit !important;
}
.radio>input+ label {margin-right: 25px}
.radio> label:last-child {margin-right: 0}
.radio label:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 40px;
  background-color: #fff;
  border:1px solid #f3f3f3;
  border-radius: 8px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  z-index: 0;
}
.radio label::after {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  position: absolute;
  left:10px;
  top:5px;
  font-size:12px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  border-radius: 99px;
  border: 2px solid #3e1f6b;
  text-align: center;
  background: #fff;
  transform: scale(.6);
}
.radio label span {
  position: absolute;
  z-index: 100;
  font-size: 18px;
  font-weight: 600;
  top: 5px;
  left: 40px;
}
.radio input[type=radio] {display: none;}
.radio label {margin-bottom: 10px;}
.radio input[type=radio]:checked + label::after  {
  content: " ";
  background: #3E1F6D;
  color: #fff;
  border: 2px solid #fff; 
  outline: 2px solid #3E1F6D;
  width: 17px;
  height: 17px;
  left: 12px;
    top: 7px;
}
.radio input[type=radio]:checked + label::before  {
  background: #fff;
  border: 2px solid #6b4c9f;
}
.radio input[type=radio]:checked + label{
  color: #3e1f6b !important;
  font-weight: 400;
}
.radio input[type=radio][disabled]+ label{
	opacity: 1;
	cursor: default;
}
.radio input[type=radio][disabled]+ label:before {background-color:#fcfcfc;}
.btn-default {
	background-color: #fff;
	border-color: #3E1F6D;
	color: #3E1F6D;
}
.wrapper-detail .wrapper-consent {
	background: none;
	padding: 0;
	width: auto;
}
.wrapper-detail .wrapper-consent .wrapper-form {width: 477px}
.btn-primary.btn-mini {
	font-size: 18px;
	line-height: 25px;
	height: 25px;
	padding: 0 15px;
}

.btn-gray.btn-mini {
	font-size: 18px;
	line-height: 25px;
	height: 25px;
	padding: 0 15px;
}

.wrapper-consent div.detail {
	padding: 0 15px;
	font-size: 16px;
	line-height: 110%;
	font-weight: 600;
	color: #555;
}
.wrapper-consent div.detail h1 {
	background: none;
	padding: 0;
	color: #3e1f6d;
	font-weight: 600;
}
.wrapper-consent div.detail h2 {
	background: none;
	padding: 10px 0 10px;
	font-size: 16px;
	color: #110e12;
	font-weight: 600;
	line-height: 90%;
	height: inherit;
}
.wrapper-button .error {
	display: block;
	font-size: 20px;
	color: red;
	font-weight: 600;
	padding: 0 0 5px;
}

.modal {
	position: fixed;
	width: auto;
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	z-index: 1030;
	background-color:  rgba(0, 0, 0,0.5);
	overflow-y: hidden;
}