/*
 *
 * Template Name: Andia
 * Template URI: http://azmind.com
 * Description: Andia - Responsive Agency Template
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */



body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) no-repeat top center #e2e2e2;
}

.violet {
	color: #9d426b;
}

a {
	color: #9d426b;
	text-decoration: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

a:hover {
	color: #888;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

/* ----- Header ----- */

.header .navbar {
	margin-bottom: 0;
	margin-left: -20px
}

.header .navbar-inner {
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none
}

.header .navbar-small {
	padding-right: 20px;
	margin-left: -20px;
	display: none;
	width: 100%;
	float: left;
}

.header .navbar-small td {
	padding-left: 10px
}

.header .navbar-small td.branch_ {
	padding-left: 40px
}

.header .navbar-small table {}

.header h1 {
	float: left;
	margin: 0;
	text-align: left;
}

.header h1 {
	line-height: 20px
}

.header a.logo {
	display: inline-block;
	text-indent: -9999px;
	width: 535px;
	height: 71px;
	padding: 30px 0;
	background: url(../images/logo.png) 20px center no-repeat;
	padding-left: 20px;
	margin-left: -20px
}

.header .span8 {
	text-align: right;
	padding-top: 50px
}

.header .span8 .search {
	display: inline-block
}

.header .span8 .search input.fill {
	margin-right: 0 !important;
	background: url(../images/clocl.jpg) right no-repeat #fff;
	padding: 3px 35px 4px 10px
}

.header .span8 .lang {
	display: inline-block;
	color: #6e2b8e;
	margin-right: 5px;
	font-size: 12px
}

.header .span8 .lang select {

	box-shadow: none;
	width: 70px;
	font-size: 12px;
	margin: 0;
	border-radius: 0;
	border: 1px solid #ddd;
	background: #ddd;

	color: #6b2a8b;
	margin-left: 10px
}

.header .span8 .lang select option {}

.header .span8 .lang select .th {
	background: url(../images/th.jpg) no-repeat right;

}

.header .span8 .lang select .en {
	background: url(../images/en.jpg) no-repeat right;

}

.header .span8 .nav-liink {
	display: inline-block
}

.header .span8 .nav-link a {
	color: #6b2a8b;
	font-size: 12px;
	display: inline-block;
	margin-top: 10px;
	padding: 3px 0 3px 10px
}

.header .span8 .nav-link a.tour {}

.header .branch {
	width: 940px;
	overflow: hidden
}

.header .branch ul.nav {
	font-size: 12px;
	text-transform: uppercase;

	font: 20px ThaiSansNeue-SemiBold;
	-webkit-text-stroke: 0.1px;
	-webkit-text-shadow: 0px 1px 0px #fff;
	-moz-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	-moz-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 0px 5px 1px rgba(0, 0, 0, .05);
	margin: 0;
	width: 135px;
	float: left;
}

.header .branch ul.nav li a {
	width: 134px;
	color: #5c5c5c;
	text-align: center;
	padding: 0;
	height: 70px;
	padding-top: 35px;
	border-right: 1px solid #d4d4d4;
}

.header .branch ul.nav li a.network {
	padding-top: 25px;
	height: 45px
}

.header .branch ul.nav li a.netbox {
	width: 136px;
	border: none;
	padding-top: 20px;
	height: 50px
}

.header .branch ul.nav li a span {
	color: #702c91;
}

.header .branch ul.nav li {

	background: url(../images/bg-branch.jpg) repeat-x bottom #fff;
	-o-transition: color .3s;
	-moz-transition: color .3s;
	-webkit-transition: color .3s;
	-ms-transition: color .3s;

}

/*.header .branch ul.nav li.current-page{
		background: url(../images/bg-branch2.jpg) repeat-x top #fff;
}*/
.header .branch ul.nav li.current-page,
.header .branch ul.nav li:hover {
	background: url(../images/bg-title.jpg) repeat-x bottom #853ea8;

}

.header .branch ul.nav li.current-page a,
.header .branch ul.nav li:hover a {
	-webkit-text-shadow: 0px 1px 0px #3f1d4f;
	-moz-text-shadow: 0px 1px 0px #3f1d4f;
	text-shadow: 0px 1px 0px #3f1d4f;
	color: #fff;
	border-right: 1px solid #632781;
}

.header .branch ul.nav li.current-page a span,
.header .branch ul.nav li:hover a span {
	color: #C7B3CE
}

.header .nav-collapse ul.nav {
	font-size: 12px;
	text-transform: uppercase;
	background: url(../images/bg-nav.jpg) repeat-x bottom #702c91;
	font-family: Tahoma, Geneva, sans-serif;
	width: 100%;
	border-top: 5px solid #562170;
	padding-right: 20px;

}

.header .nav-collapse ul.nav-main {
	font-size: 13px
}

.header .nav-collapse ul.nav li a {
	padding: 0 13px;
	color: #fff;
	text-shadow: none;
	line-height: 35px;
	height: 40px
}

.header .nav-collapse ul.nav-main li a {
	padding: 0 32px
}

.header .nav-collapse ul.nav-main li a i {
	font-size: 18px
}

.header .nav-collapse ul.nav li.current-page a {
	background: #562170;
}

.header .nav-collapse ul.nav li a:hover {
	background: #562170;
	color: #fff;
}

.header .nav-collapse ul.nav li a i {
	line-height: 35px;
	color: #fff;
}

.header .nav-collapse ul.nav li a:hover i {
	color: #fff;
}

.news_branch {
	margin: 0;
	float: left;
	width: 805px;

	font: 20px ThaiSansNeue-SemiBold;
	-webkit-text-stroke: 0.1px;
	-webkit-text-shadow: 0px 1px 0px #fff;
	-moz-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	-moz-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 0px 5px 1px rgba(0, 0, 0, .05);
}

.news_branch li {
	width: 25%;
	float: left;
	display: block;
	border-right: 1px solid #d4d4d4;
	box-sizing: border-box;
}

.news_branch li:nth-child(4n) {
	border-right: 0;
}

.news_branch li a {
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	box-sizing: border-box;
	display: block;
	text-align: center;
	height: 35px;
	line-height: 40px;
	color: #5c5c5c;
	text-align: center;
	padding: 0;
	padding-top: 7px;
	font: 18px ThaiSansNeue-SemiBold;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #dfdfde 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfde 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #dfdfde 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfde', GradientType=0);

}

.news_branch li a:hover {
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-text-shadow: 0px 1px 0px #3f1d4f;
	-moz-text-shadow: 0px 1px 0px #3f1d4f;
	text-shadow: 0px 1px 0px #3f1d4f;
	background: #8342a6;
	color: #fff;
	background: -moz-linear-gradient(top, #8342a6 0%, #683685 100%);
	background: -webkit-linear-gradient(top, #8342a6 0%, #683685 100%);
	background: linear-gradient(to bottom, #8342a6 0%, #683685 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8342a6', endColorstr='#683685', GradientType=0);
}

.news_branch li a span {
	color: #702c91;
}

.news_branch li a:hover span {
	color: #c7b4ce;
}

.news_branch li.current-page a {
	color: #fff;
	background: -moz-linear-gradient(top, #8342a6 0%, #683685 100%);
	background: -webkit-linear-gradient(top, #8342a6 0%, #683685 100%);
	background: linear-gradient(to bottom, #8342a6 0%, #683685 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8342a6', endColorstr='#683685', GradientType=0);
	-webkit-text-shadow: 0px 1px 0px #3f1d4f;
	-moz-text-shadow: 0px 1px 0px #3f1d4f;
	text-shadow: 0px 1px 0px #3f1d4f;
}

.news_branch li.current-page a span {
	color: #c7b4ce;
}

/*****/






.header .navbar select.branch-selected {
	width: 100%;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 13px;
	font-style: italic;
}

.header .navbar .btn-navbar {
	float: right;
	padding: 7px 10px;
	margin-left: 5px;
	margin-right: 0px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #682987;
	background-image: none;
	border-color: none;
	margin: 0;
	margin-bottom: 10px;
	border-radius: 0
}

/* ----- Slider ----- */

.slider {
	margin: 0 auto;
}

.flexslider {
	margin-top: 20px;
	margin-bottom: 0px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 -5px 15px 0 rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 -5px 15px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 -5px 15px 0 rgba(0, 0, 0, .05);
}

.flex-caption {
	position: absolute;
	bottom: 20px;
	max-width: 920px;
	padding: 10px 20px;
	margin: 0;
	background: #1d1d1d;
	/* browsers that don't support rgba */
	background: rgba(0, 0, 0, .7);
	font-size: 14px;
	line-height: 24px;
	color: #eaeaea;
	text-align: left;
	font-style: italic;
	display: none
}

/* ----- Presentation ----- */

.presentation {
	margin-top: 30px;
}

.presentation h2 {
	font-family: 'Lobster', cursive;
	font-size: 30px;
	color: #5d5d5d;
}

.presentation p {
	font-size: 18px;
	font-style: italic;
}

/* ----- What we do ----- */

.what-we-do {
	margin-top: 50px;
}

.what-we-do .service {
	padding-bottom: 23px;
	background: #f8f8f8;
	border-bottom: 2px solid #9d426b;
}

.what-we-do .service:hover {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}

.what-we-do .service .icon-awesome {
	margin-top: 15px;
	font-size: 50px;
	line-height: 50px;
	color: #5d5d5d;
}

.what-we-do .service h4 {
	margin-top: 5px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.what-we-do .service p {
	padding-bottom: 10px;
	line-height: 24px;
}

.what-we-do .service a {
	padding: 5px 22px;
	background: #9d426b;
	color: #fff;
	font-style: italic;
	text-decoration: none;
	-moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.what-we-do .service a:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.what-we-do .service a:active {
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

/* ----- Main ----- */

.update {
	margin-top: 0px;
}

.update .box {
	margin-top: 20px;
	-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
}

.update .span12 h1 {
	font: 46px ThaiSansNeue-SemiBold;
	margin: 0;
	margin-top: 5px;
	color: #8e8e8e;
	padding-left: 20px;
	background: url(../images/bg-h1.jpg) left 25px no-repeat;
	-webkit-text-shadow: 0px 1px 0px #fff;
	-moz-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

.update .box h1 {
	background: url(../images/bg-title.jpg) repeat-x;
	text-align: center;
	height: 45px;
	padding-top: 7px;
	color: #fff;
	font: 24px ThaiSansNeue-SemiBold;
	margin: 0 !important;
	margin-left: 0 !important;
}

.update .box h1 span {
	box-shadow: none;
	height: auto;
	padding: 0;
	display: inline;
	color: #c7b3ce;
	font: 24px ThaiSansNeue-SemiBold;
	background: none;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
}

.update .box h1:hover span {
	background: none;
	box-shadow: none
}

.update .box .thumb {
	position: relative
}

.update .box .thumb img {}

.update .box .thumb img.plus {
	position: absolute;
	z-index: 99;
	bottom: 0;
	right: 0;
	width: auto !important
}

.update .box h2,
.update .list h2 {
	font: bold 16px tahoma;
	margin: 0;
	color: #6b2a8b;
	margin-bottom: 10px;
	line-height: 18px;
	margin-top: 10px
}

.update .box h2 a,
.update .list h2 a {
	color: #6b2a8b
}

.update .box h2 a:hover {}

.update .box h4 {
	margin-top: 20px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.update .box h6,
.update .list h6 {
	margin: 0;
	color: #707070;
	font-weight: normal;
	margin-top: -10px;
	margin-bottom: 7px;
	font-size: 11px
}

a.download {
	display: inline-block;
	color: #fff !important;
	font-weight: normal;
	padding: 10px 30px;
	margin-top: 20px;
	background: #6b2a8b;
	font-size: 11px;
	text-transform: uppercase
}

a.download:hover {
	background: #562170
}

.update .box span {
	box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .1) inset, 0 -1px 45px 0 rgba(0, 0, 0, .1) inset;
	height: 90px;
	padding: 10px 15px;
	display: block;
	color: #5f5f5f;
	font: 12px tahoma;
	background: #fff;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.update .box .ws_wrapper span {
	box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .1) inset, 0 -1px 45px 0 rgba(0, 0, 0, .1) inset;
	height: 162px;
	padding: 10px 15px;
	display: block;
	color: #5f5f5f;
	font: 12px tahoma;
	background: #fff;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.update .box .price {
	background: #c8bad0;
	color: #000;
	font: 12px tahoma;
	padding: 10px 15px;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	border-top: 1px dashed #fff
}

.update .box .price strong {
	color: #6b2a8b
}

.update .box .bxslider span {
	box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .1) inset, 0 -1px 45px 0 rgba(0, 0, 0, .1) inset;
	height: 162px;
	padding: 10px 15px;
	display: block;
	color: #5f5f5f;
	font: 12px tahoma;
	background: #fff;
	position: relative;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.update .box:hover span,
.update .box:hover .bxslider span {
	box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .15) inset, 0 -1px 45px 0 rgba(0, 0, 0, .15) inset;
}

.update .list a {
	color: #6b2a8b
}

.update .list .branch-name,
.update .box .branch-name {
	color: #fff;
	background: #6b2a8b;
	padding: 2px 10px;
	margin-top: 2px;
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-left: 2px
}

.update .box a.branch-name {
	margin-left: 0;
	margin-top: 10px
}

.update .list:hover {
	box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .08) inset, 0 -1px 45px 0 rgba(0, 0, 0, .08) inset;
}

.update .box:hover .price {
	background: #c8bad0
}

.update .list {
	background: #fff;
	padding: 20px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	font: 12px tahoma;
	color: #5f5f5f;
	position: relative;
}

.update .list img.plus {
	position: absolute;
	right: 0;
	bottom: 0
}

.update .list .span2 {
	margin-left: 0px;
	width: 100px
}

.update .list .span5 {
	width: 380px
}

.update .list .span3 {
	margin: 0
}

.update .list h2 {
	margin-left: 0px;
	margin-top: 0;
}

.update .mgTop20 {
	margin-top: 20px
}

.update .list table {
	border-color: #6b2a8b;
	margin-top: 20px
}

.update .list table td {
	border-color: #ccc;
	padding: 3px;
	text-align: center
}

.update .list table td.topic {
	background: #6b2a8b;
	color: #fff;
	text-align: center;
	color:
}

.update .list .span5 td.title {
	font-weight: bold;
	font-size: 14px;
	background: url(../images/bg-branch.jpg) repeat-x bottom;
	color: #6b2a8b;
	padding: 7px
}

.update .span9 .detail_ {
	background: #fff;
}

.update .detail h2 {
	font: 28px ThaiSansNeue-SemiBold;
}

.update .detail span {
	height: auto;
	padding: 20px 30px
}

.update .detail span img {
	float: none;
	margin-bottom: 10px
}

.update .detail span h4 {
	margin: 15px 0;
	color: #702c91;
	font-size: 18px
}

.update .submenu {
	margin-top: 20px;

}

.update .submenu ul {
	margin: 0;
}

.update .submenu ul li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff
}

.update .submenu ul li a {
	color: #702c91;
	font-size: 13px;
	display: block;
	padding: 7px 0;
	text-indent: 16px;
}

.update .submenu ul li a:hover,
.update .submenu ul li a.selected {
	background: #702c91;
	color: #fff;
	border-right: 5px solid #562170
}

.update .detail .list {
	background: none;
}

.update .detail .list:hover {
	background: none;
	box-shadow: none
}

.update .detail .list .span2 {
	margin-left: -20px
}

.update .detail .list .span5 {
	width: 80%
}

.update .detail .list .span5 h2 {
	font: bold 16px tahoma
}

.update .detail .list img {
	margin-bottom: 0
}

.update .d-detail {}

.update .d-detail .span2 {
	width: 200px
}

.update .d-detail .span5 {
	width: 680px
}

.update .s-detail h2 {
	font-size: 20px;
	line-height: 26px
}

.update .c-detail {}

.update .c-detail .span6 {
	width: 430px
}

.update .c-detail .span6 h2 {
	font: 28px ThaiSansNeue-SemiBold
}

.update .c-detail .span6 table {
	margin-top: 0
}

.update .c-detail .span6 td {
	text-align: left;
	vertical-align: top
}

.update .c-detail .span6 td select,
.update .c-detail .span6 td input.fill,
.update .c-detail .span6 td textarea.fill,
.header .span8 .search input.fill {
	width: 220px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 13px;
	margin-bottom: 0;
	margin-right: 10px
}

.update .c-detail .span6 td select {
	width: 233px
}

.update .c-detail .span6 table.career td {
	background: #f5f4f4;
	border-bottom: 1px solid #ccc;
	padding: 7px;
	text-align: left;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.update .c-detail .span6 table.career tr:hover td {
	background: #eee
}

.update .c-detail .span6 table.career td a {
	color: #6b2a8b;
	padding-left: 20px;
	display: block
}

.update .c-detail .span6 table.career td.topic,
.update .c-detail .span6 table.career tr:hover td.topic {
	background: #6b2a8b;
	color: #fff;
	font-weight: bold
}

.update .c-detail .span6 table.career .description {
	display: none;

}

/* career */
.update .s-detail table {
	margin-top: 10px
}

.update .s-detail td {
	text-align: left;
	vertical-align: top
}

.update .s-detail td select,
.update .s-detail td input.fill,
.update .s-detail td textarea.fill {
	width: 220px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 13px;
	margin-bottom: 0;
	margin-right: 10px
}

.update .s-detail td select {
	width: 233px
}

.update .s-detail table.career td {
	background: #f5f4f4;
	border-bottom: 1px solid #ccc;
	padding: 7px;
	text-align: left;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.update .s-detail table.career tr:hover td {
	background: #eee
}

.update .s-detail table.career td a {
	color: #6b2a8b;
	padding-left: 20px;
	display: block;
	font-weight: bold
}

.update .s-detail table.career td a.branch-name {
	color: #6b2a8b;
	padding-left: 0px;
	display: inline-block;
	padding: 0;
	background: none;
	font-weight: normal
}

.update .s-detail table.career td.topic,
.update .s-detail table.career tr:hover td.topic {
	background: #6b2a8b;
	color: #fff;
	font-weight: bold
}

.update .s-detail table.career .description {
	display: none;
}




















.update .span3 .box .ws_images {
	height: 290px
}

.update .list .span4 {
	width: 280px;
}

.update .list .span4 ul {
	padding: 0;
	margin: 0;
	margin-left: 20px;
	margin-top: 10px
}

.update .list .span4 li {
	line-height: normal
}

.update .list .span4 h2 {
	font-size: 16px;
	margin-bottom: 10px
}

.update .span4 .box .ws_images {
	height: 290px
}

.update .span4 .box span {
	height: 162px
}

.update .span4 .box h1 span {
	box-shadow: none !important;
}



/* ----- Search Doctor ----*/
.span4 .search-doctor .row {
	background: #fff;
	margin-top: 20px;
	box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .08) inset, 0 -1px 45px 0 rgba(0, 0, 0, .08) inset;
	padding: 20px;
	text-align: center;
	margin: 0 20px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	height: 302px
}

.span4 .search-doctor h1,
.span4 .search-doctor h3 {
	color: #6b2a8b !important;
	font: 26px ThaiSansNeue-SemiBold;
	margin-bottom: 10px;
	float: none;
	background: none !important
}

.span4 .search-doctor select,
.span4 .search-doctor input.fill {
	width: 100%;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 10px;
	margin-right: 10px;
	float: none
}

.span4 .search-doctor input.fill {
	padding: 4px 0;
	text-indent: 9px
}


.span12 .search-doctor {
	margin-top: 20px;
	-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
	text-align: center
}

.span12 .search-doctor .row {
	background: #fff;
	margin-top: 20px;
	box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .08) inset, 0 -1px 45px 0 rgba(0, 0, 0, .08) inset;
	padding: 20px;
	padding-left: 0px;
	margin-left: 0px
}

.span12 .search-doctor br {
	display: none
}

.span12 .search-doctor h1 {
	color: #6b2a8b;
	font: 24px ThaiSansNeue-SemiBold;
	margin: 0 40px;
	display: inline-block
}

.span12 .search-doctor h3 {
	color: #6b2a8b;
	font: 22px ThaiSansNeue-SemiBold;
	margin: 0 40px;
	display: inline-block
}

.span12 .search-doctor select,
.span12 .search-doctor input.fill {
	width: 220px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 0;
	margin-right: 10px
}

/* pagination */
.pagination {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font: 12px tahoma;
	color: #666
}

.pagination .span8 {
	text-align: right
}

.pagination a {
	color: #562170;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px
}

.pagination a.selected,
.pagination a:hover {
	background: #562170;
	color: #fff
}

/* ----- Footer ----- */

footer {
	margin: 0 auto;
	padding-bottom: 10px;
	margin-top: 20px;
	position: relative
}

footer .subscribe {
	padding: 10px 10px 10px 10px;
	border: 1px solid #fff;
	position: absolute;
	right: 0;
	bottom: 80px;
	font-size: 12px;
	color: #562170;
	font-weight: bold
}

footer .subscribe input.fill {
	border-radius: 0;
	margin-bottom: 0;
	margin-right: 5px;
	padding: 2px
}

footer hr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	margin: 10px 0 5px 0
}

footer h4 {
	margin: 0 0 5px 0;
	font: bold 12px tahoma;
	color: #616161;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

footer h4 a {
	color: #616161;
}

footer h4 a:hover {
	color: #6b2a8b
}

footer a {
	color: #929292;
	display: block;
	font-size: 12px
}

footer a:hover {
	color: #6b2a8b
}

footer p {
	line-height: 24px;
}

footer i {
	padding-right: 7px;
}

footer .copyright,
footer .social {
	font: 12px tahoma
}

footer .copyright a {
	display: inline-block;
	color: #6b2a8b
}

/* Twitter feed */
.show-tweets {
	margin: 0;
	overflow-y: hidden;
}

.tweet_list {
	height: 10em;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	list-style: none;
}

.tweet_list li {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	line-height: 24px;
}

.tweet_list .tweet_avatar {
	float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/* Flickr feed */
.flickr-feed {
	margin: 16px 0 0 0;
	overflow: hidden
}

.flickr-feed li {
	float: left;
	padding: 0 4px 4px 0;
	list-style: none;
}

.flickr-feed li img {
	width: 50px;
	border: 2px solid #eaeaea;
}

.flickr-feed a:hover {
	opacity: 0.7;
}

footer .footer-border {
	margin-top: 30px;
	border-top: 1px dashed #ddd;
}

footer .copyright {
	margin-top: 10px;
	text-align: left;
}

footer .social {
	margin-top: 10px;
	text-align: right;
}

footer .social a {
	display: inline-block;
	width: 33px;
	height: 32px;
	margin: 0 0 0 3px;
	vertical-align: middle;
}

footer .social a.twitter {
	background: url(../images/social-icons/twitter.png) left top no-repeat;
}

footer .social a.dribbble {
	background: url(../images/social-icons/dribbble.png) left top no-repeat;
}

footer .social a.rss {
	background: url(../images/social-icons/rss.png) left top no-repeat;
}

footer .social a.pinterest {
	background: url(../images/social-icons/pinterest.png) left top no-repeat;
}

footer .social a.flickr {
	background: url(../images/social-icons/flickr.png) left top no-repeat;
}

footer .social a.forrst {
	background: url(../images/social-icons/forrst.png) left top no-repeat;
}

footer .social a.vimeo {
	background: url(../images/social-icons/vimeo.png) left top no-repeat;
}

footer .social a.linkedin {
	background: url(../images/social-icons/linkedin.png) left top no-repeat;
}

footer .social a.facebook {
	background: url(../images/social-icons/facebook.png) left top no-repeat;
}

footer .social a.email {
	background: url(../images/social-icons/email.png) left top no-repeat;
}

footer .social a.github {
	background: url(../images/social-icons/github.png) left top no-repeat;
}

footer .social a.behance {
	background: url(../images/social-icons/behance.png) left top no-repeat;
}

footer .social a.googleplus {
	background: url(../images/social-icons/googleplus.png) left top no-repeat;
}

footer .social a.youtube {
	background: url(../images/social-icons/youtube.png) left top no-repeat;
}

footer .social a.skype {
	background: url(../images/social-icons/skype.png) left top no-repeat;
}

footer .social a.tumblr {
	background: url(../images/social-icons/tumblr.png) left top no-repeat;
}

footer .social a:hover {
	background-position: left bottom;
}

/* ----- Page title ----- */

.page-title {
	margin: 0 auto;
	padding: 30px 0 35px 0;
	background: #f8f8f8 url(../images/pattern.jpg) left top repeat;
	-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset, 0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
	text-align: left;
}

.page-title h2 {
	display: inline;
	margin-left: 10px;
	font-family: 'Lobster', cursive;
	font-size: 24px;
	color: #5d5d5d;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
	vertical-align: middle;
}

.page-title p {
	display: inline;
	margin-left: 5px;
	font-size: 14px;
	font-style: italic;
	vertical-align: middle;
}

.page-title-icon {
	margin-left: 20px;
	font-size: 46px;
	color: #ccc;
	vertical-align: middle;
}

/********** ----- ABOUT PAGE ----- **********/

/* ----- About us text ----- */

.about-us {
	margin-top: 20px;
}

.about-us-text {
	padding: 10px 0;
	text-align: left;
}

.about-us-text h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.about-us-text p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 13px;
}

/* ----- Meet our team ----- */

.team {
	margin-top: 30px;
}

.team-title {
	background: url(../images/line.png) left center repeat-x;
}

.team-title h3 {
	width: 220px;
	margin: 0 auto;
	background: #fff;
	font-family: 'Lobster', cursive;
	font-size: 24px;
	color: #5d5d5d;
}

.team-text {
	margin-top: 40px;
	padding-bottom: 20px;
	background: #f8f8f8;
	border-bottom: 2px solid #9d426b;
}

.team-text:hover img {
	opacity: 0.7;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.team-text:hover {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}

.team-text .social-links {
	margin-top: 15px;
}

.team-text .social-links a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 4px;
	vertical-align: middle;
}

.team-text .social-links a.twitter {
	background: url(../images/social-icons/twitter.png) left top no-repeat;
}

.team-text .social-links a.dribbble {
	background: url(../images/social-icons/dribbble.png) left top no-repeat;
}

.team-text .social-links a.pinterest {
	background: url(../images/social-icons/pinterest.png) left top no-repeat;
}

.team-text .social-links a.flickr {
	background: url(../images/social-icons/flickr.png) left top no-repeat;
}

.team-text .social-links a.forrst {
	background: url(../images/social-icons/forrst.png) left top no-repeat;
}

.team-text .social-links a.vimeo {
	background: url(../images/social-icons/vimeo.png) left top no-repeat;
}

.team-text .social-links a.linkedin {
	background: url(../images/social-icons/linkedin.png) left top no-repeat;
}

.team-text .social-links a.facebook {
	background: url(../images/social-icons/facebook.png) left top no-repeat;
}

.team-text .social-links a.email {
	background: url(../images/social-icons/email.png) left top no-repeat;
}

.team-text .social-links a.behance {
	background: url(../images/social-icons/behance.png) left top no-repeat;
}

.team-text .social-links a.googleplus {
	background: url(../images/social-icons/googleplus.png) left top no-repeat;
}

.team-text .social-links a.youtube {
	background: url(../images/social-icons/youtube.png) left top no-repeat;
}

.team-text .social-links a.skype {
	background: url(../images/social-icons/skype.png) left top no-repeat;
}

.team-text .social-links a.tumblr {
	background: url(../images/social-icons/tumblr.png) left top no-repeat;
}

.team-text .social-links a:hover {
	background-position: left bottom;
}

.team-text h4 {
	margin-top: 20px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.team-text p {
	line-height: 24px;
	font-style: italic;
}

/********** ----- CONTACT PAGE ----- **********/

/* ----- Form ----- */

.contact-us {
	margin-top: 20px;
	padding-bottom: 50px;
	text-align: left;
}

.contact-us h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.contact-us p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 13px;
}

.contact-form {
	padding: 10px 0;
}

.contact-form p {
	margin-top: 15px;
}

.contact-us form {
	margin-top: 25px;
	padding: 0 20px;
}

.contact-us form input,
.contact-us form textarea {
	width: 90%;
	height: 24px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 13px;
	font-style: italic;
}

.contact-us form input:focus,
.contact-us form textarea:focus {
	border: 1px solid #bbb;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-us form textarea {
	height: 160px;
}

.contact-us form button {
	width: 120px;
	height: 30px;
	margin-top: 15px;
	background: #9d426b;
	border: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #fff;
	-moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.contact-us form button:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-us form button:active {
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.contact-us form label {
	margin-top: 10px;
	font-size: 13px;
}

.contact-us form input:-moz-placeholder,
.contact-us form textarea:-moz-placeholder {
	color: #ccc;
}

.contact-us form input:-ms-input-placeholder,
.contact-us form textarea:-ms-input-placeholder {
	color: #ccc;
}

.contact-us form input::-webkit-input-placeholder,
.contact-us form textarea::-webkit-input-placeholder {
	color: #ccc;
}

/* ----- Google maps ----- */

.map {
	margin: 20px 20px 40px 20px;
	height: 300px;
	border: 5px solid #f8f8f8;
}

/********** ----- SERVICES PAGE ----- **********/

/* ----- Services full width text ----- */

.services-full-width {
	margin-top: 20px;
}

.services-full-width-text {
	padding: 10px 0 0 0;
	text-align: left;
}

.services-full-width-text h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.services-full-width-text p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 13px;
}

/* ----- Services half width text ----- */

.services-half-width {
	margin-top: 20px;
}

.services-half-width-text {
	padding: 10px 0;
	text-align: left;
}

.services-half-width-text h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.services-half-width-text p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 13px;
}

/* ----- Call to action ----- */

.call-to-action {
	margin-top: 20px;
	padding-bottom: 50px;
}

.call-to-action-text {
	padding: 25px 0 20px 0;
	text-align: left;
	background: #f8f8f8;
	overflow: hidden;
}

.call-to-action-text:hover {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}

.call-to-action-text .ca-text,
.call-to-action-text .ca-button {
	float: left;
	padding: 0 0 0 35px;
	line-height: 30px;
	font-size: 18px;
	font-style: italic;
}

.call-to-action-text .ca-button {
	float: right;
	padding: 0 35px 0 0;
}

.call-to-action-text .ca-button a {
	padding: 5px 22px;
	background: #9d426b;
	color: #fff;
	text-decoration: none;
	-moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.call-to-action-text .ca-button a:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.call-to-action-text .ca-button a:active {
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

/********** ----- PORTFOLIO PAGE ----- **********/

.portfolio-page {
	margin-top: 20px;
	padding-bottom: 50px;
}

.portfolio-page h4.filter-portfolio {
	margin-top: 35px;
	padding: 0 20px;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-align: left;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

ul.portfolio-img {
	margin: 0;
	overflow: hidden;
}

ul.portfolio-img li {
	list-style: none;
}

.filter-portfolio a {
	color: #5d5d5d;
	text-decoration: none;
}

.filter-portfolio a:hover {
	color: #9d426b;
	text-decoration: none;
}

.filter-portfolio a#active-imgs {
	color: #9d426b;
}

.filter-portfolio a#active-imgs:hover {
	color: #5d5d5d;
}

.span4 .ws_wrapper .ws_images img {
	width: 300px;
	border: none 0;
	max-width: none;
	padding: 0;
}

.span12 .ws_wrapper .ws_images img {
	width: 940px;
	height: 330px;
	border: none 0;
	max-width: none;
	padding: 0;
}




/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {
	.flex-caption {
		max-width: 700px;
	}

	.what-we-do .service p,
	.portfolio .box p {
		padding-left: 10px;
		padding-right: 10px;
	}

	.call-to-action-text {
		padding-bottom: 30px;
	}

	.call-to-action-text .ca-text {
		padding: 0 35px;
	}

	.call-to-action-text .ca-button {
		margin-top: 10px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {

	#cboxOverlay,
	#colorbox {
		display: none !important
	}

	.header a.logo {
		margin-left: -20px
	}

	.header .nav-link a.tour {
		display: none !important
	}

	.update .span12 h1 {
		font: 38px ThaiSansNeue-SemiBold;
		background: url(../images/bg-h1.jpg) left 20px no-repeat;
	}

	.header .navbar {
		margin-left: 0px;
	}

	.header .navbar-small {
		display: block;
		padding-left: 20px;
	}

	.update .box h1,
	.update .box h1 span {
		height: 40px;
		font: 20px ThaiSansNeue-SemiBold;
	}

	.update .box h2,
	.update .list h2 {
		font: bold 16px tahoma;
		line-height: 16px
	}

	.update .box span {
		height: 120px;
	}

	.update .span3 .box span {
		height: 190px
	}

	.update .box .bxslider span {
		box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .08) inset, 0 -1px 45px 0 rgba(0, 0, 0, .08) inset;
		height: 150px;
		padding: 10px 15px;
		display: block;
		color: #5f5f5f;
		font: 12px tahoma;
		background: #fff;
		position: relative;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
	}

	.span4 .box .search-doctor .row {
		background: #fff;
		margin-top: 20px;
		box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .08) inset, 0 -1px 45px 0 rgba(0, 0, 0, .08) inset;
		padding: 20px;
		text-align: center;
		margin: 0 20px;
		margin-top: 20px;
		margin-left: 0px;
		margin-right: 0px;

		height: 297px
	}

	.span4 .box .search-doctor h1,
	.span4 .box .search-doctor h3 {
		color: #6b2a8b !important;
		font: 26px ThaiSansNeue-SemiBold;
		margin-bottom: 10px;
		float: none;
		background: none !important
	}

	.span4 .box .search-doctor select,
	.span4 .box .search-doctor input.fill {
		width: 100%;
		border: 1px solid #ddd;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: #888;
		font-size: 13px;
		font-style: italic;
		margin-bottom: 10px;
		margin-right: 10px;
		float: none
	}

	.span4 .box .search-doctor input.fill {
		padding: 4px 0;
		text-indent: 9px
	}

	.span12 .search-doctor h1 {
		color: #6b2a8b;
		font: 20px ThaiSansNeue-SemiBold;
		margin: 0 20px;
		display: inline-block
	}

	.span12 .search-doctor h3 {
		color: #6b2a8b;
		font: bold 12px tahoma;
		margin: 0 15px;
		margin-top: 5px;
		display: inline-block
	}

	.span12 .search-doctor select,
	.span12 .search-doctor input.fill {
		width: 170px;
		border: 1px solid #ddd;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: #888;
		font-size: 13px;
		font-style: italic;
		margin-bottom: 0;
		margin-right: 10px
	}

	.flexslider {
		margin-top: 10px
	}

	.header .navbar-small td.branch_ {
		padding-left: 0
	}

	.header .navbar-small .branch-selected select {
		margin: 0 !important
	}

	.header .branch {
		display: none
	}

	.header .btn-navbar {
		display: block;
	}

	.header .navbar .navbar-inner {
		width: 100%;
		padding: 0
	}

	.header .branch ul.nav li a {
		font-size: 18px;
		width: 102px
	}

	.header .branch ul.nav li a i,
	.header .branch ul.nav li a br {
		display: block;
	}

	.header .nav-collapse ul.nav {
		padding-right: 0px
	}

	.header .nav-collapse ul.nav a {
		font-weight: normal
	}

	.header ul.nav li a i,
	.header ul.nav li a br {
		display: none;
	}

	.flex-caption {
		max-width: 500px;
	}

	.what-we-do .service p,
	.portfolio .box p {
		padding-left: 10px;
		padding-right: 10px;
	}

	.call-to-action-text {
		padding-bottom: 30px;
	}

	.call-to-action-text .ca-text {
		padding: 0 35px;
	}

	.call-to-action-text .ca-button {
		margin-top: 10px;
	}

	.update .list .span5 {
		width: 550px
	}

	.update .detail span {
		height: auto;
		padding: 20px 30px
	}

	.update .span9 .detail_ {
		background: #fff;
	}

	.update .detail {
		width: 100%
	}

	.update .detail h2 {
		font: 28px ThaiSansNeue-SemiBold;
	}

	.update .detail .box {
		margin-right: 20px
	}

	.update .detail span {
		height: auto;
		padding: 20px 30px;
	}

	.update .detail span img {
		float: none;
		margin-bottom: 10px
	}

	.update .detail span h4 {
		margin: 15px 0;
		color: #702c91;
		font-size: 18px
	}

	.update .submenu {
		width: 724px;
		margin-top: 20px;
	}

	.update .submenu ul {
		margin: 0;
		text-align: center
	}

	.update .submenu ul li {
		list-style: none;
		border-bottom: none;
		border-top: none;
		display: inline-block;
		margin-bottom: 10px
	}

	.update .submenu ul li a {
		color: #702c91;
		font-size: 13px;
		display: block;
		padding: 5px 15px;
		text-indent: 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background: #eee;
		margin-right: 5px
	}

	.update .submenu ul li a:hover,
	.update .submenu ul li a.selected {
		background: #702c91;
		color: #fff;
		border-right: none;
		-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
		-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
	}

	.update .detail .list {
		padding-right: 0
	}

	.update .detail .list .span5 {
		width: 500px
	}

	.update .d-detail .span5 {
		width: 450px
	}

	.update .list .span4 {
		width: 210px;
	}

	.update .list .span4 ul {
		padding: 0;
		margin: 0;
		margin-left: 20px;
		margin-top: 10px
	}

	.update .list .span4 li {
		line-height: normal
	}

	.update .list .span4 h2 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.update .c-detail {}

	.update .c-detail .span6 {
		width: 640px
	}

	.update .c-detail .span6 h2 {
		font: 28px ThaiSansNeue-SemiBold;
		margin-top: 20px
	}

	.update .c-detail .span6 table {
		margin-top: 0
	}

	.update .c-detail .span6 td {
		text-align: left;
		vertical-align: top
	}

	.update .c-detail .span6 td select,
	.update .c-detail .span6 td input.fill,
	.update .c-detail .span6 td textarea.fill {
		width: 220px;
		border: 1px solid #ddd;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: #888;
		font-size: 13px;
		margin-bottom: 0;
		margin-right: 10px
	}

	.update .c-detail .span6 td select {
		width: 233px
	}

	.update .c-detail .span6 table.career td {
		background: #f5f4f4;
		border-bottom: 1px solid #ccc;
		padding: 7px;
		text-align: left;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
	}

	.update .c-detail .span6 table.career tr:hover td {
		background: #eee
	}

	.update .c-detail .span6 table.career td a {
		color: #6b2a8b;
		padding-left: 20px;
		display: block;
		font-weight: bold
	}

	.update .c-detail .span6 table.career td.topic,
	.update .c-detail .span6 table.career tr:hover td.topic {
		background: #6b2a8b;
		color: #fff;
		font-weight: bold
	}


	.update .span4 .box .ws_images span {
		height: 190px
	}

	.header .nav-collapse ul.nav-main li {
		font-size: 13px
	}

	.header .nav-collapse ul.nav-main li a i {
		display: inline-block;
		margin-left: -30px
	}

	.span4 .ws_wrapper .ws_images img {
		width: 228px;
		border: none 0;
		max-width: none;
		padding: 0;
	}

	.span12 .ws_wrapper .ws_images img {
		width: 724px;
		height: 254px;
		border: none 0;
		max-width: none;
		padding: 0;
	}





}

@media (max-width: 767px) {

	#cboxOverlay,
	#colorbox {
		display: none !important
	}

	body {
		padding-left: 0;
		padding-right: 0;
	}

	footer {
		display: none
	}

	.update .span12 h1 {
		font: 38px ThaiSansNeue-SemiBold;
		background: url(../images/bg-h1.jpg) left 20px no-repeat;
	}

	.header .navbar-small {
		display: block
	}

	.search-doctor br {
		display: inline-table
	}

	.header .navbar-small .branch-selected {}

	.header .branch {
		display: none
	}

	.header .btn-navbar {
		display: block;
	}

	.header .span8 {
		text-align: right;
		padding-top: 50px;
		padding-right: 20px
	}

	.header .span8 .lang {

		display: inline-block;
		margin: 0
	}

	.header .span8 .search {
		display: none
	}

	.header .span8 .nav-link a.tour {
		display: none;
		margin-left: 5px
	}

	.header .span8 .search input.fill {
		width: 130px
	}

	.update .box h1,
	.update .box h1 span {
		height: 40px;
		font: 20px ThaiSansNeue-SemiBold;
	}

	.update .box h2 {
		font: bold 16px tahoma;
		line-height: 16px
	}

	.slider,
	.what-we-do,
	.box {
		padding: 0 20px;
	}

	.what-we-do {
		margin-top: 30px;
	}

	.header a.logo {
		margin-left: 0
	}

	.header .navbar {
		margin-left: 0px
	}

	.header ul.nav li a {
		padding: 15px 20px 15px 20px;
		font-weight: normal;
		text-align: left;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.header ul.nav li.current-page a {
		padding-top: 0;
	}

	.header ul.nav li a i,
	.header ul.nav li a br {
		display: none;
	}

	.search-doctor,
	.pagination {
		margin-left: 20px;
		margin-right: 20px
	}

	.update .span4 .box .search-doctor {
		margin-left: 0px;
		margin-right: 0px
	}

	.span4 .box .search-doctor .row {
		background: #fff;
		margin-top: 20px;
		box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .08) inset, 0 -1px 45px 0 rgba(0, 0, 0, .08) inset;
		padding: 20px;
		text-align: center;
		margin: 0 20px;
		margin-top: 20px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		height: 297px
	}

	.span4 .box .search-doctor h1,
	.span4 .box .search-doctor h3 {
		color: #6b2a8b !important;
		font: 26px ThaiSansNeue-SemiBold;
		margin-bottom: 10px;
		float: none;
		background: none !important
	}

	.span4 .box .search-doctor select,
	.span4 .box .search-doctor input.fill {
		width: 90%;
		border: 1px solid #ddd;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: #888;
		font-size: 13px;
		font-style: italic;
		margin-bottom: 10px;
		margin-right: 10px;
		float: none
	}

	.span4 .box .search-doctor input.fill {
		padding: 4px 0;
		text-indent: 9px
	}


	.span12 .search-doctor .row {
		background: #fff;
		margin-top: 20px;
		box-shadow: 0 1px 45px 0 rgba(0, 0, 0, .08) inset, 0 -1px 45px 0 rgba(0, 0, 0, .08) inset;
		padding: 20px;
		text-align: center;
		margin: 0 20px;
		margin-top: 20px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px
	}

	.span12 .search-doctor h1,
	.span12 .search-doctor h3 {
		color: #6b2a8b;
		font: 26px ThaiSansNeue-SemiBold;
		margin-bottom: 10px;
		float: none
	}

	.span12 .search-doctor select,
	.span12 .search-doctor input.fill {
		width: 90%;
		border: 1px solid #ddd;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: #888;
		font-size: 13px;
		font-style: italic;
		margin-bottom: 10px;
		margin-right: 10px;
		float: none
	}

	.span12 .search-doctor input.fill {
		padding: 4px 0;
		text-indent: 9px
	}

	.flex-caption {
		display: none;
	}

	.presentation,
	footer,
	.testimonials {
		padding-left: 20px;
		padding-right: 20px;
	}

	.presentation p {
		line-height: 30px;
	}

	.what-we-do .service p,
	.portfolio .box p {
		padding-left: 10px;
		padding-right: 10px;
	}

	.what-we-do .service .icon-awesome {
		padding-top: 10px;
	}

	.page-title p {
		display: block;
		margin-top: 10px;
		margin-left: 20px;
	}

	.call-to-action-text {
		padding-bottom: 30px;
	}

	.call-to-action-text .ca-text {
		padding: 0 35px;
	}

	.call-to-action-text .ca-button {
		margin-top: 10px;
	}

	.portfolio-page {
		padding-bottom: 50px;
	}

	.tweet_list {
		height: 6em;
	}

	.nav-collapse {
		clear: both;
	}

	.nav-collapse .nav {
		float: none;
		margin: 0 0 10px;
	}

	.nav-collapse .nav>li {
		float: none;
	}

	.nav-collapse .nav>li>a {
		margin-bottom: 2px;
	}

	.nav-collapse .nav>.divider-vertical {
		display: none;
	}

	.nav-collapse .nav .nav-header {
		color: #777777;
		text-shadow: none;
	}

	.nav-collapse .nav>li>a,
	.nav-collapse .dropdown-menu a {
		padding: 9px 15px;
		font-weight: bold;
		color: #777777;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.nav-collapse .btn {
		padding: 4px 10px 4px;
		font-weight: normal;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.nav-collapse .dropdown-menu li+li a {
		margin-bottom: 2px;
	}

	.nav-collapse .nav>li>a:hover,
	.nav-collapse .dropdown-menu a:hover {
		background-color: #f2f2f2;
	}

	.navbar-inverse .nav-collapse .nav>li>a,
	.navbar-inverse .nav-collapse .dropdown-menu a {
		color: #999999;
	}

	.navbar-inverse .nav-collapse .nav>li>a:hover,
	.navbar-inverse .nav-collapse .dropdown-menu a:hover {
		background-color: #111111;
	}

	.nav-collapse.in .btn-group {
		margin-top: 5px;
		padding: 0;
	}

	.nav-collapse .dropdown-menu {
		position: static;
		top: auto;
		left: auto;
		float: none;
		display: none;
		max-width: none;
		margin: 0 15px;
		padding: 0;
		background-color: transparent;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.nav-collapse .open>.dropdown-menu {
		display: block;
	}

	.nav-collapse .dropdown-menu:before,
	.nav-collapse .dropdown-menu:after {
		display: none;
	}

	.nav-collapse .dropdown-menu .divider {
		display: none;
	}

	.nav-collapse .nav>li>.dropdown-menu:before,
	.nav-collapse .nav>li>.dropdown-menu:after {
		display: none;
	}

	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
		float: none;
		padding: 10px 15px;
		margin: 10px 0;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
	}

	.navbar-inverse .nav-collapse .navbar-form,
	.navbar-inverse .nav-collapse .navbar-search {
		border-top-color: #111111;
		border-bottom-color: #111111;
	}

	.navbar .nav-collapse .nav.pull-right {
		float: none;
		margin-left: 0;
	}

	.nav-collapse,
	.nav-collapse.collapse {
		overflow: hidden;
		height: 0;
	}

	.flexslider {
		margin-top: 10px
	}

	.update .box .bxslider span {
		height: 80px
	}

	.update {
		padding-left: 20px
	}

	.span3,
	.span4 {
		width: 50%;
		float: left
	}

	.list {
		margin-right: 20px
	}

	.list .span3 {
		width: 30%;
		float: left
	}

	.list .span8 {
		width: 60%;
		float: left;
		margin-left: 20px
	}

	.list h2 {
		font-size: 16px !important;
	}

	.span3 .box,
	.span4 .box {
		padding: 0;
		margin-right: 20px
	}

	.update .list .span2 {
		float: left
	}

	.update .list .span5 {
		width: 68%;
		float: left;
		margin-left: 20px
	}

	.update .list .span5 td {
		padding: 3px 0;
		font-size: 11px
	}

	.update .detail {
		width: 100%;
		float: left
	}

	.update .detail h2 {
		font: 28px ThaiSansNeue-SemiBold;
	}

	.update .detail .box {
		margin-right: 20px;
		padding: 0
	}

	.update .detail span {
		height: auto;
		padding: 20px 30px;
	}

	.update .detail span img {
		float: none;
		margin-bottom: 10px
	}

	.update .detail span h4 {
		margin: 15px 0;
		color: #702c91;
		font-size: 14px
	}

	.update .submenu {
		width: 100%;
		margin-top: 20px;
	}

	.update .submenu ul {
		margin: 0;
		text-align: center;
		padding: 0
	}

	.update .submenu ul li {
		list-style: none;
		border-bottom: none;
		border-top: none;
		display: inline-block;
		margin-bottom: 10px
	}

	.update .submenu ul li a {
		color: #702c91;
		font-size: 13px;
		display: block;
		padding: 5px 15px;
		text-indent: 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background: #eee;
		margin-right: 5px
	}

	.update .submenu ul li a:hover,
	.update .submenu ul li a.selected {
		background: #702c91;
		color: #fff;
		border-right: none;
		-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
		-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .05);
	}

	.update .detail {
		margin-bottom: 20px
	}

	.update .detail .list {
		margin-right: 0
	}

	.update .detail .list .span5 {
		width: 68%
	}

	.update .d-detail,
	.update .s-detail {
		margin-bottom: 20px
	}

	.update .d-detail .span2 {
		width: 100px;
	}

	.update .d-detail .span5 {
		width: 68%
	}

	.update .s-detail h2 {
		line-height: normal
	}

	.update .list .span4 {
		width: 33%;
	}

	.update .c-detail .span6 {
		width: 100%
	}

	.update .c-detail .span6 h2 {
		font: 24px ThaiSansNeue-SemiBold !important;
		margin-top: 20px
	}

	.update .span3 .box span {
		height: 170px;

	}

	.update .span4 .box span {
		height: 160px
	}

	.update .span4 .box .ws_images span {
		height: 180px
	}

	.header .nav-collapse ul.nav-main li {
		font-size: 13px
	}

	.header .nav-collapse ul.nav-main li a i {
		display: inline-block;
		margin-left: -30px
	}

	.span4 .ws_wrapper .ws_images img {
		border: none 0;
		max-width: none;
		padding: 0;
		width: 100%
	}

	.span12 .ws_wrapper .ws_images img {
		border: none 0;
		max-width: none;
		padding: 0;
		width: 100%;
		height: auto
	}


}

@media (max-width: 480px) {

	#cboxOverlay,
	#colorbox {
		display: none !important
	}

	.tweet_list {
		height: 10em;
	}

	.slider {
		display: none
	}

	[class*="span"],
	.uneditable-input[class*="span"],
	.row-fluid [class*="span"] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.update .box .bxslider span {
		height: 90px
	}

	.update .span12 h1 {
		font: 34px ThaiSansNeue-SemiBold;
		background: url(../images/bg-h1.jpg) left 20px no-repeat;
	}

	.list .span3 {
		width: 100%;
		float: left;
	}

	.list .span3 img {
		margin-bottom: 20px
	}

	.list .span8 {
		width: 100%;
		float: left;
		margin-left: 0px
	}

	.list h2 {
		font-size: 14px !important;
	}

	.span4 .box .search-doctor .row {

		height: 200px
	}

	.update .list .span2 {
		float: left;
		width: 100%;
		margin-bottom: 20px;
		text-align: center
	}

	.update .list .span5,
	.update .detail .list .span5 {
		width: 100%;
		float: left;
		margin-left: 0px
	}

	.update .list .span5 ul li {}

	.update .list .span5 td {
		font-size: 12px;
		padding: 3px
	}

	.update .detail .list {
		padding-right: 0;
	}

	.update .detail .list .span2 {
		margin-left: -10px
	}

	.update .detail .list img {
		margin: 0
	}

	.update .list .span4 {
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
		margin-bottom: 10px
	}

	.header .span8 {
		margin-bottom: 10px
	}

	.header .span8 .search {
		display: none
	}

	.update .span3 .box span {
		height: 110px
	}

	.span4 .ws_wrapper .ws_images img,
	.span12 .ws_wrapper .ws_images img {
		border: none 0;
		max-width: none;
		padding: 0;
		width: 100%
	}


}

@media (max-width: 320px) {
	.update .box span {
		height: 110px
	}

	.update .box .bxslider span {
		height: 110px
	}

	.update .span12 h1 {
		font: 30px ThaiSansNeue-SemiBold;
		background: url(../images/bg-h1.jpg) left 20px no-repeat;
	}

	.update .detail span {
		height: auto
	}

	.update .list .span5 table {
		display: none
	}

	.update .span3 .box span {
		height: 200px;

	}
}