@font-face {
	font-family: "JBM";
	src: url(/uppf/static/ennet2/font/JetBrainsMono-Bold.ttf) format("truetype");
}
@font-face {
	font-family: "BL";
	src: url(/uppf/static/ennet2/font/Barlow-LightItalic.ttf) format("truetype");
}
@font-face {
	font-family: "BL2";
	src: url(/uppf/static/ennet2/font/Barlow-MediumItalic.ttf) format("truetype");
}
@font-face {
	font-family: "BL3";
	src: url(/uppf/static/ennet2/font/Barlow-Light.ttf) format("truetype");
}
@font-face {
	font-family: "BL4";
	src: url(/uppf/static/ennet2/font/Barlow-Medium.ttf) format("truetype");
}
@font-face {
	font-family: "BL5";
	src: url(/uppf/static/ennet2/font/Barlow-Regular.ttf) format("truetype");
}
@font-face {
	font-family: "heleve1";
	src: url(/uppf/static/ennet2/font/1.woff) format("truetype");
}
@font-face {
	font-family: "heleve2";
	src: url(/uppf/static/ennet2/font/2.woff2) format("truetype");
}
@font-face {
	font-family: "heleve3";
	src: url(/uppf/static/ennet2/font/3.woff2) format("truetype");
}
@font-face {
	font-family: "heleve4";
	src: url(/uppf/static/ennet2/font/4.woff2) format("truetype");
}
@font-face {
	font-family: "heleve5";
	src: url(/uppf/static/ennet2/font/5.woff2) format("truetype");
}
@font-face {
	font-family: "mont";
	src: url(/uppf/static/ennet2/font/Montserrat-Medium.otf) format("truetype");
}

/*scroll*/
.doscroll {max-height: 80vh; overflow: auto;}
HTML {
	scrollbar-arrow-color: #eee; 
	scrollbar-face-color: #ccc; 
	scrollbar-track-color: #666;
}

::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#202020}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

img {width: 100%; height: 100%}
.h50 {height: 50px;}
h1 {font-family: 'JBM', sans-serif}
.title-bg {height: 250px;}
.title-bg img {width: 100%; height: 100%; object-fit: cover;}

.row {margin-left: 0; margin-right: 0}



/*mov*/
/*loading*/
.preloader {z-index: 0; background-color: #f3f3f3; opacity: 0; position: fixed; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none;}

/*logo*/
.navbar-brand {padding: 15px 15px;}
.navbar-brand div {width: 100px; height: 20px; background-image: url('/uppf/static/haiwai/logo-w2.png');background-repeat: no-repeat; background-size: contain; background-position: center;}

/*navbar*/
.navbar-inverse.opaqued-dark .navbar-brand {padding: 15px 15px;}
.navbar-inverse.opaqued-dark .navbar-brand div {background-image: url('/uppf/static/haiwai/logo-b2.png');}

.navbar-inverse .navbar-toggle{background-color: #333}
.navbar-inverse .in {background: rgba(0,0,0,0.5); transition: all .4s ease-in-out;}
.navbar-inverse.opaqued-dark .in {background: rgba(225,225,225,0); transition: all .5s ease-in-out;}

/*dealer login*/
/*.bar_top {height: 30px; line-height: 30px; border-bottom: 1px solid #fff; opacity: 1; color: #fff; position: relative;}
.bar_top a {position: absolute; right: 10px; color: #fff}
.bar_top a:hover {color: #ddd}
.navbar-inverse.opaqued-dark .bar_top {height: 0; opacity: 0; overflow: hidden; border-bottom: 0; padding: 0; transition: all .5s ease-in-out;}*/

/*navbar 2ji*/
.pro_list {width: 450px; overflow: hidden; padding-left: 10px; padding-bottom: 5px; margin-top: 5px; border-bottom: 1px solid #ccc;}
.pro_list .ser a {color: #000}
.opaqued-dark .pro_list .ser a {transition: all .3s ease-in-out; color: #000;}
.pro_list .ser a:hover {color: #FF7A1F;}
.pro_list .pro50 a {font-size: 12px; font-weight: 400; color: #000;}
.opaqued-dark .pro_list .pro50 a {transition: all .3s ease-in-out; font-size: 12px; font-weight: 400; color: #000; display: inline-block;}
.pro_list .pro50 a:hover {color: #FF7A1F; text-indent: 2px;}
.dropdown-menu > li > a {transition: all .3s ease-in-out;}
.dropdown-menu>li>a:hover {color: #FF7A1F; text-indent: 5px; background-color: #eee;}


/*common*/
.pt120 {padding-top: 120px;}
.pb120 {padding-bottom: 120px;}
.ct-dm {padding-top: 120px; padding-bottom: 120px;}
.box-dm {margin-bottom: 120px;}
.box-dm:last-child {margin-bottom: 0px;}



@media (min-width: 768px) {
	
	/*#main-navigation {display: none;}*/
	.pc {display: block;}
	.mov {display: none;}

	/*navbar*/
	.ct1 {width: 100%; padding-left: 0; padding-right: 0;}
	.topbar {display: block;}

	.countup, h4 span {font-size: 40px};

	
	.dropdown a {font-family: 'JBM', sans-serif}
	.navbar-nav > li > a {font-family: 'JBM', sans-serif}
	p {font-family: 'BL3', sans-serif; font-size: 15px}
	/*h2, h3, h4, h5, h6 {font-family: 'BL2', sans-serif;}*/

}
@media (min-width: 1200px) {
	body {width: 100%; margin: 0 auto;}
}
@media (min-width: 1920px) {
	body {width: 1920px; margin: 0 auto;}
}


@media (max-width: 767px) {
	#main-navigation {display: block;}
	.pc {display: none;}
	.mov {display: block;}

	/*navbar*/
	.topbar {display: none;}

	.navbar-brand div {width: 150px; height: 25px; transform: translateY(-3px);}
	
	/*navbar 2ji*/
	.pro_list {width: 100%}
	.navbar-nav .open .dropdown-menu {background-color: rgba(255,255,255,0.9);}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #555;}

	/*common*/
	.pt120 {padding-top: 80px;}
	.pb120 {padding-bottom: 80px;}
	.ct-dm {padding-top: 40px; padding-bottom: 60px;}
	.box-dm {margin-bottom: 60px;}
}