/*
 *
 * 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;
-webkit-filter: grayscale(80%); 
    filter: grayscale(80%);
}
.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: 110px;
	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: 55px;
	padding-top: 15px;
	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: 192px;
	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:142px
}
.update .span4 .box  h1 span{
	box-shadow:none!important;
}



/* ----- Search Doctor ----*/


.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
}
.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
}
.search-doctor br {
	display: none
}
.search-doctor h1 {
	color: #6b2a8b;
	font: 24px ThaiSansNeue-SemiBold;
	margin: 0 40px;
	display: inline-block
}
.search-doctor h3 {
	color: #6b2a8b;
	font: 22px ThaiSansNeue-SemiBold;
	margin: 0 40px;
	display: inline-block
}
.search-doctor select, .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;
}

.span3 .ws_wrapper .ws_images img{
	width:220px;
	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:210px
}
.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;
}


.search-doctor h1 {
	color: #6b2a8b;
	font: 20px ThaiSansNeue-SemiBold;
	margin: 0 20px;
	display: inline-block
}
.search-doctor h3 {
	color: #6b2a8b;
	font: bold 12px tahoma;
	margin: 0 15px;
	margin-top: 5px;
	display: inline-block
}
.search-doctor select,.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:160px
}
.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
}

.span3 .ws_wrapper .ws_images img{
	width:166px;
	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
}



.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
}
.search-doctor h1,.search-doctor h3 {
	color: #6b2a8b;
	font: 26px ThaiSansNeue-SemiBold;
	margin-bottom: 10px;
	float: none
}
.search-doctor select,.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
}
.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:200px;

}
.update .span4 .box span{
	height:160px
}
.update .span4 .box .ws_images span{
	height:160px
}
.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
}
.span3 .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;
}

.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:150px
}
}
 @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;

}
}