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, label, 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;
	
}
/* .navbar-brand{
	margin-right:755px !important;
} */
.logo img{
	width:100%;
}
.logo{
	width:100px;
}
.navid{
	padding:5px 0px !important;
}
.csyy{
	margin-top:70px;
}
.bix{
	background:#c8dcea;
	padding:15px;
}
.bix2{
	width:80%;
	margin:auto;
}
.csdd:hover{
	background:#369;
}
body{
	background:#fcfcfc;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE 10+ and Edge */
    user-select: none;           /* Non-prefixed version, 
    								currently supported by Chrome and Opera */
}
.banner{
	margin-top:68px;
}
.box-search2{
	margin:5px 0px;
}
.serch2{
	float:left;
	cursor:pointer;
}
.sx-tt i{
	padding-left:10px;
	cursor:pointer;
}
.search-drop{
	border:1px solid #ececec;
	background:#fff;
	margin-bottom:20px;
}
.top-header{
	background:#ffdc7f;
	padding:5px 10px;
}
.body-search{
	padding:10px;
	margin-bottom:20px;
}
.top-header li{
	display:inline;
	border-right:1px solid #000;
	padding-right:15px;
	font-size:12px;
}
.top-header li a{
	color:#000;
}

.top-header li a:hover{
	opacity:0.5;
	text-decoration:none;
}
.top-header li:last-child{
	border-right:0px;
	padding-left:10px;
}
.title-qc{
	padding-top:12px;
	font-size:12px;
	float:left;
}
.sx-tt{
	float:right;
	padding-top:8px;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
	font-size:12px;
}
.csfrom{
	float:left;
	width:45%;
}
.item{
	display:block;
	float:left;
	padding:32px 20px;
}
.csfrom2{
	float:right;
	width:45%;
}
.sx-tt i{
	font-size:24px;
	color:#666;
}
.fix{
	background:#FFFFFF;
	z-index:999;
	left: 0;
    position: fixed;
    right: 0;
    top: 0;
	width:100%;
	border-bottom:1px solid #e9e9e9;
}
.customfix{
	margin-top:200px !important;
}

.hd{
	width:100%;
}
.hd img{
	width:100%;
}
.navid{
	background:#fff !important;
	box-shadow:none;
	border:none;
	margin-bottom:0px;
}
.navhide{
	margin-top:13px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle !important;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #fff !important;
}
.logo{
	padding:0px !important;
}
.mr-auto, .mx-auto {
	/*margin-left:auto !important;*/
}
.boxlinknav{
	padding-left:0px !important;
	padding-right:0px!important;
}
.linknav a{
	color:#000 !important;
	border-right:1px solid #f1f1f1;
	padding:0px 30px !important;
}
.linknav a:last-child{
	border-right:0px;
	padding-right:0px !important;
}
.linknav li{
	padding-left:20px;
}
.custom-tb{
	text-align:center;
	font-size:12px;
	background:#ffe399;
}
.custom-col{
	margin-top:-47px;
}
.btn-danger{
	background:#ffe399 !important;
	border:0px !important;
	color:#000 !important;
	font-size:12px;
	width:49%;
	padding:10px 0px;
}
.b1{
	float:right;
}
.b2{
	width:30% !important;
	background:#ffba00 !important;
	color:#fff !important;
	font-weight:bold;
	font-size:16px;
	padding:7px 0px !important;
}
.custom-i{
	position:absolute;
	left: 6px;
	color:#ffba00;
	bottom:9px;
	font-size:20px;
	opacity:0.5;
}
.lef-0{
	float:left;
	background:#ffd76d;
	padding:3px 5px;
	border-radius:5px;
	border:1px solid #e5cd8e;
	font-weight:bold;
}
.right-0{
	float:right;
	margin-top:5px;
	
}
.title-2{
	font-size:12px;
	margin-top:5px;
}
.img-1{
	position:relative;
}
.img-1 img{
	width:100%;
}
.title-3{
	font-size:13px;
	margin-top:5px;
	margin-bottom:20px;
}
#list{
	display:none;
}
.box-nd2{
	background:#fff;
	border:1px solid #e6e1e1;
	margin-bottom:10px;
}
.left-1{
	float:left;
}
.title-23{
	font-size:12px;
	border-bottom:1px solid #e6e1e1;
	padding:5px 10px;
}
.cstom-12{
	padding:15px;
}
.n1{
	border-bottom:1px solid #e6e1e1;
	padding-bottom:5px;
	font-size:14px;
}
.l1{
	float:left;
	margin-right:30px;
}
.cst{
	padding:0px;
}
.tt-1{
	padding:15px 0px;
	line-height:25px;
}
.tt-1 li{
	font-size:13px;
}
li{
	list-style:none;
	
}
.like{
	font-size:12px;
	background:#e0e0e0;
	float:left;
	padding:5px 10px;
	position:relative;
	bottom:30px;
	cursor:pointer;
}
.like2{
	font-size:12px;
	background:#e0e0e0;
	padding:5px 10px;
	cursor:pointer;
}
.page{
	float:right;
	margin:15px 0px;
}
.page a{
	color:#000;
}
.page a:hover{
	color:#333;
}
.footer{
	background:#ededed;
	padding:15px 0px;
}
.cpy{
	padding-top:24px;
	font-size:12px;
}
.img-line{
	border-right:1px solid #cecece;
	float:left;
	padding-right:35px;
	width:134px;
}
.slide-bd{
	margin:30px 0px;
}
.box-nd1211{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	background:#fdf2d6;
	border:1px solid #f4d890;
	padding:20px;
	margin-bottom:30px;
}
.box-nd121{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.box-nd12{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	border:1px solid #dedede;
	background:#fff;
	padding:5px;
}
.custom-tb2 th, .custom-tb2 td{
	border:1px solid #dedede !important;
	background:#FFF;
	font-size:13px;
	
}
.like2{
	float:right;
}
.cstommod{
	max-width:900px !important;
}
#popup-hide{
	display:none;
}
.cssx{
	position:absolute;
	z-index: 9;
	left: 20px;
	top: 20px;
	
}
.cssx i{
	color:#F90;
}
.container2{
	margin-bottom:70px;
}
@media screen and (max-width: 1200px) {
	.container{ 
		width:100%!important;
	}
	.im{
		text-align:center;
	}
}
@media screen and (max-width: 768px) {
	.m1{
		margin-bottom:15px;
	}
	.fix{
		border-bottom:0px;
	}
	.box-nd1211, .box-nd121, .box-nd12{
		width:100%;
	}
	.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, 186, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;
	}
	.img-line{
		border-bottom:1px solid #cecece;
		border-right:0px;
		float:none;
		text-align:center;
		padding-bottom:15px;
	}
	.like{
		bottom:0px;
	}
	.tt-1{
		padding:0px;
	}
	.cst22{
		padding:10px 0px;
	}
	.cst{
		padding:15px;
	}
	.hide-mb{
		display:none !important;
	}
	.btn-danger{
		width:100%;
		margin-bottom:10px;
	}
	.b2{
		width:100% !important;	
	}
	.custom-col{
		margin-top:0px;
	}
	.title-qc{
		display:none;
	}
	.item{
	
	padding:32px 3%;
	}
	.banner {
    margin-top: 54px;
	}
	.box-search{
		width:100%;
	}
	.bd-line, .line-col{
		border:none;
	}
	.costomfr{
		width:80%;
	}
	.bt-hr button{
		width:100% !important;
	}
	.custom-row{
		margin-top:0px;
	}
	.custom-ctn{
		width:auto;
		margin:0px 15px;
	}
	.custom-inline{
		display:block !important;
	}
	.input-custom{
	max-width:100% !important;
	}
	.boxtitle2{
		width:50%;
	}
	/* 27/09/18 */
	.sd img{
		width:100%;
	}
	/* ---------- */
	.view-pc{
		display:none;
	}
	.view-mobi{
		display:block;
		margin:20px 0px;
	}
	#mainview {
		margin-top:71px!important;
	}
	.main2{
		margin-top:150px;
	}
	.customfix{
		margin-top:150px !important;
	}
	.bt-new{
		width:50%;
		line-height:35px;
	}
	.selec1{
		width:73%;
	}
	.form-custom{
		width:95%!important;
		margin:auto;
	}
	.top1{
		padding-bottom:20px;
	}
	.bgtop{
		background:#F90;
		padding-left:15px;
		padding-right:15px;
		display:block;
	}
	.bgtop2{
		padding-left:15px;
		padding-right:15px;
	}
	.home, .document{
		float:left;
		padding-top:8px;
		padding-bottom:4px;
		text-align:center;
		padding-right:15%;
	}
	.men{
		padding-top:8px;
		padding-bottom:4px;
		text-align:center;
		float:left;
	}
	.home p,
	.document p,
	.men p
	{
		font-size:14px;
		font-weight:bold;
		color:#FFF;
	}
	.linknav a{
		border-right:0px;
	}
	.linknav a:last-child {
    	padding-right: 30px !important;
	}
	.bgnavi{
		padding-left:15px;
		padding-right:15px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-top: none !important;
	}
	.navhide{
		display:block;
	}
	.navbar-nav > li {
		float:none;
	}
	.navbar-header {
    	float: none !important;
	}
	.custom-border{
		border-bottom:1px dashed #cecece;
		padding-bottom:15px;
		margin-left:15px;
		margin-right:15px;
	}
	.right2{
		float:left;
	}
	.bt3{
		float:none;
		margin:auto;
		width:50%;
		margin-top:15px;
	}
	.box5, .box7{
		width:100%;
	}
	.box6, .box5{
		margin-left:-15px;
		margin-right:-15px;
		width:auto;
	}
	.lshide{
		display:none;
	}
	.lisxh{
		float:left;
		margin-top:10px;
	}
	.lisxh::after,
	.custom-border::after,
	.bgtop::after,
	.bgtop2::after
	 {
		clear: both;
		content: "";
		display: block;
	}
	.nh select {
		width:100%;
	}
	.nh{
		float:none;
	}
	.ttl{
		font-weight:bold;
	}
	
	.box5{
		padding-bottom:0px;
	}
	.th,.btu{
		margin-bottom:15px
	}
	.search, .box8{
		width:100%;
	}
	.cd-dropdown, .cd-select, .fleft {
		width:100% !important;
	}
	.cd-dropdown ul li span {
		width:100% !important;
	}
	
	.top1 {
		padding-bottom:0px;
	}
	.bt-inde img{
		width:100%;
	}
	.cust{
		margin-bottom:15px;
	}
	#regions2{
		margin-top:0px;
	}
	.texthere, .texthere3, .texthere2, .texthere4{
		float:none;
		width:100%;
		padding-top:0px;
	}
	.bthide{
		display:block;
		background:#000;
		color:#fff;
		font-size:18px;
	}
	.itemweb{
		display:none;
	}
	.itemmobile{
		display:block;
	}
	.texthere2{
		padding-top:0px;
		
	}
	.temb3, .temb4{
		padding:15px;
	}
	.tn {
		top:auto;
	}
	.texthere{
		color:#719a16;
		font-size:18px;
		font-weight:bold;
	}
	.texthere4{
		color:#ffaa00;
		font-size:18px;
		font-weight:bold;
	}
	.temb3, .temb4{
		height:100%;
		text-align:center;
	}
	.icole{
		display:none;
	}
	.box-cl{
		width:100%;
	}
	.hd2{
		display:block;
		text-align:center;
		margin:15px 0px;
	}
	.hd2 img{
		width:100%;
	}
	.likbt2{
		display:block;
	}
	.btleft2{
		background:#75a22d;
		text-align:center;
		line-height:35px;
		padding:0px 20px;
		border-radius:3px;
		cursor:pointer;
		color:#FFF;
	}
	.btright2{
		text-align:center;
		line-height:35px;
		padding:0px 20px;
		background:#ffad01;
		border-radius:3px;
		cursor:pointer;
		color:#FFF;
	}
	.hd{
		display:none;
	}
	.linknav{
		float:none;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:0px;
		margin-right:0px;
	}
	.linknav a{
		text-align:center;
		line-height:35px !important;
		font-weight:700;
	}
	.linknav li:hover{
		background-color:#fff7e5;
		border-radius:3px;
	}
	.linknav li{
		padding-left:0px;
		
	}
	.logomobi, .logoabout, .logopen{
		display:block;
		padding:4px 0px !important;
		margin-bottom:5px;
	}
	.boxlinknav{
		margin-top:4px;
		border-top: 1px solid #dedede;
		background:#F5F5F5;
	}
	.ic-right{
		display:block;
	}
	.logoabout{
		margin-right:10px;
	}
	.ic-right{
		float:right;
	}
	#mainview{
		margin-top:0px;
	}
	.boxtext h1 {
		font-size:24px;
		line-height:30px;
		padding-bottom:10px;
	}
	.boxtext p{
		font-size:12px;
	}
	.button {
   		padding: 30px 0 0px;
	}
	.bt-big{
		margin:0px;
	}
	.bt-big img{
		width:80%;
		height:auto;
	}
	#mainview{
		border-top:0px;
		padding: 100px 0 150px;
	}
	/*.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top:none !important;
	}*/
	.nd5, .ft{
		border-top:none;
	}
	.fbbox{
		text-align:center;
	}
	.fb2{
		margin-bottom:20px;
	}
	.fb3{
		text-align:center;
	}
	label {
		margin-bottom:10px;
	}
	.line button{
		margin:5px 0px;
	}
	.box13{
		width:100%;
	}
	.btn4{
		
		text-align:center;
	}
	.boxtitle p {
    	font-size: 18px;
		font-weight:bold;
	}
	
	.box9 {
		width:60%;
		text-align:center;
	}
	.tit7{
		padding-bottom:10px;
	}
	.custom768{
		padding-bottom:15px;
	}
	.kb{
		border-right:none;
	}
	/*6/5/2017*/
	.cs600{
		margin-bottom:20px;
	}
	/*kt*/
	/*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{
		/*margin-left:15px !important;*/
	}
	.title2{
		width:70%;
	}
	.box-nd{
		margin-bottom:15px;
	}
	.box-ft img{
		width:100%;
	}
	.tt-ft{
		padding-left:0px;
		line-height:20px;
		padding: 10% 0%;
	}
	#from{
		padding: 10px 0px;
	}
	
	.logo img{
		width:80%;
	}
	.navbar-nav > li:hover{
		background:none;
		opacity:0.8;
	}
	.date-1 {
    float: none;
    margin-right: 0px;
	}
	.navbar-brand{
		margin-right:0px !important;
	}
	.img-line{
		width:auto;
	}
	.img-line img{
		width:25%;
	}
}
@media screen and (max-width: 640px) {
	.ft-ol{
		float:none;
	}
	.selec1{
		width:100%;
	}
	/*6/5/2017*/
	.cs600{
		width:50%;
	}
	.listbot{
		margin-top:0px;
	}
	/*kt*/
	
}
@media screen and (max-width: 480px) {
	.costomfr{
		width:70%;
	}
	.boxtitle2{
		width:100%;
	}
	
	.fb, .gl{
		float:none;
		margin-bottom:10px;
	}
	.linklq{
		width:auto;
		padding-bottom:0px;
	}
	.modal-content{
		margin-top:5%;
	}
	.home, .document{
		padding-right:8%;
	}
	.check{
		padding-left:35%;
		text-align:left;
	}
	.box7{
		width:100%;
	}
	
	.th, .bt2{
		margin-bottom:5px;
	}
	.boxtext h1 {
		font-size:21px;
		line-height:25px;
		padding-bottom:20px;
		font-weight:bold;
	}
	.boxtext{
		top:12%;
	}
	.boxtext p{
		font-size:12px
	}
	.col12{
		width:100%;
		float:none;
		margin:15px 0px;
	}
	.col12::after {
		clear: both;
		content: "";
		display: block;
	}
	.selec1{
		float:none; width:100%;
	}
	.img3{
		margin-bottom:10px;
		text-align:center;
	}
	.boxrt2{
		text-align:center;
	}
	.ft-ol, .tdhere, .img3{
		float:none;
	}
	.tdhere{
		border-right:none;
	}
	.line li{
		display:block;
	}
	.noid{
		margin-left:0px;
		float:left;
		border-top:none;
	}
	.title-table, .btntbale{
		float:none;
	}
	.custom{
		width:100%;
		padding-bottom:10px;
	}
	.custom2{
		width:100%;
		margin-left:0px;
	}
	.custom480{
		width:50%;
		padding-bottom:15px;
	}
	.mny3{
		padding-bottom:0px;
	}
	.btn4{
		text-align:center;
	}
	
	.c3{
		border-bottom:1px dotted #cecece;
		padding:10px 0px;
	}
	
}
@media screen and (max-width: 360px) {
	.navbar-toggle{
		margin-top:15px !important;
		margin-bottom:15px !important;
	}
	.bgtop p{
		font-size:12px;
	}
	.home, .document{
		padding-right:5%;
	}
}

@media screen and (max-width: 320px) {
	#mainview {
   	 margin-top: 65px !important;
	}
	.bt-new{
		width:100%;
	}
	.home, .document{
		padding-right:3%;
	}
	.bgtop p{
		font-size:11px;
	}
	.c1, .c2{
		border-right:none;
		border-bottom:1px dotted #cecece;
		padding:10px 0px;
	}
	
	.custom320{
		width:100%;
	}
	.imgtit{
		float:none;
	}
	.check{
		padding-left:30%;
	}
	.box7{
		width:100%;
	}
	.boxtext{
		right:2%;
		left:2%;
	}
	.boxtext h1{
		font-size:18px;
	}
.logomobi{
		width:40%;
		padding-top:15px !important;
	}
	.logomobi img{
		width:100%;
	}
	.list2{
		width:32%;
		margin:auto;
	}
	.img4{
		margin:auto;
	}
}