body{color:#333;}
a{text-decoration:none;font-size:14px;color : #2f9ee7;font-weight:bold;cursor:pointer;}
a:visited{color : #1d6bb4;}
a.pure-menu-link{font-weight:normal;}
a.pure-button{font-weight:normal;}
a.pure-button:link,a.pure-button:visited,a.pure-button:hover,a.pure-button:active{color : #fff;}
.pure-img-responsive{max-width:100%;height:auto}
#template,.template{display:none;}
#layout,#menu,.menu-link{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
#layout{position:relative;padding-left:0}
#layout.active #menu{left:150px;width:150px}
#layout.active .menu-link{left:150px}
#menu{margin-left:-150px;width:150px;position:fixed;top:0;left:0;bottom:0;z-index:1;background:#191818;overflow-y:auto;-webkit-overflow-scrolling:touch}
#menu a{color:#ccc;border:none;}
#menu .pure-menu,#menu .pure-menu ul{border:none;background:transparent}
#menu .pure-menu ul,#menu .pure-menu .menu-item-divided{border-top:1px solid #333}
#menu .pure-menu li a:hover,#menu .pure-menu li a:focus{background:#eb7176;color:#fff}
#menu .pure-menu-selected{background:#eb7176}
#menu .pure-menu-selected a{color:#fff}
#menu .pure-menu-heading{font-size:110%;color:#fafafa;margin:0;text-align:center;padding:0 1em 0 0;padding-bottom:0.5em;}
#menu .pure-menu-heading img{width:84px;}
.menu-link{position:fixed;display:block;top:0;left:0;background:#000;background:rgba(0,0,0,0.7);font-size:10px;z-index:10;width:2em;height:auto;padding:2.1em 1.6em}
.menu-link:hover,.menu-link:focus{background:#000}
.menu-link span{position:relative;display:block}
.menu-link span,.menu-link span:before,.menu-link span:after{background-color:#fff;width:100%;height:0.2em}
.menu-link span:before,.menu-link span:after{position:absolute;margin-top:-0.6em;content:" "}
.menu-link span:after{margin-top:0.6em}
.pure-form select{padding-top:0;padding-bottom:0;}
#main{padding: 10px 15px ;}
.wrap{position:fixed;left:150px;top:0;right:0;bottom:30px;}
.framewrap{position: absolute;top:41px;left:0;right:0;bottom:0;}
#frame{width:100%;height:100%;}
.shop{border-bottom:1px solid #eee;padding-left:15px;padding-top:10px;}
.shop img{vertical-align:middle;margin-right:6px;}
#faq{position:fixed;bottom:20px;right:20px;font-size:50px;color:#eb7176;}
#foot{position:fixed;left:0;right:0;bottom:0;text-align:center;height:30px;font-size:14px;line-height:30px;color:#555;}
.pure-menu.pure-menu-horizontal{padding-top:15px;border-bottom:3px solid #eee;}
.pure-menu.pure-menu-horizontal .pure-menu-link{background-color: #eee;}
.pure-menu.pure-menu-horizontal .pure-menu-selected .pure-menu-link{background-color: #eb7176;}
.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited{background-color:#eb7176;color:#fff;}
.pure-table{width:100%;}
.pure-table td, .pure-table th{padding:0.5em;}
.pure-table-odd td{background-color:#f3f3f3;}
.pure-button-block{width:100%;}
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea{
	border:0 none;
	border-bottom:1px solid #333;
	background:transparent;
	box-shadow : none;
}
.pure-form-head{padding:8px 15px;font-size:18px;background:#f0f0f0;}
textarea{resize:none;}
.pure-form input[readonly],.pure-form textarea[readonly]{background:transparent;}
.pure-table thead{background-color:#f0f0f0;}
#toast-container > div.sticker {width:380px;padding:15px;background-color:#f7f7f7;color:#333;opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);}
.sticker .toast-close-button{color:#333;}
@media (min-width:48em){
	#layout{padding-left:150px;left:0}
	#menu{left:150px}
	.menu-link{position:fixed;left:150px;display:none}
	#layout.active .menu-link{left:150px}
}
@media (max-width:48em){
	#layout.active{position:relative;left:150px}
	.wrap{left:0;}
}
ul{margin:0;padding:0;}
ul li{list-style:none;}


.box{position:relative;margin-top:16px;margin-bottom:0;background:#fff;padding:8px 0;border-radius:3px;box-shadow: 0px 1px 2px 0px #999;*border:1px solid #999;}
.box.active{box-shadow: 0px 0px 1px 1px #fa5252;}
.box.withoutvertical{padding-top:0;padding-bottom:0;}
.box_item{padding : 8px 16px;line-height:36px;position:relative;}
.box_item.thin{line-height:21px;}
.box_input{padding : 3px 16px;position:relative;}
.box_input input,.box_input select,.box_input textarea{height:29px;line-height:29px;border:0 none;background:transparent;width:100%;}
.box_input.withicon{padding-left:40px;}
.box_input_icon{position:absolute;left:0;top:0;font-size:26px;line-height:38px;width:40px;text-align:center;}
.box_input.withtext{padding-left:100px;}
.box_item.withcorner::after {position:absolute;top:19px;right:8px;display: inline-block;font-family: "Ionicons";font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;text-rendering: auto;text-transform: none;content: "\f125";color:#999;}
.box_item:not(:last-child),.box_input:not(:last-child){border-bottom:1px solid #ccc;}
.box_item.withoutshadow{box-shadow:none;}
.box_item_icon{font-size:29px;display:inline-block;width:32px;position:relative;float:left;}

.toast{position:fixed;top:0px;background-color:rgba(0,0,0,.7);left:15px;right:15px;overflow:hidden;text-overflow:hidden;text-align:center;height:40px;color:#fff;font-size:16px;line-height:40px;top:-40px;opacity:0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.toast.success{background-color:rgba(92,184,92,.85);background-color:rgb(92,184,92)\9;}
.toast.error{background-color:rgba(217,83,79,.85);background-color:rgb(217,83,79)\9;}
.toast.info{background-color:rgba(91,192,222,.85);background-color:rgb(91,192,222)\9;}
.toast.warn{background-color:rgba(213,133,18,.85);background-color:rgb(213,133,18)\9;}
.toast_icon{font-size:18px;width:24px;display:inline-block;text-align:center;}

.embed{font-weight:bold;}

.ft-xs{font-size:12px;}
.ft-sm{font-size:14px;}
.ft-md{font-size:16px;}
.ft-lg{font-size:18px;}
.ft-xlg{font-size:22px;}

.pt{padding-top:15px;}
.pl{padding-left:15px;}
.pb{padding-bottom:15px;}
.pr{padding-right:15px;}
.padded{padding:10px 15px;}

.mt-sm{margin-top:30px;}
.mt{margin-top:15px;}
.mt-xs{margin-top:8px;}
.mb{margin-bottom:15px;}
.ml{margin-left:15px;}
.mr{margin-right:15px;}

.pull-left{float:left;}
.pull-right{float:right;}
.clear{clear:both;}

.block{display : block;}
.relative{position : relative;}
.abs{position:absolute;}
.abs-right{right:0;}
.abs-bottom{bottom:10px;}
.abs-top{top:10px;}

.text-right{text-align:right;}
.text-center{text-align:center;}

.text-small{font-size:0.8rem;}
.text-middle{font-size:1.4rem;}
.text-large{font-size:2.2rem;}

.bk-primary{background-color:#1f8dd6;color:#fff;}
.bk-red{background-color:#fa5252;color:#fff;}
.bk-success{background:rgb(28,184,65);color:#fff;}
.bk-error{background:rgb(202,60,60);color:#fff;}
.bk-warning{background:rgb(253, 153, 59);color:#fff;}
.bk-yellow{background:rgb(250, 210, 50);color:#fff;}
.bk-secondary{background:rgb(66,184,221);color:#fff;}
.border-primary{border-color:#1f8dd6;}
.border-red{border-color:#fa5252;}
.border-success{border-color:rgb(28,184,65)}
.border-error{border-color:rgb(202,60,60)}
.border-warning{border-color:rgb(223,117,20)}
.border-secondary{border-color:rgb(66,184,221)}
.border-normal{border-color:#f0f0f0}
.text-gray{color:#777;}
.text-primary{color:#1f8dd6;}
.text-red{color:#fa5252;}
.text-success{color:rgb(28,184,65)}
.text-error{color:rgb(202,60,60)}
.text-warning{color:rgb(223,117,20)}
.text-secondary{color:rgb(66,184,221)}


.dealy_1{animation-delay: .1s;}
.dealy_2{animation-delay: .2s;}
.dealy_3{animation-delay: .3s;}
.dealy_4{animation-delay: .4s;}
.dealy_5{animation-delay: .5s;}
.dealy_6{animation-delay: .6s;}
.dealy_7{animation-delay: .7s;}
.dealy_8{animation-delay: .8s;}
.dealy_9{animation-delay: .9s;}
.dealy_10{animation-delay: 1.0s;}
.dealy_11{animation-delay: 1.1s;}
.dealy_12{animation-delay: 1.2s;}
.dealy_13{animation-delay: 1.3s;}
.dealy_14{animation-delay: 1.4s;}
.dealy_15{animation-delay: 1.5s;}
.dealy_16{animation-delay: 1.6s;}
.dealy_17{animation-delay: 1.7s;}
.dealy_18{animation-delay: 1.8s;}
.dealy_19{animation-delay: 1.9s;}
.dealy_20{animation-delay: 2.0s;}
.dealy_21{animation-delay: 2.1s;}
.dealy_22{animation-delay: 2.2s;}
.dealy_23{animation-delay: 2.3s;}
.dealy_24{animation-delay: 2.4s;}
.dealy_25{animation-delay: 2.5s;}
.dealy_26{animation-delay: 2.6s;}
.dealy_27{animation-delay: 2.7s;}
.dealy_28{animation-delay: 2.8s;}
.dealy_29{animation-delay: 2.9s;}
.dealy_30{animation-delay: 3.0s;}
.dealy_31{animation-delay: 3.1s;}
.dealy_32{animation-delay: 3.2s;}
.dealy_33{animation-delay: 3.3s;}
.dealy_34{animation-delay: 3.4s;}
.dealy_35{animation-delay: 3.5s;}
.dealy_36{animation-delay: 3.6s;}
.dealy_37{animation-delay: 3.7s;}
.dealy_38{animation-delay: 3.8s;}
.dealy_39{animation-delay: 3.9s;}
.dealy_40{animation-delay: 4.0s;}
.dealy_41{animation-delay: 4.1s;}
.dealy_42{animation-delay: 4.2s;}
.dealy_43{animation-delay: 4.3s;}
.dealy_44{animation-delay: 4.4s;}
.dealy_45{animation-delay: 4.5s;}
.dealy_46{animation-delay: 4.6s;}
.dealy_47{animation-delay: 4.7s;}
.dealy_48{animation-delay: 4.8s;}
.dealy_49{animation-delay: 4.9s;}
.dealy_50{animation-delay: 5.0s;}


.btn-3d{padding-bottom:0.7em;}
.pure-button-primary.btn-3d{box-shadow:0px -4px 1px #0056c5 inset;}
.pure-button-secondary.btn-3d{box-shadow:0px -4px 1px rgb(44, 162, 199) inset;}
.pure-button-success.btn-3d{box-shadow:0px -4px 1px rgb(06, 162, 43) inset;}
.pure-button-warning.btn-3d {box-shadow:0px -4px 1px rgb(201, 96, 0) inset;}
.pure-button-error.btn-3d {box-shadow:0px -4px 1px #b01 inset;}