





/*slides*/
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel img { width: 100%; height: auto; display: block; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: -9999em; width: 35px; height: 35px; position: absolute; top: 50%; margin-top: -17.5px; padding: 0; }
.owl-carousel .owl-nav .owl-prev { background: url(../images/controls.png) no-repeat 0 0; left: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { background: url(../images/controls.png) no-repeat -42px 0; right: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-prev:hover { background-position: 0 -35px; }
.owl-carousel .owl-nav .owl-next:hover { background-position: -42px -35px; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.2; }
.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom: 10px; width: 100%; left: 0; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor: pointer; }
.owl-dots .owl-dot span { width: 15px; height: 5px; margin: 5px 5px; background: #fff; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span { background: #1E95F5; }




/*hmowl*/
#hmowl { padding: 5% 0; overflow: hidden; }
#hmowl .box { padding: 0 60px; }
#hmowl .owl-nav .owl-prev { left: -60px; }
#hmowl .owl-nav .owl-next { right: -60px; }
#hmowl .owl-stage-outer { overflow: hidden; }
#hmowl .bxitem { border: 1px solid #eee; margin-right: 1px; }
#hmowl .thumbnail { overflow: hidden; }
#hmowl .thumbnail a { display: block; padding-bottom: 75%; position: relative; }
#hmowl .thumbnail img { position: absolute; top: 0; height: 100%; }
#hmowl h2 { font-weight: normal; font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; margin-bottom: 10px; }
#hmowl a { color: #333; }
#hmowl a:hover { color: #1E95F5; }
#hmowl .info { padding: 20px; }
#hmowl .intro { font-size: 14px; line-height: 1.75em; text-align: justify; height: 7em; overflow: hidden; color: #555; margin-bottom: 15px; }
#hmowl .more a { font-size: 12px; display: block; width: 90px; height: 32px; line-height: 32px; text-align: center; background-color: #f6f6f6; color: #999; border-radius: 3px; margin: 0 auto; }
#hmowl .more a:hover { background-color: #1E95F5; color: #fff; }


@media only screen and (max-width:960px) {

	/*960*/
	#navbtn { display: block; }

	/*960*/
	#hmowl { padding: 5.5% 0; }
	#hmowl .box { padding: 0; }
	#hmowl .owl-dots { position: static; margin-top: 3.5%; }
	#hmowl .owl-dot span { width: 10px; height: 10px; border-radius: 50%; background-color: #e4e4e4; }
	#hmowl .active span { background-color: #1E95F5; }



@media only screen and (max-width:768px) {
	body{ padding-bottom:50px;}
	/*768*/
	#top { position: relative; }
	#top .inner { position: static; }

	/*768*/
	#service { padding: 5% 0; }
	#service li { width: 18%; padding: 1%; }
	#service li .thumbnail { width: 88%; margin-bottom: 10px; }
	#service li h2 { font-size: 14px; }

	/*768*/
	#notice { font-size: 12px; line-height: 1.5em; padding: 8px 0; margin-bottom: 10px; }

	/*768*/
	.searchForm { width: 93.75%; padding: 3.125%; }
	.searchForm form { margin: 0; }

	/*768*/
	.logo { padding: 12.5px 0; }
	.logo a { width: 133px; height: 40px; }

	/*768*/
	#partner ul { width: 103%; }
	#partner li { width: 31%; }

	/*768*/
	#hmowl h2 { font-size: 14px; margin-bottom: 5px; white-space: normal; line-height: 1.75em; height: 3.5em; }
	#hmowl .info { padding: 15px; }
	#hmowl .intro { display: none; }
	#hmowl .more { display: none; }

}
