@import url('../fonts/font/stylesheet.css');
/*
sukhumvit_setbold
sukhumvit_setmedium
sukhumvit_settext
sukhumvit_setthin


=page detail



*/
/*
*
=reset
*
*/

body {
    font-family: 'sukhumvit_setmedium';
    background: #fff;
    color: #898989;
    font-size: 16px;
    line-height: 1.8;
}

/*
body{-webkit-filter:grayscale(1);filter:grayscale(1)}
*/

img {
    max-width: 100%;
	height: auto !important;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

p {
    margin: 0 0 25px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.5;
}
/*
*
=facebook page plugin
*
*/

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}
/*
*
=wrapper content
*
*/

.main-wrapper {
    width: 1024px;
    margin: auto;
    max-width: 100%;
}

.content-wrapper {
    padding: 0 25px;
}

.content-shadow {
    padding: 0 15px;
    margin: 60px 25px 0;
    box-shadow: 0 0 25px 2px rgba(45, 103, 163, 0.2);
    position: relative;
    z-index: 998;
}
/*
*
=Deli
*
*/

.dsp-n {
    display: none;
}

.hd-t {
    display: block;
    padding: 0;
    text-indent: 1000%;
    overflow: hidden;
    white-space: nowrap;
}
/*
*
=button
*
*/

.sp-button {
    background: #0c549f;
    display: block;
    font-size: 18px;
    line-height: 55px;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 50px;
}

.sp-button:hover {
    color: #fff;
    opacity: 0.9;
}

.sp-button[href="http://"] {
	display: none;
}


/*
*
=hr
*
*/

.sp-hr {
    border-bottom: 1px solid #74859b;
    position: relative;
    margin: 0 0 35px;
    height: 0;
    width: 100%;
}

.sp-hr:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin: -1px 0 0 -15px;
    background: #fff;
    width: 30px;
    height: 3px;
    opacity: 1;
}

.sp-hr:after {
    content: '';
    border: 1px solid #74859b;
    position: absolute;
    left: 50%;
    top: 0;
    margin: -7px 0 0 -7px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

/*------------------------------------------------------------------------*\
=Header
\*------------------------------------------------------------------------*/
.intro {
	background: #cef0fc url(../images/intro2.jpg) center top no-repeat;
	border: 1px solid #0c549f;
	padding: 0 0 9px;
	margin: 50px 50px 0;
	position: relative;
}



.intro-top {
	overflow: hidden;
}

.intro-logo {
	float: right;
	margin: 17px 12px;
}

.intro-vdo {
	float: right;
	clear: right;
	margin: 93px 12px -1px;
	width: 467px;

}

.link-without-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.intro-enter {
	display: block;
	margin: 0 auto 23px;
	text-align: center;
	width: 199px;
	height: 31px;
	line-height: 31px;
	/* color: #fff; */
	/* background: #0c549f; */
	color: #000;
	background: #fff;
	border: 1px solid #fff;
	opacity: 0.5;
  border: 1px solid;
}

.intro-enter:hover {
	/*opacity: 1;
	color: #fff;*/
}

.intro-social {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.intro-social li {
	display: inline-block;
	margin: 0 4px;
}

.intro-social img {
	filter: grayscale(100%);
}
.intro-footer {
	padding: 11px 0;
	/* color: #0e5ea9; */
	color: #000;
	text-align: center;
}



/*------------------------------------------------------------------------*\
=Header
\*------------------------------------------------------------------------*/

.main-header {
    padding: 25px 0 32px;
    box-shadow: 0 4px 10px 0 rgba(132, 132, 132, 0.1);
    position: relative;
    z-index: 999;
}

.main-logo {
    float: left;
    margin: 0 25px 0 0;
    font-size: 0;
    width: 170px;
}
/*
*
=Navigation
*
*/

.main-nav {
    font-size: 14px;
    color: #0c549f;
    float: left;
    margin: -5px 0 0;
}

.main-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav > ul > li {
    padding: 0 18px;
    float: left;
    position: relative;
}

.main-nav > ul > li + li {
	background: url(../images/menu-bd.png) left center no-repeat;
}

.main-nav > ul > li > a {
    color: inherit;
	height: 47px;
	line-height: 47px;
}

.main-nav a:hover {
    text-decoration: none;
}

.sub-menu {
    position: absolute;
    opacity: 0;
    top: 55px;
    left: -45px;
    padding: 70px 0 0;
    background: url(../images/sub-menu-top.png) center 35px no-repeat;
    color: #0c549f;
    font-size: 15px;
    display: none;
}

.sub-menu * {
    filter: alpha(opacity=0);
}


.main-nav li:hover .sub-menu * {
    filter: alpha(opacity=100);
}

.sub-menu div {
    background: url(../images/sub-menu-bot.png) bottom center no-repeat;
    padding: 0 0 15px;
}

.sub-menu ul {
    background: url(../images/sub-menu-mid.png) top center repeat-y;
    width: 148px;
    padding: 0 45px;
    white-space: nowrap;
    box-sizing: content-box;
    overflow: hidden;
}

.sub-menu li {
    margin: 0 0 11px;
    float: none;
}

.sub-menu a:hover {
    color: #a5b6d2;
}
/*
*
=menu hover 1
*
*/
.main-nav-type1 > ul > li {
	position: relative;
}

.main-nav-type1 > ul > li:after {
	content: '';
	position: absolute;

	top: 50%;
	left: 50%;
	z-index: 1;

	background: url(../images/menu-bd-1.gif) center no-repeat;
	background-size: 100%;

	width: 0;
	height: 0;
	transition: all 0.6s;
}

.main-nav-type1 > ul > li:hover:after {
	top: 0;
	left: 7px;

	width: 93%;
	height: 100%;
}


.main-nav-type1 > ul > li a {

	position: relative;
	z-index: 2;

}

/*
*
=menu hover 2
*
*/
.main-nav-type2 > ul > li:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 5px;
	background: #0c549f;
	left: 7px;
	width: 0;
	transition: width 0.4s;
}

.main-nav-type2 > ul > li:hover:after {
	width: 93%;
}
/*
*
=social
*
*/

.menu-social {
    float: right;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
}

.menu-social li {
    float: left;
    margin: 0 0 0 13px;
}

.menu-social a {
    width: 30px;
    height: 30px;
    background: url(../images/social-fb.png);
}

.menu-social .social-yt {
    background-image: url(../images/social-yt.png);
}

.menu-social .social-ig {
    background-image: url(../images/social-ig.png);
}


.menu-lang {
    float: right;
    margin: 2px 0 0;
    padding: 0;
	padding-top:5px;
    list-style: none;
}

.menu-lang li {
    float: left;
    margin: 0 0 0 13px;

}

.menu-lang .lang-th {
    width: 30px;
    height: 20px;
    background-image: url(../images/th.png);

}

.menu-lang .lang-uk {
    width: 30px;
    height: 20px;
    background-image: url(../images/uk.jpg);

}


.btn-open-menu {
    display: none;
}
/*------------------------------------------------------------------------*\
=Footer
\*------------------------------------------------------------------------*/

.footer-top {
    background: #0e5ea9;
}
/*
*
=Logo
*
*/

.footer-logo {
    margin: 28px 0 40px;
}
/*
*
=social
*
*/

.footer-social {
    padding: 25px 0;
    list-style: none;
    overflow: hidden;
    margin: 0;
}

.footer-social li {
    float: left;
    margin: 0 13px 0 0;
}

.footer-social a {
    width: 30px;
    height: 30px;
    background: url(../images/footer-social-fb.png);
}

.footer-social .social-yt {
    background-image: url(../images/footer-social-yt.png);
}

.footer-social .social-ig {
    background-image: url(../images/footer-social-ig.png);
}
/*
*
=Nav
*
*/

.footer-nav {
    background: #356fab;
}

.footer-nav {
    color: #7e9fc6;
}

.footer-menu {
    font-size: 13px;
    list-style: none;
    padding: 25px 0 0;
    margin: 0;
}

.footer-lb {
    margin: 20px 0 0;
    border: 2px solid #fff;
    border-radius: 2px;
}
/*
*
=Bottom
*
*/

.footer-bottom {
    font-size: 14px;
    text-align: center;
    padding: 50px 0 20px;
	color: #fff;
}

.footer-go-top {
    background: url(../images/footer-go-top.png) center no-repeat;
    display: block;
    height: 10px;
    width: 16px;
    margin: auto;
}


/*------------------------------------------------------------------------*\
=Slide
\*------------------------------------------------------------------------*/

.main-slide {
    position: relative;
}

.content-slide {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.slide-control {
    list-style: none;
    padding: 0;
    margin: 0;
}

.slide-control a {
    background: url(../images/slide-next.png) center no-repeat;
    width: 33px;
    height: 106px;
    display: block;
}

.slide-control li {
    position: absolute;
    z-index: 99;
    top: 50%;
    right: 15px;
    margin: -53px 0 0;
}

.slide-control li + li {
    right: auto;
    left: 15px;
}

.slide-control li + li a {
    background-image: url(../images/slide-prev.png);
}

.slide-nav {
    text-align: center;
    list-style: none;
    margin: 0;
    font-size: 0;
    z-index: 99;
    padding: 15px 0 0;
}

.slide-nav a {
    border: 1px solid #0c549f;
    width: 10px;
    display: block;
    height: 10px;
    border-radius: 50%;
    box-sizing: content-box;
}

.slide-nav .active {
    background: #0c549f;
}

.slide-nav li {
    display: inline-block;
    margin: 0 4px;
}
/*------------------------------------------------------------------------*\
=Home
\*------------------------------------------------------------------------*/

.home-banner a {
    margin: 39px 0 25px;
    width: 335px;
    max-width: 100%;
}

.home-banner h1 {
    margin: 30px 0 23px;
    float: left;
}

.home-banner-left {
    float: left;
    width: 50%;
}

.home-banner .thumb {
    float: right;
    width: 50%;
    text-align: center;
}

.home-banner p + p {
    text-indent: 98px;
}


/* top banner 1 */
.elem-banner-1 {
	position: relative;
	background: url(../images/banner/banner-1/bg.png) top left repeat-x;
}

.elem-banner-1 > a > img {
	opacity: 0;
}

.elem-banner-1 div {
	position: absolute;
}

.elem-banner-1 .elem-1 {
	top: 0;
	left: 0;
}
.elem-banner-1 .elem-2 {
	  top: 463px;
  left: 26px;
}
.elem-banner-1 .elem-3 {
	  top: 45px;
  left: 627px;
}
.elem-banner-1 .elem-4 {
	  top: 88px;
  left: 808px;
}
.elem-banner-1 .elem-4-1 {
	  top: 0;
  left: 0;
}

.elem-banner-1 .elem-5 {
	  top: 156px;
  left: 613px;
}
.elem-banner-1 .elem-6 {
	  top: 507px;
  left: 627px;
}

.elem-banner-1 .elem-7 {
	  top: 117px;
  left: 189px;
}
.elem-banner-1 .elem-8 {
	top: 114px;
  left: 239px;
}
.elem-banner-1 .elem-9 {
	  top: 111px;
  left: 357px;
}
.elem-banner-1 .elem-10 {
	  top: 162px;
  left: 313px;
}
.elem-banner-1 .elem-11 {
	    top: 154px;
  left: 238px;
}
.elem-banner-1 .elem-12 {
	    top: 151px;
  left: 362px;
}
.elem-banner-1 .elem-13 {
	    top: 151px;
  left: 207px;
}
.elem-banner-1 .elem-14 {
	    top: 114px;
  left: 313px;
}


.elem-banner-1 .elem-1 div img {
	animation: banner-1 1.5s infinite 2s;
	height: 0;
	opacity: 0.8;
	position: absolute;
}

.elem-banner-1 .elem-1 .elem-7 img {
	animation-delay: 2.2s;
}

.elem-banner-1 .elem-1 .elem-8 img {
	animation-delay: 2.4s;
}

.elem-banner-1 .elem-1 .elem-9 img {
	animation-delay: 2.6s;
}

.elem-banner-1 .elem-1 .elem-10 img {
	animation-delay: 2.8s;
}

.elem-banner-1 .elem-1 .elem-11 img {
	animation-delay: 3.0s;
}

.elem-banner-1 .elem-1 .elem-12 img {
	animation-delay: 3.2s;
}

.elem-banner-1 .elem-1 .elem-13 img {
	animation-delay: 3.4s;
}

.elem-banner-1 .elem-1 .elem-14 img {
	animation-delay: 3.6s;
}


@keyframes banner-1 {
    0% {
		height: 0;
		left: 20px;
		top: 0;
	}

	80% {
		height: 0;
		left: 20px;
		top: 0;
	}


    90% {
		height: 40px;
		left: 0;
		top: -6px;
	}

	100% {
		height: 0;
		left: 20px;
		top: 0;
	}
}

/* top banner 2 */
.elem-banner-2 {
	position: relative;
	background: #d0e0ee;
}

.elem-banner-2 > a > img {
	opacity: 0;
}

.elem-banner-2 div {
	position: absolute;
}

.elem-banner-2 .elem-1 {
	  top: 439px;
  left: 30px;
}
.elem-banner-2 .elem-2 {
	    top: 428px;
  left: 173px;
}
.elem-banner-2 .elem-3 {
	   top: 68px;
  left: 87px;

}
.elem-banner-2 .elem-4 {
	  left: 914px;
  top: 32px;
}
.elem-banner-2 .elem-5 {
	  left: 914px;
  top: 76px;
}
.elem-banner-2 .elem-6 {
	  left: 918px;
  top: 147px;
}
.elem-banner-2 .elem-17 {
	left: 587px;
  top: 74px;
}

.elem-banner-2 .elem-7 {
	    left: 66px;
  top: 200px;
}

.elem-banner-2 .elem-7 img {
	position: relative;
}

.elem-banner-2 .elem-8 {
	      top: 142px;
  left: 204px;
		width: 43px;
}


.elem-banner-2 .elem-9 {
	      top: 142px;
  left: 140px;
  width: 22px;
}
.elem-banner-2 .elem-10 {
	      top: 186px;
  left: 70px;
  width: 31px;
}
.elem-banner-2 .elem-11 {
	      top: 123px;
  left: 47px;
  width: 31px;
}
.elem-banner-2 .elem-12 {
	      top: 87px;
  left: -11px;
  width: 22px;
}
.elem-banner-2 .elem-13 {
	      top: 54px;
  left: 205px;
  width: 31px;
}
.elem-banner-2 .elem-14 {
	      top: 29px;
  left: 151px;
  width: 22px;
}
.elem-banner-2 .elem-15 {
	      top: -16px;
  left: 70px;
  width: 15px;
}

.elem-banner-2 .elem-16 {
	  top: 244px;
  right: -12px;
}

.elem-banner-2 .elem-8 img {
	animation: banner-2 1.2s ease-in infinite;
}

.elem-banner-2 .elem-9 img {
	animation: banner-2 1.2s ease-in infinite 0.2s;
}

.elem-banner-2 .elem-10 img {
	animation: banner-2 1.2s ease-in infinite 1s;
}

.elem-banner-2 .elem-11 img {
	animation: banner-2 1.2s ease-in infinite 0.6s;
}

.elem-banner-2 .elem-12 img {
	animation: banner-2 1.2s ease-in infinite 0.8s;
}

.elem-banner-2 .elem-13 img {
	animation: banner-2 1.2s ease-in infinite 0.4s;
}

.elem-banner-2 .elem-14 img {
	animation: banner-2 1.2s ease-in infinite 1.2s;
}

.elem-banner-2 .elem-15 img {
	animation: banner-2 1.2s ease-in infinite 0s;
}

.elem-banner-2 .elem-16 img {
	animation: banner-2-1 2s infinite;
}

@keyframes banner-2 {
    0% {
		top: 0;
	}
    50% {
		top: 10px;
	}
	100% {
		top: 0;
	}
}

@keyframes banner-2-1 {
    0% {
		opacity: 0;
	}
    49.9% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	99.9% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}





/* top banner 4 */
.elem-banner-4 {
	position: relative;
}

.elem-banner-4 > a > img {
	opacity: 0;
}

.elem-banner-4 div {
	position: absolute;
}

.elem-banner-4 .elem-1 {
	    top: 46px;
  left: 99px;
}
.elem-banner-4 .elem-2 {
	      top: 164px;
  left: 255px;
}
.elem-banner-4 .elem-3 {
	 top: 107px;
  left: 33px;

}

.elem-banner-4 .elem-3 div {
	width: 100%;
	height: 50px;
	top: 90%;
	animation: banner-4 3s infinite;


	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(35,90,155,0) 1%, rgba(255,255,255,0.52) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(1%,rgba(35,90,155,0)), color-stop(50%,rgba(255,255,255,0.52)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(35,90,155,0) 1%,rgba(255,255,255,0.52) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(35,90,155,0) 1%,rgba(255,255,255,0.52) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(35,90,155,0) 1%,rgba(255,255,255,0.52) 50%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(35,90,155,0) 1%,rgba(255,255,255,0.52) 50%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */

}
.elem-banner-4 .elem-4 {
	    left: 698px;
  top: 85px;
}
.elem-banner-4 .elem-5 {
	    left: 0;
  top: 319px;
}

@keyframes banner-4 {
	0% {
		opacity: 0;
		top: 100%;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}

/* top banner 6 */
.elem-banner-6 {
	position: relative;
	background: url(../images/banner/banner-6/bg.png) top left repeat-x;
}

.elem-banner-6 > a > img {
	opacity: 0;
}

.elem-banner-6 div {
	position: absolute;
}

.elem-banner-6 .elem-1 {
    top: 394px;
  left: 100px;
}
.elem-banner-6 .elem-2 {
	  top: 42px;
  left: 927px;
}
.elem-banner-6 .elem-3 {
	  top: 121px;
  left: 926px;

}
.elem-banner-6 .elem-4 {
	  top: 533px;
  left: 760px;
}
.elem-banner-6 .elem-5 {
	  left: 742px;
  top: 112px;
}
.elem-banner-6 .elem-6 {
	  left: 546px;
  top: 194px;
}

.elem-banner-6 .elem-6 > img {
	  opacity: 0;
}

.elem-banner-6 .elem-7 {
	  left: 60px;
  top: 20px;
}
.elem-banner-6 .elem-8 {
	  left: 45px;
  top: 106px;
}
.elem-banner-6 .elem-9 {
	  left: 143px;
  top: 141px;
}
.elem-banner-6 .elem-10 {
	  left: 305px;
  top: 134px;
}

.elem-banner-6 .elem-11 {
	  left: 0;
  top: 0;
}

/* top banner 7 */
.elem-banner-7 {
	position: relative;
}

.elem-banner-7 > a > img {
	opacity: 0;
}

.elem-banner-7 div {
	position: absolute;
}

.elem-banner-7 .elem-1 {
    top: 20px;
    right: 270px;
}
.elem-banner-7 .elem-2 {
    top: 254px;
    right: 1px;
    position: absolute;
    float: right;
}



.elem-banner-7 .elem-2 div {
    position: relative;
}
.elem-banner-7 .elem-2 div img {
    position: absolute;
}
.elem-banner-7 .star1 {
    top: -89px;
    left: 17px;
    animation: banner-7 1s 0.3s infinite;
}
.elem-banner-7 .star2 {
    top: -114px;
    left: 178px;
    animation: banner-7 1s 0.6s infinite;
}

.elem-banner-7 .star3 {
    top: -89px;
    left: 234px;
    animation: banner-7 1s 0.9s infinite;
}

.elem-banner-7 .star4 {
    top: -179px;
    left: 358px;
    animation: banner-7 1s 0.7s  infinite;
}

.elem-banner-7 .star5 {
    top: -98px;
    left: -14px;
    animation: banner-7 1s 0.8s  infinite;
}

.elem-banner-7 .star6 {
    top: -91px;
    left: -4px;
    animation: banner-7 1s 0.5s infinite;
}

.elem-banner-7 .star7 {
    top: -116px;
    left: -29px;
}

.elem-banner-7 .elem-3 {
    top: 433px;
    right: 294px;
}

.elem-banner-7 .elem-4 {
    top: 34px;
    right: 10px;
}




@keyframes banner-7 {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(0);
	}
}


/*
*
* =element banner 8
*
*/
.elem-banner-8 {
	position: relative;
}

.elem-banner-8 > a > img {
	opacity: 0;
}

.elem-banner-8 div {
	position: absolute;
}

.elem-banner-8 .elem-1 {
    top: 140px;
    right: 50px;
}

.elem-banner-8 .elem-2 {
    top: 103px;
    right: 24px;
}

.elem-banner-8 .elem-3 {
    top: 23px;
    right: 14px;
}

.elem-banner-8 .elem-4 {
    top: 195px;
    left: 160px;
}

.elem-banner-8 .elem-5 {
    bottom: 15px;
    right: 25px;
}

.elem-banner-8 .elem-6 {
    bottom: 20px;
    left: 165px;
}

.elem-banner-8 .elem-7 {
    bottom: 10px;
    left: 0;
}

.elem-banner-8 .elem-8 {
    bottom: 133px;
    left: 160px;
}

.elem-banner-8 .elem-9 {
    bottom: 84px;
    left: 426px;
}

.elem-banner-8 .elem-10 {
	top: 45px;
	left: 155px;
}

.elem-banner-8 .elem-10 img {
	z-index: 2;
}

.elem-banner-8 .elem-10 .star {
	top: -42px;
	left: -38px;
	animation: banner-8-star 4.4s infinite;
}


@keyframes banner-8-star {
	0% {
		transform: scale(0) rotate(0)
	}

	50% {
		transform: scale(1) rotate(359deg)
	}

	50.0001% {
		transform: scale(1) rotate(0deg)
	}

	100% {
		transform: scale(0) rotate(360deg)
	}
}

/*
*
* =element banner 9
*
*/
.elem-banner-9 {
	position: relative;
}

.elem-banner-9 > a > img {
	opacity: 0;
}

.elem-banner-9 div {
	position: absolute;
}

.elem-banner-9 .elem-1 {
    top: 22px;
    left: 18px;
}

.elem-banner-9 .elem-2 {
    top: 20px;
    right: 20px;
}

.elem-banner-9 .elem-3 {
    bottom: 0;
    right: 0;
}

.elem-banner-9 .elem-4 {
    bottom: 20px;
    left: 20px;
}

/*
*
* =element banner 10
*
*/
.elem-banner-10{
    position: relative;
}

.elem-banner-10 .elem-0{
  position: absolute;
  top: 0;
  left: 0;
}

.elem-banner-10 .elem-1{
  position: absolute;
  top: 38px;
  left: 0;
}

.elem-banner-10 .elem-2{
  position: absolute;
  top: 265px;
  left: 242px;
}

.elem-banner-10 .elem-3{
  position: absolute;
  top: 46px;
  left: 699px;
}

.elem-banner-10 .elem-4{
  position: absolute;
  top: 191px;
  left: 259px;
}

.elem-banner-10 .elem-5{
  position: absolute;
  top: 176px;
  left: 272px;
}

.elem-banner-10 .elem-6{
  position: absolute;
  top: 219px;
  left: 450px;
}



/*
*
* =element banner 11
*
*/
.elem-banner-11{
    position: relative;
}

.elem-banner-11 .elem-0{
  position: absolute;
  top: 0;
  left: 0;
}

.elem-banner-11 .elem-1{
  position: absolute;
  top: 15px;
  left: 835px;
}

.elem-banner-11 .elem-2{
  position: absolute;
  top: 214px;
  left: 480px;
}

.elem-banner-11 .elem-3{
  position: absolute;
  top: 270px;
  left: 483px;
}

.elem-banner-11 .elem-4{
  position: absolute;
  top: 350px;
  left: 740px;
}

.elem-banner-11 .elem-ion-01{
  position: absolute;
  left: 22px;
  top: 20px;
  animation: banner-11 1.2s ease-in infinite 0.2s;
}

.elem-banner-11 .elem-ion-02{
  position: absolute;
  left: 90px;
  top: 87px;
  animation: banner-11 1.2s ease-in infinite 0.5s;
}

.elem-banner-11 .elem-ion-03{
  position: absolute;
  left: 50px;
  top: 160px;
  animation: banner-11 1.2s ease-in infinite 1.2s;
}

.elem-banner-11 .elem-ion-05{
  position: absolute;
  left: 265px;
  top: 110px;
  animation: banner-11 1.2s ease-in infinite 0.1s;
}

.elem-banner-11 .elem-ion-06{
  position: absolute;
  left: 290px;
  top: 30px;
  animation: banner-11 1.2s ease-in infinite 0.4s;
}

.elem-banner-11 .elem-ion-07{
  position: absolute;
  left: 60px;
  top: 215px;
  animation: banner-11 1.2s ease-in infinite 0.3s;
}

.elem-banner-11 .elem-ion-08{
  position: absolute;
  left: 220px;
  top: 250px;
  animation: banner-11 1.2s ease-in infinite 0.2s;
}

.elem-banner-11 .elem-ion-09{
  position: absolute;
  left: 335px;
  top: 180px;
  animation: banner-11 1.2s ease-in infinite 0.5s;
}

.elem-banner-11 .elem-ion-10{
  position: absolute;
  left: 410px;
  top: 145px;
  animation: banner-11 1.2s ease-in infinite 0.2s;
}

.elem-banner-11 .elem-ion-11{
  position: absolute;
  left: 190px;
  top: 310px;
  animation: banner-11 1.2s ease-in infinite 0.9s;
}

@keyframes banner-11 {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: 10px;
    }

    100% {
        margin-top: 0;
    }
}

/*
*
* =element banner 12
*
*/
.elem-banner-12{
    position: relative;
}

.elem-banner-12 .elem-0{
  position: absolute;
  top: 0;
  left: 0;
}

.elem-banner-12 .elem-1{
  position: absolute;
  top: 12px;
  left: 709px;
}

.elem-banner-12 .elem-2{
  position: absolute;
  top: 522px;
  left: 438px;
}

.elem-banner-12 .elem-3{
  position: absolute;
  top: 179px;
  left: 385px;
}

.elem-banner-12 .elem-star-01{
  position: absolute;
  top: 168px;
  left: 440px;
  animation: banner-12 1.2s ease-in infinite 0.5s;
}

.elem-banner-12 .elem-star-02{
  position: absolute;
  top: 365px;
  left: 452px;
  animation: banner-12 1.2s ease-in infinite 0.7s;
}

.elem-banner-12 .elem-star-03{
  position: absolute;
  top: 245px;
  left: 602px;
  animation: banner-12 1.2s ease-in infinite 0.9s;
}

@keyframes banner-12 {
    0% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }

    50% {
        width: 50px;
        margin-top: 50px;
        margin-left: 50px;
    }

    100% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }
}


/* Banner 13 */
.elem-banner-13 {
    position: relative;
}

.elem-banner-13 .elem-0 {
    position: absolute;
    top: 0;
    left: 0;
}

.elem-banner-13 .elem-1 {
    position: absolute;
    top: 200px;
    left: 753px;
}

.elem-banner-13 .elem-2 {
    position: absolute;
    top: 439px;
    left: 38px;
}

.elem-banner-13 .elem-3 {
    position: absolute;
    top: 510px;
    left: 770px;
}


.elem-banner-13 .elem-star-01 {
    position: absolute;
    top: 175px;
    left: 514px;
    animation: banner-13 1.2s ease-in infinite 0.5s;
}

@keyframes banner-13 {
    0% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }

    50% {
        width: 50px;
        margin-top: 50px;
        margin-left: 50px;
    }

    100% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }
}


/* Banner 14 */
.elem-banner-14 {
    position: relative;
}

.elem-banner-14 .elem-0 {
    position: absolute;
    top: 0;
    left: 0;
}

.elem-banner-14 .elem-1 {
    position: absolute;
    top: 385px;
    left: 747px;
}

.elem-banner-14 .elem-2 {
    position: absolute;
    top: 109px;
    left: 48px;
}

.elem-banner-14 .elem-3 {
    position: absolute;
    top: 476px;
    left: 886px;
}

.elem-banner-14 .elem-4 {
    position: absolute;
    top: -25px;
    left: 410px;
}

.elem-banner-14 .elem-5 {
    position: absolute;
    top: 16px;
    left: 34px;
}

.elem-banner-14 .elem-6 {
    position: absolute;
    top: 52px;
    left: 81px;
}

.elem-banner-14 .elem-star-01 {
    position: absolute;
    top: 224px;
    left: 644px;
    animation: banner-14 1.2s ease-in infinite 0.5s;
}

@keyframes banner-14 {
    0% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }

    50% {
        width: 50px;
        margin-top: 50px;
        margin-left: 50px;
    }

    100% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }
}



/* top-banner15 */

.elem-banner-15 {
    position: relative;
}
.elem-banner-15 .elem-0 {
    position: absolute;
    top: 0;
    left: 0;
}

.elem-banner-15 .elem-2 {
    position: absolute;
    top: 380px;
    left: 48px;
}

.elem-banner-15 .elem-3 {
    position: absolute;
    top: 476px;
    left: 886px;
}

.elem-banner-15 .elem-4 {
    position: absolute;
    top: -115px;
    right:0;
}

@keyframes banner-15 {
    0% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }

    50% {
        width: 50px;
        margin-top: 50px;
        margin-left: 50px;
    }

    100% {
        width: 147px;
        margin-top: 0;
        margin-left: 0;
    }
}





/* banner-16 */
.elem-banner-16{
    position: relative;
}

.elem-banner-16 .elem-0{
  position: absolute;
  top: 0;
  left: 0;
}

.elem-banner-16 .elem-1{
  position: absolute;
  top: 172px;
  left: 426px;
}

.elem-banner-16 .elem-2{
  position: absolute;
  top: 230px;
  left: 263px;
}

.elem-banner-16 .elem-3{
  position: absolute;
  top: 155px;
  left: 85px;
}



.elem-banner-16 .elem-ion-01{
  position: absolute;
  right: 82px;
  top: 150px;
  animation: banner-16 1.2s ease-in infinite 0.2s;
}

.elem-banner-16 .elem-ion-02{
  position: absolute;
  right: 185px;
  top: 180px;
  animation: banner-16 1.2s ease-in infinite 0.5s;
}

.elem-banner-16 .elem-ion-03{
  position: absolute;
  right: 251px;
  top: 149px;
  animation: banner-16 1.2s ease-in infinite 1.2s;
}

.elem-banner-16 .elem-ion-05{
  position: absolute;
  right: 242px;
  top: 84px;
  animation: banner-16 1.2s ease-in infinite 0.1s;
}



@keyframes banner-16 {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: 10px;
    }

    100% {
        margin-top: 0;
    }
}







/* banner-17 */
.elem-banner-17{
    position: relative;
}

.elem-banner-17 .elem-0{
  position: absolute;
  top: 0;
  left: 0;
}

.elem-banner-17 .elem-1{
  position: absolute;
  top: 364px;
  left: 55px;
  width: 115px;
}
.elem-banner-17 .elem-11{
  position: absolute;
  top: 425px;
  left: 500px;
  width: 115px;
}
.elem-banner-17 .elem-12{
  position: absolute;
  top: 425px;
  right: 60px;
  width: 115px;
}


.elem-banner-17 .elem-3{
  position: absolute;
  top: 295px;
  left: 113px;
  width: 48px;
}


.elem-banner-17 .elem-31{
  position: absolute;
  top: 380px;
  left: 590px;
  width: 55px;
}
.elem-banner-17 .elem-32{
  position: absolute;
  top: 350px;
  right: 115px;
  width: 55px;
}



.elem-banner-17 .elem-ion-01{
  position: absolute;
  left: 148px;
  top: 158px;
  animation: banner-17 1.2s ease-in infinite 0.2s;
  width: 55px;
}

.elem-banner-17 .elem-ion-02{
  position: absolute;
  top: 100px;
  left: 371px;
  width: 60px;
  animation: banner-17 1.2s ease-in infinite 0.5s;
}

.elem-banner-17 .elem-ion-03{
  position: absolute;
  top: 119px;
  right: 345px;
  width: 40px;
  animation: banner-17 1.2s ease-in infinite 0.2s;
}





@keyframes banner-17 {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: 10px;
    }

    100% {
        margin-top: 0;
    }
}


/* ...... */









/*
*
=Product 1
*
*/

.item-product-1 {
    margin: 0 0 50px;
}

.item-product-1 h1 {
    text-align: center;
    font: normal 18px/1.8 'sukhumvit_setbold';
    color: #0c549f;
    border-bottom: 2px solid #0c549f;
    margin: 5px 0 15px;
    padding: 0 0 5px;
    min-height: 71px;
}

.item-product-1 p {
    height: 110px;
overflow: hidden;
}

.item-product-1 .thumb {
    text-align: center;
}

/*
*
=Product green
*
*/


.item-product-green h1 {

    color: #66be6d;
    border-color: #66be6d;
}

/*
*
=Product brown
*
*/


.item-product-brown h1 {

    color: #c59e5b;
    border-color: #c59e5b;
}

/*
*
=News 1
*
*/

.content-news {
    background: #d0e0ee;
    padding: 30px 25px 1px;
}

.item-news-1 {
    background: #fff;
    margin: 0 0 30px;
}

.item-news-1 h1 {
    font: normal 18px/1.8 'sukhumvit_setbold';
    color: #0c549f;
    margin: 11px 0 8px;
    height: 66px;
 overflow: hidden;

}

.item-news-1 .content {
    padding: 0 11px 25px;
}

.item-news-1 .thumb {
    text-align: center;
}

.item-news-1 p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px;
    height: 83px;
overflow: hidden;
}

.item-news-1 a {
    color: #0c549f;
    font-size: 14px;
}
/*------------------------------------------------------------------------*\
=List
\*------------------------------------------------------------------------*/

.header-content {
    background: url(../images/header-content-u.png) bottom center no-repeat;
    padding: 0 0 29px;
    position: relative;
    font-size: 58px;
    text-align: center;
    width: 500px;
    max-width: 90%;
    margin: -21px auto 32px;
    color: #fff;
}

.header-content:before,
.header-content:after {
    content: '';
    width: 5px;
    height: 21px;
    position: absolute;
    left: -5px;
    top: 0;
    background: url(../images/header-content-b.png);
}

.header-content:after {
    background: url(../images/header-content-a.png);
    left: auto;
    right: -5px;
}

.header-content span {
    background: #ef7415 url(../images/header-content-g.png) center bottom repeat-x;
    display: block;
    padding: 15px 0 0;
    line-height: 1;
}

.load-more {
    text-align: center;
    background: #f0f4f9;
    display: block;
    border: 0;
    width: 100%;
    margin: 35px 0;
    color: #0f549f;
    font-size: 26px;
}

.load-more span {
    background: url(../images/load-more.png) left center no-repeat;
    display: inline-block;
    padding: 0 0 0 65px;
    height: 68px;
    line-height: 68px;
}
/*------------------------------------------------------------------------*\
=Detail
\*------------------------------------------------------------------------*/

.detail-gallery {
    text-align: center;
    font-size: 0;
    padding: 0 0 50px;
}

.detail-gallery .thumb {
    margin: 0 0 8px;
}

.detail-gallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.detail-gallery a {
    display: block;
    border: 1px solid #bed6f8;
    padding: 3px;
}
/*
*
=content
*
*/

.detail-content {
    margin: 0 0 50px;
    color: #535353;
}

.detail-content header {
    border-bottom: 2px solid #535353;
    font: normal 18px/1.8 'sukhumvit_setbold';
    padding: 0 0 10px;
    margin: 0 0 5px;
}

.detail-content header p {
    margin: 5px 0 0;
}

.detail-content h1 {
    font: normal 23px/1.3 'sukhumvit_setbold';
    margin: 0;
}

.detail-content h2 {
    font-size: 20px;
}


/*
*
=Tab
*
*/
.tab-list {
    border-bottom: 2px solid #005ea7;
    text-align: left;
    margin: 56px 0 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.tab-list li {
    display: inline-block;
    background: #cfddec;
    text-align: center;
    width: 50%;
    font-size: 23px;
    color: #0f549f;
}

.tab-list .active {
    background: #0f549f;
    color: #fff;
}

.tab-list a {
    color: inherit;
    display: block;
    height: 49px;
    line-height: 52px;
    text-decoration: none;
}

.tab-content {
    padding: 30px 30px 50px;
}

/*
*
=product detail & product review
*
*/
.product-detail h2 {
	line-height: 1.3;
}

.product-detail h3 {
	  margin: 150px 0 25px;
  text-align: center;
}
.product-detail .thumb {
	margin: 25px 0;
}

.img-cap-cen {
	text-align: center;
	font-size: 90%;
	margin: 15px 0;
}






/*
*
=relate
*
*/
.relate-product {
    list-style: none;
    margin: 0;
    padding: 0 0 50px;
    overflow: hidden;
	text-align: center;
}
.relate-product a {
    border: 1px solid #bed6f8;
    display: block;
    margin: 0 0 15px;
}


/*
*
=Youtube vdo
*
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin: 0 0 25px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*
*
=page list
*
*/
.page-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.page-list li {
	margin: 0 0 35px;
}
.item-list {
	color: #637988;
}


.item-list .thumb {
	text-align: center;
	margin: 0 0 15px;
}
.item-list h1 {
	margin: 0 0 10px;
	font-weight: bold;
	color: #0c549f;
	font-size: 23px;
}

.item-list p {
	margin: 0 0 35px;
}

.item-list a {
	color: #0c549f;

}





/*
*
=page detail
*
*/
.page-detail {
	color: #637988;
	padding: 0 0 25px;
}

.page-detail .thumb {
	text-align: center;
	margin: 20px 0;
}

.page-detail .thumb h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0;
}
.page-detail .thumb p {
	margin: 10px 0 0;
}

.page-detail a {
	color: #0c549f;
}

.page-detail h1 {
	font-size: 25px;
	color: #0c549f;
}

.page-detail h2 {
	font-size: 20px;
	font-weight: bold;
}

.relate-article {
	border-top: 2px solid #0e5ea9;
	margin: 45px 0 0;
	padding: 45px 0 0;
}






/*------------------------------------------------------------------------*\
=Detail
\*------------------------------------------------------------------------*/
.header-content__contact {

}

.header-content__contact {
    background-image: url(../images/contact-h-b.png);

}

.header-content__contact:before,
.header-content__contact:after {
    background-image: url(../images/contact-h-l.png);
}

.header-content__contact:after {
    background-image: url(../images/contact-h-r.png);
}

.header-content__contact span {
    background: #025ea7 url(../images/contact-h-g.png) center bottom repeat-x;
}

.header-sub {
	background: #f0f4f9;
	text-align: center;
	color: #005ea7;
	font-weight: bold;
	font-size: 40px;
	padding: 4px 0;
	margin: 0 0 20px;
}





/*
*
=content
*
*/
.contact {
	color: #898989;
	font-size: 20px;
	text-align: center;
}

.contact ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact li a {
	display: block;
	padding: 82px 0 0;
	margin: 0 0 22px;
	font-size: 15px;
	background: url(../images/contact-1.png) center top no-repeat;

}

.contact-map {
	padding: 0 0 20px;
	overflow: hidden;
}


/*------------------------------------------------------------------------*\
=Tag
\*------------------------------------------------------------------------*/
.tag {
    margin: 0 0 30px;
}
.tag h2 {
    font-size: 18px;
    display: inline-block;
    margin: 0 15px 0 0;
}
.tag ul {
    display: inline;
}
.tag li {
    background: #ccc;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    margin: 0 5px 0 0;
}

/*------------------------------------------------------------------------*\
=Responsive
\*------------------------------------------------------------------------*/

@media screen and (max-width: 991px) {
    .btn-open-menu {
        display: block;
        position: absolute;
        top: 25px;
        right: 25px;
        z-index: 99;
        border: 0;
        background: none;
        height: 22px;
        width: 30px;
        padding: 0;
    }
    .btn-open-menu span {
        position: relative;
        background: #0e5ea9;
        height: 4px;
        display: block;
        width: 100%;
    }
    .btn-open-menu span:after,
    .btn-open-menu span:before {
        content: '';
        background: #0e5ea9;
        height: 4px;
        position: absolute;
        top: -9px;
        left: 0;
        right: 0;
    }
    .btn-open-menu span:after {
        content: '';
        top: auto;
        bottom: -9px;
    }
    .wrapper-menu {
        background: #fff;
        position: absolute;
        top: 75px;
        right: 0;
        left: 0;
        transition: width 0.4s ease;
        text-align: center;
        display: none;
    }

	.main-header {
		padding: 20px 0 20px;
	}
    .main-nav {
        float: none;
    }
    .main-nav ul {
        padding: 0 0 0 25px;
    }
    .main-nav > ul > li {
        float: none;
        margin: 0 0 15px;

    }

	.main-nav > ul > li > a {
        line-height: 1.8;
    }

	.main-nav > ul > li + li {
		background: none;
	}
    .menu-social {
        float: none;
        overflow: hidden;
        padding: 15px 0 50px;
        width: 130px;
        margin: auto;
    }
    .sub-menu {
        display: none;
        opacity: 1;
        padding: 0;
        background: none;
        position: static;
    }
    .sub-menu div {
        background: none;
    }
    .sub-menu ul {
        background: none;
        width: auto;
        padding: 15px 0 0;
        opacity: 0.6;
    }

	/* home */
	.elem-banner-1 > a > img {
		opacity: 1;
	}
	.elem-banner-1 div {
		display: none;
	}
	.elem-banner-2 > a > img {
		opacity: 1;
	}
	.elem-banner-2 div {
		display: none;
	}
	.elem-banner-3 > a > img {
		opacity: 1;
	}
	.elem-banner-3 div {
		display: none;
	}
	.elem-banner-4 > a > img {
		opacity: 1;
	}
	.elem-banner-4 div {
		display: none;
	}
	.elem-banner-6 > a > img {
		opacity: 1;
	}
	.elem-banner-6 div {
		display: none;
	}
    .elem-banner-7 > a > img {
		opacity: 1;
        position: relative;
        z-index: 3;
	}

	.elem-banner-8 > a > img {
		opacity: 1;
        position: relative;
        z-index: 3;
	}

	.elem-banner-9 div {
		display: none;
	}

	.elem-banner-9 > a > img {
		opacity: 1;
        position: relative;
        z-index: 3;
    }

    .slide-control li {
        top: 30% !important;
    }

    .elem-banner-17 .elem-0,  .elem-banner-17 .elem-1,  .elem-banner-17 .elem-11,  .elem-banner-17 .elem-12 ,.elem-banner-17 .elem-3 ,.elem-banner-17 .elem-31 ,.elem-banner-17 .elem-32, 
    .elem-banner-17 .elem-ion-01, .elem-banner-17 .elem-ion-02, .elem-banner-17 .elem-ion-03{
        display: none !important;
    }

    .elem-banner-16 .elem-0,  .elem-banner-16 .elem-2,  .elem-banner-16 .elem-3,  .elem-banner-16 .elem-1 , 
    .elem-banner-16 .elem-ion-01, .elem-banner-16 .elem-ion-02, .elem-banner-16 .elem-ion-03, .elem-banner-16 .elem-ion-05{
        display: none !important;
    }


    .elem-banner-15 .elem-0,  .elem-banner-15 .elem-2,  .elem-banner-15 .elem-3,  .elem-banner-15 .elem-4{
        display: none !important;
    }

    .elem-banner-14 .elem-star-01, .elem-banner-14 .elem-0,  .elem-banner-14 .elem-1,   .elem-banner-14 .elem-2,  .elem-banner-14 .elem-3,  .elem-banner-14 .elem-4,  .elem-banner-14 .elem-5,  .elem-banner-14 .elem-6{
        display: none !important;
    }

    .elem-banner-11 .elem-0, .elem-banner-11 .elem-1, .elem-banner-11 .elem-2, .elem-banner-11 .elem-3, .elem-banner-11 .elem-4, .elem-banner-11 .elem-ion-01,  .elem-banner-11 .elem-ion-02, .elem-banner-11 .elem-ion-03, .elem-banner-11 .elem-ion-04, .elem-banner-11 .elem-ion-05, .elem-banner-11 .elem-ion-06, .elem-banner-11 .elem-ion-07, .elem-banner-11 .elem-ion-08, .elem-banner-11 .elem-ion-09, .elem-banner-11 .elem-ion-10, .elem-banner-11 .elem-ion-11{
        display: none !important;
    }

    .elem-banner-12 .elem-0, .elem-banner-12 .elem-1, .elem-banner-12 .elem-2, .elem-banner-12 .elem-3, .elem-banner-12 .elem-star-01, .elem-banner-12 .elem-star-02, .elem-banner-12 .elem-star-03{
        display: none !important;
    }

    .elem-banner-10 .elem-0, .elem-banner-10 .elem-1, .elem-banner-10 .elem-2, .elem-banner-10 .elem-3, .elem-banner-10 .elem-4, .elem-banner-10 .elem-5, .elem-banner-10 .elem-6{
        display: none !important;
    }

    .elem-banner-7 .elem-bg, .elem-banner-7 .elem-1, .elem-banner-7 .elem-2, .elem-banner-7 .elem-3, .elem-banner-7 .elem-4{
        display: none !important;
    }
}

@media (max-width: 735px) {
	/*------------------------------------------------------------------------*\
	=Intro
	\*------------------------------------------------------------------------*/
	.intro {
		margin: 15px 15px 0;
	}

	.intro-vdo {
		width: auto;
		float: none;
		margin: 80px 15px 123px;
	}



    /*------------------------------------------------------------------------*\
	=Home
	\*------------------------------------------------------------------------*/

    .home-banner h1,
    .home-banner-left,
    .home-banner .thumb {
        float: none;
        width: auto;
    }
    /*------------------------------------------------------------------------*\
	=Slide
	\*------------------------------------------------------------------------*/

    .slide-control a {
        height: 50px;
    }
    .slide-control li {
        margin: -25px 0 0;
    }
    /*------------------------------------------------------------------------*\
	=List
	\*------------------------------------------------------------------------*/

    .header-content {
        font-size: 32px;
    }

	.home-banner p + p {
		text-indent: 0;
		text-align: center;
	}

	.home-banner a {
		width: 100%;
	}


	/*------------------------------------------------------------------------*\
	=Detail
	\*------------------------------------------------------------------------*/
	.tab-list li {
		display: inline-block;
		text-align: center;
		width: auto;

		font-size: 23px;
		color: #0f549f;
	}

	.tab-list a {
		padding: 0 15px;
	}

	.tab-content {
		padding: 30px 0 150px;
	}

}

/* Set Active Current Menu */
.active-current-menu:after{
    content: '';
	position: absolute;
	bottom: 0;
	height: 5px;
	background: #0c549f;
	left: 7px;
	width: 93% !important;
	transition: none !important;
}

.header-lange-bar{
    padding-bottom: 5px;position: relative;z-index: 999999;
}

@media (max-width: 768px) {

    .item-product-1 h1  {
        text-align: center;
        font: normal 15px/1.8 'sukhumvit_setbold';
        color: #0c549f;
        border-bottom: 2px solid #0c549f;
        margin: 5px 0 15px;
        padding: 0 0 5px;
        min-height: 80px !important;
    }


}