﻿/* 測鎢淕燴ㄩ擱眳模 www.lanrenzhijia.com */

	



/* demos */
.article{
	margin:0 !important;
	 
	 
	padding: 0;
}

.article-video{
	 
}

.article h2{
	color: #FFF;
}

.article p{
	color: #FFF;
}

.video-demo .article-video{
	height: 300px;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;

	-webkit-background-size: initial;
	-moz-background-size: initial;
	-o-background-size: initial;
	background-size: initial;
}
.owl-item{
	
	margin:0 !important;}
.hash .owl-center .owl-item{
	opacity: 0.45;
 

	transition-property: opacity;
  	transition-duration: 300ms,300ms;
  	transition-timing-function: ease;

	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}

.hash .owl-center .owl-item.center{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.owl-dots:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.thumbnails-dot .owl-dot{
	display: block;
	float:left;
	overflow: hidden;
	margin-right: 10px;
	opacity: 0.7
}

.thumbnails-dot .owl-dot.active{
	opacity: 1
}

.callbacks div{
	margin-bottom: 3px;
}
.callbacks .label.secondary{
	color: #e7e7e7;
}
.callbacks .label{
	transition: background-color 300ms ease-out;
}

.owl-carousel .red{
	background-color: #E0444F;
}
.owl-carousel .green{
	background-color: #2CC990;
}
.owl-carousel .yellow{
	background-color: #EEE657
}
.owl-carousel .curry{
	background-color: #FCB941;
}
.owl-carousel .pink{
	background-color: #FC6042
}
.owl-carousel .darkblue{
	background-color: #25373D
}
.owl-carousel .fiolet {
	background: #9b59b6;
}
.owl-carousel .red2{
	background: #e74c3c;
}








/* 
 * 	Core Owl Carousel CSS File
 *	v2.0.0
 */

/* clearfix */
/* 測鎢淕燴ㄩ擱眳模 www.lanrenzhijia.com */
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel{
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index:1;
}


.owl-carousel .owl-stage{
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage-outer{
 	position:relative;
	overflow: hidden;
	/* temporary fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-stage-outer.owl-height{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-video-wrapper{
	position: relative;
	height: 100%;
	background: #000;
}

.owl-controls .owl-nav div,
.owl-controls .owl-dot{
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-video-play-icon{
	position:absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url('owl-video-play.png') no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition-property: scale;
	transition-duration: 100ms;
	transition-timing-function: ease;
}

.owl-carousel .owl-video-play-icon:hover{
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-webkit-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;

	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

.owl-carousel .owl-video-frame{
	position: relative;
	z-index: 1;
}

.owl-loaded{
	display: block;
}
.owl-loading{
	opacity: 0;
	display: block;
}
.owl-hidden{
	opacity:0;
}
.owl-carousel .owl-refresh .owl-item{
	display: none;
}

.owl-carousel .owl-item{
	position:relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* If mouseDrag:false then you are able to select text */
.owl-carousel.owl-text-select-on .owl-item{
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel .owl-item img.owl-lazy{
	opacity: 0;
}

.owl-carousel .owl-item img{
	opacity: 1;
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

/* to do */
.owl-carousel .owl-stage.backfacefix .owl-item{
	-webkit-backface-visibility: hidden;
}

.owl-rtl{
	direction: rtl;
}
.owl-rtl .owl-item {
	float:right;
}

/* No Js */
.no-js .owl-carousel{
	display: block;
}

/* animate */

.animated {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-animated-in{
	z-index: 0
}
.owl-animated-out{
	z-index: 1
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.owl-nav div {
    cursor: pointer;
}

.owl-controls{ position:absolute; top:50%; margin-top:-22.5px; width:100%; z-index:5}
.owl-nav{ position:relative}
.owl-nav .owl-prev, .owl-nav .owl-next{width:30px; height:45px; text-indent:-9999em; transition:all .7s}

.owl-nav .owl-prev{ position:absolute; left:-50px;  background: url(../../images/Partner-page/ar-prev.png)  no-repeat center; }

.owl-nav .owl-next{position:absolute; right:-50px;  background:url(../../images/Partner-page/ar-next.png) no-repeat center; }

.owl-nav .owl-prev:hover{background:url(../../images/Partner-page/ar-prev-on.png) no-repeat center ;}
.owl-nav .owl-next:hover{background:url(../../images/Partner-page/ar-next-on.png)  no-repeat center ;}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{ }

#owl-demo .item{ padding:40px 15px ; }
/*-----------------------------------------------------------*/

	
	
#owl-demo .item .fun-more{}	
#owl-demo .item .fun-more {
     color: #4DC7EC !important;
	 border-color:#4DC7EC !important;
      }
#owl-demo .item .fun-more:hover {
     background-color: #4DC7EC !important;
	 color:#fff !important
}	
 .demo-wp{ padding:0 50px}
 
#owl-demo .item .item-box{
	background-color:#fff;
	border:1px solid #ccc;
	border-bottom:4px solid #FF4E02;
	padding:0px 10px 36px 10px;
	box-shadow:4px 4px 10px rgba(0,0,0,.2);
	transition:all 1s}
	
#owl-demo .item .fun{
	border-bottom:4px solid #4DC7EC !important;
	}	
	
#owl-demo .item .item-box:hover{ transform:scale(1.05)}
@media screen and ( max-width: 480px) {
.demo-wp{ padding:0 20px}	
#owl-demo .item{ padding:20px 10px ; }
#owl-demo .item .item-box:hover{ transform:scale(1)}	
.owl-nav .owl-next {
     right: -25px;
 }	
.owl-nav .owl-prev {
     left: -25px;}
	} 
#owl-demo .item .item-box .class{
	padding:18px 5px;
	padding-bottom:12px;
	width:70%;
	margin:-25px auto 40px auto;
	background-color:#F15A24;
	color:#fff;
	text-align:center;
	font-size:19px;
	line-height:1.2;
	box-shadow:2px 2px 6px rgba(0,0,0,.2);
	}
	
#owl-demo .item .item-box .pic-box-O{
	width:61%;
	height:0;
	padding-bottom:61%;
	margin:0 auto;
	border-radius:100%   !important;
	/* support Safari, Chrome */
	-webkit-border-radius:100%  !important;
	/* support firefox */
	-moz-border-radius: 100%  !important;
	overflow:hidden !important;
	 
	position:relative}
.pic-zoom-1{
	border-radius:100%   !important;
	/* support Safari, Chrome */
	-webkit-border-radius:100%  !important;
	/* support firefox */
	-moz-border-radius: 100%  !important;
	position:absolute;
	background-position:center;
	background-size:cover;
	width:99%;
	height:99%;
	left:1px;
	top:1px;;
	transition:all 1s}
	
#owl-demo .item .com-name{
	text-align:center;
	font-size:18px;
	color:#666;
	margin:25px 0 38px 0}
#owl-demo .item .more-btn{
	width:164px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#F15A24;
	font-size:16px;
	font-weight:bold;
	display: block;
	border:1px solid #F15A24;
	border-left:0px;
	border-right:0px;
	max-width:90%
	}
	
#owl-demo .item .more-btn:hover{
	color:#fff;
	background-color:#F15A24;} 