@font-face {
    font-family: 'KittithadaThin35';
    src: url('Kittithada/KittithadaThin35.eot');
    src: url('Kittithada/KittithadaThin35d41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaThin35.html'),
         url('Kittithada/KittithadaThin35.ttf') format('truetype'),
         url('Kittithada/KittithadaThin35.svg#KittithadaThin35') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaThin35Italic';
    src: url('Kittithada/KittithadaThin35Italic.eot');
    src: url('Kittithada/KittithadaThin35Italicd41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaThin35Italic.html'),
         url('Kittithada/KittithadaThin35Italic.ttf') format('truetype'),
         url('Kittithada/KittithadaThin35Italic.svg#KittithadaThin35Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaLight45';
    src: url('Kittithada/KittithadaLight45.eot');
    src: url('Kittithada/KittithadaLight45d41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaLight45.html'),
         url('Kittithada/KittithadaLight45.ttf') format('truetype'),
         url('Kittithada/KittithadaLight45.svg#KittithadaLight45') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaLight45Italic';
    src: url('Kittithada/KittithadaLight45Italic.eot');
    src: url('Kittithada/KittithadaLight45Italicd41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaLight45Italic.html'),
         url('Kittithada/KittithadaLight45Italic.ttf') format('truetype'),
         url('Kittithada/KittithadaLight45Italic.svg#KittithadaLight45Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaRoman55';
    src: url('Kittithada/KittithadaRoman55.eot');
    src: url('Kittithada/KittithadaRoman55d41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaRoman55.html'),
         url('Kittithada/KittithadaRoman55.ttf') format('truetype'),
         url('Kittithada/KittithadaRoman55.svg#KittithadaRoman55') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaRoman55Italic';
    src: url('Kittithada/KittithadaRoman55Italic.eot');
    src: url('Kittithada/KittithadaRoman55Italicd41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaRoman55Italic.html'),
         url('Kittithada/KittithadaRoman55Italic.ttf') format('truetype'),
         url('Kittithada/KittithadaRoman55Italic.svg#KittithadaRoman55Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaMedium65';
    src: url('Kittithada/KittithadaMedium65.eot');
    src: url('Kittithada/KittithadaMedium65d41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaMedium65.html'),
         url('Kittithada/KittithadaMedium65.ttf') format('truetype'),
         url('Kittithada/KittithadaMedium65.svg#KittithadaMedium65') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaMedium65Italic';
    src: url('Kittithada/KittithadaMedium65Italic.eot');
    src: url('Kittithada/KittithadaMedium65Italicd41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaMedium65Italic.html'),
         url('Kittithada/KittithadaMedium65Italic.ttf') format('truetype'),
         url('Kittithada/KittithadaMedium65Italic.svg#KittithadaMedium65Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaBold75';
    src: url('Kittithada/KittithadaBold75.eot');
    src: url('Kittithada/KittithadaBold75d41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaBold75.html'),
         url('Kittithada/KittithadaBold75.ttf') format('truetype'),
         url('Kittithada/KittithadaBold75.svg#KittithadaBold75') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KittithadaBold75Italic';
    src: url('Kittithada/KittithadaBold75Italic.eot');
    src: url('Kittithada/KittithadaBold75Italicd41d.eot?#iefix') format('embedded-opentype'),
		 url('Kittithada/KittithadaBold75Italic.html'),
         url('Kittithada/KittithadaBold75Italic.ttf') format('truetype'),
         url('Kittithada/KittithadaBold75Italic.svg#KittithadaBold75Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Angsana New';
    src:url('ANGSAZ/ANGSA.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Angsana New Bold';
    src:url('ANGSAZ/ANGSAB.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
html{
background: #e7e7e7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e7e7e7 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%);
background: linear-gradient(to bottom, #e7e7e7 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ebebeb',GradientType=0 );
background-color: #ebebeb;

/*-moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);*/
/*    filter: gray;*//* IE6-9 */
/*    filter: grayscale(100%);*/
	/* IE */
/*  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
	/* Firefox */
 /* filter: grayscale(1);*/
}

#dimScreen {
    width: 100%;
    height: 100%;
	visibility: visible;
    background:rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9; /* Just to keep it at the very top */
	display:none;
}

.marquee{
		margin-top:55px;
		position:absolute;
		font-size:16px;
		width:100%;
		z-index:2;
	}
.marquee>marquee
{
	height:30px;
}
.marqueebottom{
		display:none;
		margin-top:-55px;
		position:absolute;
		font-size:16px;
		width:100%;
		z-index:2;
	}
.marquee span,.marqueebottom span{
		padding:5px;
	}
.stockStatus
{
	color:green;
}

.marquee p {
	margin-top:4px;	
}

body {

width: 100%;
margin: 0 auto;
/*font: normal 12px 'Trebuchet MS', sans-serif,Arial;*/
font-size:12px;
background: #e7e7e7;
overflow-x: hidden;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e7e7e7 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%);
background: linear-gradient(to bottom, #e7e7e7 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ebebeb',GradientType=0 );
}



::-moz-selection { background: #ffcf01; color: #000; text-shadow: none; }
::selection { background: #ffcf01; color: #000; text-shadow: none; }

#browserComp{position: relative;background: #303030;color: white;padding: 10px;font-size: 18px;display:none;z-index:999;}
#widget img{border:0px;}
.hd_content_box img{border: 0px}
#container img{border:0px;}
/*header */
#header::before{content: " ";display:table;}
#header::after{content: " ";display:table;clear:both;}
#header{position:relative;top: 0px;z-index:3}
#hd_bigmenu{
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 )
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffb605 0%, #ffd746 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746));
background: -webkit-linear-gradient(top, #ffb605 0%,#ffd746 100%);
background: -o-linear-gradient(top, #ffb605 0%,#ffd746 100%);
background: -ms-linear-gradient(top, #ffb605 0%,#ffd746 100%);
background: linear-gradient(to bottom, #ffb605 0%,#ffd746 100%);
position:absolute;
width:100%;
min-height:50px;
top:-3500px;
overflow:hidden;
}

#hd_bar{
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 );
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffb605 0%, #ffd746 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746));
background: -webkit-linear-gradient(top, #ffb605 0%,#ffd746 100%);
background: -o-linear-gradient(top, #ffb605 0%,#ffd746 100%);
background: -ms-linear-gradient(top, #ffb605 0%,#ffd746 100%);
background: linear-gradient(to bottom, #ffb605 0%,#ffd746 100%);
height:50px;
width:100%;
top:0px;
z-index:4;
position:absolute;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#hd_logo{
height: 50px;
margin:0px 20px;
position:absolute;
cursor:pointer;
}

#hd_login{background: url("../images/icon-login.png") no-repeat scroll 0 center transparent; height:38px;width: 75px;display: inline-block;}
#hd_menu{background: url("../images/icon-expand.png") no-repeat scroll 0 center transparent; height:38px;width: 25px;display: inline-block;}
#hd_search{background: url("../images/icon-search.png") no-repeat scroll 0 center transparent; height:38px;width: 25px;display: inline-block;}
.hd_en{background: url("../images/eng-flag.png") no-repeat scroll 0 center transparent; height:38px;width: 32px;display: inline-block;}
.hd_th{background: url("../images/thai-flag.png") no-repeat scroll 0 center transparent; height:38px;width: 32px;display: inline-block;}
#hd_right{
position:absolute;
right:0px;
top:0px;
margin: 7px 25px;

}

.hd_header .hd_title{float:left;margin-right: 36px;}
.hd_header { padding: 20px 0px 40px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  }
.hd_header input { width:240px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding:0.6em; border:none; outline:none; float:left; height:30px; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;  }

.hd_header .searchButton { width:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; background: url("../images/icon-search-black.gif") no-repeat scroll center center #FFF; float:left; height:30px; }
.hd_header .searchButton:hover {  }
.hd_search{float: left;width: 265px;background: white;}
#umbracoPreviewBadge{z-index:2}



#movetoTop{
	width:48px;
	height: 48px;
	position: fixed;
	background:blue;
	bottom: 10px;
	right: 10px;
	background: url("../images/arrow-up.png") no-repeat scroll 0 center transparent;
}

/*footer*/

footer ul li {
display: block;
float: left;
line-height: 26px;
}

footer::before{content: " ";display:table;}
footer::after{content: " ";display:table;clear:both;}

footer ul {
display: block;
margin: 5px auto;
padding: 0;
width: 100%;
}

.ir {
display: block;
border: 0;
text-indent: -999em;
}

.bnm{background:url("../images/footer-logo_bnm.png") no-repeat left bottom; width:33px;}
.bi{background:url("../images/footer-logo_bi.png") no-repeat left bottom; width:58px;}
.ii{background:url("../images/footer-logo_ii.png") no-repeat left bottom; width:59px;}
.fmb{background:url("../images/footer-logo_fmb.png") no-repeat left bottom; width:57px;}
.sme{background:url("../images/footer-logo_sme.png") no-repeat left bottom; width:53px;}
.pidm{background:url("../images/footer-logo_pidm.png") no-repeat left bottom; width:42px;}
.akpk{background:url("../images/footer-logo_akpk.png") no-repeat left bottom; width:45px;}
.mifc{background:url("../images/footer-logo_mifc.png") no-repeat left bottom; width:47px;}
.ibfim{background:url("../images/footer-logo_ibfim.png") no-repeat left bottom; width:92px;}
.mb{background:url("../images/footer-logo_mb.png") no-repeat left bottom; width:52px;}
.inceif{background:url("../images/footer-logo_inceif.png") no-repeat left bottom; width:50px;}
.mwl{background:url("../images/footer-logo_myworklife.png") no-repeat left bottom; width:79px;}
.verisign { background:url("../images/footer-logo_verisign.png") no-repeat left bottom; width:60px; }
footer a {color: #999;text-decoration: none;}
footer {text-align: center;margin: 15px auto;color: #999;clear: both;width: 100%;}
footer ul li .ir:hover {background-position: left top;}
footer ul li a:hover {color: #06e;}


/*nav*/
#breadcrum ul li.bc_current a{
	color:#000;
}

#breadcrum{
	height:101px;padding-top: 50px;
}

#bc_back{
	float: left;
	margin:30px 0px;
	width: 100%;
	position: relative;
}
#bc_back_button{
position:absolute;
width: 53px;
height: 53px;
background: url("../images/icon-back.png") no-repeat scroll 0 0 transparent;
z-index:1;
}

#bc_back_button:hover { background-position:bottom left; }

#bc_drop_button{
width: 53px;
height: 53px;
background: url("../images/icon-menu.png") no-repeat scroll 0 0 transparent;
position: absolute;
right: 10px;
top:0px;
margin:10px;
display:none;
}

.activated ul .bc_hide_breadcrum{display:block !important}
#breadcrum.extralong > #bc_back> ul{margin:0px !important}
#breadcrum.extralong ul li{display:none;}
#breadcrum.extralong ul li.bc_current {display: block;}


#bc_drop_button:hover{background-position: bottom left;}

#breadcrum ul li {
float: left;
margin-right: 40px;
font-size: 45px;
list-style:none;
}

.bc_hide_breadcrum{opacity:0; pointer-events:none; margin-right: 0 !important;}
.bc_hide_breadcrum a{
font-size: 45px;
color: #C6C6C6;
text-decoration:none;
}

.bc_hide_breadcrum a:hover{
color: black;
}


#breadcrum ul li a{
font-size: 45px;
color: #a0a0a0;
text-decoration:none;
}


#breadcrum ul li a:hover{
color: black;
}

#breadcrum ul{
margin:0;
padding-left:70px;
}

/* main body*/
#main{overflow:hidden;}
#container{touch-action:auto !important;padding: 0px 25px;position: relative;width: 2500px;}
#widget{height:450px;}
/* nav right and left*/

#nav_right{
	position:absolute;
	top:50%;
	
	background:url("../images/btn-changepage.png");
	width: 118px;
height: 127px;
text-indent: -999em;
right	:-23px;;
}

#nav_left{
	position:absolute;
	top:50%;
	background:url("../images/btn-changepage.png");
	width: 118px;
	height: 127px;
	text-indent: -999em;
	left:-180px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#nav_hd_right{
	position:absolute;
	top:50%;
	
	background:url("../images/btn-changepage.png");
	width: 118px;
height: 127px;
text-indent: -999em;
right	:-23px;;
}

#nav_hd_left{
	position:absolute;
	top:50%;
	background:url("../images/btn-changepage.png");
	width: 118px;
	height: 127px;
	text-indent: -999em;
	left:-180px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}


/*MENU CONTENT*/
.hd_section{float:left};

.hd_content::before{content: " ";display:table;}
.hd_content::after{content: " ";display:table;clear:both;}

.hd_smallpartion {
	float: left;
	min-height: 510px;
	margin-bottom: 50px;
	border-right: 1px solid #7f5f0c;
}

a.hd_portionhead {
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.hd_bigmenu_ul{
	font-size: 20px;
	line-height: 20px;
	padding:0 20px;
	margin-bottom:20px;
	width:210px;
}
.hd_bigmenu_ul > ul {
	padding: 0px;
	margin:0px;	
	margin-top:10px;
}

.hd_header{
	margin:20px 20px;
	font-size:50px;
	/*font-family: 'Kittithada', 'Trebuchet MS', sans-serif;*/
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	line-height: 22px;
}

.hd_content_column{
	display:inline-block;
	border-right: solid 1px #7f5f0c;
	padding-right: 10px;
	vertical-align: top;
}

.hd_other_content_section{
	box-sizing: border-box;	
	min-height: 485px;
}
.hd_other_content_section ul {
	padding:0px;
}

.hd_other_content_section img{
	height:50px;
	width:50px;
}
.hd_other_content_section ul li{
	display:block;
	padding: 0 20px 10px;
	width: 320px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	position:relative;
}

.hd_other_content_section ul li a{
	text-decoration:none;
	/*font-family: 'KittithadaRoman55',Trebuchet MS, sans-serif;*/
	color: #000;
	font-size: 20px;
	line-height: 20px;	
}

.hd_content_box > ul > li > ul >li >a {
	font-size: 18px;
}

#hd_nav_list a{
	text-decoration:none;
	color:#333;
}

#hd_nav_list a:hover{
	color:black;
}
#hd_nav_list > .hd_content_box{
	height:500px;		
}

#hd_nav_list > .hd_content_box > ul {
    list-style: none;
    margin:0;
    padding-left: 20px;
    border-right:1px solid #7f5f0c;
	margin-right:-1px;
}

#hd_nav_list > .hd_content_box_list ul > li {
   	width: 210px;	
	display:block;
	font-size: 17px;
	line-height: 20px;
	text-shadow:none;
	margin:10px 0;
}

.hd_bigmenu_div_li::before{content: " ";display:table;}
.hd_bigmenu_div_li::after{content: " ";display:table;clear:both;}

#hd_nav_list > .hd_content_box ul > li {
    display:inline-block;
	width: 210px;	
	font-size: 20px;
	line-height: 20px;
	text-shadow:none;
	margin:5px 0;
}

#hd_nav_list > .hd_content_box > ul > li {  	
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	margin-bottom: 20px;
}

#hd_nav_list > .hd_content_box > ul > li> a {
	font-weight: bold;
}
	
#hd_nav_list > .hd_content_box ul > li > ul{
    border:none;	
	padding:0px;
	margin:0px;
	margin-top:5px;
}
		
.hd_content_section{		
}

.hd_content_section ul {
	padding:0px;
}
.hd_content_section ul li{
	display:block;
	padding: 0 20px 10px;
	width: 150px;
	position:relative;
}

.hd_content_section ul li a{
	text-decoration:none;
	font-family: 'Trebuchet MS', sans-serif;
	color: #000;
	font-size: 20px;
	line-height: 20px;	
}

.hd_content_section ul li:first-child{
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.hd_dropdownlist div select{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; width:320px; color:#151515; font-size:1.25em; font-family:'KievitWeb-Bold', 'Trebuchet MS', sans-serif; border:none; padding:0.4em; height:35px; outline:none; -webkit-appearance: none; background:url("../images/icon-dropdown.png") no-repeat scroll 97.5% center transparent; }
.hd_dropdownlist div{width:320px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 10px;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);box-shadow: 0 0 5px rgba(0,0,0,0.5); background: rgb(252,252,252); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: linear-gradient(to bottom, #FCFCFC 0%, #CECECE 100%) repeat scroll 0% 0% transparent;}
.hd_dropdownlist{padding-right:0px}
.hd_dropdownlist .sbHolder{position:relative;z-index:3;}
 .sbOptions>li{padding: 5px 10px;}
 .sbToggle{background: url("../images/icon-dropdown.png") no-repeat scroll 98% center transparent;height: 10px;width: 10px;display: block;position: absolute;top: 13px;right: 10px;}
 .sbHolder a{text-decoration:none;color:black;}
 .sbSelector {padding: 0 10px;display:block;font-size: 17px;line-height: 35px;}
 .sbOptions>li>a {font-size: 17px !important;display:block;}
 .sbOptions>li {width: auto !important;display:block;}
#hd_worldmapimg{padding-left:20px}
#hd_worldmapimg img{width:320px;height:240px;border: solid 1px #666;}
#hd_ww_button{float:left}
.gNavArrow{
	float: right;
}
.hd_support_div{padding-left:20px;font-size:15px;}

.hd_item_icon .gNavArrow{height: 50px;line-height: 50px;}
.hd_item_icon::before{content: " ";display:table;}
.hd_item_icon::after{content: " ";display:table;clear:both;}
.hd_item_icon_img{float:left;margin-right:5px;}
.hd_item_icon_text{float:left;height: 50px;line-height: 50px;}
/* widget*/
.sub-item{
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.whiteBG{background:white;}

.sub-item.whiteBG:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}

.WhiteBg{background:white;}

.sub-item.WhiteBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}

.WhiteBG{background:white;}

.sub-item.WhiteBG:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
	
.sub-item.yellowBg:hover{
	-moz-box-shadow: 0 0 2px 2px black;
	-webkit-box-shadow: 0 0 2px 2px black;
	box-shadow: 0 0 2px 2px black;
}	
	
	
.YellowBG {
	background: rgb(255,180,0);
	background: -moz-linear-gradient(top, rgba(255,180,0,1) 0%, rgba(255,234,108,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,0,1)), color-stop(100%,rgba(255,234,108,1)));
	background: -webkit-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	background: -o-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	background: linear-gradient(to bottom, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ffea6c',GradientType=0 );
}


.cyanBg {
	background: rgb(0,186,225);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,186,225,1)), color-stop(100%, rgba(0,150,182,1)));
	background: -webkit-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: -o-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: linear-gradient(to bottom, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bae1', endColorstr='#0096b6', GradientType=0 );
}
.cyanBg a{color:#FFF !important}
.sub-item.cyanBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}

.blueBg {
	background: rgb(60,130,249);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(60,130,249,1)), color-stop(100%, rgba(34,85,173,1)));
	background: -webkit-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: -o-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: -ms-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: linear-gradient(to bottom, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c82f9', endColorstr='#2255ad', GradientType=0 );
}
.blueBg a{color:#FFF !important}
.sub-item.wgt_click.blueBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}

.purpleBg {
	background: rgb(123,56,126);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(123,56,126,1)), color-stop(100%, rgba(91,41,93,1)));
	background: -webkit-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: -o-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: -ms-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: linear-gradient(to bottom, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b387e', endColorstr='#5b295d', GradientType=0 );
}
.purpleBg a{color:#FFF !important}						
.sub-item.purpleBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}


.blackBg {
	background: #000000;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 1)), color-stop(100%, rgba(75, 75, 75, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#4b4b4b', GradientType=0);
}
.blackBg a{color:#FFF !important}
.sub-item.blackBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
										
.roastgoldBg {
	background: rgb(151,122,106);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(80,60,48,1) 0%, rgba(153,120,105,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,60,48,1)), color-stop(100%,rgba(153,120,105,1)));
	background: -webkit-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	background: -o-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	background: -ms-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	background: linear-gradient(to bottom, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f3b30', endColorstr='#997869',GradientType=0 );
}
.roastgoldBg a{color:#FFF !important}
.sub-item.roastgoldBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
													
.turquoiseBg {
	background: rgb(1,163,178);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1,163,178,1)), color-stop(100%, rgba(0,130,142,1)));
	background: -webkit-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: -o-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: -ms-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: linear-gradient(to bottom, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a3b2', endColorstr='#00828e', GradientType=0 );
}

.turquoiseBg a{color:#FFF !important}

.sub-item.turquoiseBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
																			
.greenBg {
	background: rgb(112,180,15);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(133,217,13,1)), color-stop(100%, rgba(112,180,15,1)));
	background: -webkit-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: -o-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: -ms-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: linear-gradient(to bottom, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85d90d', endColorstr='#70b40f', GradientType=0 );
}

.greenBg a{color:#FFF !important}

.sub-item.greenBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}

	
.YellowBg {
	background: rgb(255,180,0);
	background: -moz-linear-gradient(top, rgba(255,180,0,1) 0%, rgba(255,234,108,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,0,1)), color-stop(100%,rgba(255,234,108,1)));
	background: -webkit-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	background: -o-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	background: linear-gradient(to bottom, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ffea6c',GradientType=0 );
}

.sub-item.YellowBg:hover{
	-moz-box-shadow: 0 0 2px 2px black;
	-webkit-box-shadow: 0 0 2px 2px black;
	box-shadow: 0 0 2px 2px black;
}	

.CyanBg {
	background: rgb(0,186,225);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,186,225,1)), color-stop(100%, rgba(0,150,182,1)));
	background: -webkit-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: -o-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	background: linear-gradient(to bottom, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bae1', endColorstr='#0096b6', GradientType=0 );
}
.CyanBg a{color:#FFF !important}
.sub-item.CyanBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}

.BlueBg {
	background: rgb(60,130,249);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(60,130,249,1)), color-stop(100%, rgba(34,85,173,1)));
	background: -webkit-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: -o-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: -ms-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	background: linear-gradient(to bottom, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c82f9', endColorstr='#2255ad', GradientType=0 );
}
.BlueBg a{color:#FFF !important}
.sub-item.BlueBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}

.PurpleBg {
	background: rgb(123,56,126);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(123,56,126,1)), color-stop(100%, rgba(91,41,93,1)));
	background: -webkit-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: -o-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: -ms-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	background: linear-gradient(to bottom, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b387e', endColorstr='#5b295d', GradientType=0 );
}
.PurpleBg a{color:#FFF !important}						
.sub-item.PurpleBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}


.BlackBg {
	background: #000000;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 1)), color-stop(100%, rgba(75, 75, 75, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#4b4b4b', GradientType=0);
}
.BlackBg a{color:#FFF !important}
.sub-item.BlackBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
										
.RoastgoldBg {
	background: rgb(151,122,106);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(80,60,48,1) 0%, rgba(153,120,105,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,60,48,1)), color-stop(100%,rgba(153,120,105,1)));
	background: -webkit-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	background: -o-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	background: -ms-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	background: linear-gradient(to bottom, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f3b30', endColorstr='#997869',GradientType=0 );
}
.RoastgoldBg a{color:#FFF !important}
.sub-item.RoastgoldBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
													
.TurquoiseBg {
	background: rgb(1,163,178);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1,163,178,1)), color-stop(100%, rgba(0,130,142,1)));
	background: -webkit-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: -o-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: -ms-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	background: linear-gradient(to bottom, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a3b2', endColorstr='#00828e', GradientType=0 );
}

.TurquoiseBg a{color:#FFF !important}

.sub-item.TurquoiseBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
																			
.GreenBg {
	background: rgb(112,180,15);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(133,217,13,1)), color-stop(100%, rgba(112,180,15,1)));
	background: -webkit-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: -o-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: -ms-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	background: linear-gradient(to bottom, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85d90d', endColorstr='#70b40f', GradientType=0 );
}

.GreenBg a{color:#FFF !important}

.sub-item.GreenBg:hover{
	-moz-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	-webkit-box-shadow: 0 0 2px 2px rgba(255,180,0,1);
	box-shadow: 0 0 2px 2px rgba(255,180,0,1);
}
	
.text_white{
	color:white;
}

.wgt{
	height:100%;
	width:100%;	
}
.wgt_lock_img{
	position:absolute;
	bottom:10px;
	right:10px;
}

.wgt_cs_img{
	position:absolute;
	right:0px;
	top:0px;
}

.wgt_cs_imgbox{
	position:absolute;
	right:0px;
	top:0px;
	height:140px;
	width:140px;
}

.wgt_cs_text{
	position:absolute;
	bottom:0;
	left:0;
	background: rgba(0,0,0,0.45);
	width:100%;
	padding-right:10px;	
	text-align:right;
	font-size:16px;
}
	
.wgt_cs_text div{
	margin-right:10px;
}

.wgt_lp_img{
	position:absolute;
	left:0px;
	top:0px;
}

.wgt_lp_text{
	position:absolute;
	bottom:0;
	left:0;
	background: rgba(0,0,0,0.45);
	width:100%;
	padding-right:10px;
	text-align:right;
	font-size:16px;
}

.wgt_lp_text div{
	margin-right:10px;
}

.wgt_lp_text span{
	margin-right:10px;
}
.wgt_text{
	font-size: 1.66666666667em;
	line-height: 1.25em;
	padding: 10px 10px;
	letter-spacing: -0.02em;
	font-weight: normal;
}

.wgt_text_box{
	width:45%;
}
.wgt_text_title{font-weight:bold;}

.wgt_next{height:100%;width:100%;background: url('../images/icon-filter-item.png') no-repeat scroll 95% center transparent;}
.wgt_next:hover{ 	}
.wgt_next_div{padding: 15px 75px 15px 15px;}
.wgt_next_title{font-size:22px;}
.wgt_next_description{font-size:16px;}

.actionWrap							{ position:absolute; bottom:30px; left:10px; }
.actionWrap .ir						{ width:40px; height:40px; background:url("../images/icon-arrows.png") no-repeat scroll right top transparent; float:left; }
.actionWrap .ir[title="previous"] 	{ background-position:left top; }
.actionWrap .ir:hover				{ background-position:right bottom; }
.actionWrap .ir[title="previous"]:hover				{ background-position:left bottom; }

.contentBottomData{
	padding:10px
}
.contentBottomData .meta-date{
	position: relative;
	font-size: 20px;
	color: #999;
}

.contentBottomData .meta-title{
	font-size:30px;
	position: relative;
	margin: 0px;
}

.contentBottomData p a{
	color: #151515;
	font-family: 'KievitWeb-Bold', 'Trebuchet MS', sans-serif;
	font-size: 30px;
	text-decoration:none;
	line-height: 1.166666666em;
}

.contentTitle{
	font-size: 30px;	
	text-decoration:none;	
	padding:10px;
}

.contentDesc{
	font-size: 15px;	
	text-decoration:none;
	color: #999;
	padding:0 10px;
}

.contentImg{	
	position:absolute;
	height: 290px;
	width: 100%;
	bottom:0px;
	right:0px;
}

.contentImg2{	
	position:absolute;
	height: 290px;
	width: 100%;
	bottom:0px;
	right:0px;
}

	.wgt_navigation{z-index:1;padding:20px;position: absolute;top: 15px;left: 15px;width: 270px;background:rgb(255,189,36);}			
	.wgt_nav_ddl select{width:100%}
	.wgt_nav_img{width:100%;}
	.wgt_nav_img img{width:100%;margin-top:10px;border: 4px solid white;}
	.wgt_nav_view{font-size:18px;margin-top:10px;}	
	.wgt_nav_ddl div{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 10px;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);box-shadow: 0 0 5px rgba(0,0,0,0.5); background: rgb(252,252,252); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);}
	.wgt_nav_ddl ul{padding:0px;margin:0px}
	.wgt_nav_ddl ul li{padding:5px 10px} 
	.wgt_nav_ddl {position:relative;height:30px}
	.wgt_nav_ddl .sbHolder{position: absolute;width: 100%;}
	.wgt_nav_text {float:left;width: 220px;}
	.wgt_nav_view::before{content: " ";display:table;}
	.wgt_nav_view::after{content: " ";display:table;clear:both;}
/* widget*/
.sub-item a{text-decoration:none; color:#000}
.sub-item{overflow:hidden}
.item{/*overflow:hidden*/;float:left;margin:0 10px;width:300px;}
.w0101{position:relative;width:140px;height:140px; margin:5px;}
.w0102{position:relative;width:290px;height:140px; margin:5px;}
.w0201{position:relative;width:140px;height:290px; margin:5px;}
.w0202{position:relative;width:290px;height:290px; margin:5px;}
.w0302,.w0301,.w0104,.w0103{position:relative;width:290px;height:440px; margin:5px;}
.w0304{position:relative;width:590px;height:440px; margin:5px;}
.w015P{position:relative;width:48%;height:140px; margin:5px;}
.map_widget{position:relative;width:920px;height:440px;margin: 5px;}
.item.flexsliderZone {width:600px;}



.ca_widget_bottom .item .w0102{width:49%;}
.ca_widget_bottom .item .w0102:nth-child(even) {margin:0px 0px 10px 1.8%;}
.ca_widget_bottom .item .w0102:nth-child(odd) {margin:0% 0px 10px 0%;}

.ca_widget_bottom .item .w0104{width:100%;height:140px;}

.ca_widget_bottom .item .w0302{width:49%;}
.ca_widget_bottom .item .w0302:nth-child(even) {margin:0px 0px 10px 1.8%;}
.ca_widget_bottom .item .w0302:nth-child(odd) {margin:0px 0px 10px 0px;}
/*pop out dialog*/
#dialog {
	width: 340px;
	height: 150px;
	padding: 20px;
	left: 35%;
	top: 35%;
	position:fixed;
	border: 1px solid white;
	z-index:10;
}

#importantdialog {
	width: 430px;
	height: 400px;
	padding: 20px;
	left: 35%;
	top: 25%;
	position:absolute;
	border: 1px solid white;
	z-index:10;
}


.dialog_header{
	font-size:2em;
	position:relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #FFF;
}

.dialog_text{
	font-size:1.6em;
	margin-bottom: 10px;
}

.importantdb
{
	float:right;
}

.dialog_close{
	background: url("../images/icon-cross.png") no-repeat scroll 0 0 transparent;
	width: 17px;
	height: 17px;
	position:absolute;
	top:0px;
	right:0px;
}


.dialog_button a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 20px;
	background: #FFF;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	display: block;
	float: left;
	margin-right: 10px;
	color: #000;
	text-decoration:none;
	font-size:1.6em;
}

.dialog_button a:hover { background:#000; color:#FFF; }


/*responsive mega menu*/

#responsive_hd_big_menu{top:-5000px;display:none;position: absolute;min-height:100%;width: 100%;z-index: 2;}
#bm_content{margin-bottom:60px}
#bm_content a{text-decoration:none;color:#333;}
a.rps_bm_link {font-size: 22px;}
.rps_bm_row{width:100%;border-top: solid 1px rgba(201, 142, 0, 0.7);text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); }
.rps_bm_row .rps_bm_row{background:rgba(255, 255, 255, 0.2);text-shadow: none;}
.rps_bm_content{float:left}
.rps_bm_link{display:block;padding:10px;}
.rps_bm_link::before{content: " ";display:table;}
.rps_bm_link::after{content: " ";clear:both;display:table;}
.rps_bm_search::before{content: " ";display:table;}
.rps_bm_search::after{content: " ";clear:both;display:table;}
.rps_bm_search{padding:10px}
.rps_bm_search input{width:80%;border:0;height:30px;margin-left:10px;}
.rps_bm_search .searchButton{margin-right:10px;float:right;width:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; background: url("../images/icon-search-black.gif") no-repeat scroll center center #FFF; height:30px;}
.rps_bm_searchdiv{background:white;}
.rps_bm_support{padding:0 10px;font-size:15px}

/* Captcha */
#captcha div canvas {
	background: #424242;
	background: -moz-linear-gradient(left, rgba(66, 66, 66, 1) 0, rgba(239, 239, 239, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(66, 66, 66, 1)), color-stop(100%, rgba(239, 239, 239, 1)));
	background: -webkit-linear-gradient(left, rgba(66, 66, 66, 1) 0, rgba(239, 239, 239, 1) 100%);
	background: -o-linear-gradient(left, rgba(66, 66, 66, 1) 0, rgba(239, 239, 239, 1) 100%);
	background: -ms-linear-gradient(left, rgba(66, 66, 66, 1) 0, rgba(239, 239, 239, 1) 100%);
	background: linear-gradient(to right, rgba(66, 66, 66, 1) 0, rgba(239, 239, 239, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#EFEFEF', GradientType=0);
	background-size:210px;
	background-repeat:no-repeat;
}

/* responsive 992px*/
@media only screen and (max-width: 992px){
	/* container */
	#importantdialog,#dialog{left:25%}
	#responsive_hd_big_menu{ display:block;}
	#hd_bigmenu{ display:none;}
	#hd_logo{margin:0px 15px;}
	#container{ width:auto !important;padding:0px;-webkit-transform: translate3d(0px, 0px, 0px) !important;transform: translate3d(0px, 0px, 0px) !important;}
	
	/* breadcrum */
	#breadcrum .bc_toggled ul li{
		display:block;
		border-bottom: solid 1px rgba(201, 142, 0, 0.7);
		
	}
	#breadcrum ul li{padding: 10px 15px;margin:0px;display: none;float:none;padding-left:20px}
	#breadcrum ul li.bc_current{display: block;}
	#bc_drop_button{display:block;}
	
	.bc_toggled{
		background: #ffc700;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #ffb605 0%, #ffd746 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746));
		background: -webkit-linear-gradient(top, #ffb605 0%,#ffd746 100%);
		background: -o-linear-gradient(top, #ffb605 0%,#ffd746 100%);
		background: -ms-linear-gradient(top, #ffb605 0%,#ffd746 100%);
		background: linear-gradient(to bottom, #ffb605 0%,#ffd746 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 );
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}	
	
	#breadcrum .bc_toggled ul li.bc_current a{
		color: #fff;
	}
	#breadcrum ul li a {
		color: #000;
	
	}
	
	.bc_toggled ul li a:hover {
		color: #fff !important;
	
	}

	#bc_back.bc_toggled #bc_drop_button{
		margin:10px;
		background-position: top right;
	}

	#bc_back.bc_toggled #bc_drop_button:hover{
		background-position: bottom right;
	}
	
	
	
	#breadcrum ul{
		margin-left:0px !important;
		
	}

	#bc_back_button{
		margin:10px;
	}

	

	.activated ul .bc_hide_breadcrum{
		display:block !important;
		
	}
	
	.bc_toggled #bc_back_button{
		display:none;
	}
		
	.bc_toggled ul{
		padding-left:0px !important;
	}

	.bc_toggled ul .bc_hide_breadcrum{
		display:none !important;
	} 
		
	.bc_hide_breadcrum a{
		color:#a0a0a0 !important;
	}

	/* slate template */
	#nav_right{display:none;}
	#nav_left{display:none;}

	
	.item{width:50% !important; }
	.flexsliderZone{width:100% !important}
	.mapZone{width:100% !important}

	
	.sub-item{width:98%;margin:5px 0.9%;}
	.sub-item.flexsliderContainer{width:99%;margin:0 0.45%;height: auto;}
	.sub-item.w0101{width:48%}
	
	
	#widget {padding: 0px;}
	.flexslider .slides img{height:auto}
	.flexslider .slides > li {height:auto !important}
	.contentImg{width:100%}
	.contentImg2{width:100%}
	.w0304{height:auto}	
	
	.ca_right .item, .ca_widget_bottom .item {margin:0px 0px !important;width:100% !important;}
	.ca_widget_bottom .item .w0102 {width:48%;margin:5px 1% !important;}


}


/* responsive 744px*/


@media only screen and (max-width: 744px){
	.item{width:100% !important}
		#importantdialog,#dialog{top:20%;left:5%;right:5%;width:auto;}
	/* breadcrum */
	#breadcrum ul li a{font-size:22px;vertical-align:super;}	
	#bc_back_button,#bc_drop_button{height:38px;width:38px;background-size:76px;margin:5px 10px;}
	#bc_back{width:100%;}
	#bc_back.bc_toggled #bc_drop_button{margin:5px 10px;}
	/*header*/
	
	.ca_widget_bottom .item .w0102 {width:97% !important;}
	.ca_widget_bottom .item .w0302 {width:97% !important;}

	.wgt_navigation{
		top: 0;
		left: 0;
		width: 100%;
		padding:0;
		position:relative;
	}
	
	
	.wgt_navigation>div{margin:20px}	
	.wgt_map{display:none;}
	.map_widget{background: rgb(255,189,36);height:initial}
	.wgt_nav_text{width:95%;}
	.filterCategoriesControl ul{padding: 10px 0 !important;}
	.filterCategoriesControl ul li{width:100%}
}

.lang-th{font-family: 'KittithadaRoman55',Trebuchet MS !important}
.lang-en{font-family:'Trebuchet MS' !important}
.lang-an{font-family:'Angsana New' !important}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */