html, body {
	height: 100%;
}

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	color: #333;
	line-height: 1.125em;

	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

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

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

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

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

@font-face {
	font-family: 'droid_serifbold_italic';
	src: url('../fonts/DroidSerif/droidserif-bolditalic-webfont.eot');
	src: url('../fonts/DroidSerif/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DroidSerif/droidserif-bolditalic-webfont.woff2') format('woff2'),
	url('../fonts/DroidSerif/droidserif-bolditalic-webfont.woff') format('woff'),
	url('../fonts/DroidSerif/droidserif-bolditalic-webfont.ttf') format('truetype'),
	url('../fonts/DroidSerif/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	color: #333;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearboth {
	clear: both;
}

.fixed-body, .fixed-body body {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

/* --- PLACEHOLDER --- */
::-webkit-input-placeholder {
	color: #555;
}

:-moz-placeholder { /* Firefox 18- */
	opacity: 1;
	color: #555;
}

::-moz-placeholder {  /* Firefox 19+ */
	opacity: 1;
	color: #555;
}

:-ms-input-placeholder {
	color: #555;
}

/* --- ALIGNMENT --- */
.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}


/* --- DISPLAY --- */
.img-mb-2, .img-large-screen, .ptrn-bg-1, .ptrn-bg-2, .square-button .tgl-br {
	display: none;
}

.inline-top .checker-box, .inline-middle .checker-box {
	display: block;
}

.btn-text, .square-button .map-white-icon, .info-box-2, .info-box-3, .info-box-4, .info-box-2:before, .info-box-3:before, .info-box-4:before,
.info-box-5, .info-box-5:before, .info-box-6, .info-box-6:before, .vmid-ctn, .vmid-ctn-2, .vmid-ctn-3, .vmid-ctn-4,
.inline-middle > div, .pen-med, .pen-med + .med-txt-3, .btn-styling .timer-icon, .inline-middle .img-icon {
	display: inline-block;
	vertical-align: middle;
}

.inline-top > div, .inline-middle .checkbox-small, .inline-top .checkbox-small {
	display: inline-block;
	vertical-align: middle;
	/*vertical-align: top;*/
}

.vmid-ctn {
	line-height: normal;
}

.underline-txt {
	text-decoration: underline;
}

/* --- TEXT COLORS --- */
.white-text, .white-txt, .hl-box-1, .hl-box-1 .hl-text, .hl-box .blue-text, .hl-box .med-grey-text, .hl-text {
	color: #fff;
}

.blue-text {
	/* color: #108fd1; */
	color: #0578b4;
}

/*.blue-text-2, .hl-text {
	color: #00abeb;
}*/

.blue-text-2 {
	color: #00abeb;
}

.hl-text-2 {
	color: #f33529;
}

.grey-text {
	color: #ebebeb;
}

.grey-text-2 {
	color: #ababab;
}

.grey-text-3 {
	color: #888;
}

.med-grey-text {
	color: #555;
}

.dark-grey-text {
	color: #4b4b4b;
}

.red-text {
	color: #d70304;
}

.pink-txt {
	color: #e51a94;
}

/* --- BG --- */
.red-bg-2 {
	background-color: #b40c20;
}

.orange-bg {
	background-color: #fe801a;
}

.orange-bg-2 {
	background-color: #f88828;
}

.pink-bg {
	background-color: #f1116f;
}

.pink-bg-2 {
	background-color: #df1167;
}

.pink-bg-3 {
	background-color: #af0a4f;
}

.yellow-bg {
	background-color: #fdbb30;
}

.yellow-bg-2 {
	background-color: #eeaa19;
}

.yellow-bg-3 {
	background-color: #d59203;
}

.blue-bg-2 {
	background-color: #bfe8fe;
}

.blue-bg-3 {
	background-color: #135aad;
}

.blue-bg-4 {
	background-color: #ddeef5;
}

.blue-bg-5 {
	background-color: #00275A;
}

.blue-bg-6 {
	background-color: #0dafed;
}

.blue-bg-7 {
	background-color: #0b95ca;
}

.blue-bg-8 {
	background-color: #ddeef5;
}

.blue-bg-9 {
	background-color: #086b92;
}

.bnr-bg {
	background-color: #081528;
}

.bnr-bg-2 {
	background-color: #28a6e0;
}

.bnr-bg-3 {
	background-color: #000;
}

.blue-gd-bg {
	/* background: #3d9ce9;
	background: -moz-linear-gradient(top,  #3d9ce9 0%, #2791e7 100%);
	background: -webkit-linear-gradient(top,  #3d9ce9 0%,#2791e7 100%); 
	background: linear-gradient(to bottom,  #3d9ce9 0%,#2791e7 100%); */

	background: #059adf; /* Old browsers */
	background: -moz-linear-gradient(left,  #059adf 0%, #125eb0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #059adf 0%,#125eb0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #059adf 0%,#125eb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.grey-bg {
	background-color: #cfcfcf;
}

.grey-bg2 {
	background-color: #e8e8e8;
}

.grey-bg3 {
	background-color: #bababa;
}

.gray-bg6 {
	background-color: #a1a1a1;
}

.dark-grey-bg {
	background-color: #4b4b4b;
}

.dark-grey-bg-2 {
	background-color: #5b5b5b;
}

.dark-grey-bg-3 {
	background-color: #323232;
}

.dark-grey-bg-4 {
	background-color: #555;
}

.grey-gd-bg {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	/* background: #cfdbe5;
	background: -moz-linear-gradient(top,  #cfdbe5 0%, #e7e8e8 100%);
	background: -webkit-linear-gradient(top,  #cfdbe5 0%,#e7e8e8 100%);
	background: linear-gradient(to bottom,  #cfdbe5 0%,#e7e8e8 100%); */
}

.white-bg {
	background-color: #fff;
}

.ptrn-bg-1, .ptrn-bg-2 {
	position: absolute;
}

.ptrn-bg-1 {
	left: 14.64285714285714%;
	top: 27px;
	width: 95px;
	height: 59px;
	background-size: 1052.6315789473686% 1271.1864406779662%;
	background-position: 14.475138121546962% 48.263386396526776%;
}

.ptrn-bg-2 {
	right: 10.71428571428571%;
	top: 24px;
	width: 116px;
	height: 62px;
	background-size: 865.8008658008658% 1209.6774193548388%;
	background-position: 28.773318258903334% 48.037790697674424%;
}

/* --- SPRITE MAIN --- */
.sprite-icons {
	background-image: url(../images/icons/sprite-icons@2x.png);
	background-repeat: no-repeat;
	display: inline-block;
}

.sprite-bg {
	background-image: url(../images/bg/sprite-bg.png);
	background-repeat: no-repeat;
}

.gift-red-icon {
	display: none;
}

.ie8 .home-logo, .ie8 .tol-logo, .ie8 .true-logo, .ie8 .star-icon, .ie8 .x-circle-icon,
.ie8 .fb-icon, .ie8 .tw-icon, .ie8 .yt-icon, .ie8 .pointer-icon, .ie8 .cart-icon, .ie8 .faq-icon,
.ie8 .bubble-icon, .ie8 .home-icon, .ie8 .arw-right-grey,.ie8 .arw-right-red,
.ie8 .iservice-icon, .ie8 .person-icon, .ie8 .person-red-icon ,.ie8 .telephone-icon, .ie8 .arw-red-down,
.ie8 .iservice-icon, .ie8 .heart-icon, .ie8 .arw-blue-right, .ie8 .arw-red-right, .ie8 .checked-icon,
.ie8 .en-flag, .ie8 .th-flag, .ie8 .gift-red-icon, .ie8 .hamburger-menu, .ie8 .arrow-white-right .ie8 .screwdriver-icon {
	behavior: url(css/backgroundsize.min.htc);
}

.true-logo {
	width: 75px;
	height: 27px;
	background-position: 0% 7.4074074074074066%;
	background-size: 1324.5033112582782% 3571.4285714285716%;
}

.star-icon {
	width: 25px;
	height: 25px;
	background-size: 3846.153846153846% 3846.153846153846%;
	background-position: 3.6447638603696095% 3.285420944558522%;
}

.screwdriver-icon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-size: 1923.076923076923% 1923.076923076923%;
	background-position: 37.9746835443038% 31.329113924050635%;
}

.fb-icon, .tw-icon, .yt-icon {
	background-size: 3333.3333333333335% 3333.3333333333335%;
	width: 30px;
	height: 30px;
}

.fb-icon, .sm-fb-icon {
	background-position: 8.762886597938143% 7.525773195876289%;
}

.tw-icon, .sm-tw-icon {
	background-position: 12.886597938144329% 7.525773195876289%;
}

.yt-icon {
	background-position: 17.010309278350515% 7.525773195876289%;
}

.sm-fb-icon, .sm-tw-icon, .sm-pin-icon {
	background-size: 3333.3333333333335% 3333.3333333333335%;
	width: 28px;
	height:	28px;
}

.pointer-icon {
	width: 14px;
	height: 21px;
	background-position: 17.66497461928934% 0%;
	background-size: 6666.666666666667% 5000%;
}

.cart-icon {
	width: 24px;
	height: 18px;
	background-size: 3703.703703703704% 5263.157894736842%;
	background-position: 20.298047276464544% 0%;
}

.faq-icon {
	width: 19px;
	height: 19px;
	background-size: 5128.205128205129% 5128.205128205129%;
	background-position: 26.823049464558903% 0%;
}

.bubble-icon {
	width: 20px;
	height: 19px;
	background-size: 4651.162790697674% 5128.205128205129%;
	background-position: 23.760858456821666% 0%;
}

.ots-icon {
	width: 19px;
	height: 18px;
	background-size: 5714.285714285715% 6060.606060606061%;
	background-position: 26.92111959287532% 3.7112353838332486%;
}

.home-icon {
	width: 18px;
	height: 16px;
	background-size: 4761.904761904762% 5714.285714285715%;
	background-position: 8.631256384065372% 0%;
}

.tol-logo {
	width: 120px;
	height: 22px;
	background-position: 22.228739002932553% 28.145865434001028%;
	background-size: 677.9661016949152% 3773.5849056603774%;
}

.tol-logo.-medium {
	width: 150px;
	height: 28px;
}

.tol-med-logo {
	width: 72px;
	height: 13px;
	background-position: 22.417840375586852% 28.182751540041068%;
	background-size: 675.6756756756757% 3846.153846153846%;
}

.tmh-med-logo {
	width: 72px;
	height: 13px;
	background-position: 0% 28.306742151312402%;
	background-size: 564.9717514124294% 3508.7719298245615%;
}

.ty-med-logo {
	width: 69px;
	height: 13px;
	background-position: 25.432525951557096% 23.128205128205128%;
	background-size: 751.8796992481203% 4000%;
}

.iservice-icon {
	width: 25.2336%;
	padding-bottom: 24.2991%;
	background-size: 3571.4285714285716% 3703.703703703704%;
	background-position: 10.493827160493826% 3.28879753340185%;
}

.person-icon {
	width: 18px;
	height: 18px;
	background-position: 2.6476578411405294% 0%;
	background-size: 5555.555555555556% 5555.555555555556%;
}

.telephone-icon {
	width: 16.25%;
	padding-bottom: 16.25%;
	background-size: 3703.703703703704% 3703.703703703704%;
	background-position: 30.01027749229188% 0%;
}

.heart-icon {
	width: 20.5607%;
	padding-bottom: 17.757%;
	background-position: 7.21227621483376% 3.2653061224489797%;
	background-size: 4444.444444444444% 5000%;
}

.person-red-icon {
	width: 19.6262%;
	padding-bottom: 20.5607%;
	background-position: 5.424769703172978% 0%;
	background-size: 4347.826086956522% 4347.826086956522%;
}

.ie8 .person-red-icon {
	width: 22px;
	height: 22px;
	top: 90px;
}

.ie8 .iservice-icon {
	width: 22px;
	height: 21px;
	top: 90px;
}

.ie8 .heart-icon {
	width: 20px;
	height: 17px;
	top: 90px;
}

.ie8 .telephone-icon {
	width: 22px;
	height: 22px;
	top: 90px;
}

.true-id-logo {
	background-position: 29.205366357069146% 7.319535588086825%;
	background-size: 3225.8064516129034% 10526.315789473683%;
	height: 19px;
	width: 62px;
}

.grey-arw-icon {
	width: 10px;
	height: 14px;
	background-size: 10000% 6896.551724137932%;
	background-position: 22.12121212121212% 11.821410451547438%;
}

.en-flag, .th-flag {
	width: 29px;
	height: 18px;
}

.en-flag {
	background-position: 25.12873326467559% 7.430025445292621%;
	background-size: 3448.275862068966% 5714.285714285715%;
}

.th-flag {
	background-position: 21.112255406797118% 7.430025445292621%;
	background-size: 3448.275862068966% 5714.285714285715%;
}

.ie8 .en-flag, .ie8 .th-flag {
	width: 19px;
	height: 12px;
}

.gift-red-icon {
	width: 19px;
	height: 20px;
	background-position: 14.72986748216106% 3.316326530612245%;
	background-size: 5263.157894736842% 5000%;
}

.arw-blue-right, .arw-red-right {
	width: 7px;
	height: 12px;
	background-size: 10000% 6060.606060606061%;
	vertical-align: middle;
}

.arw-blue-right {
	background-position: 18.333333333333332% 11.794611082867311%;
}

.arw-red-right {
	background-position: 14.949494949494948% 11.794611082867311%;
}

.ie8 .arw-blue-right, .ie8 .arw-red-right {
	width: 8px;
	height: 12px;
	vertical-align: middle;
}

.arw-red-down {
	width: 10px;
	height: 6px;
	vertical-align: middle;
	margin-left: 5px;
	background-size: 6250% 12500%;
	background-position: 4.8272357723577235% 13.608870967741934%;
}

.x-circle-icon {
	background-position: 27.795031055900623% 11.956521739130435%;
	background-size: 2941.176470588235% 2941.176470588235%;
	height: 30px;
	width: 30px;
}

/* --- CHECKBOX and RADIOBOX STYLE --- */
.checkbox-wrap, .radiobox-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.checkbox-wrap.disable-check .checkbox-style {
	cursor: default;
}

.checkbox-style {
	position: relative;
	cursor: pointer;
	width: 24px;
	height: 24px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 4px;
}

.checkbox-style.-small {
	width: 18px;
	height: 18px;
}

.checkbox-style.-small .checked-icon {
	width: 11px;
	height: 8px;
	margin-left: -5px;
	margin-top: -4px;
}

.checkbox-white .checkbox-style {
	background-color: #FFF;
}

.checkbox-orange .checkbox-style {
	background-color: #f88828;
	border-color: #f88828;
}

.checked-icon {
	width: 16px;
	height: 13px;
	background-position: 16.274309109518935% 14.220183486238533%;
	background-size: 4347.826086956522% 5263.157894736842%;
}

.checked-icon.-white {
	background-position: 19.5808% 14.2566%;
	background-size: 4545.45% 5555.56%;
}

.checkbox-style .checked-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	line-height: normal;
	margin-left: -8px;
	margin-top: -7px;
	z-index: 5;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: width .2s ease, opacity .2s ease;
	transition: width .2s ease, opacity .2s ease;
}

.checkbox-sm {
	width: 15px;
	height: 15px;
	width: 4.6875vw;
	height: 4.6875vw;
}

.checkbox-sm .checked-icon {
	position: relative;
	left: 0;
	top: 0;
	width: 10px;
	height: 8px;
	margin: 0;
	width: 3.125vw;
	height: 2.5vw;
	background-position: 61.33177570093458% 3.75882946518668%;
}

.checkbox-style input[type="checkbox"] {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 100%;
	visibility: hidden;
	/*top: 0;
	visibility: visible;*/
}

.checkbox-wrap.checked .checked-icon {
	opacity: 1;
	filter: alpha(opacity=100);
}

.checkbox-wrap.disabled .checkbox-style {
	background-color: #DDD;
}

.checkbox-wrap.vis-actived {
	opacity: 0;
	visibility: hidden;
}

.darkgray-checkbox .checkbox-style {
	background-color: #888;
}

.darkgray-checkbox .checkbox-style .checked-icon {
	background-position: 19.5808% 14.2566%;
	background-size: 4545.45% 5555.56%;
}

.checkbox-small .checkbox-style {
	width: 16px;
	height: 16px;
}

.checkbox-small .checked-icon {
	width: 12px;
	height: 10px;
	margin-left: -6px;
	margin-top: -5px;
}

.small-label {
	font-family: 'TrueMedium';
	font-size: 26px;
	line-height: 1em;
	vertical-align: middle;
}

.small-label strong {
	font-family: 'TrueBold';
	font-weight: normal;
}


/* --- RADIOBOX STYLE --- */
.radiobox-style {
	position: relative;
	cursor: pointer;
	width: 18px;
	height: 18px;
	border: 2px solid #424242;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.8);

	background: rgb(120,120,120); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YTZhNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(120,120,120,1) 0%, rgba(106,106,106,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,120,120,1)), color-stop(100%,rgba(106,106,106,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(106,106,106,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(106,106,106,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(106,106,106,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(120,120,120,1) 0%,rgba(106,106,106,1) 100%); /* W3C */

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.circle-checked {
	position: absolute;
	opacity: 0;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	background-color: #FFF;
	margin-left: -5px;
	margin-top: -5px;
	border-radius: 50%;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.9);
	visibility: hidden;

	-webkit-transform: scale(0.1);
	transform: scale(0.1);

	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.radiobox-style input[type="radio"] {
	position: absolute;
	top: 110%;
	visibility: hidden;
}

.radiobox-wrap.checked .circle-checked {
	opacity: 1;
	visibility: visible;

	-webkit-transform: scale(1);
	transform: scale(1);
}

.radiobox-wrap.checked .radiobox-style {
	border-color: #006DBE;

	background: rgb(100,179,235); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YjNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTg3Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(100,179,235,1) 0%, rgba(42,135,202,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,179,235,1)), color-stop(100%,rgba(42,135,202,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(100,179,235,1) 0%,rgba(42,135,202,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(100,179,235,1) 0%,rgba(42,135,202,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(100,179,235,1) 0%,rgba(42,135,202,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(100,179,235,1) 0%,rgba(42,135,202,1) 100%); /* W3C */
}

.radiobox-wrap.disabled .radiobox-style {
	border-color: #CCC;
	background: #DDD;
}

.radio-list > li {
	display: block;
	margin-top: 20px;
}

.ie8 .radiobox-style {
	border: none;
	width: 23px;
	height: 23px;
	background: url(../images/icons/sprite-icons@2x.png) no-repeat -749px -1px;
}

.ie8 .radiobox-wrap.checked .radiobox-style {
	background: url(../images/icons/sprite-icons@2x.png) no-repeat -719px -1px;
}

.ie8 .radiobox-wrap.disabled .radiobox-style {
	background: url(../images/icons/sprite-icons@2x.png) no-repeat -779px -1px;
}

.ie8 .circle-checked {
	background-color: transparent;
}

/* --- Radomir --- */
.effect-radomir {
	overflow: visible;
}

.effect-radomir::after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;
	box-shadow: inset 0 0 0 35px rgba(200,200,200,0);
}

.effect-radomir.clicked::after {
	-webkit-animation: anim-effect-radomir 0.5s ease-out forwards;
	animation: anim-effect-radomir 0.5s ease-out forwards;
}

@-webkit-keyframes anim-effect-radomir {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		box-shadow: inset 0 0 0 2px rgba(200,200,200,0.8);
		opacity: 0.1;
	}
	100% {
		box-shadow: inset 0 0 0 2px rgba(200,200,200,0.8);
		opacity: 0;
		-webkit-transform: scale3d(1.0, 1.0, 1);
		transform: scale3d(1.0, 1.0, 1);
	}
}

@keyframes anim-effect-radomir {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		box-shadow: inset 0 0 0 2px rgba(200,200,200,0.8);
		opacity: 0.1;
	}
	100% {
		box-shadow: inset 0 0 0 2px rgba(230,230,230,0.8);
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.0, 1.0, 1);
	}
}

/* --- INPUT --- */
.input-box {
	position: relative;
}

.input-box .cmn-input {
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.cmn-input[disabled] {
	background: #ddd;
}

.input-box .calendar-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
}

.cmn-input, .cmn-txtarea {
	outline: none;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-appearance: none;

	-webkit-transition: border-color 0.3s ease, background-color 0.3s ease;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

.cmn-txtarea:focus, .cmn-input:focus {
	border-color: #EE3124;
	color: #4B4B4B;
}

.cmn-input {
	display: inline-block;
	width: 198px;
	height: 38px;
	line-height: 38px;
	font-family: 'TrueMedium';
	font-size: 25px;
	color: #888;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	margin: 0
}

.input-styling {
	height: 40px;
	line-height: 40px;
	border-color: #ddd;
	border-top: 4px solid #ddd;
	border-radius: 4px;
}

.input-styling2 {
	border: 2px solid #c9c9c9;
	border-radius: 7px;
}

.input-small {
	width: 150px;
}

.input-medium {
	width: 250px;
}

.input-long {
	width: 400px;
}

.input-flex {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.transparent-bg {
	background-color: transparent;
}

.cmn-input::-webkit-input-placeholder {
	color: #888;
}

.cmn-input:-moz-placeholder { /* Firefox 18- */
	color: #888;
}

.cmn-input::-moz-placeholder {  /* Firefox 19+ */
	color: #888;
}

.cmn-input:-ms-input-placeholder {
	color: #888;
}

/* --- INPUT DISABLED STYLE --- */
.cmn-input.disabled {
	background-color: #DDD;
	border-color: #DDD;
	color: #999;
}

.cmn-input.disabled::-webkit-input-placeholder {
	color: #BBB;
}

.cmn-input.disabled:-moz-placeholder { /* Firefox 18- */
	color: #BBB;
}

.cmn-input.disabled::-moz-placeholder {  /* Firefox 19+ */
	color: #BBB;
}

.cmn-input.disabled:-ms-input-placeholder {
	color: #BBB;
}

/* --- TEXTAREA --- */
.cmn-txtarea {
	display: block;
	width: 318px;
	min-height: 92px;
	overflow: hidden;
	font-family: 'TrueBold';
	font-size: 24px;
	color: #999;
	padding: 8px 10px;
	margin: 0;
}

.cmn-txtarea::-webkit-input-placeholder {
	color: #999;
}

.cmn-txtarea:-moz-placeholder { /* Firefox 18- */
	color: #999;
}

.cmn-txtarea::-moz-placeholder {  /* Firefox 19+ */
	color: #999;
}

.cmn-txtarea:-ms-input-placeholder {
	color: #999;
}

/* --- SELECT MENU --- */
.select-menu {
	position: relative;
	display: block;
	width: 177px;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 40px;
	line-height: 40px;
	border: 1px solid #E9E9E9;
	padding-left: 10px;
	padding-right: 30px;
	border-radius: 4px;
	border-top: 4px solid #E8E8E8;
}

.select-menu .triang-elm {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
}

.select-menu > select {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height:	100%;
	font-family: Tahoma, Geneva, sans-serif;
	opacity: 0;
	filter: alpha(opacity=0);
	background: #FFF;
	border: none;
	margin-left: 0;
	outline: none;
	-webkit-appearance: none;
}

.slcm-txt {
	display: block;
	width: 100%;
	height: 100%;
	font-family: 'TrueMedium';
	font-size: 26px;
	line-height: 40px;
	color: #888;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.select-menu.disabled {
	background-color: #ddd;
}

.select-menu.disabled .slcm-txt {
	color: #b8b8b8;
}

.slc-with-label {
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
}

.slc-label-inner {
	display: block;
	line-height: normal;
}

.slc-with-label .slc-label-inner {
	margin-left: -10px;
}

.slc-with-label .slc-label, .slc-with-label .slcm-txt {
	float: left;
	font-family: 'TrueMedium';
	font-size: 26px;
}

.slc-with-label .slc-label {
	position: relative;
	min-width: 55px;
	min-height: 40px;
	line-height: 40px;
	color: #FFF;
	background-color: #CCC;
	padding-left: 10px;
	margin-right: 10px;
	border-radius: 0px 0px 0px 3px;
}

.slc-with-label .slc-label:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
	width: 100%;
	height: 3px;
	background-color: #BABABA;
	border-radius: 4px 0px 0px 0px;
}

.slc-with-label .slcm-txt {
	width: auto;
	color: #999;
	line-height: 40px;
}

/* --- TRIANGLE STYLE --- */
.triang-elm {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
}

.triang-btm-gray {
	border-top-color: #BBB;
	border-width: 8px 6px 0 6px;
}

.triang-btm-med-gray {
	border-top-color: #CCC;
	border-width: 10px 8px 0 8px;
}

.triang-btm-black {
	border-top-color: #333;
	border-width: 8px 6px 0 6px;
}


/* --- TAB --- */
.tab-ctn, .acd-ctn-box {
	position: relative;
	max-height: 0;
	overflow: hidden;
}

.tab-ctn.actived, .acd-box.actived > .acd-ctn-box, .acd-box.actived > .upgrade-box .acd-ctn {
	max-height: 9900px;
}

.tab-ctn.actived {
	overflow: visible;
}


/* --- ACCORDION --- */
.box-ctn-acd {
	position: relative;

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.box-ctn-acd.actived {
	background-color: #f7f7f7;
}

.box-ctn-acd.actived > .ctn-acd-header > .arw-orange-right {
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;

	-webkit-transform: rotate(90deg) translateY(-50%);
	transform: rotate(90deg) translateY(-50%);
}

.acd-ctn {
	position: relative;
	max-height: 0;
	overflow: hidden;

	-webkit-transition: max-height 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: max-height 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.acd-box.actived > .acd-ctn {
	max-height: 3000px;
}

.ctn-tgl-box {
	max-height: 0;
	overflow: hidden;

	-webkit-transition: max-height 0.3s ease;
	transition: max-height 0.3s ease;
}

.box-ctn-acd.actived .ctn-tgl-box, .ctn-tgl-box.actived {
	max-height: 3000px;
}

.ctn-box .box-ctn-acd.actived .ctn-tgl-box, .ctn-box .ctn-tgl-box.actived {
	max-height: 9000px;
}


/* --- HEADER --- */
header .tol-logo, header .home-icon, .top-menu > li .arw-red-down, .top-menu > li:first-child > a:before,
.top-menu > li:first-child > a:after, .user-box, .footer-content .true-logo, .copyright {
	display: none;
}

.first-line-text, .sec-line-text, .service-menu > li > a, .first-line-text .tgl-txt {
	display: block;
}

.main-menu-box, .sub-menu, .main-sub-menu, .tgl-menu-elm {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);

	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: transform 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.desktop .has-submenu:hover > .main-sub-box > .main-sub-menu, .has-submenu.selected > .main-sub-box > .main-sub-menu, .has-submenu.selected .sub-menu-wrap > .sub-menu, .desktop .has-submenu:hover .sub-menu-wrap > .sub-menu, .tgl-menu-elm.actived, .main-menu-box.actived {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.main-sub-menu {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.desktop .has-submenu:hover > .main-sub-box > .main-sub-menu, .has-submenu.selected > .main-sub-box > .main-sub-menu {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.main-sec {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.ovf-hidden {
	overflow: hidden;
}

.ovf-vs {
	overflow: visible;
}

header, .mb-nav-box, .mb-nav {
	width: 100%;
}

header, .top-menu-box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

header {
	top: 44px;
}

header:before {
	content: "";
	display: block;
	opacity: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);

	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

header.actived:before {
	position: fixed;
	opacity: 1;
	z-index: 7;
}

.tpr-header {
	padding-top: 44px;
}

.mb-nav-box, .mb-nav, .menu-nav-btn, .menu-logo {
	height: 44px;
}

.menu-logo h1 {
	position: absolute;
	top: -200%;
}

.mb-nav-box {
	top: 0;
	position: fixed;
	z-index: 10;

	-webkit-transition: -webkit-transform 0.9s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 0.9s cubic-bezier(0.77, 0, 0.175, 1);
}

.mb-nav-box.actived {
	-webkit-transform: translateY(-150%);
	transform: translateY(-150%);
}

.mb-nav {
	position: relative;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
}

.mb-nav > li {
	position: absolute;
	cursor: pointer;
}

.menu-nav-btn {
	width: 44px;
	z-index: 10;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.menu-nav-btn.actived {
	background-color: rgba(0,0,0,0.9);
}

.menu-nav-btn:nth-child(1):after, .menu-nav-btn:nth-child(3):after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
}

.menu-nav-btn:nth-child(1) {
	left: 0;
	border-right: 1px solid rgba(255,255,255,0.5);
}

.menu-nav-btn:nth-child(1):after {
	right: -2px;
}

.menu-nav-btn:nth-child(2) {
	padding-left: 46px;
	padding-right: 46px;
}

.menu-nav-btn:nth-child(3) {
	right: 0;
	border-left: 1px solid rgba(255,255,255,0.5);
}

.menu-nav-btn:nth-child(3):after {
	left: -2px;
}

.menu-nav-btn .person-icon, .menu-logo .tol-logo {
	position: absolute;
	left: 50%;
	top: 50%;
}

.menu-nav-btn .person-icon {
	margin-left: -9px;
	margin-top: -9px;
}

.menu-nav-btn.actived .person-icon {
	background-position: 0 0;
	margin-left: -8px;
}

.menu-logo {
	position: absolute;
	width: 100%;
	padding-left: 44px;
	padding-right: 44px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.menu-logo .tol-logo {
	margin-left: -60px;
	margin-top: -10px;
}

.hamb-icon, .hamb-icon:before, .hamb-icon:after {
	position: absolute;
	width: 20px;
	height: 3px;
	background-color: #00aeef;
	border-top: 1px solid #99dff9;
}

.hamb-icon {
	left: 50%;
	top: 50%;
	margin-top: -2px;
	margin-left: -10px;
}

.hamb-icon:before, .hamb-icon:after {
	content: "";
}

.hamb-icon:before {
	top: -8px;
}

.hamb-icon:after {
	bottom: -7px;
}

.ie8 header {
	background: url(../images/bg/white-ovl.png) 0 0;
}

.ie8 .tpr-header header {
	background: none;
}

.top-menu-box {
	top: 0;
	z-index: 10;
}

/* --- LANG-BOX --- */
.lang-box, .top-menu {
	float: right;
	height: 44px;
	z-index: 15;
}

.lang-box {
	position: relative;
	width: 34.375%;
	background-color: #666;
	text-align: center;
}

.lang-box:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #e0dfe7;
}

.lang-box > li {
	display: inline-block;
	height: 44px;
	line-height: 40px;
	margin-left: 14px;
	opacity: 0.2;

	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.lang-box > .actived {
	opacity: 1;
}

.lang-box > li:first-child {
	margin-left: 0px;
}

.lang-box > li a {
	display: inline-block;
	vertical-align: middle;
}

/* --- TOP-MENU --- */
.top-menu {
	width: 65.625%;
}

.top-menu > li {
	float: left;
	width: 50%;
}

.top-menu > li > a {
	cursor: pointer;
	position: relative;
	display: block;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background-color: #212121;
	z-index: 15;
}

.top-menu > li > a:before, .top-menu > li > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 1px;
	height: 30px;
	opacity: 0.4;
	margin-top: -15px;
}

.top-menu > li > a:before {
	left: 0;
	background-color: #fff;
}

.top-menu > li > a:after {
	left: 1px;
	background-color: #000;
}

.top-menu > li a {
	position: relative;
	display: block;
	font-family: 'TrueBold';
	font-size: 1.375em;
	color: #7a7a7a;

	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.desktop .top-menu > li:hover > a, .top-menu > .selected > a {
	color: #fff;
}

.top-menu > .has-submenu.selected > a, .sub-menu > li {
	background-color: #151515;
}

/* --- SUB-MENU --- */
.sub-menu-wrap {
	position: absolute;
	right: 0;
	left: 0;
	top: 44px;
	bottom: 0;
	overflow: hidden;
}

.sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: 10;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.sub-menu > li {
	border-top: 1px solid #c7c7c7;

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.sub-menu > li:active {
	background-color: rgba(0,0,0,0.9);
}

.sub-menu > li > a {
	display: block;
	color: #d9d9d9;
	font-family: 'TrueLight';
	font-size: 1.6875em;
	padding: 17px 0 17px 15px;
}

/* --- SERVICE-MENU --- */
.sv-menu {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}

.box-wrap {
	position: relative;
	top: -1px;
	width: 100%;
	padding-bottom: 29.375%;
}

.hidden-title {
	position: absolute;
	top: -200%;
}

.box-wrap .tol-logo {
	float: left;
	height: 26px;
	width: 144px;
	margin-top: 22px;
}

.service-menu-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 312.5% 797.872340425532%;
	background-position: 0 0;
}

.service-menu, .service-menu > li, .service-menu > li > a {
	position: relative;
	height: 100%;
}

.service-menu > li {
	float: left;
	width: 33.33333333333333%;
}

.menu-txt {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #555;
}

.first-line-text {
	font-family: 'TrueBold';
	font-size: 20px;
	font-size: 6.25vw;
	color: #555;
	line-height: 0.7em;
	text-transform: uppercase;
}

.sw1-txt {
	display: inline-block;
}

.sw2-txt {
	display: none;
}

.sec-line-text {
	font-family: 'TrueMedium';
	font-size: 19px;
	font-size: 5.9375vw;
	line-height: 0.5em;
}

.menu-txt .sec-line-text {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin-bottom: 9.34579%;
}

.menu-txt .sprite-icons {
	vertical-align: top;
}

.menu-txt .heart-icon {
	margin-top: 14.0187%;
	margin-bottom: 8.41121%;
}

.menu-txt .person-red-icon {
	margin-bottom: 5.76923%;
	margin-top: 13.0841%;
}

.menu-txt .iservice-icon {
	margin-bottom: 4.6729%;
	margin-top: 11.215%;
}

.user-log-box {
	position: relative;
	height: 100%;
	text-align: center;
}

.user-thumb {
	width: 28px;
	height: 28px;
	border: 2px solid #FFF;
	margin: 8px auto 2px;
	width: 8.75vw;
	height: 8.75vw;
	border: 0.625vw solid #FFF;
	border-radius: 50%;
	margin: 2.5vw auto 0.625vw;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.user-thumb img {
	display: block;
	width: 100%;
	border-radius: 50%;
}

.user-box {
	float: left;
	height: 22px;
	margin-top: 15px;
	margin-right: 15px;
}

.user-info {
	position: relative;
	line-height: normal;
}

.user-name {
	display: block;
	font-family: 'TrueBold';
	font-size: 6.25vw;
	line-height: 0.7em;
	color: #555;
	min-height: 28px;
	min-height: 8.75vw;
}

.user-info > span {
	cursor: pointer;
	display: block;
	font-family: 'TrueLight';
	font-size: 19px;
	font-size: 5.9375vw;
	line-height: 0.5em;
	color: #555;
	text-decoration: underline;
	margin-top: 5px;
	margin-top: 1.5625vw;

	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.user-info > span:hover {
	color: #EE3124;
}

.user-pvl {
	cursor: pointer;
	position: absolute;
	width: 24px;
	height: 24px;
	right: 20px;
	top: 11px;
	width: 7.5vw;
	height: 7.5vw;
	right: 14.25vw;
	top: 3.4375vw;
}

.user-pvl .noti-mini {
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	width: 6.25vw;
	height: 6.25vw;
	background-color: #ee3124;
	border-color: #f1f1f1;
}

.user-pvl .noti-mini .noti-txt {
	color: #fff;
}

.noti-mini {
	position: absolute;
	left: 12px;
	top: 9px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #eb232a;
	text-align: center;
}

.noti-txt {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-size: 3.125vw;
	line-height: normal;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30%;
	margin-top: -30%;
}

.user-box {
	position: absolute;
	top: 12px;
	right: 16px;
	margin: 0;
}

/* --- MEMBERS BUTTON --- */
.user-box .ui-btn-style {
	margin-left: 10px;
}

.user-box .ui-btn-style:first-child {
	margin-left: 0px;
}

.ui-btn-style {
	position: relative;
	cursor: pointer;
	display: inline-block;
	min-width: 50px;
	min-height: 22px;
	vertical-align: top;
	text-align: center;
	border: none;
	-webkit-appearance: none;
	outline: none;
	padding: 0;
	overflow: visible;
}

.ui-btn-style:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 7px 7px 0 0;

	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.ui-btn-red:before {
	border-top-color: #eb232a;
}

.ui-btn-gray:before {
	border-top-color: #8e8e8e;
}

.ui-btn-style:after {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 16px;
	right: 0;
	top: 0px;

	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.ie8 .ui-btn-style:after {
	right: -7px;
}

.ie8 .ui-btn-style:before {
	right: -7px;
}

.ui-btn-style span {
	display: block;
	font-family: 'TrueBold';
	font-size: 18px;
	line-height: normal;
	padding-left: 6px;
}

.ui-btn-md {
	min-width: 64px;
	min-height: 24px;
}

.ui-btn-md:before {
	right: 0;
	border-width: 8px 8px 0 0;
	z-index: 1;

	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.ui-btn-md:after {
	right: 0;
	width: 8px;
	height: 17px;

	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.ui-btn-md span {
	font-size: 20px;
}

.ui-btn-red, .ui-btn-red:after {
	background-color: #eb232a;
}

.ui-btn-gray, .ui-btn-gray:after {
	background-color: #8e8e8e;
}

.ui-btn-red span, .ui-btn-gray span {
	color: #fff;
}

/* --- MAIN MENU --- */
.main-menu-box {
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

.main-menu {
	position: relative;
	max-height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.main-menu > li {
	position: relative;
	border-top: 1px solid #c7c7c7;
	background-color: rgba(52,52,52,0.9);

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.main-menu > li .grey-arw-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -7px;

	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.main-menu > .actived, .main-menu > li:active, li.has-submenu.selected {
	background-color: rgba(0,0,0,0.9);
}

li.has-submenu.selected .grey-arw-icon {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.main-menu > li > a, .main-sub-menu > li > a, .main-sub-menu-2 > li > a {
	cursor: pointer;
	position: relative;
	display: block;
	font-family: 'TrueLight';
	font-size: 1.6875em;
	color: #ffffff;
	padding: 17px 0 17px 15px;

	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.main-menu > li > a > span {
	display: inline-block;
	vertical-align: middle;
}

.ie8 .main-menu > li:after {
	display: none;
}

.ie8 .home-menu .home-icon {
	top: 16px;
}

.ie8 .main-menu > li:hover, .ie8 .main-menu > .actived {
	background-color: #00AEEF;
}

/* --- MAIN SUBMENU --- */
.main-sub-box {
	position: relative;
	max-height: 0;
	overflow: hidden;

	-webkit-transition: max-height 0.1s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0.3s;
	transition: max-height 0.1s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0.3s;
}

.desktop .has-submenu:hover > .main-sub-box, .has-submenu.selected > .main-sub-box {
	max-height: 100%;

	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.main-sub-menu > li, .main-sub-menu > li, .main-sub-menu-2 > li {
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.main-sub-menu > li {
	background-color: #626262;
}

.main-sub-menu > li:active, .desktop .main-sub-menu > li:hover {
	background-color: #8c8d91;
}

.main-sub-menu > li > a {
	padding-left: 30px;
}

.main-sub-menu > li:active > a, .desktop .main-sub-menu > li:hover > a {
	color: #fff;
}

.main-sub-menu > li, .main-sub-menu-2 > li {
	position: relative;
	display: block;
}

/* --- SUB MENU LEVEL-2 --- */
.main-sub-menu-2 > li {
	background-color: #333;
}

.main-sub-menu-2 > li:active, .desktop .main-sub-menu-2 > li:hover {
	background-color: rgba(0,0,0,0.8);
}

.main-sub-menu-2 > li > a {
	padding-left: 45px;
}

/* --- FOOTER --- */
footer {
	position: relative;
	overflow: hidden;
}

.phone-cir-red-icon {
	width: 26px;
	height: 26px;
	vertical-align: baseline;
	background-position: 7.073791348600508% 31.603053435114504%;
	background-size: 5714.285714285715% 5714.285714285715%;
}

.footer-bar-med, .footer-bar-sm {
	text-align: center;
	margin: 0 auto;
	max-width: 2200px;
}

.footer-bar-med {
	background-color: #dcdcdc;
}

.footer-bar-sm {
	font-family: 'TrueBold';
	font-size: 23px;
	line-height: 1em;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #b2b2b2;
}

.footer-bar-sm a {
	color: #fff;
}

.footer-bar-sm .underline-txt {
	margin-left: 3px;
}

.desktop .mtp-txt-size-box {
	cursor: default;
}

.mtp-txt-size-box {
	display: block;
	color: #666;
	padding-top: 12px;
	padding-bottom: 12px;
}

.mtp-txt-size-box .phone-cir-red-icon {
	margin-left: 5px;
}

.mtp-lines-box {
	text-align: left;
}

.mtp-lines-box, .mtp-txt-size-box .txt-size-xxl {
	display: inline-block;
	vertical-align: baseline;
}

.mtp-txt-size-box .txt-size-xxl {
	color: #ee3124;
}

.mtp-lines-box .txt-size-s {
	display: block;
}

.txt-size-s {
	font-family: 'TrueMedium';
	font-size: 22px;
	line-height: 0.9090909090909091em;
}

.txt-size-m {
	font-family: 'TrueBold';
	font-size: 25px;
	line-height: 0.88em;
}

.txt-size-xxl {
	font-family: 'TrueBold';
	font-size: 54px;
	line-height: 0.5em;
}

.footer-list-box > li {
	background-color: #f4f4f4;
}

.footer-list-box > li > h4 {
	cursor: pointer;
	position: relative;
	font-family: 'TrueBoldSpecial';
	font-size: 26px;
	line-height: 0.5em;
	color: #6c798c;
	padding: 25px 0 25px 45px;
	border-bottom: 1px solid #e7e7e7;
	background-color: #fff;
}

.footer-list-box > li > h4 .sprite-icons {
	position: absolute;
	left: 15px;
	top: 50%;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.footer-list-box > li > h4 .pointer-icon {
	left: 19px;
}

.footer-list-box > li > h4 .cart-icon {
	left: 11px;
}

.footer-list-box > li > h4:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	width: 14px;
	height: 10px;
	background-image: url(../images/icons/sprite-icons@2x.png);
	background-repeat: no-repeat;
	background-size: 7142.857142857143% 10526.315789473683%;
	background-position: 7.403651115618662% 13.679959616355376%;

	-webkit-transform-origin: 50% 25% 0;
	transform-origin: 50% 25% 0;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ie8 .footer-list-box > li > h4 .sprite-icons {
	margin-top: -6px;
}

.footer-list-box > .acd-box.actived > h4:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.footer-list {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f4f4f4;
}

.footer-list > li {
	font-family: 'TrueMedium';
	font-size: 22px;
	line-height: 0.9090909090909091em;
	padding-left: 45px;
	padding-right: 15px;
	margin-top: 20px;
}

.footer-list > li:first-child {
	margin-top: 0;
}

.footer-list > li a {
	position: relative;
	display: inline-block;
	color: #999;
	overflow: hidden;

	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.footer-list > li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 1px;
	background-color: #EA1C23;

	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);

	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.footer-list > li a:hover {
	color: #EA1C23;
}

.footer-list > li a:hover:after {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.ft-list-sub {
	padding-left: 12px;
}

.ft-list-sub > li a {
	padding-left: 12px;
}

.ft-list-sub > li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0px 5px 5px;
	border-left-color: #999;
}

.ft-list-sub > li a:hover:before {
	border-left-color: #ea1c23;
}

.ft-list-sub > li {
	margin-top: 5px;
}

/* --- FOOTER OPTIONS --- */
.feed-box {
	display: none;
	position: relative;
	margin: 0 auto;
}

.feed-head {
	position: relative;
	min-height: 56px;
	line-height: 56px;
	text-align: center;
}

.feed-head h5 {
	position: absolute;
	top: 50%;
	width: 100%;
	font-family: 'TrueBold';
	font-size: 22px;
	font-weight: normal;
	line-height: 0.5em;
	color: #6C798C;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.ie8 .feed-head h5 {
	margin-top: -16px;
}

.feed-head h5 span {
	display: block;
	cursor: pointer;
	font-family: 'TrueBoldSpecial';
	line-height: 0.5em;
	margin-top: 8px;
}

.ie8 .feed-head .arw-blue-right {
	margin-top: -2px;
}

.tgl-txt-2, .tgl-txt-3, .feed-box.actived .tgl-txt-1, .feed-box.success .tgl-txt-1, .feed-box.success .tgl-txt-2 {
	opacity: 0;
	visibility: hidden;
}

.feed-box.actived .tgl-txt-2, .feed-box.success .tgl-txt-3 {
	opacity: 1;
	visibility: visible;
}

.feed-ctn-wrap {
	max-height: 0;
	overflow: hidden;

	-webkit-transition: max-height 0.3s ease;
	transition: max-height 0.3s ease;
}

.feed-box.actived .feed-ctn-wrap {
	max-height: 2000px;
}

.feed-content {
	position: relative;
	background-color: #eee;
	padding: 25px 20px;
}

.feed-content:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 10px 10px 0px 10px;
	border-top-color: #fff;
	margin-left: -10px;
}

.feed-list-box > li {
	float: left;
	width: 100%;
	text-align: center;
}

.feed-list-box > li h6 {
	font-family: 'TrueBoldSpecial';
	font-size: 22px;
	font-weight: normal;
	color: #6C798C;
}

.rate-box {
	margin-top: 15px;
}

.btn-float {
	float: right;
	margin-top: 15px;
}

.btn-float .ui-btn-style {
	margin-left: 12px;
	margin-left: 3.75%;
}

.btn-float .ui-btn-style:first-child {
	margin-left: 0;
}

.feed-desc-list > li {
	position: relative;
	font-family: 'TrueBold';
	font-size: 20px;
	line-height: 0.8em;
	color: #999;
	margin-top: 20px;
}

.feed-desc-list > li:first-child {
	margin-top: 0;
}

.feed-contact {
	margin-top: 25px;
}

.feed-contact .cmn-txtarea {
	width: 100%;
	font-size: 20px;
	min-height: 90px;
	padding: 10px 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.feed-contact .btn-float {
	float: none;
	text-align: center;
}

.star-box {
	text-align: center;
	margin-top: 7px;
}

.star-box .star-icon {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
}

.desktop .star-box .star-icon:hover, .star-box .star-icon.actived, .star-box .star-icon.hover {
	background-position: 0% 3.285420944558522%;
}


/* --- FOOTER BOTTOM --- */
.footer-btm-box {
	position: relative;
	width: 100%;
	max-width: 2200px;
	height: 55px;
	line-height: 55px;
	background-color: #555;
	margin: 0 auto;
	overflow: hidden;
}

.footer-btm {
	position: relative;
	max-width: 1100px;
	height: 100%;
	margin: 0 auto;
}

.footer-btm:after {
	content: "";
	display: block;
	position: absolute;
	right: -855px;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #999;
}

.footer-btm > span {
	font-family: 'TrueBold';
	font-size: 18px;
	color: #fff;
}

.footer-btm .true-logo {
	position: absolute;
	top: 50%;
	left: 15px;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ie8 .footer-btm .true-logo {
	margin-top: -14px;
}

.social-box {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #999;
	padding-left: 14px;
	padding-right: 14px;
	z-index: 10;
}

.social-box > li {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 8px;
	margin-top: 12px;
}

.social-box > li:first-child {
	margin-left: 0;
}

.social-box > li a {
	display: block;
	line-height: normal;
}

.ie8 .footer-list > li a:after {
	left: -100%;
}

.ie8 .footer-list > li a:hover:after {
	left: 0;
}

/* --- MODAL --- */
.call-modal, .call-ajax-modal {
	cursor: pointer;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	background: rgba(0,0,0,0.7);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}

.ie8 .md-overlay {
	background-color: #000;
	filter: alpha(opacity=70);
}

.ajax-spinner {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	background-color: #FFF;
	background-image: url(../images/icons/loader.GIF);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 10;
	padding: 5px;
}

.loader-black {
	background-color: #000;
	background-image: url(../images/icons/loader-black.GIF);
}

.ie8 .ajax-spinner, .ie9 .ajax-spinner {
	display: block;
}

.modal-ajax {
	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.show-content .modal-ajax {
	opacity: 1;
	visibility: visible;
}

.show-content .spinner-box {
	opacity: 0;
}

.show-content .ajax-spinner {
	display: none;
}

.md-modal, .ajax-abs-box {
	position: fixed;
	top: 50%;
	left: 50%;
	height: auto;
	z-index: 200;
	visibility: hidden;

	/*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;*/

	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-modal {
	width: 93.75%;
}

.md-cmn-size {
	width: 93.75%;
	max-width: 650px;
}

.desktop .md-modal {
	-webkit-filter: blur(0);
	filter: blur(0);
}

.md-max-scroll {
	height: 96%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.flex-modal.md-max-scroll {
	height: 100%;
}

.md-show, .ajax-abs-box.actived {
	visibility: visible;
	z-index: 300;
}

.ie8 .md-modal {
	overflow: hidden;
	max-height: 0;
}

.ie8 .md-show {
	overflow: visible;
	max-height: 1000px;
}

.md-header {
	position: relative;
	display: block;
	background-color: #06AEED;
	padding: 8px 25px 12px;
	-webkit-border-radius: 16px 16px 0 0;
	border-radius: 16px 16px 0 0;
}

.md-header h3 {
	display: inline-block;
	font-family: 'TrueMedium';
	font-size: 24px;
	line-height: 0.75em;
	color: #FFF;
	line-height: normal;
	vertical-align: middle;

}

.md-close-btn, .md-close-btn-2 {
	cursor: pointer;
	position: absolute;
}

.x-white-icon {
	background-position: 27.869700103412615% 12.047569803516028%;
	background-size: 3030.3030303030305% 3030.3030303030305%;
	width: 30px;
	height: 30px;
}

.square-close-btn {
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0;
	top: 0;
}

.square-close-btn .cross-med-grey-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.md-close-btn {
	right: -10px;
	top: -15px;
	width: 30px;
	height: 30px;
	margin-top: 0;
}

.md-close-btn > .x-circle-icon {
	vertical-align: top;
}

.md-content {
	position: relative;
	margin: 0 auto;
}

.md-content-inner {
	background-color: #ECECEC;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

.md-content-inner.-square {
	border-radius: 0;
}

.md-content-inner.-white {
	background-color: #fff;
}

.md-content-inner .md-ctn-box {
	background-color: transparent;
}

.md-ctn-box {
	padding: 15px 20px;
}

.md-ctn-box .btn-inline {
	margin-top: 20px;
}

.md-ctn-box .true-id-logo {
	bottom: 15px;
	position: absolute;
	right: 10px;
}

.md-ctn-box.-flex {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	min-height: 260px;
	padding-top: 25px;
	padding-bottom: 25px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-flex-flow: column wrap;
	-moz-flex-flow: column wrap;
	 -ms-flex-flow: column wrap;
		 flex-flow: column wrap;
}

.md-ctn-box .hourglass-icon, .md-ctn-box .nosignal-icon {
	margin-bottom: 10px;
}

.md-ctn-box .circle-green-checked-icon {
	margin-top: 10px;
	margin-bottom: 20px;
}

.md-title {
	font-family: 'TrueBold';
	font-weight: normal;
	font-size: 30px;
	line-height: 1em;
	color: #555;
	margin-bottom: 10px;
}

.md-title.-bolder {
	font-family: 'TrueBoldSpecial';
}

.md-small-txt {
	font-family: 'TrueMedium';
	font-weight: normal;
	font-size: 20px;
	line-height: 1em;
}

.md-small-txt .arw-prev-red.-toggle {
	width: 8px;
	height: 17px;
	vertical-align: middle;
	margin-left: 5px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.acd-box.actived .md-small-txt .arw-prev-red.-toggle {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.md-cmn-txt {
	font-family: 'TrueMedium';
	font-weight: normal;
	font-size: 22px;
	line-height: 1em;
	color: #555;
}

.md-cmn-txt strong, .md-small-txt strong, .md-med-txt {
	font-family: 'TrueBold';
	font-weight: normal;
}

.md-cmn-txt .tgl-br {
	display: none;
}

.md-sm-txt {
	font-family: 'TrueMedium';
	font-weight: normal;
	font-size: 20px;
	line-height: 1em;
}

.md-med-txt {
	font-size: 30px;
	line-height: 1em;
}

.md-ctn-box .larger-number {
	margin-top: 25px;
	margin-bottom: 30px;
}

.larger-number {
	position: relative;
	font-family: 'TrueBoldSpecial';
	font-weight: normal;
	font-size: 80px;
	line-height: 0.5em;
}

.larger-number .unit-text {
	position: absolute;
	right: 0;
	bottom: -23px;
}

.unit-text {
	font-family: 'TrueMedium';
	font-size: 24px;
	line-height: 1em;
}

.md-txt-list {
	font-family: 'TrueMedium';
	font-size: 22px;
	text-align: left;
	max-width: 360px;
}

.md-txt-list > li {
	position: relative;
	line-height: 1em;
	padding-left: 15px;
}

.md-txt-list > li + li {
	margin-top: 8px;
}

.md-txt-list.-bullet > li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00abeb;
}

.md-header-2 {
	position: relative;
	display: block;
	height: 40px;
	line-height: 36px;
	background-color: #06AEED;
	border-radius: 8px 8px 0 0;
}

.md-header-2 h3 {
	font-family: "TrueMedium";
	font-size: 32px;
	color: #fff;
	line-height: normal;
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

/* --- Size Modal --- */
.md-sm-size {
	max-width: 550px;
}

.ie8 .md-sm-size {
	max-width: 550px;
	margin-left: -275px;
}

#login-modal .md-header-2 {
	line-height: 46px;
	height: 50px;
}

#login-modal .input-long {
	width: 92%;
}

#login-modal .sm-btn {
	width: 130px;
}

#login-modal .md-content-inner {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* --- Othrt Modal --- */
.ie8 #login-modal {
	margin-top: -182px;
}


/* --- Detail Modal --- */

.mini-form {
	margin: 0 auto;
	max-width: 420px;
}

.md-txt-label {
	font-family: "TrueMedium";
	font-size: 25px;
	margin-bottom: 2px;
	line-height: normal;
	color: #555;
}

.row-elm {
	margin-top: 10px;
}

.row-elm-2 {
	margin-top: 12px;
}

.cmn-input-label {
	font-size: 20px;
	font-family: 'TrueMedium';
	margin-left: 8px;
	vertical-align: middle;
	color: #777;
}

.floating-txt {
	float: right;
	margin-top: 4px;
	text-decoration: underline;
	-moz-transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
}

.floating-txt:hover {
	color: #ee3142;
}

/* --- MODAL EFFECT --- */
.md-show.md-effect-1 ~ .md-overlay {
	opacity: 1;
	visibility: visible;

	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.md-overlay.show {
	opacity: 1;
	visibility: visible;

	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.md-effect-1 .md-content {
	opacity: 0;

	-webkit-transform: translateY(5%);
	transform: translateY(5%);

	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	opacity: 1;

	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.anim-form .row-elm, .anim-form .row-elm-2, .anim-form .btn-inline, .anim-form .true-id-logo {
	opacity: 0;
}

.md-modal.md-show .anim-form .row-elm, .md-modal.md-show .anim-form .row-elm-2, .md-modal.md-show .anim-form .btn-inline,
.md-modal.md-show .anim-form .true-id-logo {
	opacity: 1;
}

.md-show.md-effect-1 .md-content, .ajax-abs-box #cond-modal-1.md-show .md-content {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.anim-form .row-elm, .anim-form .row-elm-2, .anim-form .btn-inline {
	display: block;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.md-modal.md-show .anim-form .row-elm, .md-modal.md-show .anim-form .row-elm-2, .md-modal.md-show .anim-form .btn-inline {
	-webkit-transform: translateY(0);
	transform: translateY(0);

	-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.md-modal.md-show .anim-form .row-elm:nth-child(1) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.md-modal.md-show .anim-form .row-elm:nth-child(2) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.md-modal.md-show .anim-form .row-elm-2 {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.md-modal.md-show .anim-form .btn-inline {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.md-modal.md-show .anim-form .true-id-logo {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;

	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}


/* --- SPINNER --- */
.spinner-box, .spinner {
	position: absolute;
	left: 50%;
	top: 50%;
}

.spinner-box {
	opacity: 1;
	display: block;
	width: 56px;
	height: 56px;
	margin-left: -28px;
	margin-top: -28px;
	background-color: #000;
	border-radius: 50%;

	-webkit-transform: opacity 0.3s ease;
	transform: opacity 0.3s ease;
}

.spn-gray {
	background-color: #fafafa;
}

.spinner-box.actived {
	z-index: 20;
}

.ie8 .spinner-box, .ie9 .spinner-box {
	display: none;
}

.spinner {
	width: 44px;
	height: 44px;
	margin-left: -22px;
	margin-top: -22px;
}

.circle {
	width: 34px;
	height: 34px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0);
	opacity: .9;
	border: 5px solid rgba(0,174,139,0.9);
	border-right: 5px solid rgba(0,0,0,0);
	border-left: 5px solid rgba(0,0,0,0);
	border-radius: 50px;
	box-shadow: 0 0 29px #00aeef;

	-moz-animation: spinPulse 1s infinite ease-in-out;
	-webkit-animation: spinPulse 1s infinite linear;
	animation: spinPulse 1s infinite linear;
}

.circle1 {
	position: relative;
	top: -35px;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	opacity: .9;
	background-color: rgba(0,0,0,0);
	border: 5px solid rgba(0,174,139,0.9);
	border-left: 5px solid rgba(0,0,0,0);
	border-right: 5px solid rgba(0,0,0,0);
	border-radius: 50px;
	box-shadow: 0 0 15px #00aeef;

	-moz-animation: spinoffPulse 1s infinite linear;
	-webkit-animation: spinoffPulse 1s infinite linear;
	animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
	0% { -moz-transform: rotate(160deg); opacity: 0; box-shadow:0 0 1px #00aeef; }
	50% { -moz-transform: rotate(145deg); opacity: 1; }
	100% { -moz-transform: rotate(-320deg); opacity: 0; }
}

@-moz-keyframes spinoffPulse {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg);  }
}

@-webkit-keyframes spinPulse {
	0% { -webkit-transform: rotate(160deg); opacity: 0; box-shadow:0 0 1px #00aeef; }
	50% { -webkit-transform: rotate(145deg); opacity: 1;}
	100% { -webkit-transform: rotate(-320deg); opacity: 0; }
}

@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinPulse {
	0% { transform: rotate(160deg); opacity: 0; box-shadow:0 0 1px #00aeef;}
	50% { transform: rotate(145deg); opacity: 1; }
	100% { transform: rotate(-320deg); opacity: 0; }
}

@keyframes spinoffPulse {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.toggle-txt {
	opacity: 1;
	visibility: visible;
}

.toggle-txt, .toggle-loader-box .spinner-box {
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.toggle-loader-box .spinner-box {
	opacity: 0;
	visibility: hidden;
	left: auto;
	right: 0;
	margin-left: 0;

	-webkit-transform: translateX(150%);
	transform: translateX(150%);
}

.toggle-loader-box.actived .toggle-txt {
	opacity: 0;
	visibility: hidden;

	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
}

.toggle-loader-box.actived .spinner-box {
	opacity: 1;
	visibility: visible;

	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.ie8 .toggle-loader-box .ajax-spinner, .ie9 .toggle-loader-box .ajax-spinner {
	display: none;
	left: 0;
	margin-left: 0;
}

.ie8 .toggle-loader-box.actived .ajax-spinner, .ie9 .toggle-loader-box.actived .ajax-spinner {
	display: block;
}

.acd-head {
	cursor: pointer;
}

/* --- BANNER & CONTENT --- */
.banner-box {
	overflow: hidden;
}

.main-banner {
	position: relative;
}

.banner-inner {
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 62.5%;
}

.banner-inner img {

	position: absolute;
	left: 50%;
	top: 0px;
	width: 100%;

	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.circle-box-top {
	position: absolute;
	right: -7.5%;
	bottom: 0px;
	width: 50%;
	z-index: 0;
}

.circle-box-top.circle-front {
	z-index: 1;
}

.circle-box-top img {
	display: block;
	width: 100%;
}

.bg-sec {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 800px;
	display: none;
}

.bubble-group {
	width: 2046px;
	height: 800px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1023px;
}

.bubble1-pic, .bubble2-pic, .bubble3-pic, .bubble4-pic,
.bubble5-pic, .bubble6-pic, .bubble7-pic, .bubble8-pic {
	behavior: url(css/backgroundsize.min.htc);
}

.bubble1-pic, .bubble2-pic, .bubble3-pic, .bubble4-pic {
	position: absolute;
	z-index: 1;
}

.bubble1-pic {
	background-position: -860px -825px;
	width: 90px;
	height: 90px;
	left: 28px;
	top: 188px;
}

.bubble2-pic {
	background-position: -1010px -825px;
	width: 259px;
	height: 358px;
	left: 94px;
	top: 444px;
}

.bubble3-pic {
	background-position: -1369px -825px;
	width: 372px;
	height: 286px;
	right: 6px;
	top: 358px;
}

.bubble4-pic {
	background-position: -1824px -812px;
	width: 176px;
	height: 166px;
	right: 164px;
	top: 0px;
}

.bubble5-pic {
	background-position: 100% 60.91522880720181%;
	background-size: 1129.9435028248588% 898.2035928143713%;
	width: 120px;
	height: 113px;
}

.bubble6-pic {
	background-position: 58.07935595169638% 74.84126984126985%;
	background-size: 766.2835249042146% 625%;
	width: 131px;
	height: 120px;
}

.bubble7-pic {
	background-position: 38.95410885805763% 74.15384615384616%;
	background-size: 1587.3015873015875% 750%;
	width: 128px;
	height: 200px;
}

.bubble8-pic {
	background-position: 0% 80.51851851851852%;
	background-size: 2352.9411764705883% 1000%;
	width: 85px;
	height: 150px;
}

.cir-box h2 {
	font-family: "droid_serifbold_italic","TrueBold";
	font-size: 18px;
	color: #fff;
	background: #ec1b23;
	line-height: 30px;
	height: 30px;
	text-align: center;
	width: 100%;
}

.lang-th .cir-box h2 {
	font-size: 22px;
	line-height: 26px;
}

.list-icons:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.ctn-desc-box {
	font-family: "TrueMedium", Tahoma;
	font-size: 18px;
	line-height: 14px;
	color: #fff;
	display: block;
	padding: 0;
}

.br-newline {
	display: none;
}

.sec-line-txt {
	font-family: "TrueBoldSpecial", Tahoma;
	font-size: 18px;
	line-height: 14px;
}

.list-icons > li {
	text-align: center;
	background: #00abeb;
	line-height: 96px;
	overflow: hidden;
	position: relative;
	float: left;
	width: 33.33333333333333%;
	height: 100px;
}

.list-icons > li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 1px;
	border-left: 2px dotted #8bd4f5;
	z-index: 2;
}

.list-link {
	display: block;
	width: 100%;
	height: 100%;
}

.list-ctn-inner {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}

.list-icons > .list-icon1:after, .list-icons > .list-icon4:after {
	display: none;
}

.list-icon1:before, .list-icon2:before, .list-icon3:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 1px;
	width: 100%;
	border-top: 2px dotted #8bd4f5;
	z-index: 1;
}

.banner-inner2 {
	position: relative;
	padding-top: 65.625%;
	overflow: hidden;
}

.banner-inner2 img {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 120%;

	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ctn-right-section {
	position: relative;
}

.cmn-desc-box, .cmn-inner-box {
	position: relative;
	display: block;
}

.cmn-desc-box figcaption {
	background: #111111;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
}

.cmn-desc-box figcaption:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 70%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}

.sm-date-txt {
	font-family: "TrueMedium";
	font-size: 22px;
	text-align: center;
	line-height: 20px;
	display: block;
}

.sq-inner-box {
	position: absolute;
	top: 50%;
	left: 50%;

	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	width: 100%;
	max-width: 260px;

}

.prg-xlarge-size {
	font-family: "TrueBoldSpecial";
	font-size: 22px;
	line-height: 22px;
	color: #ffffff;
	text-align: center;
}

.sq-inner-box .sm-date-txt {
	margin-bottom: 6px;
}

.circ-title-wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 90px;
	height: 44px;
	line-height: normal;
	overflow: hidden;
	text-align: center;
	z-index: 5;
}

.circ-title-box {
	position: relative;
	left: 0;
	top: -50px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.title-group-box {
	position: absolute;
	bottom: -14px;
	left: 0;
	width: 100%;
	height: 50px;
	font-family: 'TrueMedium';
	font-size: 16px;
	line-height: 12px;
	/*text-transform: uppercase;*/
	color: #FFF;
	z-index: 6;
}

.title-group-box > span {
	display: block;
	font-family: 'droid_serifbold_italic', "TrueBold";
	font-size: 14px;
	line-height: 14px;
}

.cmn-desc-box .circ-title-wrap {
	left: 50%;
	margin-left: -45px;
}

.thumbnail-wrap img {
	width: 100%;
	display: block;
}

.ctn-box2 {
	position: relative;
	overflow: hidden;
}

/*.section-ctn-2 .thumbnail-inner {
padding-bottom: 0px;
}*/

.section-ctn-2 .thumbnail-inner-scroll a {
	color: #ec1b23;
}

.section-ctn-3 .thumbnail-inner-scroll a {
	color: #8faf00;
}

.section-ctn-3 .thumbnail-inner-scroll .red-txt {
	color: #ec1b23;
}

.circ-fixed {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
}

.circ-fixed .circ-title-wrap {
	position: absolute;
	left: 50%;
	margin-left: -45px;
}

.ctn-right-section .owl-dots {
	bottom: 0px;
}

.thumbnail-list {
	display: block;
	background: #f5f2ed;
}

.thumbnail-inner {
	padding: 10px;
}

.call-popup {
	cursor: pointer;
}

.ctn-switch.actived .thumbnail-inner {
	padding-bottom: 0px;
}

.prg-large-size {
	font-family: 'TrueBoldSpecial';
	font-size: 22px;
	line-height: 20px;
	text-align: center;
}

.prg-large-size.white-txt {
	color: #ffffff;
}

.sm-date-txt {
	margin-bottom: 4px;
}

.thumbnail-desc {
	background: #ffffff;
	padding: 10px;
}

.social-list .sm-fb-icon, .social-list .sm-tw-icon, .social-list .sm-pin-icon {
	text-align: top;
	margin-left: 6px;
}

.social-list .sm-fb-icon {
	margin-left: 0;
}

.social-list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.social-list {
	background: #fff;
	display: inline-block;
	padding: 8px;
	height: 30px;
}

.social-list.theme-1 {
	background: transparent;
	padding: 0px;
}

.social-list > div {
	display: inline-block;
	vertical-align: top;
}

.social-list a {
	display: block;
}

.social-desc {
	background: #ecedee;
	display: inline-block;
	line-height: 27px;
	height: 29px;
	padding: 0 4px;
	vertical-align: top;
	margin-left: 10px;
	position: relative;
}

.social-desc:after {
	content: "";
	position: absolute;
	left: -6px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 6px 5px 0;
	border-color: transparent #ecedee transparent transparent;
}

.social-desc > span {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

.thumbnail-accd {
	text-align: center;
	background: #ffffff;
	position: relative;
	overflow: hidden;
	max-height: 0px;
	-moz-transition: max-height 0.3s ease;
	-webkit-transition: max-height 0.3s ease;
	transition: max-height 0.3s ease;
}

.ctn-switch.actived {
	background: #d3c6b1;
	padding-bottom: 0px;
}

.ctn-switch.actived .thumbnail-accd {
	background: #d3c6b1;
	max-height: 3000px;
	overflow: visible;
}

.ctn-switch .thumbnail-accd.style-1 {
	background: #404040;
}

.ctn-switch.actived .thumbnail-accd.style-1 {
	color: #fff;
	background: #404040;
}

.ctn-switch.actived .thumbnail-desc {
	background: #d3c6b1;
}

.thumbnail-inner-desc {
	font-family: Tahoma;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	position: relative;
	padding-bottom: 60px;
}

.thumbnail-inner-desc.white-txt {
	color: #fff;
}

.thumbnail-accd.style-1 .thumbnail-inner-desc {
	padding-left: 10px;
	padding-right: 10px;
}

.thumbnail-inner-desc .bt-haft-circ {
	position: absolute;
	left: 50%;
	margin-left: -55px;
	bottom: 0px;
}

.popup-box .bt-haft-circ {
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
}

.title-desc {
	font-family: "TrueBoldSpecial", Tahoma;
	font-size: 25px;
	line-height: 20px;
	text-align: left;
	margin-top: 10px;
	display: inline-block;
}

.info-desc {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
	display: block;
}

.info-desc img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.info-desc strong {
	font-weight: bold;
}

.info-desc a {
	color: #0689b8;
	text-decoration: underline;
}

.thumbnail-accd .bt-haft-circ {
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 0px;
}

.slider-contain .owl-dots {
	text-align: left;
	padding-left: 30px;
	padding-left: 3.125vw;
	bottom: 1px;
	bottom: 0.3125vw;
	height: 10px;
}

.thumbnail-slider .owl-prev, .thumbnail-slider2 .owl-prev {
	text-indent: -999px;
	overflow: hidden;
	background-position: 10.9351% 23.2486%;
	background-size: 4651.16% 2739.73%;
	width: 16px;
	height: 27px;
	left: 14px;
}

.thumbnail-slider .owl-next, .thumbnail-slider2 .owl-next {
	text-indent: -999px;
	overflow: hidden;
	background-position: 13.422131147540984% 23.32118688183238%;
	background-size: 4166.666666666666% 2562.8205128205127%;
	width: 16px;
	height: 27px;
	right: 14px;
}

.thumbnail-slider .owl-nav {
	position: absolute;
	top: 80px;
	top: 26vw;
	width: 100%;
}

.thumbnail-slider .owl-prev, .thumbnail-slider .owl-next {
	margin-top: 5px;
}

.thumbnail-slider .owl-dots {
	top: 0px;
	bottom: auto;
	margin-top: 53.75%;
	height: 10px;
}

.thumbnail-slider .owl-dot.active span {
	background: #d81f25;
}

.popup-list .arw-red-left2, .popup-list .arw-red-right2, .popup-list .arw-green-left, .popup-list .arw-green-right {
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	z-index: 1;
	display: none;
}

.ref-link {
	display: block;
}

.ref-link a {
	color: #ec1b23;
	display: inline-block;
	margin-top: 10px;
}

.ref-link a:hover {
	text-decoration: underline;
}

.list-ctn-inner > br {
	display: none;
}

.banner-inner .sm-mb-banner {
	display: block;
}

.banner-inner .mb-banner {
	display: none;
}

.banner-inner .dk-banner {
	display: none;
}

.popup-wrap {
	overflow: hidden;
	max-height: 0;
}


/* --- work --- */
.blue-txt {
	color: #0b85c8;
}

.blue-txt-2 {
	color: #125eb0;
}

.blue-txt-3 {
	color: #00abeb;
}

.blue-txt-4 {
	color: #0578b4;
}

.red-txt {
	color: #ec1b23;
}

.blue-bg {
	background-color: #0b85c8;
}

.green-bg {
	background-color: #a5b917;
}

.red-bg {
	background-color: #ec1b23;
}

.gray-txt {
	color: #969696;
}

.gray-txt2 {
	color: #555;
}

/* --- BUTTON --- */
.cmn-button {
	cursor: pointer;
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	outline: none;
	border: none;
	text-align: center;
	-webkit-appearance: none;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.cmn-button::-moz-focus-inner {
	border: 0;
}

.cmn-button .search-icon {
	bottom: -3px;
}

.sm-btn, .md-btn {
	outline: none;
	-webkit-appearance: none;
	-moz-transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.sm-btn {
	cursor: pointer;
	text-align: center;
	width: 150px;
	height: 43px;
	border: none;
	display: inline-block;
}

a.sm-btn {
	line-height: 43px;
}

.sm-btn > span {
	font-family: 'TrueBold', Tahoma;
	font-size: 26px;
	color: #ffffff;
}

.sm2-btn {
	cursor: pointer;
	text-align: center;
	line-height: 21px;
	width: 70px;
	height: 26px;
	border: none;
	display: inline-block;
}

.sm2-btn > span {
	font-family: 'TrueBold', Tahoma;
	font-size: 19px;
	color: #ffffff;
}

.sm-btn3 {
	line-height: 40px;
	cursor: pointer;
	text-align: center;
	width: 220px;
	height: 40px;
	border: none;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
}

.sm-btn3 > span {
	font-family: 'TrueBold';
	font-size: 26px;
	color: #fff;
}

.lang-th .sm-btn3 > span {
	font-size: 28px;
}

.sm-btn3 strong {
	font-family: "droid_serifbold_italic","TrueBold";
	font-size: 20px;
	font-weight: normal;
}

.sm-btn4 {
	cursor: pointer;
	text-align: center;
	width: 120px;
	height: 34px;
	border: none;
	display: inline-block;
}

a.sm-btn4 {
	line-height: 32px;
}

.sm-btn4 > span {
	font-family: 'TrueBold', Tahoma;
	font-size: 24px;
	color: #ffffff;
}

.sm-btn4 .hamburger-menu {
	position: relative;
	top: 1px;
}

.btn-shadow {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.md-btn {
	cursor: pointer;
	text-align: center;
	width: 230px;
	height: 44px;
	border: none;
}

.md-btn > span {
	font-family: 'TrueBold', Tahoma;
	font-size: 24px;
	color: #ffffff;
}

.larger-btn {
	display: inline-block;
	width: 300px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-moz-transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.larger-btn > span {
	font-family: 'TrueBold', Tahoma;
	font-size: 40px;
	color: #fff;
	opacity: 0.9;
}

.line-btn {
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #fff;
}

.line-btn.larger-btn {
	border-width: 2px;
}

.line-btn.-alpha {
	background-color: rgba(255, 255, 255, 0.1);
}

.line-btn.-blue {
	color: #00abeb;
	border-color: #00abeb;
}

.line-btn.-blue > span {
	color: #00abeb;
}

.line-btn.-white {
	border-width: 2px;
	border-color: #fff;
	background-color: transparent;
}

.line-btn.disabled {
	cursor: default;
	opacity: 0.5;
}

.grey-btn {
	background: #838383;
}

.yellow-btn {
	background: #f9b72d;
}

.red-btn {
	background-color: #e32526;
}

.red-btn:hover {
	background-color: #d91c1c;
}

.orange-btn {
	background-color: #f5911d;
}

.green-btn {
	background-color: #a4b914;
}

.green-btn:hover {
	background-color: #99ac13;
}

.orange-gd-btn {
	background-image: linear-gradient(107deg, #fec131, #ff7a00);
}

.blue-gd-btn {
	background-image: linear-gradient(105deg, #059adf, #1162b3 96%, #125eb0 96%);
}

.white-btn {
	border-color: #fff;
}

.rd-btn {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.rd-btn2 {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.blue-button {
	background-color: #00AEEF;
}

.blue-button:hover, .blue-button-2:hover {
	background-color: #0294C9;
}

.dark-blue-button {
	background-color: #1E4381;
}

.blue-button-3 {
	background-color: #00abeb;
	/* border: solid 2px #fff;
	background-color: rgba(0, 171, 235, 0.4); */
	/* background: -moz-linear-gradient(top,  #2997d8 0%, #125eb0 100%);
	background: -webkit-linear-gradient(top,  #2997d8 0%,#125eb0 100%);
	background: linear-gradient(to bottom,  #2997d8 0%,#125eb0 100%); */
}

.cmn-button.-shadow {
	box-shadow: 0 2px 2px 0px rgba(0,0,0,0.3);
}

.manage-btn {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* --- BUTTON STYLE --- */
.btn-styling-sm {
	min-width: 120px;
	height: 46px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

.btn-styling-md {
	min-width: 140px;
	height: 56px;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

.button-styling {
	border-radius: 20px;
	border-top: 2px solid #7BDBFF;
	border-bottom: 2px solid #017FAE;
	box-shadow: 0 0px 4px #AAA;
}

.btn-styling {
	min-width: 230px;
	height: 76px;
	line-height: 70px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-styling, .btn-styling-sm, .btn-styling-md {
	position: relative;
	width: auto;
	border-radius: 40px;
	overflow: hidden;
	box-shadow: 0 0px 4px #aaa;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.button-styling.orange-button-3 {
	border-top: 2px solid #FBB476;
	border-bottom: 2px solid #EA3507;
}

.btn-styling.orange-button-3 {
	border-top: 3px solid #FBB476;
	border-bottom: 3px solid #EA3507;
}

.orange-button-3, .btn-styling.orange-button-3:hover, .btn-styling-sm.orange-button-3:hover {
	background-color: #F88828;
}

.black-button-2, .btn-styling.black-button-2:hover, .btn-styling-sm.black-button-2:hover {
	background-color: #2f2f2f;
}

/*.orange-button-3:hover {
background-color: #EE7308;
}*/

.btn-styling-sm.orange-button-3 {
	border-top: 2px solid #FBB476;
	border-bottom: 2px solid #EA3507;
}

.btn-styling-md.orange-button-3 {
	border-top: 2px solid #FBB476;
	border-bottom: 2px solid #EA3507;
}

.btn-styling.dark-blue-button {
	border-bottom: 3px solid #111652;
	border-top: 3px solid #879ab9;
}

.btn-styling-md.red-button-2 {
	padding-left: 15px;
	padding-right: 20px;
	border-top: 3px solid #F68E91;
	border-bottom: 3px solid #B60204;
}

.green-button {
	background-color: #8FAE00;
}

.red-button {
	background-color: #ec1b23;
}

.btn-styling.green-button {
	border-top: 3px solid #C0D079;
	border-bottom: 3px solid #507700;
}

.btn-styling.red-button-3 {
	border-top: 3px solid #B81E23;
	border-bottom: 3px solid #821013;
}

.button-styling.dark-blue-button {
	border-top: 2px solid #879AB9;
	border-bottom: 2px solid #111652;
}

.red-button-2 {
	background-color: #ec1c23;
}

.red-button-3 {
	background-color: #9E0B0F;
}

.black-button {
	background-color: #515151;
}

.black-button:hover {
	background-color: #222;
}

.button-styling.black-button {
	border-top: 2px solid #888;
	border-bottom: 2px solid #222;
}

/* --- BUTTON SIZE --- */
.button-xmd {
	width: 126px;
	min-height: 42px;
	line-height: 38px;
}

/* --- BUTTON TEXt --- */
.styling-txt {
	font-size: 34px;
	line-height: 25px;
}

.styling-txt strong, .styling-txt-2 strong {
	font-family: 'TrueBoldSpecial';
	font-size: 38px;
}

.styling-txt-med {
	font-size: 24px;
	line-height: 18px;
	display: block;
	text-align: center;
}

.styling-txt-med strong {
	font-family: "TrueBold";
	font-size: 27px;
	line-height: 24px;
}

.styling-txt strong, .styling-txt-2 strong, .styling-txt-med strong, .styling-txt-xmed strong, .styling-txt-col strong {
	display: block;
	font-weight: normal;
}

.styling-txt, .styling-txt-2, .styling-txt-med, .styling-txt-xmed, .styling-txt-col {
	font-family: 'TrueMedium';
	color: #FFFFFF;
}

.button-txt, .button-txt-md {
	font-family: "TrueBold";
	color: #FFFFFF;
}

.button-xmd .button-txt {
	font-size: 26px;
}

.styling-txt-box {
	position: relative;
	top: -1px;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	text-align: left;
}

.gift-white-icon + .styling-txt-box {
	top: 1px;
}

.lang-th .gift-white-icon + .styling-txt-box {
	top: 2px;
}

.btn-styling .search-icon, .btn-styling-sm .search-icon-sm, .btn-styling-md .search-icon-sm, .btn-styling .fourg-icon,
.btn-styling .person-white-icon {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}

.styling-txt-box.align-center {
	text-align: center;
}

.btn-styling-sm .styling-txt-box {
	top: 0;
	margin-right: 8px;
}

.btn-styling-sm .styling-txt {
	font-size: 21px;
	line-height: 14px;
}

.btn-styling-md .styling-txt {
	font-size: 26px;
	line-height: 18px;
}

.btn-styling-sm .styling-txt strong {
	font-family: "TrueBoldSpecial";
	font-size: 25px;
}

.btn-styling-md .styling-txt strong {
	font-family: "TrueBoldSpecial";
	font-size: 29px;
}

.styling-txt-xmed {
	font-size: 28px;
	line-height: 26px;
}

.styling-txt-xmed strong {
	font-family: 'TrueBold';
	font-size: 30px;
	line-height: 20px;
}

.styling-txt-col {
	position: relative;
}

.styling-txt-col > div {
	position: relative;
	width: 123px;
	top: 0px;
	float: left;
	line-height: normal;
}

.styling-txt-col div strong {
	font-family: "TrueBold";
	font-size: 32px;
	line-height: 32px;
}

.styling-txt-col div span {
	display: block;
	font-family: "TrueBold";
	font-size: 19px;
	line-height: 14px;
}

.circ-sm {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-family: 'TrueBold';
	font-size: 20px;
	color: #FFF;
	border-radius: 50%;
	background-color: #F88828;
	margin-left: -15px;
	margin-top: -10px;
}

.styling-txt-col:before {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	left: 50%;
	width: 1px;
	height: 200%;
	border-right: 1px solid #F05459;
	background-color: #DB0E12;
	margin-left: -1px;
}

.cmn-button .mail-sm-icon, .cmn-button .pen-sm-icon, .cmn-button .upgrade-icon {
	position: relative;
	margin-right: 7px;
	vertical-align: middle;
	top: -2px;
}

.cmn-button .search-icon-sm {
	position: relative;
	bottom: 0;
	margin-left: -13px;
	margin-right: 5px;
	-webkit-border-radius: 0 0 0 30px;
	border-radius: 0 0 0 30px;
}

.cmn-button .search-icon {
	position: relative;
	bottom: -7px;
	margin-left: -50px;
	margin-right: 10px;
}

.cmn-button .person-white-icon {
	margin-left: -27px;
	margin-right: 1px;
}

.button-inline .cmn-button {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	box-shadow: none;
}

.button-inline .cmn-button.-shadow {
	box-shadow: 0 2px 2px 0px rgba(0,0,0,0.3);
}

.button-inline .cmn-button:first-child {
	z-index: 2;
}

.button-inline .cmn-button:first-child + .cmn-button {
	min-width: 190px;
	padding-left: 50px;
	margin-left: -52px;
	text-align: left;
	z-index: 1;
}

/* --- LOADING BUTTON --- */
.loading-btn-box {
	position: relative;
	vertical-align: top;
	overflow: hidden;
	display: inline-block;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.preload-bg {
	background: #1E4381;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;

	-moz-transition: width 1.2s ease, opacity 0.5s ease;
	-webkit-transition: width 1.2s ease, opacity 0.5s ease;
	transition: width 1.2s ease, opacity 0.5s ease;
}

.loading-btn-box.actived .preload-bg {
	width: 100%;
}

.load-status-txt {
	font-size: 26px;
	position: absolute;
	left: 50%;
	top: 50%;

	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
	filter: alpha(opacity=0);

}

.loading-btn-box.actived .load-status-txt {
	opacity: 1;
	filter: alpha(opacity=1);
	-moz-transition: opacity 0.3s ease 1.2s;
	-webkit-transition: opacity 0.3s ease 1.2s;
	transition: opacity 0.3s ease 1.2s;
}

.loading-btn-box.success .preload-bg {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 0;
	-moz-transition: width 0s ease 2s, opacity 0.5s ease 1.5s;
	-webkit-transition: width 0s ease 2s, opacity 0.5s ease 1.5s;
	transition: width 0s ease 2s, opacity 0.5s ease 1.5s;
}


.loading-btn-box.success .load-status-txt {
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

/* --- ICON OTHERS --- */
.ie8 .arw-prev-grey, .ie8 .arw-next-grey, .ie8 .arw-prev-red, .ie8 .arw-next-red,
.ie8 .arw-left-red, .ie8 .arw-right-red, .ie8 .arw-left-grey, .ie8 .arw-right-grey,
.ie8 .cross-med-red-icon, .ie8 .cross-sm-grey-icon, .ie8 .cross-med-white-icon,
.ie8 .cross-cir-grey-icon, .ie8 .check-med-green-icon, .ie8 .check-med-softgrey-icon,
.ie8 .check-med-grey-icon, .ie8 .check-med-white-icon, .ie8 .check-med-red-icon,
.ie8 .calendar-black-icon, .ie8 .printer-grey-icon, .ie8 .check-large-white,
.ie8 .view-plus-icon, .ie8 .pen-sm-icon, .ie8 .upgrade-icon, .ie8 .more-icon,
.ie8 .home-white-icon, .ie8 .wifi-white-icon, .ie8 .tool-white-icon, .ie8 .map-white-icon,
.ie8 .plus-white-icon, .ie8 .router-white-icon, .ie8 .gift-white-icon, .ie8 .map-white-icon, .ie8 .btcirc-blue-icon,
.ie8 .home-circ, .ie8 .wifi-circ, .ie8 .map-circ, .ie8 .plus-circ, .ie8 .router-circ, .ie8 .fix-circ,
.ie8 .cross-icon, .ie8 .search-icon-sm, .ie8 .search-icon, .ie8 .phone-cir-red-icon {
	behavior: url(css/backgroundsize.min.htc);
}

.person-white-icon {
	width: 55px;
	height: 40px;
	background-position: 28.303905831995717% 16.69291338582677%;
	background-size: 1526.7175572519084% 2105.263157894737%;
}

.arw-prev-grey {
	width: 27px;
	height: 52px;
	background-position: 0% 11.960985626283367%;
	background-size: 7407.407407407408% 3846.153846153846%;
}

.arw-next-grey {
	width: 27px;
	height: 52px;
	background-position: 0% 16.170431211498972%;
	background-size: 7407.407407407408% 3846.153846153846%;
}

.arw-prev-red {
	width: 27px;
	height: 52px;
	background-position: 2.5848960973137354% 16.170431211498972%;
	background-size: 7407.407407407408% 3846.153846153846%;
}

.arw-next-red {
	width: 27px;
	height: 52px;
	background-position: 2.5848960973137354% 11.960985626283367%;
	background-size: 7407.407407407408% 3846.153846153846%;
}

.arw-prev-white {
	width: 43px;
	height: 73px;
	background-position: 10.935104752171691% 23.24857291126103%;
	background-size: 4651.162790697674% 2739.72602739726%;
}

.arw-next-white {
	width: 43px;
	height: 73px;
	background-position: 13.387838528359735% 23.24857291126103%;
	background-size: 4651.162790697674% 2739.72602739726%;
}

.arw-left-red {
	width: 5px;
	height: 11px;
	background-position: 13.370332996972756% 11.782630777044185%;
	background-size: 11111.111111111111% 6451.612903225807%;
}

.arw-right-red {
	width: 5px;
	height: 11px;
	background-position: 14.984863773965692% 11.782630777044185%;
	background-size: 11111.111111111111% 6451.612903225807%;
}

.arw-left-grey {
	width: 5px;
	height: 11px;
	background-position: 16.59939455095863% 11.782630777044185%;
	background-size: 11111.111111111111% 6451.612903225807%;
}

.arw-right-grey {
	width: 5px;
	height: 10px;
	background-position: 18.365287588294652% 11.782630777044185%;
	background-size: 11111.111111111111% 6451.612903225807%;
}

.cross-med-red-icon {
	width: 40px;
	height: 40px;
	background-position: 24.183673469387756% 11.887755102040815%;
	background-size: 5000% 5000%;
}

.cross-sm-grey-icon {
	width: 20px;
	height: 20px;
	background-position: 23.939393939393938% 10%;
	background-size: 10000% 10000%;
}

.cross-med-grey-icon {
	width: 16px;
	height: 16px;
	background-position: 30.264496439471007% 8.850457782299085%;
	background-size: 5882.35294117647% 5882.35294117647%;
}

.cross-med-white2-icon {
	width: 25px;
	height: 25px;
	background-position: 21.996958945767865% 10.09127789046653%;
	background-size: 7407.407407407408% 7403.7037037037035%;
}

.cross-med-white-icon {
	width: 20px;
	height: 20px;
	background-position: 4.832146490335707% 15.971515768056967%;
	background-size: 5882.35294117647% 5882.35294117647%;
}

.cross-cir-grey-icon {
	width: 66px;
	height: 66px;
	background-position: 27.869700103412615% 12.047569803516028%;
	background-size: 3030.3030303030305% 3030.3030303030305%;
}

.check-med-green-icon {
	width: 44px;
	height: 36px;
	background-position: 9.815950920245399% 14.25661914460285%;
	background-size: 4545.454545454545% 5555.555555555556%;
}

.check-med-softgrey-icon {
	width: 44px;
	height: 36px;
	background-position: 13.03680981595092% 14.25661914460285%;
	background-size: 4545.454545454545% 5555.555555555556%;
}

.check-med-grey-icon {
	width: 44px;
	height: 36px;
	background-position: 16.30879345603272% 14.25661914460285%;
	background-size: 4545.454545454545% 5555.555555555556%;
}

.check-med-white-icon {
	width: 44px;
	height: 36px;
	background-position: 19.580777096114517% 14.25661914460285%;
	background-size: 4545.454545454545% 5555.555555555556%;
}

.check-med-red-icon {
	width: 44px;
	height: 36px;
	background-position: 22.801635991820042% 14.25661914460285%;
	background-size: 4545.454545454545% 5555.555555555556%;
}

.calendar-black-icon {
	width: 100px;
	height: 100px;
	background-position: 0% 20.31578947368421%;
	background-size: 2000% 2000%;
}

.printer-grey-icon {
	width: 76px;
	height: 76px;
	background-position: 6.7047817047817055% 20.01039501039501%;
	background-size: 2631.578947368421% 2631.578947368421%;
}

.mail-sm-icon {
	background-position: -882px -8px;
	height: 16px;
	width: 21px;
}

.upgrade-icon {
	background-position: 42.331288343558285% 0.10224948875255625%;
	background-size: 4545.454545454545% 4545.454545454545%;
	height: 23px;
	width: 23px;
}

.pen-icon {
	background-position: 36.74513817809621% 10.512820512820513%;
	background-size: 4347.83% 4000%;
	height: 18px;
	width: 18px;
}

.search-icon-sm {
	background-position: 37.71008403361344% 5.6426332288401255%;
	background-size: 2083.333333333333% 2325.581395348837%;
	height: 30px;
	width: 33px;
}

.btn-styling-md .search-icon-sm {
	height: 38px;
	width: 42px;
}

.search-icon {
	background-position: 37.71008403361344% 5.848563968668407%;
	background-size: 2083.333333333333% 2325.581395348837%;
	height: 60px;
	width: 67px;
}

.view-plus-icon {
	background-position: 39.630390143737166% 10.523613963039015%;
	background-size: 3846.153846153846% 3846.153846153846%;
	width: 22px;
	height: 22px;
}

.qmark-sm-icon {
	cursor: pointer;
	vertical-align: middle;
	background-position: -719px -315px;
	height: 17px;
	width: 17px;
}

.info-blue-icon {
	background-position: -717px -333px;
}

.info-white-icon {
	background-position: -717px -349px;
}

.info-blue-icon, .info-white-icon {
	width: 14px;
	height: 14px;
}

.more-icon {
	background-position: 36.70756646216769% 13.496932515337424%;
	background-size: 4545.454545454545% 4545.454545454545%;
	width: 22px;
	height: 22px;
}

.home-white-icon {
	background-position: 42.72445820433436% 2.780638516992791%;
	background-size: 3225.8064516129034% 3448.275862068966%;
	width: 22px;
	height: 20px;
}

.wifi-white-icon {
	background-position: 42.7906976744186% 6.365503080082135%;
	background-size: 3076.923076923077% 3846.153846153846%;
	width: 22px;
	height: 16px;
}

.tool-white-icon {
	background-position: 39.49406298399587% 16.99380165289256%;
	background-size: 3174.603174603175% 3173.0158730158732%;
	width: 22px;
	height: 22px;
}

.map-white-icon {
	background-position: 42.72445820433436% 9.39112487100103%;
	background-size: 3225.8064516129034% 3225.8064516129034%;
	width: 22px;
	height: 20px;
}

.plus-white-icon {
	background-position: 42.820247933884296% 13.074935400516797%;
	background-size: 3125% 3123.4375%;
	width: 22px;
	height: 22px;
}

.router-white-icon {
	background-position: 42.946058091286304% 16.59751037344398%;
	background-size: 2777.777777777778% 2777.777777777778%;
	width: 24px;
	height: 24px;
}

.gift-white-icon {
	background-position: 58.82956878850103% 15.289892252437149%;
	background-size: 3846.153846153846% 3848.0769230769233%;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

.home-circ {
	background-position: 48.70967741935484% 0%;
	background-size: 1428.5714285714287% 1428.5714285714287%;
	width: 42px;
	height: 42px;
}

.wifi-circ {
	background-position: 56.758212170166935% 0%;
	background-size: 1428.57% 1428.57%;
	width: 42px;
	height: 42px;
}

.map-circ {
	background-position: 48.655913978494624% 7.795698924731183%;
	background-size: 1428.5714285714287% 1428.5714285714287%;
	width: 42px;
	height: 42px;
}

.plus-circ {
	background-position: 56.666666666666664% 7.795698924731183%;
	background-size: 1428.5714285714287% 1428.5714285714287%;
	width: 42px;
	height: 42px;
}

.router-circ {
	background-position: 64.51612903225806% 7.795698924731183%;
	background-size: 1428.5714285714287% 1428.5714285714287%;
	width: 42px;
	height: 42px;
}

.fix-circ {
	background-position: 64.51612903225806% 0%;
	background-size: 1428.5714285714287% 1428.5714285714287%;
	width: 42px;
	height: 42px;
}

.home-circ.large-circ, .wifi-circ.large-circ, .map-circ.large-circ, .plus-circ.large-circ, .router-circ.large-circ, .fix-circ.large-circ {
	width: 94px;
	height: 94px;
}

.search-blue-icon {
	background-position: 40.07128309572302% 2.2391857506361323%;
	background-size: 5555.555555555556% 5714.285714285715%;
	width: 21px;
	height: 20px;
}

.ribbon-blue-icon {
	background-position: 49.40923737916219% 15.540180947312402%;
	background-size: 1449.2753623188405% 1652.8925619834708%;
	width: 138px;
	height: 121px;
}

.ribbon-orange-icon {
	background-position: 57.94844253490869% 15.540180947312402%;
	background-size: 1449.2753623188405% 1652.8925619834708%;
	width: 138px;
	height: 121px;
}

.pen-circ-med {
	background-position: 46.512875536480685% 23.71244635193133%;
	background-size: 1449.2753623188405% 1449.2753623188405%;
	width: 136px;
	height: 136px;
}

.wifi-circ-med {
	background-position: 54.39914163090128% 23.71244635193133%;
	background-size: 1449.2753623188405% 1449.2753623188405%;
	width: 136px;
	height: 136px;
}

.search-circ-med {
	background-position: 38.62660944206009% 23.71244635193133%;
	background-size: 1449.2753623188405% 1449.2753623188405%;
	width: 136px;
	height: 136px;
}

.blue-checked-med {
	background-position: 63.70614035087719% 24.232456140350877%;
	background-size: 1136.3636363636363% 1136.3636363636363%;
	width: 98px;
	height: 98px;
}

.true-circ {
	background-position: 63.651315789473685% 24.232456140350877%;
	background-size: 1136.3636363636363% 1136.3636363636363%;
	width: 136px;
	height: 136px;
}

.bt-haft-circ {
	cursor: pointer;
	position: relative;
	width: 100px;
	height: 40px;
	overflow: hidden;
}

.bt-haft-circ:after {
	content: "";
	display: block;
	background: #cacaca;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	box-shadow: -1px 0px 0px #d7d6d5 inset;
}

.bt-haft-circ > span {
	font-family: "TrueBold";
	font-size: 18px;
	text-align: center;
	color: #777777;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
}

.cross-wrap {
	background: #e1e1e1;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	z-index: 2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: 4px;
	box-shadow: 0 2px 3px #666666 inset;
}

.cross-icon {
	content: "";
	display: block;
	background-image: url("../images/icons/sprite-icons@2x.png");
	background-repeat: no-repeat;
	background-position: 23.939393939393938% 10%;
	background-size: 10000% 10000%;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
}

.btcirc-blue-icon {
	background-position: 37.0293965961836% 2.166064981949458%;
	background-size: 3278.6885245901635% 3278.6885245901635%;
	height: 44px;
	width: 44px;
}

.tv-icon, .tv-white-icon {
	width: 32px;
	height: 28px;
	background-size: 2531.6455696202534% 2857.1428571428573%;
	background-position: 100% 4.455958549222798%;
}

.mb-icon, .mb-white-icon {
	width: 32px;
	height: 44px;
	background-size: 2777.777777777778% 2040.8163265306123%;
	background-position: 89.36721991701245% 5.94111461619348%;
	margin-top: 4px;
}

.mb2-icon, .mb2-white-icon {
	width: 46px;
	height: 52px;
	background-size: 1923.076923076923% 1694.9152542372883%;
	background-position: 84.22995780590718% 7.0138150903294365%;
}

.comp-white-icon {
	width: 36px;
	height: 41px;
	background-size: 2325.581395348837% 2040.8163265306123%;
	background-position: 94.35736677115987% 9.04311251314406%;
}

.fl-icon {
	width: 32px;
	height: 28px;
	background-size: 2439.0243902439024% 2631.578947368421%;
	background-position: 77.99791449426486% 0%;
}

.pen-med {
	width: 26px;
	height: 26px;
}

.cir-plus-icon {
	width: 16px;
	height: 16px;
	background-size: 6666.666666666667% 6666.666666666667%;
	background-position: 39.28934010152284% 13.451776649746192%;
	vertical-align: middle;
	border-radius: 50%;
}

.white-checked-icon, .red-checked-icon {
	width: 16px;
	height: 13px;
	background-size: 4545.454545454545% 5555.555555555556%;
	vertical-align: middle;
}

.white-checked-icon {
	background-position: 19.580777096114517% 14.307535641547862%;
}

.red-checked-icon {
	background-position: 22.801635991820042% 14.307535641547862%;
}

.timer-icon {
	width: 70px;
	height: 45px;
	background-size: 1360.5442176870747% 2127.659574468085%;
	background-position: 50.29681597409606% 15.5299055613851%;
}

.hourglass-icon {
	width: 56px;
	height: 56px;
	background-size: 1190.4761904761906% 1190.4761904761906%;
	background-position: 0 36.5174672489083%;
}

.rotate-icon {
	-moz-animation: rotateIcon 4s infinite linear;
	-webkit-animation: rotateIcon 4s infinite linear;
	animation: rotateIcon 4s infinite linear;
}

@-moz-keyframes rotateIcon {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg);  }
}

@-webkit-keyframes rotateIcon {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg);  }
}

@keyframes rotateIcon {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg);  }
}

.nosignal-icon {
	width: 56px;
	height: 56px;
	background-size: 1418.4397163120566% 1418.4397163120566%;
	background-position: 9.682625067240453% 35.87950511027434%;
}

.questionmark-icon {
	width: 20px;
	height: 20px;
	background-size: 3225.8064516129034% 3225.8064516129034%;
	background-position: 16.92466460268318% 38.80288957688339%;
}

.test-speed-icon {
	width: 140px;
	height: 80px;
	background-size: 877.1929824561404% 1538.4615384615386%;
}

.test-speed-icon.overmax-download {
	background-position: 0 61.925133689839576%;
}

.test-speed-icon.max-download {
	background-position: 13.261851015801355% 61.925133689839576%;
}

.test-speed-icon.balance-speed {
	background-position: 26.63656884875846% 61.925133689839576%;
}

.test-speed-icon.max-upload {
	background-position: 39.89841986455982% 61.925133689839576%;
}

.test-speed-icon.overmax-upload {
	background-position: 53.16027088036117% 61.925133689839576%;
}

.circle-green-checked-icon {
	width: 120px;
	height: 120px;
	background-size: 793.6507936507937% 793.6507936507937%;
	background-position: 0 48.2837528604119%;
}

.info-gray-icon {
	width: 15px;
	height: 15px;
	background-position: 20.536635706914343% 38.80288957688339%;
	background-size: 3225.8064516129034% 3225.8064516129034%;
	vertical-align: middle;
}

.speed-icon-size {
	width: 42px;
	height: 30px;
	background-size: 934.5794392523364% 1428.5714285714287%;
}

.overmax-download-icon {
	background-position: 14.837625979843224% 46.075268817204304%;
}

.overmax-download-icon.-white {
	background-position: 14.837625979843224% 54.03225806451613%;
}

.max-download-icon {
	background-position: 27.267637178051512% 46.075268817204304%;
}

.max-download-icon.-white {
	background-position: 27.267637178051512% 54.03225806451613%;
}

.balance-speed-icon {
	background-position: 39.6976483762598% 46.075268817204304%;
}

.balance-speed-icon.-white {
	background-position: 39.6976483762598% 54.03225806451613%;
}

.max-upload-icon {
	background-position: 52.07166853303471% 46.075268817204304%;
}

.max-upload-icon.-white {
	background-position: 52.07166853303471% 54.03225806451613%;
}

.overmax-upload-icon {
	background-position: 64.44568868980963% 46.075268817204304%;
}

.overmax-upload-icon.-white {
	background-position: 64.44568868980963% 54.03225806451613%;
}

.img-icon {
	width: 96px;
	height: auto;
}

.img-icon.icon-med {
	display: block;
	width: 100px;
}

.img-icon img {
	display: block;
	width: 100%;
}

.img-icon.icon-med img {
	max-width: 100%;
	width: auto;
	max-height: 26px;
	margin-left: auto;
	margin-right: auto;
}

.img-icon.sm-img-icon {
	width: 70px;
	border-radius: 5px;
}

.img-icon.sm-img-icon img {
	border-radius: 5px;
}

.img-icon.def-icon {
	width: 100%;
}

.img-icon.def-icon img {
	height: auto;
	margin-top: 6px;
	max-height: 35px;
}

.img-icon.def-icon img:first-child {
	margin-top: 0;
}

.vmid-ctn-4 .img-icon.def-icon .med-txt-6 {
	margin-top: 3px;
}

.vmid-ctn-4 .img-icon.def-icon .med-txt-6:first-child:last-child {
	margin-top: 5px;
	margin-bottom: 5px;
}

.ie8 .tv-icon, .ie8 .tv-white-icon, .ie8 .fl-icon, .ie8 .cir-plus-icon, .ie8 .arw-right-grey, .ie8 .pen-icon,
.ie8 .mb-icon, .ie8 .mb-white-icon, .ie8 .mb2-icon, .ie8 .mb2-white-icon, .ie8 .timer-icon, .ie8 .cross-med-white2-icon, .ie8 .cross-icon, .ie8 .blue-checked-med,
.ie8 .thumbnail-slider2 .owl-next, .ie8 .thumbnail-slider2 .owl-prev, .tmh-med-logo, .tol-med-logo, .ty-med-logo {
	behavior: url(css/backgroundsize.min.htc);
}

.up-arrow-yellow, .down-arrow-yellow, .up-arrow-grey, .down-arrow-grey, .up-arrow-pink, .down-arrow-pink {
	width: 32px;
	height: 20px;
}

.arw-red-left2, .arw-red-right2, .arw-green-left, .arw-green-right, .arw-white-left, .arw-white-right {
	width: 22px;
	height: 33px;
}

.arw-red-left2 {
	background-position: 24.772497472194136% 18.819938962360123%;
	background-size: 9090.90909090909% 6057.575757575758%;
}

.arw-red-right2 {
	background-position: 24.772497472194136% 16.83621566632757%;
	background-size: 9090.90909090909% 6057.575757575758%;
}

.arw-green-left {
	background-position: 23.053589484327603% 18.819938962360123%;
	background-size: 9090.90909090909% 6057.575757575758%;
}

.arw-green-right {
	background-position: 23.053589484327603% 16.83621566632757%;
	background-size: 9090.90909090909% 6057.575757575758%;
}

.down-arrow-yellow {
	background-position: 13.363821138211382% 17.373737373737374%;
	background-size: 6250% 10000%;
}

.up-arrow-yellow {
	background-position: 13.363821138211382% 16.21212121212121%;
	background-size: 6250% 10000%;
}

.down-arrow-grey {
	background-position: 15.24390243902439% 17.373737373737374%;
	background-size: 6250% 10000%;
}

.up-arrow-grey {
	background-position: 15.24390243902439% 16.21212121212121%;
	background-size: 6250% 10000%;
}

.down-arrow-pink {
	background-position: 17.17479674796748% 17.373737373737374%;
	background-size: 6250% 10000%;
}

.up-arrow-pink {
	background-position: 17.17479674796748% 16.21212121212121%;
	background-size: 6250% 10000%;
}

.arw-white-left {
	background-position: 9.858442871587462% 11.85147507629705%;
	background-size: 9090.90909090909% 5882.35294117647%;
}

.arw-white-right {
	background-position: 11.678463094034377% 11.85147507629705%;
	background-size: 9090.90909090909% 5882.35294117647%;
}

.arw-white-down, .arw-white-top {
	width: 34px;
	height: 22px;
}

.arw-white-down {
	background-position: 0% 25.73306370070779%;
	background-size: 5882.35294117647% 9090.90909090909%;
}

.arw-white-top {
	background-position: 2.3397761953204474% 25.73306370070779%;
	background-size: 5882.35294117647% 9090.90909090909%;
}

.spacing-btm {
	margin-bottom: 20px;
}


/* --- POPUP-ACCORDION --- */
.popup-contain.actived .popup-wrap {
	overflow: visible;
	max-height: 5000px;
}

.popup-contain {
	position: relative;
}

.popup-contain.top-shadow:after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+0,eeeeee+100 */
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #aaaaaa 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #aaaaaa 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

.popup-contain.actived .popup-list {
	position: absolute;
	top: 0;
	width: 100%;
}

.popup-box {
	background: #d3c7b1;
	width: 100%;
	max-width: 630px;
	position: relative;
	top: 0px;
	left: 50%;
	z-index: 6;

	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.popup-box.grey-bg {
	background: #404040;
}

.popup-overlay {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 5;
	filter: alpha(opacity=0);
	opacity: 0;
	background: #000;

	-webkit-transition: opacity 0.1s ease, visibility 0.1s ease;
	transition: opacity 0.1s ease, visibility 0.1s ease;
}

.content-popup .bt-haft-circ {
	margin: 0 auto;
	margin-top: 10px;
}

.ctn-switch.actived {
	background: #f5f2ed;
	padding-bottom: 24px;
}

.ctn-switch.actived .thumbnail-desc {
	background: #ffffff;
}

.ctn-switch.actived .thumbnail-inner {
	padding-bottom: 10px;
}

.ctn-switch.actived .thumbnail-accd {
	max-height: 0;
	overflow: hidden;
}

.ctn-section .ctn-switch.actived {
	padding-bottom: 0px;
}

.close-popup {
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
}

.close-popup .cross-med-white2-icon {
	width: 16px;
	height: 16px;
}

.popup-inner {
	padding: 10px;
	padding-bottom: 0;
}

.popup-inner .thumbnail-inner-desc {
	padding-bottom: 0;
}

.content-popup .sm-date-txt {
	margin-top: 10px;
	margin-bottom: 4px;
}

.social-wrap {
	text-align: center;
	padding: 10px 0;
}

.thumbnail-slider3 .owl-prev, .thumbnail-slider3 .owl-next {
	position: absolute;
	top: 0px;
	top: 24.3vw;
	margin-top: 0px;
}

.thumbnail-slider3 .owl-prev {
	text-indent: -999px;
	overflow: hidden;
	background-position: 10.9351% 23.2486%;
	background-size: 4651.16% 2739.73%;
	width: 16px;
	height: 27px;
	left: 4px;
}

.thumbnail-slider3 .owl-next {
	text-indent: -999px;
	overflow: hidden;
	background-position: 13.422131147540984% 23.32118688183238%;
	background-size: 4166.666666666666% 2562.8205128205127%;
	width: 16px;
	height: 27px;
	right: 4px;
}

.bt-haft-circ:after {
	width: 110px;
}

.bt-haft-circ {
	width: 110px;
}

.bt-haft-circ {
	height: 45px;
}

.cross-wrap {
	top: 8px;
}

.bt-haft-circ > span {
	font-size: 20px;
}

.thumbnail-accd .bt-haft-circ {
	margin-left: -60px;
}

.none-tran .thumbnail-slider3 .owl-stage {
	-moz-transition: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}

.thumbnail-slider3 .owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 9px;
	bottom: auto;
	text-align: center;
	margin-top: 46%;
	display: none;
}

.thumbnail-slider3 .owl-dots .owl-dot {
	vertical-align: top;
}

.popup-contain.actived .popup-overlay {
	filter: alpha(opacity=700);
	opacity: 0.7;
	visibility: visible;
}


/* --- PACKAGES --- */
.inline-middle > div, .inline-top > div {
	margin-left: 2px;
}

.inline-middle > div:first-child, .inline-top > div:first-child, .inline-middle .num-txt-box {
	margin-left: 0;
}

.inline-middle > div:first-child .mb-icon {
	position: relative;
	left: 10px;
}

.inline-middle > div:first-child .txt-box + .mb-icon {
	left: 12px;
	margin-bottom: 20px;
}

.inline-middle .add-list {
	position: relative;
	margin-left: 37px;
	margin-top: 10px;
}

.top-header {
	position: relative;
	padding-top: 55px;
	max-width: 1920px;
	text-align: center;
}

.top-header h1 {
	font-family: 'TrueLight';
	font-size: 30px;
	line-height: 1em;
	padding-bottom: 5px;
}

.top-header h1 strong {
	font-family: 'TrueBoldSpecial';
	font-weight: normal;
}

.top-header h1, .top-header .search-blue-icon {
	display: inline-block;
	vertical-align: baseline;
}

.top-header .search-blue-icon {
	position: relative;
	top: 3px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.top-head-inner {
	position: relative;
	margin: 0 auto;
}

.add-list .num-txt-box {
	display: inline-block;
}

.add-list > * {
	display: inline-block;
	vertical-align: middle;
}

.add-list > .img-icon {
	margin-right: 5px;
}

.add-list:before {
	content: "+";
	display: block;
	position: absolute;
	top: -19px;
	left: 32px;
	text-align: center;
	font-family: 'TrueBold';
	font-size: 40px;
	line-height: 0.5em;
	color: #fff;
}

.cir-arw {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	/* background-color: #f0f0f0; */
}

.cir-abs {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -11px;
}

.cir-arw .arw-right-grey {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 12px;
	margin-left: -4px;
	margin-top: -6px;
}

.triang-button, .square-button, .square-button-med, .square-button-med-2, .square-button-flex {
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
}

.triang-button {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	min-width: 40px;
	height: 16px;
	line-height: 16px;
	background-color: #000;
	font-family: 'TrueMedium';
	font-size: 14px;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	z-index: 1;
}

html:not(.desktop) .triang-button {
	right: -2px;
	right: 0;
}

.mb-nav-box.actived ~ .main-content .top-head-outer.-fix {
	-webkit-transform: translateY(-44px);
	transform: translateY(-44px);
}

.top-head-outer.-fix {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 3;
	background: url('../images/bg/bg-buble@2x.jpg');
	background-size: cover;
	background-position: 0 bottom;
	background-repeat: no-repeat;

	-webkit-transition: -webkit-transform 0.9s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 0.9s cubic-bezier(0.77, 0, 0.175, 1);
}

.top-head-outer.-fix + .sec-box {
	margin-top: 131px;
}

.top-head-outer.-fix .top-header {
	padding-top: 0;
	margin-top: 44px;
}

.top-head-outer.-fix .top-head-inner {
	padding-top: 5px;
}

.top-head-outer.-fix h1.blue-text-2 {
	padding-bottom: 5px;
}

.top-tab-box {
	position: relative;
	border-bottom: 5px solid #125eb0;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.top-tab-box .tab-box-item {
	cursor: pointer;
	position: relative;
	width: 31.25%;
	max-width: 140px;
	height: 39px;
	background-color: #555;
	font-family: 'TrueMedium';
	font-size: 18px;
	color: #fff;
	padding-bottom: 3px;
	border-radius: 12px 12px 0 0;
	text-align: center;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: column wrap;
	-moz-flex-flow: column wrap;
	 -ms-flex-flow: column wrap;
		 flex-flow: column wrap;

	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.top-tab-box .tab-box-item + .tab-box-item {
	margin-left: 6px;
}

.top-tab-box .tab-box-item strong {
	display: block;
	width: 100%;
	font-family: 'TrueBoldSpecial';
	font-size: 24px;
	line-height: 0.5em;
	font-weight: normal;
}

.top-tab-box .tab-box-item.actived {
	background: #059adf;
	background: -moz-linear-gradient(top,  #059adf 0%, #125eb0 100%);
	background: -webkit-linear-gradient(top,  #059adf 0%,#125eb0 100%);
	background: linear-gradient(to bottom,  #059adf 0%,#125eb0 100%);
}

.profile-wrap {
	position: relative;
	background: #ABE3FC;
}

.profile-box {
	font-family: 'TrueMedium';
	font-size: 24px;
	color: #ffffff;
	margin: 0 auto;
}

.profile-box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.profile-box > div {
	line-height: 45px;
	float: left;
	height: 45px;
}

.profile-box > .profile-desc {
	font-family: 'TrueBold';
	font-size: 24px;
	background: #00ABEB;
	width: 40%;
	position: relative;
}

.profile-desc .title-account {
	display: inline-block;
}

.profile-desc .select-list {
	display: none;
}

.info-order {
	display: none;
}

.profile-box > .profile-desc:after {
	content: "";
	position: absolute;
	top: 0px;
	right: -12px;
	z-index: 2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22.5px 0 22.5px 12px;
	border-color: transparent transparent transparent #00ABEB;
}

.profile-box > .profile-detial {
	width: 60%;
}

.profile-content {
	font-family: 'TrueMedium';
	font-size: 24px;
	color: #ffffff;
	/*line-height: 45px;
	height: 45px;*/
	background: #313131;
	padding-top: 6px;
	padding-bottom: 6px;
}

.profile-info-txt > span {
	display: block;
	font-family: 'TrueBold';
	font-size: 24px;
	line-height: 1em;
}

.select-show {
	font-family: "TrueMedium";
	padding-left: 30px;
	display: inline-block;
}

.select-list {
	cursor: pointer;
	text-align: left;
	position: relative;
}

.order-list {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	max-height: 0px;
	overflow: hidden;
	z-index: 1;
	padding-top: 45px;
}

.main-login .top-head-outer {
	overflow: visible;
}

.top-head-outer.style-1 .square-button {
	display: none;
}

.top-head-outer.style-1 .blue-text-2 {
	padding-bottom: 10px;
}

.top-head-outer.style-1 .ptrn-bg-1,
.top-head-outer.style-1 .ptrn-bg-2
{
	display: none;
}

.select-list .arw-white-down {
	width: 23px;
	height: 13px;
	position: absolute;
	right: 8px;
	top: 18px;
	z-index: 6;
}

.select-list.actived .order-list {
	max-height: 5000px;
}

.select-list.actived .arw-white-down {
	background-position: 2.3397761953204474% 25.73306370070779%;
	background-size: 5882.35294117647% 9090.90909090909%;
}

.order-list > li {
	font-family: "TrueMedium";
	font-size: 24px;
	line-height: 45px;
	color: #ffffff;
	background: #ABE3FB;
	height: 45px;
	position: relative;
	padding-left: 30px;
}

.order-list > li.actived {
	position:  absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.order-list > li:after {
	content: "";
	background: #8DB8CA;
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}

.triang-button:before {
	content: "";
	display: block;
	position: absolute;
	left: -8px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 16px 0 0 8px;
	border-top-color: #000;
}

.square-button {
	cursor: pointer;
	width: 100%;
	height: 45px;
	line-height: 0.9333333333333333em;
	background: url(../images/bg/sprite-bg.png);
	background-repeat: no-repeat;
	background-position: 0 39.787234042553195%;
	background-size: 312.5% 1666.6666666666667%;
	color: #fff;
}

.square-button-med, .square-button-med-2, .square-button-flex {
	cursor: pointer;
	padding: 0;

	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.square-button-med, .square-button-flex {
	height: 25px;
}

.square-button-med {
	min-width: 160px;
	padding-left: 5px;
	padding-right: 5px;
}

.square-button-med .cir-plus-icon {
	position: relative;
	margin-right: 4px;
}

.square-button-med-2 {
	min-width: 150px;
	height: 30px;
}

.square-button-med-2 .button-text {
	font-size: 22px;
}

.square-button-flex {
	min-width: 80px;
	padding-left: 10px;
	padding-right: 10px;
}

.btn-text {
	font-family: 'TrueBold';
	font-size: 29px;
	line-height: 0.8666666666666667em;
}

.button-text {
	font-family: 'TrueBold';
	font-size: 19px;
	line-height: normal;
	vertical-align: middle;
}

.square-button .map-white-icon {
	width: 25px;
	height: 24px;
	margin-right: 7px;
}

.blue-btn {
	color: #fff;
	background-color: #0e73b9;
}

.desktop .blue-btn:hover, .blue-btn:active {
	background-color: #0b5a91;
}

.dark-grey-btn {
	color: #fff;
	background-color: #555;
}

.desktop .dark-grey-btn:hover, .dark-grey-btn:active {
	background-color: #000;
}

.med-grey-btn {
	color: #fff;
	background-color: #848484;
}

.desktop .med-grey-btn:hover, .med-grey-btn:active {
	background-color: #555;
}

.red-btn-2 {
	color: #fff;
	background-color: #f23428;
}

.desktop .red-btn-2:hover, .red-btn-2:active {
	background-color: #eb0c15;
}

.sec-box {
	position: relative;
	max-width: 2200px;
	margin: 0 auto;
	overflow: hidden;
}

.mtp-bg-col {
	background-color: #ddeef5;
}

.sec-inner {
	position: relative;
	overflow: hidden;
	/*max-width: 1100px;*/
	max-width: 1300px;
	margin: 0 auto;
}

.bnr-group img {
	width: 100%;
}

.sec-box .circ-title-wrap {
	position: absolute;
	left: 10px;
	top: -60px;
}

.cir-med {
	width: 120px;
	height: 120px;
}

.cir-med .circ-title-box {
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: none;
}

.cir-med .title-group-box {
	top: 50%;
	bottom: auto;
	height: auto;
	font-size: 20px;
	line-height: 0.75em;
	margin-top: 24px;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sec-box.sec-2 .cir-med .title-group-box {
	margin-top: 29px;
}

.cir-med .title-group-box > span {
	font-size: 14px;
	line-height: 1em;
}

.lang-th .cir-med .title-group-box > span {
	font-size: 20px;
}

.lang-th .cir-med .title-group-box, .lang-th .circ-fixed .title-group-box, .lang-th .fixed-large .title-group-box {
	font-size: 20px;
}

.lang-th .sec-box.sec-2 .cir-med .title-group-box {
	margin-top: 24px;
}

.lang-th .circ-fixed .title-group-box, .lang-th .fixed-large .title-group-box {
	bottom: -21px;
}

.bnr-group {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.spc-top {
	margin-top: 48.125%;
}

.spc-top-1 {
	margin-top: 28.125%;
}

.spc-top-2 {
	margin-top: 31.25%;
}

.spc-top-3 {
	margin-top: 56.25%;
}

.spc-top-4 {
	margin-top: 34%;
}

/* --- PACK LISTS --- */
.box-shadow-1 {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.inner-shadow {
	box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

.inner-shadow-2 {
	overflow: hidden;
}

.inner-shadow-2:before {
	content: "";
	display: block;
	position: absolute;
	left: -5px;
	right: -5px;
	top: -2px;
	height: 20px;
	z-index: 1;
	box-shadow: inset 0 5px 5px rgba(0,0,0,0.2);
}

.hl-box, .hl-box-1, .hl-box-2 {
	background-image: url('../images/bg/sprite-bg.png');
	background-repeat: no-repeat;
}

.hl-box {
	background-color: #00aeef;
	background-position: -390px -962px;
}

.hl-box.arw-down-blue:after {
	border-top-color: #00adef;
}

.hl-box .circle-block {
	background: #fff;
	color: #17b5f0;
}

.hl-box-1 {
	background-color: #00adef;
	/*background-size: 625% 1363.6363636363637%;*/
	background-size: auto 1363.6363636363637%;
	background-position: 51.3095238095238% 50.431654676258994%;
	box-shadow: none;
}

.hl-box-1.price-block {
	background-position: 0 15.184381778741866%;
	background-size: auto auto;
	overflow: hidden;
	/*background-position: 51.3095238095238% 49.64589235127479%;
	background-size: 625% 1704.5454545454547%;*/
}

.hl-box-1.price-block-2 {
	background-position: 0 15.184381778741866%;
	background-size: auto auto;
}

/*.price-block + .acd-box .hl-box-1 {
	background-position: 90.29761904761905% 50.431654676258994%;
	background-position: 70.77380952380953% 50.431654676258994%;
}*/

/*.price-block + .acd-box + .acd-box .hl-box-1 {
	background-position: 70.77380952380953% 50.431654676258994%;
	background-position: 90.29761904761905% 50.431654676258994%;
}*/

.price-block + .acd-box .hl-box-2 {
	background-position: 0% 75.59774964838256%;
	background-size: 625% 1923.076923076923%;
}

.hl-box-1 .tv-icon, .hl-box-2 .tv-icon, .tv-white-icon {
	background-position: 100% 0;
}

.hl-box-1 .mb-icon, .mb-white-icon {
	background-position: 89.36721991701245% 0;
}

.hl-box-1 .mb2-icon, .mb2-white-icon {
	background-position: 84.14120126448894% 0;
}

.hl-box-1 .dark-grey-btn {
	background-color: #0e73b9;
}

.hl-box-1 .divide-line:after {
	background-color: #009cd7;
}

.desktop .hl-box-1 .dark-grey-btn:hover, .hl-box-1 .dark-grey-btn:active {
	background-color: #0b5a91;
}

.fl-icon.abs-icon {
	position: absolute;
	top: 13px;
	left: 20px;
}

.checker-box {
	position: relative;
}

.checker-box .white-checked-icon, .checker-box .red-checked-icon {
	position: absolute;
	margin-left: 6px;
	top: 6px;
	display: none;
}

.checker-box.actived .white-checked-icon, .checker-box.actived .red-checked-icon {
	display: inline-block;
}

.pack-wrap {
	padding-bottom: 26px;
}

.pack-wrap.align-right {
	text-align: center;
}

.pack-wrap .btn-styling {
	position: relative;
	min-width: 160px;
	height: 60px;
	line-height: 54px;
	z-index: 1;
}

.pack-wrap .btn-styling.-fix {
	height: 46px;
	line-height: 40px;
}

.pack-wrap .btn-styling .search-icon {
	width: 45px;
	height: 40px;
	bottom: -2px;
	margin-left: -27px;
	margin-right: 5px;
}

.pack-wrap .btn-styling .styling-txt {
	font-size: 25px;
	line-height: 0.72em;
}

.lang-th .pack-wrap .btn-styling .styling-txt {
	line-height: 0.8em;
}

.pack-wrap .btn-styling .styling-txt strong {
	font-size: 30px;
}

.pack-list {
	width: 275px;
	margin: 0 auto;
}

.pack-list.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.pack-list .owl-dots {
	max-height: 0;
	overflow: hidden;
}

.pack-list .owl-prev, .pack-list .owl-next {
	top: 258px;
	margin-top: 20px;
}

.pack-list.red-arw-nav .owl-prev, .pack-list.red-arw-nav .owl-next {
	top: 186px;
}

.pack-box {
	position: relative;
	width: 255px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 20px;
	z-index: 1;
	color: #555;
}

.pack-box.box-shadow-1 {
	padding-bottom: 0;
	margin-bottom: 30px;
	margin-right: 1px;
}

.mini-img-box {
	position: relative;
	display: block;
}

.mini-img-box img, .prg-block-2 img {
	display: block;
	width: 100%;
}

.arrow-overlay .owl-prev, .arrow-overlay .owl-next {
	width: 24px;
	height: 38px;
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	background-image: none;
	top: 50%;
	margin-top: -19px;
	position: absolute;
}

.arrow-overlay .owl-prev {
	left: -10px;
}

.arrow-overlay .owl-next {
	right: -10px;
}

.arrow-overlay .owl-dots {
	max-height: 0;
	overflow: hidden;
}

.arrow-overlay .owl-prev:after {
	background-position: 16.2037% 23.125%;
}

.arrow-overlay  .owl-next:after {
	background-position: 19.238683127572017% 23.125%;
}

.arrow-overlay .owl-prev:after, .arrow-overlay .owl-next:after {
	content: "";
	display: block;
	width: 16px;
	height: 23px;
	background-color: transparent;
	background-image: url(../images/icons/sprite-icons@2x.png);
	background-size: 3571.4285714285716% 2500%;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -8px;
	margin-top: -12px;
}

.ie8 .arrow-overlay .owl-prev:after, .ie8 .arrow-overlay .owl-next:after {
	background: none;
}

.ie8 .arrow-overlay .owl-prev:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 10px 7px 0;
	border-color: transparent #ffffff transparent transparent;
	margin-top: -8px;
}

.ie8 .arrow-overlay .owl-next:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #ffffff;
	margin-top: -8px;
	margin-left: -4px;
}

.btn-styling .timer-icon {
	margin-right: 5px;
	margin-left: -37px;
	margin-bottom: -10px;
}

.abs-btn {
	margin-left: 10px;
	margin-right: 10px;
}

.info-head-box, .info-box-1, .info-box-2, .info-box-3, .info-box-4, .info-box-5, .info-box-6, .vmid-ctn-3 {
	position: relative;
}

.info-head-box {
	font-family: 'TrueMedium';
	font-size: 24px;
	line-height: 0.8333333333333333em;
	min-height: 38px;
	padding-top: 4px;
	padding-bottom: 8px;
	background-position: 19.642857142857142% 14.413793103448274%;
	background-size: 625% 3000%;
}

.info-head-box.blue-head-box {
	background-position: 19.642857142857142% 18.20689655172414%;
	background-size: 625% 3000%;
}

.info-head-box strong {
	display: block;
	font-family: 'TrueBold';
	font-size: 30px;
	font-weight: normal;
	line-height: 0.5em;
	margin-top: 3px;
}

.info-box-1 {
	min-height: 246px;
	line-height: 246px;
}

.info-box-2, .info-box-3, .info-box-4, .info-box-5, .info-box-6 {
	width: 100%;
}

.info-box-2 {
	min-height: 34px;
}

.info-box-3 {
	min-height: 52px;
}

.info-box-3.inner-shadow {
	overflow: hidden;
}

.info-box-4 {
	min-height: 26px;
}

.info-box-4 .vmid-ctn-3.acd-head {
	padding-top: 2px;
	padding-bottom: 2px;
}

.info-box-5 {
	min-height: 50px;
}

/* .info-box-5 .vmid-ctn-3 {
	padding-top: 6px;
} */

.info-box-5 .med-txt-3 {
	font-size: 36px;
}

.info-box-6 {
	min-height: 80px;
}

.info-box-2:before, .info-box-3:before, .info-box-4:before, .info-box-5:before, .info-box-6:before {
	content: " ";
	margin-left: -5px;
}

.info-box-2:before {
	height: 34px;
}

.info-box-3:before {
	height: 52px;
}

.info-box-4:before {
	height: 26px;
}

.info-box-5:before {
	height: 50px;
}

.info-box-6:before {
	height: 80px;
}

.bottom-block .vmid-ctn-3 .cmn-txt-3 {
	display: inline-block;
	vertical-align: top;
}

.bottom-block .grey-text-2, .bottom-block .grey-text-3 {
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.desktop .bottom-block .grey-text-2:hover {
	color: #fff;
}

.desktop .bottom-block .grey-text-3:hover {
	color: #f00;
}

.tag-box {
	background: #f9b72f;
	width: 110px;
	height: 12px;
	line-height: 12px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -55px;
}

.tag-box:before {
	content: "";
	display: block;
	position: absolute;
	left: -6px;
	top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 0;
	border-color: transparent #f9b72f transparent transparent;
}

.tag-box:after {
	content: "";
	display: block;
	position: absolute;
	right: -6px;
	top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 0;
	border-color: #f9b72f transparent transparent transparent;
}

.tag-box > span {
	font-family: "TrueMedium", Tahoma;
	font-size: 14px;
	color: #ffffff;
	line-height: 12px;
	position: relative;
	top: -3px;
	display: inline-block;
}

.bdr-top {
	border-top: 2px solid #6a6a6a;
}

.arw-down-blue:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 10px 11px 0px 11px;
	border-top-color: #bfe8fe;
	margin-left: -11px;
	z-index: 1;
}

.circle-block {
	width: 130px;
	height: 130px;
	line-height: 126px;
	border-radius: 50%;
	margin: 0 auto 10px;
	color: #fff;

	background: #059adf; /* Old browsers */
	background: -moz-linear-gradient(top,  #059adf 0%, #125eb0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #059adf 0%,#125eb0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #059adf 0%,#125eb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	/* background: #0058d6;
	background: -moz-linear-gradient(top,  #0058d6 0%, #00aaeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0058d6), color-stop(100%,#00aaeb));
	background: -webkit-linear-gradient(top,  #0058d6 0%,#00aaeb 100%);
	background: -o-linear-gradient(top,  #0058d6 0%,#00aaeb 100%);
	background: -ms-linear-gradient(top,  #0058d6 0%,#00aaeb 100%);
	background: linear-gradient(to bottom,  #0058d6 0%,#00aaeb 100%); */
}

.circle-block .large-txt-1 {
	margin-left: -5px;
	margin-bottom: 8px;
}

.circle-block .cmn-txt-1 {
	margin-bottom: 8px;
}

.pack-m .circle-block {
	width: 160px;
	height: 160px;
	line-height: 156px;
}

.pack-l .circle-block {
	width: 170px;
	height: 170px;
	line-height: 166px;
}

.cmn-txt-1, .cmn-txt-3 strong, .cmn-txt-5, .med-txt-2, .med-txt-4, .med-txt-6,
.med-txt-7, .sm-txt-1, .sm-txt-2, .sm-txt-list, .cmn-txt-list strong {
	font-family: 'TrueBold';
	font-weight: normal;
}

.med-txt-5, .large-txt-1, .med-txt-1, .med-txt-3 {
	font-family: 'TrueBoldSpecial';
	font-weight: normal;
}

.med-txt-3 > .sm-txt-1 {
	margin-left: -0.2em;
}

.cmn-txt-2, .cmn-txt-3, .cmn-txt-4, .cmn-txt-list, .sup-txt, .sub-txt {
	font-family: 'TrueMedium';
}

.cmn-txt-2.-inline {
	display: inline;
}

.bolder-txt {
	font-family: 'TrueBoldSpecial';
	font-weight: normal;
	line-height: 0.6em;
}

.cmn-txt-1 strong, .cmn-txt-4 strong, .cmn-txt-5 strong {
	font-family: 'TrueBold';
	font-weight: normal;
}

.sm-txt-1 {
	font-size: 17px;
	line-height: 0.8823529411764706em;
}

.sm-txt-2 {
	font-size: 25px;
	line-height: 0.5em;
}

.cmn-txt-3 {
	font-size: 18px;
	line-height: 1em;
}

.cmn-txt-4 {
	font-size: 20px;
	line-height: 0.9em;
}

.cmn-txt-4 strong {
	font-family: 'TrueBold';
	font-size: 22px;
	line-height: 0.8181818181818182em;
	font-weight: normal;
}

.cmn-txt-1, .cmn-txt-2, .cmn-txt-5, .sup-txt, .sub-txt {
	font-size: 22px;
}

.bolder-txt {
	font-size: 60px;
}

.med-txt-1, .med-txt-2, .med-txt-3, .med-txt-4, .med-txt-6, .sup-txt, .med-txt-3 .sm-txt-1, .sub-txt {
	line-height: 0.5em;
}

.cmn-txt-1, .cmn-txt-2, .cmn-txt-5 {
	line-height: 0.6818181818181818em;
}

.lang-th .cmn-txt-1, .lang-th .cmn-txt-2, .lang-th .cmn-txt-5 {
	line-height: 0.8181818181818182em;
}

.med-txt-1, .med-txt-2 {
	font-size: 50px;
}

.med-txt-3 {
	font-size: 36px;
}

.med-txt-4 {
	font-size: 25px;
}

.med-txt-5 {
	font-size: 16px;
}

.med-txt-6 {
	font-size: 20px;
}

.med-txt-7 {
	font-size: 30px;
}

.sw-info-txt {
	display: none;
}

.sw-info-txt.actived {
	display: inline-block;
}

.large-txt-1 {
	font-size: 90px;
	line-height: 0.5em;
	letter-spacing: -2px;
}

.sup-txt {
	vertical-align: top;
	margin-left: 15px;
	margin-right: 2px;
}

.sub-txt {
	vertical-align: baseline;
}

.sm-txt-list {
	font-size: 15px;
}

.sm-txt-list > li, .cmn-txt-list > li {
	position: relative;
	padding-left: 10px;
}

.sm-txt-list > li:before, .cmn-txt-list > li:before {
	content: "•";
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
}

.sm-txt-list > li {
	line-height: 0.9em;
	word-spacing: -0.1em;
	margin-top: 5px;
}

.cmn-txt-list {
	font-size: 18px;
}

.cmn-txt-list > li {
	line-height: 0.8333333333333333em;
	margin-top: 8px;
}

.cmn-txt-list > li:before {
	color: #fff;
}

.cmn-txt-list {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
}

.md-container .cmn-txt-list {
	padding-left: 8px;
	padding-right: 8px;
}

.new-line-list {
	display: block;
	margin-left: 40px;
}

.txt-block .med-txt-1 {
	margin-top: 4px;
	margin-bottom: 2px;
}

.txt-block-2 {
	max-width: 62.5%;
}

.vmid-ctn-2, .vmid-ctn-3, .vmid-ctn-4 {
	width: 100%;
}

.vmid-ctn-2 {
	padding-top: 16px;
	padding-bottom: 7px;
}

.vmid-ctn-3 {
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
}

.vmid-ctn-4 {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.vmid-ctn-3 .inline-top > div:first-child + div {
	max-width: 89%;
}

.vmid-ctn-3 .cmn-txt-3 > strong {
	display: block;
}

.vmid-ctn-3.inner-padding-3 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.vmid-ctn-3.inner-padding {
	padding-top: 10px;
	padding-bottom: 10px;
}

.vmid-ctn-3.inner-padding .heading-txt-box {
	margin-top: -10px;
	margin-bottom: 5px;
}

.vmid-ctn-4.inner-padding {
	padding-top: 15px;
	padding-bottom: 15px;
}

.inner-padding-2 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.info-box-3 .triang-button + .vmid-ctn-3 {
	padding-top: 21px;
	padding-bottom: 20px;
}

.inline-middle, .inline-top {
	width: 96%;
	margin: 0 auto;
}

.tag-box + .inline-middle {
	margin-top: 15px;
}

.txt-box {
	margin-top: 5px;
}

.txt-box .sm-txt-1 {
	display: block;
}

.checker-box {
	margin-top: 7px;
	margin-bottom: 5px;
}

.checker-box:first-child {
	margin-top: 0;
}

.price-block-2 .checker-box {
	margin-top: 16px;
}

.num-txt-box, .num-txt-box-2 {
	text-align: left;
}

.num-txt-box > .med-txt-3 {
	margin-top: 3px;
}

.num-txt-box-2 .num-txt-inner {
	margin-top: 3px;
}

.num-txt-box > .med-txt-3:first-child, .num-txt-box-2 .num-txt-inner:first-child {
	margin-top: 0;
}

.inline-middle .num-txt-box {
	min-width: 70px;
}

.inline-middle .num-txt-box-2 {
	max-width: 145px;
}

.txt-bullet {
	font-size: 14px;
}

.chn-txt {
	display: inline-block;
	text-align: right;
	min-width: 37px;
}

.toggle-box-wrap {
	position: relative;
	padding-bottom: 26px;
}

.toggle-box-wrap.no-spc-btm {
	padding-bottom: 0;
}

.toggle-box-wrap > .info-box-2:first-child:last-child, .toggle-box-wrap > .info-box-2:first-child + .acd-box:not(.toggle-box):last-child,
.toggle-box-wrap > .acd-box + .acd-box:not(.toggle-box):last-child{
	margin-bottom: -30px;
}

.toggle-box-wrap > .calc-box ~ .acd-box:not(.toggle-box):last-child, .toggle-box-wrap > .calc-box:last-child {
	margin-bottom: 0;
}

.toggle-box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 26px;
	overflow: hidden;
	z-index: 5;

	-webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.toggle-box .cir-arw {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.toggle-box-2 .info-box-4 > .vmid-ctn-3, .info-box-4.toggle-box-2 > .vmid-ctn-3 {
	border-top: 2px solid #3a3a3a;
}

.toggle-box-2 .info-box-4 > .vmid-ctn-3, .info-box-4.toggle-box-2 > .vmid-ctn-3 {
	border-top: 2px solid #ddd;
}

.toggle-box-2 .info-box-4.white-bg > .vmid-ctn-3 {
	border-top: 1px solid #ddd;
}

.toggle-box-2 .info-box-4.blue-gd-bg > .vmid-ctn-3 {
	border-top: 1px solid #acd5f6;
}

.toggle-box-2 .info-box-4.yellow-bg-2 > .vmid-ctn-3 {
	border-top-color: #eeb844;
}

.toggle-box-2 .info-box-4.pink-bg-2 > .vmid-ctn-3 {
	border-top-color: #e95995;
}

.toggle-box-2 .info-box-4.blue-bg-6 > .vmid-ctn-3 {
	border-top-color: #4dc5f5;
}

.toggle-box-2 .info-box-4.yellow-bg-2 > .vmid-ctn-3:first-child,
.toggle-box-2 .info-box-4.pink-bg-2 > .vmid-ctn-3:first-child {
	border-top: none;
}

.toggle-box-2 .inline-middle .img-icon {
	width: 27.65957446808511%;
}

.toggle-box-2 .info-box-4.dark-grey-bg-2 {
	background-color: #323232;
}

.hl-box-1 + .toggle-box-2 .info-box-4 {
	/*background-color: #0e73b9;*/
	background-color: #00aeef;
}

.hl-box-1 + .toggle-box-2 .info-box-4 > .vmid-ctn-3 {
	/*border-top-color: #206798;*/
	border-top-color: #4dc6f5;
}

.info-box-4.toggle-box-2 > .vmid-ctn-3 {
	padding: 8px 5px;
	box-sizing: border-box;
}

.table-block {
	position: relative;
	/* width: 77.55102040816327%; */
	width: 83.60655737704918%;
}

.table-block.full-table {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

/*.divide-line:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: #333;
	margin-left: -10px;
}*/

.table-inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.table-clmn {
	display: table-cell;
	width: 64%;
	table-layout: fixed;
	vertical-align: middle;
	height: 20px;
}

.table-clmn:first-child {
	width: 36%;
}

.table-clmn > .sm-txt-1:first-child {
	font-family: 'TrueBoldSpecial';
	font-size: 22px;
}

.table-clmn > .sm-txt-1 {
	margin-bottom: 5px;
}

.table-clmn > .sm-txt-1:last-child, .med-txt-3 .sm-txt-1:last-child {
	margin-top: 3px;
	margin-bottom: 0;
}

.table-clmn > .sm-txt-1:first-child:last-child {
	margin-top: 0;
	margin-bottom: 0;
}

.divide-line .table-clmn:first-child {
	border-right: 1px solid #bbb;
}

.divide-line .table-clmn:first-child:last-child {
	border-right: none;
	padding-right: 40px;
}

.two-tb-clmn .table-clmn {
	width: 50%;
	height: 25px;
}

.two-tb-clmn .table-clmn.align-right {
	padding-right: 6px;
}

.table-clmn .ele-talk + .sm-txt-1 {
	display: block;
}

.arw-triangle {
	position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
	height: 0;
  z-index: 1;
	border-color: transparent;
	border-style: solid;
  border-width: 10px 10px 0 10px;

	-webkit-transform: translateX(-50%) translateY(100%);
	transform: translateX(-50%) translateY(100%);
}

.arw-tri-sm {
	border-width: 7px 7px 0 7px;
}

.arw-tri-top {
	bottom: auto;
}

.arw-tri-sm.arw-tri-top {
	top: -7px;
}

.arw-tri-grey {
	border-top-color: #e8e8e8;
}

.arw-tri-yel-3 {
	border-top-color: #d59203;
}

.arw-tri-pink-3 {
	border-top-color: #af0a4f;
}

.arw-tri-blue-9 {
	border-top-color: #086b92;
}

.arw-tri-dark-grey {
	border-top-color: #4b4b4b;
}

.arw-tri-grey-2 {
	border-top-color: #e8e8e8;
}

.absolute-icon {
	position: absolute;
	top: 50%;
}

.mb-white-icon.absolute-icon {
	left: 20px;
	margin-top: -22px;
}

.mb2-white-icon.absolute-icon {
	left: 20px;
	margin-top: -28px;
}

.comp-white-icon.absolute-icon {
	left: 15px;
	margin-top: -20px;
}

.tv-white-icon.absolute-icon {
	left: 15px;
	margin-top: -14px;
}

.prg-block-1 {
	width: 54.90196078431373%;
	margin: 0 auto;
}

.prg-block-1 .cmn-txt-5 {
	line-height: 0.8181818181818182em;
}

.prg-block-1 > .med-txt-7 {
	margin-top: 2px;
}

.prg-block-1 > .med-txt-7:first-child {
	margin-top: 0;
}

.prg-block-2 {
	padding-left: 10px;
	padding-right: 10px;
}

.txt-label-block {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 90px;
	font-family: 'TrueBold';
	font-size: 17px;
	line-height: 1em;
	white-space: nowrap;

	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.txt-label-block:before, .txt-label-block:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.txt-label-block:before {
	left: -13px;
	border-width: 0 12px 17px 0;
}

.txt-label-block:after {
	right: -13px;
	border-width: 17px 12px 0 0;
}

.txt-label-block.label-red:before {
	border-right-color: #f00;
}

.txt-label-block.label-red:after {
	border-top-color: #f00;
}

.label-red {
	border-left: 1px solid #f00;
	border-right: 1px solid #f00;
	background-color: #f00;
}

.txt-label-block + .sprite-icons + .prg-block-1 {
	margin-top: 14px;
}

.two-way-white-arw {
	width: 17px;
	height: 8px;
	background-position: 4.720812182741117% 25.629405840886204%;
	background-size: 6666.666666666667% 14285.714285714286%;
}

.vmid-ctn-3 .two-way-white-arw, .vmid-ctn-4 .two-way-white-arw {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
}

.acd-box.actived .two-way-white-arw {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.heading-txt-box {
	font-family: 'TrueMedium';
	font-size: 20px;
	min-height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.heading-txt-box strong {
	font-family: 'TrueBold';
	font-weight: normal;
}

.heading-txt-inner {
	display: inline-block;
	vertical-align: middle;
}

.heading-txt-box + .img-icon, .heading-txt-box + .vsb-block {
	margin: 10px auto 0;
}

/*.prg-block-inner {

}*/

/*.acd-box.actived > .toggle-box-2 {
overflow: visible;
}*/

.desktop .acd-box.actived > .toggle-box-2 {
	overflow: visible;
}

.acd-box.toggle-box.actived {
	max-height: 500px;
}

.acd-box.toggle-box.actived .cir-arw {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* --- TVS-MODAL --- */
.md-xmed-size {
	width: 100%;
}

.panel-header-wrap, .panel-img-box, .group-middle {
	position: relative;
}

.panel-header {
	overflow: hidden;
}

.panel-img-box > img {
	position: relative;
	display: block;
	left: -10%;
	width: 124%;
}

.header-logo {
	position: absolute;
	left: 10px;
	top: 10px;
}

.header-logo > img {
	width: 100px;
}

.header-txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4b4b4b;
	background-color: rgba(0,0,0,0.4);
	padding: 10px;
}

.header-txt > p {
	font-family: 'TrueMedium';
	font-size: 21px;
	line-height: 0.85em;
}

.header-txt > p:first-child {
	font-family: 'TrueBoldSpecial';
	font-size: 32px;
	line-height: 0.875em;
}

.header-sub {
	background-color: #a4a4a4;
	padding: 10px;
}

.header-sub .sub-package-txt {
	color: #000;
}

.sub-package-txt {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

.group-middle {
	padding-top: 10px;
	padding-bottom: 15px;
}

.box-txt-mb {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 1em;
}

.white-x-icons, .xxs-btn2 .list-icons {
	background-image: url(../images/icons/sprite-icons@2x.png);
	background-repeat: no-repeat;
}

.white-x-icons {
	width: 12px;
	height: 12px;
	background-size: 6250% 6250%;
	background-position: 4.878048780487805% 16.00609756097561%;
}

.xxs-btn2 .list-icons {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background-color: transparent;
	background-size: 5000% 5000%;
	background-position: 55.765306122448976% 15.255102040816325%;
	padding: 0;
}

.icon-arrow-pink {
	position: relative;
	top: -1px;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 10px 0px 10px 10px;
	border-left-color: #e51a94;
	margin-right: 6px;
}

.abs-btn-style {
	position: absolute;
	right: 15px;
	top: 11px;
}

.xxs-btn2 {
	display: inline-block;
	cursor: pointer;
	min-width: 88px;
	min-height: 20px;
	line-height: 18px;
	border-radius: 4px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	padding: 0 5px;
}

.xxs-btn2 strong {
	display: inline-block;
	vertical-align: middle;
}

.xxs-btn2 .list-icons {
	margin-right: 5px;
}

.md-xmed-size .md-close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
}

.md-xmed-size .white-x-icons {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -6px;
}

.limg-box-wrap {
	text-align: center;
	margin-top: 15px;
}

.limg-box-wrap-inner, .limg-box-wrap-inner.owl-carousel {
	display: inline-block;
	vertical-align: top;
	width: 93.75%;
}

.limg-box-wrap-inner .owl-dots {
	position: relative;
	bottom: auto;
	height: 9px;
	margin-top: 10px;
}

.limg-box-wrap-inner .owl-dot span {
	background-color: #ddd;

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.limg-box-wrap-inner .owl-dot.active span {
	background-color: #aaa;
}

.black-arw .owl-prev, .black-arw .owl-next {
	width: 10px;
	height: 17px;
	background-image: url(../images/icons/sprite-icons@2x.png);
	background-repeat: no-repeat;
	background-size: 10526.315789473683% 6250%;
	top: 50%;
	margin-top: -20px;
}

.black-arw .owl-prev {
	left: -8px;
	background-position: 7.370015143866734% 16.41260162601626%;
}

.black-arw .owl-next {
	right: -8px;
	background-position: 8.985360928823827% 16.41260162601626%;
}

.image-hilight {
	float: left;
	width: 17.33333333333333%;
	height: 47px;
	height: 14.6875vw;
	vertical-align: top;
	margin-left: 1.333333333333333%;
	margin-right: 1.333333333333333%;
	margin-bottom: 2.666666666666667%;
}

.image-hilight > a, .image-hilight img {
	display: block;
	margin: 0 auto;
	border-radius: 5px;
}

.image-hilight > a {
	border: 3px solid #c5c5c5;
}

.image-hilight img {
	width: 100%;
}

/* --- How To --- */
.ctn-group2 {
	padding-top: 44px;
	overflow: hidden;
}

.ctn-box3 {
	margin: 0 auto;
	max-width: 1920px;
	overflow: visible;
}

.list-nav-group {
	background: #00ABEB;
	position: relative;
}

.nav-circle {
	width: 44px;
	height: 44px;
	position: relative;
	border: 2px solid #ffffff;
	display: inline-block;
	border-radius: 50%;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.nav-circle.circle-blue {
	background: #00ABEB;
	border: 2px solid transparent;
}

.nav-circle:hover {
	background: #8CD5F5;
}

.nav-circle .sprite-icons {
	position: absolute;
	left: 50%;
	top: 50%;
}

.nav-circle .home-white-icon {
	margin-top: -10px;
	margin-left: -11px;
}

.nav-circle .wifi-white-icon {
	margin-top: -8px;
	margin-left: -11px;
}

.nav-circle .map-white-icon {
	margin-top: -12px;
	margin-left: -11px;
}

.nav-circle .plus-white-icon {
	margin-top: -11px;
	margin-left: -11px;
}

.nav-circle .router-white-icon {
	margin-top: -12px;
	margin-left: -12px;
}

.nav-circle .tool-white-icon {
	margin-top: -11px;
	margin-left: -11px;
}

.list-nav-order:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.list-nav-order .list-nav {
	cursor: pointer;
	text-align: center;
	width: 50%;
	height: 100px;
	line-height: 94px;
	float: left;
	position: relative;
}

.lang-th .list-nav-order .list-nav {
	padding: 6px 0;
}

.lang-th .list-nav-order .list-nav1 .nav-desc span > br {
	display: none;
}

.lang-th .list-nav-order .list-nav2 .nav-desc span > br {
	display: none;
}

.list-nav-order .list-nav:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 1px;
	border-left: 2px dotted #8bd4f5;
	z-index: 2;
}

.list-nav-order .list-nav1:after, .list-nav-order .list-nav3:after, .list-nav-order .list-nav5:after {
	display: none;
}

.list-nav1:before, .list-nav2:before, .list-nav3:before, .list-nav4:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 1px;
	width: 100%;
	border-top: 2px dotted #8bd4f5;
	z-index: 1;
}

.list-nav5, .list-nav6 {
	background: #0C86C9;
}

.list-detail {
	line-height: normal;
	vertical-align: middle;
	display: inline-block;
	width: 79%;
}

.head-nav h1 {
	font-family: "droid_serifbold_italic","TrueBold";
	font-size: 18px;
	color: #ffffff;
	background: #ec1b23;
	line-height: 30px;
	height: 30px;
	text-align: center;
	width: 100%;
}

.lang-th .head-nav h1 {
	font-size: 22px;
	line-height: 28px;
}

.nav-desc {
	font-family: 'TrueMedium', Tahoma;
	font-size: 20px;
	color: #fff;
	line-height: 14px;
	display: block;
}

.nav-desc > span {
	font-family: 'TrueBold', Tahoma;
	font-size: 21px;
}

.banner-section-wrap {
	position: relative;
}

.banner-section-inner {
	width: 187.5%;
	position: relative;
	left: 50%;
	top: 0px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.banner-section-inner img {
	width: 100%;
	display: block;
}

.banner-info-detail {
	font-family: 'TrueMedium', Tahoma;
	font-size: 22px;
	text-align: center;
	position: relative;
	padding: 60px 10px 20px 10px;
}

.banner-info-detail .large-circ {
	position: absolute;
	left: 50%;
	top: -47px;
	margin-left: -47px;
}

.banner-info span {
	font-family: "TrueMedium", Tahoma;
	font-size: 22px;
	line-height: 1em;
	color: #555555;
}

.head-info {
	font-family: "TrueLight", Tahoma;
	font-size: 34px;
	line-height: 26px;
	margin-bottom: 4px;
}

.head-info > span {
	display: block;
	font-family: "TrueBold", Tahoma;
	font-size: 34px;
}

.manage-button {
	margin-top: 20px;
}

.orange-txt {
	color: #ff7702;
}

.blue2-txt {
	color: #1e4381;
}

.green-txt {
	color: #578c04;
	/*color: #8faf00;*/
}

.grey-txt {
	color: #555;
}

.btn-styling-col .styling-txt-col div strong {
	font-size: 29px;
	line-height: 26px;
}

.btn-styling-col {
	height: 66px;
	line-height: 66px;
}

.btn-styling-nm {
	height: 66px;
	line-height: 62px;
}

.btn-styling-nm2 {
	height: 66px;
	line-height: 62px;
}

.btn-styling-nm2 .styling-txt-xmed strong {
	position: relative;
	top: -6px;
}

.styling-txt-xmed .gift-white-icon {
	vertical-align: middle;
}

.btn-styling-nm2 .styling-txt-xmed strong.one-txt {
	display: inline-block;
	top: 0;
}

.btn-styling-nm2 .one-txt span {
	margin-left: 4px;
}

.link-desc {
	font-family: "TrueMedium";
	font-size: 20px;
	bottom: 20px;
	color: #ed1b24;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	width: 100%;
	display: block;
}

.scroll-totop-btn {
	cursor: pointer;
	text-align: center;
	line-height: 24px;
	background: #ffffff;
	background: rgba(255,255,255,0.9);

	display: inline-block;
	position: fixed;
	left: 50%;
	top: 50px;
	z-index: 1;
	width: 120px;
	height: 30px;
	visibility: hidden;
	filter:alpha(opacity=0);
	opacity: 0;
	box-shadow: 0px 0px 3px #ccc;

	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;

	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.scroll-totop-btn.actived {
	visibility: visible;
	filter:alpha(opacity=100);
	opacity: 1;
}

.scroll-totop-btn > span {
	font-family: "TrueMedium";
	font-size: 22px;
	color: #555555;
	line-height: normal;
	display: inline-block;
	margin-left: 4px;
}

.scroll-totop-btn > * {
	vertical-align: middle;
}

.black-arrow-icon {
	display: inline-block;
	background-position: 29.05852417302799% 3.76590330788804%;
	background-size: 5714.285714285715% 5714.285714285715%;
	width: 14px;
	height: 14px;
}


/* --- All Modal --- */

.fixed-popup {
	overflow: hidden;
}

.md-normal-size {
	max-width: 300px;
}

.md-med-size {
	max-width: 400px;
}

.md-large-size {
	max-width: 300px;
}

.md-ex-large-size {
	max-width: 300px;
}

.md-fixed-top {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 200;
	max-height: 0;
	overflow: hidden;

	-webkit-transition: max-height 0.3s ease 0.3s;
	transition: max-height 0.3s ease 0.3s;
}

.md-fixed-top .md-modal {
	position: relative;
	opacity: 1;
	top: 0;
	left: 0;
	margin: 30px auto 30px;
	visibility: visible;

	-webkit-transform: none;
	transform: none;
}

.md-fixed-top.md-show {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 9000px;

	-webkit-transition: max-height 0.1s ease;
	transition: max-height 0.1s ease;
}

.ie8 .md-fixed-top.md-show .md-modal {
	overflow: visible;
}

.md-header {
	padding: 10px;
}

.md-header h3 {
	font-size: 25px;
	line-height: 20px;
	display: block;
}

.md-header h3 > br {
	display: none;
}

.md-header.new-line h3 > br {
	display: inline-block;
}

.md-header .heading-icon {
	width:  80px;
	height: 80px;
	margin-top: -30px;
}

.md-header .cross-med-white2-icon {
	width: 16px;
	height: 16px;
}

.md-fixed-top .md-close-btn {
	line-height: 30px;
	right: 4px;
	top: 4px;
}

#choice-modal .cmn-input {
	font-size: 20px;
}

.switch-change {
	opacity: 0;
}

.med-form-wrap {
	position: relative;
	margin-bottom: 20px;
	-moz-border-radius: 0 0 16px 16px;
	-webkit-border-radius: 0 0 16px 16px;
	border-radius: 0 0 16px 16px;
}

.med-form-wrap.-setminwidth .md-med-row {
	margin-top: 5px;
}

.med-form-wrap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.med-inner-form.inner-style-1 .msg-box {
	padding: 30px 0;
}

.med-form-wrap.white-bg, .med-inner-form.white-bg {
	background: #fff;
}

.med-inner-form.-nospace {
	padding: 0;
}

.bt-rd {
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.md-med-row {
	margin-top: 27px;
}

.med-inner-form .md-med-col, .med-inner-form .md-full-col {
	margin-top: 10px;
	text-align: center;
}

.med-inner-form .select-menu {
	display: inline-block;
}

.med-inner-form {
	padding: 0 10px;
}

.t-space {
	padding-top: 20px;
}

.rl-nospace {
	padding: 0px;
}

.med-inner-sect {
	background: #ECECEC;
	padding: 10px;
}

.identify-sect {
	background: #ffffff;
	padding: 10px 10px 20px 10px;
	border-radius: 8px;
}

.service-sect {
	background: #ffffff;
	text-align: center;
	padding-bottom: 20px;
}

.service-sect .cmn-input {
	margin-top: 10px;
}

.med-inner-sect.white-bg {
	background: #fff;
}

.med-inner-sect .md-med-row {
	margin-top: 0px;
}

.med-txt-label {
	font-family: 'TrueMedium';
	font-size: 23px;
	line-height: 22px;
	text-align: center;
	color: #555555;
	display: block;
}

.med-txt-label.-left {
	text-align: left;
}

.med-txt-label.blue-txt {
	color: #008cc0;
}

.med-txt-label.grey-txt {
	color: #555555;
}

.space-label {
	margin: 10px 0;
}

.select-menu-cmn, .select-menu-full {
	text-align: left;
	width: 230px;
}

.field-txt-cmn, .field-txt-cmn4, .field-txt-full {
	width: 252px;
}

.field-txt-max {
	width: 100%;
	box-sizing: border-box;
}

.field-txt-cmn2 {
	width: 230px;
}

.field-txt-cmn3 {
	width: 136px;
}

.field-txt-cmn5 {
	width: 170px;
}

.captcha-box {
	margin-top: 16px;
}

.captcha-box iframe {
	transform: scale(0.8) translateX(-14px);
	-webkit-transform: scale(0.8) translateX(-14px);
}


.captcha-box img {
	width: 100%;
}

.btn-inline {
	margin-top: 16px;
}

.btn-inline.full-min {
	display: block;
	width: 100%;
}

.btn-inline.full-min > .sm-btn {
	min-width: 90%;
}

.btn-inline.inner-margin > * {
	margin: 5px;
}

.btn-inline.space-inline {
	padding-bottom: 20px;
}

.btn-inline.space-btm {
	margin-bottom: 20px;
}

.msg-box .blue-checked-med {
	margin-top: 20px;
}

.msg-box .title-msg {
	font-family: "TrueBold";
	font-size: 30px;
	line-height: 26px;
	margin-top: 6px;
}

.msg-box p {
	font-family: "TrueMedium";
	font-size: 23px;
	color: #00abeb;
	line-height: 20px;
	margin-top: 0px;
}

.msg-box .blue-txt {
	color: #00abeb;
}

.md-med-row2 {
	margin-top: 14px;
}

.ele-form-box {
	margin-top: 12px;
}

.label-alert {
	font-family: "TrueMedium";
	font-size: 20px;
	margin: 6px 0;
	display: block;
}

.desc-detail2 {
	font-family: "TrueMedium",Tahoma;
	font-size: 19px;
	line-height: 19px;
	margin-top: 6px;
	text-align: center;
}

.tt-box {
	position: relative;
	display: inline-block;
}

.tt-content {
	font-family: "TrueMedium";
	font-size: 20px;
	background-color: #eee;
	position: absolute;
	right: 0px;
	bottom: 24px;
	opacity: 0;
	filter: alpha(opacity=0);

	-moz-transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
	margin-bottom: 6px;
	margin-left: -85px;
	min-height: 20px;
	min-width: 150px;
	padding: 10px;

	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tt-content:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -9px;
	right: 0px;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #eeeeee transparent transparent transparent;
}

.tt-box:hover .tt-content {
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	filter: alpha(opacity=100);
}

.ie8 .tt-content:after {
	display: none;
}

.ie8 .tt-box:hover .tt-content:after {
	display: block;
}

.switch-detail {
	max-height: 0px;
	overflow: hidden;
}

.switch-elm-box > .switch-detail {
	max-height: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: opacity 0.8s ease;
	-webkit-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease;
}

.switch-elm-box > .switch-detail.actived {
	max-height: 4000px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.desc-sect {
	font-family: "TrueMedium",Tahoma;
	font-size: 20px;
	color: #ffffff;
	line-height: 18px;
	padding: 10px;
	text-align: center;
	background: #0C83C7;
}

.subdesc-sect {
	font-size: 16px;
	display: block;
}

.subdesc-detail {
	display: block;
	font-family: "TrueMedium",Tahoma;
	font-size: 18px;
	line-height: 18px;
}

.fade-line {
	position: relative;
	width: 46%;
	height: 1px;
	background: #bababa;
	background: rgba(186.186,186,0.8);
	margin: 10px auto;
}

.fade-line:after {
	content: "";
	width: 60px;
	height: 1px;
	position: absolute;
	left: -60px;
	top: 0px;
	background: url(../images/bg/fade-line.png) left top no-repeat;
}

.fade-line:before {
	content: "";
	width: 60px;
	height: 1px;
	position: absolute;
	right: -60px;
	top: 0px;
	background: url(../images/bg/fade-line.png) right top no-repeat;
}

.radiobox-group {
	margin: 0 auto;
}

.nm-txt-label {
	font-family: "TrueMedium";
	font-size: 23px;
	color: #555555;
	display: inline-block;
	min-width: 95px;
	text-align: left;
}

.label-size1 {
	min-width: 70px;
}

.md-med-inner {
	margin-top: 10px;
}

.radiobox-group .input-id-info {
	margin-top: 10px;
}

.md-content-inner.white-bg {
	background: #fff;
}

.md-modal .radiobox:first-child {
	margin-left: 0px;
}

.md-col-2 {
	width: 250px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.md-col-2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.md-col-2 > div {
	float: left;
	height: 37px;
}

.md-col-2 > div:first-child {
	line-height: 37px;
	width: 38%;
}

.md-col-2 > div:first-child + div {
	width: 62%;
}

.md-col-2 .nm-txt-label {
	min-width: 60px;
}

.btn-ele-2 > button:first-child + button {
	margin-left: 10px;
}

.mini-ctn-box {
	padding: 20px;
}

.head-list-label {
	font-family: "TrueBold";
	font-size: 20px;
}

.info-list-order {
	font-family: "TrueMedium";
	font-size: 18px;
	line-height: 16px;
}

.info-list-order > li {
	margin-top: 4px;
}

.msg-box.tb-space {
	padding: 10px 0;
}

.msg-box.tb-space2 {
	padding: 10px;
}

.md-ctn h3 {
	font-family: "TrueMedium";
	display: block;
	font-size: 25px;
	line-height: 20px;
}

.circ-mini {
	font-family: "TrueBold";
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	background-color: #059ed7;

	width: 28px;
	height: 28px;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	bottom: -14px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}

.title-size-txt {
	font-family: "TrueMedium";
	font-size: 36px;
	line-height: 26px;
	display: block;
	margin-bottom: 2px;
}

.cmn-button > .pen-icon {
	position: relative;
	top: 3px;
	margin-right: 4px;
}

.brc-wrap {
	position: relative;
}

.brc-list {
	background: #0874B2;
	position: relative;
}

.space-txt {
	padding-right: 50px;
}

.list-sect {
	font-family: "TrueMedium";
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	line-height: 36px;
	height: 36px;
	display: none;
}

.list-sect.actived {
	display: block;
}

.arw-nav-list {
	position: absolute;
	left: 0px;
	top: 2px;
	padding: 6px;
}

.brc-wrap .arw-white-left {
	cursor: pointer;
	width: 12px;
	height: 18px;
	position: absolute;
	top: 9px;
	left: 9px;
}

.list-number-group {
	position: absolute;
	right: 4px;
	top: 7px;
}

.list-number-group:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.list-number-group {
	text-align: right;
}

.list-number-group > div {
	cursor: pointer;
	text-align: center;
	line-height: 20px;
	background-color: #c4c4c4;
	height: 22px;
	width: 22px;

	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.list-number-group > div.actived {
	background: #D9F4FF;
}

.list-number-group > div.actived > span {
	color: #0874B2;
}

.list-number-group > div:first-child {
	margin-left: 0px;
}

.list-number-group > div > span {
	font-family: "TrueBold";
	font-size: 20px;
	line-height: normal;
	color: #ffffff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.view-show {
	max-height: 0px;
	overflow: hidden;
}

.med-inner-form.actived + .view-show {
	max-height: 5000px;
	overflow: visible;
}

.view-inner {
	text-align: center;
	padding: 10px 20px;
	margin-top: 20px;
}

.view-inner.-fix {
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}

.view-inner.-fix .pack-box {
	min-width: 255px;
}

.view-show .view-inner {
	margin-top: 0px;
}

.view-inner .pack-box {
	padding-bottom: 20px;
	width: 100%;
}

.view-inner .pack-box.box-shadow-1 {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.tab-btn {
	cursor: pointer;
}

.tab-detail {
	overflow: hidden;
	max-height: 0;
}

.tab-detail.actived {
	overflow: visible;
	max-height: 5000px;
}

.inner-radiobox {
	display: inline-block;
}

.circ-inline-block:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.circ-inline-block {
	position: relative;
	height: 88px;
	left: 4px;
}

.circ-inline-block.actived .switch-elm {
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.circ-inline-block.actived .center-pos {
	opacity: 1;
	filter:alpha(opacity=100);
}

.circ-inline-block .switch-elm {
	width: 93px;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease;
	transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease;
}

.left-pos {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.ie8 .circ-inline-block .left-pos {
	left: 0px;
}

.center-pos {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.ie8 .circ-inline-block .center-pos {
	left: 210px;
}

.right-pos {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}

.ie8 .circ-inline-block .right-pos {
	left: 420px;
}

.circ-list {
	cursor: pointer;
	line-height: 84px;
	width: 84px;
	height: 84px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.yellow-line {
	border: 2px solid #EFB41D;
}

.blue-line {
	border: 2px solid #06B0EF;
}

.grey-line {
	border: 2px solid #686868;
}

.star-txt {
	font-size: 26px;
}

.toggle-wrap {
	overflow: hidden;
	max-height: 0;
	-moz-transition: max-height 0.3s ease;
	-webkit-transition: max-height 0.3s ease;
	transition: max-height 0.3s ease;
}

.toggle-wrap.actived {
	overflow: visible;
	max-height: 5000px;
}

.list-slide-ctn {
	text-align: center;
	padding: 20px 10px 10px 10px;
}

.list-slide-ctn.theme-1 {
	background: url(../images/bg/bg-lightbox.jpg) center top no-repeat;
	background-size: cover;
}

.ie8 .list-slide-ctn.theme-1 {
	background: none;
}

.list-slide-ctn.theme-1 .pack-box {
	padding-bottom: 14px;
}

.detail-desc-ctn {
	font-family: "TrueMedium";
	font-size: 21px;
	text-align: center;
	line-height: 20px;
	padding-bottom: 10px;
}

.list-slide-ctn.theme-1 + .detail-desc-ctn {
	padding: 10px;
}

.link-desc-txt {
	cursor: pointer;
	font-family: "TrueBold";
	font-size: 21px;
	text-align: center;
	color: #ec1b23;
	display: block;
	text-decoration: underline;
}

.head-slide-ctn {
	font-family: "TrueMedium";
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.head-slide-top {
	font-size: 26px;
	color: #008ec0;
	display: block;
}

.head-slide-group > span {
	font-size: 22px;
	display: block;
}

.mock-img {
	cursor: pointer;
	text-align: center;
	padding: 10px;
}

.mock-img > img {
	width: 100%;
}

.ctn-col-2 {
	margin-left: auto;
	margin-right: auto;
	width: 280px;
}

.ctn-col-2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.ctn-col-2 > div {
	line-height: 40px;
	float: left;
	height: 40px;
}

.ctn-col-2 > div:first-child {
	width: 26%;
	padding-right: 4%;
	text-align: right;
}

.ctn-col-2 > div:first-child + div {
	width: 70%;
}

.ctn-col-2 > div label,
.ctn-col-2 > div span {
	font-family: "TrueMedium";
	font-size: 23px;
	line-height: 20px;
	display: inline-block;
}

.ctn-col-2 > div sup {
	font-size: 14px;
	vertical-align: top;
	line-height: normal;
}

.title-ctn {
	color: #008cc0;
}

.title-ctn > .new-line {
	display: block;
	margin-right: 10px;
}

.info-prg-inner {
	font-family: "TrueMedium";
	font-size: 20px;
	line-height: 20px;
	padding: 10px;
}

.info-prg-inner h1 {
	font-size: 22px;
	line-height: 20px;
	margin-bottom: 12px;
}

.term-condition2 > li,
.term-condition3 > li,
.term-condition4 > li {
	margin-top: 10px;
}

.tb-term {
	display: block;
	margin: 10px auto;
	text-indent: 0;
	width: 100%;
}

.tb-row {
	border: solid 1px #ccc;
	border-bottom: none;
	display: block;
	width: 100%;
}

.tb-row > div {
	text-align: center;
	font-size: 18px;
	float: left;
	padding: 4px 0;
}

.head-row > div > span {
	line-height: 18px;
	display: inline-block;
	vertical-align: top;
}

.tb-row > div > span {
	vertical-align: middle;
}

.tb-row > .tb-col1 {
	width: 20%;
}

.tb-row > .tb-col2 {
	width: 80%;
	position: relative;
}

.tb-row > .tb-col2:after {
	content: "";
	background: #ccc;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 100%;
}

.tb-row.tb-last {
	border-bottom: solid 1px #ccc;
}

.info-prg-inner h1 {
	font-size: 24px;
	line-height: 22px;
}

.list-sec-box .bottom-block {
	display: block;
}

.list-sec-box .apply-btn {
	display: none;
}

.list-sec-box .checkbox-small, .list-sec-box .triang-button {
	visibility: hidden;
	opacity: 0;
	filter:alpha(opacity=0);
}

/*.md-container .list-sec-box .acd-box:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.md-container .list-sec-box .toggle-box.acd-box:after {
	display: none;
}*/

.list-sec-box .checker-box, .list-sec-box .upgrade-box, .list-sec-box .apply-pack-box,
.list-sec-box .arw-tri-grey {
	display: none;
}

.trig-slider {
	opacity: 1;
	visibility: visible;

	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.trig-slider.actived {
	opacity: 0;
	visibility: hidden;
}

/* --- News --- */

.sec-box .head-cate  .circ-title-wrap {
	top: 0px;
	left: 0px;
	height: 44px;
}

.head-cate-wrap {
	padding: 0 10px;
}

.content-contain {
	margin-top: 44px;
}

.head-cate {
	position: relative;
	padding: 0px;
}

.head-cate > span {
	font-family: "droid_serifbold_italic";
	font-size: 24px;
	display: inline-block;
}

.lang-th .head-cate > span {
	font-family: "TrueBold";
	font-size: 34px;
}

.head-cate.theme-2 {
	color: #a8bc1f;
}

.head-cate.theme-3 {
	color: #ec1b23;
}

.head-cate.sec-tag {
	padding-top: 50px;
}

.manage-link {
	text-align: right;
	padding: 10px 10px 0 10px;
}

.sw-link-btn {
	font-family: "TrueMedium";
	font-size: 22px;
	line-height: 22px;
}

.lang-th .sw-link-btn {
	font-size: 27px;
}

.sw-link-btn > strong {
	font-family: "droid_serifbold_italic","TrueBold";
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
}

.lang-th .sw-link-btn > strong {
	font-size: 24px;
}

.thumbnail-wrap2 img {
	display:  block;
	width: 100%;
}

.sec-all-group {
	padding-bottom: 30px;
}

.sec-blue-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cceffc+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cceffc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cceffc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#cceffc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cceffc',GradientType=0 ); /* IE6-9 */
	position: relative;
}

.sec-thumbnail-group {
	position: relative;
	padding: 10px;
	-moz-box-shadow: 0px 0px 4px #bbbbbb;
	-webkit-box-shadow: 0px 0px 4px #bbbbbb;
	box-shadow: 0px 0px 4px #bbbbbb;
	margin-top: 10px;
}

.sec-first-group {
	padding-top: 0px;
}

.sec-thumbnail-group .head-cate {
	padding-left: 0px;
	padding-right: 0px;
}

.bubble-wrap .bubble5-pic,
.bubble-wrap .bubble6-pic {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.bubble-wrap {
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.bubble-wrap.posi1 {
	right: 0px;
	top: 0px;
}

.bubble-wrap.posi1 .bubble5-pic {
	width: 54px;
	height: 51px;
}

.bubble-wrap.posi2 {
	left: 74px;
	top: 0;
}

.bubble-wrap.posi2 .bubble6-pic {
	width: 87px;
	height: 80px;
	margin-top: -36px;
	margin-left: -32px;
}

.bubble-wrap.posi3 {
	left: 0px;
	bottom: 0px;
}

.hide-step2 {
	display: none;
}

.hide-step3 {
	display: none;
}

.sec-thumbnail-head {
	font-family: "droid_serifbold_italic","TrueBold";
	font-size: 16px;
}

.date-info-txt {
	font-family: "droid_serifbold_italic","TrueBold";
	font-size: 10px;
}

.thumbnail-desc2 {
	background: #ffffff;
	padding: 10px;
	position: relative;
	z-index: 1;
}

.prg-large-size2 {
	font-family: "TrueBoldSpecial";
	font-size: 22px;
	line-height: 20px;
	min-height: 40px;
	text-align: center;
}

.sec-thumbnail-list {
	margin-top: 10px;
}

.sec-thumbnail-list .sec-thumbnail {
	position: relative;
	margin-top: 20px;
}

.sec-thumbnail-list .sec-thumbnail:first-child {
	margin-top: 0px;
}

.manage-thumbnail-data {
	/*background: #ffffff;*/
	text-align: center;
	padding: 20px 0;
}

.item-list.loaded {
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.lazy-load-btn {
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.lazy-load-btn.hide {
	cursor: default;
	filter: alpha(opacity=0);
	opacity: 0;
}

.shadow-box {
	-moz-box-shadow: 0 0 4px #bbbbbb;
	-webkit-box-shadow: 0 0 4px #bbbbbb;
	box-shadow: 0 0 4px #bbbbbb;
}

.sec-thumbnail-group {
	background: #f5f2ed;
}

.sec-thumbnail-group .circ-title-wrap {
	left: 0px;
	top: 0px;
	margin-left: 0px;
}

.detail-all-info {
	/*background: #d2c7ac;*/
	background: #fff;
	position: relative;
	padding: 10px;
	margin-top: 10px;
}

.detail-all-info .prg-large-size {
	min-height: 0;
	margin-top: 5px;
	text-align: left;
}

.detail-all-info .sm-date-txt {
	margin-top: 10px;
	text-align: left;
}

.detail-all-info .title-desc-detail {
	width: 75%;
	display: inline-block;
	vertical-align: top;
}

.detail-all-info .social-wrap {
	float: right;
	text-align: left;
	padding: 0;
}

.content-inner-sub {
	margin-bottom: 15px;
}

.content-inner-desc .info-desc:first-child {
	margin-top: 0px;
}

.head-order-info span {
	font-family: "droid_serifbold_italic";
	font-size: 20px;
	display: inline-block;
	position: relative;
	top: 4px;
}

.lang-th .head-order-info span {
	font-family: "TrueBold";
	font-size: 40px;
}

.head-order-info {
	background: #ffffff;
	text-align: center;
	position: relative;
	padding-top: 30px;
	padding-bottom: 18px;
	border-bottom: 1px solid #a6a6a6;
}

.list-order-wrap {
	background: #ffffff;
	padding: 0 10px;
}

.list-order-group {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

.list-order-row {
	display: table-row;
	table-layout: fixed;
}

.list-order-row > div {
	display: table-cell;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

.list-order-row > div:first-child {
	width: 44%;
}

.list-order-row > div:first-child + div {
	width: 52%;
	padding-left: 4%;
}

.list-order-row img {
	display: block;
	width: 100%;
}

.list-order-row .sm-date-txt {
	text-align: left;
}

.prg-detail {
	font-family: "TrueMedium", Tahoma;
	font-size: 20px;
	line-height: 18px;
}

.arrow-white-right {
	background-position: 11.666666666666666% 11.890243902439025%;
	background-size: 10000% 6250%;
	height: 13px;
	width: 8px;
}

.arrow-grey-right {
	background-position: 26.565656565656564% 9.939148073022313%;
	background-size: 10000% 7142.857142857143%;
	height: 14px;
	width: 10px;
}

.hamburger-menu {
	background-position: 33.29944077275038% 0%;
	background-size: 6060.606060606061% 7692.307692307692%;
	height: 14px;
	width: 18px;
}

.bullet-circ {
	text-align: center;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border-radius: 50%;
}

.bullet-circ .arrow-white-right {
	position: relative;
	top: 1px;
	left: 1px;
}

.sw-link-btn .bullet-circ {
	vertical-align: middle;
}

.pic-slider .owl-prev, .pic-slider .owl-next {
	overflow: hidden;
}

.pic-slider .owl-prev {
	text-indent: -100px;
	top: 74px;
	left: 8px;
	margin-top: 0px;
}

.pic-slider .owl-next {
	text-indent: -100px;
	top: 74px;
	right: 8px;
	margin-top: 0px;
}

.pic-slider .owl-dots {
	top: 140px;
	bottom: auto;
}

.ctn-box2 .thumbnail-slider .owl-stage {
	background: #f5f2ed;
}

.view-manage {
	background: #f5f2ed;
	text-align: center;
	padding-bottom: 10px;
}

.load-thumbnail-data .sec-wrap {
	overflow: hidden;
	max-height: 0;
}

.load-thumbnail-data .sec-thumbnail-group:first-child .sec-wrap {
	overflow: hidden;
	max-height: 5000px;
}

.sec-topic {
	background: #ffffff;
	position: relative;
	padding: 16px 10px;
	margin-top: 10px;
}

.sec-topic > span {
	font-family: "droid_serifbold_italic","TrueBold";
	font-size: 20px;
	color: #000000;
	position: relative;
	top: 10px;
}

.sec-topic ~ .sec-thumbnail-group {
	background: #ffffff;
	margin-top: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #cfcfcf;
	padding: 0px;
}

.sec-topic ~ .sec-thumbnail-group .hide-step1 {
	display: none;
}

.sec-topic ~ .sec-thumbnail-group .head-cate > a {
	display: block;
	padding: 10px;
}

.sec-topic ~ .sec-thumbnail-group .head-cate > a > span {
	font-family: "TrueMedium","Tahoma";
	font-size: 22px;
	color: #000000;
}

.sec-topic ~ .sec-thumbnail-group .head-cate .arrow-grey-right {
	position: absolute;
	right: 14px;
	top: 12px;
}

.arw-down-black {
	width: 12px;
	height: 8px;
	background-position: 10.323886639676113% 16.423173803526446%;
	background-size: 8333.333333333332% 13333.333333333334%;
}

.tab-nav-block {
	position: relative;
	width: 255px;
	background-color: #fff;
	margin: 0 auto 20px;
	text-align: left;
	z-index: 2;
}

.tab-nav-block .title-1 {
	padding: 10px 8px;
}

.tab-nav-block .arw-down-black {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}

.nav-list-block {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background-color: #fff;
	z-index: 2;
}

.nav-list-block > li {
	padding: 5px 10px;
}

.title-1 {
	font-family: 'TrueBold';
	font-size: 20px;
	line-height: 1em;
}

.nav-list-block {
	font-family: 'TrueMedium';
	font-size: 20px;
	line-height: 1em;
}

.nav-list-item {
	cursor: pointer;
}

.bnr-block-1 {
	position: relative;
	display: block;
	width: 93.75%;
	margin: 50px auto 10px;
	z-index: 1;
}

.bnr-block-1 img {
	width: 100%;
}

.bnr-small {
	display: block;
}

.bnr-large {
	display: none;
}

.img-sm-block {
	position: absolute;
	left: -18px;
	top: 49%;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.img-sm-block img, .img-block-2 a, .img-block-2 img {
	display: block;
}

.img-sm-block img {
	max-width: 80%;
}

.img-sm-block + .vmid-ctn-2, .img-block-2 {
	position: relative;
}

.img-block-2 img {
	width: 100%;
}

.inline-middle .img-icon {
	margin-left: 5px;
}

.vsb-block.hidden, .vsb-elm.hidden {
	display: none;
}

.mini-bnr-box > a, .mini-bnr-box > a img {
	display: block;
	width: 100%;
}

.vld-txt-cmn {
	clear: both;
	font-family: 'TrueMedium';
	font-size: 18px;
	line-height: 1em;
	padding-top: 5px;
}

.cmn-block {
	max-width: 1100px;
	padding: 30px 15px;
	border-bottom: 1px solid #e1e1e1;
	margin: 44px auto 0;
}

.cmn-block .screwdriver-icon {
	margin-bottom: 20px;
}

.cmn-block .larger-txt-1 {
	margin-bottom: 10px;
}

.cmn-block .prg-txt-1 {
	max-width: 410px;
	margin: 0 auto 15px;
}

.larger-txt-1 {
	font-family: 'TrueBoldSpecial';
	font-size: 50px;
	line-height: 0.5em;
}

.prg-txt-1 {
	font-family: 'TrueMedium';
	font-size: 22px;
	line-height: 1em;
}

.prg-txt-1 strong {
	font-family: 'TrueBold';
	font-weight: normal;
}

.info-box-7 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 26px;
}

.cmn-txt-6 {
	font-family: "TrueLight";
	font-size: 20px;
	line-height: 1em;
}

.cmn-txt-6 strong {
	font-family: "TrueBold";
	font-weight: normal;
}

.collapse-box-wrap {
	position: relative;
	max-width: 945px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.title-bolder {
	font-family: "TrueBoldSpecial";
	font-size: 50px;
	line-height: 1em;
}

.plus-text {
	font-family: 'TrueMedium';
	font-size: 50px;
	line-height: 0.5em;
	color: #555;
}

.collapse-head {
	cursor: pointer;
	position: relative;
	font-family: "TrueMedium";
	font-size: 24px;
	line-height: 1em;
	color: #555;
	border-top: 1px solid #d4d4d4;
	padding-left: 45px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.collapse-box-wrap .title-bolder {
	margin-left: 17px;
	margin-right: 17px;
	padding: 16px 0;
}

.collapse-head > .questionmark-icon,
.collapse-head > .plus-text {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.collapse-head > .plus-text {
	margin-top: -2px;
}

.collapse-head > .questionmark-icon {
	position: absolute;
	left: 15px;
}

.collapse-head > .plus-text {
	position: absolute;
	right: 15px;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.acd-box.actived .collapse-head > .plus-text {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.collapse-content {
	position: relative;
}

.collapse-prg {
	font-family: "TrueMedium";
	font-size: 24px;
	line-height: 1em;
	color: #555;
	padding: 10px 20px 25px 45px;
}

.collapse-prg strong {
	font-family: "TrueBold";
	font-weight: normal;
}

/* SPEED SHUFFLE */

.ctn-group3 {
	padding-top: 44px;
}

.status-head {
	position: relative;
	z-index: 1;
}

.status-bg {
	background-position: center top;
	background-size: cover;
	background-image: url("../images/bg/bg-headbar.jpg");
}

.status-group {
	padding: 8px 10px;
}

.status-group > .col-1 {
	position: relative;
	float: left;
	width: 50%;
}

.status-group > .col-2 {
	float: left;
	width: 50%;
	text-align: right;
}

.status-group:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.status-txt1 {
	font-family: "TrueMedium";
	font-size: 24px;
	line-height: 0.833em;
	color: #fff;
	display: block;
}

.status-txt2 {
	font-family: "TrueMedium";
	font-size: 24px;
	line-height: 0.5em;
	color: #fff;
	display: block;
	margin-top: 2px;
}

.status-txt2 > span {
	font-family: 'TrueBoldSpecial';
	font-size: 36px;
	line-height: 0.5em;
	color: #fff;
	margin-right: 4px;
}

.status-txt3 {
	font-family: 'TrueBoldSpecial';
	font-size: 36px;
	line-height: 0.5em;
	color: #fff;
	display: block;
	margin-top: 2px;
}

.status-txt3 > span {
	font-family: "TrueMedium";
	font-size: 24px;
	line-height: 0.9em;
	color: #fff;
}

.status-txt4 {
	font-family: "TrueBoldSpecial";
	font-size: 26px;
	line-height: 0.833em;
	color: #fff;
	display: block;
	margin-top: 1px;
}

.status-txt4.overflow-dotted {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.status-txt-bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -34px;
	font-family: "TrueMedium";
	font-size: 28px;
	line-height: 34px;
	font-weight: 500;
	height: 34px;
	text-align: center;
	color: #ffffff;
	background-color: #0e70Be;
	display: none;
}

.status-txt-bar.status-txt-1 {
	background-color: #125eb0;
}

.status-txt-bar.status-txt-2 {
	background-color: #0e70Be;
}

.status-txt-bar.status-txt-3 {
	background-color: #555;
}

.status-txt-bar.status-txt-4 {
	background-color: #fe0200;
}

.status-txt-bar.status-txt-5 {
	background-color: #d0021b;
}

.status-txt-bar.actived {
	display: block;
}

.ctn-sect {
	position: relative;
	overflow: hidden;
	background: rgb(188,231,254);
	background: -moz-linear-gradient(top,  rgba(188,231,254,1) 0%, rgba(2,172,235,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(188,231,254,1) 0%,rgba(2,172,235,1) 100%);
	background: linear-gradient(to bottom,  rgba(188,231,254,1) 0%,rgba(2,172,235,1) 100%);
}

.content-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
	pointer-events: none;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.content-background.actived {
	opacity: 1;
}

/* .ctn-sect.bg-1, .content-background.-bg1 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-01.jpg");
}

.ctn-sect.bg-2, .content-background.-bg2 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-02.jpg");
}

.ctn-sect.bg-3, .content-background.-bg3 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-03.jpg");
}

.ctn-sect.bg-4, .content-background.-bg4 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-04.jpg");
}

.ctn-sect.bg-5, .content-background.-bg5 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-05.jpg");
} */

.ctn-inner {
	padding: 54px 0px 20px;
}

.ctn-column .col-1 {
	display: none;
}

.donut-chart {
	position: relative;
	width: 238px;
	margin: 0 auto;
}

.donut-chart > img {
	width: 100%;
}

.donut-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
}

.donut-inner2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.donut-inner .mark-point {
	position: absolute;
	left: 32px;
	top: 183px;
	background: #ffffff;
	padding: 4px;
	border: 4px solid #00ABEB;
	padding: 4px;
	display: inline-block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: border 1s ease;
	transition: border 1s ease;
}

.donut-inner .mark-point > span {
	background: #00ABEB;
	width: 18px;
	height: 18px;
	display: block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background 1s ease;
	transition: background 1s ease;
}

.donut-inner.rotate-1 {
	transform: rotate(0deg);
}

.donut-inner.rotate-1 .mark-point {
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);
}

.donut-inner.rotate-2 {
	transform: rotate(62deg);
}

.donut-inner.rotate-2 .mark-point {
	box-shadow: 3px 2px 2px 0 rgba(0, 0, 0, 0.5);
}

.donut-inner.rotate-3 {
	transform: rotate(139deg);
}

.donut-inner.rotate-3 .mark-point {
	box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, 0.5);
}

.donut-inner.rotate-4 {
	transform: rotate(217deg);
}

.donut-inner.rotate-4 .mark-point {
	box-shadow: -2px -3px 2px 0 rgba(0, 0, 0, 0.5);
}

.donut-inner.rotate-5 {
	transform: rotate(280deg);
}

.donut-inner.rotate-5 .mark-point {
	box-shadow: -3px 0px 2px 0 rgba(0, 0, 0, 0.5);
}

.donut-inner.rotate-1 .mark-point {
	border-color: #125EB0;
}

.donut-inner.rotate-1 .mark-point > span {
	background: #125EB0;
}

.donut-inner.rotate-2 .mark-point {
	border-color: #00ABEB;
}

.donut-inner.rotate-2 .mark-point > span {
	background: #00ABEB;
}

.donut-inner.rotate-3 .mark-point {
	border-color: #969696;
}

.donut-inner.rotate-3 .mark-point > span {
	background: #969696;
}

.donut-inner.rotate-4 .mark-point {
	border-color: #FE0200;
}

.donut-inner.rotate-4 .mark-point > span {
	background: #FE0200;
}

.donut-inner.rotate-5 .mark-point {
	border-color: #D0021B;
}

.donut-inner.rotate-5 .mark-point > span {
	background: #D0021B;
}

.unit-txt {
	font-family: "TrueMedium";
	font-size: 24px;
	color: #ffffff;
	position: absolute;
	right: -25px;
	bottom: 25px;
}

.mark-choose {
	cursor: pointer;
	opacity: 0.4;
	width: 40px;
	height: 40px;
	position: absolute;
}

.mark-choose.mark-1 {
	left: 29px;
	top: 182px;
}

.mark-choose.mark-2 {
	left: -7px;
	top: 74px;
}

.mark-choose.mark-3 {
	left: 98px;
	top: -7px;
}

.mark-choose.mark-4 {
	left: 203px;
	top: 74px;
}

.mark-choose.mark-5 {
	left: 167px;
	top: 182px;
}

.title-list {
	font-family: "TrueMedium";
	font-size: 24px;
	text-align: center;
	color: #ffffff;
	margin-top: 10px;
}

.title-chart-txt {
	font-family: 'TrueBoldSpecial';
	font-size: 36px;
	text-align: center;
	color: #ffffff;
	padding-bottom: 16px;
	display: none;
}

.title-chart-txt.actived {
	display: block;
}

.filter-list {
	max-width: 420px;
	height: 90px;
	overflow: hidden;
	padding-top: 26px;
	margin-left: auto;
	margin-right: auto;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	/* -ms-align-items: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end; */

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	 -ms-flex-flow: row wrap;
		 flex-flow: row wrap;
}

.filter-list:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.filter-box {
	cursor: pointer;
	color: #555555;
	text-align: center;
	/* background-image: linear-gradient(151deg, #eaeaea, #ffffff 89%); */
	/* float: left; */
	width: 20%;
	height: 100px;
	box-sizing: border-box;
	padding: 16px 0px 10px;
	position: relative;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);

	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.filter-box .icon-1 {
	display: inline-block;
}

.filter-box .icon-2 {
	display: none;
}

.filter-box.actived {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

.filter-box.actived .icon-1 {
	display: none;
}

.filter-box.actived .icon-2 {
	display: inline-block;
}

.filter-box.actived > * {
	position: relative;
	top: 2px;
}

.filter-box.actived:after {
	/* content: ""; */
	display: block;
	position: absolute;
	top: -6px;
	height: 6px;
	width: 100%;
	background: #0f0;
}

.filter-box.actived:before {
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #0f0 transparent;
}

.filter-txt {
	font-family: 'TrueBoldSpecial';
	font-size: 18px;
	display: block;
	line-height: 0.8em;
}

.filter-txt2 {
	font-family: "TrueMedium";
	font-size: 18px;
	display: block;
	line-height: 0.8em;
}

.type-1.actived {
	color: #ffffff;
	background: #125EB0;
}

.type-2.actived {
	color: #ffffff;
	background: #00ABEB;
}

.filter-box.type-2:first-child,
.filter-box.type-2:first-child ~ .filter-box {
	width: 28%;
	max-width: 145px;
}

.type-3.actived {
	color: #ffffff;
	background: #555555;
}

.type-4.actived {
	color: #ffffff;
	background: #FE0200;
}

.type-5.actived {
	color: #ffffff;
	background: #D0021B;
}

.type-1.actived:after {
	background: #125EB0;
}

.type-1.actived:before {
	border-color: transparent transparent #125EB0 transparent;
}

.type-2.actived:after {
	background: #00ABEB;
}

.type-2.actived:before {
	border-color: transparent transparent #00ABEB transparent;
}

.type-3.actived:after {
	background: #555555;
}

.type-3.actived:before {
	border-color: transparent transparent #555555 transparent;
}

.type-4.actived:after {
	background: #FE0200;
}

.type-4.actived:before {
	border-color: transparent transparent #FE0200 transparent;
}

.type-5.actived:after {
	background: #D0021B;
}

.type-5.actived:before {
	border-color: transparent transparent #D0021B transparent;
}

.transfer-data {
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.transfer-data .transfer-txt > span,
.transfer-data .transfer-txt > strong,
.transfer-data .transfer-txt2 > span,
.transfer-data .transfer-txt2 > strong
{
	font-weight: normal;
	display: block;
	line-height: 0.68em;
}

.transfer-data.type-1 .transfer-txt > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #125EB0;
}

.transfer-data.type-1 .transfer-txt > strong
{
	font-family: "TrueBoldSpecial";
	font-size: 100px;
	color: #125EB0;
}

.transfer-data.type-1 .transfer-txt2 > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #555555;
}

.transfer-data.type-1 .transfer-txt2 > strong
{
	font-family: "TrueMedium";
	font-size: 60px;
	color: #555555;
}

.transfer-data.type-2 .transfer-txt > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #00ABEB;
}

.transfer-data.type-2 .transfer-txt > strong
{
	font-family: "TrueBoldSpecial";
	font-size: 100px;
	color: #00ABEB;
}

.transfer-data.type-2 .transfer-txt2 > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #555555;
}

.transfer-data.type-2 .transfer-txt2 > strong
{
	font-family: "TrueMedium";
	font-size: 60px;
	color: #555555;
}

.transfer-data.type-3 .transfer-txt > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #00ABEB;
}

.transfer-data.type-3 .transfer-txt > strong
{
	font-family: "TrueBoldSpecial";
	font-size: 80px;
	color: #00ABEB;
}

.transfer-data.type-3 .transfer-txt2 > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #00ABEB;
}

.transfer-data.type-3 .transfer-txt2 > strong
{
	font-family: "TrueBoldSpecial";
	font-size: 80px;
	color: #00ABEB;
}

.transfer-data.type-4 .transfer-txt > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #555555;
}

.transfer-data.type-4 .transfer-txt > strong
{
	font-family: "TrueMedium";
	font-size: 60px;
	color: #555555;
}

.transfer-data.type-4 .transfer-txt2 > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #FE0200;
}

.transfer-data.type-4 .transfer-txt2 > strong
{
	font-family: "TrueBoldSpecial";
	font-size: 100px;
	color: #FE0200;
}

.transfer-data.type-5 .transfer-txt > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #555555;
}

.transfer-data.type-5 .transfer-txt > strong
{
	font-family: "TrueMedium";
	font-size: 60px;
	color: #555555;
}

.transfer-data.type-5 .transfer-txt2 > span
{
	font-family: "TrueMedium";
	font-size: 22px;
	color: #D0021B;
}

.transfer-data.type-5 .transfer-txt2 > strong
{
	font-family: "TrueBoldSpecial";
	font-size: 100px;
	color: #D0021B;
}

.manage-btn2 {
	text-align: center;
	margin-top: 20px;
}

.manage-btn2 > .actived {
	display: inline-block;
}

.manage-btn2 > button {
	display: none;
}

.manage-btn2 .line-btn span {
	font-family: "TrueMedium";
	font-size: 30px;
}

/* SPEED SHUFFLE MAIN */
.speed-banner {
	background-position: center top;
	background-size: cover;
	background-image: url("../images/banners/speed-shuffle-main-bnr-sm.jpg");
	background-repeat: no-repeat;
}

.banner-detail-wrap {
	position: relative;
}

.content-background-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.content-background-item.-bg1 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-01.jpg");
}

.content-background-item.-bg2 {
	background-image: url("../images/banners/speed-shuffle-main-bnr-sm-02.jpg");
}

.content-background-item.-bg3 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-03.jpg");
}

.content-background-item.-bg4 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-04.jpg");
}

.content-background-item.-bg5 {
	background-image: url("../images/banners/speed-shuffle-bnr-sm-05.jpg");
}

.bnr-txt-1.actived ~ .content-background-item.-bg1,
.bnr-txt-2.actived ~ .content-background-item.-bg2,
.bnr-txt-3.actived ~ .content-background-item.-bg3,
.bnr-txt-4.actived ~ .content-background-item.-bg4,
.bnr-txt-5.actived ~ .content-background-item.-bg5 {
	opacity: 1;
}

.banner-desc-group {
	display: inline-block;
}

.banner-desc-txt, .lang-th .banner-desc-txt2 {
	font-size: 38px;
}

.banner-desc-txt, .banner-desc-txt2 {
	line-height: 0.75em;
	color: #fff;
}

.banner-desc-txt2 {
	font-size: 24px;
}

.banner-desc-txt {
	font-family: 'TrueBoldSpecial';
	padding: 11px 30px 11px 15px;
	display: inline-block;
	background-image: linear-gradient(103deg, #059adf, #125eb0 126%);
	margin-left: -20px;
}

.banner-desc-txt2 {
	font-family: 'TrueLight';
	padding: 11px 15px 11px 15px;
	display: inline-block;
	background-image: linear-gradient(103deg, #059adf, #125eb0 126%);
}

.banner-detail-group {
	padding: calc(50px + 46.75vw) 20px 40px 20px;
	max-width: 370px;
	margin: 0 auto;
}

.banner-detail-txt {
	font-family: 'TrueMedium';
	font-size: 26px;
	color: #125eb0;
	line-height: 0.95em;
	margin-top: 10px;
}

.hl-txt {
	font-family: 'TrueBoldSpecial';
	font-weight: normal;
}

.check-group {
	margin-top: 10px;
}

.check-group .check-row {
	position: relative;
	padding-left: 20px;
	margin-top: 10px;
}

.check-group .check-row:first-child {
	margin-top: 0px;
}

.check-row .checkbox-wrap {
	position: absolute;
	top: 1px;
	left: 0;
}

.check-row .small-label {
	display: block;
	margin-left: 10px;
	line-height: 0.9em;
}

.manage-btn3 {
	margin-top: 20px;
	text-align: center;
}

.manage-btn3 .larger-btn {
	width: 100%;
	max-width: 314px;
}

.manage-btn3 .cmn-txt-4 {
	margin-top: 15px;
	max-width: 315px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.filter-list.style-1 {
	margin-top: -26px;
}

.banner-detail-group2 {
	padding: 0 20px;
}

.speed-wrap {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

.banner-head-txt2 {
	display: block;
	font-family: 'TrueMedium';
	font-size: 36px;
	line-height: 0.75em;
	color: #125eb0;
	text-align: center;
	margin: 0 auto;
	margin-top: 26px;
	max-width: 970px;
}

.banner-head-txt2 strong {
	font-family: 'TrueBoldSpecial';
	font-weight: normal;
}

.banner-title-txt2 {
	font-family: 'TrueMedium';
	font-size: 36px;
	color: #ffffff;
	margin-top: 10px;
}

.banner-title-txt2 > span {
	font-family: 'TrueBoldSpecial';
}

.banner-detail-txt2 {
	font-family: 'TrueMedium';
	font-size: 26px;
	color: #ffffff;
	line-height: 0.95em;
	margin-top: 10px;
	max-width: 100%;
}

.banner-detail-txt2 .show-br-large {
	display: none;
}

.tgl-bnr-txt {
	display: none;
}

.tgl-bnr-txt.actived {
	display: block;
}

.manage-link2 {
	text-align: center;
	padding: 30px 0 30px 0;
}

.link-more-txt {
	font-family: 'TrueMedium';
	font-size: 26px;
	color: #555555;
	text-decoration: underline;
}

.banner-detail-wrap {
	margin-top: 26px;
}

.banner-detail-group2 {
	padding: 50vw 20px 40px 20px;
	max-width: 420px;
	margin-left: auto;
    margin-right: auto;
}

.banner-inner-wrap {
	position: relative;
}

.detail-list {
	display: none;
}

.detail-list.actived {
	display: block;
}

.split-arrow-block, .side-block {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.split-arrow-block {
	width: 100%;
	max-width: 340px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	color: #555;
	background: #eee;
	border: 1px solid #aaa;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
	height: 175px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-radius: 15px;

	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	 -ms-flex-flow: row wrap;
		 flex-flow: row wrap;
}

.side-block {
	min-width: 50%;
	height: 100%;
	-webkit-flex-flow: column wrap;
	-moz-flex-flow: column wrap;
	 -ms-flex-flow: column wrap;
		 flex-flow: column wrap;
}

.side-block:first-child:after {
	content: "";
	display: block;
	position: absolute;
	width: 43px;
	height: 42px;
	top: 50%;
	right: -23px;
	margin-top: -21px;
	background-image: url('../images/icons/sprite-icons@2x.png');
	background-position: 44.81283422459893% 31.60149973219068%;
	background-size: 1538.4615384615386% 1503.7593984962407%;
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 1;
	/* right: -30px;
	top: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 88px 0 88px 30px;
	border-left-color: #bfe8fe;
	z-index: 1; */
}

.side-block.-hl {
	color: #fff;
	background: rgb(5,154,223);
	background: -moz-linear-gradient(left,  rgba(5,154,223,1) 0%, rgba(18,94,176,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(5,154,223,1) 0%,rgba(18,94,176,1) 100%);
	background: linear-gradient(to right,  rgba(5,154,223,1) 0%,rgba(18,94,176,1) 100%);
}

.txt-normal {
	display: block;
	font-family: 'TrueMedium';
	font-size: 20px;
	line-height: 0.9em;
}

.txt-normal.-bold {
	font-family: 'TrueBold';
	font-weight: normal;
}

.txt-number {
	display: block;
	font-family: 'TrueMedium';
	font-size: 60px;
	line-height: 0.5em;
	margin-top: 8px;
	margin-bottom: 8px;
}

.img-list-block {
	padding: 15px 15px 0;
}

.img-list-block img {
	display: block;
	width: 90%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.img-list-block .tgl-br {
	display: none;
}

.button-with-icon {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: auto;
	min-width: 80px;
	box-sizing: border-box;
	padding: 5px 10px;
}

.button-with-icon.-med {
	min-width: 180px;
}

.button-with-icon.-shadow {
	box-shadow: 0 2px 3px rgba(0,0,0,0.4);
}

.button-with-icon .sprite-icons,
.button-with-icon .button-text {
	display: inline-block;
	vertical-align: middle;
}

.button-with-icon .sprite-icons:first-child {
	margin-right: 3px;
}

.button-with-icon .pen-icon {
	width: 20px;
	height: 20px;
}

.button-with-icon .button-text {
	font-family: 'TrueBold';
	font-size: 24px;
	line-height: 1em;
}

@media print {
	.mb-nav-box, .main-sec, footer, .md-overlay {
		display: none;
	}

	.print-box {
		display: block;
	}
}

@media screen and (min-width : 375px) {
	.sm-txt-1 {
		font-size: 17px;
	}

	.cmn-txt-3, .cmn-txt-list {
		font-size: 20px;
	}

	.pack-list {
		width: 310px;
	}

	.pack-box {
		width: 290px;
	}

	.checkbox-small .checkbox-style {
		width: 20px;
		height: 20px;
	}

	.inline-middle .num-txt-box-2 {
		max-width: 160px;
	}

	.inline-middle > div, .inline-top > div, .inline-middle > div:first-child > .checkbox {
		margin-left: 2px;
	}

	.top-tab-box .tab-box-item {
		font-size: 20px;
		line-height: 1em;
	}

	.view-inner.-fix .pack-box {
		min-width: 290px;
	}

	/* SPEED SHUFFLE MAIN */
	.banner-detail-group {
		padding-top: 50.6667vw;
	}

	.banner-desc-txt, .lang-th .banner-desc-txt2 {
		font-size: 40px;
	}

	.banner-desc-txt2 {
		font-size: 27px;
		padding-right: 30px;
		padding-left: 20px;
	}

	.med-form-wrap.-setminwidth {
		min-width: 320px;
		max-width: 340px;
		margin-left: auto;
		margin-left: auto;
	}

	.img-list-block .tgl-br {
		display: inline;
	}
}

@media screen and (min-width : 375px) and (max-width: 559px) {
	.inline-middle .img-icon {
		margin-left: 5px;
	}

	.med-txt-3 {
		font-size: 50px;
	}

	.sm-txt-1 {
		font-size: 18px;
	}

	.table-clmn > .sm-txt-1:first-child {
		font-size: 24px;
	}

	.inline-middle {
		width: 97%;
	}

	.chn-txt {
		min-width: 56px;
	}

	.tv-icon, .tv-white-icon {
		width: 40px;
		height: 36px;
	}

	.mb-icon, .mb-white-icon {
		width: 36px;
		height: 50px;
	}

	.mb2-icon, .mb2-white-icon {
		width: 50px;
		height: 57px;
	}

	.cir-plus-icon {
		width: 18px;
		height: 18px;
	}

	.vmid-ctn-3.inner-padding-3 {
		padding-top: 5px;
		padding-bottom: 6px;
	}

	.info-box-3 .triang-button + .vmid-ctn-3 {
		padding-top: 14px;
		padding-bottom: 13px;
	}
}

@media screen and (min-width : 414px) {
	/* .sm-txt-1 {
		font-size: 18px;
	} */

	.pack-list {
		width: 339px;
	}

	.pack-box {
		width: 320px;
	}

	.top-block {
		min-height: 290px;
		line-height: 290px;
		padding: 0;
	}

	.inline-middle .num-txt-box-2 {
		max-width: 173px;
	}

	.inline-middle > div, .inline-top > div, .inline-middle > div:first-child > .checkbox,
	.inline-middle .img-icon {
		margin-left: 5px;
	}

	.circle-block {
		margin-bottom: 7px;
	}

	.pack-s .circle-block {
		width: 160px;
		height: 160px;
		line-height: 160px;
	}

	.circle-block, .pack-def .circle-block, .pack-m .circle-block {
		width: 180px;
		height: 180px;
		line-height: 180px;
	}

	.pack-l .circle-block {
		width: 200px;
		height: 200px;
		line-height: 200px;
	}

	.pack-l .circle-block .large-txt-1 {
		font-size: 120px;
		letter-spacing: -5px;
	}

	.pack-l .txt-block {
		margin-bottom: 0;
	}

	.screwdriver-icon {
		width: 108px;
		height: 108px;
	}

	.cmn-block .larger-txt-1 {
		margin-bottom: 15px;
	}

	.larger-txt-1 {
		font-size: 72px;
	}

	.prg-txt-1 {
		font-size: 25px;
	}

	.view-inner.-fix .pack-box {
		min-width: 320px;
	}

	.btn-inline.full-min > .sm-btn {
		min-width: unset;
	}

	.side-block {
		box-sizing: border-box;
		padding-left: 20px;
	}

	/* .side-block:first-child:after {
		right: -45px;
		border-width: 88px 0 88px 45px;
	} */

	.txt-normal {
		font-size: 22px;
	}

	.txt-number {
		font-size: 65px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.md-cmn-txt .tgl-br {
		display: inline;
	}
}

@media screen and (min-width : 480px) {
	.popup-box {
		width: 86%;
	}

	.list-order-row .prg-detail br {
		display: none;
	}

	/* --- HEADER --- */
	.first-line-text .tgl-txt {
		display: inline;
	}

	.menu-txt, .user-log-box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-ms-align-items: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;

		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.user-box{
		display: inline-block;
	}

	/* --- SPRITE --- */
	.iservice-icon {
		max-width: 22px;
		height: 21px;
		padding-bottom: 0;
	}

	.telephone-icon {
		height: 22px;
		max-width: 22px;
		padding-bottom: 0;
	}

	.person-red-icon {
		height: 19px;
		max-width: 20px;
		padding-bottom: 0;
	}

	.heart-icon {
		height: 17px;
		max-width: 20px;
		padding-bottom: 0;
	}

	.box-wrap {
		padding-bottom: 0;
		height: 141px;
	}

	.service-menu-wrap {
		background-size: 176.21145374449338% 471.6981132075472%;
		background-position: 100% 0;
	}

	.service-menu > li {
		position: relative;
		float: none;
		width: 100%;
		height: 47px;
	}

	.service-menu > li > a {
		width: 100%;
	}

	.service-menu > li > a:before {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 0;
		width: 120%;
		height: 120%;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;

		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.first-line-text {
		font-size: 23px;
	}

	.first-line-text {
		margin-bottom: -14px;
	}

	.first-line-text .tgl-txt {
		margin-left: 8px;
	}

	.first-line-text, .sec-line-text {
		margin-left: 34px;
	}

	.menu-txt, .user-log-box {
		position: relative;
		text-align: left;
		height: 100%;
		margin-left: 20px;

		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.menu-txt .sprite-icons, .user-thumb {
		position: absolute;
		left: 0;
		top: 50%;
		margin: 0;
	}

	.menu-txt .person-red-icon, .menu-txt .iservice-icon, .menu-txt .telephone-icon {
		margin-top: -10px;
	}

	.menu-txt .heart-icon {
		margin-top: -9px;
	}

	.menu-txt .sec-line-text {
		position: static;
		font-size: 21px;
		color: #777;
		margin-bottom: 0;
	}

	.service-menu > li:first-child .first-line-text {
		color: #555;
		font-family: "TrueBold";
		margin: 0 0 0 34px;
		width: auto;
	}

	.service-menu > li:first-child .first-line-text {
		display: none;
	}

	.service-menu > li:first-child .sec-line-text {
		font-size: 23px;
		color: #555;
		font-family: "TrueBold";
		margin: -6px 0 0 34px;
		width: auto;
	}

	.user-thumb {
		left: -5px;
		width: 28px;
		height: 28px;
		margin-top: -15px;
		margin-bottom: 0;
		border-width: 2px;
	}

	.user-name {
		font-size: 25px;
		min-height: 1px;
		margin-top: -5px;
	}

	.user-name > br {
		display: none;
	}

	.user-info {
		margin-left: 34px;
	}

	.user-info > span {
		font-size: 21px;
		margin-top: 0;
	}

	.user-pvl {
		width: 40px;
		height: 40px;
		top: 50%;
		right: 0;
		margin-top: -16px;
	}

	.user-pvl .noti-mini {
		top: 50%;
		left: 50%;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		margin-left: -9px;
		border-color: #c6c6c6;
	}

	.desktop .user-pvl .noti-mini {
		margin-top: -11px;
		margin-left: -10px;
	}

	.gift-red-icon {
		display: block;
	}

	.noti-txt {
		font-size: 11px;
	}

	.main-bg-right {
		width: 23.72262773722628%;
		right: 18.85644768856448%;
		padding-bottom: 28.71046228710462%;
		background-size: 424.6284501061571% 700.5253940455342%;
		background-position: 75.21255722694572% 71.30358705161855%;
	}

	/* --- FOOTER --- */
	.footer-list-box > li > h4:after {
		width: 14px;
		height: 10px;
	}

	.feed-desc-list > li:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.feed-desc-list > li > div {
		float: right;
		text-align: right;
	}

	.feed-desc-list > li > div:first-child {
		float: left;
		width: 62.5%;
		line-height: 0.8em;
		text-align: left;
		margin-top: 4px;
	}

	.star-box {
		margin-top: 0;
	}

	.rate-box {
		margin-top: 14px;
	}

	.feed-contact {
		margin-top: 25px;
	}

	.arw-nav-prev.slick-arrow {
		left: -12px;
	}

	.arw-nav-next.slick-arrow {
		right: -6px;
		margin-right: -1.327433628318584%;
	}

	#login-modal .input-long {
		width: 95%;
	}


	/* --- BANNER & CONTENT --- */
	.banner-inner {
		padding-top: 0;
		position: relative;
	}

	.banner-inner .sm-mb-banner {
		display: none;
	}

	.banner-inner .mb-banner {
		display: block;
	}

	.banner-inner img {
		left: 0;
		position: relative;
		top: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
		display: block;
	}

	.circle-box-top {
		right: 10.3125%;
		width: 35.9375%;
	}

	.slider-contain .owl-dots {
		bottom: 8px;
		bottom: 1.25vw;
		padding-left: 178px;
		padding-left: 27.8125vw;
	}

	.banner-inner2 {
		padding-top: 0px;
	}

	.banner-inner2 img {
		width: 100%;
		position: relative;
		left: 0px;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		display: block;
	}

	.ctn-group .circ-title-wrap {
		width: 120px;
		height: 60px;
	}

	.circ-title-box {
		position: absolute;
		left: 0;
		top: -70px;
		width: 120px;
		height: 120px;
	}

	.section-ctn-2 .thumbnail-inner {
		padding-bottom: 10px;
	}

	.cmn-desc-box .circ-title-wrap {
		margin-left: -60px;
	}

	.cmn-desc-box figcaption {
		width: 40%;
	}

	.prg-xlarge-size {
		font-size: 28px;
	}

	.circ-fixed .circ-title-wrap {
		margin-left: -60px;
	}

	.title-group-box {
		bottom: -3px;
		font-size: 20px;
		line-height: 18px;
	}

	.title-group-box > span {
		font-family: "droid_serifbold_italic","TrueBold";
		font-size: 18px;
		display: block;
		line-height: 15px;
	}

	.list-ctn-inner {
		width: 70%;
	}

	.list-ctn-inner > br {
		display: inline-block;
	}

	.thumbnail-list {
		padding-bottom: 24px;
	}

	.thumbnail-slider .owl-dots {
		top: auto;
		bottom: 12px;
	}

	.circ-fixed {
		width: 40%;
	}

	.popup-box .circ-fixed .circ-title-wrap {
		left: 0px;
		margin-left: 0px;
	}

	.thumbnail-slider {
		margin: 0 auto;
		width: 175%;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.thumbnail-slider .owl-nav {
		width: 57.14285714285714%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.thumbnail-desc {
		min-height: 84px;
	}

	.thumbnail-slider .owl-prev, .thumbnail-slider .owl-next {
		margin-top: -46px;
		margin-top: -9.583333333333333vw;
	}

	.br-newline {
		display: inline-block;
	}

	/* --- TVS-MODAL --- */
	.md-xmed-size {
		left: 0;
		top: 0;
		height: 100%;

		-webkit-transform: none;
		transform: none;
	}

	.md-xmed-size.md-show {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.panel-img-box > img {
		width: 100%;
		left: 0;
	}

	.header-logo > img {
		width: 120px;
	}

	/* --- How To --- */
	.list-nav-order .list-nav {
		width: 33.33333333333333%;
	}

	.list-nav-order .list-nav4:after {
		display: none;
	}

	.list-nav4:before {
		display: none;
	}

	.list-nav-order .list-nav3:after, .list-nav-order .list-nav5:after {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 1px;
		border-left: 2px dotted #8bd4f5;
		z-index: 2;
	}

	.profile-box > .profile-desc {
		text-align: right;
	}

	.profile-desc .title-account {
		padding-right: 20px;
	}

	.lang-th .list-nav-order .list-nav3 .nav-desc span > br {
		display: none;
	}

	.lang-th .list-nav-order .list-nav4 .nav-desc span > br {
		display: none;
	}

	/* --- News --- */

	.head-cate.sec-tag {
		padding-bottom: 20px;
		padding-left: 120px;
		padding-top: 40px;
	}

	.head-cate.sec-tag > span {
		font-size: 24px;
	}

	.lang-th .head-cate > span {
		font-size: 34px;
	}

	.sec-box .head-cate .circ-title-wrap {
		width: 124px;
		height: 54px;
	}

	.bubble-wrap.posi2 .bubble6-pic {
		display: block;
		margin-left: -6px;
		margin-top: -36px;
	}

	.bubble-wrap.posi2 .bubble6-pic {
		display: block;
	}

	.hide-step2 {
		display: block;
	}

	.sec-thumbnail-list:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.sec-thumbnail-list .sec-thumbnail {
		width: 48%;
		float: left;
		margin-right: 4%;
	}

	.sec-thumbnail-list .sec-thumbnail:nth-child(2n) {
		margin-right: 0;
	}

	.sec-thumbnail-list .sec-thumbnail, .sec-thumbnail-list .sec-thumbnail:first-child {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.lang-th .circ-fixed .title-group-box, .lang-th .fixed-large .title-group-box {
		font-size: 25px;
		bottom: -12px;
	}

	.lang-th .fixed-large.red-bg .title-group-box {
		bottom: -4px;
	}

	.lang-th .sw-link-btn {
		font-size: 32px;
		line-height: 30px;
	}

	/* SPEED SHUFFLE */
	.filter-box {
		padding-top: 13px;
	}

	.filter-txt {
		font-size: 20px;
		line-height: 0.8em;
	}

	.filter-txt2 {
		font-size: 20px;
		line-height: 0.8em;
	}

	/* SPEED SHUFFLE MAIN */
	.banner-desc-txt {
		font-size: 40px;
	}

	.banner-desc-txt2 {
		font-size: 30px;
	}

	.banner-head-txt2 br {
		display: none;
	}
}

@media screen and (min-width : 560px) {
	.profile-content {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.profile-info-txt > span {
		display: inline-block;
		vertical-align: middle;
	}

	/* --- PACKAGES --- */
	.img-mb {
		display: none;
	}

	.img-mb-2, .ptrn-bg-1, .ptrn-bg-2 {
		display: block;
	}

	.top-header h1 {
		padding-bottom: 0;
	}

	.spc-top {
		margin-top: 29.16666666666667%;
	}

	.spc-top-1 {
		margin-top: 14.28%;
	}

	.spc-top-2 {
		margin-top: 14.28%;
	}

	.spc-top-3 {
		margin-top: 29.16666666666667%;
	}

	.spc-top-4 {
		margin-top: 15%;
	}

	/* --- PACK LISTS --- */
	.sm-txt-1 {
		font-size: 17px;
	}

	.cmn-txt-3, .cmn-txt-list {
		font-size: 20px;
	}

	.checkbox-small .checkbox-style {
		width: 18px;
		height: 18px;
	}

	.sec-box .circ-title-wrap {
		left: 15px;
	}

	.hl-box {
		background-position: -356px -962px;
	}

	.pack-list {
		width: 96.42857142857143%;
		max-width: 1000px;
	}

	.pack-list .owl-stage {
		display: inline-block;
		vertical-align: top;
	}

	.pack-list .owl-item {
		text-align: center;
	}

	.pack-list .owl-prev {
		left: -12px;
	}

	.pack-list .owl-next {
		right: -12px;
	}

	.pack-box {
		width: 94.44444444444444%;
		padding-bottom: 25px;
	}

	.inline-middle > div, .inline-top > div, .inline-middle > div:first-child > .checkbox, .inline-middle .img-icon {
		margin-left: 2px;
	}

	.inline-style-1 > div:first-child {
		margin-left: -26px;
		margin-right: 6px;
	}

	.fl-icon.abs-icon {
		position: relative;
		display: block;
		top: 0;
		left: 0;
	}

	.txt-block-2 {
		min-width: 145px;
	}

	.pack-s .txt-block {
		margin-bottom: -40px;
	}

	.pack-m .txt-block {
		margin-bottom: -20px;
	}

	.cmn-button + .cmn-button {
		margin-top: 0;
	}

	/* --- All Modal --- */
	.md-normal-size {
		max-width: 540px;
	}

	.md-med-size {
		max-width: 500px;
	}

	.md-large-size {
		max-width: 540px;
	}

	.md-ex-large-size {
		max-width: 540px;
	}

	.list-slide-ctn {
		padding: 20px 15px 10px 15px;
	}

	.arrow-overlay .owl-prev {
		left: -16px;
	}

	.arrow-overlay .owl-next {
		right: -16px;
	}

	.md-header .heading-icon {
		height: 100px;
		margin-top: -50px;
		width: 100px;
	}

	.md-header h3 {
		font-size: 29px;
		line-height: 26px;
	}

	.md-ctn h3 {
		font-size: 29px;
		line-height: 26px;
	}

	.md-fixed-top .md-modal {
		margin-top: 60px;
	}

	.sect-col2 .md-med-col {
		width: 50%;
		float: left;
	}

	.sect-col2 .md-med-col:nth-child(2n+4) {
		clear: both;
	}

	.med-form-wrap .captcha-box {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}

	.med-txt-label {
		font-size: 26px;
	}

	.captcha-box {
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}

	.field-txt-cmn2 {
		width: 450px;
	}

	.field-txt-cmn3 {
		width: 336px;
	}

	.field-txt-cmn4 {
		width: 280px;
	}

	.field-txt-cmn5 {
		width: 220px;
	}

	.desc-sect {
		font-size: 31px;
		line-height: 26px;
	}

	.subdesc-sect {
		font-size: 25px;
	}

	.fade-line {
		margin: 16px auto;
		width: 68%;
	}

	.md-med-inner {
		display: inline-block;
		margin-top: 0px;
	}

	.nm-txt-label {
		min-width: 80px;
	}

	.md-col-2 {
		width: 470px;
		margin-left: auto;
		margin-right: auto;
	}

	.md-col-2 > div:first-child {
		width: 24%;
	}

	.md-col-2 > div:first-child + div {
		width: 76%;
	}

	.blue-checked-med {
		height: 160px;
		width: 160px;
	}

	.heading-ctn-txt {
		font-size: 40px;
		line-height: 28px;
	}

	.inner-heading-txt {
		font-size: 30px;
	}

	.tt-content {
		left: 50%;
		right: auto;
		margin-left: -85px;
	}

	.tt-content:after {
		left: 50%;
		right: auto;
		margin-left: -9px;
	}

	.head-list-label {
		font-size: 22px;
	}

	.info-list-order {
		font-size: 20px;
	}

	.list-number-group {
		right: 7px;
	}

	.list-number-group > div {
		height: 28px;
		width: 28px;
	}

	.list-number-group > div > span {
		font-size: 26px;
	}

	.brc-wrap .arw-white-left {
		height: 24px;
		width: 16px;
	}

	.list-sect {
		font-size: 28px;
		line-height: 42px;
		height: 42px;
	}

	.list-sect.disabled {
		font-size: 28px;
		line-height: 42px;
		height: 42px;
	}

	.msg-box.tb-space {
		padding: 20px 0;
	}

	.circ-inline-block {
		width: 460px;
		margin: 0 auto;
	}

	.circ-list {
		line-height: 134px;
		width: 134px;
		height: 134px;
		border-width: 4px;
	}

	.msg-box p {
		font-size: 26px;
		line-height: 22px;
	}

	.content-msg {
		width: 400px;
		margin: 0 auto;
	}

	.msg-box .title-msg {
		font-size: 36px;
	}

	.label-alert {
		font-size: 24px;
		margin: 8px 0;
	}

	.desc-detail2 {
		font-size: 24px;
	}

	#wifi-pack-modal .desc-detail2 {
		padding-bottom: 10px;
	}

	#buy-pack-modal .desc-detail2 {
		padding-bottom: 10px;
	}

	#choice-modal .cmn-input {
		font-size: 25px;
		width: 300px;
	}

	.mock-img > img {
		width: 60%;
	}

	.circ-inline-block {
		height: 142px;
		left: 4px;
	}

	.circ-inline-block .switch-elm {
		width: 153px;
	}

	.tol-med-logo,.tmh-med-logo,.ty-med-logo {
		width: 110px;
		height: 20px;
	}

	.head-slide-ctn {
		margin-top: 16px;
	}

	.head-slide-top {
		font-size: 36px;
	}

	.head-slide-group {
		line-height: 22px;
		margin-top: 6px;
		display: block;
	}

	.head-slide-group > span {
		font-size: 26px;
	}

	.ctn-col-2 {
		width: 470px;
	}

	.title-ctn > .new-line {
		display: inline-block;
		margin-right: 0px;
	}

	.ctn-col-2 > div:first-child {
		padding-right: 3%;
		width: 35%;
	}

	.ctn-col-2 > div:first-child + div {
		width: 62%;
	}

	.ctn-col-2 .detail-ctn br {
		display: none;
	}

	.ctn-col-2 > div label,
	.ctn-col-2 > div span {
		font-size: 26px;
	}

	.sect-col2 {
		margin-left: auto;
		margin-right: auto;
		width: 480px;
	}

	.detail-desc-ctn {
		font-size: 23px;
		width: 500px;
		margin: 0 auto;
	}

	.detail-desc-ctn .link-desc-txt {
		font-size: 23px;
		margin-top: 4px;
	}

	.list-slide-ctn.theme-1 + .detail-desc-ctn {
		padding: 20px;
	}

	.view-inner {
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}

	.info-prg-inner h1 {
		font-size: 26px;
		line-height: 22px;
	}

	.info-prg-inner {
		font-size: 23px;
		line-height: 24px;
		padding: 20px;
	}

	.tb-row > div {
		font-size: 23px;
		padding: 6px 0;
	}

	.hide-br {
		display: none;
	}

	.inline-middle .num-txt-box-2 {
		max-width: 59.2741935483871%;
	}

	.pack-list.owl-carousel .owl-stage-outer {
		overflow: hidden;
	}

	.select-menu-cmn {
		width: 180px;
	}

	.select-menu-full {
		width: 422px;
	}

	.field-txt-cmn, .field-txt-cmn4 {
		width: 200px;
	}
	
	.field-txt-full {
		width: 100%;
		max-width: 442px;
	}

	/* --- NEWS --- */
	.sec-thumbnail-group .circ-title-wrap {
		left: 0px;
	}

	.bnr-bg {
		background-color: #081528;
	}

	.bnr-bg-2 {
		background-color: #0163ae;
	}
}

@media screen and (min-width : 500px) {
	.bubble-wrap.posi1 .bubble5-pic {
		height: 60px;
		width: 64px;
	}
}

@media screen and (min-width : 600px) {
	/* --- BANNER & CONTENT --- */
	.head-title-txt {
		font-size: 42px;
	}

	.desc-title-txt {
		font-size: 28px;
		margin-top: 6px;
	}

	.info-list-section > .info-section-wrap {
		border-top: 2px solid #ffffff;
	}

	.info-date {
		font-size: 20px;
	}

	.info-section .col-2 .info-inner-detail {
		padding-left: 14px;
		padding-right: 14px;
	}

	.info-section.theme-2 .info-desc {
		font-size: 32px;
		line-height: 0.9375em;
		margin-top: 6px;
	}

	.info-section.theme-3 .info-desc {
		font-size: 32px;
		line-height: 0.9375em;
		margin-top: 6px;
	}

	.info-title-all {
		font-size: 24px;
		padding-bottom: 6px;
	}

	.info-title-all > span {
		font-size: 24px;
	}

	.info-title-inner {
		font-size: 30px;
	}

	.detail-section > div {
		width: 42%;
	}

	.detail-section > div:first-child + div {
		margin-left: 16%;
	}

	.desc-section > br {
		display: inline-block;
	}

	.arrow-circle {
		height: 40px;
		width: 40px;
	}

	.arw-right-red, .arw-right-grey {
		width: 8px;
		height: 16px;
	}

	.arrow-circle .arw-right-red, .arrow-circle .arw-right-grey {
		margin-left: -3px;
		margin-top: -9px;
	}

	.arrow-circle .cross-med-white-icon {
		width: 20px;
		height: 20px;
		margin-left: -10px;
		margin-top: -10px;
	}

	.triangle-1:after {
		border-width: 0 15px 16px;
		bottom: 0;
		left: 16px;
	}

	.triangle-2:after {
		border-width: 15px 16px 15px 0;
		margin-top: -9px;
	}

	.triangle-3:after {
		border-width: 15px 16px 15px 0;
		margin-top: -9px;
	}

	.list-thumbnail-group {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.list-thumbnail {
		width: 90%;
	}

	.list-thumbnail-group .owl-prev {
		left: -20px;
	}

	.list-thumbnail-group .owl-next {
		right: -20px;
	}

	.title-inner-txt {
		font-size: 28px;
	}

	.desc-inner-txt {
		font-size: 22px;
	}

	.ie8 .link-btn {
		margin-left: -93px;
	}

	.link-btn > a {
		font-size: 20px;
		padding: 0 30px;
	}

	.detail-icon-txt {
		font-size: 30px;
		line-height: 0.8em;
	}

	.manage-popup {
		margin-top: 20px;
		padding: 20px 0;
	}

	.manage-popup .arrow-circle {
		bottom: 20px;
	}

	.cir-box h2 {
		font-size: 24px;
		line-height: 40px;
		height: 40px;
	}

	.lang-th .cir-box h2 {
		font-size: 28px;
		line-height: 38px;
	}

	.slider-contain .owl-dots {
		height: 12px;
		bottom: 6px;
		bottom: 1vw;
	}

	.home-circ, .wifi-circ, .map-circ, .plus-circ, .router-circ, .fix-circ {
		width: 65px;
		height: 65px;
	}

	.list-icons > li {
		line-height: 140px;
		height: 140px;
	}

	.ctn-desc-box {
		font-size: 24px;
		line-height: 16px;
		margin-top: 2px;
	}

	.sec-line-txt {
		font-size: 26px;
		line-height: 18px;
	}

	.list-icon1:before, .list-icon2:before, .list-icon3:before {
		border-top: 3px dotted #8bd4f5;
	}

	.list-icons > li:after {
		border-left: 3px dotted #8bd4f5;
	}

	.sm-date-txt {
		font-size: 30px;
		line-height: 22px;
	}

	.cmn-inner-box .prg-xlarge-size {
		font-size: 34px;
		font-family: "TrueBoldSpecial", Tahoma;
		line-height: 30px;
		text-align: center;
	}

	.thumbnail-slider .owl-prev {
		height: 42px;
		left: 10px;
		width: 25px;
	}

	.thumbnail-slider .owl-next {
		height: 42px;
		right: 10px;
		width: 25px;
	}

	.thumbnail-slider .owl-prev, .thumbnail-slider .owl-next {
		margin-top: -72px;
		margin-top: -12vw;
	}

	.thumbnail-slider .owl-prev, .thumbnail-slider2 .owl-prev, .thumbnail-slider3 .owl-prev, .thumbnail-slider .owl-next,
	.thumbnail-slider2 .owl-next, .thumbnail-slider3 .owl-next {
		height: 42px;
		width: 25px;
	}

	.thumbnail-slider3 .owl-prev, .thumbnail-slider3 .owl-next {
		top: 20.6vw;
	}

	.prg-large-size {
		font-family: "TrueBoldSpecial";
		font-size: 34px;
		line-height: 28px;
		min-height: 84px;
	}

	.thumbnail-desc .sm-date-txt {
		margin-top: 8px;
		margin-bottom: 10px;
	}

	.list-ctn-inner {
		width: 76%;
	}

	.ctn-group .circ-title-wrap {
		height: 70px;
		width: 140px;
	}

	.cmn-desc-box .circ-title-wrap {
		margin-left: -70px;
	}

	.circ-fixed .circ-title-wrap {
		margin-left: -70px;
	}

	.circ-title-box {
		height: 140px;
		left: 0;
		position: absolute;
		top: -80px;
		width: 140px;
	}

	.title-group-box {
		bottom: 6px;
		font-size: 24px;
		line-height: 18px;
	}

	.title-group-box > span {
		display: block;
		font-size: 24px;
		line-height: 22px;
	}

	.title-desc {
		font-size: 32px;
		line-height: 24px;
	}

	.thumbnail-inner-desc {
		font-size: 17px;
		line-height: 22px;
	}

	.popup-inner {
		padding: 20px 20px 0;
	}

	.close-popup {
		right: 36px;
		top: 36px;
	}

	/* --- PACKAGES --- */
	.hl-box-1, .hl-box-1.price-block, .hl-box-1.price-block-2 {
		background-size: auto auto;
	}

	.hl-box-1.price-block, .hl-box-1.price-block-2 {
		background-position: 0 -210px;
	}

	.sm-txt-list {
		font-size: 17px;
	}

	.sm-txt-1 {
		font-size: 18px;
	}

	/* --- How To --- */
	.head-nav h1 {
		font-size: 24px;
		height: 40px;
		line-height: 40px;
	}

	.lang-th .head-nav h1 {
		font-size: 28px;
		height: 40px;
		line-height: 38px;
	}

	.nav-circle {
		width: 70px;
		height: 70px;
	}

	.home-white-icon {
		width: 40px;
		height: 36px;
	}

	.wifi-white-icon {
		width: 40px;
		height: 29px;
	}

	.map-white-icon {
		width: 40px;
		height: 36px;
	}

	.plus-white-icon {
		width: 38px;
		height: 38px;
	}

	.router-white-icon {
		height: 38px;
		width: 38px;
	}

	.tool-white-icon {
		height: 38px;
		width: 38px;
	}

	.nav-circle .home-white-icon {
		margin-left: -20px;
		margin-top: -18px;
	}

	.nav-circle .wifi-white-icon {
		margin-left: -20px;
		margin-top: -14px;
	}

	.nav-circle .map-white-icon {
		margin-left: -20px;
		margin-top: -20px;
	}

	.nav-circle .plus-white-icon {
		margin-left: -19px;
		margin-top: -19px;
	}

	.nav-circle .router-white-icon {
		margin-left: -19px;
		margin-top: -19px;
	}

	.nav-circle .tool-white-icon {
		margin-left: -19px;
		margin-top: -19px;
	}

	.list-nav1:before, .list-nav2:before, .list-nav3:before, .list-nav4:before {
		border-top: 3px dotted #8bd4f5;
	}

	.list-nav-order .list-nav:after {
		border-left: 3px dotted #8bd4f5;
	}

	.list-nav-order .list-nav {
		line-height: 136px;
		height: 144px;
	}

	.nav-desc {
		font-size: 24px;
		line-height: 18px;
		margin-top: 2px;
	}

	.nav-desc > span {
		font-size: 26px;
	}

	.list-detail {
		width: 74%;
	}

	.banner-info-detail {
		padding-left: 20px;
		padding-right: 20px;
	}

	.head-info {
		font-size: 40px;
		line-height: 30px;
		margin-bottom: 8px;
	}

	.head-info > span {
		font-size: 40px;
	}

	.banner-info span {
		font-size: 25px;
	}

	.scroll-totop-btn {
		height: 40px;
		line-height: 34px;
		width: 150px;
	}

	.scroll-totop-btn > span {
		font-size: 28px;
		margin-left: 6px;
	}

	.black-arrow-icon {
		height: 16px;
		width: 16px;
	}

	/* --- News --- */

	.sec-box .head-cate .circ-title-wrap {
		height: 66px;
		width: 146px;
	}

	.head-cate.sec-tag {
		padding-left: 160px;
	}

	.head-cate.sec-tag > span {
		font-size: 28px;
	}

	.lang-th .head-cate > span {
		font-size: 34px;
	}

	.title-desc-detail2 .sm-date-txt {
		font-size: 26px;
	}

	.prg-large-size2 {
		font-size: 28px;
		line-height: 24px;
		min-height: 50px;
	}

	.sec-topic > span {
		font-size: 22px;
	}

	.sec-topic {
		padding: 14px 10px;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate > a > span {
		font-size: 26px;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate > a {
		padding: 14px 10px;
	}

	.head-cate.sec-tag {
		padding-bottom: 30px;
	}

	.head-order-info span {
		font-size: 22px;
		top: 12px;
	}

	.list-order-row > div:first-child {
		width: 40%;
	}

	.list-order-row > div:first-child + div {
		padding-left: 4%;
		width: 56%;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate .arrow-grey-right {
		top: 16px;
		right: 16px;
	}

	.list-order-group .prg-detail {
		font-size: 24px;
		line-height: 20px;
	}

	.detail-all-info .thumbnail-wrap {
		width: 50%;
	}

	/*.content-inner-sub {
		text-align: left;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 44%;
		padding: 0 3%;
	}*/

	/*.content-inner-sub .sm-date-txt {
		text-align: left;
	}*/

	.content-inner-sub .prg-large-size {
		font-size: 35px;
		line-height: 0.8571428571428571em;
		/*text-align: left;*/
	}

	.content-inner-sub .sm-date-txt  {
		font-size: 30px;
		/*margin-top: 26px;
		margin-bottom: 10px;*/
	}

	.list-order-row .sm-date-txt {
		font-size: 28px;
	}

	/*.content-inner-sub .social-wrap {
		text-align: left;
	}*/

	.detail-all-info {
		padding: 20px;
	}

	.detail-all-info .content-inner-desc {
		padding-top: 10px;
	}

	.head-order-info {
		text-align: left;
		padding: 20px;
		padding-bottom: 40px;
	}

	.list-order-wrap {
		padding: 0 20px;
	}

	.bubble-wrap.posi1 .bubble5-pic {
		width: 79px;
		height: 74px;
	}

	.bubble-wrap.posi2 .bubble6-pic {
		width: 120px;
		height: 111px;
	}

	.lang-th .circ-fixed .title-group-box, .lang-th .fixed-large .title-group-box {
		font-size: 30px;
		bottom: -8px;
	}

	.lang-th .fixed-large.red-bg .title-group-box {
		bottom: 4px;
	}

	/* .md-ctn-box.-innerspace {
		padding-top: 40px;
		padding-bottom: 40px;
	} */

	.captcha-box iframe {
		transform: none;
		-webkit-transform: none;
	}

	.md-small-txt {
		font-size: 22px;
	}
}

@media screen and (min-width : 660px) {
	.inline-middle .img-icon {
		margin-left: 5px;
	}

	.img-icon {
		width: 96px;
	}

	.med-txt-3 {
		font-size: 50px;
	}

	.sm-txt-1 {
		font-size: 18px;
	}

	.table-clmn > .sm-txt-1:first-child {
		font-size: 24px;
	}

	/* .inline-middle {
		width: 100%;
	} */

	.chn-txt {
		min-width: 56px;
	}

	.tv-icon, .tv-white-icon {
		width: 40px;
		height: 36px;
	}

	.mb-icon, .mb-white-icon {
		width: 36px;
		height: 50px;
	}

	.mb2-icon, .mb2-white-icon {
		width: 50px;
		height: 57px;
	}

	.cir-plus-icon {
		width: 18px;
		height: 18px;
	}

	.checkbox-small .checkbox-style {
		width: 20px;
		height: 20px;
	}

	.pack-list .owl-prev, .pack-list .owl-next {
		margin-top: 46px;
	}

	.vmid-ctn-3.inner-padding-3 {
		padding-top: 5px;
		padding-bottom: 6px;
	}

	.info-box-3 .triang-button + .vmid-ctn-3 {
		padding-top: 14px;
		padding-bottom: 13px;
	}

	/* SPEED SHUFFLE */

	.filter-list {
		min-width: 480px;
	}

}

@media screen and (min-width : 700px) {
	/* --- PACKAGES --- */
	.info-box-4.toggle-box-2 > .vmid-ctn-3 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.info-box-4.toggle-box-2 .inline-middle .img-icon {
		width: 30.88803088803089%;
	}

	.img-sm-block {
		left: -20px;
		top: 48%;
		margin-top: -55px;

		-webkit-transform: none;
		transform: none;
	}

	.img-sm-block img {
		max-width: 100%;
	}

	/* --- All Modal --- */
	.md-header-2 {
		height: 84px;
		line-height: 80px;
	}

	.md-header-2 h3 {
		font-size: 60px;
	}

	.med-inner-form.inner-style-1 .msg-box {
		padding: 50px 0;
	}

	.vld-txt-cmn {
		font-size: 19px;
	}

	#login-modal .md-txt-label {
		font-size: 32px;
	}

	#login-modal .md-header-2 {
		height: 84px;
		line-height: 80px;
	}

	#login-modal .input-long {
		width: 400px;
	}

	#login-modal .sm-btn {
		width: 160px;
	}
}

@media screen and (min-width : 734px) {
	/* --- PACKAGES --- */
	.tgl-display {
		display: inline;
	}

	.pack-list {
		width: 678px;
	}

	.img-icon {
		width: 98px;
	}

	.add-list:before {
		left: 42px;
		top: -18px;
	}

	.inline-middle .num-txt-box {
		min-width: 96px;
	}
}

@media screen and (min-width : 736px) {
	.head-cate.sec-tag > span {
		font-size: 28px;
	}

	.lang-th .head-cate > span {
		font-size: 34px;
	}

	.inline-middle .num-txt-box-2 {
		max-width: 190px;
	}

	.bnr-block-1 {
		width: 660px;
	}

	/* --- All Modal --- */
	.md-ex-large-size {
		max-width: 710px;
	}
}

@media screen and (min-width : 760px) {
	/* --- TVS-MODAL --- */
	.md-xmed-size {
		width: 580px;
		height: auto;
		left: 50%;
		top: 50%;

		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.md-xmed-size.md-show {
		overflow: visible;
	}

	.image-hilight {
		height: auto;
	}

	.limg-box-wrap-inner .owl-dots {
		margin-top: 0;
	}

	.black-arw .owl-prev, .black-arw .owl-next {
		margin-top: -23px;
	}

	.header-logo {
		left: 15px;
		top: 15px;
	}

	/* SPEED SHUFFLE MAIN */
	.speed-banner {
		background-position: 40% 0;
		background-image: url("../images/banners/speed-shuffle-main-bnr-large.jpg");
	}

	.content-background-item.-bg1 {
		background-image: url("../images/banners/speed-shuffle-main-bnr-large-01.jpg");
	}
	
	.content-background-item.-bg2 {
		background-image: url("../images/banners/speed-shuffle-main-bnr-large-02.jpg");
	}
	
	.content-background-item.-bg3 {
		background-image: url("../images/banners/speed-shuffle-main-bnr-large-03.jpg");
	}
	
	.content-background-item.-bg4 {
		background-image: url("../images/banners/speed-shuffle-main-bnr-large-04.jpg");
	}
	
	.content-background-item.-bg5 {
		background-image: url("../images/banners/speed-shuffle-main-bnr-large-05.jpg");
	}

	.banner-detail-group {
		padding: 60px 0;
		position: relative;
		left: 210px;
	}

	.banner-detail-txt2 {
		font-size: 27px;
	}

	.banner-detail-group {
		max-width: 380px;
	}

	.banner-detail-txt, 
	.check-group,
	.manage-btn3 {
		margin-left: 16px;
	}

	.manage-btn3 {
		text-align: left;
	}

	.banner-desc-txt, .banner-desc-txt2 {
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.banner-desc-txt, .lang-th .banner-desc-txt2 {
		font-size: 45px;
	}

	.banner-desc-txt2 {
		font-size: 32px;
	}

	.banner-head-txt2 {
		margin-top: 36px;
		text-align: left;
		padding-left: 10px;
	}

	.manage-link2 {
		position: absolute;
		right: 10px;
		top: 3px;
		padding: 0;
	}

	.banner-title-txt2 {
		display: inline-block;
		margin-left: 10px;
	}

	.banner-detail-group2 {
		max-width: 480px;
		padding: 180px 20px 30px 20px;
	}

	.manage-btn3 .cmn-txt-4 {
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (min-width : 900px) {
	.footer-list-box > li > h4:after, .footer-btm .true-logo {
		display: none;
	}

	.footer-btm > span, .footer-content .true-logo {
		display: block;
	}

	.feed-head h5 span {
		display: inline;
	}

	.ie8 .feed-head h5 {
		margin-top: -8px;
	}


	/* --- ICONS --- */
	.pointer-icon {
		width: 13px;
		height: 20px;
	}

	.cart-icon {
		width: 24px;
		height: 18px;
	}

	.bubble-icon {
		width: 20px;
		height: 19px;
	}

	.faq-icon, .star-icon {
		width: 20px;
		height: 20px;
	}

	.arw-blue-right, .arw-red-right {
		width: 8px;
		height: 14px;
	}

	.fb-icon, .tw-icon, .yt-icon {
		width: 30px;
		height: 30px;
	}

	/* --- HEADER --- */


	/* --- FOOTER --- */
	.phone-cir-red-icon {
		width: 38px;
		height: 38px;
	}

	.mtp-txt-size-box {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.txt-size-s {
		font-size: 25px;
	}

	.txt-size-m {
		font-size: 36px;
	}

	.txt-size-xxl {
		font-size: 83px;
	}

	.footer-bar-sm {
		font-size: 25px;
	}

	.mtp-lines-box .txt-size-m {
		display: block;
		line-height: 0.5em;
		margin-top: 2px;
	}

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

	.footer-content, .feed-box {
		width: 96.66666666666667%;
		margin: 0 auto;
	}

	.footer-content .true-logo {
		position: absolute;
		left: 10px;
		top: 22px;
		width: 72px;
		height: 26px;
	}

	.footer-list-box {
		padding-left: 90px;
		padding-top: 25px;
		padding-bottom: 10px;
	}

	.footer-list-box > li {
		float: left;
		width: 24.9743062692703%;
		/*width: 24.13793103448276%;*/
		/*margin-left: 1.149425287356322%;*/
	}

	.footer-list-box > li > h4 {
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 30px;
		border-bottom: none;
	}

	.footer-list-box > li > h4:before {
		content: "";
		display: block;
		position: absolute;
		left: 30px;
		bottom: 0;
		width: 130px;
		height: 1px;
		background-color: #ccc;
	}

	.footer-list-box > li:first-child, .social-box > li:first-child {
		margin-left: 0;
	}

	.footer-list-box > li .acd-ctn {
		max-height: 2000px;
	}

	.footer-list-box > li h4, .feed-head h5, .feed-list-box > li h6 {
		font-size: 22px;
	}

	.footer-list-box > li h4 {
		padding-left: 30px;
	}

	.footer-list-box > li > h4 .sprite-icons {
		left: 0;
	}

	.footer-list-box > li > h4 .pointer-icon {
		left: 8px;
	}

	.footer-list-box > li > h4 .cart-icon {
		left: -4px;
	}

	.footer-list {
		padding-top: 4.16667%;
		padding-bottom: 4.16667%;
		background-color: #fff;
	}

	.footer-list > li {
		font-size: 18px;
		padding-left: 30px;
		padding-right: 8px;
		margin-top: 4.16667%;
	}

	.ft-list-sub > li a {
		padding-left: 10px;
	}

	.ft-list-sub > li a:before {
		top: 4px;
	}

	.feed-box {
		border-top: 1px solid #ccc;
	}

	.feed-head {
		min-height: 56px;
		line-height: 56px;
	}

	.feed-desc-list > li {
		font-size: 20px;
		margin-top: 15px;
	}

	.feed-desc-list > li > div:first-child {
		width: 70%;
		margin-top: 0;
	}

	.feed-content {
		padding: 30px 20px;
	}

	.feed-list-box > li:first-child {
		margin-bottom: 20px;
	}

	.feed-list-box .rate-box {
		width: 60.24096385542169%;
		margin-top: 0;
	}

	.feed-list-box .feed-contact {
		width: 36.14457831325301%;
		margin-top: 0;
		margin-left: 3.614457831325301%;
	}

	.feed-contact .cmn-txtarea {
		min-height: 92px;
		padding: 10px 16px;
	}

	.feed-contact .btn-float {
		text-align: right;
		margin-right: 8px;
	}

	.footer-btm-box {
		height: 56px;
		line-height: 56px;
	}

	.social-box {
		right: 45px;
		padding-left: 10px;
		padding-right: 150px;
	}

	.social-box > li {
		width: 30px;
		height: 30px;
		margin-top: 13px;
		margin-left: 8px;
	}

	.copyright {
		margin-left: 20px;
	}

	/* --- MODAL --- */
	.md-header {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.md-header h3 {
		font-size: 34px;
	}

	.x-white-icon {
		width: 40px;
		height: 40px;
	}

	.md-close-btn {
		right: -10px;
		top: -10px;
		width: 40px;
		height: 40px;
	}


	/* --- BANNER & CONTENT --- */
	.right-bg-banner {
		background-image: url(../images/bg/sprite-bg.png);
		background-repeat: no-repeat;
		background-position: 0% 28.687856560717194%;
		background-size: 1324.2009132420092% 650.2242152466367%;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 34.375%;
		padding-top: 69.6875%;
	}

	.list-thumbnail {
		max-width: 440px;
	}

	.title-inner-txt {
		font-size: 38px;
	}

	.desc-inner-txt {
		font-size: 30px;
	}

	.link-btn > a {
		font-size: 29px;
		line-height: 1.379310344827586em;
		height: 40px;
	}

	.detail-thumbnail {
		padding-bottom: 16.85393258426966%;
	}

	.detail-thumbnail:after {
		height: 6px;
	}

	.list-thumbnail-group .owl-prev {
		width: 28px;
		height: 54px;
		left: -30px;
	}

	.list-thumbnail-group .owl-next {
		width: 28px;
		height: 54px;
		right: -30px;
	}

	.owl-next, .owl-prev {
		margin-top: -26px;
	}


	/* --- All Modal --- */

	.md-normal-size {
		max-width: 560px;
	}

	.md-large-size {
		max-width: 850px;
	}

	.md-ex-large-size {
		max-width: 1040px;
	}

	.md-header .heading-icon {
		height: 130px;
		margin-top: -60px;
		width: 130px;
	}

	.md-fixed-top .md-modal {
		margin-top: 70px;
		margin-bottom: 50px;
	}

	.md-header h3 > br {
		display: inline-block;
	}

	.md-header.new-line h3 > br {
		display: inline-block;
	}

	.md-header h3 {
		font-size: 32px;
		line-height: 28px;
	}

	.md-ctn h3 {
		font-size: 32px;
		line-height: 22px;
	}

	.preview-wrap .med-inner-form {
		float: right;
		width: 520px;
	}

	.view-inner {
		padding: 0;
		width: 300px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}

	.preview-wrap .view-section {
		float: left;
		width: 300px;
		max-height: 5000px;
		margin-left: 23px;
		margin-top: -70px;
	}

	.switch-elm-box > .switch-detail.view-section {
		max-height: 4000px;
		opacity: 1;
	}

	.md-header {
		-webkit-border-radius: 30px 30px 0 0;
		border-radius: 30px 30px 0 0;
	}

	.md-content-inner {
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}

	.med-form-wrap {
		-webkit-border-radius: 0 0 30px 30px;
		border-radius: 0 0 30px 30px;
	}

	.md-fixed-top .md-close-btn {
		right: 10px;
		top: 10px;
	}

	.brc-list {
		background: #07A2DC;
	}

	.brc-list:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.brc-list .list-sect {
		cursor: pointer;
		float: left;
		width: 50%;
		position: relative;
		display: block;
	}

	.brc-list.brc-col4 .list-sect {
		width: 25%;
	}

	.brc-wrap .arw-white-left {
		display: none;
	}

	.brc-list .list-sect.disabled {
		cursor: default;
		background: #0874B2;
	}

	.brc-arrow {
		position: absolute;
		right: -24px;
		top: 0px;
		width: 22px;
		height: 42px;
		overflow: hidden;
		display: block;
		padding-right: 10px;
		z-index: 1;
	}

	.brc-list .brc-arrow:after {
		content: "";
		display: block;
		background: #07A2DC;
		width: 42px;
		height: 42px;
		position: relative;
		right: 22px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		box-shadow: 0px 0px 6px #333333;
	}

	.ie8 .brc-list .brc-arrow:after {
		right: -8px;
		background: none;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 21px 0 21px 20px;
		border-color: transparent transparent transparent #07a2dc;
	}

	.ie8 .brc-list .disabled .brc-arrow:after {
		border-color: transparent transparent transparent #0874b2;
	}

	.brc-list .disabled .brc-arrow:after {
		background: #0874B2;
	}

	.preview-wrap .brc-wrap {
		float: right;
		width: 527px;
	}

	.list-number-group {
		display: none;
	}

	.row-ctn-group {
		width: 376px;
		margin: 0 auto;
	}

	.inner-radiobox {
		text-align: left;
		display: block;
		margin-top: 16px;
	}

	.med-txt-label.label-size {
		font-size: 46px;
		margin-top: 14px;
		margin-bottom: 20px;
	}

	.circ-inline-block {
		width: 640px;
		margin: 0 auto;
	}

	.circ-list {
		line-height: 180px;
		border-width: 6px;
		height: 180px;
		width: 180px;
	}

	.space-txt {
		padding-right: 0px;
	}

	.circ-inline-block {
		height: 194px;
		left: 4px;
	}

	.circ-inline-block .switch-elm {
		width: 213px;
		left: 10px;
	}

	.tol-med-logo,.tmh-med-logo,.ty-med-logo {
		width: 140px;
		height: 25px;
	}

	.head-slide-top {
		font-size: 40px;
	}

	.md-header.col-2 h3 {
		padding-left: 320px;
	}

	.preview-wrap .med-inner-form {
		padding: 0;
	}

	.fade-line {
		width: 40%;
	}

	.tb-term {
		width: 85%;
		margin-top: 16px;
		margin-bottom: 16px;
	}

	.cmn-txt-6 {
		font-size: 22px;
	}

	.questionmark-icon {
		width: 25px;
		height: 25px;
	}

	.collapse-head {
		font-size: 26px;
		padding: 28px 70px 28px 75px;
	}

	.collapse-head > .questionmark-icon {
		left: 38px;
	}

	.collapse-box-wrap {
		margin-bottom: 50px;
	}
	
	.collapse-box-wrap .title-bolder {
		margin-left: 37px;
		margin-right: 37px;
	}

	.collapse-prg {
		padding-left: 76px;
		padding-right: 40px;
	}
}

@media screen and (min-width : 1000px) {
	/* --- HEADER --- */
	.mb-nav-box, header:before, .lang-box:before, .service-menu > li > a:before, .main-menu > li .grey-arw-icon,
	.main-menu > .home-menu > a > span {
		display: none;
	}

	.top-menu > li:first-child > a:before, .top-menu > li:first-child > a:after, .box-wrap .tol-logo, header .home-icon {
		display: block;
	}

	.list-order-row .prg-detail br {
		display: inline;
	}

	.top-menu > li .arw-red-down {
		display: inline-block;
	}

	.en-flag, .th-flag {
		width: 20px;
		height: 12px;
	}

	.main-sec {
		min-height: 150px;
		position: relative;
	}

	header {
		top: 0;
		height: 158px;
		max-width: 1140px;
		margin: 0 auto;
		overflow: visible;
	}

	header .home-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -10px;
		margin-top: -8px;
	}

	.main-content.main-pd-top {
		padding-top: 0px;
	}

	.top-menu, .lang-box {
		width: auto;
	}

	.desktop .top-menu > .has-submenu:hover > a, .top-menu > .has-submenu.selected > a, .sub-menu, .sub-menu > li {
		background-color: #40454F;
	}

	.tgl-menu-elm {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.top-menu > li, .sub-menu {
		position: relative;
	}

	.top-menu > li a {
		font-size: 20px;
	}

	.top-menu > li > a {
		min-width: 100px;
		height: 28px;
		line-height: 28px;
		color: #484848;
		padding-left: 3px;
	}

	.top-menu > li > a:before, .top-menu > li > a:after {
		height: 20px;
		margin-top: -10px;
	}

	.top-menu > li > a:before {
		left: auto;
		right: -1px;
		opacity: 1;
	}

	.top-menu > li > a:after {
		left: auto;
		right: 0px;
	}

	.top-menu > li > a, .lang-box, .main-menu > li, .main-menu > .actived, .main-menu > li:active, li.has-submenu.selected {
		background-color: transparent;
	}

	.lang-box, .top-menu {
		position: absolute;
		top: -84px;
		right: 0;
		height: 28px;
	}

	.top-menu {
		margin-right: 80px;
	}

	.lang-box {
		width: 55px;
		margin-right: 10px;
	}

	.lang-box > li {
		height: 28px;
		line-height: 26px;
		margin-left: 10px;
	}

	.sub-menu-wrap {
		min-width: 168px;
		left: 0;
		bottom: auto;
		right: auto;
		top: 100%;
		max-height: 0;
		overflow: hidden;

		-webkit-transition: max-height 0.3s cubic-bezier(0.77, 0, 0.175, 1);
		transition: max-height 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	}

	.sub-menu {
		padding-bottom: 5px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}

	.sub-menu > li {
		border-top: none;
	}

	.sub-menu > li > a {
		font-family: 'TrueMedium';
		padding: 5px 15px;
	}

	.sub-menu > li > a:hover {
		color: #fff;
	}

	.box-wrap {
		width: auto;
		height: 80px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sv-menu {
		position: relative;
		margin-top: 20px;
	}

	.service-menu-wrap {
		position: relative;
		z-index: 1;
		float: right;
		width: 819px;
		height: 80px;
		background-size: auto;
		background-position: 0 -464px;
	}

	.service-menu > li {
		float: right;
		width: 271px;
		height: 55px;
		margin-right: 3px;
		margin-top: 9px;
	}

	.service-menu > li:first-child {
		margin-right: 0;
		width: 271px;
	}

	.user-name {
		margin-top: 4px;
		margin-bottom: 1px;
	}

	.user-thumb {
		left: -10px;
		width: 38px;
		height: 38px;
		margin-top: -23px;
		border-width: 3px;
	}

	.user-info {
		margin-left: 45px;
	}

	.user-info > span {
		margin-top: 0;
	}

	.user-pvl {
		right: 5px;
		margin-top: -16px;
	}

	.user-pvl .noti-mini {
		border-color: #f1f1f1;
	}

	.menu-txt {
		width: auto;
		margin-left: 15px;
	}

	.menu-txt .sec-line-text, .user-info > span {
		font-size: 17px;
	}

	.first-line-text, .sec-line-text {
		margin-left: 30px;
	}

	.first-line-text {
		margin-bottom: -26px;
	}

	.menu-txt .person-red-icon, .menu-txt .iservice-icon, .menu-txt .telephone-icon {
		margin-top: -12px;
	}

	.ie8 .menu-txt .iservice-icon, .ie8 .menu-txt .heart-icon, .ie8 .menu-txt .person-red-icon {
		margin-top: -8px;
	}

	.sw1-txt {
		display: none;
	}

	.sw2-txt {
		display: inline-block;
	}

	.user-box {
		display: inline-block;
		top: 15px;
	}

	.top-menu-box {
		top: 84px;
		overflow: visible;
	}

	.ie8 .iservice-icon, .ie8 .heart-icon, .ie8 .person-red-icon {
		margin-top: 0px;
	}

	.ie9 .iservice-icon, .ie9 .heart-icon, .ie9 .person-red-icon {
		width: 22px;
		margin-top: -2px;
	}

	.ie9 .person-red-icon {
		margin-top: 2px;
	}

	.ie8 .user-info, .ie9 .user-info {
		position: relative;
		top: 12px;
	}

	.ie8 .user-thumb, .ie9 .user-thumb {
		margin-top: -26px;
	}

	.ie8 .user-pvl , .ie9 .user-pvl {
		margin-top: -20px;
	}

	.ie8 .first-line-text, .ie8 .sec-line-text, .ie9 .first-line-text, .ie9 .sec-line-text {
		margin-left: 46px;
	}

	.ie8 .sec-line-text, .ie9 .sec-line-text {
		margin-top: 26px;
	}

	.ie8 .service-menu > li:first-child .sec-line-text, .ie9 .service-menu > li:first-child .sec-line-text {
		margin-top: 4px;
	}

	.main-menu-box, .main-menu-box.actived {
		-webkit-transform: none;
		transform: none;
	}

	.main-menu-box {
		position: relative;
		top: 0;
		margin-top: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.main-menu {
		overflow: visible;
	}

	.main-menu > li {
		position: relative;
		float: left;
		min-width: 50px;
		margin-left: 40px;
		border-top: none;
	}

	.main-menu > li:after {
		content: "";
		position: absolute;
		left: 50%;
		top: -1px;
		display: block;
		width: 0;
		height: 32px;
		background-color: #00aeef;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		border-top: 2px solid #85d9fb;

		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);

		-webkit-transition: width 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: width 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}

	.ie8 .main-menu > li:after,.ie8 .main-menu > li:hover,.ie8 .main-menu > li.actived  {
		height: 34px;
	}

	.desktop .main-menu > li:hover:after, .main-menu > .actived:after, .main-menu > li:active:after, .main-menu > .selected:after {
		width: 100%;
	}

	.desktop .main-menu > li:hover > a > span, .main-menu > .actived > a > span, .main-menu > li:active > a > span, .main-menu > .selected > a > span {
		color: #fff;
	}

	.desktop .main-menu > .home-menu:hover .home-icon, .main-menu > .home-menu.actived .home-icon {
		background-position: 11.695607763023494% 0%;
	}

	.main-menu > li:first-child {
		margin-left: 0;
	}

	.main-menu > li > a {
		position: relative;
		font-size: 25px;
		padding: 0 10px;
		z-index: 5;
	}

	.main-menu > li > a > span {
		color: #484848;

		-webkit-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}

	.main-sub-box {
		position: absolute;
		left: 50%;
		top: 100%;
		min-width: 300px;
		margin-left: -150px;

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	.main-menu > li:nth-child(4) .main-sub-box {
		min-width: 200px;
		margin-left: -100px;
	}

	.desktop .has-submenu:hover > .sub-menu-wrap, .has-submenu.selected > .sub-menu-wrap,
	.desktop .has-submenu:hover > .main-sub-box, .has-submenu.selected > .main-sub-box {
		max-height: 600px;
	}

	.main-sub-menu {
		position: relative;
		padding-top: 16px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;

		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.main-sub-menu > li:first-child {
		-moz-border-radius: 12px 12px 0px 0px;
		-webkit-border-radius: 12px 12px 0px 0px;
		border-radius: 12px 12px 0px 0px;
	}

	.main-sub-menu > li:last-child, .main-sub-menu-2 > li:last-child {
		-moz-border-radius: 0 0 12px 12px;
		-webkit-border-radius: 0 0 12px 12px;
		border-radius: 0 0 12px 12px;
	}

	.main-sub-menu > li:first-child:before {
		content: "";
		position: absolute;
		top: -10px;
		left: 50%;
		width: 0;
		height: 0;
		display: block;
		border-color: transparent;
		border-style: solid;
		border-width: 0 10px 10px;
		border-bottom-color: #dcdcdc;
		border-bottom-color: rgba(220,220,220,0.95);
		margin-left: -10px;

		-webkit-transition: border-color 0.3s ease;
		transition: border-color 0.3s ease;
	}

	.desktop .main-sub-menu > li:first-child:hover:before, .main-sub-menu > li:first-child:active:before {
		border-bottom-color: #00abeb;
	}

	.main-menu > li > a, .main-sub-menu > li > a, .main-sub-menu-2 > li > a {
		font-family: 'TrueBold';
		color: #545454;
		min-height: 34px;
		line-height: 30px;
		padding: 0 15px;
	}

	.main-sub-menu > li > a, .main-sub-menu-2 > li > a {
		font-family: 'TrueMedium';
		font-size: 22px;
		line-height: 34px;
	}

	.main-sub-menu-2 > li > a {
		padding-left: 25px;
	}

	.main-sub-menu > li {
		background-color: #e2e2e2;
		background-color: rgba(226,226,226,0.95);
	}

	.main-sub-menu > li:active, .desktop .main-sub-menu > li:hover {
		background-color: #00abeb;
	}

	/* --- FOOTER --- */
	.feed-list-box > li:first-child {
		width: 11.86623516720604%;
		text-align: left;
	}

	.feed-list-box .rate-box {
		width: 53.72168284789644%;
	}

	.feed-list-box .feed-contact {
		width: 30.74433656957929%;
	}

	/* --- BANNER & CONTENT --- */

	.main-login {
		overflow: hidden;
	}

	.banner-inner .sm-mb-banner {
		display: none;
	}

	.banner-inner .mb-banner {
		display: none;
	}

	.banner-inner .dk-banner {
		display: block;
		width: 104%;
	}

	.banner-box {
		overflow: hidden;
	}

	.banner-bg {
		background-image: none !important;
	}

	.main-banner {
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}

	.banner-box .owl-dot span {
		height: 12px;
		width: 12px;
	}

	.circle-box-top {
		bottom: 0;
		right: -5%;
		width: 49%;
	}

	.bg-sec {
		display: block;
	}

	.bg-white-alpha {
		background: url("../images/bg/sprite-bg.png") repeat-x 0 -1266px;
		position: absolute;
		left: 0;
		top: -40px;
		width: 100%;
		height: 190px;
		z-index: 5;
		filter: alpha(opacity=90);
		opacity: 0.9;
	}

	.blug-bg-ctn {
		background: #dcf4fc;
	}

	.ctn-box {
		max-width: 1100px;
		margin: 0 auto;
	}

	.ctn-section:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.ctn-section .ctn-left-section {
		position: relative;
		float: right;
		width: 31%;
		overflow: hidden;
	}

	.ctn-section .ctn-right-section {
		float: left;
		width: 69%;
	}

	.ctn-right-section .popup-wrap {
		top: auto;
	}

	.ctn-right-section .popup-1 .circ-title-box {
		display: none;
	}

	.ctn-right-section .popup-list .circ-fixed {
		top: 40px;
		left: 75px;
	}

	.circ-title-box {
		position: absolute;
		left: 0;
		top: -70px;
		width: 120px;
		height: 120px;
	}

	.title-group-box {
		bottom: -3px;
		font-size: 20px;
		line-height: 18px;
	}

	.title-group-box > span {
		font-size: 18px;
		line-height: 18px;
	}

	.circ-title-box.fixed-large {
		top: -80px;
		width: 140px;
		height: 140px;
	}

	.circ-title-box.fixed-large .title-group-box {
		bottom: 6px;
		font-size: 24px;
		line-height: 18px;
	}

	.circ-title-box.fixed-large .title-group-box > span {
		font-size: 24px;
		line-height: 22px;
	}

	.lang-th .sec-all-group .circ-title-box.fixed-large .title-group-box {
		font-size: 38px;
		/*bottom: 6px;*/
		bottom: -6px;
	}

	.lang-th .head-cate-wrap.head-style1 .circ-title-box.fixed-large .title-group-box {
		font-size: 50px;
	}

	.sec-box .head-cate .circ-title-wrap {
		left: -10px;
	}

	.sec-first-group .head-cate .circ-title-wrap {
		left: -30px;
	}

	.list-icons > li {
		width: 50%;
	}

	.list-icons > .list-icon4:after {
		display: block;
	}

	.list-icons > .list-icon3:after, .list-icons > .list-icon5:after {
		display: none;
	}

	.list-icon3:before {
		border-top: none;
	}

	.list-icon4:before {
		border-top: none;
	}

	.list-icons > .list-icon5 {
		background: #0e7dc2;
	}

	.list-icons > .list-icon6 {
		background: #0e7dc2;
	}

	.ctn-box .popup-wrap {
		max-width: 686px;
		width: 70.43478260869565%;
	}

	.cir-box {
		background-color: #ec1b23;
		border-radius: 50%;
		box-shadow: 1px 0 0 rgba(0, 0, 0, 0.3);
		overflow: hidden;
		padding-top: 129.0322580645161%;
		width: 129.0322580645161%;
		left: 50%;
		margin-left: -64.51612903225806%;
		top: -326px;
		top: -32.6vw;
		position: absolute;
		z-index: 5;
	}

	.cir-box h2 {
		font-family: "droid_serifbold_italic","TrueBold";
		font-size: 22px;
		line-height: 16px;
		min-height: 60px;
		position: absolute;
		left: 0;
		bottom: 0px;
		text-align: center;
		width: 100%;
	}

	.lang-th .cir-box h2 {
		line-height: 16px;
	}

	.cir-box h2 span {
		font-family: "TrueMedium";
		font-size: 25px;
		margin-top: 6px;
		display: block;
		text-transform: uppercase;
	}

	.list-icons {
		background: #00abeb;
		padding-top: 62px;
	}

	.ctn-desc-box {
		font-size: 21px;
		line-height: 16px;
	}

	.sec-line-txt {
		display: block;
		font-family: "TrueBoldSpecial";
		font-size: 22px;
		line-height: 20px;
	}

	.list-ctn-inner {
		width: auto;
	}

	.list-icons > li {
		height: 126px;
		line-height: 126px;
	}

	.slider-contain .owl-dots {
		text-align: center;
		padding-left: 0;
		width: 700px;
		width: 70%;
	}

	.banner-inner2 {
		padding-top: 0;
		height: 440px;
		overflow: hidden;
	}

	.ctn-right-section.actived .banner-inner2:after {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		border: 18px solid #404040;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.banner-inner2 img {
		position: relative;
		left: 0;
		top: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 114%;
		display: block;
	}

	.thumbnail-slider2 .owl-next {
		right: 16px;
		width: 22px;
		height: 37px;
	}

	.thumbnail-slider2 .owl-prev {
		left: 16px;
		width: 22px;
		height: 37px;
	}

	.cmn-desc-box figcaption {
		height: 360px;
		left: 0px;
		top: 40px;
		width: 290px;
	}

	.thumbnail-slider2 .owl-item.active figcaption {
		left: -20px;
	}

	.cmn-inner-box .prg-xlarge-size {
		font-size: 38px;
		line-height: 32px;
	}

	.sm-date-txt {
		font-size: 24px;
		line-height: 20px;
	}

	.thumbnail-slider {
		background: #f5f2ed;
		left: 0px;
		width: auto;
		padding: 38px 34px 10px;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		min-height: 436px;
	}

	.thumb-group:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.popup-list {
		position: relative;
	}

	.popup-list .arw-red-left2, .popup-list .arw-red-right2, .popup-list .arw-green-left, .popup-list .arw-green-right {
		display: inline-block;
	}

	.popup-list .prev-move {
		left: 4px;
	}

	.popup-list .next-move {
		right: 4px;
	}

	/* --- slider --- */
	.popup-contain.actived .popup-list {
		position: relative;
	}

	.circ-fixed {
		width: 0px;
	}

	.circ-fixed .circ-title-wrap {
		margin-left: 0px;
		left: 0px;
	}

	.thumbnail-slider .owl-stage-outer {
		width: 100% !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.thumbnail-slider .owl-stage {
		width: 200% !important;
		position: relative;
	}

	.thumbnail-slider.next-slide .owl-stage {
		-moz-transform: translateX(-50%) !important;
		-webkit-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
	}

	.thumbnail-slider.prev-slide .owl-stage {
		left: -100%;
		-moz-transform: translateX(50%) !important;
		-webkit-transform: translateX(50%) !important;
		transform: translateX(50%) !important;
	}


	.ie8 .thumbnail-slider3 .owl-stage, .ie9 .thumbnail-slider3 .owl-stage {
		width: 100% !important;
		left: 0px !important;
	}

	.thumbnail-slider.prev-slide .ele-wrap.current-slide {
		margin-left: 50%;
	}

	.thumbnail-slider.prev-slide .ele-wrap.follow-slide {
		left: 0px;
		right: auto;
	}

	.thumbnail-slider.next-slide .owl-stage,
	.thumbnail-slider.prev-slide .owl-stage {
		-moz-transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) !important; /* Safari */
		-webkit-transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) !important; /* Safari */
		transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1) !important;
	}

	.ele-wrap {
		width: 50% !important;
		position: absolute;
		right: 0px;
		top: -9999px;
	}

	.ele-wrap.current-slide {
		top: 0px;
		position: relative;
	}

	.ele-wrap.follow-slide {
		top: 0px;
	}

	.thumbnail-slider .ele-wrap:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.ele-wrap .owl-item {
		width: 50% !important;
	}

	.ele-wrap .owl-item {
		margin-right: 0px !important;
	}

	.ele-wrap .owl-item:first-child + .owl-item + .owl-item {
		width: 24% !important;
		margin-right: 10px !important;
	}

	.ele-wrap .owl-item:first-child + .owl-item + .owl-item + .owl-item {
		width: 24% !important;
	}

	.ele-wrap .owl-item:first-child .thumbnail-list {
		margin-right: 45px;
	}

	.ele-wrap .owl-item:first-child + .owl-item .thumbnail-inner figure {
		float: left;
		width: 48%;
	}

	.ele-wrap .owl-item:first-child + .owl-item .thumbnail-inner figcaption {
		float: left;
		width: 52%;
		padding-left: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ele-wrap .owl-item:first-child + .owl-item .thumbnail-inner .sm-date-txt {
		text-align: left;
	}

	.ele-wrap .owl-item:first-child + .owl-item .thumbnail-inner .prg-large-size {
		text-align: left;
	}

	.thumbnail-inner {
		padding: 0px;
	}

	.ctn-box2 .thumbnail-inner {
		padding-bottom: 0px;
	}

	.ctn-box2 .ele-wrap > .owl-item:first-child + .owl-item > .thumbnail-list {
		padding-bottom: 10px;
	}

	.thumbnail-inner:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.thumbnail-inner {
		filter:alpha(opacity=100);
		opacity: 1;

		-moz-transition: opacity 0.6s ease;
		-webkit-transition: opacity 0.6s ease;
		transition: opacity 0.6s ease;
	}

	.ctn-box2 .thumbnail-list {
		padding-bottom: 0px;
	}

	.thumbnail-inner.change {
		filter:alpha(opacity=0);
		opacity: 0;
	}

	.disable-fade .thumbnail-inner.change {
		filter:alpha(opacity=1);
		opacity: 1;
	}

	.popup-contain.actived .thumbnail-slider3 .owl-item {
		filter:alpha(opacity=0);
		opacity: 0;

		-moz-transition: opacity 0.6s ease;
		-webkit-transition: opacity 0.6s ease;
		transition: opacity 0.6s ease;
	}

	.popup-contain.actived .thumbnail-slider3 .owl-item.active {
		filter:alpha(opacity=100);
		opacity: 1;
	}

	.popup-contain.actived .thumbnail-inner + .thumbnail-inner {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.ctn-switch.actived .thumbnail-inner {
		padding-bottom: 0px;
	}

	.thumbnail-desc .sm-date-txt {
		margin-bottom: 10px;
		margin-top: 0px;
	}

	.ele-wrap .owl-item:first-child + .owl-item .prg-large-size {
		font-size: 26px;
		line-height: 24px;
	}

	.ele-wrap .owl-item:first-child + .owl-item + .owl-item .prg-large-size,
	.ele-wrap .owl-item:first-child + .owl-item + .owl-item + .owl-item .prg-large-size {
		font-size: 24px;
		line-height: 20px;
	}

	.ele-wrap .owl-item:first-child + .owl-item + .owl-item .sm-date-txt,
	.ele-wrap .owl-item:first-child + .owl-item + .owl-item + .owl-item .sm-date-txt {
		font-size: 21px;
		line-height: 18px;
		margin-bottom: 2px;
	}

	.thumbnail-desc {
		background: #f5f2ed;
		padding: 10px;
	}

	.ele-wrap .owl-item:first-child .thumbnail-desc {
		background: #ffffff;
	}

	.ctn-switch.actived .thumbnail-desc {
		background: #f5f2ed;
	}

	.popup-wrap {
		position: absolute;
		top: 0px;
		left: 0px;
		width:  48.6%;
		max-width: 534px;
	}

	.popup-box {
		width: 100%;
	}

	.popup-overlay {
		background: none;
	}

	.popup-inner {
		padding: 34px 34px 0px 34px;
	}

	.popup-wrap .prg-large-size {
		padding: 0 34px;
	}

	.scroll-bar1, .scroll-bar2, .scroll-bar3 {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.scroll-bar1 {
		min-height: 324px;
		max-height: 324px;
	}

	.scroll-bar2 {
		min-height: 420px;
		max-height: 420px;
	}

	.scroll-bar3 {
		min-height: 196px;
		max-height: 196px;
	}

	.section-ctn-1 .popup-box {
		height: 490px;
	}

	.section-ctn-2 .popup-box {
		height: 970px;
	}

	.section-ctn-3 .popup-box {
		height: 756px;
	}

	.popup-box .bt-haft-circ {
		margin: 0;
		position: absolute;
		left: 50%;
		bottom: 0px;
		margin-left: -55px;
	}

	.scrollbar-inner {
		width: 100%;
	}

	.thumbnail-inner-scroll {
		padding: 0 34px;
	}

	.popup-box .popup-inner {
		padding: 34px 0px 0px 0px;
	}

	.popup-box .thumbnail-wrap {
		padding: 0 34px;
	}

	.popup-box.title-desc-detail {
		padding: 0 34px;
	}

	.popup-1 .popup-inner {
		padding-top: 0px;
	}

	.title-desc-detail.hide-ele, .thumbnail-wrap.hide-ele {
		display: none;
	}

	.social-list {
		margin-top: 0px;
	}

	.popup-box .circ-title-wrap {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.popup-2 {
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

	.content-popup .sm-date-txt {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.ctn-box2 {
		max-width: 1100px;
		overflow: visible;
		margin: 0 auto;
	}

	.thumbnail-slider3 .owl-prev, .thumbnail-slider3 .owl-next {
		display: none;
	}

	.thumbnail-slider3 .owl-stage {
		width: 100% !important;

		-webkit-transform: none !important;
		transform: none !important;
	}

	.thumbnail-slider3 .owl-item {
		overflow: hidden;
		max-height: 0px;
		min-height: 0px;
	}

	.thumbnail-slider3 .owl-item.active {
		overflow: hidden;
		max-height: 5000px;
	}

	.thumbnail-slider2 .owl-dot span, .thumbnail-slider3 .owl-dot span {
		width: 12px;
		height: 12px;
	}

	.thumbnail-slider3 .owl-dots {
		display: none;
	}

	.ctn-box2.shadow-line {
		position: relative;
	}

	.ctn-box2.shadow-line:after {
		content: "";
		display: block;
		height: 10px;
		width: 100%;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f0eb+0,d4d1cd+100 */
		background: #f3f0eb; /* Old browsers */
		background: -moz-linear-gradient(top,  #f3f0eb 0%, #d4d1cd 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #f3f0eb 0%,#d4d1cd 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #f3f0eb 0%,#d4d1cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f0eb', endColorstr='#d4d1cd',GradientType=0 ); /* IE6-9 */
	}

	/* --- PACKAGES --- */
	.ptrn-bg-1, .ptrn-bg-2, .img-mb-2, .circle-block .cmn-txt-1 .tgl-br {
		display: none;
	}

	.lang-th .circle-block .cmn-txt-1 .tgl-br {
		display: inline;
	}

	.img-large-screen {
		display: block;
	}

	.square-button .tgl-br {
		display: inline-block;
	}

	.vmid-ctn-3 .cmn-txt-3 > strong {
		display: inline;
	}

	.tv-icon, .tv-white-icon {
		width: 40px;
		height: 36px;
	}

	.mb-icon, .mb-white-icon {
		width: 36px;
		height: 50px;
	}

	.mb2-icon, .mb2-white-icon {
		width: 50px;
		height: 57px;
	}

	.fl-icon {
		width: 36px;
		height: 32px;
	}

	.img-icon {
		width: 100px;
	}

	.hl-box-1, .hl-box-1.price-block {
		background-size: auto auto;
	}

	.hl-box-1 {
		background-position: -861px -701px;
	}

	.hl-box-1 + .acd-box .hl-box-1 {
		background-position: -1189px -701px;
	}

	.hl-box-1 + .acd-box + .acd-box .hl-box-1 {
		background-position: -1517px -701px;
	}

	.sm-txt-list {
		font-size: 19px;
	}

	.cmn-txt-list, .sm-txt-1, .cmn-txt-3 {
		font-size: 20px;
	}

	.sm-txt-1, .cmn-txt-3 {
		line-height: 0.9em;
	}

	.sm-txt-list, .cmn-txt-list {
		line-height: 0.85em;
	}

	.cmn-txt-4, .med-txt-5, .med-txt-6, .heading-txt-box {
		font-size: 22px;
	}

	.cmn-txt-4 strong, .cmn-txt-5 {
		font-size: 24px;
	}

	/* .med-txt-3 {
		font-size: 41px;
	} */

	.med-txt-4 {
		font-size: 32px;
	}

	.large-txt-1 {
		font-size: 96px;
		letter-spacing: -1px;
	}

	.txt-block-2 {
		min-width: 155px;
	}

	.new-line-list {
		margin-left: 45px;
	}

	.sm-txt-list > li:before, .cmn-txt-list > li:before {
		content: "•";
		font-size: 18px;
	}

	.top-head-outer {
		width: 100%;
		overflow: hidden;
	}

	.top-header {
		padding-top: 0;
		text-align: left;
	}

	.top-header h1 {
		font-size: 72px;
		line-height: 1em;
		padding-bottom: 0;
	}

	.top-header .search-blue-icon {
		top: 0;
		width: 36px;
		height: 35px;
		margin-right: 10px;
	}

	.top-head-inner {
		padding-left: 10px;
		padding-right: 10px;
	}

	.ptrn-bg-1 {
		left: 100px;
		top: -45px;
		width: 190px;
		height: 118px;
	}

	.ptrn-bg-2 {
		width: 244px;
		height: 147px;
		right: 0;
		top: -158px;
		background-size: auto;
		background-position: -490px -795px;
	}

	.top-head-outer.style-1 .blue-text-2 {
		padding-bottom: 5px;
	}

	.sec-box.blue-bg-4 {
		background-color: #c4e1f1;
	}

	.square-button {
		position: absolute;
		right: 10px;
		top: 0;
		width: 220px;
		height: 60px;
		background-size: auto;
		background-position: 0 -656px;
	}

	.square-button .map-white-icon {
		position: relative;
		top: -1px;
		width: 38px;
		height: 38px;
	}

	.square-button .btn-text {
		display: inline-block;
		line-height: 20px;
		text-align: left;
		vertical-align: middle;
	}

	.btn-text {
		font-size: 28px;
	}

	.spc-top {
		/*margin-top: 70px;*/
		margin-top: 150px;
	}

	.spc-top-1 {
		margin-top: 130px;
	}

	.spc-top-2, .spc-top-3 {
		margin-top: 130px;
	}

	.spc-top-4 {
		margin-top: 130px;
	}

	.spc-top-3 {
		margin-bottom: 20px;
	}

	.pack-wrap.align-right {
		text-align: right;
	}

	.pack-wrap .abs-btn {
		position: absolute;
		top: 20px;
		left: 225px;
		/*left: 200px;*/
		margin: 0;
	}

	.pack-list {
		width: 99%;
		max-width: 990px;
	}

	.pack-list .owl-item {
		max-width: 339px;
	}

	.pack-list.pull-right {
		text-align: right;
	}

	.pack-list.pull-left {
		text-align: left;
	}

	.pack-list .owl-prev, .pack-list .owl-next {
		width: 40px;
		height: 40px;
		background-image: none;
		background-color: #0a81cc;
		border-radius: 50%;
		margin-top: 36px;
	}

	.pack-list .owl-prev:after, .pack-list .owl-next:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 18px;
		height: 26px;
		background-image: url('../images/icons/sprite-icons@2x.png');
		background-size: 3571.4285714285716% 2500%;
		margin-top: -13px;
	}

	.pack-list .owl-prev {
		left: -2px;
	}

	.pack-list .owl-prev:after {
		background-position: 16.203703703703702% 23.125%;
		margin-left: -12px;
	}

	.pack-list .owl-next {
		right: -2px;
	}

	.pack-list .owl-next:after {
		background-position: 19.238683127572017% 23.125%;
		margin-left: -8px;
	}

	.add-list:before {
		left: 44px;
		top: -19px;
	}

	.bnr-group {
		top: -1px;
		left: 50%;
		right: auto;
		min-width: 100%;
		width: 1860px;
		margin-left: -930px;
	}

	.cir-med {
		width: 190px;
		height: 190px;
	}

	.sec-box .circ-title-wrap {
		top: -100px;
	}

	.cir-med .title-group-box {
		font-size: 22px;
		margin-top: 43px;
	}

	.lang-th .cir-med .title-group-box > span {
		font-size: 30px;
	}

	.lang-th .cir-med .title-group-box {
		font-size: 24px;
	}

	.lang-th .cir-med .title-group-box,
	.lang-th .sec-box.sec-2 .cir-med .title-group-box {
		margin-top: 42px;
	}

	.sec-box.sec-2 .cir-med .title-group-box {
		margin-top: 47px;
	}

	.cir-med .title-group-box > span {
		font-size: 23px;
	}

	.pack-wrap .btn-styling {
		min-width: 125px;
		height: 47px;
		line-height: 44px;
		padding-right: 15px;
	}

	.pack-wrap .btn-styling.-fix {
		min-width: 240px;
	}

	.button-inline .cmn-button:first-child + .cmn-button {
		min-width: 120px;
		padding-left: 15px;
		margin-left: 0;
		/*min-width: 160px;*/
	}

	.pack-wrap .btn-styling .styling-txt, .pack-wrap .btn-styling .styling-txt strong {
		font-size: 20px;
		/*font-size: 25px;*/
	}

	.pack-wrap .btn-styling.-fix .styling-txt, .pack-wrap .btn-styling.-fix .styling-txt strong {
		font-size: 25px;
	}

	.pack-wrap .btn-styling .styling-txt strong {
		display: block;
		line-height: 0.5em;
	}

	.styling-txt-box {
		top: 0;
	}

	.lang-th .pack-wrap .btn-styling .styling-txt strong {
		line-height: 0.7em;
	}

	.pack-wrap .btn-styling .styling-txt {
		display: block;
		line-height: 1em;
	}

	.pack-wrap .btn-styling .search-icon {
		width: 36px;
		height: 33px;
		bottom: 0;
		margin-right: 1px;
	}

	.sec-box .pack-wrap .button-inline {
		position: absolute;
		top: 30px;
		right: 50%;
		margin-right: -490px;
		bottom: auto;
	}

	.sec-2 .pack-wrap .button-inline {
		top: 88px;
	}

	.sec-2 .pack-wrap .button-inline.-fix {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		margin: 5px auto 0;
	}

	/*.lang-th .sec-box .pack-wrap .button-inline {
		top: 68px;
	}*/

	.circle-block {
		margin-bottom: 7px;
	}

	.pack-s .circle-block {
		width: 160px;
		height: 160px;
		line-height: 160px;
	}

	.circle-block, .pack-def .circle-block, .pack-m .circle-block {
		width: 180px;
		height: 180px;
		line-height: 180px;
	}

	.circle-block .cmn-txt-2 {
		font-size: 26px;
	}

	.pack-l .circle-block {
		width: 200px;
		height: 200px;
		line-height: 200px;
	}

	.pack-l .circle-block .large-txt-1 {
		font-size: 120px;
		letter-spacing: -5px;
	}

	.pack-l .txt-block {
		margin-bottom: 0;
	}

	.slope {
		padding-top: 18px;
		overflow: hidden;
	}

	.sec-2 .pack-list .owl-prev, .sec-2 .pack-list .owl-next {
		margin-top: 50px;
	}

	.sec-2 .pack-box {
		margin-top: 18px;
	}

	.sec-2 .pack-s.slope {
		margin-top: 36px;
	}

	.sec-2 .pack-m.slope {
		margin-top: 18px;
	}

	.sec-2 .pack-l.slope {
		margin-top: 0;
	}

	.pack-s.slope .top-block {
		min-height: 254px;
		line-height: 254px;
	}

	.pack-m.slope .top-block {
		min-height: 272px;
		line-height: 272px;
	}

	.pack-s.slope .txt-block {
		margin-bottom: -4px;
	}

	.pack-m.slope .txt-block {
		margin-bottom: -2px;
	}

	.slope:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 0 0 18px 321px;
		border-bottom-color: #bfe8fe;
	}

	.top-block {
		min-height: 280px;
		line-height: 270px;
		padding: 0;
	}

	.vmid-ctn-2 {
		padding-top: 20px;
		padding-bottom: 13px;
	}

	.lang-th .vmid-ctn-2 {
		padding-top: 18px;
		padding-bottom: 8px;
	}

	.vmid-ctn-3 {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.vmid-ctn-3.inner-padding {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.vmid-ctn-3.inner-padding .heading-txt-box {
		margin-top: -12px;
	}

	.inner-padding-2 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.inner-padding-3 {
		padding-top: 10px;
		padding-bottom: 10px;
		/*padding-top: 12px;
		padding-bottom: 12px;*/
	}

	.vmid-ctn-3 .inline-top > div:first-child + div {
		/*min-width: 240px;*/
		min-width: 265px;
	}

	.txt-block .med-txt-1 {
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.txt-block .cmn-txt-1, .txt-block .cmn-txt-2 {
		font-size: 22px;
	}

	.info-box-3 .triang-button + .vmid-ctn-3 {
		padding-top: 14px;
		padding-bottom: 13px;
	}

	.info-box-5 {
		min-height: 60px;
	}

	.info-box-5:before {
		height: 60px;
	}

	.info-box-5 .med-txt-3 {
		font-size: 30px;
	}

	.num-txt-box > .med-txt-3 {
		margin-top: 3px;
	}

	.inline-middle .num-txt-box {
		min-width: 106px;
		margin-left: 2px;
	}

	/* .inline-middle > div .mb-icon, .inline-middle > div .mb-white-icon {
		margin-left: 20px;
	} */

	.inline-middle .add-list {
		margin-left: 48px;
	}

	.inline-style-1 > div:first-child {
		margin-left: -41px;
		margin-right: 10px;
	}

	.toggle-box-2 .inline-middle .img-icon, .info-box-4.toggle-box-2 .inline-middle .img-icon {
		width: 90px;
	}

	.toggle-box-wrap {
		padding-bottom: 30px;
	}

	.toggle-box-wrap > .info-box-2:first-child:last-child, .toggle-box-wrap > .info-box-2:first-child + .acd-box:not(.toggle-box):last-child,
	.toggle-box-wrap > .acd-box + .acd-box:not(.toggle-box):last-child {
		margin-bottom: -32px;
	}

	.toggle-box-wrap > .calc-box ~ .acd-box:not(.toggle-box):last-child, .toggle-box-wrap > .calc-box:last-child {
		margin-bottom: 0;
	}

	.toggle-box {
		max-height: 30px;
	}

	.info-box-4.toggle-box-2 > .vmid-ctn-3 {
		padding: 10px 15px;
	}

	.sec-box.sec-2 .pack-wrap .abs-btn {
		left: 73%;
		top: 43px;
	}

	.button-text {
		font-size: 20px;
	}

	.table-clmn > .sm-txt-1 {
		font-size: 18px;
	}

	.info-box-4, .info-box-4:before, .info-box-7 {
		min-height: 30px;
	}

	.info-box-4 .vmid-ctn-3.acd-head {
		padding-top: 2px;
	}

	/* --- How to --- */
	.scroll-totop-btn,.scroll-totop-btn.actived {
		visibility: hidden;
	}

	.list-nav-wrap.nav-fixed {
		position: fixed;
		top: 0px;
		z-index: 1;
	}

	.ctn-group2 {
		padding-top: 0px;
	}

	.list-nav-wrap {
		background: #00ABEB;
		width: 100%;
		max-width: 1100px;
		left: 50%;
		top: 0px;
		z-index: 1;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		position: absolute;
	}

	.list-nav-wrap:before {
		content: "";
		display: block;
		background: #00ABEB;
		width: 410px;
		height: 200px;
		position: absolute;
		left: -410px;
		top: 0px;
	}

	.list-nav-wrap:after {
		content: "";
		display: block;
		background: #0B85C8;
		width: 720px;
		height: 200px;
		position: absolute;
		right: -410px;
		top: 0px;
	}

	.list-nav-group {
		background: none;
		height: 200px;
		z-index: 1;
	}

	.list-nav-group:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.list-nav-group .head-nav {
		float: left;
		width: 34%;
		line-height: 200px;
		height: 200px;
		position: relative;
	}

	.list-nav-group .list-nav-order {
		float: left;
		width: 66%;
		height: 200px;
		position: relative;
	}

	.list-nav-group .circle-sec {
		position: absolute;
		left: 58%;
		top: 0px;
		width: 200px;
		height: 200px;
		padding-right: 10px;
		overflow: hidden;
	}

	.list-nav-group .circle-sec:after {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		background: #00ABEB;
		width: 200px;
		height: 240px;
		top: 50%;
		box-shadow: 6px 0 5px rgba(0, 0, 0, 0.3);
		border-radius: 50%;

		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.lang-th .list-nav-order .list-nav1 .nav-desc span > br,
	.lang-th .list-nav-order .list-nav2 .nav-desc span > br,
	.lang-th .list-nav-order .list-nav3 .nav-desc span > br,
	.lang-th .list-nav-order .list-nav4 .nav-desc span > br {
		display: inline-block;
	}

	.bubble-sec-bg {
		width: 254px;
		height: 165px;
		background-position: 0px -723px;
		position: absolute;
		left: -272px;
		bottom: 0px;
	}

	.bubble-sec-bg2 {
		width: 340px;
		height: 122px;
		background-position: 0px -943px;
		position: absolute;
		right: -360px;
		top: 0px;
	}

	.head-nav h1 {
		font-family: "TrueBoldSpecial", Tahoma;
		font-size: 64px;
		background: none;
		line-height: 40px;
		vertical-align: middle;
		height: auto;
		display: inline-block;
		text-transform: uppercase;
	}

	.lang-th .head-nav h1 {
		font-size: 64px;
		line-height: 40px;
	}

	.head-nav h1 span {
		display: block;
		font-family: "TrueLight", Tahoma;
		font-size: 50px;
		margin-top: 5px;
	}

	.lang-th .head-nav h1 span {
		font-size: 50px;
	}

	.lang-th .list-nav-group .head-nav {
		line-height: 162px;
	}

	.list-nav-order .list-nav {
		width: 15.15151515151515%;
		height: 200px;
	}

	.list-nav5 {
		margin-left: 9.090909090909091%;
	}

	.list-nav-order .list-detail {
		display: inline-block;
		margin-top: 40px;
	}

	.lang-th .list-nav-order .list-nav {
		padding: 0px;
	}

	.list-detail {
		width: 100%;
	}

	.list-nav-order .list-nav.actived:after {
		content: "";
		display: block !important;
		position: absolute;
		left: 50%;
		margin-left: -25px;
		top: auto;
		bottom: -25px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 25px 0 25px;
		border-color: #00ABEB transparent transparent transparent;
	}

	.list-nav-order .list-nav:after {
		display: none !important;
	}

	.list-nav-order .list-nav:before {
		display: none !important;
	}

	.nav-desc {
		font-size: 20px;
		line-height: 16px;
		padding: 0 2px;
	}

	.nav-desc > span {
		font-size: 20px;
	}

	.list-nav5, .list-nav6 {
		background: none;
	}

	.head-info {
		margin-top: 8px;
	}

	.ctn-box3 {
		position: relative;
		padding-top: 200px;
	}

	.banner-section {
		position: relative;
	}

	.banner-section-inner {
		width: 1700px;
	}

	.banner-info-detail {
		background: #ffffff;
		background: rgba(255, 255, 255, 0.9);
		position: relative;
		left: 0px;
		top: 0px;
		width: 380px;
		padding: 20px;
		height: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.banner-info-detail.right-ctn {
		float: right;
	}

	.banner-info-ctn {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		left: 50%;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width: 1100px;
	}

	.banner-info-detail .large-circ {
		position: relative;
		left: auto;
		top: auto;
		margin-left: auto;
	}

	.manage-button {
		position: absolute;
		bottom: 20px;
		left: 50%;
		width: 300px;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.btn-styling-md.orange-button-3 {
		border-bottom: 3px solid #ea3507;
		border-top: 3px solid #fbb476;
	}

	.btn-styling-md {
		height: 76px;
		line-height: 70px;
		min-width: 230px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.btn-styling-md .styling-txt strong {
		font-size: 38px;
	}

	.btn-styling-md .styling-txt {
		font-size: 34px;
		line-height: 25px;
	}

	.btn-styling-md .search-icon-sm {
		width: 60px;
		height: 54px;
		margin-left: -50px;
	}

	.btn-styling-nm {
		line-height: 70px;
		height: 76px;
	}

	.btn-styling-nm2 {
		line-height: 70px;
		height: 76px;
	}

	.btn-styling-col {
		height: 76px;
		line-height: 70px;
	}

	.btn-styling-col .styling-txt-col div strong {
		font-size: 32px;
		line-height: 32px;
	}

	.profile-wrap:before {
		content: "";
		display: block;
		position: absolute;
		left: -410px;
		top: 0px;
		background: #00ABEB;
		width: 410px;
		height: 45px;
	}

	.profile-wrap:after {
		content: "";
		display: block;
		position: absolute;
		right: -410px;
		top: 0px;
		background: #ABE3FB;
		width: 410px;
		height: 45px;
	}


	/* --- PACKAGES 2 --- */
	.profile-content {
		display: none;
	}

	.profile-box > .profile-desc {
		height: 96px;
	}

	.profile-box > .profile-desc:after {
		right: -24px;
		border-width: 48px 0 48px 24px;
	}

	.profile-wrap:before, .profile-wrap:after  {
		height: 96px;
	}

	.order-list {
		padding-top: 57px;
	}

	.info-order {
		font-family: "TrueMedium",Tahoma;
		font-size: 40px;
		color: #444444;
		line-height: 32px;
		display: inline-block;
		padding-left: 90px;
		margin-top: 40px;
	}

	.info-order > span {
		font-family: "TrueBold",Tahoma;
		font-size: 40px;
		display: block;
		text-transform: uppercase;
		margin-bottom: 2px;
	}

	.profile-box > .profile-desc {
		font-size: 42px;
	}

	.profile-desc .title-account {
		margin-top: 10px;
		position: relative;
		z-index: 7;
		width: 200px;
		padding-right: 100px;
	}

	.profile-box .select-list {
		position: absolute;
		left: 40%;
		top: 38px;
		z-index: 6;
		display: inline-block;
		padding-right: 78px;
		height: 50px;
		width: 250px;
		margin-left: -328px;
	}

	.profile-box .select-list .arw-white-down {
		right: 50px;
		top: 24px;
	}

	.profile-box .order-list > li {
		font-size: 40px;
		line-height: 58px;
		background: #00ABEB;
		height: 58px;
	}

	.order-list > li:after {
		background: #ffffff;
	}

	.info-order {
		margin-top: 16px;
	}

	.thumbnail-slider2 .owl-dots {
		bottom: 10px;
	}

	.tag-box {
		line-height: 15px;
		height: 15px;
	}

	.tag-box:before {
		border-width: 0 6px 15px 0;
	}

	.tag-box:after {
		border-width: 15px 6px 0 0;
	}

	.tag-box > span {
		font-family: "TrueMedium", Tahoma;
		font-size: 19px;
		top: -2px;
	}

	/* --- News --- */
	.sec-thumbnail-list {
		margin-top: 0px;
	}

	.sec-inner.style-1 {
		padding-left: 4px;
		padding-right: 4px;
	}

	.view-manage {
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 1;
		padding-bottom: 0px;
	}

	.content-contain {
		margin-top: 0px;
	}

	.sm-date-txt {
		margin-bottom: 10px;
	}

	.sec-thumbnail-group {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 20px;
	}

	.sec-thumbnail-list .sec-thumbnail-large {
		width: 100%;
	}

	.sec-first-group .sec-thumbnail:first-child {
		width: 100%;
	}

	.sec-first-group .sec-thumbnail:first-child figure {
		width: 65%;
	}

	.sec-first-group .sec-thumbnail:first-child figcaption {
		background: #ffffff;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 35%;
		height: 100%;
		padding: 0px;
	}

	.sec-first-group .sec-thumbnail:first-child figcaption:after {
		content: "";
		position: absolute;
		left: -36px;
		top: 50%;
		margin-top: -18px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 35px 36px 35px 0;
		border-color: transparent #ffffff transparent transparent;
	}

	.sec-first-group .sec-thumbnail:first-child .title-desc-detail2 {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 0 10px;
	}

	.sec-first-group .sec-thumbnail:first-child .sm-date-txt {
		font-size: 30px;
	}

	.sec-first-group .sec-thumbnail:first-child .prg-large-size2 {
		font-size: 32px;
		line-height: 0.875em;
	}

	.sec-first-group .sec-thumbnail {
		width: 32%;
	}

	.sec-thumbnail-list .sec-thumbnail, .sec-thumbnail-list .sec-thumbnail:nth-child(2n) {
		margin-right: 2%;
	}

	.sec-thumbnail-list .sec-thumbnail:nth-child(3n + 4) {
		margin-right: 0;
	}

	.sec-thumbnail-list .sec-thumbnail:nth-child(3n + 5) {
		clear: left;
	}

	.sec-topic {
		display: none;
	}

	.sec-topic ~ .sec-thumbnail-group {
		-moz-box-shadow: 0 0 4px #bbbbbb;
		-webkit-box-shadow: 0 0 4px #bbbbbb;
		box-shadow: 0 0 4px #bbbbbb;
		border-top: none;
		margin-top: 20px;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate > a {
		padding: 40px 0px 20px 0px;
	}

	.sec-topic ~ .sec-thumbnail-group .sec-thumbnail-list .sec-thumbnail {
		width: 23.5%;
		float: left;
		margin-left: 2%;
		margin-right: 0;
	}

	.sec-topic ~ .sec-thumbnail-group .sec-thumbnail-list .sec-thumbnail:first-child {
		margin-left: 0;
	}

	.sec-topic ~ .sec-thumbnail-group .sec-thumbnail-list .sec-thumbnail:first-child + div,
	.sec-topic ~ .sec-thumbnail-group .sec-thumbnail-list .sec-thumbnail:first-child + div + div,
	.sec-topic ~ .sec-thumbnail-group .sec-thumbnail-list .sec-thumbnail:first-child + div + div + div {
		margin-top: 0px;
	}

	.manage-thumbnail-data {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.load-thumbnail-data .sec-wrap {
		max-height: 5000px;
		overflow: visible;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate > a > span {
		font-family: "droid_serifbold_italic";
		font-size: 28px;
	}

	.lang-th .sec-topic ~ .sec-thumbnail-group .head-cate > a > span {
		font-family: "TrueBold";
		font-size: 37px;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate.theme-2 > a > span {
		color: #a8bc1f;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate.theme-3 > a > span {
		color: #ec1b23;
	}

	.sec-topic ~ .sec-thumbnail-group {
		padding-left: 30px;
		padding-right: 30px;
	}

	.sec-topic ~ .sec-thumbnail-group .head-cate .arrow-grey-right {
		display: none;
	}

	.sec-topic ~ .sec-thumbnail-group {
		margin-top: 30px;
	}

	.head-cate-wrap.head-style1 {
		padding: 0;
		margin-left: 22px;
	}

	.head-cate-wrap.head-style1 .circ-title-wrap {
		text-align: left;
		height: auto;
		width: auto;
		overflow: visible;
		position: static;
		display: inline-block;
	}

	.head-cate-wrap.head-style1 .circ-title-wrap + span {
		color: #111111;
		margin-left: 5px;
	}

	.head-cate-wrap.head-style1 .circ-title-box {
		position: static;
		height: auto;
		width: auto;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.head-cate-wrap.head-style1 .circ-title-box.green-bg, .head-cate-wrap.head-style1 .circ-title-box.red-bg,
	.head-cate-wrap.head-style1 .circ-title-box.blue-bg {
		background: none;
	}

	.head-cate-wrap.head-style1 .title-group-box {
		width: auto;
		height: auto;
		position: static;
		display: inline-block;
		margin-right: 2px;
	}

	.head-cate-wrap.head-style1 .head-cate.theme-2 .title-group-box {
		color: #a5b917;
	}

	.head-cate-wrap.head-style1 .head-cate.theme-3 .title-group-box {
		color: #ec1b23;
	}

	.head-cate-wrap.head-style1 .title-group-box > span {
		display: inline-block;
		font-size: 28px;
		line-height: 22px;
	}

	.lang-th .head-cate-wrap.head-style1 .title-group-box > span {
		font-size: 32px;
	}

	.head-cate-wrap.head-style1 .head-cate.sec-tag {
		padding-left: 0px;
		padding-bottom: 10px;
	}

	.head-cate-wrap.head-style1 .bullet-circ {
		position: relative;
		top: 0;
	}

	.lang-th .head-cate-wrap.head-style1 .bullet-circ {
		top: -3px;
	}

	.manage-thumbnail-data {
		background: none;
		margin-top: 30px;
		padding: 0;
	}

	.prg-large-size2 {
		font-size: 28px;
		line-height: 0.8571428571428571em;
	}

	.content-inner-sub {
		position: relative;
		left: 0px;
		top: 0px;
		padding: 0;
	}

	.detail-all-info .thumbnail-wrap {
		width: 100%;
	}

	.detail-all-info {
		padding: 20px;
		margin-top: 0px;
	}

	.detail-ctn-wrap:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.detail-ctn-wrap .detail-ctn-left {
		float: left;
		width: 64%;
	}

	.detail-ctn-wrap .detail-ctn-right {
		float: left;
		width: 34%;
		padding-left: 2%;
	}

	.head-order-info {
		text-align: left;
		background: none;
		padding: 0px 0px 10px 0;
	}

	.head-order-info span {
		font-size: 28px;
		top: 0px;
	}

	.list-order-wrap {
		padding: 0px;
		background: none;
	}

	.head-order-info {
		border-bottom: 1px solid #000000;
	}

	.list-order-info .manage-thumbnail-data {
		text-align: left;
	}

	/*.content-inner-sub .sm-date-txt {
		text-align: center;
	}*/

	.content-inner-sub {
		/*text-align: center;*/
		width: 100%;
		padding: 0;
	}

	.detail-all-info .title-desc-detail {
		text-align: left;
	}

	.detail-all-info .content-inner-desc {
		padding-top: 0px;
	}

	.detail-all-info .sm-fb-icon, .detail-all-info .sm-tw-icon,
	.detail-all-info .sm-pin-icon {
		width: 36px;
		height: 36px;
	}

	.detail-ctn-wrap {
		padding-bottom: 100px;
	}

	.sec-thumbnail-group .circ-title-wrap {
		left: -30px;
	}

	.sec-topic ~ .sec-thumbnail-group {
		background: #f5f2ed;
		padding-bottom: 20px;
	}

	.thumbnail-desc2 {
		background: #f5f2ed;
	}

	.hide-step1, .hide-step2 {
		display: none;
	}

	.hide-step3 {
		display: block;
	}

	.bubble-wrap.posi1 {
		z-index: 0;
	}

	.sec-topic ~ .sec-thumbnail-group .hide-step1 {
		display: block;
		right: -30px;
	}

	.sec-topic ~ .sec-thumbnail-group .bubble5-pic {
		position: relative;
		left: 4px;
	}

	.bubble-wrap.posi1 .bubble5-pic {
		width: 110px;
		height: 103px;
	}

	.head-cate.sec-tag {
		padding-left: 150px;
		padding-bottom: 40px;
	}

	.sec-first-group .head-cate.sec-tag {
		padding-left: 130px;
	}

	.manage-link {
		padding-top: 0px;
	}

	.sw-link-btn {
		font-size: 26px;
		line-height: 26px;
	}

	.head-cate.sec-tag > span {
		font-size: 28px;
	}

	.lang-th .head-cate > span {
		font-size: 40px;
	}

	.list-order-row .sm-date-txt {
		font-size: 26px;
	}

	.list-order-group .prg-detail {
		font-size: 22px;
	}

	.bullet-circ {
		line-height: 24px;
		width: 22px;
		height: 22px;
	}

	.bullet-circ .arrow-white-right {
		top: -1px;
	}

	.inline-middle .num-txt-box-2 {
		max-width: 177px;
	}

	.sec-1 {
		min-height: 804px;
	}

	.tab-nav-block {
		margin-bottom: 10px;
	}

	.bnr-block-1 {
		width: 970px;
		margin-top: 10px;
	}

	.mtp-bg-col {
		background-color: #fff;
	}

	.detail-all-info .title-desc-detail {
		width: 77%;
	}

	.divide-line .table-clmn:first-child:last-child {
		padding-right: 55px;
	}

	.cmn-block {
		padding-top: 125px;
		padding-bottom: 125px;
		margin-top: 30px;
		margin-bottom: 40px;
		border: 1px solid #e1e1e1;
	}

	.prg-txt-1 {
		font-size: 30px;
	}

	.cmn-block .prg-txt-1 {
		max-width: 490px;
		margin-bottom: 20px;
	}

	.lang-th .circ-fixed .title-group-box {
		font-size: 25px;
		bottom: -12px;
	}

	.lang-th .cir-box h2 {
		font-size: 40px;
	}

	.lang-th .cir-box h2 span {
		font-size: 30px;
		margin-top: 14px;
	}

	.info-box-5 .med-txt-3 {
		font-size: 40px;
	}

	.cir-abs {
		margin-top: -10px;
	}

	.table-clmn > .sm-txt-1 {
		font-size: 20px;
	}

	.table-clmn > .sm-txt-1 {
		margin-bottom: 3px;
	}

	.table-clmn > .sm-txt-1:last-child, .med-txt-3 .sm-txt-1:last-child {
		margin-top: 2px;
	}

	.top-head-outer.-fix {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		background-image: none;
		border-bottom: 10px solid #125eb0;
	}

	.top-head-outer.-fix + .sec-box {
		margin-top: 0;
	}

	.mb-nav-box.actived ~ .main-content .top-head-outer.-fix {
		-webkit-transform: none;
		transform: none;
	}

	.top-head-outer.-fix .top-header {
		margin-top: 0;
	}

	.top-head-outer.-fix .top-head-inner {
		padding-top: 0;
	}

	.top-head-outer.-fix h1.blue-text-2 {
		padding-bottom: 0;
	}

	.top-tab-box {
		position: absolute;
		right: 10px;
		bottom: 0;
		border-bottom: none;
	}

	.top-tab-box .tab-box-item {
		width: 160px;
		max-width: none;
		height: 53px;
		padding-bottom: 3px;
		font-size: 26px;
		line-height: 0.75em;
	}

	.top-tab-box .tab-box-item strong {
		font-size: 36px;
	}

	.top-tab-box .tab-box-item + .tab-box-item {
		margin-left: 10px;
	}

	.bnr-bg {
		background-color: #081528;
	}

	.bnr-bg-2 {
		background-color: #0063ae;
	}

	.md-title {
		font-size: 42px;
		margin-bottom: 5px;
	}

	.md-title.-bolder {
		font-size: 45px;
	}
	
	.md-cmn-txt {
		font-size: 26px;
	}

	.md-cmn-txt .tgl-br-large {
		display: none;
	}

	.md-txt-list {
		font-size: 24px;
	}

	.md-txt-list.-bullet > li:after {
		top: 9px;
	}

	.speed-icon-size {
		width: 60px;
		height: 43px;
	}

	/* SPEED SHUFFLE */

	.ctn-group3 {
		padding-top: 0;
	}

	.status-head {
		position: absolute;
		left: 0;
		right: 0;
	}

	.status-bg {
		background-image: url(../images/bg/bg-headbar-large.png);
	}

	.status-group {
		max-width: 725px;
		margin: 0 auto;
		padding: 9px 0;
	}

	.status-group > .col-1:after,
	.status-group > .col-2:after {
		content: "";
		display: block;
		position: absolute;
		top: -5px;
	}

	.status-group > .col-1:after {
		width: 124px;
		height: 51px;
		left: 70px;
		background-image: url('../images/bg/tol-tpr-icon.png');
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	.status-group > .col-1 {
		width: 70%;
		padding-left: 30px;
		box-sizing: border-box;
	}

	.status-group > .col-2 {
		width: 30%;
		position: relative;
		box-sizing: border-box;
		padding-right: 30px;
		/* left: 24px; */
	}

	.status-group > .col-2:after {
		width: 129px;
		height: 55px;
		top: -8px;
		left: 0;
		background-image: url('../images/bg/blue-shade-bg.png');
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	.status-group .status-txt1 {
		margin-top: -2px;
	}

	.ctn-sect {
		background: transparent;
	}
	
	.ctn-sect.bg-1, .content-background.-bg1 {
		background-image: url("../images/banners/speed-shuffle-bnr-large-01.jpg");
	}

	.ctn-sect.bg-2, .content-background.-bg2 {
		background-image: url("../images/banners/speed-shuffle-bnr-large-02.jpg");
	}

	.ctn-sect.bg-3, .content-background.-bg3 {
		background-image: url("../images/banners/speed-shuffle-bnr-large-03.jpg");
	}

	.ctn-sect.bg-4, .content-background.-bg4 {
		background-image: url("../images/banners/speed-shuffle-bnr-large-04.jpg");
	}

	.ctn-sect.bg-5, .content-background.-bg5 {
		background-image: url("../images/banners/speed-shuffle-bnr-large-05.jpg");
	}

	.status-txt-bar, 
	.status-txt-bar.actived {
		display: none;
	}

	.title-chart-txt,
	.title-chart-txt.actived {
		display: none;
	}

	.ctn-column {
		position: relative;
		width: 780px;
		margin: 0 auto;
	}
	
	.ctn-column:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.ctn-column .col-1 {
		float: left;
		width: 65%;
		display: block;
		position: absolute;
		left: 0px;
		bottom: 0px;
		box-sizing: border-box;
		padding-left: 28px;
	}

	.ctn-column .col-2 {
		float: right;
		width: 35%;
	}

	.title-list {
		font-size: 36px;
		margin-top: 30px;
	}

	.filter-list {
		max-width: 725px;
		padding-top: 40px;
		height: 110px;
	}

	.filter-list.style-1 {
		margin-top: -65px;
	}

	.filter-box {
		height: 136px;
		padding-top: 14px;
	}

	.filter-box.actived {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}

	.filter-box.actived > * {
		top: 5px;
	}

	.filter-txt {
		font-size: 26px;
		line-height: 0.8em;
	}

	.filter-txt2 {
		font-size: 26px;
		line-height: 0.8em;
	}

	.donut-chart {
		width: 278px;
	}

	.unit-txt {
		font-size: 26px;
		right: -25px;
		bottom: 25px;
	}

	.mark-choose.mark-1 {
		left: 37px;
    	top: 214px;
	}

	.mark-choose.mark-2 {
		left: -3px;
		top: 90px;
	}

	.mark-choose.mark-3 {
		left: 119px;
    	top: -7px;
	}

	.mark-choose.mark-4 {
		left: 240px;
    	top: 90px;
	}

	.mark-choose.mark-5 {
		left: 199px;
		top: 214px;
	}

	.donut-inner .mark-point {
		left: 37px;
    	top: 213px;
		border-width: 6px;
	}

	.donut-inner .mark-point > span {
		width: 20px;
		height: 20px;
	}

	.transfer-data.type-1 .transfer-txt > span, 
	.transfer-data.type-2 .transfer-txt > span
	{
		font-size: 26px;
	}

	.transfer-data.type-1 .transfer-txt > strong, 
	.transfer-data.type-2 .transfer-txt > strong
	{
		font-size: 116px;
	}

	.transfer-data.type-1 .transfer-txt2 > strong, 
	.transfer-data.type-2 .transfer-txt2 > strong
	{
		font-size: 70px;
	}

	.transfer-data.type-1 .transfer-txt2 > span, 
	.transfer-data.type-2 .transfer-txt2 > span
	{
		font-size: 26px;
	}

	.transfer-data.type-3 .transfer-txt > strong {
		font-size: 92px;
		line-height: 0.689em;
	}

	.transfer-data.type-3 .transfer-txt > span {
		font-size: 26px;
	}

	.transfer-data.type-3 .transfer-txt2 > strong {
		font-size: 92px;
	}

	.transfer-data.type-3 .transfer-txt2 > span {
		font-size: 26px;
	}
	
	.transfer-data.type-4 .transfer-txt > strong, 
	.transfer-data.type-5 .transfer-txt > strong
	{
		font-size: 70px;
	}

	.transfer-data.type-4 .transfer-txt > span, 
	.transfer-data.type-5 .transfer-txt > span
	{
		font-size: 26px;
	}

	.transfer-data.type-4 .transfer-txt2 > strong, 
	.transfer-data.type-5 .transfer-txt2 > strong
	{
		font-size: 116px;
	}

	.transfer-data.type-4 .transfer-txt2 > span, 
	.transfer-data.type-5 .transfer-txt2 > span
	{
		font-size: 26px;
	}

	.filter-box.actived:after {
		top: -14px;
		height: 14px;
	}

	.filter-box.actived:before {
		top: -18px;
		border-width: 0 18px 18px 18px;
	}

	.ctn-inner {
		padding: 190px 0px 30px 0px;
	}

	.label-sect {
		display: none;
	}

	.label-sect.actived {
		display: inline-block;
	}

	.label-sect > .label-txt {
		display: none;
	}

	.label-sect.current > .label-txt {
		display: inline-block;
	}

	.label-1 > .label-txt2 {
		background-color: #125eb0;
	}

	.label-2 > .label-txt2 {
		background-color: #00ABEB;
	}

	.label-3 > .label-txt2 {
		background-color: #555555;
	}

	.label-4 > .label-txt2 {
		background-color: #FE0200;
	}

	.label-5 > .label-txt2 {
		background-color: #D0021B;
	}

	.label-txt {
		font-family: 'TrueMedium';
		font-size: 26px;	
		background-image: linear-gradient(100deg, #059adf, #125eb0 99%);
		display: inline-block;
		line-height: 1em;
		color: #ffffff;
		padding: 6px 20px;
		margin-left: 10px;
	}

	/* .label-3 > .label-txt {
		background: #555;
	} */

	.label-txt2 {
		display: inline-block;
		line-height: 1em;
		color: #ffffff;
		padding: 6px 30px;
		font-family: 'TrueMedium';
		font-size: 48px;	
	}

	.label-txt2 > span {
		font-family: 'TrueBoldSpecial';
		font-size: 48px;	
	}

	.label-desc {
		display: none;
		font-family: 'TrueMedium';
		font-size: 26px;
		color: #ffffff;
		padding: 20px 30px 20px 30px;
		line-height: 1em;
		text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	}

	.label-desc.actived {
		display: block;
	}

	/* SPEED SHUFFLE MAIN */
	.test-speed-icon {
		width: 125px;
		height: 72px;
	}

	.speed-banner {
		background-position: 50% 0;
	}

	.banner-detail-wrap {
		height: 395px;
	}
	
	.banner-desc-row:nth-child(2) {
		position: relative;
		top: -7px;
	}

	.banner-detail-txt2 .show-br-large {
		display: inline;
	}

	.banner-desc-txt {
		font-size: 72px;
	}

	.banner-desc-txt2 {
		font-size: 46px;
	}

	.lang-th .banner-desc-txt2 {
		font-size: 60px;
		padding-right: 60px;
		padding-top: 4px;
		padding-bottom: 3px;
	}

	.banner-detail-group {
		max-width: 520px;
	}

	.banner-detail-group {
		left: 230px;
	}

	.banner-detail-txt {
		font-size: 30px;
		line-height: 0.8em;
	}

	.banner-detail-group2 {
		max-width: 725px;
		padding: 196px 20px 20px 20px;
	}

	.lang-th .banner-detail-group2 {
		padding-top: 196px;
	}

	.banner-head-txt2, .banner-title-txt2 {
		font-size: 45px;
	}

	.banner-title-txt2 {
		margin-left: 15px;
	}

	.check-group {
		margin-top: 20px;
	}

	.manage-btn3 {
		margin-top: 25px;
	}

	.ctn-sect2 {
		position: relative;
		margin-top: 50px;
	}

	.status-txt4 {
		font-size: 32px;
		line-height: 0.5em;
		margin-top: 3px;
	}

	.status-txt4.overflow-dotted {
		max-width: 220px;
	}

	.bnr-bg.-largebg .bnr-group {
		margin-left: -1250px;
		width: 2500px;
	}

	.bnr-bg.-largebg .spc-top-1 {
		margin-top: 150px;
	}

	.pack-wrap {
		padding-bottom: 60px;
	}

	.pack-box {
		padding-bottom: 35px;
	}

	.button-with-icon {
		padding: 7px 15px;
	}

	.button-with-icon .button-text {
		font-size: 26px;
	}
}

@media screen and (min-width : 1024px) {
	/* --- PACKAGES --- */
	.pack-list .owl-prev {
		left: -12px;
	}

	.pack-list .owl-next {
		right: -12px;
	}
}

@media screen and (min-width : 1100px) {
	header {
		border-radius: 0 0 50px 50px;
	}

	.top-menu {
		margin-right: 92px;
	}

	.lang-box {
		margin-right: 22px;
	}

	.box-wrap, .main-menu-box {
		top: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	.box-wrap .tol-logo {
		width: 200px;
		height: 36px;
		margin-top: 16px;
	}

	/* --- BANNER & CONTENT --- */
	.slider-contain {
		left: -80px;
	}

	.banner-inner .dk-banner {
		display: block;
		width: 1262px;
	}

	.main-banner {
		width: 1100px;
		margin: 0 auto;
	}

	.circle-box-top {
		right: -53px;
		width: 538px;
	}

	.box-content {
		margin-top: -206px;
		margin-bottom: 140px;
	}

	.inner-section {
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto;
	}

	.info-desc-inner {
		min-height: 770px;
	}

	.ctn-section .ctn-left-section {
		width: 340px;
	}

	.ctn-section .ctn-right-section {
		width: 760px;
	}

	.cir-box h2 {
		font-size: 28px;
		line-height: 18px;
		bottom: 4px;
	}

	.thumbnail-slider2 .owl-dots {
		left: 20px;
	}

	.slider-contain .owl-dots {
		width: 840px;
	}

	.banner-inner2 img {
		width: 100%;
	}

	.thumbnail-slider2 .owl-prev {
		left: 30px;
	}

	.thumbnail-slider2 .owl-next {
		right: 20px;
	}

	.cir-box {
		padding-top: 457px;
		left: 50%;
		margin-left: -228px;
		top: -381px;
		width: 457px;
	}

	.thumbnail-slider {
		min-height: 454px;
	}

	.scroll-bar1 {
		max-height: 340px;
		min-height: 340px;
	}

	.scroll-bar2 {
		max-height: 454px;
		min-height: 454px;
	}

	.scroll-bar3 {
		max-height: 224px;
		min-height: 224px;
	}

	.section-ctn-1 .popup-box {
		height: 508px;
	}

	.section-ctn-2 .popup-box {
		height: 1006px;
	}

	.section-ctn-3 .popup-box {
		height: 779px;
	}

	/* --- PACKAGES --- */

	.top-head-inner {
		width: auto;
		max-width: 1100px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.square-button {
		right: 20px;
	}

	.bnr-group {
		margin-left: -1050px;
		width: 2100px;
	}

	.cir-med {
		width: 230px;
		height: 230px;
	}

	.cir-med .title-group-box > span {
		font-size: 27px;
	}

	.lang-th .cir-med .title-group-box > span,
	.lang-th .sec-box.sec-2 .cir-med .title-group-box > span {
		font-size: 57px;
		/*font-size: 48px;*/
	}

	.lang-th .cir-med .title-group-box {
		font-size: 30px;
	}

	.cir-med .title-group-box {
		font-size: 28px;
		margin-top: 46px;
	}

	.sec-box .circ-title-wrap {
		top: -115px;
		left: 0;
	}

	.sec-box.sec-2 .cir-med .title-group-box > span {
		font-size: 30px;
	}

	.sec-box.sec-2 .cir-med .title-group-box {
		margin-top: 53px;
	}

	.pack-wrap .abs-btn {
		left: 243px;
	}

	.pack-list {
		width: 1017px;
		max-width: none;
	}

	.pack-list .owl-item {
		max-width: 339px;
	}

	/*.pack-list.pull-right {
		margin-left: 68px;
	}*/

	.pack-list.pull-left {
		margin-right: 68px;
	}

	.pack-list .owl-prev {
		left: -40px;
	}

	.pack-list .owl-next {
		right: -40px;
	}

	.spc-top-1, .spc-top-2, .spc-top-3, .spc-top-4 {
		margin-top: 120px;
	}

	.sec-box.sec-2 .pack-wrap .abs-btn {
		left: 920px;
		top: 58px;
	}

	/* --- HOW TO --- */
	.banner-section-inner {
		width: 1920px;
	}

	.banner-info-detail {
		width:  380px;
		padding: 30px;
	}

	.head-info {
		font-size: 40px;
		line-height: 32px;
		margin-bottom: 8px;
	}

	.banner-info span {
		line-height: 30px;
	}

	.home-circ.large-circ, .wifi-circ.large-circ, .map-circ.large-circ,
	.plus-circ.large-circ,.router-circ.large-circ, .fix-circ.large-circ {
		width: 130px;
		height: 130px;
	}

	.sec-box .pack-wrap .button-inline {
		margin-right: -502px;
	}

	.sec-box .pack-wrap .button-inline {
		top: 36px;
	}

	/*.lang-th .sec-box .pack-wrap .button-inline {
		top: 76px;
	}*/

	.sec-2 .pack-wrap .button-inline {
		top: 88px;
	}

	.inline-middle .num-txt-box-2 {
		max-width: 185px;
	}

	.bnr-block-1 {
		width: 1000px;
	}

	.pack-list .owl-prev, .pack-list .owl-next {
		width: 60px;
		height: 60px;
		background-color: #0a81cc;
		/* background-color: #bfe8fe; */
		margin-top: 36px;
	}

	.pack-list .owl-prev:after, .pack-list .owl-next:after {
		width: 23px;
		height: 34px;
		/* background-size: auto; */
		margin-top: -17px;
	}

	.pack-list .owl-prev:after {
		margin-left: -15px;
		/* background-position: -30px -621px; */
	}

	.pack-list .owl-next:after {
		/* background-position: 0 -621px; */
	}

	.pack-list.red-arw-nav .owl-prev, .pack-list.red-arw-nav .owl-next {
		margin-top: 10px;
	}

	.pack-list.red-arw-nav .owl-prev:after {
		background-position: -101px -621px;
	}

	.pack-list.red-arw-nav .owl-next:after {
		background-position: -71px -621px;
	}

	.sec-2 .pack-list .owl-prev, .sec-2 .pack-list .owl-next {
		top: 298px;
		margin-top: 0;
	}

	.sec-2:last-child .pack-list .owl-prev, .sec-2:last-child .pack-list .owl-next {
		top: 300px;
	}

	.lang-th .sec-2 .pack-list .owl-prev, .lang-th .sec-2 .pack-list .owl-next {
		top: 303px;
	}

	/* --- NEWS --- */
	.sec-thumbnail-group .circ-title-wrap {
		left: -30px;
	}

	/*.ctn-box2 + .ctn-box2 {
		margin-bottom: 40px;
	}*/

	.top-tab-box {
		right: 20px;
	}
}

@media screen and (min-width : 1140px) {
	.ctn-box {
		position: relative;
		left: -10px;
		max-width: 1120px;
	}

	.ctn-section .ctn-right-section {
		width: 780px;
	}

	.thumbnail-slider2 .owl-item {
		text-align: right;
	}

	.thumbnail-slider2 .owl-item .list-slider {
		display: inline-block;
		vertical-align: top;
		width: 760px;
	}


	.ctn-right-section .popup-list .circ-fixed {
		left: 85px;
	}

	.ctn-right-section .popup-wrap {
		width: 68.46153846153846%;
		left: 20px;
	}
}

@media screen and (min-width : 1200px) {
	.main-menu > li {
		margin-left: 60px;
	}

	/* --- HOME --- */
	.scroll-bar1 {
		min-height: 340px;
		max-height: 340px;
	}

	.scroll-bar2 {
		min-height: 456px;
		max-height: 456px;
	}

	.scroll-bar3 {
		min-height: 216px;
		max-height: 216px;
	}

	/* --- PACKAGES --- */
	.ptrn-bg-1, .ptrn-bg-2 {
		display: block;
	}

	.top-head-outer, .top-header {
		position: absolute;
	}

	.top-head-outer {
		top: 0;
		height: 223px;
	}

	.top-head-outer.-fix {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 233px;
	}

	.top-head-outer.style-1 .ptrn-bg-1, .top-head-outer.style-1 .ptrn-bg-2 {
		display: block;
	}

	.top-head-outer.style-1 .ptrn-bg-1 {
		top: -40px;
	}

	.top-header {
		bottom: 0;
		left: 50%;
		width: 1920px;
		margin-left: -960px;
	}

	.top-head-outer + .sec-box {
		margin-top: 73px;
	}

	.top-head-outer.-fix + .sec-box {
		margin-top: 93px;
	}

	/*.pack-list.pull-right {
		margin-left: 92px;
	}*/

	.pack-list.pull-left {
		margin-right: 92px;
	}

	.pack-list .owl-prev {
		left: -60px;
	}

	.pack-list .owl-next {
		right: -60px;
	}

	/* --- PACKAGES 2 --- */
	.main-login .top-head-outer {
		height: 542px;
	}

	.main-login .top-head-outer + .sec-box {
		margin-top: 325px;
	}

	.main-login {
		position: relative;
		overflow: hidden;
		margin-top: -157px;
	}

	.main-login .top-header {
		bottom: 216px;
	}

	/* SPEED SHUFFLE MAIN */
	.banner-detail-group {
		left: 300px;
		padding-top: 5%;
		padding-bottom: 5%;
	}
}

@media screen and (min-width : 1300px) {
	.sec-box .circ-title-wrap {
		left: 105px;
	}

	.content-inner-sub .prg-large-size {
		font-size: 44px;
	}

	.detail-all-info .social-wrap {
		margin-top: 5px;
	}

	.detail-all-info .title-desc-detail {
		width: 88%;
	}

	.banner-detail-group {
		min-height: 460px;
		padding-top: 8%;
		padding-bottom: 4%;
	}
}

@media screen and (min-width: 2000px) {
	.top-header, .bnr-group {
		margin-left: -1250px;
		width: 2500px;
		max-width: 2500px;
	}

	.banner-section-inner {
		width: 2200px;
	}

	.spc-top-1, .spc-top-2, .spc-top-3, .spc-top-4 {
		margin-top: 130px;
	}

	.ptrn-bg-2 {
		right: 100px;
	}
}

@media screen and (min-width: 2200px) {
	.speed-banner {
		background-position: -1.4vw 0;
		background-color: #bfe8fe;
	}
}

/* --- IE8 --- */
.ie8 .list-nav-wrap {
	margin-left: -550px;
}

.ie8 .banner-info-ctn {
	margin-left: -550px;
}

.ie8 .banner-section-inner {
	margin-left: -960px;
}

.ie8 .manage-button {
	margin-left: -150px;
}

.ie8 .list-nav-group .circle-sec:after{
	top: 0px;
}

.ie8 .sec-inner {
	width: 1100px;
}

.ie8 .pack-wrap {
	width: 1100px;
}

.ie8 .pack-list {
	width: 1017px;
}

.ie8 .pack-list .owl-item {
	width: 339px;
}

.ie8 .view-show .pack-box {
	width: 300px;
}

.ie8 #wifi-pack-modal .pack-box {
	width: 258px;
}

.ie8 .sec-box.sec-1 .cir-med .title-group-box {
	margin-top: 24px;
}

.ie8 .sec-box.sec-2 .cir-med .title-group-box {
	margin-top: 14px;
}

.ie8 .sq-inner-box {
	margin-top: -78px;
	margin-left: -93px;
}

.ie8 .cir-box h2 {
	bottom: 4px;
	font-size: 28px;
	line-height: 18px;
}

.ie8 .popup-box {
	left: 0;
}

.ie8 .ctn-left-section .cir-box {
	top: -396px;
}

.ie8 .ctn-left-section .cir-box h2 {
	bottom: -10px;
}

.ie8 .pack-list .owl-prev:after {
	background: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 14px 8px 0;
	border-color: transparent #ffffff transparent transparent;
	margin-top: -8px;
	margin-left: -7px;
}

.ie8 .pack-list .owl-next:after {
	background: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 14px;
	border-color: transparent transparent transparent #ffffff;
	margin-top: -8px;
	margin-left: -7px;
}