/* CSS Document */
h1, h2, h3, h4, h5, h6, body, input, p{
	padding:0;
	margin:0;
}
body{

}
h4.page-name{
	font-size:120%;
	color:#fff;
}
h4.h-name{
	font-size:150%;
}
h5.h-name{
	font-size:130%;
}
h6.h-name{
	font-size:110%;
}
a, a:visited {
	/*color:#fff;*/
	text-decoration: none;
}
a:hover{
	color:#333;
	text-decoration:none;
}

input.checkbox{
	border:0;
	margin-top:5px !important;
}
input[type="radio"]{
	border:0;
}
input[type="checkbox"]{
	border:0;
}
.border-default{
	border:1px solid #BF0000!important;
	color:#fff!important;
}
.font-default a, .font-default a:visited{
	color:#BF0000!important;
	text-decoration:none;
}
.font-default a:hover{
	color:#BF0000!important;
	text-decoration:underline;
}
.color-button a, .color-button a:visited{
	color:#fff!important;
	text-decoration:none;
}
.color-button a:hover{
	color:#fff!important;
	text-decoration:underline;
}
.wd-100px{
	width:98px!important;
}
.wd-110px{
	width:108px!important;
}
.wd-200px{
	width:198px!important;
}
/*menu-bar*/
ul.mymenu{
	list-style:none;
	padding:0;
	margin:0;
}
ul.mymenu a, ul.mymenu a:visited, ul.mymenu a:hover{
	color:#fff;
	text-decoration:none;
}
ul.mymenu li{
	float:left;
	color:#fff;
	font-weight:700;
	height:31px;
	display:block;
	padding-top:10px;
	cursor:pointer;
	white-space:nowrap;
}
ul.mymenu li a{
	padding:0 10px;
}
ul.mymenu li:hover, ul.mymenu li#active{
	background:url(images/main-menu/bg-mymenu-over.jpg) repeat-x left top;
}
/*sub-menu-bar*/
ul.pagecontent_submenu_ul{
	list-style:none;
	padding:0;
	margin:0;
	font-weight:500;
}
ul.pagecontent_submenu_ul a, ul.pagecontent_submenu_ul a:visited{
	color:#fff;
	text-decoration:none;
}
ul.pagecontent_submenu_ul a:hover{
	color:#dde3eb;
	text-decoration:none;
}
ul.pagecontent_submenu_ul li{
	float:left;
	padding:10px 30px 0 20px;
	height:30px;
}
ul.pagecontent_submenu_ul li#active{
	/*background:url(images/pagecontent-submenu-active.gif) no-repeat right top;*/
	background-color: #1786CE;
}
ul.pagecontent_submenu_ul li#normal{
	/*background:url(images/pagecontent-submenu-normal.gif) no-repeat right top;*/
	/*background-color: #2292DA;*/
}

ul.pagecontent_submenu_ul li#right{
	float:right;
}
/*Na!{*/
/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu-1 {	
	/*font: normal 12px Arial, sans-serif; */
	font: normal 12px;
	font-family: "Kanit",sans-serif;
	list-style: none; 
	padding: 0; 
	margin: 0;
	/*margin-top:5px;*/
	float:right;
	height:29px;
	opacity:0;
	/*margin-right:145px;*/
	background:#0066A8;
	width: 100%;
}

#mega-menu-1 .sub ul {
	display: block;	
}
#mega-menu-1 li {
	position:relative;
	float: left; 
	margin: 0; 
	padding: 0; 
	height:100%;
}
#mega-menu-1 li.selected{
	background:#8B8B8B;
}
#mega-menu-1 li a.dc-mega {
	float: left; 
	display: block; 	
	text-decoration: none;
	position:relative;
}
#mega-menu-1 li a.dc-mega,.mini_topbar_center{
	color: #fff; 
}

#mega-menu-1 li a.dc-mega:hover,.mini_topbar_center span:hover{
	color: #fff; 
}

#mega-menu-1 li a.dc-mega span.text {
	padding: 7px 15px 5px 10px;; 
	display:block;
	position:relative;
	z-index:2;
	margin-bottom:-2px;
	height:18px;
}
#mega-menu-1 li.mega-hover a.dc-mega span.text,#mega-menu-1 li.mega-hover a, #mega-menu-1 li .sub{
	background: none repeat scroll 0 0 #333;
	color:#fff;
}

#mega-menu-1 .dc-mega-icon{
    border-color: #FFF transparent transparent;
    border-right: 3px dashed transparent;
    border-style: solid dashed dashed;
    border-width: 3px 3px 0;
    display: inline-block;
    font-size: 0;
    height: 0;
    right: 5px;
    line-height: 0;
    padding-top: 1px;
    position: absolute;
    top: 14px;
    width: 0;
	z-index:900;
}
#mega-menu-1 li.mega-hover .dc-mega-icon{
	border-color: #fff transparent transparent;
}
#mega-menu-1 li .sub-container {
	position: absolute;
	left:0px;
	top:100%;
	margin-top:-2px;
	z-index:1;
}
#mega-menu-1 li .sub .row {
width: 100%; 
overflow: hidden;
clear: both;
}
#mega-menu-1 li .sub li {
list-style: none; 
float: none; 
min-width: 150px; 
font-size: 1em; 
font-weight: normal;
text-align:left;
white-space:nowrap;
}
#mega-menu-1 li .sub li.mega-hdr {
	position:relative;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}
#mega-menu-1 li .sub a,
#mega-menu-1 .sub li.mega-hdr li a
{
background: none; 
padding: 5px 20px; 
display: block; 
float: none; 
font-size: 12px;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {

}
#mega-menu-1 .sub li.mega-hdr li a {
	padding-left:35px;
	background:url(../../images/tree/top_hir_tree.gif) 5px center no-repeat;
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container ul.sub {
	padding: 5px 0px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
	border:none;
	box-shadow:none;
	text-decoration:none !important;
}
#mega-menu-1 li .sub-container.non-mega li a:hover,#mega-menu-1 li .sub li.active a,#mega-menu-1 .sub li.mega-hdr li a:hover,#mega-menu-1 li.modules a:hover {
	color: #fff; 
	background-color: #A9A9A9 !important;
}
#mega-menu-1 .sub ul li:last-child a{
	background:url(../../images/tree/top_hir_end.gif) 5px center no-repeat;
}
#mega-menu-1 li.group ul{
	display:none;
}
#mega-menu-1 li.group.open ul{
	display:block;
}
#mega-menu-1 li.group a.mega-hdr-a:after{
	content:"+";
	position:absolute;
	left:7px;
}
#mega-menu-1 li.group.open a.mega-hdr-a:after{
	content:"-";
	left:8px;
	top:5px;
}
/*Skin {*/
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.black {font: normal 13px Arial, sans-serif; line-height: 16px;}
.black ul.mega-menu, .black ul.mega-menu, .black ul.mega-menu li {margin: 0; padding: 0; border: none;}
.black ul.mega-menu {background: #222 url(images/bg_black.png) repeat-x 0 -80px; width: 100%; height: 40px; border-right: 1px solid #1B1B1B; border-left: 1px solid #1B1B1B; position: relative;}
.black ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold;}
.black ul.mega-menu li a {float: left; display: block; color: #fff; padding: 12px 38px 12px 25px; background: url(images/bg_black.png) repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}
.black ul.mega-menu li a.dc-mega {position: relative;}
.black ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px; background: url(images/arrow.png) no-repeat 0 0;}
.black ul.mega-menu li.mega-hover a, .black ul.mega-menu li a:hover {background-position: 100% -40px; color: #000; text-shadow: none;}
.black ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.black ul.mega-menu li .sub-container {position: absolute; background: url(images/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;}
.black ul.mega-menu li .sub {background: url(images/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}
.black ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;}
.black ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.black ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;}
.black ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}
.black ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.black ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}
.black ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #6B6B6B url(images/bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;}
.black ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
.black ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
.black ul.mega-menu .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;}
.black ul.mega-menu .sub ul li {padding-right: 0;}
.black ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.black ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.black ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(images/arrow_off.png) no-repeat 7px 10px;}
.black ul.mega-menu li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;}
/*}*/

/*Logo{*/
.site_logo{
	float:left;
	position:absolute;
	left:0;
	top:10px;
}
.site_logo img{
	margin-top:45px;
	margin-left:45px;
}
/*}*/

/*Botton*/
input[type=button],input[type=submit]{
	text-decoration: none;
	font: bold 12px;
	font-family: Kanit;
	color: #fff;
	line-height: 17px;
	height: 18px;
	display: inline-block;
	font-weight: 400;
	/*background: #F3F3F3;*/
	border-radius: 70px;
	background-color: #0265A9;
	border: solid 1px #0265A9;
 -webkit-transition: border-color .20s;
 -moz-transition: border-color .20s;
 -o-transition: border-color .20s;
 transition: border-color .20s;
	height: 29px !important;
	cursor: pointer;
 -webkit-transition: color .20s;
 -moz-transition: color .20s;
 -o-transition: color .20s;
 transition: color .20s;
 	min-width:70px;
	padding:0px 10px;
	
}
input[type=button]:hover,input[type=submit]:hover{
	background: #F4F4F4;
	border-color: #C0C0C0;
	color: #333;
}
input[type=button]:active,input[type=submit]:active{
	/*
	border-color: #4D90FE;
	color: #4D90FE;
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;*/
}
input[type=button].bluebtn,input[type=submit].bluebtn{
	border: 1px solid #0ca54a !important;
	background: #4B8DF8;
	color: #FFF !important;
	border-radius: 70px;
	/*width: 100px;*/
	/*margin-top: 40px;*/
	background: -webkit-linear-gradient(top, #03b257, #0ca54a);
	background: -moz-linear-gradient(top, #03b257, #0ca54a);
	background: -ms-linear-gradient(top, #03b257, #0ca54a);
	background: -o-linear-gradient(top, #03b257, #0ca54a);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
input[type=button].bluebtn:hover,input[type=submit].bluebtn:hover{
	border: 1px solid #0ca54a !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #03b257, #0D9847);
	background: -moz-linear-gradient(top, #03b257, #0D9847);
	background: -ms-linear-gradient(top, #03b257, #0D9847);
	background: -o-linear-gradient(top, #03b257, #0D9847);
}
input[type=button].greenbtn,input[type=submit].greenbtn{
	border: 1px solid #0ca54a !important;
	background: #3A8E00;
	color: #FFF !important;
	border-radius: 70px;
	background: -webkit-linear-gradient(top, #03b257, #0ca54a);
	background: -moz-linear-gradient(top, #03b257, #0ca54a);
	background: -ms-linear-gradient(top, #03b257, #0ca54a);
	background: -o-linear-gradient(top, #03b257, #0ca54a);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
input[type=button].greenbtn:hover,input[type=submit].greenbtn:hover{
	border: 1px solid #2D6200 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #03b257, #0C9545);
	background: -moz-linear-gradient(top, #03b257, #0C9545);
	background: -ms-linear-gradient(top, #03b257, #0C9545);
	background: -o-linear-gradient(top, #03b257, #0C9545);
}
input[type=button].redbtn,input[type=submit].redbtn{
	border: 1px solid #D14836 !important;
	background: #D64937;
	color: #FFF !important;
	border-radius: 70px;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
input[type=button].redbtn:hover,input[type=submit].redbtn:hover{
	font-weight: 500;
	border: 1px solid #B0281A !important;
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}
input[type=button].action:hover,input[type=submit].action:hover{
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}
input[type=button].action:active,input[type=submit].action:active{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}
input[type=button].bluebtn:active,input[type=submit].bluebtn:active{
	border-color: #2F5BB7 !important;
}
/*input[type=button].greenbtn:active,input[type=submit].greenbtn:active{*/
input[type=button]:active,input[type=submit]:active{
	border-color: #2D6200 !important;
}
input[type=button].redbtn:active,input[type=submit].redbtn:active{
	border-color: #B0281A !important;
}
input[type=button].action,input[type=submit].action{
	padding: 0 17px !important;
}
input[type=button].action:active,input[type=submit].action:active{
	color: #333 !important;
}
.movable_btn_more{
	background: url("images/object/btn-more.png") no-repeat scroll 0 0 transparent !important;
	border:none!important;
}
input[type=button].L1,input[type=submit].L1{
	height:37px !important;
	font-size:15px !important
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color:    #999  !important;
}
input:-moz-placeholder,textarea:-moz-placeholder {
    color:    #999  !important;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:    #999  !important;
}
/*}*/
.cbOverlay{
	z-index:999;	
}
.cbBox{
	z-index:1000;	
	position:relative;
}
#area_datalist .datalist_box{
	/*border-top: 1px solid #4B4B4B;*/
}
.jsw_box_menu_right table:nth-child(2){
	/*max-width:900px;	*/
	/*background-color: #fff;*/
}
/*Left Menu*/
ul.new_left_menu{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
	padding-left:0px;
	position:relative;
	/*z-index:3;*/
	background:#FFF;
}
ul.new_left_menu li{
	display:block;	
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
ul.new_left_menu li a{
	text-decoration:none;	
}
ul.new_left_menu li.active,ul.new_left_menu li:hover{
	background:none repeat scroll 0 0 rgba(203, 203, 203, 0.51);
}
ul.new_left_menu li.active{
	border-color:#ddd;
	background:rgba(203, 203, 203, 0.28);
}
ul.new_left_menu li span.icon{
	/*height:48px;*/
	width:48px;	
	display:inline-block;
	font-size:23px;
}
/*
ul.new_left_menu li span.icon.home{
	background:url(../../images/icon-new/onebit_01.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.profile{
	background:url(../../images/icon-new/onebit_18.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.message{
	background:url(../../images/icon-new/onebit_42.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.calendars{
	background:url(../../images/icon-new/calendar.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.blog{
	background:url(../../images/icon-new/onebit_20.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.setting{
	background:url(../../images/icon-new/onebit_04.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.useronline{
	background:url(../../images/icon-new/onebit_17.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.searchengine{
	background:url(../../images/icon-new/onebit_02.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.logout{
	background:url(../../images/icon-new/onebit_23.png) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.company{
	background:url(../../images/icon-new/megaphone-icon.jpg) center bottom no-repeat;	
}
ul.new_left_menu li span.icon.discussion{
	background:url(../../images/icon-new/discussion.png) center bottom no-repeat;	
}
*/
.box_left_pop{
	border: 1px solid #ddd;
    background: none repeat scroll 0 0 #FFFFFF;
	-moz-box-shadow: 0px 2px 2px #BBB;
	-webkit-box-shadow: 0px 2px 2px #BBB;
	box-shadow: 0px 2px 2px #BBB;
    left: -500px;    
    position: absolute;
    top: -1px;
    z-index: 3;		
	padding:10px 0px;
	border:1px solid #ccc;
	opacity:0;
}
.box_left_pop:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	top: -16px;
	left: 60px
}
.box_left_pop:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid #fff;
	border-top: 6px solid transparent;
	border-bottom-color: rgba(0,0,0,0);
	position: absolute;
	top: 21px;
	left: -12px
}
.box_left_pop:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #bbb;
	border-bottom-color: rgba(0,0,0,.2);
	position: absolute;
	top: -17px;
	left: 59px
}
.box_left_pop:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid #bbb;
	border-top: 7px solid transparent;
	border-bottom-color: rgba(0,0,0,0);
	position: absolute;
	top: 20px;
	left: -14px
}
.box_left_pop ._head{
	display:block;
	white-space:nowrap;
	position:relative;
	padding: 0 20px;
}
.box_left_pop ._text{
	float:left;	
	height:24px;
	font-weight:500;
	font-size:18px;
	color:#333;
	margin-right:30px;
	line-height:22px;
}
.box_left_pop ._close{
	cursor:pointer;
	background:url(../../images/bullet/closered.png) no-repeat center center;
	width:24px;
	height:24px;
	position:absolute;
	right:10px;
}
ul.left_pop_menu{
	list-style: none outside none;
	padding:0px;
	display:none;
	margin:0px;
}
ul.left_pop_menu li{
    padding: 5px 20px;
    white-space: nowrap;
}
ul.left_pop_menu li a{
	text-decoration:none;
}	
ul.left_pop_menu li:hover,ul.left_pop_menu li.active{
	background:#eee;	
}
#type_profile >#profile_menu{
	display:block !important;	
}
#type_setting >#settion_menu{
	display:block !important;	
}
#myAJAXForm #JS_Search{
	width:150px;	
}
#colorbox label{
	padding-left:5px;
	display:inline;
	width:auto;
	text-align:left;	
	cursor:pointer;
}
a{
	cursor:pointer;	
}
/*}*/
/*}*/

.main_search {
    clear: both;
    float: right;
    margin-right: 50px;
    margin-top: 70px;
}
.bt_more{
	background-color: #0d73c5;
    border-radius: 70px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    width: 28%;
    color: #fff;
    cursor: pointer;
}
.view_all{
	color:#fff;
	display: inline;
	padding-left: 18px;
	padding-top: 5px;
	position: absolute;
}