@charset "utf-8";


/*============================================KV滑動==================================================*/
/* Bg Pattern */


.welcomeArea {
    height: 600px;
    background-size: cover;
}

    .welcomeArea:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        background: linear-gradient(top,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.9)100%);
        background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.9)100%);
        background: -moz-linear-gradient(top,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.9)100%);
        background: -ms-linear-gradient(top,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.9)100%);
        background: -o-linear-gradient(top,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.9)100%);
    }
	 
 @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}	 @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
	 @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}







/*=========================================================*/


@-webkit-keyframes 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes 12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes 12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@-webkit-keyframes 50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes 50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}

.mhn-text{
	padding: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.mhn-slide .mhn-item{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.mhn-slide .mhn-inner{
	width: 100%;
	height: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.mhn-slide .mhn-item img{
	display: block
}
.mhn-slide .mhn-img{
	overflow: hidden;
	height: 100%;
	width: 100%;
	color: white;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;*/
	position: relative
}

.mhn-slide .owl-stage-outer{z-index:1}
.mhn-slide .owl-nav{
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.mhn-slide .owl-nav svg{color:currentColor}
.mhn-slide .owl-nav .disabled{display:none}

/*左右箭頭設定*/
.mhn-slide .owl-prev,
.mhn-slide .owl-next{
	top: 33% !important;
	z-index: 2;
	width: 150px !important;
	height: 150px;
	padding: 0px;
	margin-top: 0px;
	position: absolute;
	font-size: 8rem !important;
	color: #fff !important;
	opacity: 0.8;	/*border-radius: 50%;
		display: none;
	background-color: #033;

	background-color: rgba(255, 255, 255, 0.6);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);*/

}


.mhn-slide .owl-prev{
	left: 1.5% !important;
}
.mhn-slide .owl-next{
	right: -3% !important;
}

.mhn-slide2 .mhn-item{
		font-family: "微軟正黑體" !important;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.mhn-slide2 .mhn-item a{
	font-weight: bold !important;
}
.mhn-slide2 .mhn-inner{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
.mhn-slide2 .mhn-item img{
	display: block
}
.mhn-slide2 .mhn-img{
	overflow: hidden;
	height: 100%;
	width: 100%;
	color: white;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;*/
	position: relative
}

.mhn-slide2 .owl-stage-outer{z-index:1}
.mhn-slide2 .owl-nav{
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.mhn-slide2 .owl-nav svg{color:currentColor}
.mhn-slide2 .owl-nav .disabled{display:none}
.mhn-slide2 .owl-prev,
 .mhn-slide2 .owl-next{
	top: 220px !important;
	z-index: 2 !important;
	width: 60px;
	height: 60px;
	padding: 0px;
	margin-top: 0px;
	position: absolute;
	font-size: 2.5rem !important;
	color: #005945;
	opacity: 0.5; !important;	/*border-radius: 50%;
     background-color: rgba(255, 255, 255, 0.6);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);*/

}

.mhn-slide2 .owl-prev{left: -9px !important;}
.mhn-slide2 .owl-prev{
            -webkit-animation: round1 1s linear infinite;
            animation: round1 1s linear infinite;
        }

        @-webkit-keyframes round1 {
            0% {
                opacity: 1;
                filter: alpha(opacity=50);
                left: -5px;
                /* 0 - 1秒 淡入*/
            }
            5% {
                opacity: 1;
                filter: alpha(opacity=50);
                left: -9px;
                /* 5- 6秒靜止*/
            }
            10% {
                opacity: 1;
                filter: alpha(opacity=50);
                left: -5px;
                /* 5- 6秒靜止*/
            }
       
        }
         @keyframes round1 {
            0% {
                opacity: 1;
                filter: alpha(opacity=50);
                left: -5px;
                /* 0 - 1秒 淡入*/
            }
            5% {
                opacity: 1;
                filter: alpha(opacity=50);
                left: -9px;
                /* 5- 6秒靜止*/
            }
            10% {
                opacity: 1;
                filter: alpha(opacity=50);
                left: -5px;
                /* 5- 6秒靜止*/
            }
		}
		
.mhn-slide2 .owl-next{
	right:1px !important;

}
.mhn-slide2 .owl-next{
            -webkit-animation: round 1s linear infinite;
            animation: round 1s linear infinite;
        }

        @-webkit-keyframes round {
            0% {
                opacity: 1;
                filter: alpha(opacity=50);
                right: -3px;
                /* 0 - 1秒 淡入*/
            }
            5% {
                opacity: 1;
                filter: alpha(opacity=50);
               right: 1px;
                /* 5- 6秒靜止*/
            }
            10% {
                opacity: 1;
                filter: alpha(opacity=50);
                right: -3px;
                /* 5- 6秒靜止*/
            }
		}
		 @keyframes round {
            0% {
                opacity: 1;
                filter: alpha(opacity=50);
                right: 1px;
                /* 0 - 1秒 淡入*/
            }
            5% {
                opacity: 1;
                filter: alpha(opacity=50);
               right: 13px;
                /* 5- 6秒靜止*/
            }
            10% {
                opacity: 1;
                filter: alpha(opacity=50);
                right: 1px;
                /* 5- 6秒靜止*/
            }
       
        }