#ownerPost section,#ownerPost section h1,#ownerPost section p{

	font-family:DBAdmanXLi;
}
#ownerPost .slide h1{
	font-family:DBAdmanX;
	font-weight:normal;
	margin-top:1px;
	

	
}
#ownerPost .slide{
	margin-top:1px;
	background: url(/userfiles2/directUpload/skin/newran4u_36793/etc/slidebg.jpg) fixed top center no-repeat;
    background-size: cover;
}
#ownerPost .topHeader {
    padding-top: 60px;
    padding-bottom: 115px;
    margin: 0 auto;
    /* width: 976px; */
}
#ownerPost .slide p{
	font-family:DBAdmanXLi;
	font-weight:normal;
	margin-top:1px;
	

	
}
#ownerPost .slide h1{
	    font-weight: normal;
	    font-size: 40px;
	    text-align: center;
	    color: #f93b00;
	    margin-top: 80px;
	    line-height: 60px      /* text-shadow: 1px 1px 3px #b1b1b1; */;
	    padding-left:10px;
}
#ownerPost .slide  p{
	font-size: 25px;
	text-align:center;
}
#ownerPost .slide h1 span.head{
	/* font-size: 50px; */
	color:#00266c;
}
#ownerPost .slide h1 span.setFont{
	font-size: 65px;
}
#ownerPost .slide h1 span{
	font-size: 45px;
	color: #002568;
}
hr.style-six {
    border: 0 !important;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(193, 193, 193), rgba(0, 0, 0, 0));
    margin: 19px;
    box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.21);
}
#ownerPost .slide p span.spanText {
    font-size: 38px;
    color: #001d65;
    font-family: DBAdmanX;
}


#ownerPost .slide p.textUnder span.highlight{
	    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(150deg,#0058d0 30%,#178fc2 100%);
	
}
 #ownerPost .slide  p.textUnder{
	text-align:justify;
	/*margin-top: 120px;*/
}
img.pcHeader{
    width:850px;
    margin-top: 75px;
    margin-left: 30px;
}



#ownerPost .slide .slideInside{
	    background: url(/userfiles2/directUpload/skin/newran4u_36793/etc/header-bg.png) top center no-repeat;
	    /* background-size: cover; */
	    background-position: center -190px;
	    min-height:1540px;
	    }
		
		
	#ownerPost .slide p.gauranteeBox {
    margin-top: 150px;
    text-align:justify;
    position:relative;
    padding-right: 25px;
}

#ownerPost .slide p.gauranteeBox:before {
    content: "“";
    left: -56px;
    line-height: 40px;
    position: absolute;
    top: 2px;
    color: rgb(239, 75, 26);
    font-size: 80px;
    font-family: Arial;
    animation-name: opacity;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
}

#ownerPost .slide p.gauranteeBox:after{
content: "”";
    right: -50px;
    line-height: 40px;
    position: absolute;
    bottom: -20px;
    color: rgb(239, 75, 26);
    font-size: 80px;
    font-family: Arial;
    animation-name: opacity;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
}

  @-webkit-keyframes opacity {
    0%, 100% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  @-webkit-keyframes change {
    0%, 12%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    17%,29% {
      -webkit-transform: translateY(-25%);
      transform: translateY(-25%);
    }
    34%,46% {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    51%,63% {
      -webkit-transform: translateY(-75%);
      transform: translateY(-75%);
    }
    68%,80% {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    85%,97% {
      -webkit-transform: translateY(-25%);
      transform: translateY(-25%);
    }
  }
  @keyframes opacity {
    0%, 100% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes change {
    0%, 12%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    17%,29% {
      -webkit-transform: translateY(-25%);
      transform: translateY(-25%);
    }
    34%,46% {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    51%,63% {
      -webkit-transform: translateY(-75%);
      transform: translateY(-75%);
    }
    68%,80% {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    85%,97% {
      -webkit-transform: translateY(-25%);
      transform: translateY(-25%);
    }
  }
  
  
#ownerPost p.WebsamButtn a:visited,#ownerPost p.WebsamButtn a {
	      padding: 10px 10px;
    background: #1890c2;
    color: #fff;
    border-radius: 5px;
    background-image: linear-gradient(150deg,#003186 30%,#0058d0 100%);
    box-shadow: 1px 4px 5px #bbbbbb;
	  
  }
  
  /*******************ไอคอนลอย*********************/
 #ownerPost .onlineFloatBox {
    position: relative;
    top: -250px;
    left: 250px;
    width: 30px;
    height: 0px;
}
 #ownerPost .onlineFloatBox img {
	 width:30px;
	 position:absolute;
	  
	 
 }
  #ownerPost .onlineFloatBox img.float1{
	   -webkit-animation: mymoveTop 3s , myspin 3s, myopacity 3s,mymoveLeft 3s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
    animation: mymoveTop 3s , myspin 3s, myopacity 3s,mymoveLeft 3s;
	
	     animation-iteration-count:infinite;
 }
  #ownerPost .onlineFloatBox img.float2{
	    animation: mymoveTop 3.5s , myspin2 3.5s, myopacity 3.5s,mymoveRight 3.5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 2; /* Safari 4.0 - 8.0 */
    animation: mymoveTop 3.5s , myspin2 3.5s, myopacity 3.5s,mymoveRight 3.5s;
	
	     animation-iteration-count:infinite;
 }
 
   #ownerPost .onlineFloatBox img.float3{
 -webkit-animation: mymoveTop 3s , myspin 3s, myopacity 3s,  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
    animation: mymoveTop 4s , myspin 4s, myopacity 4s;
	-webkit-animation-direction: alternate;
	     animation-iteration-count:infinite;
 }
 
   #ownerPost .onlineFloatBox img.float4{
	   -webkit-animation: mymoveTop2 2.5s , myspin2 2.5s, myopacity 2.5s,mymoveRight2 2.5s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
    animation: mymoveTop2 3.5s , myspin2 3.5s, myopacity 3.5s,mymoveRight2 3.5s;
	-webkit-animation-direction: alternate;
	
	     animation-iteration-count:infinite;
 }
    #ownerPost .onlineFloatBox img.float5{
 -webkit-animation: mymoveTop2 4s , myspin 4s, myopacity 4s,mymoveLeft 4s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
    animation: mymoveTop2 4s , myspin 4s, myopacity 4s,mymoveLeft 4s;
	-webkit-animation-direction: alternate;
	
	     animation-iteration-count:infinite;
 }
 
 @-webkit-keyframes mymoveTop {
    from {top: 0px;}
    to {top: -200px;}
}

@keyframes mymoveTop {
    from {top: 0px;}
    to {top: -200px;}
}


 @-webkit-keyframes mymoveTop2 {
    from {top: 0px;}
    to {top: -150px;}
}

@keyframes mymoveTop2 {
    from {top: 0px;}
    to {top: -150px;}
}


 @-webkit-keyframes mymoveLeft {
    from {left: 0px;}
    to {left: -120px;}
}

@keyframes mymoveLeft {
  from {left: 0px;}
    to {left: -120px;}
}

 @-webkit-keyframes mymoveRight {
    from {right: 0px;}
    to {right: 120px;}
}

@keyframes mymoveRight {
  from {left: 0px;}
    to {left: 120px;}
}


 @-webkit-keyframes mymoveRight2 {
    from {left: 0px;}
    to {left: 180px;}
}

@keyframes mymoveRight2 {
  from {left: 0px;}
    to {left: 180px;}
}


@-webkit-keyframes myspin {
 from {transform: rotate(0deg);}
    to {transform: rotate(80deg);}
}

@keyframes myspin {
    from {transform: rotate(0deg);}
    to {transform: rotate(80deg);}
}
@-webkit-keyframes myspin2 {
 from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes myspin2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@-webkit-keyframes myopacity {
 from { opacity :100;}
    to { opacity :0;}
}

@keyframes  myopacity  {
 from { opacity: 100;}
    to { opacity: 0;}
}
  /***********จบไอคอนลลอย*****************/
  
#ownerPost  img.phoneOnHand {
    margin-left: -85px;
    margin-top: 100px;
    margin-right: 35px;
    width: 600px;
	    position: relative;
    z-index: 1;
}

#ownerPost .columns3  .borderRadius {
    border-radius: 13px;
    background-color: rgba(255,255,255,0.9);
    border: 1px solid rgba(220, 220, 220, 0.38);
    padding: 10px;
    min-height: 600px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(50,50,93,.1);
    background: #f1f1f1;
    box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 10px 20px rgba(0,21,64,.05);
}
#ownerPost .columns3 p {
    font-size: 22px;
    text-align: center;
    /* font-family: DBAdmanX; */
    color: #000;
}

body.homePage  #ownerPost {
    margin-top: -22px;
}
#ownerPost .columns3 p  b {
	font-weight:bolder;
	
}
#ownerPost .columns3 h4.service-heading {
    font-size: 30px;
    font-family: DBADmanX;
}

  #ownerPost  .columns3{
	    background-image: linear-gradient(180deg,rgba(0, 37, 104, 0.15) 0%,rgba(0, 137, 255, 0.18) 80%);
	  text-align: center;
	  padding-bottom:50px;
	  position:relative;
	  overflow:hidden;
	 }
  
   #ownerPost  .columns3:after{

    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 600px;
    height: 2000px;
    background: #f6f9fc;
    transform: skew(0,-12deg);

  }
  
   #ownerPost .columns3 .icon {
    margin-top: 50px;
    margin-bottom: 20px;
}
  #ownerPost .columns3 .icon img{
	  
	  vertical-align: middle;
	  
	  
  }
   #ownerPost .columns3 .row {

    position: relative;
    z-index: 1;
}
  
  #ownerPost .columns3 .boxAdvantage{
	      position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	  
  }
  
    #ownerPost .columns3  ul.ulLeft >  li {
    background: url(/userfiles2/directUpload/skin/ran4u_org/img/etc/peopleIcon.png) no-repeat;
    padding-left: 22px;
    text-shadow: 1px 1px 1px grey;
    background-size: 15px;
    background-position-y: 9px;
}

  #ownerPost .columns3  .ulLeft {
	  font-family:DBAdmanX;
	  font-size:22px;
    text-align: left;
    list-style-type: none;
	margin-left:40px;
}
 #ownerPost .columns3  .ulLeft .subExpert{
	    list-style-type: none;
		
}
  /******/
  
 #ownerPost  section#directCall{
background: url('/userfiles2/directUpload/skin/newran4u_36793/etc/bgdirect.jpg') !important;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    background-position: -390px 0px;
	    background-size: cover;
}
 #ownerPost  section#directCall img{ display:none;}


@media only screen and (min-width:992px){
	

	 #ownerPost section#directCall {
    background-style:no-repeat;
    height: 370px;

}
 #ownerPost  section#highQuality {
 background: #fff url('/userfiles2/directUpload/skin/ran4u_org/img/etc/bg-highQuality.jpg') no-repeat;
 background-position: -93px -53px;
 height: 485px;
 background-size: 1120px;
 position:relative;
 /* background-size: cover; */
 /* background-position: -6px; */
}
 #ownerPost  section#directCall img{ display:block;}
 #ownerPost  section#directCall h1{
	    font-size: 36px;
		 line-height: 55px;
}
}

/*directCall*/



#ownerPost section#directCall h1 a {
color:#ffea00;text-shadow: 1px 1px 6px #000000;
}
#ownerPost section#directCall h1 {
    color: #fff;
    line-height: 40px;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000000;
    /* letter-spacing: -1px; */
    margin-top: 77px;
    font-size: 40px;
    margin-bottom: 30px;
    /* font-family: DBAdmanX; */
    line-height: 65px;
    font-weight: lighter;
}

/*<<<<highQuality>>>*/

#ownerPost section#highQuality h1 {
    color: #3c3c3c;
    line-height: 38px;
    font-weight: normal;
    /* text-shadow: 1px 1px 6px #353333; */
    letter-spacing: -1px;
    margin-top: 115px;
    font-size: 28px;
    margin-bottom: 50px;
    position:relative;
    z-index: 8;
    }
    section#highQuality h1 span{font-size: 40px;color: #dc3f3f;}

#ownerPost section#highQuality h1 a {
    color: #ff9b00;
}

#ownerPost section#highQuality:before{
        content: "";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        /* background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */ /* Chrome10-25,Safari5.1-6 */
        /* background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 77%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        pointer-events: none;
        position: absolute;
        z-index: 2;
}

 #ownerPost  section#highQuality:after{
    background: -moz-linear-gradient(left, rgba(105,201,186,0) 0%, rgba(105,201,186,0) 25%, rgba(216, 216, 216, 0.65) 100%);
    background: -webkit-linear-gradient(left, rgba(105,201,186,0) 0%, rgba(105,201,186,0) 25%, rgba(216, 216, 216, 0.65) 100%);
    background: linear-gradient(to right, rgba(105,201,186,0) 0%,rgba(105,201,186,0) 25%,rgba(232, 232, 232, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    z-index: 2;
}

/***********/


 #ownerPost  section#corptracMonitoring .container div h1{font-size: 25px;text-align: center;line-height: 150%;text-shadow: black 1px 1px 1px;margin-top: 20px;margin-bottom: 20px;color: #ffffff;font-weight: normal;}
 #ownerPost  section#corptracMonitoring .container div h1 a {
   /* color: #ffea00; */
   color: #ffea00;
   text-shadow: 1px 1px 3px #000000;
}
 #ownerPost  section#corptracMonitoring .intro-corptrac {background: #c1c1c1 url(/userfiles2/directUpload/skin/ran4u_org/img/etc/bg-corptracMonitoring.jpg);padding: 50px 0px;position:relative;}

 #ownerPost  h1.highlight{
    background: #0071b7;
    padding: 19px 30px;
    border-radius: 50px;
    margin: 0px;
}
 #ownerPost  section#corptracMonitoring .container div p{color:#fff;font-size: 23px;}
.intro-corptrac{
	overflow:hidden;
	
}
 #ownerPost .intro-corptrac:before {
        content: "";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
         /* background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */
    background: linear-gradient(40deg, rgb(0, 37, 104) 20%,rgb(0, 153, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    opacity: 0.5;
    -ms-filter: 
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        pointer-events: none;
        position: absolute;
        z-index: 2;
}
section#corptracMonitoring .intro-corptrac .container{
    position:relative;
    z-index:5

}
section#services{
	background:#f6f9fc;
	    position: relative;
    overflow: hidden;
    padding-bottom: 130px;
}
section#services:after  {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 745px;
    height: 2000px;
    background: #ededed;
    transform: skew(0,-8deg);
}
section#services h1{
font-size: 35px;
    color: #073c88;
    font-weight: normal;
    text-align: center;
    margin-top: 55px
}

section#services h1 span{
    color: #0f7dbf;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(150deg,#0058d0 30%,#178fc2 100%);
}
section#services p{
font-size: 23px;
    padding: 0px 50px;
    text-align: justify;
    text-indent: 50px;
}

section#services .boxRight{
	margin-top:90px;
	
}

section#corptracMonitoring .intro-corptrac .container a{
	color: #ffc801;
}
section.mediaTools{
	padding-bottom:55px;
	    background: #ededed;
}
section.mediaTools p,section.mediaTools h1{
	text-align:center;
}

section.mediaTools  img {
    vertical-align: middle;
}

#ownerPost section.mediaTools  h1{
	font-size: 35px;
    color:#00266a;
    font-weight: normal;
	
}
section.mediaTools p span {

    font-size:25px;
    font-weight:bolder;
    color:#073c88
    
}
section.mediaTools ul{
	    padding: 0px 13px;
    font-size: 20px;
}
@media screen and (max-width: 992px){
		section.mediaTools ul{
		text-align:center;
		
	}
	section#services{
		    padding-bottom: 50px;
	}
	#ownerPost .slide{

    background-size: cover;
}
	section#services:after{
		display:none;
		
	}
	#ownerPost .slide p.textUnder {
    text-align: center;
    padding: 0px 50px;
}
#ownerPost .slide .slideInside {
    background-position: center -48px;
    background-size: 125%;
}
	#ownerPost .slide  img.pcHeader{
		display:none;
	}
	
}

@media screen and (max-width: 678px){
		img.LogoFixed{
		width:100px !important;
	}
	
	#ownerPost .slide{
	margin-top:51px;
	
}
	#ownerPost .slide .slideInside {
		background-position: left -48px;
    background-size: 140%;
	}
	#ownerPost .slide h1 {
    font-weight: normal;
    font-size: 29px;
    text-align: center;
    color: #f93b00;
    margin-top: 40px;
    line-height: 47px;
      padding: 0px 40px;
}
	.topHeader{
		padding-top:0px;
		
	}
	
	#ownerPost .slide h1 span.setFont {
    font-size: 55px;
}

	#ownerPost .slide h1 span {
    font-size: 35px;
	}
	
	#ownerPost .topHeader{
		padding-top:0px;
	}
	#ownerPost .topHeader{
		padding-bottom:10px;
		
	}
	
	#ownerPost .slide  p.textUnder{
	    background: #fff;
    padding: 50px 15px 0px 15px;
	}
	#ownerPost .slide p.textUnder span.highlight {
    /* background: -webkit-linear-gradient(#eee, #333); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(150deg,#0058d0 30%,#178fc2 100%);
    /* height: 275px; */
    text-align: center;
    font-size: 27px;
}
}
@media screen and (max-width: 420px){
	/*@keyframes sprite {
 from { background-position: 0 0px; }
 to { background-position: 0 -6584px; }
}

.phoneOnHand{
  width:377px;
  height: 240px;
  margin: 0px auto 0px auto;
  background:url('http://enbangkoklab.ran4u.com/userfiles2/directUpload/skin/newran4u_36793/etc/move.png') 
    no-repeat;
  background-size:100%;
  animation: sprite 1.9s steps(31) infinite;
  overflow:hidden;
  }*/

		#ownerPost .slide h1 {
    margin-top: 60px;
}
#ownerPost .slide p{
	margin-top:55px;
	
}
#ownerPost .slide p.gauranteeBox{
	margin-top:50px;
}
#ownerPost .slide p.gauranteeBox:after,#ownerPost .slide p.gauranteeBox:before{
	display:none;
}
section#services h1{
	padding:0px 15px;
}
#ownerPost section#directCall h1{
	text-align:center;
	margin-top:20px;
	
}
 #ownerPost section#highQuality h1{
	padding:0px 15px;
	margin-top:20px;
	text-align:justify;
	text-indent:50px;
}
}