@charset "UTF-8";

#defwrapper{
	position: fixed;
	top: 50%;left: 50%;
	z-index: 1111;
	
}

.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

#defwrapper .sk-circle {
  margin: 100px auto;
  width: 100px;
  height: 100px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

#hireso .sk-circle{
	width: 120px;
	height: 120px;
}


#hireso .sk-circle .sk-child:before {
	background-color: #fff;
}


#defwrapper .sk-circle .sk-child:before {
	background: #fff;
}

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.textShadow{
	text-shadow:  0 1px 0 #fff;
}

/* .textWh{
	text-shadow:  0 -1px 0 #595959;
}
 */

#setting dd button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #050505;
	padding: 0px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 30%,
		#dbdbdb 50%,
		#babfc5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.30, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#babfc5));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	//border: 1px solid #969696;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

#setting dd input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
	padding: 0px 4px;
	background: -moz-linear-gradient(
		top,
		#dedbde 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dedbde),
		to(#ffffff));
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	/*border: 1px solid #969696;*/
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 1px 1px 2px rgba(133,131,133,0.6);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 1px 1px 2px rgba(133,131,133,0.6);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 1px 1px 2px rgba(133,131,133,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}


#clPrv,
#dsForm,
#swYakkan,
#swOrder,
#commentForm,
#sw_contact,
#sw_flow,
#sw_about,
#sw_profile
{
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-o-border-radius:16px;
}
/* #clPrv{
	
	background: -moz-linear-gradient(top, #fff, #9e9e9e);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#9e9e9e));
} */

#text-shadow
{
	text-shadow:  0 1px 0 #fff;
}

#gradient
{
	background: -moz-linear-gradient(top, #000, #545454);
	background: -webkit-gradient(linear, center top, center bottom, from(#000), to(#545454));
	text-shadow:  0 0 10px #000;
}


#bgImage-size
{
    background-size: auto 27px;
	-webkit-background-size: auto 27px;
    -moz-background-size: auto 27px;
    -o-background-size: auto 27px;
}
@media only screen and (max-width: 479px){
	#clPrv{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}