/* CSS Document */ 
@import url(https://fonts.googleapis.com/css?family=Kanit:100,200,300&subset=thai,latin);
@font-face {
	font-family: 'RSU_light';
	src: url('../font/RSU_light.eot');
	src: local('☺'), url('../font/RSU_light.woff') format('woff'), url('../font/RSU_light.ttf') format('truetype'), url('../font/RSU_light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body { margin:0px; padding:0px; font-family: 'Kanit', sans-serif;color:#4D4D4D;font-size: 15px;}
a{
	text-decoration:none;	
	color:#09A195;
}
#mainpage { width: 100%;overflow:hidden; }

p { margin:0px; padding:0px;} 
ul li { margin:0px; padding:0px;}
.headbox {
    background: url("../image/bg-shawdow.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    line-height: 20px;
    overflow: hidden;
    padding:15px 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
	
}

.headbox a:link, .headbox a:visited { font-size:25px; color:#FFF; text-align:center; text-decoration:none;}
.headbox a:hover { font-size:25px; color:#FFF; text-align:center; text-decoration:none;}

.size01 { text-decoration:none;} 
.size01 a:link, .size01 a:visited {  color:#f3c407; text-decoration:none;} 
.size01 a:hover {  color:#f3c407; text-decoration:none;} 

.size02 { font-size: 16px;text-decoration:none;}
.size02 a:link, .size02 a:visited { font-size:16px; color:#f3c407; text-decoration:none;} 
.size02 a:hover { font-size:16px; color:#f3c407; text-decoration:none;} 

.size03 { font-size: 22px;text-decoration:none;}
.size03 a:link, .size03 a:visited { font-size: 22px; color:#f3c407; text-decoration:none;}
.size03 a:hover { font-size: 22px; color:#f3c407; text-decoration:none;}

.spacemenu { padding:0 3px 0 3px;}

.mainsearch {
    border: 1px solid #ddd;
    border-radius: 8px 0 0 8px;
    color: #666;
    font-size: 22px;
    height: 47px;
    padding: 5px 20px;
    text-align: center;
    width: 390px;
	border-right:none;
	margin-top:2px;
}
#toppage { width:100%; background:#fff; }
#toppage_main { margin:auto; padding-bottom: 30px;position:relative;}
.logo { float:left;margin-top:25px;}
#mainmenu {float:right;position:relative;z-index:1;margin-top:20px;}
#mainmenu ul { margin:0px; padding:0px; list-style:none;}
#mainmenu ul li { font-size: 16px; color:#FFF; float:left; }

#menuright { width:85px; float:right; margin:20px 15px 0 0; position:absolute;right:20px;z-index:1;}
.menu_righttop { width:85px; height:37px; }
.menu_body { width:85px; background-color:#FFF; text-align:center;padding-top: 10px;}
.menu_body img{
	margin-bottom:5px;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.menu_body img:hover{
transform: rotate(360deg) scale(1.1) translate(0px);
-webkit-transform: rotate(360deg) scale(1.1) translate(0px);
-moz-transform: rotate(360deg) scale(1.1) translate(0px);
-o-transform: rotate(360deg) scale(1.1) translate(0px);
-ms-transform: rotate(360deg) scale(1.1) translate(0px);	
}

.menu_rightfooter { width:85px; height:9px; background-color:#FFF;}

.userprofile {float:right;}
.userleft { float:left; height:29px; position:relative;}
.picuser { width:20px; height:29px; padding:3px 0 0 0px; float:left; background-image:url(../image/bg-user2.png); background-repeat:repeat-x; background-position:top;}

.username { float:left; min-width:65px; height:29px; padding:5px 0 0 8px; background-image:url(../image/bg-user2.png); background-repeat:repeat-x; background-position:top; position:relative;  color:#333;  text-decoration:none;}
.username a:link, .username a:visited {  color:#333;  text-decoration:none;}
.username a:hover {color:#333;  text-decoration:none;}

.usertoppic { float:left; width:60px; height:29px; padding: 5px 0 0 10px; background-image:url(../image/bg-user3.png); background-repeat:repeat-x; background-position:top; position:relative; font-size:17px; color:#FFF; }
.member{
	float:right;
	margin-left: 20px;
}
.usertoplogin { float:right;text-align:center; width:120px; height:29px;line-height:18px; background-image:url(../image/btn-bg.png); background-repeat:repeat-x; background-position:top; position:relative;  color:#FFF; background-repeat:repeat-x;border-radius:5px;margin-top:0px; line-height:28px;margin-left:20px;}
.userright { float:left;  height:29px; position:relative;}

.inputmenufaq { border:0px; margin:25px 0 0 19px; padding:3px; width:160px; color:#999; text-align:center;} 

.textnav { color:#000; text-decoration:none;} 
.textnav a:link, .textnav a:visited {  text-decoration:none; color:#000;} 
.textnav a:hover {  text-decoration:none; color:#000;}   


#slidemain { margin:auto;}
#searchall {
    margin: 15px auto auto;
    padding: 15px 0;
}
.searchbox { width:690px; height:50px;margin:0 auto;}
.searchleft {height:51px; float:left;}
.searchright { float:left; width:80px; height:49px;}

.searchclick { float:right; width:203px; height:47px; margin: 2px 0 0 0; padding:10px 0 0 40px; background-image:url(../image/search-all.png); background-repeat:no-repeat; background-position:top; font-size: 20px; color:#FFF; text-decoration:none;}
.searchclick a:link, .searchclick a:visited { font-size: 20px; color:#FFF; text-decoration:none;}
.searchclick a:hover { font-size: 20px; color:#FFF; text-decoration:none;}

.boxmenu {
    position: absolute;
    right: 0;
    /*top: 70px;*/	
	z-index:1;
}
.boxmenu ul { list-style:none; margin:0px;padding:0;}
.boxmenu .searchtop { position:absolute; right:0px; top:0px; width:230px; height:48px;}

ul.dropdown > li > a{
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;	
}
ul.dropdown                         { position: relative;}
ul.dropdown li > a.mnuhome { background:url(../image/icon-home.png) center center no-repeat; display:block; width:44px; height:48px; padding:0px; margin:0px; text-indent:-50px;overflow:hidden;}									

ul.dropdown > li                      { float: left; zoom: 1;  padding:0 0 0 0;border-right:1px solid #ccc;}
ul.dropdown > li:last-child{
	border-right:none;
}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 3px 10px 0px 10px;color: #4b4b4b;text-decoration:none;font-size: 15px; }
ul.dropdown > li:hover > a,
ul.dropdown > li.selected > a { color:#8e2b65;border-bottom:4px solid;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover                {  color:#FFF;}
ul.dropdown li.hover a              { color: FFF; }

/* 
	LEVEL TWO
*/
ul.dropdown > ul{ width: 320px; visibility: hidden; position: absolute; top: 100%; left: 0;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
ul.dropdown ul li{ font-weight: normal; float: none; padding:0;background:#fff;}
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 266px; display: inline-block; padding: 5px 15px 5px 30px; margin-top:0px;border-bottom: 1px dashed #ddd; } 
ul.dropdown ul li.selected > a ,ul.dropdown ul li a:hover , ul.dropdown ul li a.hover { border-right: none;display: inline-block; color: #fff;margin-top:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; 
background:#8e2b65;;
} 
ul.dropdown ul li.sub {background-image:url(../image/arrow-submenu-over.png) no-repeat; background-position:left top;position:relative;}
ul.dropdown ul li.sub:hover > a {
    background:#8e2b65;
    color: #fff;
}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul{ left: 100%; top: 0; border:0px solid #000;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
ul.dropdown li:hover > ul{ visibility: visible; transition-delay:1s;}
ul.dropdown ul ul li { }
ul.dropdown ul ul li a { color:#69696a; padding: 5px 15px 5px 30px;}
ul.dropdown ul ul li a:hover,ul.dropdown ul ul li.selected > a{color:#FFF;background:#8e2b65; }
ul.dropdown > li > .boxTopMenu{
	position:absolute;
	width:267px;
	display:none;
	z-index:1;
	
}
ul.dropdown > li:hover .boxTopMenu {
    display: block;
	border-top: 5px solid #ccc;
}
ul.dropdown > li > ul{
	position:absolute;
	top:20px;
}
ul.dropdown > li:hover .boxTopMenu > ul{
	width:266px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.box_m_service > ul{
	float:right;
}
.box_m_agency{
	background:#fff;	
	border:1px solid #ccc;
	border-top:none;
}
ul.dropdown > li:hover .boxTopMenu > ul > li.sub{
	background:url("../image/arrow-submenu-over.png") no-repeat scroll -10px 0 rgba(0, 0, 0, 0);
}
ul.dropdown > li:hover .boxTopMenu > ul > li.link{
	background-image:none;	
}
ul.dropdown > li:hover .boxTopMenu > ul > li.sub > ul{
	position:absolute;
	display:none;
	z-index:1;
}
ul.dropdown > li:hover .boxTopMenu > ul > li.sub:hover > ul{
	display:block;
}
ul.dropdown > li > .boxTopMenu.full{
	width:760px;	
}
ul.dropdown > li > .boxTopMenu.full .cmscontent2 > .boxicon {height:120px; border:0px solid #F00;}
.cmscontent2 > .ml { }
ul.dropdown > li > .boxTopMenu.full .bxtablefix { width:100%;}
ul.dropdown > li > .boxTopMenu.full .bxtablefix td.bxico { height:80px;text-align:center;}
ul.dropdown > li > .boxTopMenu.full .bxtablefix td.bxico img { height:80px;width:80px;}
ul.dropdown > li > .boxTopMenu.full .bxtablefix td.bxtxt { text-align:center;line-height:20px;}

ul.dropdown > li > .boxTopMenu.full .agency_all{
	display:block;
	padding:10px;
	border-top:1px solid #ccc;
	text-align:center;
	color:#00CACE;
}
ol.menugroupservice {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: table-cell;
    margin: 0;
    padding: 10px;
}
.lineclear{
	clear:both;
	border-bottom:1px solid #ccc;
}
ol.menugroupservice > li{
	display:block;
	position:relative;
}
ol.menugroupservice > li::before {
    color: #000;
    content: "•";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
ol.menugroupservice > li > a{
	padding-bottom:10px;
}
ol.menugroupservice > li:hover a,
ol.menugroupservice > li.active a{
	color:#09a195;
}
ol.menugroupservice > li.active a{
	text-decoration:underline;
}
.menuboxeservice ul > li:first-child{
	display:none;	
}
#contentbox{
	padding-bottom:20px;	
}
#contentbox .servicegroup {max-width:1000px;margin:auto;}
#contentbox .owl-buttons{
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
	display:none;
}
#contentbox .owl-buttons > div{
	background:	url(../image/next-back.png) no-repeat;
	height:70px;
	width:70px;
	position:absolute;
	top: -330px;
	}
#contentbox .owl-buttons .owl-prev{
	background-position:left center;
    left: -70px;   
}
#contentbox .owl-buttons .owl-next{
	background-position:right center;
	right:-70px;
}
#contentbox:hover .owl-buttons{
	display:block;	
}
#contentbox_inner { width:100%; margin:auto; padding:10px 0 10px 0;} 
.box1 { width:100%; height:95px;position:relative;}  
.box1 .cicle{

}
.box2 { width:100%; height:95px;} 
.box2 .cicle{

}
.box3 { width:100%; height:95px;} 
.box3 .cicle{
}
.box4 { width:100%; height:95px;}  
.box4 .cicle{
}
.box5 { width:100%; height:95px;} 
.box5 .cicle{
}
.box6 { width:100%; height:95px;} 
.box6 .cicle{
}
.box7 { width:100%; height:95px;}
.box7 .cicle{
} 
.box8 { width:100%; height:95px;}
.box8 .cicle{
}
.box9 { width:100%; height:95px;}
.box9 .cicle{
}

.boxdate {  color:#666; text-decoration:none;position:absolute;bottom:0;width:100%;}
.boxdate a:link, .boxdate a:visited {  color:#000; text-decoration:none;}
.boxdate a:hover {  color:#000; text-decoration:none;}

/*
.boxspace,
.boxspace .popupcount,
.boxspace.open .boxdate{
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}*/
.boxspace{
		border-radius:5px;
	overflow:hidden;
	position:relative;
}
.boxspace.open{
	/*height:507px;
	width:470px;*/
	z-index:999;	
	position:relative;
}
.boxspace.open .popupcount{
	margin-left:255px;
}
.boxspace.open .boxdate{
	position:absolute;
	bottom:5px;
	left:10px;
	color:#666;
	border-top:none;
	text-align:left;
}
.boxspace .cicle{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
}
.boxspace .cicle:hover img{
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);	
}
.boxspace .cicle img {
 -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  
    position: absolute;
    right: 0;
    width: 100%;
	height:95px;
}
.boxspace a{
	text-decoration:none;	
}
.boxspace a.readmore{
	display:none;
	position:absolute;
	bottom:10px;
	right:10px;	
}
.boxspace.open a.readmore{
	display:block;
}
ul.service_list{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:40px;	
	display:none;
}
.boxspace.open ul.service_list{
	display:block;
}
ul.service_list a{
	display:block;
	color:#666;
	
	text-align:left;
	padding: 5px 30px;
}
ul.service_list a{
	background-position:15px center;
	background-repeat:no-repeat;
}
ul.service_list a.row0{
	background-color:#f5f5f5;
}
ul.service_list a:hover{
	background-color:#D2CFCF;
	background-position:15px center;
	background-repeat:no-repeat;
}
ul.service_list a.new{
	background-image:url(../../main_css/icon/new.png);
}
ul.service_list a.hot{
	background-image:url(../../main_css/icon/hot.png);
}
ul.service_list a.update{
	background-image:url(../../main_css/icon/update.png);
}




#seconcontent {
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px #9C9C9C inset;
    margin-top: 28px;
    width: 100%;
}
#seconcontent1 {
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px #9C9C9C inset;
    margin-top: 28px;
    width: 100%;
}
#seconconbody1 { margin:auto; padding-top:20px;padding-bottom: 20px;}

#seconconbody { margin:auto; padding-top:20px;}
#tab_content { float:left; width:100%; margin:15px 0 0 5px;}
.tab_condetail { float:left; width:219px;}  

.condetail_line { height: 245px; width:13px; margin:0 0 0 13px; border-left:dotted 1px #d1d1d1; float:left;}

.headnews {  color:#66CBDF;  text-decoration:none;} 
.headnews a:link, .headnews a:visited {  color:#66CBDF;  text-decoration:none;} 
.headnews a:hover {color:#66CBDF;  text-decoration:none;} 

.contentnews {  color:#424242;  text-decoration:none;} 
.contentnews a:link, .contentnews a:visited {  color:#424242;  text-decoration:none;} 
.contentnews a:hover {color:#424242;  text-decoration:none;} 

.datenews {  color:#999;  text-decoration:none; } 
.datenews a:link, .datenews a:visited {  color:#999;  text-decoration:none; } 
.datenews a:hover {  color:#999;  text-decoration:none; } 

#banner { }
.banner1 { margin:0 0 0 0;}
.banner2 { margin:5px 0 0 0;}
.banner3 { margin:8px 0 0 0;} 

#logofooter { width:100%; background-image:url(../image/bg-logofooter.png); background-position:top; background-repeat:repeat-x; background-color:#f1f1f1;}
#logofootdetail { width:981px; margin:auto; padding:15px 0 15px 0;}
.cartoon_icon { position:absolute;}


#footer {
    background-color: #fff;
    background-image: url("../image/bg-footer.png");
    background-position: center top;
    background-repeat: repeat-x;
	background-size: contain;
    border-top: 5px solid #545454;
    width: 100%;
}
#footerdetail {margin:auto; padding:20px 0 20px 0;}
/*Add by joaey 2559/06/22 */
.displayEmail{
    display:inherit;
}
.displayEmailRow{
    display:none;
}
.logoega { 
    padding: 10px 0px 10px 0px;
    text-align:left;}
.text_footer {color:#333; margin-left:5px; text-align:right;}
.text_footer a:link, .text_footer a:visited { float:left;  color:#333; margin:5px 0 0 0px; }
.text_footer a:hover { float:left;  color:#8e2b65; margin:5px 0 0 0px; }
/* comment by joaey 2559/06/22
.logoega { float:left;}
.text_footer { float:left;  color:#333; margin-left:5px;}
.text_footer a:link, .text_footer a:visited { float:left;  color:#333; margin:5px 0 0 5px; }
.text_footer a:hover { float:left;  color:#8e2b65; margin:5px 0 0 5px; }
*/
 #allleft {position:relative;}
.menuleft { position:relative;}
.menuleft ul { margin:0px; padding:0px; }
.menuleft ul li { list-style:none;} 

.menuleft2 {float:left; position:relative; margin:15px 0 0 0;}
.menuleft2 ul { margin:0px; padding:0px; }
.menuleft2 ul li { list-style:none;}  

.menufaq {height:77px; background-image:url(../images/faq/05-faq_05.png); background-position:top; background-repeat:no-repeat; float:left;}

.menu_top {padding:10px 15px;text-align:center; color:#FFF; font-size: 20px;  text-decoration:none;
	background:#20A5B5;
	border:1px solid #fff;
	border-bottom:none;
	border-radius:5px 5px 0 0;
}
.menu_top a:link, .menu_top a:visited  { text-align:center; color:#FFF; font-size: 20px;  text-decoration:none;}
.menu_top a:hover { text-align:center; color:#FFF; font-size: 20px;  text-decoration:none;}


.menu_top2 { float:left; width:232px; height:30px; padding: 7px 0 0 0; background-image:url(../images/faq/head.png); background-position:top; background-repeat:no-repeat; text-align:center; color:#FFF; font-size: 20px;  text-decoration:none;}
.menu_top2 a:link, .menu_top2 a:visited  { text-align:center; color:#FFF; font-size: 20px;  text-decoration:none;}
.menu_top2 a:hover { text-align:center; color:#FFF; font-size: 20px;  text-decoration:none;}



.menu_content1 { float:left; background-color:#01757a; width:210px; height:30px; padding: 7px 0 0 20px; border-left: solid 1px #FFF; border-right:solid 1px #FFF; font-size:25px; color:#FFF; border-bottom: solid 1px #c8c8c8; }
.menu_content1 a:link, .menu_content1 a:visited  { font-size:25px; color:#FFF;  text-decoration:none; }
.menu_content1 a:hover { font-size:25px; color:#FFF;  text-decoration:none; }
	  

.menu_content1_2 { float:left; background-color:#01757a; width:210px; height:30px; padding: 7px 0 0 20px; border-left: solid 1px #FFF; border-right:solid 1px #FFF; font-size: 20px;  color:#FFF; text-decoration:none;}
.menu_content1_2 a:link, .menu_content1_2 a:visited  { font-size: 20px; color:#FFF; text-decoration:none;}
.menu_content1_2 a:hover { font-size:25px; color:#FFF; text-decoration:none;}



.menu_content2 { float:left; background-color:#FFF; width:210px; height:30px; padding: 7px 0 0 20px; border-left: solid 1px #FFF; border-right:solid 1px #FFF; font-size:25px; color:#595858; border-bottom: solid 1px #c8c8c8; }
.menu_content1_2 a:link, .menu_content1_2 a:visited  { font-size:25px; color:#595858;  text-decoration:none;}
.menu_content1_2 a:hover { font-size:25px; color:#595858;  text-decoration:none;}

.menu_content3 { float:left; background-color:#FFF; width:210px; height:30px; padding: 7px 0 0 20px; border-left: solid 1px #FFF; border-right:solid 1px #FFF; font-size:25px; color:#595858; }
.menu_content3 a:link, .menu_content3 a:visited  { font-size:25px; color:#595858;  text-decoration:none;}
.menu_content3 a:hover { font-size:25px; color:#595858;  text-decoration:none;}



.menu_footer { float:left; width:232px; height:5px; background-image:url(../images/profile/menu_footer.png); background-position:top; background-repeat:no-repeat;}
.menu_footer2 { float:left; width:232px; height:5px; background-image:url(../images/rss/menu_footer2.png); background-position:top; background-repeat:no-repeat;}
.menu_footer3 { float:left; width:232px; height:5px; background-image:url(../images/vote/menu_footer3.png); background-position:top; background-repeat:no-repeat;}

.rssfeeds {
    background: none repeat scroll 0 0 #93ca3d;
    color: #fff;
    font-size: 23px;
    margin: 13px 0 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 100%;
	border-radius:3px;
}
.rssfeeds a:link, .rssfeeds a:visited  { font-size:23px; color:#FFF;  text-decoration:none;}
.rssfeeds a:hover { font-size:23px; color:#FFF;  text-decoration:none;}

#contentdetail { width:100%; float:right; padding:20px; border-radius:4px; border: solid 1px #bfbfbf; background-color:#FFF; position:relative;min-height:400px;} 
/*
#contentdetail.focusleft:after{
	display: block;
	position: absolute;
	background: transparent;
	border: 11px solid transparent;
	border-right-color: #fff;
	border-bottom: 100%;
	right: 100%;
	content: '';
	width: 0;
	height: 0;
	top: 110px;
	margin: auto;
}
#contentdetail.focusleft:before{
	display: block;
	position: absolute;
	background: transparent;
	border: 12px solid transparent;
	border-right-color: #A2A2A2;
	border-bottom: 100%;
	right: 100%;
	content: '';
	width: 0;
	height: 0;
	top: 109px;
	margin: auto;
}*/
.headname { float:left; color:#69c15b; font-size:22px;  text-decoration:none;}
.headname a:link, .headname a:visited  { font-size:25px; color:#69c15b;  text-decoration:none;}
.headname a:hover { font-size:25px; color:#69c15b;  text-decoration:none;}



.navpage { float:right; color:#353535;  margin:4px 0 0 0; } 
.navpage a:link, .navpage a:visited  {  color:#353535;  text-decoration:none;}
.navpage a:hover {  color:#353535;  text-decoration:none;}

.picprofile { float:left; width:176px; height:182px; margin:20px 0 0 0;}
.borderpicprofile { border: solid 2px #d4d4d4; }

.bgphoto { width:172px; height:33px; padding:7px 0 0 40px; background-image:url(../images/profile/photobg_19.png); background-repeat:no-repeat; position:absolute; margin:148px 0 0 2px; font-size:14px; color:#FFF; }
.bgphoto a:link, .bgphoto a:visited  { font-size:14px; color:#FFF;  text-decoration:none; }
.bgphoto a:hover { font-size:14px; color:#FFF;  text-decoration:none; }

.contentprofile { width:478px; float:right; margin:20px 0 0 0;}
.contentprofile1 { width:100%; padding:13px 15px 12px 15px; border: solid 1px #cacaca; background-color:#f1f1f1;}

.nameprofile { color:#69c15b;  font-weight:bold; }
.nameprofile a:link, .nameprofile a:visited  {  font-weight:bold; color:#69c15b; text-decoration:none; }
.nameprofile a:hover {  font-weight:bold; color:#69c15b; text-decoration:none; }

.emailprofile { color:7b7b7b; font-size:14px; font-weight:bold; padding:0 0 3px 0;  text-decoration:none;}
.emailprofile a:link, .emailprofile a:visited  { color:7b7b7b; font-size:14px; font-weight:bold;  text-decoration:none;}
.emailprofile a:hover { color:7b7b7b; font-size:14px; font-weight:bold;  text-decoration:none;}

.facebook { color:#7b7b7b; font-size:14px;  text-decoration:none;}
.facebook a:link, .facebook a:visited  { color:7b7b7b; font-size:14px; font-weight:bold;  text-decoration:none;}
.facebook a:hover { color:7b7b7b; font-size:14px; font-weight:bold;  text-decoration:none;}

.listbutprofile { width:147px; float:left; margin:10px 0 0 0;}
.butprofile1 { float:left; width:102px; padding:7px 0 0 45px; font-size:15px; color:#7b7b7b; margin:0 0 5px 0; height:20px; background-image:url(../images/profile/b_profile1.png); background-position:top; background-repeat: none;}
.butprofile1 a:link, .butprofile1 a:visited { font-size: 15px; color:#7b7b7b; text-decoration:none;} 
.butprofile1 a:hover { font-size: 15px; color:#7b7b7b; text-decoration:none;} 

.butprofile2 { float:left; width:102px; padding:7px 0 0 45px; font-size:15px; color:#7b7b7b; margin:0 0 5px 0; height:20px; background-image:url(../images/profile/b_profile2.png); background-position:top; background-repeat: none;}
.butprofile2 a:link, .butprofile2 a:visited { font-size: 15px; color:#7b7b7b; text-decoration:none;} 
.butprofile2 a:hover { font-size: 15px; color:#7b7b7b; text-decoration:none;} 

.butprofile3 { float:left; width:102px; padding:7px 0 0 45px; font-size:15px; color:#7b7b7b; margin:0 0 5px 0; height:20px; background-image:url(../images/profile/b_profile3.png); background-position:top; background-repeat: none;}
.butprofile3 a:link, .butprofile3 a:visited { font-size: 15px; color:#7b7b7b; text-decoration:none;} 
.butprofile3 a:hover { font-size: 15px; color:#7b7b7b; text-decoration:none;} 

.butprofile2 { float:left; width:147px; padding:7px 0 0 45px; font-size:15px; color:#7b7b7b; margin:0 0 5px 0; height:27px; background-image:url(../images/profile/b_profile2.png); background-position:top; background-repeat: none;}
.butprofile2 a:link, .butprofile2 a:visited { font-size: 15px; color:#7b7b7b; text-decoration:none;} 
.butprofile2 a:hover { font-size: 15px; color:#7b7b7b; text-decoration:none;} 
.butprofile2.active{
	font-weight:bold;	
}


.butprofile3 { float:left; width:102px; padding:7px 0 0 45px; font-size:15px; color:#7b7b7b; margin:0 0 5px 0; height:20px; background-image:url(../images/profile/b_profile3.png); background-position:top; background-repeat: none;}
.butprofile3 a:link, .butprofile3 a:visited { font-size: 15px; color:#7b7b7b; text-decoration:none;} 
.butprofile3 a:hover { font-size: 15px; color:#7b7b7b; text-decoration:none;} 
.butprofile3.active{
	font-weight:bold;	
}
}

.butlogout { float:right; background-image:url(../images/profile/b_profile4.png); background-position:top; background-repeat:no-repeat; width:85px; height:28px; padding:10px 0 0 30px;  color:#FFF; margin:63px 0 0 0;}
.butlogout a:link, .butlogout a:visited {  color:#FFF; text-decoration:none;} 
.butlogout a:hover {  color:#FFF; text-decoration:none;} 

.newsbar { float:left; font-size: 19px; color:#01757a; padding:8px 0 0 0;  text-decoration:none;} 
.newsbar a:link, .newsbar a:visited { font-size: 19px; color:#01757a;  text-decoration:none;} 
.newsbar a:hover { font-size: 19px; color:#01757a;  text-decoration:none;} 
.newsbar a.active{
	font-weight:bold;	
}

.snews { float:right;}
.snewslist { float:left; width:123px; height:32px; border-radius:3px; border:solid 1px #dfdfdf; text-align:center; padding:3px 0 0 0; margin:0 5px 0 0;}
.snewslist select{
	width:120px;	
	text-indent: 2px;
	background:#fff;
}
.snewslist2 { float:left; width:123px; height:26px; border-radius:3px; border:solid 1px #dfdfdf; text-align:center; padding:5px 0 0 0; margin:5px 0 0 0;}
.snewsbox { float:right; width:245px; height:31px; border-radius:3px; border:solid 1px #dfdfdf;}
.boxnews { border:0px;  color:#666666;}
.listnews { border:0px;  color:#666666;}

.contentcmsnews { width:100%; border-bottom: dotted 1px #CCC; padding:20px 0 20px 0;min-height:114px;}

.contentcmsnews2 { width:100%; margin: 20px 0 0 0; border-top: dotted 1px #CCC; padding:20px 0 30px 0;}
.contentcmsservice { width:100%; margin:20px 0 0 0; padding:0 0 30px 0;}

.cmspic { float:left; width:219px;}
.cmscontent { float:right; width:460px;}

.cmscontent1 { font-size: 18px; color:#01757a; text-decoration:none;} 
.cmscontent1 a:link, .cmscontent1 a:visited { font-size: 18px; color:#01757a; text-decoration:none;} 
.cmscontent1 a:hover { font-size: 18px; color:#01757a; text-decoration:none;} 


.cmscontent2 {  color:#5d5e5d;  text-decoration:none;} 
/*.cmscontent2 a:link, .cmscontent2 a:visited {  color:#5d5e5d;  text-decoration:none;}*/ 
.cmscontent2 a:hover {color:#5d5e5d;  text-decoration:none;} 

.cmscontentsmall {  color:#5d5e5d;  text-decoration:none;} 
.cmscontentsmall a:link, .cmscontentsmall a:visited {  color:#5d5e5d;  text-decoration:none;} 
.cmscontentsmall a:hover {  color:#5d5e5d;  text-decoration:none;} 

.cmscontact { font-size: 16px; color:#000;  text-decoration:none;} 
.cmscontact a:link, .cmscontact a:visited { font-size: 22px; color:#000;  text-decoration:none;} 
.cmscontact a:hover { font-size: 22px; color:#000;  text-decoration:none;} 

.cmscontentca {  color:#5d5e5d;  text-decoration:none;}  
.cmscontentca a:link, .cmscontentca a:visited {  color:#5d5e5d;  text-decoration:none;}  
.cmscontentca a:hover {  color:#5d5e5d;  text-decoration:none;}  

.cmscontentblog { font-size:14px; color:#5d5e5d;  text-decoration:none;} 
.cmscontentblog a:link, .cmscontentblog a:visited { font-size:14px; color:#5d5e5d;  text-decoration:none;}   
.cmscontentblog a:hover { font-size:14px; color:#5d5e5d;  text-decoration:none;} 

.cmscontentblog2 { font-size:14px; color:#3151be;  text-decoration:none;} 
.cmscontentblog2 a:link, .cmscontentblog2 a:visited { font-size:14px; color:#3151be;  text-decoration:none;}   
.cmscontentblog2 a:hover { font-size:14px; color:#3151be;  text-decoration:none;} 


.cmscontent3 {  color:#01757a; text-decoration:none;}
.cmscontent3 a:link, .cmscontent3 a:visited {  color:#01757a; text-decoration:none;}
.cmscontent3 a:hover {  color:#01757a; text-decoration:none;}

.cmscontent4 {  color:#09a195; text-decoration:none;}
.cmscontent4 a:link, .cmscontent4 a:visited {  color:#09a195; text-decoration:none;}
.cmscontent4 a:hover {  color:#09a195; text-decoration:none;}

.spancms { margin:15px 0 0 0;}

.dateandshare {  color:#939393; margin:20px 0 0 0;  text-decoration:none;}
.dateandshare a:link, .dateandshare a:visited {  color:#939393;  text-decoration:none;}
.dateandshare a:hover {  color:#939393;  text-decoration:none;}

.rssanother { margin:13px 0 0 0; position:relative;}
.rssanother ul { margin:0px; padding:0px; }
.rssanother ul li { list-style:none;}

.resstop {
    background-color: #8ccf26;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 20px;
    padding:5px 10px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.resstop a:link, .resstop a:visited { text-align:center; color:#FFF; font-size: 20px; text-decoration:none;} 
.resstop a:hover { text-align:center; color:#FFF; font-size: 20px; text-decoration:none;} 

.contentrss { background-color:#FFF; border-bottom:dotted 1px #CCC; padding:10px;  text-decoration:none; color:#333;} 
.contentrss a:link, .contentrss a:visited {  text-decoration:none; color:#333;}  
.contentrss a:hover { color:#222;}  

.dateress {  color:#939393;  text-decoration:none;}
.dateress a:link, .dateress a:visited {  color:#939393;  text-decoration:none;}
.dateress a:hover {  color:#939393;  text-decoration:none;}

.picbigcms { text-align:center; margin:0 0 25px 0;}

.backtopage { float:right; margin:10px 0 0 0; background-image:url(../images/cms/backtopage.png); background-position:top; background-repeat:no-repeat; width:80px; height:25px; font-size:19px;  padding:3px 0 0 23px; color:#FFF;}
.backtopage a:link, .backtopage a:visited { font-size:19px; color:#FFF; text-decoration:none;}
.backtopage a:hover { font-size:19px; color:#FFF; text-decoration:none;}

.share { float:left; margin:10px 0 0 0;}

.readall { font-size:14px; color:#939393; float:right; margin:10px 0 0 0; text-decoration:none;}
.readall a:link, .readall a:visited  { font-size:14px; color:#939393; text-decoration:none;}
.readall a:hover { font-size:14px; color:#939393; text-decoration:none;}


.headsection { font-size:24px; color:#01757a; float:left; margin:0 0 0 10px; text-decoration:none;}
.headsection a:link, .headsection a:visited  { font-size:24px; color:#01757a; text-decoration:none;}
.headsection a:hover { font-size:24px; color:#01757a; text-decoration:none;}

.clear { clear:both;}
.left { float:left;}
.right { float:right;}

.contentdownload {  color:#4f4f4f;  text-decoration:none;}
.contentdownload a:link, .contentdownload a:visited  {  color:#4f4f4f;  text-decoration:none;}
.contentdownload a:hover {  color:#4f4f4f;  text-decoration:none;}

.contentinput { width:100%; margin:20px 0 0 0; padding:0 0 25px 0;}

.rsscontent { float:left; width:100%;}
.headrss { font-size: 24px; color:#01757a; float:left; min-width:550px; margin:0 0 0 0; text-decoration:none;}
.headrss a:link, .headrss a:visited  { font-size: 24px; color:#01757a; text-decoration:none;}
.headrss a:hover { font-size: 24px; color:#01757a; text-decoration:none;}

.daterss {  color:#666666; margin:20px 0 0 0;  text-decoration:none;}
.daterss a:link, .daterss a:visited  {  color:#666666;  text-decoration:none;}
.daterss a:hover {  color:#666666;  text-decoration:none;}

.readmore { float:right; width:100px; height: 27px; padding:5px 10px; margin:10px 0 0 0; color:#FFF !important;text-align:center;background:#56BBFF;}
.readmore a:link, .readmore a:visited  { font-size:19px; color:#FFF; text-decoration:none; text-align:center;}
.readmore a:hover { font-size:19px; color:#FFF; text-decoration:none; text-align:center;}


.faqcontent { float:left; width:100%; margin:20px 0 0 0; border-bottom: dotted 1px #CCC; padding:0 0 15px 0;}
.contentfaq { font-size: 23px; color:#000; text-decoration:none;}
.contentfaq a:link, .contentfaq a:visited { font-size: 23px; color:#000; text-decoration:none;}
.contentfaq a:hover { font-size: 23px; color:#000; text-decoration:none;}

.datefaq {  color:#999; margin:10px 0 0 0;  text-decoration:none;} 
.datefaq a:link, .datefaq a:visited  {  color:#999;  text-decoration:none;}
.datefaq a:hover {  color:#999;  text-decoration:none;}

.tabledownload { width:100%; margin:20px 0 0 0; border-top: dotted 1px #CCC; padding:15px 0 15px 0;}
.tablecalen { width:100%; margin:20px 0 0 0; border-top: dotted 1px #CCC; padding:0 0 15px 0;}

.textdownload {  color:#01757a; text-decoration:none;}
.textdownload a:link, .textdownload a:visited  {  color:#01757a; text-decoration:none;}
.textdownload a:hover {  color:#01757a; text-decoration:none;}

.textdownload2 { color:#353535;  text-decoration:none;}
.textdownload2 a:link, .textdownload2 a:visited  { color:#353535;  text-decoration:none;}
.textdownload2 a:hover { color:#353535;  text-decoration:none;}

.headweblink { font-size:24px; color:#01757a; text-decoration:none;} 
.headweblink a:link, .headweblink a:visited { font-size:24px; color:#01757a; text-decoration:none;} 
.headweblink a:hover { font-size:24px; color:#01757a; text-decoration:none;} 

.dateweblink {  color:#666666;  text-decoration:none;} 
.dateweblink a:link, .dateweblink a:visited  {  color:#666666;  text-decoration:none;} 
.dateweblink a:hover  {  color:#666666;  text-decoration:none;} 

.dateweblink2 {  color:#01757a;  text-decoration:none;} 
.dateweblink2 a:link, .dateweblink2 a:visited  {  color:#01757a;  text-decoration:none;} 
.dateweblink2 a:hover {  color:#01757a;  text-decoration:none;} 

.submitweblink { font-size: 30px; color:#FFF; text-decoration:none;} 
.submitweblink a:link, .submitweblink a:visited  { font-size: 30px; color:#FFF; text-decoration:none;} 
.submitweblink a:hover  { font-size: 30px; color:#FFF; text-decoration:none;} 

.contacthead { font-size:32px; color:#01757a; text-decoration:none;}
.contacthead a:link, .contacthead a:visited  { font-size:32px; color:#01757a; text-decoration:none;}
.contacthead a:hover  { font-size:32px; color:#01757a; text-decoration:none;}

.contact_box { width:257px; height:43px;}
.contact_boxare { width:655px; height:106px;}

.galleryhard { font-size:24px; color:#01757a; padding:3px 0 0 0; text-decoration:none;} 
.galleryhard a:link, .galleryhard a:visited { color:#01757a; font-size:24px; text-decoration:none;}
.galleryhard a:hover { color:#01757a; font-size:24px; text-decoration:none;}

.gallerydetail {  color:#5d5e5d; text-decoration:none;}
.gallerydetail a:link, .gallerydetail a:visited { color:#5d5e5d;  text-decoration:none;}
.gallerydetail a:hover { color:#5d5e5d;  text-decoration:none;}

.seepic { float:right; width:64px; height: 25px; padding:2px 0 0 0; margin:0 0 0 0;background-image:url(../images/rss/readmore.png); background-repeat:no-repeat; background-position:top; color:#FFF;  text-align:center; text-decoration:none;margin-left:10px;}
.seepic a:link, .seepic a:visited { color:#FFF;  text-align:center; text-decoration:none;}
.seepic a:hover { color:#FFF;  text-align:center; text-decoration:none;}

.linespace { width:100%; border-top: dotted 1px #CCC; padding:15px 0 15px 0;}

.postdate {  font-weight:bold; color:#333; text-decoration:none;}
.postdate a:link, .postdate a:visited {  font-weight:bold; color:#333; text-decoration:none;}
.postdate a:hover {  font-weight:bold; color:#333; text-decoration:none;}

.postblog {  font-weight:bold; color:#333; text-decoration:none; }
.postblog a:link, .postblog a:visited {  font-weight:bold; color:#333; text-decoration:none; }
.postblog a:hover {  font-weight:bold; color:#333; text-decoration:none; }

.webboardhard { font-size:24px; color:#01757a; padding:0px 0 0 10px; text-decoration:none;} 
.webboardhard a:link, .webboardhard a:visited { font-size:24px; color:#01757a; text-decoration:none;} 
.webboardhard a:hover { font-size:24px; color:#01757a; text-decoration:none;} 


.readcount {  font-weight:bold; color:#666666;  text-decoration:none;font-size: 12px;} 
.readcount a:link, .readcount a:visited {  font-weight:bold; color:#666666;  text-decoration:none;} 
.readcount a:hover {  font-weight:bold; color:#666666;  text-decoration:none;} 

.readcount2 {  font-weight:bold; color:#2b9ea3;  text-decoration:none;} 
.readcount2 a:link, .readcount2 a:visited {  font-weight:bold; color:#2b9ea3;  text-decoration:none;} 
.readcount2 a:hover {  font-weight:bold; color:#2b9ea3;  text-decoration:none;} 

.readcount3 {  color:#666666;  text-decoration:none;font-size: 12px;} 
.readcount3 a:link, .readcount3 a:visited {  color:#666666;  text-decoration:none;} 
.readcount3 a:hover {  color:#666666;  text-decoration:none;} 

.webboarde {  color:#838383; text-decoration:none;font-size: 12px; }
.webboarde a:link, .webboarde a:visited {  color:#838383; text-decoration:none; }
.webboarde a:hover {  color:#838383; text-decoration:none; }

.linewebboard { width:100%; border-bottom: dotted 1px #CCC; padding:15px 0 10px 0;}

.servicebar { width:981px; margin:auto; padding:25px 0 0 0;}
.servicebar1 { width:289px; height:46px; margin: 0 0 25px 10px; float:right;}
.servicebarleft { width:15px; height:46px; float:left;}

.servicecenter { width:250px; height:34px; float:left; background-image:url(../images/service/service02.png); background-repeat:repeat-x; background-position:top; font-size:24px; color:#FFF; padding:12px 0 0 10px; text-decoration:none;}
.servicecenter a:link, .servicecenter a:visited { font-size: 24px; color:#FFF; text-decoration:none; }
.servicecenter a:hover { font-size: 24px; color:#FFF; text-decoration:none; }



.servicecenter2 { width:250px; height:34px; float:left; background-image:url(../images/service/service02.png); background-repeat:repeat-x; background-position:top; font-size:24px; color:#FFF; padding:12px 0 0 10px;}
.servicecenter2 a:link, .servicecenter2 a:visited { font-size: 24px; color:#FFF; text-decoration:none;}
.servicecenter2 a:hover { font-size: 24px; color:#FFF; text-decoration:none;}

.servicebarright { width:14px; height:46px; float:left;}

.datephoto { float:left;}
.gallerybot { width:470px; margin:auto;}

.galleryb1 { width: 84px; height:26px;  font-weight:bold; padding:12px 0 0 40px; color:#FFFFFF; background-image:url(../images/photo-gallery/galleryb1.png); background-repeat:no-repeat; background-position:top; text-decoration:none;}
.galleryb1 a:link, .galleryb1 a:visited {  font-weight:bold; color:#FFFFFF; text-decoration:none;}
.galleryb1 a:hover {  font-weight:bold; color:#FFFFFF; text-decoration:none;} 

.galleryb2 { width:69px; height:26px;  font-weight:bold; padding:12px 0 0 55px; color:#FFFFFF; background-image:url(../images/photo-gallery/galleryb2.png); background-repeat:no-repeat; background-position:top;line-height:15px;}
.galleryb2 a:link, .galleryb2 a:visited {  font-weight:bold; color:#FFFFFF; text-decoration:none;}
.galleryb2 a:hover {  font-weight:bold; color:#FFFFFF; text-decoration:none;} 

.galleryb3 { width:79px; height:26px;   font-weight:bold; padding:12px 0 0 45px; color:#FFFFFF; background-image:url(../images/photo-gallery/galleryb3.png); background-repeat:no-repeat; background-position:top;line-height:15px;}
.galleryb3 a:link, .galleryb3 a:visited {  font-weight:bold; color:#FFFFFF; text-decoration:none;}
.galleryb3 a:hover {  font-weight:bold; color:#FFFFFF; text-decoration:none;}

.profileselect { width:100%; margin:25px 0 0 0;}
.listprofile { width:156px; height:30px; border:0px; border-radius:3px;} 

.headnameprofile { color:#69c15b; font-size:24px; text-decoration:none;}
.headnameprofile a:link, .headnameprofile a:visited { color:#69c15b; font-size:24px; text-decoration:none;}
.headnameprofile a:hover { color:#69c15b; font-size:24px; text-decoration:none;}

.headnameprofile2 { color:#7b7b7b; font-size: 16px; text-decoration:none;}
.headnameprofile2 a:link, .headnameprofile2 a:visited { color:#7b7b7b; font-size: 16px; text-decoration:none;}
.headnameprofile2 a:hover { color:#7b7b7b; font-size: 16px; text-decoration:none;}

.profilelist { width:155px; margin:10px 20px 0 0; float:left; position:relative;} 

.headnameprofile3 {  color:#7b7b7b; padding:0 0 5px 0; text-decoration:none;}
.headnameprofile3 a:link, .headnameprofile3 a:visited {  color:#7b7b7b; text-decoration:none;}
.headnameprofile3 a:hover {  color:#7b7b7b; text-decoration:none;}

.searchbut { width:69px; height:25px; padding:0 0 0 30px; font-size:22px; color:#FFF;cursor:pointer;display:inline-block;}
.searchbut a:link, .searchbut a:visited { font-size:22px; color:#FFF; text-decoration:none;}
.searchbut a:hover { font-size:22px; color:#FFF; text-decoration:none;}

.textprofile1 { font-size: 21px; color:#FFF; text-decoration:none;}
.textprofile1 a:link, .textprofile1 a:visited { font-size: 21px; color:#FFF; text-decoration:none;}
.textprofile1 a:hover { font-size: 21px; color:#FFF; text-decoration:none;}

.textprofile2 {  font-weight:bold; color:#01757a; text-decoration:none;}
.textprofile2 a:link, .textprofile2 a:visited { font-size: 16px; font-weight:bold; color:#01757a; text-decoration:none;}
.textprofile2 a:hover { font-size: 16px; font-weight:bold; color:#01757a; text-decoration:none;}

.textprofile3 {  color:#01757a; text-decoration:none;}
.textprofile3 a:link, .textprofile3 a:visited { font-size: 16px; color:#01757a; text-decoration:none;}
.textprofile3 a:hover { font-size: 16px; color:#01757a; text-decoration:none;}

.fovb1 { width:74px; height:20px; padding:5px 0 0 25px; margin:0 0 0 10px; float:right; background-image:url(../images/profile/fovb1.png); background-repeat:no-repeat; background-position:top; color:#FFF; }
.fovb1 a:link, .fovb1 a:visited {  color:#FFF; text-decoration:none;}
.fovb1 a:hover {  color:#FFF; text-decoration:none;}

.fovb2 { width:74px; height:20px; padding:5px 0 0 25px; float:right; background-image:url(../images/profile/fovb2.png); background-repeat:no-repeat; background-position:top; ; color:#FFF; }
.fovb2 a:link, .fovb2 a:visited {  color:#FFF; text-decoration:none;}
.fovb2 a:hover {  color:#FFF; text-decoration:none;}

.contentmaps { width:100%; margin:20px 0 0 0; padding:0 0 15px 0;}
.bigmaps { width:590px; margin:auto;}
.clickmaps { width:590px; height:44px; margin:-7px 0 0 0; background-color:#01757a;}
.maptop  { width:590px; margin:auto;}
.clickmaps1 { float:left;}
.clickmaps2 { float:right;}
.clickmaps3 { float:right;}

.line_headnameweb {  float:left; width:100%; }

.headnameweb { color:#000; font-size:22px;  text-decoration:none;}
.headnameweb a:link, .headnameweb a:visited { font-size: 22px; color:#000;  text-decoration:none;}
.headnameweb a:hover { font-size: 22px; color:#000;  text-decoration:none;}

.headblogweb { color:#01757a; font-size:25px;  text-decoration:none;}
.headblogweb a:link, .headblogweb a:visited { color:#01757a; font-size:25px;  text-decoration:none;}
.headblogweb a:hover { color:#01757a; font-size:25px;  text-decoration:none;}

.headnameweb2 { color:#01757a; font-size:22px;  text-decoration:none;}
.headnameweb2 a:link, .headnameweb2 a:visited { color:#01757a; font-size:22px;  text-decoration:none;}
.headnameweb2 a:hover { color:#01757a; font-size:22px;  text-decoration:none;}

.textheadnameweb { color:#01757a; font-size:22px;  padding:0 0 10px 0; border-bottom: solid 1px #d7d7d7; text-decoration:none;} 
.textheadnameweb a:link, .textheadnameweb a:visited { color:#01757a; font-size:22px;  text-decoration:none;}
.textheadnameweb a:hover { color:#01757a; font-size:22px;  text-decoration:none;}

.picbigweb { text-align:center; float:left; margin:25px 0 25px 0;}

.commenthead { color:#017b46; font-size:22px; text-decoration:none;}
.commenthead a:link, .commenthead a:visited { color:#017b46; font-size:22px; text-decoration:none;}
.commenthead a:hover { color:#017b46; font-size:22px; text-decoration:none;}

.piclistemag { float:left; position:relative; height:18px; width:18px;}

.textlisemag { color:#595858; font-size:22px;  margin:0 0 0 25px; position:relative;  text-decoration:none;}
.textlisemag a:link, .textlisemag a:visited { color:#595858; font-size:22px; text-decoration:none;}
.textlisemag a:hover { color:#595858; font-size:22px; text-decoration:none;}

.botemags { width: 55px; height:28px; float:right; background-image:url(../images/e-magzine/bots.png); background-repeat:no-repeat; background-position:top; color:#FFF;  padding: 8px 0 0 45px; text-decoration:none;}  
.botemags a:link, .botemags a:visited { color:#FFF;  text-decoration:none;} 
.botemags a:hover { color:#FFF;  text-decoration:none;} 

.resetemas { width: 80px; height:28px; padding:8px 0 0 20px; float:right;  color:#FFF;  background-image:url(../images/e-magzine/bots2.png); background-repeat:no-repeat; background-position:top; } 
.resetemas a:link, .resetemas a:visited { color:#FFF;   text-decoration:none;} 
.resetemas a:hover { color:#FFF;   text-decoration:none;} 

.boxinputemag { width:400px; height:40px; border: solid 1px #cccccc;} 
.boxinputes { width:460px; height:40px;} 

.headcalen { font-size:22px; color:#01757a; text-decoration:none;}
.headcalen a:link, .headcalen a:visited { font-size:22px; color:#01757a; text-decoration:none;}
.headcalen a:hover { font-size:22px; color:#01757a; text-decoration:none;}

.textheadcalen { font-size:24px; color:#FFFFFF; text-decoration:none;}
.textheadcalen a:link, .textheadcalen a:visited { font-size:24px; color:#FFFFFF; text-decoration:none;}
.textheadcalen a:hover { font-size:24px; color:#FFFFFF; text-decoration:none;}

.contentss { width:100%; margin:10px 0 0 0; border-bottom: dotted 1px #CCC; padding:0 0 0 0;}
.inputboxss { border-radius:3px; width:113px; height:33px;}
.inputbox_list { border: solid 1px #cccccc; border-radius:3px; width:232px; height:33px;}
.contentss_dot { width:100%; margin:20px 0 0 0; padding:0 0 10px 0;}

.pointbot { width:78px; height:27px; padding:2px 0 0 15px; background-image:url(../images/vote/botpoint.png); background-repeat:no-repeat; color:#FFF; font-size:22px; text-decoration:none;} 
.pointbot a:link, .pointbot a:visited {color:#FFF; font-size:22px; text-decoration:none;} 
.pointbot a:hover {color:#FFF; font-size:22px; text-decoration:none;} 

.contentvote { text-align:center; margin:25px 0 0 0;}

#contentwidth {margin:10px 0 10px 0; padding:20px 15px; border-radius:4px; border: solid 1px #bfbfbf; background-color:#FFF; } 

#toppage_ebook { width:100%; height:24px; background-image:url(../images/e-magzine/bg-top.png); background-repeat:no-repeat; background-position:center;}
#bodypage_ebook { width:100%; height:812px; background-image:url(../images/e-magzine/bg-body.png); background-repeat:no-repeat; background-position:center; text-align:center;}
#footerpage_ebook { width:100%; height:24px; background-image:url(../images/e-magzine/bg-footer.png); background-repeat:no-repeat; background-position:center;}

.popupcount { margin:50px 0 0 140px; position:absolute; width:60px; height:61px; background-image:url(../image/popup.png); background-repeat:no-repeat;z-index:1;}

.listcount { font-size:22px; color:#FFF; font-weight:bold; margin:1px 0 0 0;  text-decoration:none;} 
.listcount a:link, .listcount a:visited { color:#FFF; font-size:22px; font-weight:bold;  text-decoration:none;} 
.listcount a:hover { color:#FFF; font-size:22px; font-weight:bold;  text-decoration:none;} 

.listcount2 { font-size:14px; color:#FFF; font-weight:bold; margin:-3px 0 0 0;  text-decoration:none;line-height:11px;} 
.listcount a:link, .listcount a:visited { color:#FFF; font-size:14px; font-weight:bold;  text-decoration:none;} 
.listcount a:hover { color:#FFF; font-size:14px; font-weight:bold;  text-decoration:none;}  

.arrowpage { width:100%; margin:20px 0 0 0; padding:0 0 10px 0;}

.arrowtext1 { font-size: 22px; font-weight:bold; color:#5cccd8; padding:0 0 0 0; text-decoration:none;}
.arrowtext1 a:link, .arrowtext a:visited { font-size:22px; font-weight:bold; color:#5cccd8; padding:0 0 0 0; text-decoration:none;} 
.arrowtext1 a:hover { font-size:22px; font-weight:bold; color:#5cccd8; padding:0 0 0 0; text-decoration:none;} 

.arrowtext2 { font-size:22px;  font-weight:bold; color:#929292; padding:0 0 0 0; text-decoration:none;}
.arrowtext2 a:link, .arrowtext a:visited { font-size:22px;  font-weight:bold; color:#929292; padding:0 0 0 0; text-decoration:none;}
.arrowtext2 a:hover { font-size:22px;  font-weight:bold; color:#929292; padding:0 0 0 0; text-decoration:none;}

.dote { margin:0 5px 2px 5px;}
.name_user { font-size:14px; color:#333; text-decoration:none; } 
.name_user a:link, .name_user a:visited  { font-size: 16px; color:#333; text-decoration:none; Arial, Helvetica, sans-serif;} 
.name_user a:hover  {  color:#333; text-decoration:none; Arial, Helvetica, sans-serif;}  

.name_user2 {  color:#50af85; text-decoration:none; Arial, Helvetica, sans-serif;}  
.name_user2 a:link, .name_user2 a:visited  {  color:#50af85; text-decoration:none; Arial, Helvetica, sans-serif;} 
.name_user2 a:hover  {  color:#50af85; text-decoration:none;  Arial, Helvetica, sans-serif;} 

.listcontact { border:0px; width:257px; height:43px;  text-align: center;  text-decoration:none; color:#000;}  
.listcontact a:link, .listcontact a:visited  {  text-align: center;  text-decoration:none; color:#000;} 
.listcontact a:hover  {  text-align: center;  text-decoration:none; color:#000;} 

.boxcontact { border:0px; width:247px; height:33px; padding:5px;   text-decoration:none; color:#000;}  
.boxcontact a:link, .boxcontact a:visited  {   text-decoration:none; color:#000;}  
.boxcontact a:hover  {   text-decoration:none; color:#000;}  

.boxcontact2  { border:0px; width:645px; height: 96px; padding:5px;   text-decoration:none; color:#000;}   
.boxcontact2 a:link, .boxcontact2 a:visited  {   text-decoration:none; color:#000;}  
.boxcontact2 a:hover  {   text-decoration:none; color:#000;}  

.boxpass { width:160px; height:30px; border: solid 1px #d2d2d2; margin:0 0 7px 0;}

.boremag { border:solid 1px #CCC;}
.inputboxinputemag  { width:390px; height:30px; padding:5px; border:0px;}  
.inputboxinputes { width:450px; height:30px; padding:5px; border:0px;}  
.listboxprofile { width:153px; height:32px; border:solid 1px #27d2c0; border:}
.listprofile2 { width: 109px; height:22px; border:solid 1px #27d2c0; border:} 

.contact_web { width:685px; height:106px; border: solid 1px #d2d2d2; }   

.boxnewsweb { width:254px; height:32px; float:right;border: 1px solid #dfdfdf; border-radius:3px;background:#fff;}
.inputboxnews { width:220px; height:26px; border:0px; margin:3px 0 3px 3px; color:#333;}

.selectday { border:0px; width:103px; height:21px; padding:5px;} 
.selectcount { border:0px; width:222px; height:23px; padding:5px;} 
.selectcount2 { border:0px; width:222px; height:33px; padding:5px;} 

.boxinputcms { width:140px; height:22px;}
.inputbox_list2 {border-radius:3px; width:222px; height:33px; color: #999;}
.datanotfound{
	text-align:center;
	padding:20px 0px;	
}

/*Obj Page{*/
.pageWrapper {
	clear: both;
	position: relative;
	width: 100%;
	margin: 20px 0;
	background: #f8f8f8;
	border: 1px #f1f1f1 solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pageWrapper .box-centent {
	position: relative;
	float: left;
	height: 16px;
	margin-top: 2px;
	line-height: 16px;
	padding-right: 10px;
	margin-right: 10px;
	border: 0px solid red;
	border-right: 1px #ccc dotted;
	margin-left: 5px;
}
.page-split {
	background: #f3f3f3;
	padding:5px;
}
#pageNum-wrapper {
	width: 350px;
	border-right: 1px #ccc dotted;
}
.allpage {
	height: 16px;
	line-height: 16px;
	margin-top: 2px;
}
#pageNum-wrapper ul li {
	position: relative;
	display: inline;
	float: left;
	margin-right: 5px;
	padding: 3px 5px;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	background: #999;
	line-height: 20px;
}
#pageNum-wrapper ul li:hover {
	background: #0097A9;
	color: #FFF;
}
#pageNum-wrapper ul li.pageActive {
	background: #0097A9;
	color: #FFF;
}
#goTo-wrapper span {
	position: relative;
	display: block;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 13px;
	float: left;
}
input#gotoNum {
	position: relative;
	color: 26b6f2;
	float: left;
	width: 26px;
	border: 1px solid #0097A9;
	margin: 0px;
	padding: 7px;
	border-right: none;
	margin-left: 5px;
	height: 26px!important;
	display: inline-block;
	border-radius:5px 0px 0px 5px;
}
#jumpTo-wrapper {
	float: right;
}
input#goPageBtn {
	background: #0097A9;
	border: 1px solid #0097A9;
	margin: 0px;
	font-size: 11px;
	padding: 0px;
	padding: 5px;
	height: 26px !important;
	color: #fff;
	font-weight: bold;
	width: 45px;
	margin-right: 5px;
	border-radius:0px 5px 5px 0px;
}
select#perPage {
	position: relative;
	float: left;
	min-width: 100px;
	border: 1px solid #0097A9;
	margin: 0px;
	padding: 7px
	float: left;
	color: #0097A9;
	height: 26px ;
	border-radius:5px;
	padding:0px;
}
#js_ul_page{
	margin:0;	
	padding:0;
}
/*}*/

img.logo_service{
	border:1px solid #ccc;
	border-radius:10px;
}
.inner_searchbox{
	clear:both;
	border-radius:5px;
	min-height:300px;
	background:url(../images/bg-searchbox.png) repeat-x bottom left #fff;
	overflow:hidden;	
}
.inner_searchbox .title{
	background:#808080;
	height:20px;
	padding:10px 0px;
	text-align:center;
	font-weight:bold;
	
	color:#fff;
}
.inner_searchbox ul{
	list-style:none;
	margin:0;
	padding:0 20px;
	padding-bottom:20px;	
}
.inner_searchbox ul li{
	padding:5px 0px;	
}
.inner_searchbox ul input,
.inner_searchbox ul select{
	border:1px solid #ccc;	
	padding:5px; 0px;
	width:100%;	
}
.inner_searchbox ul input{
	width:94%;	
}
.inner_searchbox ul input[type=submit]{
	background:url(../image/bg-user3.png) repeat-x;
	border-radius:10px;
	border:none;
	width:100%;
	color:#fff;
	padding:10px 0px;
	cursor:pointer;
		
}
.pageDate {
	color: #999;
	
	padding-right: 10px;
}
.pageDate .date {
	float: left;
}
.pageDate .view {
	float: right;
	background:url(img/view.png) left center no-repeat;
	padding-left:20px;
	height:17px;
}
.saveServiceFollow{
	text-align:center;	
}
/*--new--*/

img { border:0px;}
.mobi_hide { display:block }
.mobi_show { display:none }

#mobi_main_topnav { display:none;position:fixed;top:0px;left:0px;width:100%;height:88px;z-index:2001; background:#FFFFFF ;}
#mobi_main_topnav a.logo { float:left;color:#ffffff;font-size:25px; margin-left:0px; display:block; }
#mobi_main_topnav a.btn_menu { float:right;color:#515151;font-size:25px; display:block; background:url(../image/btn_menu.png) no-repeat; width:72px; height:59px; margin-top:14px;}
#mobi_main_topnav a.btn_menu_active { background:url(../image/btn_menu_active.png) no-repeat;}

#mobi_menu_nav { display:none;position:absolute;top:0px;left:0px;width:100%;z-index:2000;overflow:auto; }
#mobi_menu_nav > .inner {	width:1000px;margin:0px auto;overflow:auto;position:relative;  }
#mobi_menu_nav ul.menu { list-style-type:none;margin:0px;padding:0px;padding-top:98px; }
#mobi_menu_nav ul.menu > li { margin:0px;padding:0px; }
#mobi_menu_nav ul.menu > li.submenu { display:none; }
#mobi_menu_nav ul.menu > li.submenul3 { display:none; }
#mobi_menu_nav ul.menu > li > a { display:block;padding:10px 60px;font-size:30px;color:#ffffff;text-decoration:none;text-align:left;border-bottom:1px #a4a3a3 solid;background-color:#e0168c;font-family:'PSL029'  }
#mobi_menu_nav ul.menu > li > a.icon { background:url(../image/icon_menu_arrow.png) right no-repeat;background-position:98% 50%;background-color:#e0168c; }
#mobi_menu_nav ul.menu > li > a.changelang { text-align:center;}
#mobi_menu_nav ul.menu > li > a:hover { background-color:#b63680 }
#mobi_menu_nav ul.menu > li > a.active { background-color:#8e2b65;background-image:url(../image/icon_menu_arrow_active.png); }

#mobi_menu_nav ul.menu > li.submenu a { background:none;background-color:#8e2b65; } 
#mobi_menu_nav ul.menu > li.submenul3 a { background:none;background-color:#8e2b65; } 





.mobilesearch { background:#e0168c; padding:25px 0 25px 25px;}
/* Default Input */
#frmMobiSearch { margin:0px; padding:0px; display:block;width:100%; height:56px;}
#frmMobiSearch input[type=text] {
    width:75%; border:0px solid #F00; background:#fff;
	color:#29658b;
    font-weight:bold;
    padding:0 15px;
    font-size:22px; font-weight:normal; height:38px; line-height:38px; font-family: "DBOzone";float:left;
	border-radius:15px 0px 0px 15px;
	height: 53px;
}
#frmMobiSearch #btnmobisearch {
    background: url("../image/btn-mobi-search.png") no-repeat scroll 0 0 #fff;
    border: medium none;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
    float: left;
    height: 53px;
    margin: 0;
    width: 52px;
}
.fb_iframe_widget {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.boder_video{
	max-width:550px;	
}
.container{
	padding-left:0;
	padding-right:0;	
}
@media (max-width: 1200px) {
	ul.dropdown li{
		margin-right:0px;	
	}
	.boxmenu .searchtop{
		width:210px;	
	}	
	.boxmenu{
		top:50px;	
	}
	.logo{
		
	}
	ul.dropdown > li{
			
	}
}
@media  (max-width: 1100px) {
	.mobi_hide { display:none; }
	.mobi_show { display:block; }
	#allleft{display:none; !important}
	#mobi_main_topnav{
		display:block;	
	}
	ul.dropdown{
		margin-top:2px;	
	}
	ul.dropdown li a {
		padding: 0px 7px;
	}
	#contentbox .owl-buttons{
		display:none;	
	}
	#contentbox .owl-buttons .owl-prev{
		left: -20px;   
	}
	#contentbox .owl-buttons .owl-next{
		right:-20px;
	}
}
@media  (max-width: 1000px) {
	ul.dropdown li a {	ul.dropdown{
		margin-top:2px;	
	}
	ul.dropdown li a {
		padding: 0px 7px;
	}
	.javaword-wrap img{
		width:100% !important;
		height:auto !important;	
	}
	
}
@media  (max-width: 900px) {
	#contentbox .owl-buttons{
		display:none !important;	
	}
	#allleft{display:none; !important}
	.menuleft{
		display:none;
	}
	/* Comment by joaey 2559/06/22
    .logoega{
		display:none;	
	}*/
	/* Add by joaey 2559/06/22 */
	.logoega{
		text-align:center;	
	}
    .text_footer{
		text-align:left;
        	
	}
	.displayEmail{
        display:none;
    }
    .displayEmailRow{
        display:inherit;
    }
	/*-------*/
	#footerdetail{
		padding:15px 0 15px 0;	
	}
}
@media  (max-width: 800px) {
	ul.dropdown li a {
		padding: 4px 10px;
	}
}
@media  (max-width: 768px) {
	.mobi_hide { display:none; }
	.mobi_show { display:block; }
	#allleft{display:none; !important}
	#mobi_main_topnav{
		display:block;	
	}
	.logo{
		margin-top:15px;	
	}
	#mainpage{
		padding-top:88px;	
	}
	#maincontent{
		background-position:center 0px;
	}
	.searchbox{
		width:85%;	
	}
	.mainsearch{
		
		width:100%;	
	}
	#contentdetail{
		padding:15px;	
	}
	.container{
		padding-left:15px;
		padding-right:15px;	
	}
}
@media  (max-width: 680px) {
	.searchclick{
		display:	none;	
	}
	.searchbox {
		width: 373px;
	}
	.javaword-wrap iframe,
	.javaword-wrap img{
		width:100% !important;
	}
}
@media  (max-width: 490px) {
	.searchbox {
		width: 315px;
		padding:0 15px 0 15px;
	}
	.searchleft{
		width: 205px;	
	}
	.snews .snewslist{
		margin-bottom:10px;
		margin-right:0;
		float:right;
	}
	.cmscontent1,
	.cmscontent2{
			
	}
	.file_attact_download .A,
	.file_attact_download .B{
		display:none;	
	}
}