html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*background: transparent;*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}
.btn-color{
	color:#000000;
	
}

.simple-gallery {
  width: 100%;
  display: block;
  margin: auto;
}

.mini{
	width:100%;
}
.mini img {
  width: 101px;
  height: 98px;
  float: left;
  margin: 4px 4px 0px 0px;
  cursor: pointer;
}

.mini img:nth-of-type(5) {
  margin-right: 0px;
}

.maxi {
  width: 100%;
  display: block;
}

.linknav a {
    color: #fff !important;
    
    display: inline;
}
.cart i{
	font-size:12px;
}
.btn-color:hover{
	color:#666;
	text-decoration:none;
}
.card{
	margin-bottom:10px;
}
.report {
	font-size:12px !important;
	background:#FFF;
	color:#F00 !important;
}
.box-boder{
	border:1px solid #ededed;
	padding:15px;
}
.title{
	font-size:24px;
	font-weight:600;
	color:#43a047;
	border-bottom:1px solid #ededed;
	padding-bottom:10px;
	margin-bottom:10px;
}
.cv-container{
	margin-top:80px;
}
.bg-lt{
	
	border:1px solid #ededed;
}

.haslike {
    color: #43a047;
}

#datepicker, #datepicker3, #datepicker5, #datepicker15{
	margin-left:0;
}

.title-2{
	font-size:18px;
	font-weight:600;
}
.left-title{
	float:left;
}
.title-2 a{
	color:#000;
}
.title-2 a:hover{
	text-decoration:none;
}

li{
	list-style:none;
}
.bgnavi{
	background-color:#43a047;
	max-width:1200px;
}

.logo img{
	width:100%;
}

.navid{
	padding:5px 0px !important;
}
.fix{
	background:#43a047;
	z-index:999;
	left: 0;
    position: fixed;
    right: 0;
    top: 0;
	width:100%;
	border-bottom:1px solid #e9e9e9;
	line-height:50px;
}
.navid{
	background:#43a047 !important;
	box-shadow:none;
	border:none;
	margin-bottom:0px;
}
.navhide{
	margin-top:13px;
}


.logo{
	padding:0px !important;
}


.linknav a:last-child{
	border-right:0px;
	padding-right:0px !important;
}
.linknav li{
	padding-left:20px;
}

.footer{
	border-top:1px solid #e5e5e5;
	padding-top:15px;
	padding-bottom:50px;
}
.copy{
	float:right;
	padding-right:45px;
}
.modal-header {
	border-bottom: none !important;
	display:inline !important;
}
.modal-title {
	text-align:center;
	font-size:24px;
}
.modal-header .close {
    position: absolute;
    top: 12px;
    right: 14px;
}
.modal-l{
	max-width: 800px;
}
.title-top{
	font-size:14px;
	margin-bottom:30px;
	background:#43a047;
	color:#fff;
	text-align:center;
	padding:10px 0px;
}
.list{
	padding-bottom:30px;
}
.list li{
	border-bottom:1px dashed #CCC;
	padding:0px 15px;
	margin:0px 15px;
}
.list li:last-child{
	border-bottom:0px;
}
.list a{
	color:#000;
	font-size:16px;
	padding:10px 0px;
	display:block;
}
.list i{
	width: 30px;
  text-align: center;
  font-size: 14px;
}
.cv-col2{
	padding-right:0px;
}

.nv-mobile{
	display:none;
}
.ssdul{
	padding-left:40px !important;	
}

.text-1 > .active{
	color:#5fa5c9 !important;
}
.text-2 > .active{
	color:#66FFFF !important;
	font-weight:bold;
}
.text-1{
	display: flow-root;
}
.text-1 a:hover{
	text-decoration:none;
	opacity:0.7;
}
.navbar-expand-lg .navbar-collapse .navbar-nav {
    display: block !important;
}
.navbar-expand-lg .navbar-collapse {
	display: inline !important;
}
.navbar-nav{
	float:right;
}
.linknav a{
	color:#fff !important;
	
	display:inline;
}
.cstombt{
	background-color:#43a047;
	border:1px solid #FFF;
}
.cstombt:hover{
	background-color:#62be66;
	border:1px solid #0c9012;
}
.star{
	color:#FC0;
	font-size:12px;
	margin-bottom:15px;
	
}
.star2{
	
	margin-bottom:5px;
	
}
.nd{
	border-bottom:1px solid #ededed;
	padding-bottom:15px;
	margin-bottom:15px;
}
.box-top-right{
	
}
.gthich, .close-right{
	float:right;
}
.close-right{
	cursor:pointer;
}
.week ul li{
	display:inline;
}
.box-bd{
	border:1px solid #dedede;
	background-color:#f3f3f3;
	margin-top:15px;
	padding:15px;
}
.box-white{
	background-color:white;
}
.custom-col img{
	width:100%;
	padding-bottom:10px;
}
.t1{
	float:left;
}
.bt-wb{
	float:right;
}
.bt-wb button{
	margin-bottom:15px;
	width:150px;
}
.bt-tb button{
	margin:5px;
}
.avt{
	text-align:center;
	margin-bottom:15px;
}
.card-nh{
	width:50%; margin-top:10px; margin-bottom:10px;
}
.cstombt{
	width:100px;
}
.custom-table{
	width:1000px;
}
.iteam{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
.iteam2{
	width:250px;
}
.img-dd{
	text-align:center;
}
.box-white2{
	border:1px solid #CCC;
	background:#fff;
	padding:15px;
	padding-bottom:0px;
}
.iteam4{
	margin-bottom:10px;
}



/*--------------------------USER------------------------------*/
.custom-ip{
	margin-right:0rem !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.custom-bt{
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.csi{
	padding:4px;
}
.box-search{
	width:600px;
	padding:15px;
}
.cs-fr{
	margin-bottom:10px !important;
}
.cs-fr select{
	width:194px !important;
}
.cs-fr2{
	justify-content: left  !important;
}
.cart a{
	color:#FFF;
}
.cart{
	margin-left:10px;
}
.cart li{
	display:inline;
	padding:0px 5px;
}
.color{
	color:#43a047;
}
.cscontainer{
	margin-top:30px;
}
.boder-team{
	border:1px solid #dedede;
}
.img-san img{
	width:100%;
	height:170px;
	object-fit: contain;
}
.img-san{
	background:#d3d3d3;
}
.tt-san{
	padding:10px;
	height:150px;
	overflow:auto;
}
.name-san{
	font-size:14px;
	font-weight:600;
}
.kc{
	background-color:#43a047;
	padding:5px;
	border-radius:3px;
	text-align:center;
	margin:10px 10px;
	color:#fff;
}
.like{
	float:right;
	margin-top:28px;
	margin-right:10px;
}
.more{
	float:right;
}
.more a{
	color:#000;
	font-size:12px;
}
.col-1222{
	background:#f7f7f7;
	padding:5px 5px;
	margin:10px 0px;
}
.name-san a{
	color:#000;
}
.bg-ft{
	background:#f7f7f7;
}
.dow{
	width:380px;
	margin:auto;
}
.app{
	float:left;
}
.app2{
	float:right;
}
.link-ft a{
	color:#000;
	font-size:14px;
}
.link-ft{
	text-align:center;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	margin-bottom:15px;
	margin-top:25px;
}
.link-ft li{
	display:inline;
	padding:0 10px;
}
.box-search label{
	font-weight:bold;
}
.bg-ft{
	margin-top:25px;
}
.ssdul2{
	padding-left:55px;
}
.bt-box button{
	padding:3px 10px;
	margin-bottom:10px;
}
.kc a{
	color:#fff;
}
.ct:hover{
	text-decoration:none;
	opacity:0.8;
}
.box-kc, .boder-team{
	margin-bottom:15px;
}
.avt-1{
	width:50px;
	height:50px;
	margin-right:15px;
}
.avt-2{
	width:70px;
	height:70px;
}
.avt-2 img{
	width:100%;
	height:70px;
}
.avt-1 img{
	width:100%;
	height:50px;
	border-radius:50px;
}
.box-avt{
	display:flex;
	border-bottom:1px solid #f7f7f7;
	padding-bottom:10px;
	margin-bottom:15px;
}

.box-avt2 li:last-child{
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.csml{
	margin-left:0rem !important;
}
.bx-pos{
	position:relative;
}
.delete{
	position:absolute;
	right: 11px;
	top: 10px;
}
.date{
	margin-bottom:15px;
}
.ttoan li{
	padding-bottom:5px;
}
.ttoan li select{
	margin-top:10px;
	width:auto;
}
.bt-dk button{
	margin:10px;
	border:1px solid #dedede;
}
.bt-dk{
	margin-top:15px;
}
.cscontainer2{
	width:500px;
}
.cscontainer3{
	width:800px;
}
.cscontainer2 a{
	color:#0b9137;
	text-decoration:underline;
	padding:0px 5px;
}
.cscontainer2 a:hover{
	opacity:0.8;
}
.title-3{
	color:#0b9137;
	margin-bottom:px;
}
.list-san li{
	border-bottom:1px solid #dedede;
	padding-bottom:15px;
	margin-bottom:15px;
}
.list-san li img{
	height:206px;
}
.list-san li:last-child{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0px;
}
.row2{
	border-top:1px solid #dedede;
	margin-top:15px;
	padding-top:15px;
}
.chapnhan{
	text-align:center;
	background:#F60;
	color:#fff;
	border-radius:50px;
	font-size:12px;
	font-weight:600;
	padding:5px 10px;
}
.boxbd{
	margin-top:0px;
	margin-bottom:25px;
}
.lk-nh li{
	padding:10px 0px;
}
@media screen and (min-width: 1500px) {
	.custom-table{
		width:100%;
	}
	
}
@media screen and (max-width: 768px) {
	.fomr-cs{
		width:100%;
		margin-bottom:5px;
	}
	.scl{
		overflow-x: auto;
	}
	.mini{
		width:522px;
		
	}
	.boxbt{
		margin-top:15px;
	}
	.list-san li img{
	height:auto;
	}
	.cscontainer2, .cscontainer3{
		width:auto;
	}
	.option{
		margin-bottom:15px;
	}
	.csml{
		margin-right:1rem !important;
	}
	.img-sanbong{
		margin-bottom:15px;
	}
	.cs-fr{
		margin:0px 15px;
	}
	.box-search{
		height:400px;
		overflow:scroll;
		width:100%
	}
	.custom-ip{
		width:50%;
	}
	.cs-f{
		width:100% !important;
		margin-bottom:15px;
	}
	.app, .app2{
		float:none;
		margin:15px;
	}

	.dow{
		width:auto;
		text-align:center;
	}
	
	.iteam3{
		width:100%;
		padding-right:15px;
		margin-top:15px;
	}
	.iteam2{
		width:100%;
	}
	.view-ct{
		margin-top:15px;
	}
	.bt-wb{
		float:none;
		text-align:center;
	}
	.cstombt{
		margin-top:15px;
	}
	.card-nh{
	width:100%; 
	}
	
	.week button{
		margin-bottom:5px;
	}
	.w2 input{
		width:100%;
	}
	.bg-lt{
		display:none;
	}
	.box-boder {
		margin-top:15px;
	}
	.cv-container{
		margin-top:50px;
	}
	.collapse:not(.show) {
    	display: none!important;
	}
	.navbar-expand-lg .navbar-collapse .navbar-nav {
    	display: flex !important;
	}
	
	
	
	
	
	.text-1 a{
		border-bottom:none !important;
	}
	.text-1 > .active{
		color:#ffee5c !important;
		
	}
	
	
	
	
	
	
	.custom-container {
    	width: auto;
	}
	.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0)!important;
	}
	.navbar-dark .navbar-toggler-icon {
    	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;
	}
	
	
	.linknav a{
		border-right:0px;
	}
	.linknav a:last-child {
    	/*padding-right: 30px !important;*/
	}
	
	
	.linknav{
		float:none;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:0px;
		margin-right:0px;
	}
	.linknav a{
		font-size:14px;
		font-weight:600;
	}
	.linknav li:hover{
		background-color:#fff7e5;
		border-radius:3px;
	}
	.linknav li{
		padding-left:0px;
		
	}
	
	
	
	
	
	/*custom navi*/
	.navbar-toggle {
    	display: block;
		float:right !important;
	}
	.navbar-header{
		float:none;
	}
	.navbar-right{
		float:none !important;
	}
	.navbar-nav > li {
    	float: none;
	}
	.navbar-brand {
		margin-left:0px !important;
	}
	/**/
	.navbar-toggle{
		margin-top:18px !important;
	}
	

	
	.logo img{
		width:80%;
	}
	.navbar-nav > li:hover{
		background:none;
		opacity:0.8;
	}
	
	.navbar-brand{
		margin-right:0px !important;
	}
	.modal-title {
		text-align: left;
		font-size: 20px;
	}
	
	.nv-web{
		display:none;
	}
	.nv-mobile{
		display:block;
	}
	.linknav i{
		width: 30px;
	  text-align: center;
	  font-size: 14px;
	}
	.linknav a {
    
    	padding: 0px 15px !important;
		border-bottom:1px dashed #8ab3c3;
	}
	.linknav a:last-child{
		border-bottom:0px;
	}
	
	
	.navbar-toggler {
    	padding: 0.25rem 0rem !important;
	}
	
}
@media screen and (max-width: 640px) {
	.ct-sm{
		max-width:25%;
	}
	.list-tab li{
		width:48%;
	}
}

@media screen and (max-width: 480px) {

	
}
@media screen and (max-width: 360px) {
	.navbar-toggle{
		margin-top:15px !important;
		margin-bottom:15px !important;
	}
	
	
}

@media screen and (max-width: 320px) {
	
}