body{overflow-y: scroll !important;font-family: 'Kanit', sans-serif;}
.header,.fixed-sidebar .logo{height: 50px;}
.header,.fixed-sidebar .logo{background-color: #e4222a;}
.header.ghead,.fixed-sidebar.ghead .logo{height: 40px;}
.header.ghead{padding: 0;}
.header .page-title{padding-top: 0;padding-bottom: 0;line-height: 50px;font-size: 18px;}
.header .page-title a img{height: 34px;}
.logo.js-sidebar-open img{margin-left: 10px;}
.logo.js-sidebar-open img,.logo .img-wrap img{height: 32px;max-height: 32px;margin-right: 20px;}
.search-bar{margin-top: 5px;}
.search-bar, .search-bar.w-search,.search-bar .form-group{height: 40px;min-height: 40px;}
.search-bar.w-search{background: #fff;}
.search-bar .form-group.with-button button{background-color: transparent;}
.search-bar .form-group .form-control{color: #333!important;}
.searchbox{height: 32px;width: 300px;float: left;margin-top: 4px;position: relative;}
.searchbox input[type="text"]{background: #fff;width: 100%;float: left;height: 32px;line-height: 32px;font-size: 14px;padding: 0 10px;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.searchbox .btnsearch{height: 32px;position: absolute;top: 0;right: 0;padding:0 10px;  background: rgba(0,154,207,0.1);}
.searchbox .btnsearch svg{fill:rgb(0,154,207);height: 32px;}
/***************184FB4**********/
.searchbox-dropdown{background: #fff;box-shadow: 0 0 1px 1px rgba(0,0,0,.2);margin-top: 5px;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.searchbox-dropdown ul{width: 100%;margin: 0;padding: 5px 0;}
.searchbox-dropdown ul a{display: block;position: relative;line-height: 24px;padding:0 10px;color: #666;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.searchbox-dropdown ul a:hover{cursor: pointer;}
.searchbox-dropdown ul li{padding: 5px 0;}
.searchbox-dropdown ul li:hover{background: #f5f5f5;}
.searchbox-dropdown .store a{background: url(../img/i/store.svg) no-repeat 10px center;background-size: 20px;padding-left: 37px;}
/*************************/
.header-spacer{height: 60px;}
.fixed-sidebar{top:0;}
.fixed-sidebar.right{top:50px;}
.author-page.flag-lang{margin-left: 15px;}
.author-page.flag-lang .author-thumb{margin-right: 0px;width: 20px;}
.account-settings img {margin-right: 15px;width: 20px; height: 20px;}
.a{color: #ff5e3a;text-decoration: none;background-color: transparent; -webkit-text-decoration-skip: objects;}.a:hover,.aa:hover{cursor: pointer;}
.avatar-ugr{height:36px;width: 36px;}
.b{font-weight: bold;}
.hidden{display: none !important;}
.right{float: right!important;}.left{float: left;}
.fmr-btn{padding-right: 10px !important;}
.fmr-btn .btn{margin-left: 8px !important;}
.relative{position: relative;}
.btn-sm{font-size: 14px !important;font-weight: 100;}
.farotate-close {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);	}
.showname-user .gds{color: #fff;}
.qlcate-icon{display: inline-block;height: 28px;width: 28px;position: relative;}
.qlcate-icon:before{background: url(../img/i/1.png)no-repeat;height: 28px;width: 28px;display: block;content: ' ';}
.qlcate-icon.c1:before{background-position: -7px -10px;}.qlcate .qlcate-icon.c1:hover:before{background-position: -62px -10px;}
.qlcate-icon.c2:before{background-position: -6px -54px;}.qlcate .qlcate-icon.c2:hover:before{background-position: -60px -54px;}
.qlcate-icon.c3:before{background-position: -5px -102px;}.qlcate .qlcate-icon.c3:hover:before{background-position: -60px -102px;}
.qlcate-icon.c4:before{background-position: -7px -150px;}.qlcate .qlcate-icon.c4:hover:before{background-position: -61px -150px;}
.qlcate-icon.c5:before{background-position: -6px -197px;}.qlcate .qlcate-icon.c5:hover:before{background-position: -61px -197px;}
.qlcate-icon.c6:before{background-position: -6px -252px;}.qlcate .qlcate-icon.c6:hover:before{background-position: -61px -252px;}
.qlcate-icon.c7:before{background-position: -7px -305px;}.qlcate .qlcate-icon.c7:hover:before{background-position: -61px -305px;}
.qlcate-icon.c8:before{background-position: -6px -363px;}.qlcate .qlcate-icon.c8:hover:before{background-position: -59px -363px;}
.qlcate-icon.c10:before{background-position: -6px -423px;}.qlcate .qlcate-icon.c10:hover:before{background-position: -61px -423px;}
.qlcate-icon.c11:before{background-position: -6px -479px;}.qlcate .qlcate-icon.c11:hover:before{background-position: -61px -479px;}
.qlcate-icon.c12:before{background-position: -5px -539px;}.qlcate .qlcate-icon.c12:hover:before{background-position: -63px -539px;}
.qlcate-icon.c13:before{background-position: -6px -601px;}.qlcate .qlcate-icon.c13:hover:before{background-position: -60px -601px;}
.qlcate-icon.c14:before{background-position: -6px -656px;}.qlcate .qlcate-icon.c14:hover:before{background-position: -59px -656px;}
.qlcate-icon.c15:before{background-position: -6px -708px;}.qlcate .qlcate-icon.c15:hover:before{background-position: -60px -708px;}
.qlcate-icon.c16:before{background-position: -7px -768px;}.qlcate .qlcate-icon.c16:hover:before{background-position: -61px -768px;}
.qlcate-icon.c17:before{background-position: -7px -825px;}.qlcate .qlcate-icon.c17:hover:before{background-position: -62px -825px;}
.qlcate-icon.c18:before{background-position: -7px -883px;}.qlcate .qlcate-icon.c18:hover:before{background-position: -63px -883px;}
.qlcate-icon.c19:before{background-position: -8px -945px;}.qlcate .qlcate-icon.c19:hover:before{background-position: -62px -945px;}
.qlcate1-main .qlcate-icon{margin-left: -5px;}
.qlcate2-main .qlcate-icon{margin-left: -5px;}
.qlcate2-main .catename{padding-left: 10px;font-size: 14px;}
.qlcate2-main .qlcateli .left-menu-title{line-height: 20px;float: left;display: none;padding-left: 20px;}
.fixed-categorys{position: fixed;background: #fff;top: 53px;margin-left: 3px;width: 220px; z-index: 90;border: 1px solid #e5e5e5;box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);}
button:focus,button:active,input:focus,input:active,select:focus,select:active {outline:0;}
.clear{clear: both;}
.bdr3px{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.bdr2px{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.bdr0px{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.modal-open .modal{background: rgba(0,0,0,0.3);}
.qlcatesub{width: 100%;margin-bottom: 10px; display: none;}
.qlcatesub ul {width: 100%;float: left;margin: 0;}
.qlcatesub ul li{float: left; width: 190px;}
.qlcatesub ul li a{display: block;width: 100%;padding: 5px 10px;color: #333;font-size: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.qlcatesub ul li a:hover{color: #FF5E3A;}
.sub-footer-copyright{margin-top: 10px;padding: 20px 0;height: 55px;}
.txt-copyright{float: left;}
.select-syslang {text-align: center;margin-top: -5px;float: right;}
.select-syslang ul{width: auto;margin: 0 auto;display: inline-block;padding:0px;}
.select-syslang ul li{display: inline-block;}
.select-syslang ul li img{height: 20px;width: 20px;}
.select-syslang ul li+li{padding-left: 10px;}
.select-syslang ul li span{padding-left: 5px;}
.select-syslang ul li .active{opacity: 1;}
.js-user-search{font-size: 14px!important;text-indent: 15px;}
.js-user-search:focus{color: #fff!important;}
.search-bar .form-group.with-button input{padding-right: 0px;padding-left: 0px;}
.textinline{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.showloaderpage{background-color: rgba(0,0,0,0.4);position: fixed;left: 0;right: 0;top:0;bottom: 0;z-index: 99999;}
.showloaderpage .cssload-loader{margin-top: -100px;top: 50%;}
.user-goowebonline1 .author-thumb .avatar{height: 34px;width: 34px;}
.olympus-chat{height: 50px;padding-top: 15px;}
.search-friend{bottom: 50px;}
.search-friend.xnrg{padding: 10px 25px;}
.fixed-sidebar-right.sidebar--small{bottom: 50px;padding-bottom: 50px;}
.fixed-sidebar-right.sidebar--large{bottom: 0px;}
.post-addheart.active svg{fill:#f60}
textarea[data-autoresize]{box-sizing: border-box;resize: none;}
.mobile-app-tabs{height: auto;}
.header .cos{margin: 0;}
.header .cos li{float: left;}
.search-bar.w-search .form-group{width: 100%;}
.js-open-search{fill:#fff;width: 45px!important;height: 40px!important;padding: 5px 10px;display: none;position: absolute;left: -45px;}
.stunning-header-content{padding-left: 0;padding-right: 0;}
.registration-login-form .title{padding: 15px 15px;font-size:14px;font-weight:700;color:#333;}
.rgtitle{padding-bottom: 10px;}
.footer{margin-top: 40px;}
.w-list a{padding: 3px 0;}
.post{border-bottom: 0;}
.page-link{padding: .9rem .5rem;border: 0;min-width: 36px;text-align: center;font-size: 14px;}
.page-link.disabled:hover,.page-link.off:hover{background-color:#fff;position: relative;cursor: auto;}
.page-link.disabled:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(255,255,255,0.6);}
.page-item.active .page-link:hover{cursor:auto;color: #fff;}
.modal-dialog .close.icon-close{opacity: 1;height: 40px;width: 40px; padding: 0 5px;}
.modal-dialog .close.icon-close svg{fill:#789;width: 18px;}
.modal-dialog .close.icon-close:hover svg{fill:#f60;}
.search-bar .form-group.with-button button svg{fill:#e4222a;}
.search-bar{margin-left: 80px;}
@media (max-width: 1199px){
	
}
@media (max-width: 1080px){
	.search-bar{margin-left: 0px;}
}
@media (max-width: 800px){
	
}
@media (max-width: 768px){
	.header{display: block !important;}
	.header .search-bar.w-search{max-width: 50%;}
	.header .control-block{width: auto;padding-top: 10px;padding-right: 0;float: right;}
	.header-content-wrapper{padding-right: 0;}
	.search-bar{margin-left: 20px;}
	.stunning-header-content{display: none;}
}
@media (max-width: 700px){
	.header{padding-right: 15px;}
}
@media (max-width: 548px){
	.search-bar.w-search{width:0%;max-width: 100%!important;position: relative;z-index: 9;margin-left: 45px;}
	.search-bar.w-search button{display: none;}
	.js-open-search{display: block;}
	.header .control-block {position: absolute;right: 15px;}
	.container, .container-fluid{padding-left: 5px;padding-right: 5px;}
	.select-syslang ul li span{display: none;}
	.fixed-sidebar .logo{padding-left: 0;}
	.fixed-sidebar .logo img{margin-left: 5px;}
	.header .control-block{margin-right: -14px;}
}
/* 540px;
    --breakpoint-md: 800px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1199px;
    --breakpoint-xxl: 1400px;*/

.cssload-loader {
	position: relative;
	left: calc(50% - 68px);
	width: 136px;
	height: 136px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 1700px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 6px solid rgb(45,42,74);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 6px solid rgb(244,245,248);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 6px solid rgb(165,25,51);
}







@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
/************************** 2 *******************/
.spinner {
  margin: 0px auto 0;
  width: 70px;text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

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