ul{list-style-type:none;}
a{color:#000;cursor:pointer;}
a,a:hover,a:focus,a:active{text-decoration:none;color:inherit;}
ul{margin:0;padding-left:0;}

.input-group>.form-control{-webkit-appearance:none;apperance:none;box-shadow:none;}
.input-group>.form-control:focus{outline:none;box-shadow:none;}
.input-group>textarea{resize:vertical;height:100px;}
.input-group.full{width:100%;}

#header .body .header-body-wrap{display:flex;justify-content:space-around;}
#header .body .header-body-wrap h1{width:auto;margin:0;font-size:1em;}
#header .body .header-body-wrap h1 a{height:100px;line-height:100px;background-size:auto 30px;background-position:center;background-repeat:no-repeat;background-image:none!important;display:block;font-size:1.6em;font-weight:700;}
#header .body .header-body-wrap h1 a span{display:none;}
#header .body .header-body-wrap h1 a img{height:40px;}
#header .body .header-body-wrap #btn-toggle-nav{display:block;width:60px;height:60px;position:relative;margin:20px 0;}
#header .body .header-body-wrap #btn-toggle-nav>span{display:block;position:absolute;width:24px;height:3px;left:50%;margin-left:-12px;transition:all 0.2s;}
#header .body .header-body-wrap #btn-toggle-nav>span:nth-child(1){top:21px;opacity:1}
#header .body .header-body-wrap #btn-toggle-nav>span:nth-child(2){top:30px;}
#header .body .header-body-wrap #btn-toggle-nav>span:nth-child(3){top:30px;}
#header .body .header-body-wrap #btn-toggle-nav>span:nth-child(4){top:39px;opacity:1;}
#header .body .header-body-wrap #btn-toggle-nav.active>span:nth-child(1),
#header .body .header-body-wrap #btn-toggle-nav.active>span:nth-child(4){opacity:0;}
#header .body .header-body-wrap #btn-toggle-nav.active>span:nth-child(2){transform:rotate(135deg);}
#header .body .header-body-wrap #btn-toggle-nav.active>span:nth-child(3){transform:rotate(45deg);}
#header .body .header-body-wrap #frm-header-search{}
#header .body .header-body-wrap #frm-header-search{flex:1;margin:27px 0;padding:0 120px;}
#header .body .header-body-wrap #frm-header-search .input-group {
	border-radius: 40px;
}
#header .body .header-body-wrap #frm-header-search .input-group input{
	border-radius:40px 0 0 40px;
	height:40px;
	border:0;
	padding:0 20px;
	font-size:1.2em;

}
#header .body .header-body-wrap #frm-header-search .input-group .input-group-btn {
	padding-left: 2px;
	font-size: 1em;
	border-radius: 50px;
}
#header .body .header-body-wrap #frm-header-search .input-group .input-group-btn .btn{width:40px;height:40px;line-height:40px;border-radius:40px;text-align:center;color:#fff;padding:0 0 0 3px;font-size:1.2em;}

#header .body .header-body-wrap .right-nav {
	margin: 0;
	width: auto;
}
#header .body .header-body-wrap .right-nav li {
	margin: 30px 0;
	float: left;
}
#header .body .header-body-wrap .right-nav li a{
	display:block;
	height:40px;line-height:40px;padding:0 10px;
	font-size:1.6em;
}

#header .foot {
	background: rgb(21, 161, 147);
	background: linear-gradient(135deg, rgba(21, 161, 147, 1) 0%, rgba(240, 152, 21, 1) 100%);
}

#header .foot .header-footer-wrap {
	display: flex;
	justify-content: space-between;
}

#header .foot .header-footer-wrap ul {
	margin: 0;
}
#header .foot .header-footer-wrap ul li {
	float: left;
}
#header .foot .header-footer-wrap ul li a{
	display:block;
	height:60px;
	line-height:60px;
	padding:0 15px;
	color:#fff;
	font-size:1.2em;
}

#header .foot .header-footer-wrap ul li.nav-member li a{
	 font-weight:700;
}

#header .nav-wrap {
	display: none;
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	background-color: #f1f1f1;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	z-index: 500;
}
#header .nav-wrap .wrap {
	display: flex;
}

#header .nav-wrap .wrap ul.cate {

	margin: 0;
	padding: 0;
}

#header .nav-wrap .wrap ul.cate li>a{
	position:relative;
	display:block;
	padding:12px 20px;
	font-size:1.2em;
	font-weight:400;
}
#header .nav-wrap .wrap ul.cate li.active>a:after{
	display:block;content:'';border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;right:-8px;top:50%;margin-top:-3px;
}


#header .nav-wrap .wrap .sub-cate-wrap{}
#header .nav-wrap .wrap .sub-cate-wrap .sub-cate {
	display: none;
}

#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul {
	margin: 0 0 0 20px;
	padding: 3px 0;
}

#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li {
	padding: 3px 0;
}
#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li a {
	display: block;
	text-align: center;
	min-width: 120px;
	padding: 8px 20px;
	background-color: #555;
	border-radius: 4px;
	color: #fff;
}

#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li a.title{
	 background-color:transparent;
	 font-weight:700;
	 text-align:center;
	 color:#333;
}


#header .nav-wrap .wrap .sub-cate-wrap .sub-cate.on{
	 display:flex;
}

body.nav-open #header .nav-wrap{
	display:block;
}

#body{
	padding:40px 0;
}


#side-fix {
	position: fixed;
	right: -160px;
	top: 200px;
	background-color: #c4daf1;
	width: 160px;
	transition: right .3s;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	z-index: 400;
}

#side-fix .ad-wrap .swiper-pagination{position:relative;bottom:0;}
#side-fix .ad-wrap .swiper-pagination span{margin:0 2px;width:16px;height:5px;border-radius:0;background-color:#fff;outline:none;cursor:pointer;}

#side-fix .inner{padding:0 10px;}
#side-fix #btn-toggle-side-fix{display:flex;height:60px;width:20px;align-items:center;justify-content:center;position:absolute;left:-20px;top:50%;margin-top:-30px;background-color:#c4daf1;border-radius:6px 0 0 6px;}
#side-fix ul.data {
	margin: 0;
}
#side-fix ul.data li>a{display:block;padding:16px 12px;border-bottom:1px solid #aaa;text-align:center;font-weight:700;}
#side-fix ul.data li>a>small{font-weight:400;}
#side-fix ul.data li:last-child>a{border-bottom:0;}
#side-fix .btn-point{display:block;margin:6px 0;text-align:center;padding:4px 0;border-radius:6px;color:#fff;}
#side-fix .btn-top{display:block;text-align:center;font-weight:400;margin:12px 0;}
#side-fix .btn-top span{display:block;font-size:1.4em;}
#side-recent .wrap .btn-more{font-weight:700;}







#side-fix{}
#side-fix .ad-wrap .swiper-slide img{width:100%;}
body.open-side-fix #side-fix{right:0;}
body.open-side-fix #side-fix #btn-toggle-side-fix>span:before{content:'\f054';}

.btn-submit{padding:15px 45px;margin:0 6px;font-size:1.2em;font-weight:400;background: rgb(21,161,147);background: linear-gradient(135deg, rgba(21,161,147,1) 0%, rgba(240,152,21,1) 100%);border:0;border-radius:60px;}
.btn-submit.btn-default{background:#fff;border:1px solid #ddd;}

.btn-move{display:block;width:30px;height:40px;background-position:center;background-repeat:no-repeat;background-size:40%;transition:background-color .5s;outline:none!important;}
.btn-move.swiper-button-disabled{opacity:0.2;}
.btn-move:hover{background-color:#f1f1f1;}
.btn-move.btn-prev{background-image:url('../img/assets/btn_chevron_left.png');}
.btn-move.btn-next{background-image:url('../img/assets/btn_chevron_right.png');}

.table-a1{border-bottom:1px solid #ddd;}
.table-a1>tbody>tr>th,
.table-a1>tbody>tr>td{padding:15px 12px;vertical-align:middle;border-color:#efefef;background-color:#fff;}
.table-a1>tbody>tr>th{width:120px;background-color:#f1f1f1;text-align:center;font-weight:700;}
.table-a1.cols>tbody>tr>th{width:15%;}
.table-a1.cols>tbody>tr>td{width:35%;}
.table-a1.cols>tbody>tr>td[colspan="3"]{width:85%;}

.table-b1{border-bottom:1px solid #ddd;}
.table-b1>thead>tr>th{vertical-align:middle;text-align:center;color:#888;padding:15px 10px;font-weight:400;}
.table-b1>tbody>tr>td{padding:15px 10px;text-align:center;vertical-align:middle;background-color:#fff;transition:background-color .5s;}
.table-b1 .td-num{width:80px;}
.table-b1 .td-status{width:100px;}
.table-b1 .td-type{width:90px;}
.table-b1 .td-date{width:120px;}
.table-b1 .td-amount{width:160px;}
.table-b1 .td-content{text-align:left;}
.table-b1>tbody>tr.click>td:not(.no-click){cursor:pointer;}
.table-b1>tbody>tr>td.empty{color:#aaa;}
.table-b1>tbody>tr:nth-child(even)>td{background-color:#fafafa;}
.table-b1>tbody>tr.click:hover>td{background-color:#f1f1f1;}


.modal .modal-header>.btn-close{position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;color:#888;cursor:pointer;}
.modal .modal-header>.btn-close:before{display:inline;content:'\f00d';font-family:Font Awesome\ 5 Free;font-weight:900;}
.modal .modal-footer{background-color:#f1f1f1;}

.pagination{margin:20px 0 0 0;}

.panel{}
.panel .panel-body .table{margin:0;}

.page-note1{display:block;position:relative;padding-left:20px;color:#888;font-weight:400;font-size:0.9em;line-height:1.6em;word-break:keep-all;}
.page-note1.top-10{margin-top:10px;}
.page-note1:before{display:block;content:'\f071';font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;position:absolute;left:0;top:0;}

.input-box-wrap{display:inline-flex;align-items:center;margin-bottom:20px;}
.input-box-wrap.margin-0{margin:0;}
.input-box-wrap.full{width:100%;}
.input-box-wrap>.title{width:120px;}
.input-box-wrap>.title.w-auto{width:auto;padding-right:15px;}
.input-box-wrap.space-right{margin-right:25px;}
.input-box-wrap>.input-box{flex:1;}
.input-box{display:inline-flex;background-color:#fff;align-items:stretch;}
.input-box>input,
.input-box>textarea{-webkit-appearance:none;appearance:none;flex:1;padding:12px 16px;border:1px solid #d2d2d2;border-radius:5px;transition:border-color .5s;width:100%;outline:none;}
.input-box>textarea{resize:vertical;height:300px;}
.input-box>input::placeholder{color:#BEBEBE;}
.input-box>input[readonly]{background-color:#f5f5f5;cursor:not-allowed;}
.input-box>input.short{width:100px;}
.input-box>a{display:flex;padding:6px 10px;margin-left:10px;align-items:center;justify-content:center;background-color:#343434;color:#fff;border-radius:5px;transition:border-color .5s;}
.input-box>input:focus,
.input-box>textarea:focus{border-color:#3FA8C9;}
.input-box>input:focus + a{border-color:#3FA8C9;}
.input-box>.addon{padding:0 8px;display:flex;align-items:center;}
.input-box>.bootstrap-select{display:flex;min-width:100px;width:auto!important;margin-right:10px;}
.input-box>.bootstrap-select>button{display:flex;flex:1;align-items:center;padding:12px 30px 12px 18px;font-size:16px;}
.input-box>.bootstrap-select>button>span{height:auto!important;}
.input-box>.bootstrap-select>.dropdown-menu{border:2px solid #3FA8C9;top:0;margin:0;padding:8px 0;}
.input-box>.bootstrap-select>.dropdown-menu ul>li>a{font-size:16px;padding:3px 17px;}
.input-box.search>input{border-radius:5px 0 0 5px;border-right:0;padding:16px;}
.input-box.search>a{margin-left:0;background-color:#fff;border:1px solid #d2d2d2;border-radius:0 5px 5px 0;border-left:0;color:#404040;}
.input-box.search>a.btn-search{width:60px;background-image:url('../img/assets/btn_search.png');background-position:center;background-repeat:no-repeat;background-size:24px;}
.input-box.search>a>span{display:none;}

.rachel{display:inline-block;position:relative;margin-right:12px;margin-bottom:0;font-weight:400;color:#333;min-height:1em;}
.rachel>input{opacity:0;width:0;height:0;position:fixed;left:-9999px;top:-9999px;}
.rachel>span{display:inline-block;position:relative;vertical-align:text-top;padding-left:1.6em;}
.rachel>span:before{display:block;content:'';width:1.2em;height:1.2em;border:1px solid #bfbfbf;border-radius:4px;position:absolute;left:0;top:2px;margin-top:0;background-color:#fff;transition:border-color .4s,background-color .4s;}
.rachel>span:after{display:block;content:'';width:0.7em;height:0.4em;border-left:2px solid #fff;border-bottom:2px solid #fff;position:absolute;left:0.25em;top:0.4em;transform:rotate(-45deg) scale(0);transition:transform .4s;}
.rachel>input:checked + span:before{border-color:#585C4E;background-color:#585C4E;}
.rachel>input:checked + span:after{transform:rotate(-45deg) scale(1);}
.rachel>input[type="radio"] + span:before{border-radius:1.2em;background-size:70%;}
.rachel .input-box-wrap{margin-bottom:0;margin-left:10px;display:none;width:120px;}
.rachel .input-box-wrap>.input-box>input{padding:6px 10px;}
.rachel>input:checked + span + .input-box-wrap{display:inline-flex;}

@media screen and (max-width:767px){
	body{padding-top:50px;}
	#header{position:fixed;left:0;top:0;width:100%;z-index:500;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.15);}
	#header .body .header-body-wrap{flex-wrap:wrap;justify-content:space-between;}
	#header .body .header-body-wrap h1{width:100px;}
	#header .body .header-body-wrap h1 a{height:50px;line-height:50px;background-size:25px;font-size:1.1em;}
	#header .body .header-body-wrap h1 a img{height:auto;width:100%;}
	#header .body .header-body-wrap #frm-header-search{display:none;}
	#header .body .header-body-wrap .right-nav li{margin:5px 0;}
	#header .body .header-body-wrap .right-nav li a{line-height:44px;font-size:1.4em;}
	#header .foot{display:none;}


	#header .nav-wrap{position:fixed;left:0;top:50px;width:100%;height:calc(100vh - 50px);z-index:600;background-color:#fff;}
	#header .nav-wrap>.container{padding:0;height:100%;}
	#header .nav-wrap .wrap{height:100%;}
	#header .nav-wrap .wrap ul.cate{width:150px;height:100%;background-color:#242c33;}
	#header .nav-wrap .wrap ul.cate li > a{font-size:1em;padding:8px 15px;color:#fff;opacity:0.6;}
	#header .nav-wrap .wrap ul.cate li.active > a{font-weight:700;opacity:1;background-color:#181d22;}
	#header .nav-wrap .wrap ul.cate li.active > a:after{border-left-color:#181d22;}
	#header .nav-wrap .wrap .sub-cate-wrap{flex:1;background-color:#f1f1f1;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate{overflow-y:scroll;height:100%;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate.on{flex-wrap:wrap;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul{margin:0;padding:20px 20px 0 20px;width:100%;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li{text-align:left;padding:0;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li a{padding:5px 0;width:100%;text-align:left;background-color:transparent;color:#888;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li a.title{text-align:left;margin-top:20px;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li a .count-label{display:inline-block;height:16px;border-radius:16px;line-height:16px;padding:0 5px;background-color:#888;color:#fff;font-size:0.75em;font-weight:700;}
	#header .nav-wrap .wrap .sub-cate-wrap .sub-cate ul li:first-child a.title{margin-top:0;}

	#header .body .header-body-wrap #btn-toggle-nav{width:35px;height:50px;margin:0;}
	#header .body .header-body-wrap #btn-toggle-nav > span{width:20px;height:2px;}
	#header .body .header-body-wrap #btn-toggle-nav > span:nth-child(1){top:18px;}
	#header .body .header-body-wrap #btn-toggle-nav > span:nth-child(2){top:25px;}
	#header .body .header-body-wrap #btn-toggle-nav > span:nth-child(3){top:25px;}
	#header .body .header-body-wrap #btn-toggle-nav > span:nth-child(4){top:32px;}

	#side-fix{display:none;}
	body.navOpen{overflow:hidden;}

	.table-b1 .td-amount{width:110px;}

	.table-a1:not(.not-responsive){border-bottom:0;}
	.table-a1:not(.not-responsive),
	.table-a1:not(.not-responsive)>caption,
	.table-a1:not(.not-responsive)>tbody,
	.table-a1:not(.not-responsive)>tbody>tr,
	.table-a1:not(.not-responsive)>tbody>tr>th,
	.table-a1:not(.not-responsive)>tbody>tr>td{display:block;width:100%;}
	.table-a1:not(.not-responsive)>caption{padding-left:10px;color:#000;}
	.table-a1:not(.not-responsive)>tbody>tr>th:after{display:none;}
	.table-a1:not(.not-responsive)>tbody>tr>th{width:100%;padding:15px 0 0 0;font-weight:700;background-color:transparent;border-bottom:0;border-top:0;text-align:left;}
	.table-a1:not(.not-responsive)>tbody>tr>td{padding:4px 0 10px 0;border-top:0;border-bottom:1px solid #eaeaea;}
	.table-a1:not(.not-responsive).cols>tbody>tr>td[colspan="3"]{width:100%;}
	.table-a1.mobile-col>tbody>tr{display:flex;justify-content:center;align-items:center;padding:12px 10px;border-bottom:1px solid #eaeaea;}
	.table-a1.mobile-col>tbody>tr>th{text-align:left;border:0;padding:0;font-weight:400;color:#888;width:90px;}
	.table-a1.mobile-col>tbody>tr>td{text-align:right;border:0;padding:0;width:auto;flex:1;word-break:break-all;}

	.table-b1{font-size:0.85em;}
	.table-b1>thead>tr>th{padding:10px 6px;}
	.table-b1>tbody>tr>td{padding:10px 6px;}
	.table-b1 .td-date{width:110px;}
	.table-b1 .td-content .visible-xs small{display:block;color:#aaa;margin-bottom:5px;}

}