@charset "utf-8";
/* CSS Document */

.tosn-pop-box{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.6);z-index:1000}
.tosn-pop-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:#fff;border-radius:5px;min-width:300px;overflow:hidden;border:3px solid #539ae4}
.tosn-pop-close{display:block;position:absolute;right:5px;top:9px;width:16px;height:16px;line-height:16px;text-align:center;cursor:pointer;border-radius:2px;transition:all .2s linear;border:1px solid #fff;color:#fff;border-radius:50%;font-size:16px;}
.tosn-pop-close:hover{background:#006bad;color:#fff;}
.tosn-pop-title{font-size:18px;line-height:36px; padding-left:25px;font-weight:lighter; border-bottom: 1px solid #999; color: #fff;background:#539ae4}
.tosn-info-cont,.tosn-error-cont,.tosn-success-cont,.tosn-confirm-cont{ }
.tosn-info-cont,.tosn-error-cont,.tosn-success-cont{font-size:1.2em;}
.tosn-info-cont{ padding:10px 10%; font-size: 1.2em;}
.tosn-success-cont{ padding:10px 10%; font-size: 1.2em;}
.tosn-error-cont{ padding:10px 10%; font-size: 1.2em; color: #ee9d28;}
.tosn-confirm-cont{ padding:15px 30px; font-size: 1.2em;}
.tosn-pop-btn{ margin-bottom:16px; border-top:1px solid #fff;background:#fff;text-align:center;}
.tosn-pop-btn a{ display:inline-block;height:30px;background:#f8941d;border-radius:5px;color:#fff;margin:0 10px;font-size:1.2em;text-decoration:none;line-height:30px;box-shadow:0 3px 0 0 #d97a08;padding:0 20px;}
.tosn-pop-btn .tosn-pop-no{background:#9a9a9a;color:#fff;box-shadow:0 3px 0 0 #656363}
.tosn-info-cont .tosn-text-box,.tosn-success-cont .tosn-text-box,.tosn-error-cont .tosn-text-box,.tosn-confirm-cont .tosn-text-box{display:inline}
.tosn-text-cont{padding:10px; font-size: 1.2em;}

/*tosnFade*/
.tosn-fade-box{position:fixed;width:100%;height:100%;left:0px;top:0px;z-index:100001}
.tosn-fade-cont{ min-width:300px; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background-color: #22a06d; -webkit-box-shadow: 0 0 5px rgba(230,158,65,.75);
	-moz-box-shadow: 0 0 5px rgba(230,158,65,.75); box-shadow: 0 0 5px rgba(230,158,65,.75); border: solid 1px #e69e41; background-image: -webkit-linear-gradient(bottom, #fff075, #fefdbe); background-image: -moz-linear-gradient(bottom, #fff075, #fefdbe); background-image: -o-linear-gradient(bottom, #fff075, #fefdbe); background-image: -ms-linear-gradient(bottom, #fff075, #fefdbe);background-image: linear-gradient(to top, #fff075, #fefdbe); overflow:hidden; padding:5px 0; border-radius: 7px; text-align: center; color: #e08400; font-size: 1.2em;}

/*Loading*/
.tosn-spinner-box{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.2);z-index:1000}
.tosn-spinner { width: 80px; height: 50px; text-align: center;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tosn-spinner > div { display: inline-block;margin-left:2px; width: 6px; height: 100%; background:#ffb629; animation: strechdelay 1.2s infinite ease-in-out; -webkit-animation: strechdelay 1.2s infinite ease-in-out; -moz-animation: strechdelay 1.2s infinite ease-in-out; -o-animation: strechdelay 1.2s infinite ease-in-out; }
.tosn-spinner .line2 { animation-delay: -1.1s; -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s;}
.tosn-spinner .line3 { animation-delay: -1.0s; -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -o-animation-delay: -1.0s;}
.tosn-spinner .line4 { animation-delay: -0.9s; -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s;}
.tosn-spinner .line5 { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s;}
.tosn-spinner >span{color:#ff9418;font-size:12px;display:block}
@keyframes strechdelay {
	0%, 40%, 100% {
	    transform:scaleY(.4);
	}
	20% {
	    transform:scaleY(1);
	}
}

@-webkit-keyframes strechdelay {
	0%, 40%, 100% {
	    -webkit-transform:scaleY(.4);
	}
	20% {
	    -webkit-transform:scaleY(1);
	}
}

@-moz-keyframes strechdelay {
	0%, 40%, 100% {
	    -moz-transform:scaleY(.4);
	}
	20% {
	    -moz-transform:scaleY(1);
	}
}

@-o-keyframes strechdelay {
	0%, 40%, 100% {
	    -o-transform:scaleY(.4);
	}
	20% {
	    -o-transform:scaleY(1);
	}
}

@keyframes loadrotate{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loadrotate{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
@-ms-keyframes loadrotate{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
@-o-keyframes loadrotate{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.tosn-loading-wrap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.6)}
.tosn-loading{position:absolute;width:180px;height:180px;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.tosn-loading-box{width:180px;height:180px;text-align:center;line-height:160px;border:2px solid #f60;border-radius:50%;position:relative;animation:loadrotate 2s cubic-bezier(.26,.6,.44,.97) normal infinite;-webkit-animation:loadrotate 2s cubic-bezier(.26,.6,.44,.97) normal infinite;-ms-animation:loadrotate 2s cubic-bezier(.26,.6,.44,.97) normal infinite;-o-animation:loadrotate 2s cubic-bezier(.26,.6,.44,.97) normal infinite;}
.tosn-loading-box .load-circle{width:10px;height:10px;background:#fff;position:absolute;left:26px;top:26px;display:block;border-radius:10px;}
.tosn-loading .load-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size:16px;color:#f60}