body{background:#f1f1f1;margin:0px;padding:0px;font-family: thaisanslite_r1,tahoma,sans-serif;}
::selection{background:#b0b0b0;}

@font-face {
 font-family: thaisanslite_r1;
 src: url('fonts/thaisanslite/thaisanslite_r1.eot'); /* EOT file for IE */
}
@font-face {
 font-family: thaisanslite_r1;
 src: url('fonts/thaisanslite/thaisanslite_r1.ttf'); /* TTF file for CSS3 browsers */
}

.roie_clear{height:0;clear:both;}

.closebtn{display:none;}
.roie_w{font-size:30px;cursor:pointer;display:none;color:#fff;}
.roie_w{}
.roie_w img{height: 30px;    float: right;    } 


#histats_counter{ float:right;

}


.servicestable{  border-collapse: collapse;
  border-spacing: 0;
      width: 100% !important;
  border: 1px solid #ddd;}

.servicestable th{  text-align: center;
    padding: 8px;
    font-size: 22px;
    color: #3b3b3b;
    border: 1px solid #dddddd;}

.servicestable tr{    background: #ececec;}


.servicestable tr td{ padding: 2px 1px;
    display: table-cell !important;
    text-align: center;
    color: #3b3b3b;    font-size: 21px;}



.imgwelcome{width: 540px;
    margin-left: auto;
    margin-right: auto;}

.imgwelcome a{    pointer-events: none; 
    cursor: default; 
    text-decoration: none; 
    color: black; }

.imgwelcome a img{    width: 100%;}



.roie_ex{text-align: center;
    display: block;
    width: 100%;}

.roie_ex img{}

.roie_ex span{float:left;}


.end { margin-right: 0px !important;}

.qtranxs_widget_end{float: right;}


.language-chooser{float: right;    margin-top: 4px;
    width: 47px;
}

.lang-en{float: left;
    margin-right: 7px;}






.kp_gal{     width: 100%;
    float: left;
    margin-top: -26px;
    margin-bottom: 45px;}


.kp_gal li{   float: left;
    list-style: none;
    width: 24.1%;
    margin-right: 1.1%;
    margin-bottom: 3px;}

.kp_gal a{        width: 100%;  display: block;}

.kp_gal a img{    width: 100%;}



div.wpcf7{background:#e7e7e7;}

.entry-content td, .comment-content td {color: #3b3b3b;
	border: 1px solid #c6c3c3;}




.roie_mainsite{
    margin-left: auto;
    margin-right: auto;
	max-width:1024px;
	width:90%;}


.roie_bghead{    background: #6b4468;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 9px; }


.roie_welcometop{    float: left;    margin-top: 2px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 0.5px;}


.roie_ecs{float: right;}


.roie_ecs .roie_call{      float: right;    margin-top: 2px;
    margin-right: 20px;}

.roie_ecs .roie_call img{    float: left;
    padding-top: 0px;
    margin-right: 4px;}

.roie_ecs .roie_call .roie_call_text{       display: block;
    float: left;
    color: #ffffff;
    font-size: 21px;
    font-weight: normal;
    margin-top: 0px;
    text-decoration: none;}



.roie_ecs .roie_email{    float: right; margin-top: 2px;
    margin-right: 15px;}

.roie_ecs .roie_email img{     float: left;
    padding-top: 0px;
    margin-right: 9px;}

.roie_ecs .roie_email .roie_email_text{        display: block;
    float: left;
    color: #ffffff;
    font-size: 22px;
    font-weight: normal;
    margin-top: 0px;
    text-decoration: none;}





.roie_menu{   float: left;
    margin-top: 8%;}


.menuright{float: right;}

.roie_menu ul{     padding: 0px;
    margin: 0px;
    float: left;}

.roie_menu ul li{       float: left; list-style: none; }

.roie_menu ul li a{font-size: 22px;
    padding: 2px 22px;
    padding-top: 8px;
    padding-bottom: 13px;
    display: block;
    color: #222121;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 1px;}

.roie_menu ul li a:hover{ color:#ffffff; background:#a18a5c;transition: 0.2s;}


.roie_menuM{display:none;}



.roie_logo{  /*    float: left;
    margin-top: 18px !important;
        margin: 0px 5%;*/
float: left;
    margin-top: 18px !important;
    margin: 0px 5%;
    margin-left: 20%;
    display: block;

}

.roie_logo img{    width: 95px;}



.solidmenu{height: 4px;
    color: #a38e5d;
    display: block;
    width: 100%;
    background: #a38e5d;
    border: none;
    margin-top: 11px;
    margin-bottom: 10px;}

.solidwelcome{height: 30px;
    color: #a18a5c;
    display: block;
    width: 100%;
    background: #a18a5c;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;}



.roie_banner{width: 100%;}

.roie_banner img{width:100%;}



.roie_boxwelcome{   width: 100%;
    float: left;
    margin-top: 11px;
    margin-bottom: 35px;}

.roie_boxwelcome strong{ font-size: 53px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    color: #8c4b70;
    margin-top: 0%;
    letter-spacing: 3px;
    text-align: center;}

.roie_boxwelcome strong b{      font-size: 53px;
    text-transform: uppercase;
    font-weight: bold;
    color: #a18a5c;
    letter-spacing: 3px;}

.roie_boxwelcome span{     font-size: 24px;
    width: 79%;
    color: #5b5b5b;
    line-height: 28px;
    margin-top: 0%;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;}





.roie_bgindexd{background: #6b4468;
    float: left;
    width: 100%;
    padding-top: 45px;
    padding-bottom: 40px;}








.roie_product{      width: 28.3%;
    float: left;}

.roie_product .roie_product_head{   width: 96%;
    color: #ffffff;
    background: #a54f76;
    display: block;
    font-size: 28px;
    text-decoration: none;
    float: left;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 2% 0% 3% 4%;}


.roie_product_head:hover{ text-decoration: underline;transition: 0.2s;}


.roie_product ul{    padding-left: 0px;
    margin-left: 0px;    margin-top: 13px;}

.roie_product ul li{float: left;
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 7px;
    display: block;
    border-bottom: 2px dotted #ffffff;
   }


.roie_product .inpras{    width: 32.3%;
    float: left;
    margin-right: 1.5%;}




.roie_product .roie_pic{        width: 100%;
    display: block;
    margin-bottom: 0%;}

.roie_product .roie_pic img{    width: 100%;    border-bottom: 3px solid #c9b17f;}

.roie_product .roie_text_head{ width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    text-decoration: none;
    font-size: 21px;
    text-align: center;
    display: block;
    margin-top: -8px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 22px;
    background: #a54f76;
    padding-top: 10px;
    padding-bottom: 15px;}


.roie_product .roie_text_head span{    width: 88%;
    display: block;
    margin-left: auto;
    margin-right: auto;}


 


.roie_active .roie_active_head:hover{text-decoration:underline;transition: 0.2s;}

.roie_product .roie_text_head:hover{text-decoration:underline;transition: 0.2s;}





.roie_active{  width: 70.3%;
    float: right;}

.roie_active .roie_active_head{      width: 98%;
    color: #ffffff;
    background: #a54f76;
    display: block;
    font-size: 28px;
    text-decoration: none;
    float: left;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 1% 0% 1.1% 2%;}


.roie_active ul{    padding-left: 0px;
    margin-left: 0px;    margin-top: 13px;}

.roie_active ul li{    float: left;
    list-style: none;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 7px;}


.roie_active .roie_pic{        width: 100%;
    display: block;
    margin-bottom: 0%;}

.roie_active .roie_pic img{    width: 100%;  }






.roie_headcontact{font-size: 29px;
    color: #ffffff;
    width: 100%;
    display: block;
    text-decoration: underline;
    letter-spacing: 01px;
    font-weight: normal;}

.roie_detailcontact{ font-size: 24px;
    color: #ffffff;
    width: 100%;
    line-height: 27px;
    letter-spacing: 0.5px;
    margin-top: 2px;
    display: block;}


.roie_faceline{       float: right;
    margin-top: -35px;}

.roie_faceline .roie_facebookl{    float: left;
    margin-left: 0px;}

.roie_faceline .roie_linel{     float: right;
    margin-left: 8px;}

.roie_faceline img{}






.roie_map{width: 100%;
    margin-top: 14px;
    display: block;}

.roie_map img{width:100%;}



.roie_copyr{color: #333333;
    font-size: 21px;
    text-transform: uppercase;
    padding-top: 26px;
    padding-bottom: 26px;
    display: block;}






.roie_menu .nav-menu li a:hover, .roie_menu .nav-menu li.current-post-ancestor a, .roie_menu .nav-menu li.current-menu-parent a, .roie_menu .nav-menu li.current-post-parent a, .roie_menu .nav-menu li.current-menu-item a, .roie_menu .nav-menu li.current_page_item a {background: #a18a5c;color:#ffffff;}



.roie_menu li {	 
}
.roie_menu a {
	 
}
.roie_menu a:hover {
	 
}
 
.roie_menu ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
	.roie_menu ul.nav-menu,
	.roie_menu div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.roie_menu ul {
		margin: 0;
		text-indent: 0;
	}
	.roie_menu li a,
	.roie_menu li {
		display: inline-block;
		text-decoration: none;
	}  
	.roie_menu li.menu-item-13 a{border-right: none;padding-right:0px;} 
	
	.roie_menu li a {
  padding-bottom: 20px;
text-transform: uppercase;
white-space: nowrap;
font-weight: normal; 
	}

	.roie_menu li:first-child a {
 
}

	.roie_menu li a:hover {
		text-decoration: none;
		font-weight: normal;
	}
	.roie_menu li {
		background: url('../img/nav_border.gif') 0px 2px no-repeat;
		margin-top: 0px;		
		position: relative;
	}
	.roie_menu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.roie_menu li ul ul {
		top: 0;
		left: 100%;
	}
	.roie_menu ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	

	.roie_menu .current-menu-item > a,
	.roie_menu .current-menu-ancestor > a,
	.roie_menu .current_page_item > a,
	.roie_menu .current_page_ancestor > a {
		 text-decoration: underline;
		font-weight: bold;
	}
 
.roie_menu ul.nav-menu,
	.roie_menu div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.roie_menu ul {
		margin: 0;
		text-indent: 0;
	}
	.roie_menu li a,
	.roie_menu li {
		display: inline-block;
		text-decoration: none;
	}
	 
	}
	 


	.roie_menu li {
		 padding-bottom: 18px;
		position: relative;
	}
	.roie_menu li li{padding-bottom: 0px;background: url("images/icon_teaser_menu2.gif") no-repeat 196px 25px #f8f7f5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
}
}
.roie_menu li.menu-item-has-children{background: url(img/sort_desc.gif) right 5px center no-repeat;}
.roie_menu li.menu-item-has-children ul li a{    padding: 0px 38px;
    margin: 0px;}
.roie_menu li.menu-item-has-children ul li.menu-item-has-children{background: url("images/icon_teaser_menu.gif") no-repeat 196px 25px #f8f7f5;}
	.roie_menu li:last-child{border-right: 0px solid #333;padding-right: 0px;}
	.roie_menu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1999;
	}
	.roie_menu li ul ul {
		top: 0;
		left: 100%;
	}
	.roie_menu ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.roie_menu li ul li a {
  background: #a18a5c;
    display: block;
    line-height: 2.181818182;
    padding: 3px 10px;
    padding: 0.571428571rem 0.714285714rem;
    width: 250px;
    font-size: 22px;
    white-space: normal;
    font-weight: normal;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    line-height: 25px;
    padding: 12px 32px !important;
 
	}
	.roie_menu li ul li a:hover {		 
		 text-decoration: none;
	}
	.roie_menu .current-post-ancestor > a,
	.roie_menu .current-menu-parent > a,
	.roie_menu .current-post-parent> a,
	.roie_menu .current-menu-item > a,
	.roie_menu .current-menu-ancestor > a,
	.roie_menu .current_page_item > a,
	.roie_menu .current_page_ancestor > a {
		 text-decoration: none;
		font-weight: normal;
	}

	.roie_menu .sub-menu .current-post-ancestor > a,
	.roie_menu .sub-menu .current-menu-parent > a,
	.roie_menu .sub-menu .current-post-parent> a,
	.roie_menu .sub-menu .current-menu-item > a,
	.roie_menu .sub-menu .current-menu-ancestor > a,
	.roie_menu .sub-menu .current_page_item > a,
	.roie_menu .sub-menu .current_page_ancestor > a {
		 
	}
	.roie_menu .current-post-ancestor > a span,
	.roie_menu .current-menu-parent > a span,
	.roie_menu .current-post-parent> a span,
	.roie_menu .current-menu-item > a span,
	.roie_menu .current-menu-ancestor > a span,
	.roie_menu .current_page_item > a span,
	.roie_menu .current_page_ancestor > a span {
		  
	}
















@media only screen and ( max-width: 1127px ) {
.roie_menu ul li a {font-size: 20px;}

.roie_logo img {    width: 90px;}



}







@media only screen and ( max-width: 1060px ) {

.roie_menu ul li a {
    font-size: 19px;}
.roie_headcontact {
    font-size: 27px;}

.roie_detailcontact {
    font-size: 20px;
    line-height: 24px;}



}







@media only screen and ( max-width: 1032px ) {
	
.roie_logo img { width: 75px;}
.roie_menu ul li a {  font-size: 18px;}


}









@media only screen and ( max-width: 1000px ) {
	
.roie_logo{ margin-left: 0px;	}	
.roie_menu{display:none;}
.roie_headcontact {
    font-size: 24px;
}


.wprmenu_bar #custom_menu_icon.hamburger{    background-color: #a18a5c;    margin-top: 4px;    margin-right: 5%;    position: absolute;}
	
.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after{ background-color: #ffffff;}	
	

}



@media only screen and ( max-width: 900px ) {

.roie_boxwelcome strong{    font-size: 43px;}
.roie_boxwelcome strong b{    font-size: 43px;}
.roie_boxwelcome span{font-size: 21px;
    width: 100%;
    line-height: 25px;}


.roie_product .roie_product_head{    font-size: 26px;}
.roie_active .roie_active_head{    font-size: 26px;}
.roie_headcontact{    font-size: 22px;letter-spacing: 0.5px;}
.roie_detailcontact {
    font-size: 18px;    letter-spacing: 0px;
    line-height: 24px;
}

}



@media only screen and ( max-width: 800px ) {
	
.kp_gal li{width:100%;margin-right:0px;}	
	
.roie_product .inpras{width:100%;}	
	
.wprmenu_bar #custom_menu_icon.hamburger {
    margin-top: 35px;
}	
	
.roie_headcontact {  font-size: 21px; letter-spacing: 0.5px;}

.roie_boxwelcome strong{    font-size: 37px;}
.roie_boxwelcome strong b{    font-size: 37px;}
.roie_boxwelcome span {
    font-size: 21px;
    width: 100%;
    line-height: 23px;
}


.roie_product{width: 100%;}

.roie_active{width: 100%;}

.roie_active ul li{width: 100%;
    margin-right: 0px;}



}






@media only screen and ( max-width: 780px ) {
.roie_ecs{float:left;width:100%;}
.roie_ecs .roie_email{float:left;}
.roie_ecs .roie_call{float:left;}

}


@media only screen and ( max-width: 650px ) {
.entry-content td, .comment-content td{display:block;}
	
.imgwelcome{width:100%;}	
}


@media only screen and ( max-width: 600px ) {
.roie_headcontact {
    font-size: 19px;
    letter-spacing: 0.5px;
}


.roie_faceline {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}



}






@media only screen and ( max-width: 520px ) {
	
	#histats_counter{ float:left; margin-top:20px;

}
	
	
.wprmenu_bar #custom_menu_icon.hamburger {
    margin-top: 20px;
}	
	
.roie_ecs .roie_email img {padding-top:2px;
    margin-right: 5px;
    width: 26px;
}
.roie_ecs .roie_call img {
    float: left;
    padding-top: 0px;
    margin-right: 4px;
    width: 26px;
}
	
.roie_ecs .roie_call {
    float: left;
    margin-top: 3px;
    margin-right: 20px;
}	
	
.roie_ecs .roie_email .roie_email_text{    font-size: 20px;}
	
.roie_ecs .roie_call .roie_call_text{    font-size: 20px;}

.roie_ecs .roie_call{margin-right: 0px;}


.roie_ecs .roie_email {
    float: left;
    margin-top: 2px;
    margin-right: 7px;
}
	
	
	
.roie_logo img {
    width: 50px;
}


.roie_boxwelcome strong{    font-size: 28px;}
.roie_boxwelcome strong b{    font-size: 28px;}

.roie_boxwelcome span {
    font-size: 20px;
    width: 100%;
    line-height: 23px;
}

.roie_headcontact	{    font-size: 17px;letter-spacing: 0px;}
.roie_detailcontact	{    font-size: 16px;}
	
.roie_copyr	{    font-size: 16px;}
	
	
}



@media only screen and ( max-width: 500px ) {

.language-chooser {
    float: right;
    margin-top: 8px;
    width: 47px;
    position: absolute;
    right: 5%;
    top: 0;
}
	
	.bfd_title{font-size:27px;}	
	.title, .title span, .title a{font-size:27px;}	

}



@media only screen and ( max-width: 480px ) {
.roie_ecs .roie_email img {
    width: 24px;
}
.roie_ecs .roie_call img {
    float: left;
    padding-top: 3px;
    margin-right: 4px;
    width: 23px;
}
	
}


@media only screen and ( max-width: 400px ) {
.wprmenu_bar #custom_menu_icon.hamburger {
    margin-top: 42px;
}
	
}