@charset "utf-8";
.cake-debug{
	text-align: left;
}

/*
Theme Name: TIPINSURE
Theme URI: http://www.tipinsure.com/
Author: inspire2designs
Author URI: http://www.inspire2designs.com/
Version: 1.0
*/

/* GENERAL */
body {background: #fff;-webkit-font-smoothing: antialiased}
/*p, li {color: #000; font: 13px/1.4 Tahoma;margin: 0}*/
p, li {color: #000; font: 12px/1.6 'THSarabunNew', sans-serif;margin: 0}
a {text-decoration: none}
a:hover {text-decoration: none}
a:focus {outline: 0;text-decoration: none}
h1, h2, h3, h4, h5, h6 {color: #000;font-family: 'DSNLardphraoRegular', sans-serif;line-height: 1.4;margin: 0}
h1 {font-size: 28px}
h2 {font-size: 24px}
h3 {font-size: 23px}
h4 {font-size: 22px}
h5 {font-size: 20px}
h6 {font-size: 18px}
.borderbottom {border-bottom: 3px solid #d7d7d7}
.form-control:focus {border-color: #ccc;box-shadow: none}
.hasbgcolor {background: #faf9f7}
.hasgraybg {background: #ecece8}
.haswhitebg {background: #fff}
.btn-primary {
	background: #1c3f95;
	border: none;
	font: 18px 'DSNLardphraoRegular', sans-serif;
	padding: 6px 25px;
	/*border-radius: 0;*/
}
.btn-default {
	/*background: #1c3f95;*/
	/*border: none;*/
	font: 18px 'DSNLardphraoRegular', sans-serif;
	padding: 6px 25px;
	/*border-radius: 0;*/
}
@media only screen and (max-width: 768px){
	.btn-res-product{
		margin-top: 40px;
	}
}
@media only screen and (max-width: 991px){
	.contact-back{
		width: 100%;
	}

	.dropdown-menu>li>a{
		color: #fff !important;
		font: 10px 'THSarabunNew', sans-serif!important;
	}

	.contact-back .f-control{
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
}
.red {color: #dc0000}
.navy {color: #1c3f95!important}
.purple {color: #3c279d}
.has-feedback .form-control-feedback {top: 27px;width: 20px!important;right: 20px !important;}
/*.travel_time_block .has-feedback .form-control-feedback {top: 27px;width: 20px!important;right: 20px !important;}*/
.travel_time_block .has-feedback .form-control-feedback {top: 27px;width: 20px!important;right: 40px !important;}
.travel_time_block_2 .has-feedback .form-control-feedback {top: 27px!important;width: 20px!important;right: 50px !important;}
.birthday_block .has-feedback .form-control-feedback {top: 1px;width: 20px!important;right: 50px !important;z-index: 100;}
.register_block .has-feedback .form-control-feedback {top: 30px;width: 20px!important;right: 20px !important;}
.benefit_block .has-feedback .form-control-feedback {top: 0px;width: 20px!important;right: 20px !important;}
.benefit_percent .has-feedback .form-control-feedback {width: 20px!important;right: 20px !important;}
.address_receipt_block .has-feedback .form-control-feedback {top: 0px;width: 20px!important;right: 30px !important;}
.question_block .has-feedback .form-control-feedback {top: 90px;width: 20px!important;right: 30px !important;}
.clearpad {clear: both;margin: 0 -13px}
.boxshadow {box-shadow: 0 0 3px rgba(0,0,0,.3)}

/* BOOTSTRAP 5 COLUMN */
@media (min-width: 768px){
	.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2  {width: 20%;*width: 20%}
}
@media (min-width: 1200px) {
	.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 20%;*width: 20%}
}
@media (min-width: 768px) and (max-width: 979px) {
	.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 20%;*width: 20%}
}

/* FONTS */
@font-face {
	font-family: 'DSNLardphraoRegular';
	src: url('../font/dsn_lardphrao-webfont.eot');
	src: url('../font/dsn_lardphrao-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/dsn_lardphrao-webfont.woff') format('woff'),
	url('../font/dsn_lardphrao-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'THSarabunNew';
	src: url('../font/thsarabunnew-webfont.eot');
	src: url('../font/thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/thsarabunnew-webfont.woff') format('woff'),
	url('../font/thsarabunnew-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'THSarabunNew';
	src: url('../font/thsarabunnew_bolditalic-webfont.eot');
	src: url('../font/thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/thsarabunnew_bolditalic-webfont.woff') format('woff'),
	url('../font/thsarabunnew_bolditalic-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'THSarabunNew';
	src: url('../font/thsarabunnew_italic-webfont.eot');
	src: url('../font/thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/thsarabunnew_italic-webfont.woff') format('woff'),
	url('../font/thsarabunnew_italic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'THSarabunNew';
	src: url('../font/thsarabunnew_italic-webfont.eot');
	src: url('../font/thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/thsarabunnew_italic-webfont.woff') format('woff'),
	url('../font/thsarabunnew_italic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'THSarabunNew';
	src: url('../font/thsarabunnew_bold-webfont.eot');
	src: url('../font/thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/thsarabunnew_bold-webfont.woff') format('woff'),
	url('../font/thsarabunnew_bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.thsarabunnew {font-family: 'THSarabunNew', sans-serif}
.lardphraoregular {font-family: 'DSNLardphraoRegular', sans-serif}
.font-bold {font-weight: bold;font-style: normal}
.font-italic {font-weight: normal;font-style: italic}
.font-bolditalic {font-weight: bold;font-style: italic}

/* HEADER */
.header {margin: 0 0 39px}
.header .logo {padding-top: 15px}

/* NAVIGATION */
.mainnav .nav li a, .mainnav .tab-content li a {font-family: 'DSNLardphraoRegular', sans-serif}
.mainnav .nav > li > a {color: #000;font-size: 21px;padding: 65px 10px 7px}
.mainnav .glyphicon-search {font-size: 14px}
.mainnav .nav > li > a:hover, .mainnav .nav > li > a:focus {background: none;color: #3c279d}
.mainnav .nav .open > a, .mainnav .nav .open > a:hover, .mainnav .nav .open > a:focus,
.mainnav .nav .active > a, .mainnav .nav .active > a {
	background: #3c279d url(../images_new/icon-cart-white.png) no-repeat center center;color: #3c279d;border-radius: 0;
}
.mainnav .nav > li > .buyonlinenav:hover, .mainnav .nav > li > .buyonlinenav:focus,
.mainnav .nav > li.active > .buyonlinenav, .mainnav .nav > li.active > .buyonlinenav:hover {
	background: #3c279d url(../images_new/icon-cart-white.png) no-repeat center center;
	color: #3c279d;
	border-radius: 0;
}
.mainnav .nav > li > .promotionnav:hover, .mainnav .nav > li > .promotionnav:focus,
.mainnav .nav > li.active > .promotionnav, .mainnav .nav > li.active > .promotionnav:hover  {
	background: #3c279d url(../images_new/icon-promotion-white.png) no-repeat center center;color: #3c279d;border-radius: 0;
}
.mainnav .nav > li > .newsnav:hover, .mainnav .nav > li > .newsnav:focus,
.mainnav .nav > li.active > .newsnav, .mainnav .nav > li.active > .newsnav:hover  {
	background: #3c279d url(../images_new/icon-news-white.png) no-repeat center center;color: #3c279d;border-radius: 0;
}
.mainnav .nav > li > .manualnav:hover, .mainnav .nav > li > .manualnav:focus,
.mainnav .nav > li.active > .manualnav, .mainnav .nav > li.active > .manualnav:hover  {
	background: #3c279d url(../images_new/icon-manual-white.png) no-repeat center center; color: #3c279d;border-radius: 0;
}

.mainnav .nav > li > .contactnav:hover, .mainnav .nav > li > .contactnav:focus,
.mainnav .nav > li.active > .contactnav, .mainnav .nav > li.active > .contactnav:hover  {
	background: #3c279d url(../img/icon_product/history_small.png) no-repeat center center; color: #3c279d;border-radius: 0;
}

.mainnav .nav > li > .servicenav:hover, .mainnav .nav > li > .servicenav:focus,
.mainnav .nav > li.active > .servicenav, .mainnav .nav > li.active > .servicenav:hover  {
	background: #3c279d url(../images_new/icon-info-white.png) no-repeat center center;color: #3c279d;border-radius: 0;
}
.mainnav .nav.loginsearch .downlogin.open > a,
.mainnav .nav.loginsearch .downlogin.open > a:hover,
.mainnav .nav.loginsearch .downlogin.open > a:focus {
	background: #3c279d;color: #fff;border-radius: 0;
}
.mainnav .nav.loginsearch .downlogout.open > a,
.mainnav .nav.loginsearch .downlogout.open > a:hover,
.mainnav .nav.loginsearch .downlogout.open > a:focus {
	background: #fff;color: #3c279d;border-radius: 0;
}
.mainnav .nav.loginsearch .downsearch.open > a,
.mainnav .nav.loginsearch .downsearch.open > a:hover,
.mainnav .nav.loginsearch .downsearch.open > a:focus {
	background: #fff;color: #000;border-radius: 0;
}
.mainnav .dropdown-menu.dropbar {
	background: #3c279d;
	border: none;
	/*left: -243px;*/
	left: -276px;
	margin: 0;
	text-align: center;
	/*width: 1000px;*/
	width: 1138px;
	border-radius: 0;
	box-shadow: none;
	z-index: 10;
}
/*.mainnav .dropdown-menu.dropbarservice {left: -596px;z-index: 20}*/
/*.mainnav .dropdown-menu.dropbarservice {left: -521px;z-index: 20}*/
.mainnav .dropdown-menu.dropbarservice {left: -560px;z-index: 20}
.mainnav .dropdown-menu.dropbar > li {display: inline}
.mainnav .dropdown-menu.dropbar > li > a {color: #fff;display: inline;font-size: 20px;padding: 0 25px}
.mainnav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: none}

.mainnav .dropdown-menu.droplogin {
	background: #fff url(../images_new/login-bg.png) no-repeat 223px top;
	border: none;
	margin: 0;
	padding: 20px 20px 10px 10px;
	width: 351px;
	border-radius: 0;
	/*z-index: 99999;*/
	z-index: 1999;
	/*z-index: 1500;*/

	background-size: 128px 15px;
}
/*.mainnav .menulogin {width: 56px}*/
.mainnav .menulogin {width: 100%}
.login .mainnav .menulogin {width: auto}
.loginform label {color: #1c3f95;font: 23px/23px 'DSNLardphraoRegular', sans-serif}
.loginform .form-group {margin-bottom: 10px}
.loginform input {border-radius: 0}
.loginform h5 {color: #7a7a7a;float: right}
.loginform a {color: #1c3f95}
.loginform .btn-link {color: #1c3f95;float: right;font: 20px 'DSNLardphraoRegular', sans-serif}
.loginform .btn-link:hover {text-decoration: underline}
.loginform .btn-default {
	background: #ebece7;
	border: none;
	color: #434343;
	font: 20px 'DSNLardphraoRegular', sans-serif;
	padding: 6px !important;
}

.mainnav .dropdown-menu.dropsearch {
	border: none;
	margin: 0;
	padding: 0 0 8px 0;
	width: 350px;
	border-radius: 0;
	box-shadow: none;
}
.searchform input {border-radius: 0}
.navbar-right .dropdown-menu.dropsearch {right: -64px;top: 97%}

.loginsearch {padding-right: 23px}

.mainnav .dropdown-menu.droplogout {
	background: url(../images_new/logout-bg_new.png) no-repeat;
	border: none;
	margin: 0;
	padding: 10px;
	height: 187px;
	width: 159px;
	top: 93px;
	border-radius: 0;
	box-shadow: none;
	z-index: 99999;
}
.mainnav .dropdown-menu.droplogout li a {
	color: #000;
	font: 18px/28px 'DSNLardphraoRegular', sans-serif;
	text-align: center;
}
.mainnav .dropdown-menu.droplogout li .signout {color: #3c279d}
.mainnav .dropdown-menu.droplogout li a:hover {color: #3c279d}

/* ON HOVER */
ul.nav li.dropdown:hover > ul.dropdown-menu.dropbar {
	display: block;
}
.dropdown.parentdropbar.open .dropdown-menu.dropbar {z-index: 90}
.dropdown.parentdropbar.active .dropdown-menu.dropbar {z-index: 80}

.buyonline .mainnav .dropdown-menu.dropbar, .product .mainnav .dropdown-menu.dropbar,
.service-page .mainnav .dropdown-menu.dropbarservice {display: none}
.buyonline .entry .btn-primary {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	padding: 6px 30px;
}
.buyonline .entry .btn-default {
	padding: 6px 30px;
}

.buyonline-step .mainnav .dropdown-menu.dropbar {display: none}

.lostmodal .modal-header {border-bottom: none;text-align: center}
.lostmodal .modal-header h4 {color: #143a9b;font-size: 24px}
.lostmodal .modal-body {padding: 0 70px}
.lostmodal .modal-footer {border-top: none;margin-top: 0}
.lostmodal .modal-footer .btn-primary {
	background: #1C3F95;
	font-size: 22px;
	height: auto;
	padding: 10px 35px;
	border-radius: 5px;
}

.searchform.navbar-form {padding: 0 13px!important;margin: 0 -13px!important;box-shadow: none}
.searchform.navbar-form input {border-radius: 4px 0 0 4px}
.searchform .form-control{padding: 9px 12px 0px;!important}
/* FEATURED */
.featured {background: #c2c2c2}
.featured .buyonline-search {padding: 20px 15px 15px 0}
.featured .icon-cart-gray {background: url(../images_new/icon-cart-gray.png) no-repeat;padding: 2px 0 2px 45px}
.featured .buyonline-search form {margin-top: 15px}
.featured .buyonline-search label {color: #fff;font: 20px 'DSNLardphraoRegular', sans-serif;margin-bottom: 0}
.featured .buyonline-search .select {margin-bottom: 10px}
.featured .select2-container .select2-choice {
	background: #fff;
	border: 3px solid #c47920;
	font-size: 13px;
	height: 31px;
	line-height: 24px;
}
.featured .select2-container-active .select2-choice, .featured .select2-container-active .select2-choices {box-shadow: none}
.featured .select2-container .select2-choice > .select2-chosen {color: #555}
.featured .select2-results .select2-result-label {color: #555}
.featured .select2-highlighted .select2-result-label {color: #fff}
.featured .select2-container .select2-choice .select2-arrow {
	background: #c47920;
	border-left: 9px solid #c47920;
	width: 27px;
	border-radius: 0;
}
.select2-search {padding: 5px;position: relative}
.select2-drop, .select2-drop.select2-drop-above {box-shadow: none}
.select2-drop.select2-drop-above .select2-search input {margin-top: 0}
.select2-drop.select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active {
	border-color: #c47920;
	border-width: 3px;
}
.select2-results .select2-highlighted {background: #c47920}

.featured .btn-default {
	background: #ebece7;
	border: none;
	color: #434343;
	font: 20px 'DSNLardphraoRegular', sans-serif;
	margin-top: 10px;
}

/* SERVICE */
.service {background: #fbfbfb;overflow: hidden;margin-bottom: 20px;padding-top: 20px}
.service .entry {height: 240px;width: 179px;padding: 0 5px;text-align: center}
.service .entry p {font: 13px/23px 'thsarabunnew', sans-serif}
.service .entry .entry-media {
	background: #e7e7e7;height: 170px;position: relative;
	-webkit-transition: background-color 0.25s;
	-moz-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}
.service .entry .icon {
	height: 179px;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.entry .icon-insurance-truck {background: url(../images_new/icon-insurance-truck.png) no-repeat center center}
.entry .icon-insurance-heart {background: url(../images_new/icon-insurance-heart.png) no-repeat center center}
.entry .icon-insurance-pics {background: url(../images_new/icon-insurance-pics3.png) no-repeat center center}
.entry .icon-insurance-home {background: url(../images_new/icon-insurance-home.png) no-repeat center center}
.entry .icon-insurance-briefcase {background: url(../images_new/icon-insurance-briefcase.png) no-repeat center center}
.service .entry .mask {
	background: url(../images_new/service-mask.png) no-repeat center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}
.service .entry .entry-media a {
	color: #484149;
	font: 27px/0.8 'DSNLardphraoRegular', sans-serif;
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
}
.service .entry .entry-media:hover {background: #bbdadc}
.service .entry .entry-media:hover .icon {background-position: bottom center}
.service .entry .entry-media:hover .mask {background: url(../images_new/service-mask-hover.png) no-repeat center center}
.service .entry .entry-media:hover a {display: block;z-index: 999}

/* CONTENT */
.content {padding: 40px}
.topic {color: #3c279d}

.buychoice .entry {background: #faf9f7;margin-top: 20px;padding: 25px 20px;text-align: center;border-radius: 10px}
.buychoice .entry:hover {background: #fefefe}
.buychoice .entry figure {margin-bottom: 5px}

.buychoice .entry p,
.buychoice .entry > div {color: #373737;font: 12px/1.7 'THSarabunNew', sans-serif; min-height: 100px;}
.buychoice .entry ul{
	margin-bottom: 0
}
.buychoice .entry p:empty{ display: none}

.type-topic {margin-bottom: 10px}
.type-topic h4 {color: #ac0000;line-height: 1; height: 2rem;}
.type-topic h6 {color: #6a6a6a;line-height: 1; height: 5rem;}

.buystep {padding: 30px;text-align: center}
.buystep h5 {line-height: 1;margin-top: 15px}

.buyonline-step .content {padding: 10px 0}
.buyonline-step .topic {margin-bottom: 15px;text-align: center}
.buyonline-step .topic h1 {font-size: 48px;line-height: 1.0}
.buyonline-step .topic h1 span {color: #ac0000}
.buyonline-step .topic h3 {font: 21px 'THSarabunNew', sans-serif}
.buyonline-step .topic h3 p:first-child {font-size: 20px}

.buyonline-step .breadcrumb {
	background: url(../images_new/breadcrumb-bg.png) repeat-x;
	margin: 0 -13px;
	position: relative;
	text-align: center;
	z-index: 1040;
	border-radius: 0;
}
.buyonline-step .breadcrumb > li {color: #fff;font: 23px 'DSNLardphraoRegular', sans-serif;padding-bottom: 10px}
.buyonline-step .breadcrumb > .active > a {border-bottom: 4px solid #3c279d}
.buyonline-step .breadcrumb > li + li:before {color: #fff;content: none}
.buyonline-step .breadcrumb > li > a {color: #fff;padding: 0 5px 10px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.buyonline-step .breadcrumb > li {padding-bottom: 12px}
	.buyonline-step .breadcrumb > .active > a {padding-bottom: 12px}
}

.buyonline-step .btn-primary {
	color: #fff;
	background-color: #AC0000;
	border-color: #AC0000;
	padding: 6px 30px;
}
.btn-primary:hover, .btn-primary:focus,.btn-primary:active,.btn-primary.active {
	color: #fff;
	background-color: #800000;
	border-color: #800000;
}
.buyonline-step .btn-default {

	padding: 6px 30px;
}

.buyonline-step .btn-primary.long {background: url(/images_new/red-long-bn.png) no-repeat;width: 220px}
.buyonline-step .nav-justified {display: table}
.buyonline-step .nav-justified > li {display: table-cell;width: auto}
.buyonline-step hr {border-width: 2px 0 0;width: 80%}
.buyonline-step .req-rate {margin: 20px 0;text-align: center}
.buyonline-step .req-condition {margin-bottom: 25px;text-align: center}
.buyonline-step .req-condition h3 {color: #1c3f95;font-size: 29px;margin-bottom: 0}
.buyonline-step .req-condition h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}
.buyonline-step .req-protection h5 {color: #1c3f95;line-height: 1}

#tab1 .req-protection .col-sm-6:nth-child(2n+1) {clear: left}

.step-1-detail {padding-top: 10px}
.step-1-detail .entry {border-bottom: 3px solid #c7c7c7;padding: 20px}
.step-1-detail .entry figure {float: left;margin-right: 20px}
.step-1-detail .entry p {font: 15px/28px 'THSarabunNew', sans-serif}
.step-1-detail .entry p b {color: #ac0000;font-size: 18px}

.step-2-detail .hasgraybg {margin-top: -10px}
.step-2-detail .entry {padding-top: 10px}
.step-2-detail h4 {color: #ac0000;margin-bottom: 10px;text-align: center}
.step-2-detail .control-label {font: 19px 'DSNLardphraoRegular', sans-serif;}
.step-2-detail .control-label span {color: #ac0000}
.step-2-detail .form-inline .control-label {padding: 0 5px}
/*.step-2-detail .btn-primary {margin-bottom: 30px}*/
.step-2-detail .btn-primary {margin-bottom: 1px}
.step-2-detail .note {margin: 10px 0}
.step-2-detail .note p {color: #6a6a6a;font: 12px/1.6 'THSarabunNew', sans-serif}

.step-2-detail .req-topic {margin: 30px 0 20px;text-align: center}
.step-2-detail .req-topic figure {margin-bottom: 10px}
.step-2-detail .req-topic h4 {color: #1c3f95;font-size: 27px;margin-bottom: 0}
.step-2-detail .req-topic h6 {font-size: 23px}
.step-2-detail .nav-pills > li.active > a, .step-2-detail .nav-pills > li.active > a:hover,
.step-2-detail .nav-pills > li.active > a:focus {background: none;color: #1c3f95}
.step-2-detail .nav > li > a:hover, .step-2-detail .nav > li > a:focus {background: none}
.step-2-detail .nav > li > a {
	color: #dfdfdf;
	font: 13px/1.2 'THSarabunNew', sans-serif;
	padding: 80px 10px 20px;
	text-align: center;
}

.step-2-detail .nav-pills > li {background: #dfdfdf url(../images_new/steptab-bg.png) no-repeat center bottom}
.step-2-detail .nav-pills > li.active {background: #eee url(../images_new/steptab-bg-active.png) no-repeat center bottom}
.nav-pills > li > .tabcar, .nav-pills > li > .tabcar:hover {background: url(../images_new/tabcar.png) no-repeat center 50px!important}
.nav-pills > li.active > .tabcar {background: url(../images_new/tabcar-active.png) no-repeat center 40px!important}
.nav-pills > li > .tabtruck, .nav-pills > li > .tabtruck:hover {background: url(../images_new/tabtruck.png) no-repeat center 30px!important}
.nav-pills > li.active > .tabtruck {background: url(../images_new/tabtruck-active.png) no-repeat center 20px!important}
.nav-pills > li > .tabbus, .nav-pills > li > .tabbus:hover {background: url(../images_new/tabbus.png) no-repeat center 30px!important}
.nav-pills > li.active > .tabbus {background: url(../images_new/tabbus-active.png) no-repeat center 20px!important}
.nav-pills > li > .tabtext, .nav-pills > li > .tabtext:hover {
	color: #6a6a6a!important;
	font: 21px/1.0 'DSNLardphraoRegular', sans-serif!important;
	padding: 20px 10px 30px!important;
}

.step-2-detail .req-tab {text-align: center}
.step-2-detail .req-rate {margin: 20px 0}
.step-2-detail .req-rate h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}

.step-2-detail .req-protection h3 {color: #1c3f95;font-size: 29px;margin-bottom: 15px}
.step-2-detail .req-protection h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}
.step-2-detail .req-protection p {color: #6a6a6a;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.step-2-detail .req-protection figure {margin-bottom: 10px}
.step-2-detail .req-protection .col-sm-12, .step-2-detail .req-protection .col-sm-6 {margin-bottom: 30px}
.step-2-detail .req-protection .col-sm-6 {height: 180px}
.step-2-detail .req-protection .col-sm-6:nth-child(2n+1) {clear: left}
.step-2-detail .req-protection .bigtext {font-size: 17px;font-weight: bold}
.step-2-detail .req-protection .bigbigtext {font-size: 20px;font-weight: bold;line-height: 1.5}

.step-toggle {
	background: url(../images_new/arrow-red-up.png) no-repeat center center;
	display: block;
	height: 30px;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
.step-toggle.collapsed {background: url(../images_new/arrow-red-down.png) no-repeat center center}

.step-3-detail .hasgraybg {margin-top: -10px}
.step-3-detail .entry {padding-top: 10px}
.step-3-detail h4 {color: #ac0000;margin-bottom: 10px;text-align: center}
.step-3-detail .control-label {font: 19px 'DSNLardphraoRegular', sans-serif}
.step-3-detail .control-label span {color: #ac0000}
.step-3-detail .form-inline .control-label {padding: 0 5px}
.step-3-detail .note {margin: 10px 0}
.step-3-detail .note p {color: #6a6a6a;font: 12px/1.6 'THSarabunNew', sans-serif}

.step-3-detail .req-topic {margin: 30px 0 20px;text-align: center}
.step-3-detail .req-topic figure {margin-bottom: 10px}
.step-3-detail .req-topic h4 {color: #1c3f95;font-size: 27px;margin-bottom: 0}
.step-3-detail .req-topic h6 {font-size: 23px}
.step-3-detail .nav-pills > li.active > a, .step-3-detail .nav-pills > li.active > a:hover,
.step-3-detail .nav-pills > li.active > a:focus {background: none;color: #1c3f95}
.step-3-detail .nav > li > a:hover, .step-3-detail .nav > li > a:focus {background: none}
.step-3-detail .nav > li > a {
	color: #dfdfdf;
	font: 13px/1.2 'THSarabunNew', sans-serif;
	padding: 80px 10px 20px;
	text-align: center;
}

.step-3-detail .nav-pills > li {background: #dfdfdf url(../images_new/steptab-bg.png) no-repeat center bottom}
.step-3-detail .nav-pills > li.active {background: #eee url(../images_new/steptab-bg-active.png) no-repeat center bottom}

.step-3-detail .req-tab {text-align: center}
.step-3-detail .req-rate {margin: 20px 0}
.step-3-detail .req-rate h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}

.step-3-detail .req-protection h3 {color: #1c3f95;font-size: 29px}
.step-3-detail .req-protection h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}
.step-3-detail .req-protection p {color: #6a6a6a;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.step-3-detail .req-protection figure {margin-bottom: 10px}
.step-3-detail .req-protection .col-sm-12, .step-3-detail .req-protection .col-sm-6 {margin-bottom: 30px}
.step-3-detail .req-protection .col-sm-6 {height: 180px}
.step-3-detail .req-protection .col-sm-6:nth-child(2n+1) {clear: left}
.step-3-detail .req-protection .bigtext {font-size: 17px;font-weight: bold}
.step-3-detail .req-protection .bigbigtext {font-size: 20px;font-weight: bold;line-height: 1.5}

.step-4-detail .hasgraybg {margin-top: -10px}
.step-4-detail .entry {padding-top: 10px}
.step-4-detail h4 {color: #ac0000;margin-bottom: 10px;text-align: center}
.step-4-detail .control-label {font: 19px 'DSNLardphraoRegular', sans-serif;}
.step-4-detail .control-label span {color: #ac0000}
.step-4-detail .form-inline .control-label {padding: 0 5px}
/*.step-4-detail .btn-primary {margin-bottom: 30px}*/
.step-4-detail .note {margin: 10px 0}
.step-4-detail .note p {color: #6a6a6a;font: 12px/1.6 'THSarabunNew', sans-serif}

.step-4-detail .req-topic {margin: 30px 0 20px;text-align: center}
.step-4-detail .req-topic figure {margin-bottom: 10px}
.step-4-detail .req-topic h4 {color: #1c3f95;font-size: 27px;margin-bottom: 0}
.step-4-detail .req-topic h6 {font-size: 23px}
.step-4-detail .nav-pills > li.active > a, .step-4-detail .nav-pills > li.active > a:hover,
.step-4-detail .nav-pills > li.active > a:focus {background: none;color: #1c3f95}
.step-4-detail .nav > li > a:hover, .step-4-detail .nav > li > a:focus {background: none}
.step-4-detail .nav > li > a {
	color: #dfdfdf;
	font: 13px/1.2 'THSarabunNew', sans-serif;
	padding: 80px 10px 20px;
	text-align: center;
}

.step-4-detail .nav-pills > li {background: #dfdfdf url(../images_new/steptab-bg.png) no-repeat center bottom}
.step-4-detail .nav-pills > li.active {background: #eee url(../images_new/steptab-bg-active.png) no-repeat center bottom}

.step-4-detail .req-tab {text-align: center}
.step-4-detail .req-rate {margin: 20px 0}
.step-4-detail .req-rate h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}

.step-4-detail .req-protection h3 {color: #1c3f95;font-size: 29px}
.step-4-detail .req-protection h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}
.step-4-detail .req-protection p {color: #6a6a6a;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.step-4-detail .req-protection figure {margin-bottom: 10px}
.step-4-detail .req-protection .col-sm-12, .step-4-detail .req-protection .col-sm-6 {margin-bottom: 30px}
.step-4-detail .req-protection .col-sm-6 {height: 180px}
.step-4-detail .req-protection .bigtext {font-size: 17px;font-weight: bold}
.step-4-detail .req-protection .bigbigtext {font-size: 20px;font-weight: bold;line-height: 1.5}
.step-4-detail .hasgraybg {margin-top: -10px}
.step-4-detail .entry {padding-top: 10px}
.step-4-detail h4 {color: #ac0000;margin-bottom: 10px;text-align: center}
.step-4-detail .control-label {font: 19px 'DSNLardphraoRegular', sans-serif;}
.step-4-detail .control-label span {color: #ac0000}
.step-4-detail .form-inline .control-label {padding: 0 5px}
.step-4-detail .note {margin: 10px 0}
.step-4-detail .note p {color: #6a6a6a;font: 12px/1.6 'THSarabunNew', sans-serif}

.step-4-detail .req-topic {margin: 30px 0 20px;text-align: center}
.step-4-detail .req-topic figure {margin-bottom: 10px}
.step-4-detail .req-topic h4 {color: #1c3f95;font-size: 27px;margin-bottom: 0}
.step-4-detail .req-topic h6 {font-size: 23px}
.step-4-detail .nav-pills > li.active > a, .step-4-detail .nav-pills > li.active > a:hover,
.step-4-detail .nav-pills > li.active > a:focus {background: none;color: #1c3f95}
.step-4-detail .nav > li > a:hover, .step-4-detail .nav > li > a:focus {background: none}
.step-4-detail .nav > li > a {
	color: #dfdfdf;
	font: 13px/1.2 'THSarabunNew', sans-serif;
	padding: 80px 10px 20px;
	text-align: center;
}

.step-4-detail .nav-pills > li {background: #dfdfdf url(../images_new/steptab-bg.png) no-repeat center bottom}
.step-4-detail .nav-pills > li.active {background: #eee url(../images_new/steptab-bg-active.png) no-repeat center bottom}

.step-4-detail .req-tab {text-align: center}
.step-4-detail .req-rate {margin: 20px 0}
.step-4-detail .req-rate h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}

.step-4-detail .req-protection h3 {color: #1c3f95;font-size: 29px}
.step-4-detail .req-protection h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}
.step-4-detail .req-protection p {color: #6a6a6a;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.step-4-detail .req-protection figure {margin-bottom: 10px}
.step-4-detail .req-protection .col-sm-12, .step-4-detail .req-protection .col-sm-6 {margin-bottom: 30px}
.step-4-detail .req-protection .col-sm-6 {height: 180px}
.step-4-detail .req-protection .bigtext {font-size: 17px;font-weight: bold}
.step-4-detail .req-protection .bigbigtext {font-size: 20px;font-weight: bold;line-height: 1.5}

.step-5-detail h4 {color: #ac0000;margin-bottom: 20px}
.step-5-detail .entry {padding-bottom: 20px}
.step-5-detail .entry figure {float: left;margin-right: 20px}
.step-5-detail .entry p {font: 15px/28px 'THSarabunNew', sans-serif}
.step-5-detail .entry p b {color: #dc0000;font-size: 23px;font-weight: bold;line-height: 1.5}

.step-5-detail .hasgraybg {margin-top: -10px}
.step-5-detail .entry {padding-top: 10px}
.step-5-detail h4 {color: #ac0000;margin-bottom: 10px;text-align: center}
.step-5-detail .control-label {font: 19px 'DSNLardphraoRegular', sans-serif;}
.step-5-detail .control-label span {color: #ac0000}
.step-5-detail .form-inline .control-label {padding: 0 5px}
/*.step-5-detail .btn-primary {margin-bottom: 30px}*/
.step-5-detail .note {margin: 10px 0}
.step-5-detail .note p {color: #6a6a6a;font: 12px/1.6 'THSarabunNew', sans-serif}

.step-5-detail .req-topic {margin: 30px 0 20px;text-align: center}
.step-5-detail .req-topic figure {margin-bottom: 10px}
.step-5-detail .req-topic h4 {color: #1c3f95;font-size: 27px;margin-bottom: 0}
.step-5-detail .req-topic h6 {font-size: 23px}
.step-5-detail .nav-pills > li.active > a, .step-5-detail .nav-pills > li.active > a:hover,
.step-5-detail .nav-pills > li.active > a:focus {background: none;color: #1c3f95}
.step-5-detail .nav > li > a:hover, .step-5-detail .nav > li > a:focus {background: none}
.step-5-detail .nav > li > a {
	color: #dfdfdf;
	font: 13px/1.2 'THSarabunNew', sans-serif;
	padding: 80px 10px 20px;
	text-align: center;
}

.step-5-detail .nav-pills > li {background: #dfdfdf url(../images_new/steptab-bg.png) no-repeat center bottom}
.step-5-detail .nav-pills > li.active {background: #eee url(../images_new/steptab-bg-active.png) no-repeat center bottom}

.step-5-detail .req-tab {text-align: center}
.step-5-detail .req-rate {margin: 20px 0}
.step-5-detail .req-rate h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}

.step-5-detail .req-protection h3 {color: #1c3f95;font-size: 29px}
.step-5-detail .req-protection h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}
.step-5-detail .req-protection p {color: #6a6a6a;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.step-5-detail .req-protection figure {margin-bottom: 10px}
.step-5-detail .req-protection .col-sm-12, .step-5-detail .req-protection .col-sm-6 {margin-bottom: 30px}
.step-5-detail .req-protection .col-sm-6 {height: 180px}
.step-5-detail .req-protection .bigtext {font-size: 17px;font-weight: bold}
.step-5-detail .req-protection .bigbigtext {font-size: 20px;font-weight: bold;line-height: 1.5}

.confirm h4 {color: #ac0000;margin-bottom: 20px}
.confirm .entry {padding-bottom: 20px}
.confirm .entry figure {float: left;margin-right: 20px}
.confirm .entry p {font: 15px/28px 'THSarabunNew', sans-serif}
.confirm .entry p b {color: #dc0000;font-size: 23px;font-weight: bold;line-height: 1.5}

.payment {margin-bottom: 40px}
.payment h4 {color: #ac0000;margin: 20px 0}
.payment table {text-align: left}
.payment .btn-primary.purple.long {
	background: url(../images_new/purple-long-bn.png) no-repeat;
	color: #fff;
}
.payment .thankyou {margin-top: 20px}
.payment .thankyou h1 {font-size: 130px;line-height: 0.8}
.payment .thankyou p {font-size: 15px;margin-bottom: 30px}

.policy {margin-top: 20px}
.policy .row {margin-bottom: 20px;padding-bottom: 20px}
.policy .col-sm-2 {text-align: center}
.policy img {margin: 0 auto 10px}
.policy p {font: 15px/32px 'THSarabunNew', sans-serif}
.policy .bigtext {font-size: 30px;line-height: 32px}

.box {
	border: 1px solid #e9e9e9;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 10px 20px 20px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	border-radius: 10px;
}
.box h4 {
	background: url(../images_new/bullet-blue.png) no-repeat left center;
	color: #1c3f95;
	margin-bottom: 10px;
	padding-left: 20px;
	text-align: left;
}
.box table {margin-bottom: 20px;width: 100%}
.box table > tbody > tr > td {color: #1c3f95;font: 13px 'THSarabunNew', sans-serif}
.box table > tbody > tr > td:nth-child(1) {
	font: 22px 'DSNLardphraoRegular', sans-serif;
	padding: 0 0 2px 30px;
	vertical-align: top;
	width: 130px;
}
.box table.detail > tbody > tr > td:nth-child(1) {width: 200px}

/* PRODUCT*/
.product .content {padding: 40px 13px}
.product .req-topic, .product .req-sub-topic {margin-bottom: 20px;text-align: center}
.product .req-topic h4 {color: #1c3f95;font-size: 28px}
.product .req-topic .type-topic {margin-top: 10px}
.product .req-sub-topic h5 {color: #1c3f95;font-size: 23px;margin-bottom: 20px}
.product .req-sub-topic figure {height: 60px}
.product .req-sub-topic figure img.img-responsive {margin: 0 auto}
.product .req-sub-topic p {color: #1c3f95;font: 13px/1.5 'THSarabunNew', sans-serif}
.product .btn-primary {
	color: #fff;
	background-color: #AC0000;
	border-color: #AC0000;
	padding: 6px 30px;
}

.product .protect h5 {border-bottom: 2px solid #1c3f95;color: #1c3f95;font-size: 23px}
.product .protect ul {border-bottom: 1px solid #1c3f95;list-style: none;padding: 10px 0}
.product .protect li {color: #1c3f95;font: 13px/30px 'THSarabunNew', sans-serif;padding-left: 25px}
.product .protect li.have {background: url(../images_new/icon-check.png) no-repeat left 5px}
.product .protect li.plane {background: url(../images_new/icon-plane-check.png) no-repeat left 5px}
.buychoice article.entry li.plane {background: url(../images_new/icon-plane-check.png) no-repeat left 5px;padding-left: 27px;}
.product .protect li.nothave {background: url(../images_new/icon-cross.png) no-repeat left 5px}

.product .remark p {color: #dc0000;font: 11px 'THSarabunNew', sans-serif;margin-bottom: 15px}

.product .req-note h6, .product .req-note p {color: #1c3f95}
.product .req-note p {font: 13px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.buychoice article.entry ul{
	list-style: none;
	text-align: left;
}
.product .detail-tab .nav > li > a {
	background: #dfdfdf;
	color: #1c3f95;
	font: 22px 'DSNLardphraoRegular', sans-serif;
	padding: 7px 12px;
	border-radius: 0;
}
.product .detail-tab .nav-pills > li.active > a,
.product .detail-tab .nav-pills > li.active > a:hover,
.product .detail-tab .nav-pills > li.active > a:focus {background: #ecece8}
.product .detail-tab .dropdown-menu {
	border: none;
	margin-top: 0;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}
.product .detail-tab .dropdown-menu li {background: #dfdfdf;border-top: 1px solid #fff}
.product .detail-tab .dropdown-menu > li > a {color: #1c3f95;font: 13px 'THSarabunNew', sans-serif;padding: 5px 20px}
.product .detail-tab .dropdown-menu > li > a:hover,
.product .detail-tab .dropdown-menu > li > a:focus {background: #d3e1eb}
.product .detail-tab .dropdown span {color: #1c3f95;font-size: 15px}

.product .detail-tab-content {background: #ecece8;clear: both;padding: 40px 30px 30px;overflow: hidden}
.product .detail-tab-content .entry h4,
.product .generalpanel .entry h4,
.product .pricepanel .entry h4,
.product .assurepanel .entry h4 {color: #1c3f95;margin-bottom: 10px}
.product .detail-tab-content .entry p,
.product .generalpanel .entry p,
.product .pricepanel .entry p,
.product .assurepanel .entry p {color: #1c3f95;font: 13px 'THSarabunNew', sans-serif;margin-bottom: 15px}

.product .detail-tab-content .req-tab {text-align: center}
.product .detail-tab-content .req-rate {margin: 20px 0}
.product .detail-tab-content .req-rate h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}

.product .detail-tab-content .req-protection h3 {color: #1c3f95;font-size: 29px}
.product .detail-tab-content .req-protection h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}
.product .detail-tab-content .req-protection h5 {color: #1c3f95;line-height: 1}
.product .detail-tab-content .req-protection p {color: #6a6a6a;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.product .detail-tab-content .req-protection figure {margin-bottom: 10px}
.product .detail-tab-content .req-protection .col-sm-12, .product .detail-tab-content .req-protection .col-sm-6 {margin-bottom: 30px}
.product .detail-tab-content .req-protection .col-sm-6 {height: 180px}
.product .detail-tab-content .req-protection .bigtext {font-size: 17px;font-weight: bold}
.product .detail-tab-content .req-protection .bigbigtext {font-size: 20px;font-weight: bold;line-height: 1.5}

.product .detail-tab-content .req-tab .nav-pills > li.active > a,
.product .detail-tab-content .req-tab .nav-pills > li.active > a:hover,
.product .detail-tab-content .req-tab .nav-pills > li.active > a:focus {background: none;color: #1c3f95}
.product .detail-tab-content .req-tab .nav > li > a:hover,
.product .detail-tab-content .req-tab .nav > li > a:focus {background: none}
.product .detail-tab-content .req-tab .nav > li > a {
	color: #dfdfdf;
	font: 13px/1.2 'THSarabunNew', sans-serif;
	padding: 80px 10px 20px;
	text-align: center;
}
.product .detail-tab-content .req-tab .nav-pills > li {background: #dfdfdf url(../images_new/steptab-gray-bg.png) no-repeat center bottom}
.product .detail-tab-content .req-tab .nav-pills > li.active {background: #eee url(../images_new/steptab-gray-bg-active.png) no-repeat center bottom}
.product .detail-tab-content .req-tab .tab-content {margin-top: 20px}

.product .product-detail .topic-collapse a {
	background: #3c279d;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	font: 25px/1.0 'DSNLardphraoRegular', sans-serif;
	padding: 10px 13px;
	text-align: center;
}
.product .product-detail .topic-collapse .btn-long {background: #ac0000}

.product .protectpanel, .product .generalpanel, .product .pricepanel,
.product .assurepanel {padding: 15px 0;overflow: hidden}

.product .req-tab {text-align: center}
.product .req-rate {margin: 20px 0}
.product .req-rate h4 {color: #1c3f95;line-height: 1;margin-bottom: 0}

.product .req-protection h3, .product .entry h3 {color: #1c3f95;font-size: 29px}
.product .req-protection h4, .product .entry h4 {color: #1c3f95;;line-height: 1;margin-bottom: 0}
.product .req-protection h5, .product .entry h5 {color: #1c3f95;line-height: 1}
.product .req-protection p, .product .entry p {color: #6a6a6a;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 5px}
.product .req-protection figure {margin-bottom: 10px}
.product .req-protection .col-sm-12, .product .req-protection .col-sm-6 {margin-bottom: 30px}
.product .req-protection .col-sm-6 {height: 180px}
.product .req-protection .bigtext {font-size: 17px;font-weight: bold}
.product .req-protection .bigbigtext {font-size: 20px;font-weight: bold;line-height: 1.5}

.product .req-tab .nav-pills > li.active > a,
.product .req-tab .nav-pills > li.active > a:hover,
.product .req-tab .nav-pills > li.active > a:focus {background: none;color: #1c3f95}
.product .req-tab .nav > li > a:hover,
.product .req-tab .nav > li > a:focus {background: none}
.product .req-tab .nav > li > a {
	color: #dfdfdf;
	font: 13px/1.2 'THSarabunNew', sans-serif;
	padding: 80px 10px 20px;
	text-align: center;
}
.product .req-tab .nav-pills > li {background: #dfdfdf url(../images_new/steptab-bg.png) no-repeat center bottom}
.product .req-tab .nav-pills > li.active {background: #eee url(../images_new/steptab-bg-active.png) no-repeat center bottom}
.product .req-tab .tab-content {margin-top: 20px}


.product .req-tab .nav-pills > li > a:hover,
.product .req-tab .nav-pills > li.active > a:focus {background: none;color: #dfdfdf}
.product .req-tab .nav-pills > li.active > a,
.product .req-tab .nav-pills > li.active > a:hover{background: none;color: #1c3f95}

.product.travel .req-protection .req-rate {margin: 0}
.product.travel .req-protection .col-sm-6 {height: auto}

table {width: 100%}
.tabtable th {
	background: #dfdfdf;
	border-bottom: 1px solid #6a6a6a;
	border-left: 1px solid #6a6a6a;
	color: #1c3f95;
	font: 24px/1.0 'DSNLardphraoRegular', sans-serif;
	padding: 20px;
	text-align: center;
}
.tabtable td {
	border-bottom: 1px solid #6a6a6a;
	border-left: 1px solid #6a6a6a;
	color: #5d5d5d;
	font: 13px/1.0 'THSarabunNew', sans-serif;
	padding: 15px 10px;
	text-align: center;
}
.tabtable tr th:first-child, .tabtable tr td:first-child {border-left: none}
.striptable {background: #fff;border: 1px solid #ddd}
.striptable th {
	border-top: 3px solid #9da1a5;
	border-bottom: 3px solid #9da1a5;
	color: #484848;
	font: 20px/1.0 'DSNLardphraoRegular', sans-serif;
	padding: 10px;
}
.striptable td {
	border-bottom: 1px solid #ddd;
	color: #484848;
	font: 12px/1.6 'THSarabunNew', sans-serif;
	padding: 10px;
	text-align: left;
}

/* RATEBAR */
.ratebar {
	background: #e4e4e4;
	float: left;
	margin: 2px 15px 0 0;
	padding: 3px 1px;
	width: 75%;
	box-shadow: inset 1px 1px 1px #cbcbcb;
}
.ratebar span {background: url(../images_new/ratebar.png) repeat-x;display: block;height: 8px}

/* NEWS & PROMOTION */
.news-page .content {padding: 40px 40px 20px}
.news-page .news {margin-top: 1px}
.news-page .news-detail {padding: 0 113px}
.news-page .social {height: 25px;text-align: right}
.news-page .news-detail .img-responsive {margin-bottom: 20px}
.news-page .news-detail .tiny h3 {margin-bottom: 10px}
.news-page .news-detail .tiny p {color: #474849;font: 13px/22px 'THSarabunNew', sans-serif;margin-bottom: 15px}
.news-page .news-detail .tiny .indent {text-indent: 50px}
.news {margin-bottom: 45px}
.news header {background: #3c279d;margin-bottom: 45px;padding: 13px 0}
.news header h2 {color: #fff;float: left}
.news .icon-news {background: url(../images_new/icon-news.png) no-repeat left center;padding: 6px 0 2px 45px}
.news .col-md-6 {width: 512px}
.news .entry {height: 150px}
.news .entry .thumb {float: left;margin: 5px 15px 40px 0}
.news .entry .thumb img {width: 100%}
.news .entry h3 {line-height: 1.0}
.news .entry p {font: 13px/22px 'THSarabunNew', sans-serif}
.news .entry .btn-default {
	background: #d2d2d2;
	border: none;
	color: #474849;
	float: right;
	font: 15px 'DSNLardphraoRegular', sans-serif;
	margin-top: 5px;
	padding: 0 1px 2px 8px;
	border-radius: 0;
}
.news .entry .btn-default span {background: #ee1c25;color: #fff;font-size: 12px;padding: 5px 5px 6px}
.news .carousel-news-arrow {float: right;margin-top: 12px}
.news .carousel-news-arrow span {color: #fff;font-size: 20px;margin: 0 5px}

.pagi {margin-top: 10px;text-align: center}
.pagi a {
	color: #3c279d;
	font: 14px/14px Tahoma;
	margin: 0;
	padding: 5px 10px;
	display: inline-block;
}
.pagi a.selected {background: #3c279d;color: #fff;cursor: default}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {background: #3c279d;color: #fff}
.pagination > li > a, .pagination > li > span {color: #3c279d}

.pagination > li.myclass_active {
	float: left;
	padding: 5px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #3c279d;
	border: 1px solid #428bca;
	border-left-width: 0;
	color: #FFFFFF;
	cursor: default;
}

.pagination > li.myclass_active:first-child {
	border-left-width: 1px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
}

.pagination > li.myclass_active:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}
.pagination > li.myclass_disable {
	/*float: left;*/
	/*padding: 5px 12px;*/
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	/*border: 1px solid #dddddd;*/
	/*border-left-width: 0;*/
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination > li.myclass_disable:first-child {
	border-left-width: 1px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
}

.pagination > li.myclass_disable:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}
.promotion {margin: 1px 0 45px}
.promotion header {background: #3c279d;margin-bottom: 0;padding: 13px 0}
.promotion header h2 {color: #fff;float: left}
.promotion .entry {padding: 50px 100px}
.promotion .btn-promotion {margin-top: 20px;text-align: center}
.promotion .entry h3 {color: #1c3f95;text-align: center}
.promotion .entry p {color: #1c3f95;font: 13px/22px 'THSarabunNew', sans-serif}
.promotion .entry:hover {background: #f8f8f9}
.promotion .entry .toptype {background: #eeece6;padding: 20px 0;overflow: hidden}
.promotion .entry .req-topic {margin: 0 auto;text-align: center;width: 300px}
.promotion .entry .req-topic figure {float: left;margin-right: 10px}
.promotion .entry .req-topic .type-topic {float: left;width: auto}

/* CONTACT */
.contact {margin-bottom: 45px}
.contact header {background: #3c279d;margin-bottom: 45px;padding: 13px 0}
.contact header h2 {color: #fff;float: left}
.contact .contacttoggle span {color: #fff;float: right;font-size: 20px;margin-top: 10px}
.contact .contactpanel {clear: both}
.contact .contactpanel h4 {color: #fff;padding-top: 10px}
.contact .contactpanel li {color: #fff;padding-left: 10px}
.contact .contactpanel li a {color: #fff;display: block;font: 13px 'THSarabunNew', sans-serif}
.contact .contactpanel li a:hover {text-decoration: underline}
.contact .icon-pin {background: url(../images_new/icon-pin.png) no-repeat left center;padding: 6px 0 2px 45px}
.contact .panel {background: none;border: none;box-shadow: none}
.contact .panel-heading {padding: 0; border-radius: 0}
.contact .panel-title {font-size: 22px}
.contact .panel-group .panel-heading + .panel-collapse .panel-body {border-top: none}
.contact .panel-body {padding: 0}
.contact .panel-body ul {padding-left: 20px}
.contact .google-maps {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
	margin-bottom: 40px;
}
.contact .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}
.hotline {text-align: center}
.hotline .icon-mobile {
	background: #f0f0f0 url(../images_new/icon-mobile.png) no-repeat center center;
	display: inline-block;
	height: 50px;
	width: 50px;
	border-radius: 50px;
}
.hotline h4 {color: #3f3f3f;font-size: 25px}

.contactform label {font: 19px 'DSNLardphraoRegular', sans-serif}
.contactform.form-horizontal .control-label {text-align: left}
.contactform .form-group {margin-bottom: 5px}
.contactform .form-control {
	background: #e7e6e5;
	border: none;
	font-size: 13px;
	border-radius: 0;
	box-shadow: none;
}
.contactform .btn-default {
	background: #e7e6e5;
	border: none;
	color: #979797;
	font: 20px 'DSNLardphraoRegular', sans-serif;
	padding: 4px 10px;
	border-radius: 0;
}

/* REGISTER */
.register .lostbox {margin-bottom: 30px}
.register .lostbox h4 {color: #143a9b;font-size: 24px;text-align: center}
.register .lostbox .boxshadow {padding: 30px 50px}
.register .lostbox label {color: #505050;font: 22px 'DSNLardphraoRegular', sans-serif}
.register .lostbox .btn-primary {
	color: #fff;
	background-color: #AC0000;
	border-color: #AC0000;
	padding: 6px 30px;
}

.register .thanksbox {margin-bottom: 40px;text-align: center}
.register .thanksbox h1 {color: #ac0000;font-size: 48px;line-height: 1}
.register .thanksbox h4 {color: #ac0000;font-size: 24px}
.register .thanksbox p {color: #7b7b7b;font: 14px/1.7 'THSarabunNew', sans-serif;margin-bottom: 20px}
.register .thanksbox .red {color: #ac0000}
.register .thanksbox .img-responsive {margin: 0 auto 40px}
.register .thanksbox .btn-primary {
	color: #fff;
	background-color: #AC0000;
	border-color: #AC0000;
	padding: 6px 30px;
}

.register .registerbox h1 {color: #ac0000;font-size: 48px;line-height: 1;margin-bottom: 40px;text-align: center}
.register .registerbox .registerleft {margin-top: 10px;text-align: center}
.register .registerbox h3 {color: #ac0000;font-size: 27px}
.register .registerbox p {color: #7b7b7b;font: 14px/1.7 'THSarabunNew', sans-serif;margin-bottom: 20px}
.register .registerbox .red {color: #ac0000}
.register .registerbox .img-responsive {margin: 0 auto 40px}
.register .registerbox .btn-primary {
	color: #fff;
	background-color: #AC0000;
	border-color: #AC0000;
	padding: 6px 30px;
}

.register .detail-tab-content {clear: both;padding: 10px 0;overflow: hidden}
.register .detail-tab-content h4 {color: #ac0000;margin-bottom: 10px;text-align: center}
.register .detail-tab-content .control-label {color: #505050;font: 22px 'DSNLardphraoRegular', sans-serif}
.register .detail-tab-content .control-label span {color: #ac0000}
.register .detail-tab-content .form-inline .control-label {padding: 0 5px}
.register .detail-tab-content h5.control-label {margin-bottom: 5px}
.register .detail-tab-content .radio-inline {
	color: #505050;
	font: 12px 'THSarabunNew', sans-serif;
	margin: 0 0 5px 0;
	width: 100%;
}
.register .detail-tab-content .radio-inline.inline3 {width: 32%}
.register .detail-tab-content .radio-inline.inline2 {width: 40%}
.register .detail-tab-content .radio-inline.other {float: left;margin-top: 2px;width: 50px}
.register .detail-tab-content input.other {
	float: left;
	font-size: 12px;
	height: 28px;
	padding: 0 12px;
	width: auto;
}
.register .detail-tab-content .tab2 .entry .col-sm-12 {margin-bottom: 15px;overflow: hidden}

/* SERVICE */
.service-page h2 {color: #ac0000;font-size: 35px}
.service-page .content {padding: 40px 40px 20px}
.faq .panel {border: none;box-shadow: none}
.faq .panel-heading {padding: 0;border-radius: 0}
.faq .panel-heading .panel-title a {
	background: url(../images_new/faq-up.png) no-repeat left center;
	color: #ac0000;
	font-size: 20px;
	padding-left: 30px;
}
.faq .panel-heading .panel-title a.collapsed {
	background: url(../images_new/faq-down.png) no-repeat left center;
	color: #9a9898;
}
.faq .panel-body {border-top: none!important;padding-left: 30px;padding-top: 5px}
.faq .panel-body p {color: #1c3f95;font: 13px/1.62 'THSarabunNew', sans-serif}

.service-page .contact {padding: 30px 10px;box-shadow: 0 0 7px 1px rgba(0,0,0,.2)}
.service-page .contact h2 {margin-bottom: 10px}

.service-page .service-detail {overflow: hidden;margin-top: 30px}
.service-page .service-detail figure {float: left;margin: 0 10px 20px 0;text-align: center;width: 100px}
.service-page .service-detail h5 {color: #9a9898;font-size: 21px}
.service-page .service-detail p {color: #9a9898;font: 12px/1.62 'THSarabunNew', sans-serif}

.service-page .branchform label {
	color: #ac0000;
	font: 20px 'DSNLardphraoRegular', sans-serif;
	padding-right: 0;
	text-align: left;
}
.service-page .branchform .btn-default {
	background: #ac0000;
	border: none;
	color: #fff;
	font-size: 18px;
	padding: 4px 30px;
	border-radius: 5px;
}
.service-page .address {margin-bottom: 20px;text-align: center}
.service-page .google-maps {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
	margin: 0 auto 30px;
	width: 1000px;
}
.service-page .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}

.service-page .branchtable {margin: 0 auto 60px;width: 1000px}
.branchtable .table {border: 1px solid #ebebeb;width: 100%}
.branchtable .table tr th {
	background: #3c279d;
	border: none;
	color: #fff;
	font: 21px 'DSNLardphraoRegular', sans-serif;
	padding: 10px 20px;
	text-align: center;
}
.branchtable .table tr td {
	color: #161616;
	font: 13px 'THSarabunNew', sans-serif;
	padding: 10px 20px;
	text-align: center;
}
.branchtable .table tr td.text-left {text-align: left}

.branchtable .table-list {width: 100%}
.branchtable .table-list tr td {
	color: #161616;
	font: 13px 'THSarabunNew', sans-serif;
	padding: 10px 10px 10px 30px;
	vertical-align: top;
}
.branchtable .table-list .full-width {width: 100%}

.strip tr {background: #f8f8f8}
.strip tr:nth-child(odd) {background: #efefef}

.service-page .social {float: right;height: 25px}

.service-page .tiny {clear: both}
.compensation img {margin-bottom: 15px}
.tiny ul {padding: 0}
.tiny ul ul {padding-left: 20px}
.tiny li {color: #1c3f95;list-style: none;font: 13px 'THSarabunNew', sans-serif}
.tiny h3 {color: #1c3f95;margin-bottom: 5px;line-height: 1.2}

.compensation .panel-group {margin-top: 25px}
.compensation .panel {border: none;border-radius: 0;box-shadow: none}
.compensation .panel-group .panel + .panel {margin-top: 2px}
.compensation .panel-heading {
	background: #dfdfdf url(../images_new/accordion-white.jpg) no-repeat right center;
	padding: 0;
	border-radius: 0;
}
.compensation .panel-heading .panel-title a {
	background: url(../images_new/faq-up.png) no-repeat 240px center;
	color: #ac0000;
	display: block;
	font-size: 23px;
	padding: 7px 20px;
}
.compensation .panel-heading .panel-title a.collapsed {
	background: url(../images_new/faq-down.png) no-repeat 240px center;
	color: #9a9898;
}
.compensation .panel-heading .panel-title a.notoggle {background: none}
.compensation .panel-body {border-top: 1px solid #fff!important;padding: 0}
.compensation .panel-body ul {list-style: none;padding: 0;margin: 0}
.compensation .panel-body li {
	background: #dfdfdf url(../images_new/accordion-white.jpg) no-repeat right center;
	border-bottom: 1px solid #fff;
}
.compensation .panel-body li.active {background: #dcdbd8 url(../images_new/accordion-arrow.jpg) no-repeat right center}
.compensation .panel-body li a {
	color: #ac0000;
	font: 13px 'THSarabunNew', sans-serif;
	display: block;
	padding: 5px 20px;
}

.compensation .branchtable, .compensation .google-maps {width: 605px}
.compensation .google-maps {margin-bottom: 5px}
.compensation .branchtable h3 {color: #fff;padding: 5px 50px}
.compensation .branchtable .table tr td {font-size: 12px}
.compensation .icon-pin {background: #3c279d url(../images_new/icon-pin-small.png) no-repeat 15px center}

/* STAT */
.stat {margin-bottom: 5px;text-align: center}

/* FOOTER */
.footer {background: #3c279d;padding-top: 30px;text-align: center}
.footer ul {padding-left: 0}
.footer .footnav li {background-position: left center!important;display: inline;padding: 3px 30px 5px 25px}
.footer .footnav .icon-pen {background: url(../images_new/icon-pen.png) no-repeat}
.footer .footnav .icon-frame {background: url(../images_new/icon-frame.png) no-repeat}
.footer .footnav .icon-home {background: url(../images_new/icon-home.png) no-repeat}
.footer .footnav .icon-dart {background: url(../images_new/icon-dart.png) no-repeat}
.footer .footnav .icon-chain {background: url(../images_new/icon-chain.png) no-repeat}
.footer .footnav .icon-form {background: url(../images_new/icon-form.png) no-repeat}
.footer .footnav .icon-desktop {background: url(../images_new/icon-desktop.png) no-repeat}
.footer .footnav .icon-letter {background: url(../images_new/icon-letter.png) no-repeat}
.footer .footnav li a {color: #fff;font: 13px 'THSarabunNew', sans-serif}
.footer .footnav li a:hover {text-decoration: underline}
.footer .footer-info {border-top: 1px solid rgba(256,256,256,.2);margin-top: 20px;padding-top: 25px}
.footer .footer-info h6, .footer .footer-info p {color: #fff}
.footer .footer-info p {font-size: 12px}
.footer .footer-social li {display: inline}
.footer .footer-social a {display: inline-block;height: 36px;width: 36px;margin: 10px 5px;text-indent: -9999px}
.footer .footer-social .icon-facebook a {background: url(../images_new/icon-facebook.png) no-repeat}
.footer .footer-social .icon-twitter a {background: url(../images_new/icon-twitter.png) no-repeat}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.mainnav .dropdown-menu.dropbar {left: -228px;width: 940px}
	.mainnav .dropdown-menu.dropbarservice {left: -587px}
	.service .entry {width: 167px}
	.service .entry .entry-media {height: 167px}
	.service .entry .icon {height: 167px}
	.service .entry .mask {background: url(../images_new/service-mask-tablet.png) no-repeat center center}
	.service .entry .entry-media:hover .mask {background: url(../images_new/service-mask-hover-tablet.png) no-repeat center center}
	.service .entry .entry-media a {top: 43px;left: 44px}
	.news .col-md-6 {width: 480px}
	.footer .footnav-mobile li {display: block;padding-right: 0;text-align: left}

	.buyonline-step .breadcrumb > li {padding-bottom: 12px}

	.product .navbar-left {float: left}
	.product .navbar-right {float: right}

	.service-page .google-maps, .service-page .branchtable {width: 940px}

	.compensation .panel-heading .panel-title a {
		background: url(../images_new/faq-up.png) no-repeat 220px center;
	}
	.compensation .panel-heading .panel-title a.collapsed {
		background: url(../images_new/faq-down.png) no-repeat 220px center;
	}

	.compensation .branchtable, .compensation .google-maps {width: 565px}
}

@media (max-width: 960px) {
	/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {*/
	.nopadding-xs, .nopadding-sm {padding: 0}
	.content {padding: 10px}
	.service-page .content {padding: 10px}
	.header {margin-bottom: 0}
	.navbar {margin-bottom: 0}
	.navbar-brand {height: auto;padding: 0}
	.navbar-inverse {background: none;border: none}
	.navbar-inverse .navbar-toggle {border: none}
	.navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background: #3c279d;border-radius: 0}
	.navbar-toggle .icon-bar {height: 4px;border-radius: 0}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background: #311f81;border: none;padding: 10px 15px}
	.navbar-collapse h3 {border-bottom: 1px solid #fff;color: #fff;margin: 5px 0}
	.mobilenav .icon-mobile-home {background: url(../images_new/icon-mobile-home.png) no-repeat left center}
	.mobilenav .icon-mobile-cart {background: url(../images_new/icon-mobile-cart.png) no-repeat left center}
	.mobilenav .icon-mobile-trophy {background: url(../images_new/icon-mobile-trophy.png) no-repeat left center}
	.mobilenav .icon-mobile-news {background: url(../images_new/icon-mobile-news.png) no-repeat left center}
	.mobilenav .icon-mobile-book {background: url(../images_new/icon-mobile-book.png) no-repeat left center}
	.mainnav .nav > li {border-bottom: 1px solid rgba(256,256,256,.1);padding: 5px}
	.mainnav .nav > li > a {color: #fff;font: 13px 'THSarabunNew', sans-serif;padding: 0 0 0 25px}
	.mainnav .nav > li > a:hover {color: #fff}
	.mobile-login {background: #513abb;color: #fff;display: block;padding: 10px;text-align: center}
	.mobile-login:hover {color: #fff}
	.featured-wrapper {background: #c2c2c2}
	.featured .buyonline-search {padding: 0 15px 15px}
	.service-mobile .entry {background: #e7e7e7;border-bottom: 1px solid #fff;height: 90px}
	.service-mobile .entry .icon {height: 90px}
	.service-mobile .entry h3 {margin-top: 30px}
	.contact header {margin-bottom: 15px}
	.contact .contactpanel h4 {padding-top: 0}
	.contact .google-maps {margin-bottom: 20px}
	.footer .footnav-mobile li {display: block;padding-right: 0;text-align: left}
	.footer .footnav li {background-position: left 5px!important}
	.footer .footnav li a {font-size: 11px}

	/* BUYONLINE */
	.buyonline .hasbgcolor {background: #fff}
	.buychoice .entry {background: #fff}
	.buychoice .col-md-4 {border-bottom: 3px solid #f5f4f0}

	.buyonlinenav {text-align: center}
	.buyonlinenav ul {list-style: none;padding: 0}
	.buyonlinenav li {
		background: #3c279d;
		border-bottom: 1px solid #fff;
		color: #fff;
		font: 25px/1.0 'DSNLardphraoRegular', sans-serif;
		padding: 10px 0;
	}
	.service-page .buyonlinenav .dropdown {
		background: #3c279d!important;
		border-bottom: 1px solid #fff;
		color: #fff;
		font: 25px/1.0 'DSNLardphraoRegular', sans-serif;
		padding: 10px 0;
	}
	.buyonlinenav .dropdown {background: #dfdfdf}
	.buyonlinenav .dropdown a {color: #1c3f95;font-size: 22px;padding: 0 20px;text-align: left}
	.service-page .buyonlinenav .dropdown a {color: #fff;font-size: 25px;text-align: center}
	.buyonlinenav .dropdown a span {font-size: 17px;float: right}
	.buyonlinenav .dropdown .dropdown-menu {width: 100%;border-radius: 0}
	.service-page .buyonlinenav .dropdown .dropdown-menu {border: none;margin: 1px 0 0}
	.buyonlinenav .dropdown .dropdown-menu li {background: #dfdfdf;border-top: none;padding: 0}
	.buyonlinenav .dropdown .dropdown-menu > li > a {color: #1c3f95;font: 13px 'THSarabunNew', sans-serif;padding: 5px 20px}
	.service-page .buyonlinenav .dropdown .dropdown-menu > li > a {color: #fff;font: 20px 'DSNLardphraoRegular', sans-serif}
	.buyonlinenav .dropdown .dropdown-menu > li > a:hover,
	.buyonlinenav .dropdown .dropdown-menu > li > a:focus {background: #d3e1eb}
	.service-page .buyonlinenav .dropdown .dropdown-menu > li > a:hover,
	.service-page .buyonlinenav .dropdown .dropdown-menu > li > a:focus {background: inherit}
	.buyonlinenav .dropdown .dropdown span {color: #1c3f95;font-size: 15px}
	.buyonline-step .buyonlinenav li {display: none}
	.buyonlinenav li a {color: #fff;display: block;font: 25px/1.0 'DSNLardphraoRegular', sans-serif}
	.buyonline-step .buyonlinenav li a {background: #412ba7}
	.buyonlinenav li.active, .buyonlinenav li.fixed {display: block}

	.buyonline-step .content {padding: 0}
	.step-1-detail .entry p {font-size: 13px}

	.step-2-detail .haswhitebg, .step-3-detail .haswhitebg, .step-4-detail .haswhitebg,.step-5-detail .haswhitebg {background: #ecece8}
	.payment .thankyou h1 {font-size: 90px}
	.payment .thankyou p {font-size: 13px;margin-bottom: 20px}

	.product .nav-justified > li {float: left;width: 33%}
	.buyonline-step .nav-justified > li {display: none}
	.buyonline-step .nav-justified > li.active {display: inline-block;width: auto}

	.product .nav-justified.tab2 > li {width: 49.6%}
	.product .nav-justified.tab4 > li {width: 24.4%}

	.nav-pills > li > .tabtext, .nav-pills > li > .tabtext:hover {padding: 20px 50px 30px!important}

	.register .registerbox h1 {margin-bottom: 0}
	.register .content {padding: 0}

	.service-page .contact .contactform {margin-top: 50px}
	.service-page .contact .contactform .btn {margin: 10px auto;text-align: center}
	.service-page .service-detail {text-align: center}
	.service-page .service-detail figure {float: none;margin: 0 auto 20px}

	.service-page .branchform label {margin-bottom: 2px}
	.service-page .branchform .btn-default {clear: both;float: right;margin-top: 10px}

	.service-page .google-maps {margin: 0 0 30px;padding-bottom: 60%;width: 100%}
	.service-page .branchtable {margin: 0 0 60px;width: 100%}

	.compensation .panel-group {margin-top: 0}
	.service-page .compensation-content {padding: 0}
	.service-page .compensation-content h2 {padding-left: 20px}
	.service-page .compensation-content .tiny {padding: 0 20px}

	.service-page .social {float: none;margin: 20px 0;text-align: center}

	.compensation .panel-heading {background: #dfdfdf}
	.compensation .panel-heading .panel-title a {
		background: url(../images_new/faq-up.png) no-repeat right center;
	}
	.compensation .panel-heading .panel-title a.collapsed {
		background: url(../images_new/faq-down.png) no-repeat right center;
	}
	.compensation .panel-body li {background: #dfdfdf}
	.compensation .panel-body li.active {background: #dcdbd8}
	.compensation .google-maps {margin-bottom: 5px}

	.news .col-md-6 {width: auto}
	.news header {margin-bottom: 20px}
	.promotion header {margin-bottom: 0}
	.news header h2, .promotion header h2 {float: none;text-align: center}

	.news-page .news-detail {padding: 15px 30px 0}

	.promotion .entry {padding: 0}
	.promotion .entry:hover {background: none}
	.promotion .entry .info, .promotion .entry .btn-promotion {background: #e7e6e3}
	.promotion .entry .info {padding-top: 10px;text-align: center}
	.promotion .entry .btn-promotion {padding: 30px 0 40px;margin-top: 0}

}
@media (max-width: 767px) {
	.policy .row {border-bottom: 3px solid #efeeec}
	.policy p {font: 13px/30px 'THSarabunNew', sans-serif}
	.policy .bigtext {font-size: 20px;line-height: 30px}

}
@media (max-width: 480px) {
	.product .nav-justified > li {width: 32.8%}
	.product .pricepanel .nav-justified > li {height:auto }
	.product .pricepanel .nav-justified.tab2 > li, .product .pricepanel .nav-justified.tab4 > li {height: auto}
	.product .pricepanel .req-protection .col-sm-6 {height: auto}
	.req-protection .col-sm-6 {height: auto!important}
	.product .nav-pills > li > .tabcar, .product .nav-pills > li > .tabcar:hover {background: url(../images_new/tabcar-small.png) no-repeat center 50px!important}
	.product .nav-pills > li.active > .tabcar {background: url(../images_new/tabcar-active-small.png) no-repeat center 40px!important}
	.product .nav-pills > li > .tabtruck, .product .nav-pills > li > .tabtruck:hover {background: url(../images_new/tabtruck-small.png) no-repeat center 30px!important}
	.product .nav-pills > li.active > .tabtruck {background: url(../images_new/tabtruck-active-small.png) no-repeat center 20px!important}
	.product .nav-pills > li > .tabbus, .product .nav-pills > li > .tabbus:hover {background: url(../images_new/tabbus-small.png) no-repeat center 30px!important}
	.product .nav-pills > li.active > .tabbus {background: url(../images_new/tabbus-active-small.png) no-repeat center 20px!important}

	.buyonline-step .topic h1 {font-size: 32px;margin-top: 20px}
	.register .thanksbox h1 {font-size: 31px}
	.register .thanksbox h4 {font-size: 19px}
	.register .thanksbox p {font-size: 12px}

	.register .detail-tab-content .radio-inline.inline3 {width: 100%}
	.register .detail-tab-content .radio-inline.inline2 {width: 100%}

	.register .registerbox h1 {font-size: 32px;margin-bottom: 0}
	.register .registerbox .registerleft {margin-top: 0}

	.service-page .google-maps {padding-bottom: 100%}

	.news .col-md-6 {height: auto}
	.news header {margin-bottom: 10px}
	.news .entry {border-bottom: 3px solid #d7d7d7;height: auto;margin-bottom: 5px;overflow: hidden;padding-bottom: 10px}
	.news .entry .thumb {float: none;margin: 0 0 5px}

	.news-page .news-detail {padding: 5px 10px 0}
}


@media screen and (min-width: 768px){
	.carousel-indicators {
		bottom: 0px;
	}
}

@media screen and (max-width: 767px){
	.navbar-nav{
		margin: 0px!important;
	}
	.mainnav .nav{
		color: #FFF !important;
	}
	.mainnav .nav .open > a, .mainnav .nav .open > a:hover, .mainnav .nav .open > a:focus, .mainnav .nav .active > a, .mainnav .nav .active > a{
		color: #FFF !important;
		background: none !important;
		background-color: rgba(0,0,0,.1)!important;
		border-radius: 0!important;
	}
	.navbar-nav .open .dropdown-menu > li >a{
		color:#fff!important;
		font: 10px 'THSarabunNew', sans-serif!important;
	}
	.icon-mobile-size{
		background-position-y: 6px!important;
		background-position-x: 2px!important;
	}

	.container > .navbar-header, .container-fluid > .navbar-header{
		margin-right: 0px!important;
		margin-left: 0px!important;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1166px !important;
	}

	.buyonline-step .breadcrumb > li > a {
		cursor: not-allowed;
	}
}

.service{
	border-bottom: 3px solid #d7d7d7
}
.service .entry > a >figure{
	border-radius: 50%;
	overflow: hidden;
}
.service .entry > a{
	width: 170px;
	height: 170px;
	display :block;
	color: #428bca;
	font-family: 'DSNLardphraoRegular', sans-serif;
	line-height: 1.4;
	margin: 0;
	font-size: 23px;
}
.service .entry h3{
	color: #428bca;

}
.service .entry > a .icon span{
	color: #484149;
	font: 27px/0.8 'DSNLardphraoRegular', sans-serif;
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
}
.service .entry > a:hover .icon span{
	display: block;
}

.pace {
	z-index: 2000;
	position: fixed;
	margin: auto;
	top: 12px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 200px;
	height: 25px;
}

.req-tab .nav-justified {
	display: none;
}


.pace:before {
	content: "\f110";
	font-size: 3em;
	display: inline-block;
	color: #FFFFFF;
	position: absolute;
	top: -2em;
	text-align: center;
	width: 100%;
	font-family: FontAwesome;
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

.pace:after {
	content: "Please Wait";
	font-size: 1.5em;
	display: inline-block;
	color: #FFFFFF;
	position: absolute;
	top: -1.5em;
	text-align: center;
	width: 100%;
	font-family: FontAwesome;
}

.pace.pace-inactive {
	display: none;
}
.buy_online+.buy_online {
	display: none;
}

.buychoice .col-md-4:nth-child(3n+1){
	clear: left;
}

.affinity_logo{
	width: 180px;
	max-width: 180px;
	position: relative;
	top: 10px;
}