@media
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape),
	only screen and (min-width:481px) and (max-width:767px) {

.seol .pSec .secBg{}
.seol.secBg {position:relative; top:0; padding:25px 0 50px 0; background:rgba(0,51,102, 1); }

section.seol::after {
  content: "";
  background: url('../images/bg1.jpg') 40% 10%;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.seol * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
}
.seol * { color:#0075ae}

.seol .row.flexCanGen {flex-direction:column; background:#003366}


.secHd {
    width: 100%;
    font-family: 'DroidSerifBold';
    text-align: center;
    color: rgba(22, 116, 80, 1);
    color: #004a94;
    margin: 0 0 25px 0;
}

.seol .secHd .heading {color:#f0b100; xx-color:#003366}
.flex-item {flex:1 1 auto; padding:0 0 0 0; background:rgba(255,255,255,.90)}
.flex-item.one {margin: 0 20px;}
.flex-item.two {margin: 25px 20px;}
.flex-item.three {margin: 0 20px;}

.fi_inr { height:100%; background:#fff; background:linear-gradient( transparent, transparent, #fff, #fff, #fff); xxdisplay:flex; flex-direction:column; xxalign-content: space-between; }

.fi_col_ikn  {text-align:center; xxbackground:radial-gradient(transparent, transparent, rgba(240, 240, 240,1), rgba(250, 250, 250,.5)); xxborder-radius:100px; xxbox-shadow:0px 0px 10px -4px #aaa; border-bottom-left-radius:5px; border-bottom-right-radius:5px}

.seolBoxes {xxbackground:#00bfff; 	position:relative; top:0px;text-align:center; padding:0 0;}
.seol .BxHdrBg { display:block; position:relative; top:0px; padding:12px 0; line-height:.5; background: aliceblue;}

/* seol Box1 start */

.seoBnr {    
	font-size: 125%;
    padding:0;
}

.seol h2 {font-size: 100%;}
.seoBnr span {font-size:120%}
.seoBnr span.improve {	color:orange;xxcolor:crimson; text-shadow: 1px 1px 0px #ccc; line-height:.5}
.seoBnr span.ursite{        xxcolor: rgba(0,200,255,1); text-shadow:  0px 1px 0px #009eee;line-height:.5;}
.seoBnr .seo {
	display:block;
	font-size: 620%;  
	line-height:0.9em;
	color:rgba(255,212,84,1);
	text-shadow:3px 3px 0px #ccc, 0px 0px 5px red;
}
.seoBnr .ranking {
	display:block;
	font-size:230%; xxcolor:rgba(0,200,255,1);
	line-height:1.0; letter-spacing:0.05em; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .online {
	display:block;	
	xxcolor:rgba(0,200,255,1);
	font-size:225%;letter-spacing:0.05em; 
	line-height:1.25; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .visibility {
	display:block;
	xxcolor:rgba(0,200,255,1);
	font-size:200%; letter-spacing:0.05em; 
	line-height:1.25; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .potential {
    font-size: 100%;
	line-height:1.5;
    color: rgba(255,0,0,1);
    color: orange;
    text-align: center;
    letter-spacing: 0.05em;
	text-shadow: 1px 1px 0px #999;
}
.seoBnr .stars {
	font-size:75%;
	text-align:center; display:inline-block; 
	line-height:0em; position:relative; top:-2px; color:#f00;
}
.seoBnr .customers {
	font-size:100%; color:rgba(255,0,0,1);color:orange;
	letter-spacing:0.05em; 
}
.seoBnr .expertise {
	font-size:65%; 
	font-style:italic; 
	display:block; position:relative; top:0px;
	text-shadow: 0px 0px 0px #009eee;
	letter-spacing: 0.01em;
	word-spacing: 0em;
	xx-line-height:1.5;
}

.seoBnr .expertise .exclaim {color:orange}
/* seol Box1 end */


/* seol Box2 start */
.seol .wtsSEO_Hdr {font-size: 130%; letter-spacing:0.03em; text-shadow:none;}
.seol .wtsSEO_Hdr .frstLtr{display:inline-block}
.seol .wtsSEO_Hdr .frstLtr:first-letter {color:orange; }
.seol .wtsSEO_Bdy {position:relative; top:0px; padding:0 15px; margin:0; }
.seol .wtsSEO-mtr {margin: 0 0 20px 0;}
.seol .wtsSEO .lstHd {font-size:85%; border-bottom:none; }
/* seol Box2 end */


/* seol Box3 start */
.seol .whyOM_Hdr {font-size:130%;letter-spacing:0.03em; text-shadow:none;}
.seol .whyOM_Hdr .frstLtr{display:inline-block}
.seol .whyOM_Hdr .frstLtr:first-letter {color:orange; }
.seol .whyOM_Bdy {position:relative; top:0px; padding:0 15px; margin:0; }

.seol .whyOM-mtr {margin: 0 0 20px 0;}
.seol .whyOM .lstHd {font-size:85%; border-bottom:none; }
/* seol Box3 end */

.seol ul li h4 P {margin:0px; color:green; line-height: 1.5em; margin-left:15px}
.seol .wtsSEO-LstGrp, .seol .whyOM-LstGrp {clear:both}

.seol .wtsSEO-LstGrp h4 a,
.seol .whyOM-LstGrp h4 a {
	display:table; border-bottom:none; padding-bottom:0; xxfont-size:90%; text-align: left;}

.seol .wtsSEO-LstGrp h4 a:hover,
.seol .whyOM-LstGrp h4 a:hover { 
	display:table; border-bottom:none; padding-bottom:0; 	}


.seol .wtsSEO-LstGrp h4 a span,
.seol .whyOM-LstGrp h4 a span {
	line-height:3.0em;
	text-align:left;
	font-size:1.0em;
	padding: 0;
	}



seol .seolBx2-ftr {margin-top: auto; margin-bottom:5px; margin-right:10px}

.seol div.explr {}

.seol div.explr a.seolmore {background:rgba(255,165,0,1); font-size:125%;  display:block; line-height:2.5em; color:#fff; border-radius:0px; width:100%; text-shadow:0px 0px 0px #000; text-align:center; margin:0 auto; padding-right:0; box-shadow: 0px 13px 20px -15px #333;}
	
.seol div.explr a.seolmore:hover {}

.seol a.seolmore i.fa {font-size:20px; color:#0075ae; color:#fff; padding-right:0; }
.seol a.seolmore:hover i.fa {}


li.lstItm:before {
	content:'';
	font-size:0%;
	float:left;
	display:inline;
	position:relative;
	top:18px;
	left:0px;
	background:pink-xx;
	width:3%;
	display:inline-block;
	padding: 0px 0px 0px 5px;
	color:rgba(0,111,211, 0.25);
	text-shadow:2px 0px 0px rgba(17,0,119,.5);
	border-top:5px solid transparent;
	border-left:5px solid rgba(0,117,174,1);
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
}



.shaEff01
{
  position: relative;
  xxpadding:0;
  top:0;
  z-index:1;
  xxbox-shadow:0px 0px 10px 1px #ddd;
}
.shaEff01:before, .shaEff01:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  -o-box-shadow: 0 15px 10px #777;
  -ms-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shaEff01:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}






/* media@320 */
}









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

section.seol {
	position:relative; 
	top:0px; 
	padding:75px 0px 50px 0px; 
}

section.seol::before,
section.seol::after {
  content: "";
  background: url('../images/bg1.jpg') 40% 10%;
  opacity:.75;
  background:#fff;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;   
}

section.seol::after {background:#fff}


.seol * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
}
.seol * { color:#0075ae}

.seol .row.flexCanGen {flex-direction:row}
/* .flex-container {display:flex; flex-direction:row;} */
.flex-item {flex:1 0 0; padding:0px 0px;  
    border-width: 3px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to top, #ddd, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(rgba(0, 0, 0, 0), #ddd, rgba(0, 0, 0, 0)) 1 100%;
}
.flex-item.one {}
.flex-item.two {margin: 0 25px}
.flex-item.three {}

.fi_inr { height:100%; background:#fff; background:linear-gradient( transparent, transparent, #fff, #fff, #fff); display:flex; flex-direction:column; }

.fi_col_ikn  {text-align:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px}

.seolBoxes {position:relative; top:0px;text-align:center}
.seol .BxHdrBg { display:block; position:relative; top:0px; padding:12px 20px}

/* seol Box1 start */
.seoBnr {font-size:1.75em}
.seol h2 {font-size: 100%;}
.seoBnr span {font-size:105%}
.seoBnr span.improve {	color:orange; text-shadow: 1px 1px 0px #ccc;}
.seoBnr span.ursite { text-shadow:  0px 1px 0px #009eee;;}
.seoBnr .seo {
	display:block;
	font-size: 500%;  
	line-height:1.0em;
	color:rgba(255,212,84,1);
	text-shadow:3px 3px 0px #ccc, 0px 0px 5px red;
}
.seoBnr .ranking {
	display:block;
	font-size:180%;
	line-height:1.25; letter-spacing:0.05em; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .online {
	display:block;	
	xxcolor:rgba(0,200,255,1);
	font-size:175%;letter-spacing:0.05em; 
	line-height:1.25; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .visibility {
	display:block;
	xxcolor:rgba(0,200,255,1);
	font-size:155%; letter-spacing:0.05em; 
	line-height:1.25; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .potential {
display:block;
    font-size: 80%;
	line-height:1.75;
    color: rgba(255,0,0,1);
    color: orange;
    text-align: center;
    letter-spacing: 0.05em;
	text-shadow: 1px 1px 0px #999;
}
.seoBnr .stars {
	font-size:75%;
	text-align:center; display:inline-block; 
	line-height:0em; position:relative; top:-2px; color:#f00;
}
.seoBnr .customers {
	font-size:100%; 
	color:rgba(255,0,0,1);
	color:orange;
	letter-spacing:0.05em; 
}
.seoBnr .expertise {
	font-size:50%; 
	font-style:italic; 
	display:block; position:relative; top:0px;
	text-shadow: 0px 0px 0px #009eee;
	letter-spacing: 0.02em;
	word-spacing: 0.02em;
}

.seoBnr .expertise .exclaim {color:orange}

/* seol Box1 end */


/* seol Box2 start */
.seol .wtsSEO_Hdr {font-family:'DroidSerifBold'; font-size: 135%; line-height:1.5em; letter-spacing:0.03em; text-shadow: 0px 1px 0px #009eee;}
.seol .wtsSEO_Hdr .frstLtr{display:inline-block}
.seol .wtsSEO_Hdr .frstLtr:first-letter {color:orange; }
.seol .wtsSEO_Bdy {position:relative; top:10px; background:pink-xx; padding:0 25px; margin:0; }
.seol .wtsSEO-mtr {margin:0 0 20px 0; line-height:2.0em; }
.seol .wtsSEO .lstHd {display:table; font-size:100%; border-bottom:1px solid #def; margin:0 0 10px 0; }
/* seol Box2 end */


/* seol Box3 start */
.seol .whyOM_Hdr {font-family:'DroidSerifBold'; font-size: 125%; line-height:1.6em; letter-spacing:0.01em; text-shadow: 0px 1px 0px #009eee;}
.seol .whyOM_Hdr .frstLtr{display:inline-block}
.seol .whyOM_Hdr .frstLtr:first-letter {color:orange; }
.seol .whyOM_Bdy {position:relative; top:10px; background:pink-xx; padding:0 25px; margin:0; }
.seol .whyOM-mtr {margin:0 0 20px 0; line-height:2.0em;}
.seol .whyOM .lstHd {display:table; font-size:100%; border-bottom:1px solid #def; margin:0 0 10px 0;}
/* seol Box3 end */

.seol ul li h4 P {margin:0px; color:green}
.seol .wtsSEO-LstGrp, .seol .whyOM-LstGrp {clear:both}

.seol .wtsSEO-LstGrp h4 a,
.seol .whyOM-LstGrp h4 a {
	display:table; border-bottom:1px solid transparent; }

.seol .wtsSEO-LstGrp h4 a:hover,
.seol .whyOM-LstGrp h4 a:hover { 
	border-bottom:1px solid crimson;  	}

.seol .wtsSEO-LstGrp h4 a span,
.seol .whyOM-LstGrp h4 a span {
font-size: .70em;
    line-height: 2.0em;
	padding:0;
	}

.seol .seolBx2-ftr {margin-top: auto; margin-bottom:5px; margin-right:10px}

.seol div.explr {
	display:block;
	position:relative; 
	left:0px;
	height:50px;
	width:100%;
	text-align:center;
}

.seol div.explr a.seolmore {font-size:100%;  height:100%; display:block; position:relative; top:0px; padding:0 10px; line-height:3.00em; margin:0 10px; color:#0075ae; border-radius:50px; transition: all .5s ease-in-out; width:50%; text-shadow:0px 0px 0px #000; text-align:right; float:right;}
	
.seol div.explr a.seolmore:hover { background:rgba(255,165,0,1); border-radius:5px; padding-right:15px; color:#fff; font-weight:bold; transition: all .5s ease-in-out; box-shadow: 0px 13px 20px -15px #333;}

.seol a.seolmore i.fa {font-size:20px; font-style: normal; color:#0075ae; ; transition: all .5s ease-in-out; }
.seol a.seolmore:hover i.fa {xxbackground:orange;font-weight:bold; margin-right:25px; color:#fff; xxtext-shadow:1px 1px 1px #333; transition: all .5s ease-in-out; }


li.lstItm:before {
	content:'';
	font-size:0%;
	float:left;
	display:inline;
	position:relative;
	top:8px;
	left:0px;
	background:pink-xx;
	width:3%;
	display:inline-block;
	padding: 0px 0px 0px 5px;
	color:rgba(0,111,211, 0.25);
	text-shadow:2px 0px 0px rgba(17,0,119,.5);
	border-top:5px solid transparent;
	border-left:5px solid rgba(0,117,174,1);
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
}



.seol .shaEff01
{
  position: relative;
  top:0;
  z-index:1;
}

.seol .shaEff01:before, .seol .shaEff01:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.seol .shaEff01:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* media@1200 */
}


























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


.seol * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
}
.seol * { color:#0075ae}

.seol.secBg {
	position:relative; 
	top:0px; 
	padding:75px 0px 75px 0px; 
	background:#fff;
}

.seol .mContainer {background:#fff}

.seol .jContainer {xx-padding-top:50px}

.seol .noContent .secHd {
    width: 100%;
    text-align: center;
    color: #336699;
    margin: 0 0 25px 0;
	padding:0;
}

.seol .row.flexCanGen {flex-direction:row}

.flex-item {flex:1 0 0; padding:0px 0px;}
.flex-item.one {}
.flex-item.two {margin: 0 25px}
.flex-item.three {}

.fi_inr { height:100%; background:#fff; background:linear-gradient( transparent, transparent, #fff, #fff, #fff); display:flex; flex-direction:column; xxalign-content: space-between; }

.fi_col_ikn  {text-align:center; xxbackground:radial-gradient(transparent, transparent, rgba(240, 240, 240,1), rgba(250, 250, 250,.5)); xxborder-radius:100px; xxbox-shadow:0px 0px 10px -4px #aaa; border-bottom-left-radius:5px; border-bottom-right-radius:5px}

.seolBoxes {xxbackground:#00bfff; 	position:relative; top:0px;text-align:center}
.seol .BxHdrBg { display:block; position:relative; top:0px; padding:12px 10px}

/* seol Box1 start */
.seoBnr {font-size:200%}
.seol h2 {font-size: 100%;}
.seoBnr span {font-size:105%}
.seoBnr span.improve {	color:orange;xxcolor:crimson; text-shadow: 1px 1px 0px #ccc;}
.seoBnr span.ursite{        xxcolor: rgba(0,200,255,1); text-shadow:  0px 1px 0px #009eee;;}
.seoBnr .seo {
	display:block;
	font-size: 500%;  
	line-height:0.9em;
	color:rgba(255,212,84,1);
	text-shadow:3px 3px 0px #ccc, 0px 0px 5px red;
}
.seoBnr .ranking {
	display:block;
	font-size:180%; xxcolor:rgba(0,200,255,1);
	line-height:1.0; letter-spacing:0.05em; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .online {
	display:block;	
	xxcolor:rgba(0,200,255,1);
	font-size:175%;letter-spacing:0.05em; 
	line-height:1.25; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .visibility {
	display:block;
	xxcolor:rgba(0,200,255,1);
	font-size:155%; letter-spacing:0.05em; 
	line-height:1.25; text-shadow:0px 1px 0px #009eee;
}
.seoBnr .potential {
display:block;
    font-size: 80%;
	line-height:1.5;
    color: rgba(255,0,0,1);
    color: orange;
    text-align: center;
    letter-spacing: 0.05em;
	text-shadow: 1px 1px 0px #999;
}
.seoBnr .stars {
	font-size:75%;
	text-align:center; display:inline-block; 
	line-height:0em; position:relative; top:-2px; color:#f00;
}
.seoBnr .customers {
	font-size:100%; 
	color:rgba(255,0,0,1);
	color:orange;
	letter-spacing:0.05em; 
}
.seoBnr .expertise {
	font-size:50%; 
	font-style:italic; 
	display:block; position:relative; top:0px;
	text-shadow: 0px 0px 0px #009eee;
	letter-spacing: 0.02em;
	word-spacing: 0.02em;
}

.seoBnr .expertise .exclaim {color:orange}

/* seol Box1 end */


/* seol Box2 start */
.seol .wtsSEO_Hdr {font-family:'DroidSerifBold'; font-size: 135%; line-height:1.5em; letter-spacing:0.03em; text-shadow: 0px 1px 0px #009eee;}
.seol .wtsSEO_Hdr .frstLtr{display:inline-block}
.seol .wtsSEO_Hdr .frstLtr:first-letter {color:orange; }
.seol .wtsSEO_Bdy {position:relative; top:10px; background:pink-xx; padding:0 25px; margin:0; }
.seol .wtsSEO-mtr {margin:0 0 20px 0; line-height:2.0em; }
.seol .wtsSEO .lstHd {display:table; font-size:100%; border-bottom:1px solid #def; margin:0 0 10px 0; }
/* seol Box2 end */


/* seol Box3 start */
.seol .whyOM_Hdr {font-family:'DroidSerifBold'; font-size: 135%; line-height:1.5em; letter-spacing:0.01em; text-shadow: 0px 1px 0px #009eee;}
.seol .whyOM_Hdr .frstLtr{display:inline-block}
.seol .whyOM_Hdr .frstLtr:first-letter {color:orange; }
.seol .whyOM_Bdy {position:relative; top:0px; background:pink-xx; padding:0 25px; margin:0; }
.seol .whyOM-mtr {margin:0 0 20px 0; line-height:2.0em;}
.seol .whyOM .lstHd {display:table; font-size:100%; border-bottom:1px solid #def; margin:0 0 10px 0;}
/* seol Box3 end */

.seol ul li h4 P {margin:0px; color:green}
.seol .wtsSEO-LstGrp, .seol .whyOM-LstGrp {clear:both}

.seol .wtsSEO-LstGrp h4 a,
.seol .whyOM-LstGrp h4 a {
	display:table; border-bottom:1px solid transparent; }

.seol .wtsSEO-LstGrp h4 a:hover,
.seol .whyOM-LstGrp h4 a:hover { 
	border-bottom:1px solid crimson;  	}

.seol .wtsSEO-LstGrp h4 a span,
.seol .whyOM-LstGrp h4 a span {
font-size: .70em;
    line-height: 2.0em;
	padding:0;
	}

.seol .seolBx2-ftr {margin-top: auto; margin-bottom:5px; margin-right:10px}

.seol div.explr {
	display:block;
	position:relative; 
	left:0px;
	height:50px;
	width:100%;
	text-align:center;
}

.seol div.explr a.seolmore {font-size:100%;  height:100%; display:block; position:relative; top:0px; padding:0 10px; line-height:3.00em; margin:0 10px; color:#0075ae; border-radius:50px; transition: all .5s ease-in-out; width:40%; text-shadow:0px 0px 0px #000; text-align:right; float:right;}
	
.seol div.explr a.seolmore:hover { background:rgba(255,165,0,1); border-radius:50px; padding-right:15px; color:#fff; font-weight:bold; transition: all .5s ease-in-out; box-shadow: 0px 13px 20px -15px #333;}

.seol a.seolmore i.fa {font-size:20px; font-style: normal; color:#0075ae; ; transition: all .5s ease-in-out; }
.seol a.seolmore:hover i.fa {xxbackground:orange;font-weight:bold; margin-right:25px; color:#fff; xxtext-shadow:1px 1px 1px #333; transition: all .5s ease-in-out; }


li.lstItm:before {
	content:'';
	font-size:0%;
	float:left;
	display:inline;
	position:relative;
	top:12px;
	left:0px;
	background:pink-xx;
	width:3%;
	display:inline-block;
	padding: 0px 0px 0px 5px;
	color:rgba(0,111,211, 0.25);
	text-shadow:2px 0px 0px rgba(17,0,119,.5);
	border-top:5px solid transparent;
	border-left:5px solid rgba(0,117,174,1);
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
}



.seol .shaEff01
{
  position: relative;
  top:0;
  z-index:1;
  xxbox-shadow:0px 0px 10px 1px #ddd;
}

.seol .shaEff01:before, .seol .shaEff01:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.seol .shaEff01:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* media@1200 */
}