html,body{
	min-height:100%;
	height:100%;
}
html[lang="th"] #sign_in_emp{
	font-size: var(--font14);
}

#container_h iframe body,#container iframe body{
	padding:0 !important;
	margin:0 !important;
}
/*#footer{
	position:absolute;
	bottom:0;
}*/
.btn{
	text-shadow:none;
}

textarea{
	resize:none !important;
}
.alert-danger.alert-pop{
	border: 1px solid #b94a48;
}
.alert-success.alert-pop{
	border: 1px solid #468847;
}
.alert-pop,#alert-error-fav{
	position:fixed;
	text-align:center;
	top:45%;
	width:60%;
	left:50%;
	margin-left:-30%;
	z-index:9999;
	padding:10px 0 !important;
	box-shadow:0 2px 5px #999;
	border:1px solid #00b4ff
}

.alert-y{
	background-color: #FFEE87;
	border: 1px solid #FFCC66;
	height: auto;
	padding: 10px 0;
	text-align: center;
}
.canvas-sliding{-webkit-transition:-webkit-transform .35s;transition:transform .35s,-ms-transform .35s}
/*---scipt menu---*/
.navmenu {
	/*width: 280px;*/
	min-height: 100%;
	border-style: solid;
	/*border-width: 1px;*/
	border-radius: 4px;
	/*background:#3b3b3b*/
	top:53px !important;
}
#mobile_login ul{
	padding:0;
	margin:0;
}
#mobile_login > ul > li{
	width:50%;
	border:none;
}
#mobile_login > ul > li > a{
	line-height:30px;
	border:none;
	background:#333;
	box-shadow:none;
	-webkit-box-shadow:none;
	border-radius:0;
	-webkit-border-radius:0;
	text-align:center;
}
/*
#mobile_login > ul > li > a:hover{
	background:#333
}
#mobile_login > ul > li.active > a,#mobile_login > ul > li.active > a:hover{
	color:#fff;
	background:#000
}
*/
#mobile_login .tab-content{
	background:#000
}
/*
#mobile_login a:hover{
	color:#00b4ff
}
*/
.navmenu-fixed-left,
.navmenu-fixed-right {
	position: fixed;
	top: 0;
	z-index: 1030;
	border-radius: 0;
}

.navmenu-fixed-left {
	left: 281px;
	border-width: 0 1px 0 0;
}

.navmenu-fixed-right {
	right: 0;
	border-width: 0 0 0 1px;
}

.navmenu-nav {
	margin-bottom: 10px;
}

.navmenu-nav.dropdown-menu {
	position: static;
	float: none;
	padding-top: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navmenu-brand {
	display: block;
	padding: 10px 15px;
	margin: 10px 0;
	font-size: var(--font18);
	line-height: 20px;
}

.navmenu-brand:hover,
.navmenu-brand:focus {
	text-decoration: none;
}

.navmenu-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
}

.navmenu-default .navmenu-brand {
	color: #777777;
}

.navmenu-default .navmenu-brand:hover,
.navmenu-default .navmenu-brand:focus {
	color: #5e5e5e;
	background-color: transparent;
}

.navmenu-default .navmenu-text {
	color: #777777;
}

.navmenu-default .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-default .navmenu-nav > .dropdown > a:focus .caret {
	border-top-color: #333333;
	border-bottom-color: #333333;
}

.navmenu-default .navmenu-nav > .open > a,
.navmenu-default .navmenu-nav > .open > a:hover,
.navmenu-default .navmenu-nav > .open > a:focus {
	color: #555555;
	background-color: #e7e7e7;
}

.navmenu-default .navmenu-nav > .open > a .caret,
.navmenu-default .navmenu-nav > .open > a:hover .caret,
.navmenu-default .navmenu-nav > .open > a:focus .caret {
	border-top-color: #555555;
	border-bottom-color: #555555;
}

.navmenu-default .navmenu-nav > .dropdown > a .caret {
	border-top-color: #777777;
	border-bottom-color: #777777;
}

.navmenu-default .navmenu-nav.dropdown-menu {
	background-color: #e7e7e7;
}

.navmenu-default .navmenu-nav.dropdown-menu > .divider {
	background-color: #f8f8f8;
}

.navmenu-default .navmenu-nav.dropdown-menu > .active > a,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus {
	background-color: #d7d7d7;
}

.navmenu-default .navmenu-nav > li > a {
	color: #777777;
}

.navmenu-default .navmenu-nav > li > a:hover,
.navmenu-default .navmenu-nav > li > a:focus {
	color: #333333;
	background-color: transparent;
}

.navmenu-default .navmenu-nav > .active > a,
.navmenu-default .navmenu-nav > .active > a:hover,
.navmenu-default .navmenu-nav > .active > a:focus {
	color: #555555;
	background-color: #e7e7e7;
}

.navmenu-default .navmenu-nav > .disabled > a,
.navmenu-default .navmenu-nav > .disabled > a:hover,
.navmenu-default .navmenu-nav > .disabled > a:focus {
	color: #cccccc;
	background-color: transparent;
}

.navmenu-inverse {
	background-color: #222222;
	border-color: #080808;
}

.navmenu-inverse .navmenu-brand {
	color: #999999;
}

.navmenu-inverse .navmenu-brand:hover,
.navmenu-inverse .navmenu-brand:focus {
	color: #ffffff;
	background-color: transparent;
}

.navmenu-inverse .navmenu-text {
	color: #999999;
}

.navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

.navmenu-inverse .navmenu-nav > .open > a,
.navmenu-inverse .navmenu-nav > .open > a:hover,
.navmenu-inverse .navmenu-nav > .open > a:focus {
	color: #ffffff;
	background-color: #080808;
}

.navmenu-inverse .navmenu-nav > .open > a .caret,
.navmenu-inverse .navmenu-nav > .open > a:hover .caret,
.navmenu-inverse .navmenu-nav > .open > a:focus .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

.navmenu-inverse .navmenu-nav > .dropdown > a .caret {
	border-top-color: #999999;
	border-bottom-color: #999999;
}

.navmenu-inverse .navmenu-nav.dropdown-menu {
	background-color: #080808;
}

.navmenu-inverse .navmenu-nav.dropdown-menu > .divider {
	background-color: #222222;
}

.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus {
	background-color: #000000;
}

.navmenu-inverse .navmenu-nav > li > a {
	color: #999999;
}

.navmenu-inverse .navmenu-nav > li > a:hover,
.navmenu-inverse .navmenu-nav > li > a:focus {
	color: #ffffff;
	background-color: transparent;
}

.navmenu-inverse .navmenu-nav > .active > a,
.navmenu-inverse .navmenu-nav > .active > a:hover,
.navmenu-inverse .navmenu-nav > .active > a:focus {
	color: #ffffff;
	background-color: #080808;
}

.navmenu-inverse .navmenu-nav > .disabled > a,
.navmenu-inverse .navmenu-nav > .disabled > a:hover,
.navmenu-inverse .navmenu-nav > .disabled > a:focus {
	color: #444444;
	background-color: transparent;
}
.offcanvas {
	display: none;
}

.offcanvas.in {
	display: block;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}

.header{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%
}

#jPanelMenu-menu{background:#3b3b3b}
#jPanelMenu-menu ul{ margin:0;}

#navS-list li > a{
	background:#FFFFFF;
	/*background:-o-linear-gradient(top, #3e3e3e, #383838);
	background:-ms-linear-gradient(top, #3e3e3e, #383838);
	background:-moz-linear-gradient(top, #3e3e3e, #383838);
	background:-webkit-gradient(linear, left top, left bottom,
	 			color-stop(0, #3e3e3e), color-stop(1, #383838));
	background:-webkit-linear-gradient(#3e3e3e, #383838);
	background:linear-gradient(top, #3e3e3e, #383838);*/
	display:block;
	text-decoration:none;
	/*text-shadow:0 -1px 2px #222*/;
	color:#777777;
	padding:0px 8px !important;
	/* font-size:16px; */
}
#navS-list li > a > img
{
	margin:0 15px 0 0;
}
#navS-list li > a:hover,
#navS-list li > a:focus,
#navS-list li > a:active{
	background:#EEEEEE;
	/*background:-o-linear-gradient(top, #484848, #383838);
	background:-ms-linear-gradient(top, #484848, #383838);
	background:-moz-linear-gradient(top, #484848, #383838);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));
	background:-webkit-linear-gradient(#484848, #383838);
	background:linear-gradient(top, #484848, #383838)*/
}
/*
#navS-list li > a:active{
	background:#363636;background:-o-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-ms-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-moz-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));
	background:-webkit-linear-gradient(#3e3e3e, #2e2e2e);
	background:linear-gradient(top, #3e3e3e, #2e2e2e);
	-moz-box-shadow:0 2px 7px #222 inset;
	-webkit-box-shadow:0 2px 7px #222 inset;
	box-shadow:0 2px 7px #222 inset;border-top-color:#222;
}
*/
.jPanelMenu-panel{
	-moz-box-shadow:0 0 25px #222;
	-webkit-box-shadow:0 0 25px #222;
	box-shadow:0 0 25px #222
}
a.icon{	white-space:nowrap;}
.modal.pie {position:fixed;}
.i_menu{
	background:url(../images/icon/i_menu.png) 0 0 no-repeat;
	width:50px;
	height:50px;
	float:left;
	margin:20px;
}
.tab_menu{
	width:255px;
	overflow:hidden;
	padding:10px;
	float:right;
}
.row_menu_phone{
	width:100%;
	overflow:hidden;}
.rmm-button{
	width:60px;
	height:40px;
	display: block;
	margin:10px;
	/*width: 20px;
	height: 22px;*/
	border:none;
	padding:5px;
	/*background:#d40101;*/
	float:left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background:url(../images/icon/menu_phone.png) 0 0 no-repeat;
	/*behavior:url(/assets/global/css/PIE.htc);
	background-image: linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -o-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -moz-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -webkit-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -ms-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.07, rgb(170,1,1)),
		color-stop(0.54, rgb(212,1,1))
	)
	 For Internet Explorer 5.5 - 7
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d40101, endColorstr=#aa0101);*/
	/* For Internet Explorer 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d40101, endColorstr=#aa0101)";*/
}
.rmm-button.pull-right{
	float:right;
}
.rmm-button:hover {cursor: pointer;}
.rmm * {
	-webkit-tap-highlight-color: transparent !important;
}
.rmm.graphite .rmm-toggled-controls {
	color: white;
	text-align: left;
}
.rmm-button span{
	display: block;
	margin: 4px 0px 4px 0px;
	height: 2px;
	background: white;
	width: 30px;
}

/*---ninew---*/
#container_h,#container_h2, #container_index, #container, #container_f{width:960px; margin: 0 auto;}
#container_index{overflow:visible;}
#container_h,#container_h2{overflow:hidden;}

#container{
	/*overflow:hidden;*/
	display:table;
	margin:0 auto 10px;
}
#container_f{overflow:hidden;}
#left{ width:702px; float:left; overflow:visible; margin-bottom:10px}
#right{ width:252px; float:right; overflow:visible;}

/* Created by Natcha P.*/

#wrap-bannerLeft{ width:702px; float:right; overflow:visible; margin-bottom:10px; margin-right: 6px;}
#wrap-bannerRight{ width:252px; float:right; overflow:visible;}
.wrap-content{width: 100%}
.item-premium>a>img {
	width:96px;
	height:auto;
	border: 1px solid #ccc;
	margin: 0 3px 8px 4px;
	width:auto \9;
}
.item-premium{
	float: left;
}
.owl-carousel2 .item{
	margin: 3px;
}
.owl-carousel2 .item a img{
	display: block;
	width: 98px;
	height: 98px;
	border: 1px solid #ccc;
}
.owl-carousel2 .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
/*.owl-carousel2 .owl-dots.disabled, .owl-carousel2 .owl-nav.disabled,.owl-dots {
	display: none;
}*/
.owl-prev,.owl-next{
	display: none;
}
.box-icon-verified{
	float: right;
	padding: 10px 0 10px 15px;
}
.box-icon-verified>i,.info-icon-verified>i{
	color: #25ba61;
	font-size: var(--font14);
	border: 1px solid #25BA61;
	background-color: #FFF;
	padding: 3px;
	min-width: 15px;
	min-height: 15px;
	text-align: center;
	border-radius: 4px;
	float: left;
}
.box-icon-verified>span{
	color: #25ba61;
	font-size: var(--font14);
	color: #000;
}
.wrap-info-verified{
	display: inline-block;
	margin-top: 5px;
}
.info-condition{
	border: 1px solid #00b4ff;
	background-color: #FFF;
	text-align: center;
	border-radius: 4px;
	padding: 10px;
	margin-top: 15px;
}
.info-condition>span {
	color: #00b4ff;
	font-size: var(--font14);
}
.condition-title{
	font-weight: bolder;
	text-decoration: underline;
}
.wrap_premium{
	padding: 0 10px 0;
	overflow: hidden;
	margin: 0 auto;
	width: auto;
	width:75%\9;
}
.box_PMcom>.owl-theme{
	margin: 0 auto;
}


#right.summary { width:245px; }
#right_nav{ width:252px; float:right; overflow:hidden;}
#box_right{ width:250px; overflow:hidden; background:#FFF}
#box_row1{border: 1px #eee solid; width:958px; margin:10px 0; float:left; *overflow:hidden;}
#box_row2{ width:958px; margin:10px 0; float:left}
#box_left1{ width:700px; border: 1px #eee solid; margin-top: 10px; float:left;}
#box_left2{ width:700px; margin-top: 10px; float:left; padding-left:10px;}
#h_left{
	height:26px;
	/* font-weight:bold; */
	margin:10px 10px 0 20px;
	line-height:26px;
	float:left;
	background:#fff;
	font-size: var(--font18);
	font-family: 'DB-HeaventRounded-Bold';
}
#h_row{width:940px; margin-right:20px;min-height:40px; /*overflow:hidden;overflow:visible;*/}
#h_right{
	width:214px;
	height: 26px;
	font-weight: bold;
	margin: 10px 0 5px 10px;
	line-height: 36px;
	float: left;
	padding:0 10px 8px 0;
	text-align:right;
	border-bottom:1px #CCC solid;
}
#dt_row{width:960px; border-top: 1px solid #d40101; color:#333333; float:left; margin-top:10px;}
#dt_row1, #dt_row2{width:920px; border-top: 1px solid #d40101; color:#333333; float:left;}
#dt_rowF{width:960px; float:left; padding:15px 0;}
#dt_row1F, #dt_row2F{width:920px; border-top: 1px solid #CCC; color:#333333; float:left;}
#dt_row1D, #dt_row2D{width:920px; border-top: 1px dashed #CCC; color:#333333;  float:left;}
#dt_row1, #dt_row1F, #dt_row1D{margin:10px 20px; padding-top: 15px;  float:left;}
#dt_row2, #dt_row2F, #dt_row2D{margin:10px 0; padding: 15px 20px 0;  float:left;}
#dt_left1{ margin:10px 20px; width:660px; float:left; border-top: 1px solid #d40101; padding-top: 15px;}
#dt_left2{ margin:10px 0; width:660px; float:left; border-top: 1px solid #d40101; padding: 15px 20px 0;}
#dt_left3{ margin:10px 20px; width:660px; float:left; border-top: 1px dashed #ccc; padding-top: 15px;}
.lineH_box{background:url(../images/tab_title.png); width:6px; height:36px; float:left;}
#dt_row2F{ display:none;}
#box_menu_tab{
	width:100%;
	height:40px;
	border-top: 1px solid #d40101;
	padding-top:20px;
	margin-bottom: 10px;
}
#menu_tab{
	float: left;
	height: 19px;
	padding: 10px;
	display: block;
	color: #666;
	font-weight:bold;
}
#box_menu_tab li{margin-left: 5px;}
#box_menu_tab li:first-child{margin-left:0}
#box_menu_tab a:hover{color:#fff;}
#box_menu_tab > .active:hover > a, #box_menu_tab > .active:hover > a > h2 { background:#FFF; color:#666}

/* Banner on Home */
/* Added by Eakkawit J. on 2016-04-26 10:20am */
.banner_square {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.banner_square li {
	display: inline-block;
	float: left;
	width: 98px;
	height: 98px;
	margin-left: 10px;
	overflow: hidden;
	border: 1px solid #cfd8dc;
}

.banner_square li:first-child {
	margin-left: 0;
}

.banner_square li a {
	display: block;
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.banner_square li a img {
	position: absolute;
	left: 50%;
	top: 50%;
	top: 0 \9;
	margin-left: -50px \9;
	height: auto;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*----login bar---*/
.login_bar{
	/*background:url(../images/bg_loginbar.png) repeat-x;*/
	z-index:1040;
	background: #1c75bc;
	border-top: 1px solid #00b4ff;
	border-bottom: 1px solid #00b4ff;
	width:100%;
	height:33px;
}
.login_bar #container_h{
	overflow:visible;
}
.b_m_login{
	height:30px;
	line-height:26px;
	padding:3px 5px;
	float:left;
	font-size:var(--font14) !important;
	/* font-weight:bold; */
	color:#fff;
}
.b_m_login:hover{
	color: #fff;
	background-color: #00c2f9;
	-webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.3);
}
#login_status{
	max-width:400px;
	width:auto;
	height:30px;
	float:right;
	line-height:26px;
	position: relative;
}
.box_status{
	height:22px;
	line-height:16px;
	padding:4px 2px;
	float:right;
	width:48px;
}
.box_status2{
	height:22px;
	line-height:16px;
	padding:6px 8px;
	float:right;
	height: 16px;
	margin-top: 1px;
}
.box_status3{
	max-width: 210px;
	text-align: center;
	border-left: 1px solid #00b4ff;
	border-right: 1px solid #00b4ff;
}
.box_status2.box_status3{
	background: #cff0ff;
}
.box_status2.box_status3:hover{
	color:#fff;
	background:#00b4ff;
}
a.box_status2.box_status3{
	color: #00b4ff;
}
a:hover.box_status2.box_status3{
	color: #fff;
}
.box_status2.box_status3:hover span{
	color:#fff;
}


.box_status3 span{
	float:left;
}
.box_status-name{
	width: 100px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align: right;
	font-size: var(--font14);
	margin-right: 3px;
}
/*.box_status:hover{
	background:#fff;
}*/
.box_status2:hover .colBlack{
	color:#01b5ff !important;
}

.open .box_status{
	background:#fff;
}

#login_status .dropdown{
	width:53px;
}
a:hover.box_status2.bg_00b4ff{
	background: #0C4E8F ;
}
.notice_no{
	background:#F00;
	color:#FFF;
	float:left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	position:relative;
	behavior:url(/assets/global/css/PIE.htc);
	font-weight:bold;
	font-size:var(--font12);
	padding:0 5px;
	height:16px;
	position: absolute;
	right: 10px;
	top: 0;
}
.box_realtime{
	/*background:url(../images/box_notice.png) 0 0 no-repeat;*/
	background:#fff !important;
	width:280px;
	height:300px;
	padding:0;
	/*position:absolute;
	left:-100px;*/
	top:28px;
	z-index:20;
	/*border-bottom:1px solid #d40101;
	border-left:1px solid #d40101;
	border-right:1px solid #d40101;*/
	border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	overflow:hidden;
}
.box_realtime > li > a{
	background:#1c75bc;
	color:#FFFFFF;
}
.out_realtime{
	width:280px;
	height:275px;
	/*overflow:auto;*/
}
#box_tab{
	width:206px;
	padding:5px;
	overflow:hidden;
	background:#00b4ff;
}
.tab_mes{
	width:102px;
	text-align:center;
	float:left;
	color:#FFF;
	font-weight:bold;
	font-size:var(--font12);
	padding:3px 0;
	border-left:1px solid #FFF;
}
.tab_mes:hover{background:#FFF; color:#00b4ff;}
.tab_mes:first-child{border-left:none;}
.mes_row{
	overflow:hidden;
	width:206px;
	height:30px;
	padding:5px;
	border-bottom:1px solid #CCC;
}
.mes_row:first-child{
	border-top:1px solid #CCC;
}
/*.dropdown-menu{
	-webkit-box-shadow:0;
	border:none;
	background-color: transparent;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: none;
	-webkit-background-clip: none;
	background-clip: 0;
}*/
.mes_row div{ line-height:normal !important;}


/*---navbar---*/
.navbar-head{
	width:100%;
	background:#f6f5f1;
	line-height:normal;
	font-size:var(--font12);
	border-top: 5px solid #d40101;
	min-height:32px;
}
.box_socail{height:16px; width:390px; float:left; margin:5px 0}
.b_socail{margin-left:5px; padding:0; height:16px; display:inline-block; min-width:16px;vertical-align:middle;color:#f6f5f1;}
.b_socail:hover, .b_socail:focus, .b_socail:active{
	color:#f6f5f1;
}
#line_socail{width:1px; background:#ccc; height:16px; margin-left:5px;display:inline-block;vertical-align:middle }
.b_regis{
	background-color:#c6c6c6;
	border: 1px solid #a6a6a6;
	display:block;
	height:16px;
	float:right;
	margin:4px 0;
	font-size:var(--font12);
	line-height:14px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	width:160px;
}
.box_remember, .box_forgot{
	width:50%;
	float:left;
	overflow:hidden;
}
.box_forgot{text-align:right}
.box_type{float:right; line-height:30px;font-size:var(--font16); text-align:center; width:450px;font-weight:bold;}
.box_type div{
	display:inline-block;
	padding:0 5px;
	background:#d40101;
	color:#fff;
	float:left;
}
.box_type img{margin-right:4px;}
.box_type a{
	display:inline-block;
	float:left;
	padding:0 5px;
	white-space: nowrap;
}
.box_type a:hover{color:#fff;background:#d40101}
.box_lang{float:right; margin-left:10px; height:26px; width:80px; padding-top:3px;}
.b_lang{ height:12px; margin:5px 8px 9px 0; line-height:normal;float:right}
.box_logo{mix-height:67px; float:left; margin:24px 0 0 15px;}
.ban_top{float:right; width:728px; height:90px;}
.ban_foot{width:728px; height:90px; margin:10px auto; display:block}
.ban_right{ width:250px; height:250px; display:block; clear:both}
.ban_left{ width:250px; height:250px; display:block; float:left}
.ban_login{ width:700px; height:80px; display:block;}
.ban_login_long{ width:960px; height:80px; display:block;}

/* Created by Natcha P. */
.set-icon{
	margin-right:3px;
}
.box-icon-verified{
	float: right;
	padding: 10px 0 10px 15px;
}
.box-icon-verified>i,.info-icon-verified>i{
	color: #25ba61;
	font-size: var(--font14);
	border: 1px solid #25BA61;
	background-color: #FFF;
	padding: 3px;
	min-width: 15px;
	min-height: 15px;
	text-align: center;
	border-radius: 4px;
	float: left;
}
.i-resume-en {
	color: #25ba61;
	font-size: var(--font14);
	border: 1px solid #25BA61;
	background-color: #FFF;
	min-width: 15px;
	min-height: 15px;
	padding: 6px;
	text-align: center;
	border-radius: 4px;
	margin-right: 5px;
	float: left;
	line-height: 14px;
	font-style: normal;
	font-weight: bolder;
}
.wrap-info-verified{
	display: inline-block;
	margin-top: 5px;
}
.wrap-info-verified .diabled{
	border: 1px solid #b3b3b3;
	color: #999;
}
.info-condition{
	border: 1px solid #00b4ff;
	background-color: #FFF;
	text-align: center;
	border-radius: 4px;
	padding: 10px;
	margin-top: 15px;
}
.info-condition>span {
	color: #00b4ff;
	font-size: var(--font14);
}
.condition-title{
	font-weight: bolder;
	text-decoration: underline;
}
.wrap_premium{
	padding: 0 10px 0;
}
/*----*/

/* Creaated by Natcha P. */
#right_jobList{ width:252px; float:left; overflow:visible; text-align: center;}
.m_boxBanner{
	display:inline-block;
}
#bar_icon ul.dropdown-menu a>.title-login {
	/* font-size: 16px; */
	margin-left: 10px;
	float: left;
	line-height: 18px;
}
#bar_icon ul.dropdown-menu a>.sub-login {
	font-size: var(--font12);
	margin-left: 10px;
	float: left;
	line-height: 18px;
}
.m-menu-login,.m-menu-login-last{
	height: 44px;
}
.m-menu-login{
	border-bottom:1px solid #cdcdcd;
}
.m-menu-login-last{
	border-bottom: 3px solid #d40101;
}
.m-menu-login>a>img, .m-menu-login-last>a>img{
	float: left;
}
.bt-login{
	margin-right: 20px;
}
.b_feedback{
	width:28px;
	height:150px;
	position: fixed;
	top:100px;
	right:0;
	left:auto !important;
	display:block;
	background:url(../images/b_feedback.png) 0 0;}
.b_feedback:hover{
	background:url(../images/b_feedback.png) -28px 0 ;}

html[lang="th"] .b_feedback{
	width:28px;
	height:150px;
	position: fixed;
	top:100px;
	right:0;
	left:auto !important;
	display:block;
	background:url(../images/b_feedback_thai.png) 0 0;}
html[lang="th"] .b_feedback:hover{
	background:url(../images/b_feedback_thai.png) -28px 0 ;}

/*---menu---*/
.box_menu{height:58px; margin:0 auto; max-width:940px;}
.m_home{
	padding:16px 0 26px 0;
	width:54px;
	height:16px;
	text-align:center;
	float:left;
	background-image: linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -o-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -moz-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -webkit-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);
	background-image: -ms-linear-gradient(bottom, rgb(170,1,1) 7%, rgb(212,1,1) 54%);

	background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.07, rgb(170,1,1)),
			color-stop(0.54, rgb(212,1,1))
	);
	/*For Internet Explorer 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d40101, endColorstr=#aa0101);
	/* For Internet Explorer 8
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d40101, endColorstr=#aa0101)";*/
	background-color: #d40101;
}
.m_detail{
	max-width:879px;
	float:left;
	max-height:57px;
	margin-left:5px;
	border:1px solid #d40101;
	background:#fff;
}
.m_box{
	height:28px;
	line-height:24px;
	width:175px;
	border-left:1px solid #d40101;
	text-align:center;
	float:left;
	display:block;
}
.m_box a{
	color:#d40101;
	font-size: var(--font16) !important;
	line-height: 30px;
	display:block;
	height:100%;
	-moz-transition: all 100ms ease-in-out;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.m_box:hover,.m_box a:hover{ color:#fff; background:#d40101;}
.m_box:first-child{border-left:none}

/*li:hover a{ color:#fff;}*/ /*-----------เขียนกว้างไปทำให้ชนกับทุกหน้าของเพื่อน-----------*/
.m_detail ul{padding:0; margin:0; border-bottom: none;
	overflow:hidden;}
.m_detail ul:first-child{border-bottom: 1px solid #d40101;;}
.m_line{ background:#d40101; height:1px; width:100%; float:left; max-width:883px;}
.h_input{height:30px !important; padding:0 10px !important; float:right;}
.box_menuPhone{
	float:left;
	width:100%;
}
.menu_phone{
	width:100%;
	position:fixed;
}
.list_box{
	background:#CCC;
	display: block;
	position: absolute;
	font-weight: bold;
	margin:0;
	width:100%;
	left:0;
	z-index:30;
}
.list_box ul, .box_menuPhone ul{margin-left:0}
.list_menu{
	border-bottom:1px #fff solid;
	color:#d40101;
	text-align:center;
	width:50%;
	float:left;
	padding:8px 0 6px 0;
}
.menuPhone a{
	color:#fff;
}
.list_menu a{
	font-size:var(--font20);
	line-height:1.2em;
	width:70%;
	margin:0 auto;
	color:#d40101 !important;
}

/*---search---*/
.box_detailR input[type=text], .box_detailJ input[type=text]{
	border:1px solid #73d6ff ;
	height:32px;
	line-height:32px;
	padding:0 0 0 15px;
	margin-bottom:0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.box_serch .box_detailR input[type=text],
.box_serch .box_detailJ input[type=text]{
	line-height:16px;
}
.box_detailJ form, .box_detailR form{ margin:0;padding:0;}
.box_detailJ{width:516px; overflow:hidden; float:left; margin: 0 0 0 18px;}
.box_detailR{width:495px; overflow:hidden; float:left; margin: 0 0 0 18px;}
.box_detailJ .sticky-placeholder-wrapper{
	width:100%;
}

.box_detailJ .span5 input{ width:200px\9 !important;}
.box_detailJ .span4 input{ width:150px\9 !important;}
/*.box_detailJ .sticky-placeholder-label{
	left:15px !important;
}*/
.h_search{/*width:98px;*/
	height:36px;
	font-weight:bold;
	margin:10px 10px 0 10px;
	background:url(../images/icon/i_search.png) no-repeat left center;
	padding-left:36px;
	line-height:36px;
	float:left;
}
.box_serch{
	background:#f6fcff;
	border: 1px #73d6ff solid;
	margin-top: 10px;
	overflow:hidden;
	padding-bottom:10px\9;
}
.box_rsearch{width:100%; margin:10px 0 0; text-align:center;display:inline-block}
.b_search{
	width:100%;
	height:32px;
	float:right;
	background:#00b4ff;
	border: 1px solid #00b4ff;
	color:#FFF;
	line-height:20px;
	*line-height:30px; /*IE7 below*/
	font-size:var(--font22);
	font-weight:bold;
	padding: 0 0 4px 0;
	display:inline-block;
}
.b_search:hover{background:#fff; border:1px solid #00b4ff;color:#00b4ff ;}
.h_line{
	background:url(../images/line_serch.png) no-repeat;
	background-position:-12px 0;
	margin:5px 0px 10px 48px;
	float:left;
	width: 502px;
	height: 12px;
	clear:both
}
#b_adv {
	margin:0;
	float:left;
	width:127px;
	text-align:center;
	font-size:var(--font14);
	font-weight:bold;
}
.w250{width:250px;}

/*---Premium Company---*/
.box_PMcom{
	width: 650px;
	height: auto;
	display: inline-block;
	background: #f5f5f5;
	margin: 0 auto 10px;
	margin:0 25px 10px\9;
	display: flex;
	padding-top: 10px;
}
.foot_hm{
	background:url(../images/foot_line.png) no-repeat;
	height:10px;
	width:650px;
	margin:0 auto;
	margin-top:10px;
	border-top:1px #e9e9e9 solid;
}
.foot_hm2{
	background:url(../images/cicle9.png) no-repeat right;
	height:9px;
	padding-left:9px;
	width:641px;
}
.line_foot_hm2{
	background:#ccc;
	height:1px;
	margin:4px 0;
	width:640px;
	float:left;
}
.box_previous{
	margin:76px 0;
	position:absolute;
	display:block;
	left:-22px;
	width:30px;
	height:26px;
}
.box_next{
	margin:76px 0;
	position:absolute;
	display:block;
	right:-22px;
	width:30px;
	height:26px;
}
.b_previous,#hotjob .flex-direction-nav a.flex-prev {
	display:block;
	width:24px;
	height:25px;
	margin:3px 0 0 5px;
	text-align:left;
	background:url(../images/b_previous.png) no-repeat;
}
.b_next,#hotjob .flex-direction-nav a.flex-next{
	display:block;
	width:24px;
	height:25px;
	margin:3px 5px 0 0;
	text-align:right;
	background:url(../images/b_next.png) right no-repeat;
}
.box_logo_PM{
	width:140px;
	height:70px;
	margin:2px;
	display:block;
}
.box_logo_PM img{max-width:140px;}
.sh_PM_logo{
	background:url(../images/sh_logo_mc.jpg) no-repeat;
	width:144px;
	height:9px;
}
.box_PM{
	width:144px;
	height:83px;
	margin:5px;
	float:left;
	opacity:0.85;
	filter:alpha(opacity=80)
}
.box_PM:hover{opacity:1;filter:alpha(opacity=100)}
.box_dtpm {
	width: 616px;
	height: 190px;
	float: left;
	margin: 0 17px;
}

/*---recommend job---*/
.box_RCjob{
	width:650px;
	margin:10px auto;
	position:relative;
	overflow:visible
}
.box_dtrc{
	width: 616px;
	/*min-height:200px;*/
	float: left;
	margin: 0 17px;
}
.rc_logo{
	width:70px;
	height:70px;
	display:block;
	margin:0px auto 5px;
	overflow:hidden;
}
.rc_titleJob{
	min-height:42px;
	margin:5px 10px 0 10px;
	float:left;
	width:500px;
	padding-bottom:10px;
	line-height:20px;
	color:#333;
	font-size:var(--font20);
}
.rc_titleJob .dl-horizontal{margin-bottom:5px;}
#rc_box{ width: 524px; float:left; overflow:hidden;}
/*#rc_boxdt1{width:160px;}
#rc_boxdt2{width:120px;}
#rc_boxdt3{width:100px;}
#rc_boxdt4{width:100px;}*/
.rc_titleJob a{color:#d40101; font-size:var(--font24);}
.rc_BoxDT{margin:0 0 0 10px; float:left; overflow:hidden;}
.rc_h{ padding: 0 5px 3px 5px;color: #fff;margin: 0;font-size: var(--font16);line-height: 1.4em;}
.rc_dt{ font-size:var(--font12);}
.rc_socail{ margin:0; float:left;}
.b_RC{ display:inline-block; padding:0 10px; color:#FFF; font-size:var(--font12); font-weight:bold; display:inline\9;}
.rc_tool{width:40%;margin:0 auto;float:right;}
.b_RC:hover{ color:#FFF;}

#hotjob .flexslider{
	margin-bottom:0 !important
}
/*---Top EMP---*/
.box_TOP{
	width:650px;
	height:140px;
	margin:0 auto 10px;
	position:relative;
	overflow: hidden;
}

.top_logo{ width:120px; height:60px; display:block; border:1px #CCC solid; margin:5px 4px; float:left;position:relative;text-align:center}
.top_logo img{ max-width:120px; position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

.top_slide{ width:100%; height:140px;  position: relative; top:0; left:0;}


/*---Right---*/
.box_vdo{display:block;}
.b_emp{
	display:block;
	width:250px;
	height:63px;
	line-height:50px;
	margin:0;
	color:#d40101;
	background:url(../images/box_emp.png);
	font-size:var(--font30);
	text-align:center;
}
.b_emp:hover{ font-size:var(--font34) color:#d40101}
.box_dtEMP{
	width:242px;
	height:32px;
	font-size:var(--font12);
	background:url(../images/box_emp_title.png) no-repeat;
	margin:0 4px;
	line-height:30px;
	color:#666;
	text-align:center;
	opacity:0.8;filter:alpha(opacity=80)}
.box_dtEMP:hover{opacity:1;filter:alpha(opacity=100)}
.ts_ch {color:#d40101; font-size:var(--font12); display:block; float:left; text-align:center; font-weight:normal; line-height:40px;}
.video_ch{ width:100%; height:200px; margin:5px auto;}
.vdo_ht{
	width:230px;
	overflow:hidden;
	margin:0 10px;
	text-align:left;
	font-size:var(--font12);
	padding-bottom:5px;
	border-bottom:1px dashed #CCC;
}
.vdo_ht h3{color:#d40101; float:left; line-height:18px;}
.vdo_dt{
	width:230px;
	overflow:hidden;
	margin:5px 10px;
	text-align:left;
	line-height:20px;
	font-size:var(--font12);
}
.vdo_ts{font-size:var(--font12); text-align:right; color:#666; font-weight:normal;}

/*--bannerEX--*/
.box_banEX {
	width: 960px;
	overflow: hidden;
	border-bottom: 5px solid #900;
	border-top: 2px solid #acacac;
	background:#fff;
	/*background: #ddd;
	padding: 5px 0 10px 0;*/
	padding: 0;
}

.box_banEX iframe {
	margin-bottom:-5px;
}

.box_banEX#banner_ex_1{
	padding:5px 0;
}
.ban_ex {
	width: 234px;
	height: 60px;
	margin: 5px 0 0 5px;
	float: left;
}
.page_EX{
	text-align:right;
	float:right;
	margin:10px 10px 0;
	color:#d40101;
	font-weight:bold;
	font-size:var(--font12);
}


/*---Varity---*/
.box_VR {
	width: 650px;
	overflow:hidden;
	margin: 5px auto;
}
#ts_VR {
	float: right;
	font-weight: bold;
	margin: 0 5px 5px 0;
	color:#666;
	display:block;
}
#ts_VR:hover{color:#333;}
.m_variety{
	display:block;
	height:26px;
	color:#666;
	text-align: center;
	padding:4px 11px 0 11px;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e8e8e8));
	background: -webkit-linear-gradient(#fff, #e8e8e8);
	background: -moz-linear-gradient(#fff, #e8e8e8);
	background: -ms-linear-gradient(#fff, #e8e8e8);
	background: -o-linear-gradient(#fff, #e8e8e8);
	background: linear-gradient(#fff, #e8e8e8);
	-pie-background: linear-gradient(#fff, #e8e8e8);
	margin-right:5px;
	float:left;
	margin-top:0px;
	font-size:var(--font20);
	border:1px solid #ccc;
}
.m_variety:hover{color:#d40101;}
.m_variety.active{
	border-bottom: 4px solid #d40101;
	margin-top: -4px;
	color: #d40101;
}
/*.m_variety:first-child{margin:15px 0 0;}*/
/*#vr1{width:90px;}
#vr2{width:70px;}
#vr3{width:87px;}
#vr4{width:98px;}
#vr5{width:86px;}
#vr6{width:116px;}
#vr7{width:65px;}*/
.vrpic{border:1px solid #ededed; margin:9px; display:block}
.vrpicL{ width:320px; height:220px;}
.vrpicS{ width:120px; height:83px;overflow: hidden; text-align: center;}
.vrpicS img{height:83px; width:auto}
.vrt_titleL{
	padding:0 10px 10px;
	width:320px;
	overflow:hidden;
	color:#f60;
	display:block;
	font-size:var(--font22);
}
.vrt_titleS{
	padding:10px 10px 5px 0;
	width:145px;
	overflow:hidden;
	color:#8ebd01;
	display:block;
	font-size:var(--font18);
}
.vrt_titleL:hover, .VRt_titleS:hover{color:#d40101;}
.vrtL{height:148px; float:left;}
.vrtR{height:105px; width:155px; float:left;overflow:hidden}
.vrt_dtL{padding:0 10px; width:320px; line-height:18px; font-size:var(--font14);}
.vrt_dtS{padding-right:10px; width:145px; line-height:16px; overflow:hidden; text-overflow: ellipsis;}
.vr_boxR .vr_b_L{
	font-size:var(--font12);
}
.vr_b_L{
	background:url(../images/b_more.png) bottom right no-repeat;
	width:45px;
	height:28px;
	display:block;
	float:right;
	text-align:center;
	color:#FFF;
	font-size:var(--font14);
	padding:4px 0 0 9px;
	font-weight:bold;
	line-height:32px;
}
.vr_b_L:hover{color:#fff;}


.box_dt_vr{
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.line_dtvr{
	border-bottom:1px solid #fff;
	margin:5px;
	float:left;
	width:640px;
}
.vr_boxL{
	width:340px;
	background:#FFF;
	float:left;
	margin:5px;
}
.vr_boxR{
	width:295px;
	float:left;
}
.vr_boxL, .vr_boxR{height:420px;}

/*color_variety*/
#jobtips .vrt_titleL,#jobtips .vrt_titleS{
	color:#f00;
}
#jobtips .vrt_titleL:hover,#jobtips .vrt_titleS:hover,#jobtips .vr_b_L:hover{
	color:#900;
}
#jobtips .vr_b_L{
	background:url(../images/variety/more_jobtip.png);
}

#news .vrt_titleL,#v_news .vrt_titleS{
	color:#9c0;
}
#news .vrt_titleL:hover,#news .vrt_titleS:hover,#news .vr_b_L:hover{
	color:#690;
}
#news .vr_b_L{
	background:url(../images/variety/more_news.png);
}

#activity .vrt_titleL,#activity .vrt_titleS{
	color:#09c;
}
#activity .vrt_titleL:hover,#activity .vrt_titleS:hover,#activity .vr_b_L:hover{
	color:#069;
}
#activity .vr_b_L{
	background:url(../images/variety/more_activity.png);
}

#clips .vrt_titleL,#clips .vrt_titleS{
	color:#f30;
}
#hotclips .vrt_titleL:hover,#clips .vrt_titleS:hover,#clips .vr_b_L:hover{
	color:#930;
}
#clips .vr_b_L{
	background:url(../images/variety/more_hotclip.png);
}

#kawaii .vrt_titleL,#kawaii .vrt_titleS{
	color:#f6c;
}
#kawaii .vrt_titleL:hover,#kawaii .vrt_titleS:hover,#kawaii .vr_b_L:hover{
	color:#c69;
}
#kawaii .vr_b_L{
	background:url(../images/variety/more_kawaii.png);
}

#bestmenu .vrt_titleL,#bestmenu .vrt_titleS{
	color:#f60;
}
#bestmenu .vrt_titleL:hover,#bestmenu .vrt_titleS:hover,#bestmenu .vr_b_L:hover{
	color:#c30;
}
#bestmenu .vr_b_L{
	background:url(../images/variety/b_more.png);
}

#horo .vrt_titleL,#horo .vrt_titleS{
	color:#93f;
}
#horo .vrt_titleL:hover,#horo .vrt_titleS:hover,#horo .vr_b_L:hover{
	color:#63c;
}
#horo .vr_b_L{
	background:url(../images/variety/more_horo.png);
}

/*--Partner--*/
#cicle_lineR{width: 9px; height: 9px; background:#ccc; float:right; margin: 4px 7px 0 0;}
.pr_logo{
	height:48px;
	display:block;
	margin-bottom:5px;
}
.box_PR_logo{
	overflow:hidden;
	margin:10px 10px 10px 20px;
	text-align:center;
}
.box_PR_logo a{
	display:inline-block;
	margin:10px auto 0;
	border:1px solid #eee;
	padding:3px;

}
.box_scollPR{
	width:6px;
	height:410px;
	float:right;
	line-height:22px;
	margin:10px 10px 10px 0;}
/*--University Partner--*/

.right-caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid transparent;
	border-left: 4px solid #666;
	border-bottom: 4px solid transparent;
	content: "";
}

#unipart {border: 1px #eee solid;}

#unipart .box_PR_logo {
	margin: 0 10px 10px 20px;
}

#unipart .box_PR_logo a{
	margin: 6px auto 0;
}

#unipart  .right-caret {margin-top: 7px;}
a.more-unipart{color:#666}
a.more-unipart:hover{color:#333}
.more-unipart:hover .right-caret {border-left: 4px solid #333;}

/*---thank U----*/
.box_thk{
	width:330px;
	height:300px;
	background:#FFF url(../images/bg_thk.png) 240px 245px no-repeat;
	border:#c0c0c0 1px solid;
	float:left;
	margin-left:5px;
}
.thk_boxdt{
	width:300px;
	height:205px;
	margin:10px 15px 7px 15px;
	border-top:1px #ebe7cb solid;
	padding-top:3px;
}
.thk_comment{
	width:280px;
	height:34px;
	border-bottom:1px dashed #ebe7cb;
	color:#333;
	font-size:var(--font12);
	background:#fffdef;
	overflow:hidden;
	opacity:0.8;filter:alpha(opacity=80);
	padding:3px 10px;
	line-height:16px;
	display:block;
}
.thk_by{
	text-align:right;
	line-height:16px;
	color:#d40101;
}
.thk_txt{
	width:280px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.box_thkB{
	width:315px;
	margin-left:15px;
}
.thk_b{
	padding:5px 10px;
	height:22px;
	color:#c6b75d;
	display:block;
	font-size:var(--font14);
	font-weight:bold;
	float:left;
}
.thk_b div{float:left;}
.thk_b div:first-child{margin-right:8px;}
.thk_b:hover{
	color:#666;
}

/*---thank U----*/
.box_vote{
	width:330px;
	height:300px;
	border-left:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
	float:left;
	margin:10px 18px;
}
.vote_boxdt{
	width:300px;
	height:205px;
	margin:10px auto 7px;
	border-top:1px #ccc solid;
	padding-top:3px;
	background:#f7fcff;
}
.vote_b{
	padding:5px 40px;
	height:24px;
	line-height:24px;
	color:#49a4ff;
	display:block;
	font-size:var(--font12);
	font-weight:bold;
	float:left;
}
.vote_b:hover{color:#06c;}
.vote_b:first-child{border-right:3px #9cf double;}
.vote_title{
	background:#ebf7ff;
	color:#333;
	font-size:var(--font12);
	line-height:16px;
	padding:10px;
	margin:0 0 15px 0;
}
.vote_dt{
	padding-left:40px;
	line-height:22px;
	font-size:var(--font12);
}
.vote_dt input[type="checkbox"],.VOTE_dt label {
	margin:0;
	font-size:var(--font12);
	line-height:20px;
}
.vote_b div{float:left;}
.vote_b div:first-child{margin-right:10px;}

/*---thank U----*/
.box_socailFT{
	width:300px;
	height:300px;
	float:left;
	margin-top:10px;
	position:relative;
}
.tab_fb{
	position:absolute;
	right:-27px;
	top:0;
	display:block;
	width:27px;
	height:100px;
	background:url(../images/b_facebook.png) -3px 0 no-repeat;
}
.tab_tw{
	position:absolute;
	right:-27px;
	top:105px;
	display:block;
	width:27px;
	height:100px;
	background:url(../images/b_twitter.png) -3px 0 no-repeat;
}
.tab_fb:hover{
	right:-30px;
	top:0;
	width:30px;
	background:url(../images/b_facebook.png) -30px 0 no-repeat;
}
.tab_tw:hover{
	right:-30px;
	top:105px;
	width:30px;
	background:url(../images/b_twitter.png) -30px 0 no-repeat;
}


/*---foot---*/
.line_foot{background:url(../images/bg_line_foot.jpg) repeat-x; height:10px;}
.navbar-foot{background:#fff; padding-bottom:10px; margin:auto;}
.box_foot{width:auto; background:#f4f4f4; margin-top:10px;float:left;}
.boxt_foot{
	width:155px;
	margin:0px 0px;
	padding-top: 15px;
	padding-left:12px;
	border-left:1px dotted #999;
	float:left;
	/*height:230px;*/
}
.title_foot{
	color:#d40101;
	font-size:var(--font20);
	padding-left:15px;
	height:1.2em;
	margin-bottom:5px;
	line-height:20px;
	width:131px;
	display:block;
	background:url(../images/i1.jpg)0 9px no-repeat;
}
.dt_foot{
	margin:0 10px;
	width:150px;
	height:30px;
	line-height:14px;
	display:block;
	color:#333;
	font-size:var(--font12);
}
.dt_foot.ex {
	width:auto;
	height:auto;
	padding-bottom:3px;
}
.boxt_foot:first-child{border-left:none}
.addrees_foot{
	width:220px;/*
	height:160px;*/
	text-align:center;
	padding-top:20px;
	border-right:4px solid #d40101;
	float:left
}
.addrees_foot b {
	font-size:var(--font14);
	color: #d40101;
	width: 190px;
	display: block;
	margin: 0 auto;
	line-height: 15px;
	margin-bottom: 8px;
}
.addrees_foot.cover_address_foot b {
	width: auto;
}
.contact_foot{
	width:210px;
	float:left;
	margin-left:1px;
	padding:20px 0 0 0;
	/*height:128px;*/
	border-left:3px solid #7e0000;
	/*background:url(../images/call_center.jpg) 2px 16px no-repeat;*/
}
.contact_foot b{
	color:#D40101;
	font-size:var(--font20);
}
.contactFooter{
	border-left: 3px solid #7e0000;
	background-color: #FFF;
	float: left;
	padding: 20px 0 0 0;
}
.contactFooter b{
	color:#D40101;
}
.bgLinkFooter{
	background-color: #f4f4f4;
	padding-top: 5px;
}

.boxLeft_banner {
	width: 700px;
	border: 1px #eee solid;
	margin-top: 10px;
	float: left;
}

.iframe_company {
	width: 650px;
	height: 150px;
}

@media (max-width: 992px) {
	.bgLinkFooter {
		background: none;
	}
	.linkFooterDesktop{
		display: none !important;
	}

}

@media (max-width: 767px) {
	.box_TOP {
		width: auto;
		padding-left: 7px;
		padding-right: 7px;
	}

	.boxLeft_banner {
		width: 100%;
		border: none;
	}

	/*.iframe_company {*/
	/*width: 100%;*/
	/*}*/
	.top_slide {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	/*update 2016-05-09*/
	.setbtnpan #emp_custR {
		padding-left: 0px;
		width: 122px;
		float: right;
	}
	.setbtnpan.dinB.vAlignM {
		width: initial !important;
	}
	#emp_custR a.profile-com {
		width: 106px;
	}
	/*update 2016-05-09*/
}


.linkFooterBox{
	float:left;
}
.linkFooterBoxBorder{
	border-left:1px dotted #999;
	border-right:1px dotted #999;
}
div.linkFooterBox > h2{
	font-size:var(--font14);
	line-height: 20px;
	margin: 0px;
	margin-bottom: 2px;
}
div.linkFooterBox > h5{
	font-size:var(--font14);
	line-height: 20px;
	margin: 0px;
	font-weight: normal;
}
.h5Tag{
	font-size:var(--font14);
	line-height: 20px;
	margin: 0px;
	font-weight: normal;
	display: inline-table;
}
.map_foot{
	display:block;
	color:#d40101;
	text-decoration:underline;
	text-align:right;
	margin-top:16px;
	margin-right: 10px;
	font-weight:bold;
}
.box_foot_socail{float:right; margin-top:10px;overflow:hidden;width:100%}
.box_feedback_foot{line-height:32px;display:inline-block; color:#00b4ff; font-weight:bold; padding-right:10px; border-right:1px solid #069; margin-right:5px;}
.map_foot:hover{color:#7e0000; text-decoration:underline;}
.footer{background:#d40101; width:100%; height:28px; line-height:28px; color:#fff; text-align:center;}
#footer{

	min-width:960px;

}
.modal800{
	width:800px;
	margin-left:-400px
}
/*--pop up login--*/
.myModal {
	max-height: 96%;
}
.h_login{width:385px; margin:10px auto 0 !important; overflow:hidden;}
.h_login2{width:525px; margin:25px auto 0 !important; text-align:center; font-size:var(--font24); font-weight:bold; height:36px; border-bottom: 1px dashed #CCC;}
#b_type_login{
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	border-radius: 30px;
	margin-top:5px;
	color:#999;
	width: 118px;
	height: 30px;
	font-size:var(--font20) !important;
	text-shadow: none !important;
	float:left;
	padding:10px 15px 0 15px !important;
}
#b_type_login.active, .btn.active {
	background: #f6f6f6 ;
	color:#d40101;
}
#b_type_login:hover{
	color:#d40101;
}
#login_or{
	background:#ebebeb;
	width:35px;
	height:25px;
	text-align:center;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-khtml-border-radius: 35px;
	border-radius: 35px;
	font-size:var(--font28);
	margin:0 15px;
	padding:15px 10px 10px 10px;
}
.boxDT_login{
	width: 88%;
	max-height: 300px;
	padding:3% 6%;
	max-width:480px;
	position:relative;
	z-index:22;
	background:#f8f8f8;
	margin:0 auto;
	-webkit-box-shadow: 0 0 5px 0 #333333;
	-moz-box-shadow: 0 0 5px 0 #333333;
	-khtml-box-shadow: 0 0 5px 0 #333333;
	box-shadow: 0 0 5px 0 #333333;
}
.login_input{margin:0 0 20px 0; width:97%;}
#login_socail{
	background:#fff;
	-webkit-box-shadow: 0 0 5px 0 #999999;
	-moz-box-shadow: 0 0 5px 0 #399999;
	-khtml-box-shadow: 0 0 5px 0 #999999;
	box-shadow: 0 0 5px 0 #999999;
	margin:10px 0 0;
	text-align:center;
	font-size:var(--font12);
	font-weight:bold;
	padding:0 0 10px 0;
	line-height:30px;
}



/*----------------MenuL----------------*/
#log_profile{
	overflow:hidden;
	margin:10px 0;
	display:block;
	border:none;
}
#log_profile a{
	display:block;
}
#log_profile span{
	display:block;
	float:left;
	overflow:hidden;
	padding:0;
}
#log_profile span a{
	padding:0;
}
.log_profile_img{
	width:50px;
	height:50px;
	margin-left:10px;
	border:1px solid #FFF;
	vertical-align:middle;
}
.log_profile_icon{
	width:14px;
	height:14px;
	float:right;
	margin-right:5px;
	padding:5px !important;
	text-align:center;
}
.log_profile_img img{
	width:100%;
	height:auto;
}
#log_profile span.txtprofile{
	display:block;
	float:left;
	width:160px;
	height:50px;
	padding:0;
	overflow:hidden;
	font-size:var(--font14);
	font-weight:bold;
}
.tab_profile_edit{
	display: block;
	float: left;
	height:25px;
	padding: 5px 5px 0 10px !important;
}
.line_Lmenu{
	height:3px;
	border:none;
}
#navS-list {
	margin:0 0 10px 0;
	background: #FFFFFF;
}
#navS-list li a i{vertical-align:initial;}
#navS-list li a{line-height:18px;}

.fileupload {
	margin-bottom: 9px;
}

.fileupload .uneditable-input {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: text;
}

.fileupload .thumbnail {
	display: inline-block;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
.fileupload .thumbnail > img {
	display: inline-block;
	max-height: 100%;
	vertical-align: middle;
	width: 161px;
	height: 42px;
}
#picProduct .fileupload .thumbnail > img {
	display: inline-block;
	max-height: 100%;
	vertical-align: middle;
	width: 200px;
	height: 150px;
}
#picProduct .fileupload .thumbnail,#picProduct .fileupload-new.thumbnail{
	width:200px;
	height:150px;
	background:#eee
}

.fileupload .btn {
	vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
	display: none;
}

.fileupload-inline .fileupload-controls {
	display: inline;
}

.fileupload-new .input-append .btn-file {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
	border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
	color: #a47e3c;
	border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
	color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
	border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
	color: #b94a48;
	border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
	color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
	border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
	color: #468847;
	border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
	color: #468847;
}

.control-group.success .fileupload .thumbnail {
	border-color: #468847;
}
.nav-tabs > li > a:hover b.caret{
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}
.tab-content.tabEasysub{
	overflow:visible;
}
/*.fileupload-new.thumbnail{
	background:#fff;
}*/
.bg-smsadd button,.bg-smsadd input{
	font-size:var(--font12);
	margin-bottom:0;
}
.bt_remove{
	width:16px;
	height:16px;
	background:url(../images/icon/bt_remove.png) no-repeat;
	display:inline-block;
	border:none;
	margin:-10px 0 0 -30px;
}
.bt_add{
	width:16px;
	height:16px;
	background:url(../images/icon/bt_add.png);
	display:inline-block;
	border:none;
	margin:-10px 0 0 -30px;
}
button.btd{
	width:100%;
	height:34px;
	padding:0;
	margin:0 0 5px;
	color:#fff !important;
	font-size:var(--font18) !important;
	text-shadow:none;
	box-shadow:none;
	text-align:left;
	vertical-align: top;
	overflow:hidden;
}

.btd:hover{
	color:#fff;
}
.btd span{
	height:28px;
	line-height:28px;
	background:#fff;
	padding:4px 12px 0;
	margin-right:20px;
	display:block;
	overflow:hidden;
	float:left
}
.btd.ath span { margin-right:4px;height:45px;line-height:45px; }
button.btd.ath { height:45px; }
.btd.ath > b { height:45px;line-height:45px; }
.btd.ath b { font-size:var(--font22); }
.hidden-desktop button.btd{
	width:142px;
	font-size:var(--font20);
	font-weight:bold;
}
.hidden-desktop .btd span{
	padding: 4px 6px 0;
	margin-right: 5px;
}

.btd > b{
	height:35px;
	line-height:35px;
	display:block;
	vertical-align:middle;
	overflow:hidden;
	float:left
}
.btd h6{
	height:35px;
	line-height:35px;
	display:block;
	font-size:var(--font12);
	vertical-align:middle;
	margin:0;
	overflow:hidden;
	float:left
}

.btd#bt_chat,.btd.dis,.btd.bt_chat{
	background:#65a830;
	border:1px solid #4c871e;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	/*filter: ; /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE 6-9 */
}
.btd.dis{
	cursor:default;
}

.btd.online#bt_chat,.btd.online.bt_chat{
	background:#65a830;
	border:1px solid #4c871e;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none; /* Firefox 4+ */
	filter: none; /* IE 6-9 */
}
.btd#bt_chat:hover,.btd.bt_chat:hover{
	background:#4c871e;
	border:1px solid #65a830;
}
.btd#bt_apply{
	background:#00b4ff;
	border:1px solid #0091ce
}
.btd#bt_apply:hover{
	background:#0091ce;
	border:1px solid #00b4ff;
}
.btd#bt_interview{
	background:#ff33ae;
	border:1px solid #d42e92
}
.btd#bt_interview:hover{
	background:#d42e92;
	border:1px solid #ff33ae;
}
.btd#bt_icredit,.btd.bt_icredit{
	background:#0195ff;
	border:1px solid #0072c3
}
.btd#bt_icredit:hover,.btd.bt_icredit:hover{
	background:#0072c3;
	border:1px solid #0195ff;
}
.btd#bt_fav{
	background:#ff9900;
	border:1px solid #ce7c00
}
.btd#bt_fav:hover{
	background:#ce7c00;
	border:1px solid #ff9900;
}
.btd#bt_follow{
	background:#00c2c9;
	border:1px solid #009196
}
.btd#bt_follow:hover{
	background:#009196;
	border:1px solid #00c2c9;
}
.btd#bt_share{
	background:#0096ff;
	border:1px solid #0073c4
}
.btd#bt_share:hover{
	background:#0073c4;
	border:1px solid #0096ff;
}
.btd#bt_sms{
	background:#23bff2;
	border:1px solid #0692c5
}
.btd#bt_sms:hover{
	background:#0692c5;
	border:1px solid #23bff2;
}
.btd#bt_report{
	background:#ff0000;
	border:1px solid #c70000
}
.btd#bt_report:hover{
	background:#c70000;
	border:1px solid #ff0000;
}
.btd#bt_print{
	background:#da02e2;
	border:1px solid #9e00a4
}
.btd#bt_print:hover{
	background:#9e00a4;
	border:1px solid #da02e2;
}
.btd#bt_download{
	background:#006cd1;
	border:1px solid #006cd1;
	border-radius:0px;
}
.btd#bt_download:hover{
	background:#01529d;
	border:1px solid #01529d;
}
.btd#bt_clear{
	background:#b80e2e;
	border:1px solid #870e25;
}
.btd#bt_clear:hover{
	background:#870e25;
	border:1px solid #b80e2e;
}
.table.pop_vote td{
	vertical-align:middle;
}
.table.pop_vote td .progress{
	margin-bottom:0
}

/* Added by Eakkawit J. on 2016-03-22 */
.btnJob_apply{
	width: 80%;
	/* height: 30px; */
	font-size:var(--font18);
	line-height: 20px;
	color: #FFF;
	background: #4caf50;
	display: block;
	margin: 5px auto;
	padding: 5px 0;
	border-radius: 3px;
	box-shadow: 0px 2px 0px #1D7B21;
	border: none;
}
.btnJob_apply:hover{
	color: #FFF;
	background: #1D7B21;
	box-shadow: 0px -2px 0px #065D09;
}

.btnJob{
	display: block;
	width: 95%;
	height: 30px;
	margin: 0 auto 5px;
	padding: 0;
	border-radius: 3px;
	/* font-size: 16px; */
	line-height: 25px;
	color: #FFF;
	text-align: left;
	overflow: hidden;
	background: #FFF;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}


.btnJob.iapply{
	color: #4caf50;
	border: 1px solid #4caf50;
}
.btnJob.ifav{
	color: #448aff;
	border: 1px solid #448aff;
}
.btnJob.ireport{
	color: #dd2c00;
	border: 1px solid #dd2c00;
}
.btnJob.iclear{
	color: #263238;
	border: 1px solid #263238;
}

.btnJob.iapply:hover{
	background: #4caf50;
	color: #FFF;
}
.btnJob.ifav:hover{
	background: #448aff;
	color: #FFF;
}
.btnJob.ireport:hover{
	background: #dd2c00;
	color: #FFF;
}
.btnJob.iclear:hover{
	background: #263238;
	color: #FFF;
}
.btnJob > span{
	display: block;
	overflow: hidden;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 11px;
	/* font-size: 16px; */
	line-height: 32px;
	text-align: center;
	/*background: #fff;*/
	color: #FFF;
}
.btnJob.iapply > span{
	background: #4caf50 !important;
}
.btnJob.ifav > span{
	background: #448aff !important;
}
.btnJob.ireport > span{
	background: #dd2c00 !important;
}
.btnJob.iclear > span{
	background: #263238 !important;
}

/*.btnJob.iapply:hover > span{*/
/*color: #448aff;*/
/*background: #FFF !important;*/
/*}*/
/*.btnJob.ifav:hover > span{*/
/*color: #ff9100;*/
/*background: #FFF !important;*/
/*}*/
/*.btnJob.ireport:hover > span{*/
/*color: #dd2c00;*/
/*background: #FFF !important;*/
/*}*/
/*.btnJob.iclear:hover > span{*/
/*color: #bf360c;*/
/*background: #FFF !important;*/
/*}*/

/*Thai Lang*/
html[lang="th"] .contact_foot h1{
	font-size:var(--font20);
}
html[lang="th"] .box_detailJ{
	width:535px
}
html[lang="th"] .vr_boxR .vr_b_L{
	font-size:var(--font12);
}
html[lang="th"] .vr_boxL .vr_b_L{
	font-size:var(--font14);
}

/*Edit Bootstrap*/
.control-group.error input, .control-group.error select, .control-group.error textarea{
	color:red;
	border-color:red
}
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline
{
	color:red;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus{
	background-color: #73d6ff;
	border-color: #00b4ff;
}

/*confirm-mail*/
.confirm-mail{
	width:100%;
	max-width:960px;
	background:#ffee87;
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	z-index:1040;
}
.confirm-mail .pad10{
	border:1px solid #FC6;
	border-top:none;
	text-align:center;
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
}
.confirm-mail .pad10 a b{
	color:#f00 !important
}
.confirm-mail .pad10 a:hover b{
	text-decoration:underline;
}
#pagination ul.page{
	margin-bottom:0
}

/*score*/
.scoreNum{
	font-size:var(--font48);
	color:#00b4ff;
}

/*------------------------- Theme right box additional info -----------------------------------*/

#right_nav .icon_job {
	position:relative;
	margin:10px 0 10px 20px;
	overflow:hidden;
}
.icon_job img {
	float:left;
	margin-left:15px;
}
#load_jobs th b,#load_jobs td a,#load_jobs td span{
	text-overflow: ellipsis;
	overflow: hidden;
	width: 99%;
	display: inline-block;
	white-space: nowrap;
}
.flexslider .flex-control-nav{
	bottom:0px;
}

/*------------ resume_list, cover_letter -----------------------*/

.tab-pane#cover label.extra {
	display:none;
}
/*.relative .tooltip .tooltip-inner{
	max-width:400px;
}*/

#resumeDT .row-fluid [class*="span"],#resumeDT .row-fluid{
	min-height:24px;
}
.box_rsearch span.b_blue_back {
	display:none;
}
.theme .h_addition {
	width:210px;
}
.theme .icon_job {
	position:relative;
	margin:10px 0 20px;
	overflow:hidden;
}

/*------------ payment page ----------------------------*/
.cen2{
	text-align:center;
	text-decoration:underline;
	font-size:var(--font14);
	/*font-style:italic;*/
	font-weight:bold;
	line-height:27px;
	width:70%;
	margin: 0 auto;
	padding:10px;
	background-color:#cff0ff;
	border-radius: 8px; /* IE9 */
	-moz-border-radius: 8px; /* firefox */
	-webkit-border-radius: 8px; /* Safari/Chrome */
	-o-border-radius: 8px; /* Opera */
}
#pay {
	width:95%;
	margin:15px auto 25px;
}
.pic-tab {
	width:auto;
	background-color:#fff;
	text-align:center;
	padding:6px;
	float:left;
}
.text-tab {
	width:75%;
	float:left;
	padding:10px 0 0 15px;
}
.flo {
	padding:7px;
	float:right;
}

#pay .accordion-heading a {
	color:#fff;
	font-size:var(--font18);
}
#pay .accordion-body {
	background:#fff;
}
#pay .accordion-body .cen_bg{
	text-align:center;
	background:#f8f8f8;
}
#pay .accordion-body .cen{
	text-align:center;
}
#pay .accordion-body .ta table tr td {
	border:#FFF solid 1px;
}
#pay .accordion-body .padding1{
	padding:20px;
}
#pay .accordion-body .padding2{
	padding:3px 40px;
}
#pay .accordion-body .padding3{
	padding:8px;
}
#pay .accordion-body .padding4{
	padding:3px;
}
#pay .accordion-body .text_r {
	color:#F00;
}
#pay .accordion-body .text_b {
	font-weight:bold;
}
#pay .accordion-body .text_b1 {
	font-size:var(--font20);
	font-weight:bold;
}
#pay .accordion-body .right {
	text-align:right;
}
#pay .accordion-body .fon	{
	color:#fff;
}
#pay .accordion-body .fon_1	{
	color:#5f5f5f;
}

#pay .accordion-heading .accordion-toggle {
	padding: 0;
}

/*#pay .accordion-heading  .accordion-toggle .flo{
  float:right;
}*/
/*---------------------------*/
#pay .accordion-group {
	border-radius:5px;
}
#pay .accordion-group.tab_blue {
	background:#00c3c9;
}
#pay .accordion-group.tab_green {
	background:#00b4ff;
}
#pay .accordion-group.tab_yellow {
	background:#ff9900;
}
/*------------ order information ----------------------------*/
#pt_container	.text_b	{
	color:#F00;
}
#pt_container	.text_r	{
	color:#F00;
}
#pt_container	.text_g	{
	color:#68aa46;
}
/*---------------------------*/
#pt_container	{
	/*width:920px;*/
	margin:0 auto;
	font-size:var(--font14);
	color:#666666;
}
#pt_container .con_1 {
	/*width:920px;*/
	height:80px;
	padding:10px 0px;
}
#pt_container .con_1 .list {
	/*width:300px;*/
	height:74px;
	line-height:74px;
	/*background-color:#CCC;*/
	float:left;
}
#pt_container .con_1 .pay {
	padding:10px 10px;
	border-radius:8px;
	background-color:#f7fcff;
	float:right;
	overflow:hidden;
}
#pt_container .con_1 .pay .pd{
	padding:5px 10px;
}
#pt_container .con_2 .topic table tr td{
	text-align:center;
	padding:5px;
	background-color:#fdefc2;
}
#pt_container .con_2 .data table tr td{
	text-align:center;
	padding:5px;
	background-color:#f6fcff;
	border:1px solid #dddddd;
}
#pt_container .con_3 {
	text-align:right;
	padding:5px;
	background-color:#f6f5f1;
}
#pt_container .con_3 .b_bu {
	background:none repeat scroll 0 0 #00b4ff;
	border:1px solid #00b4ff;
}
#pt_container .con_3 .btn-SSs a {
	color: #fff;
}
#pt_container .data th {
	background-color:#fdefc2;
	padding:10px 0;
	border-left:1px solid #f9d259;
	border-top:1px solid #f9d259;
	border-right:1px solid #f9d259;
	text-align:center;
}

/*--------------- log in IE ----------------------*/

#container.ie {
	padding:0 15px;
	box-sizing:border-box;
	margin-top:35px;
	border:1px solid #cdcdcd;
}
.ie #left {
	width:100%;
	overflow:hidden;
}
.ie #left h1 {
	float:left;
	margin-right:10px;
}
.ie #left.inner {
	width:100%;
	margin-bottom:25px;
	border-top:1px solid #d40101;
	padding-top:10px;
}
.ie .popup_nsignBL, .ie .popup_nsignBC, .ie .popup_nsignBR {
	text-align:center;
}
.ie .popup_nsignBL, .ie .popup_nsignBR {
	width:45%;
}
.ie .popup_nsignBC {
	width:5%;
}
.ie #popup_warpB_inner input {
	height:20px;
}
.ie #popup_warpB_inner.emplo {
	width:65%;
	margin:0 auto 25px;
}
/*----------- ประวัติการใช้งานเครดิต --------------*/
.remain #h_row {
	margin-top:10px;
}
.remain #dt_row2 {
	width:100%;
	padding:15px 0 25px;
}
.remain_credit {
	width:100%;
	display:inline-block;
	text-align:right;
}
.select_box {
	width:100%;
	background-color:#e7f8ff;
	border-radius:5px;
	text-align:right;
	padding:8px 10px 0 0;
	box-sizing:border-box;
	margin-bottom:5px;
}
.remain_table {
	color:#666;
}
.remain_table th {
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#e7f8ff;
}
.remain_table th,.remain_table td {
	padding:8px 5px;
}
.remain_table td {
	background-color:#fffcf3;
}
.remain_table th, .remain_table tr {
	border:1px solid #999;
	border-left:none;
	border-right:none;
}
#bar_icon {
	float: right;
	margin:0 15px 0 0;/**/
}

#bar_icon .login-btn
{
	background: #FFFFFF;
	padding: 15px;
	display: block;
	float:left;
}
#bar_icon .login-btn img
{
	margin:0 0 0 5px;
}
#bar_icon a
{
	margin:0 1px;
}
#bar_icon button {
	background:none;
	border:none;
	height:54px;
	color: #d40101;
	font-size: var(--font20);
	/*width:70px;
	background:url(../images/icon/login_phone.png) 0 0 no-repeat;*/
}
.social-head {
	float:left;
	margin-right:20px;
}
#logo_phone {
	width:142px;
	height:34px;
	overflow:hidden;
	background: url(/assets/2016/images/logo_jobbkk_full.png) 0 0 no-repeat;
	margin:10px auto 0;
	background-size:cover;
}
/* Added by Eakkawit J. 2016-01-06 10:00 */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#logo_phone {
		background: url(/assets/2016/images/logo_jobbkk_full.png) 0 0 no-repeat;
		background-size: cover;
	}
}


#bar_icon ul.dropdown-menu {
	left:-110px;
	border:none;
	box-shadow:none;
	border-radius:0;
	min-width:180px;
}
#bar_icon ul.dropdown-menu span {
	/* font-size:16px; */
	margin-left:10px;
}
#bar_icon ul.dropdown-menu li {
	padding:5px 0;
}
#both {
	width:100%;
	margin:20px 0 15px;
}
#left.search_page {
	float:right;
}
#right.search_page {
	float:left;
}

/* update 29/11/17 */
.conh-padT-when-login{padding-top:60px;}

@media (max-width: 710px){
	#wrap-bannerLeft {
		width: 100% !important;
	}
}