@charset "UTF-8";

/* Slider */
.slick-slider{position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0}
.slick-list:focus{outline:none}
.slick-loading .slick-list{background:#fff /*url("./ajax-loader.gif")*/ center center no-repeat}
.slick-list.dragging{cursor:pointer; cursor:hand}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
.slick-track{position:relative; left:0; top:0; display:block}
.slick-track:before, .slick-track:after{content:""; display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left; height:100%; min-height:1px; display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}/* Icons */

/*@font-face{font-family:"slick"; src:url("./fonts/slick.eot"); src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg"); font-weight:normal; font-style:normal}*/

/* =============== 新添元素 ============== */
.slick-prev,
.slick-next{
	background-color: rgba(251,251,251,0);
	/* ==== background-color: #FB90B7 ==== */
}

.slick-prev:hover,
.slick-next:hover{
	opacity: 0.55
}

.page_w_x80 {
	width: 80%;
	padding: 15px 0 0 0;
	/* ==== padding-bottom: 15px 0 15px 0; ==== */
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/* ==== text-align: center; ==== */
}
@media (max-width: 767px) {
	.page_w_x80 {
		width: 96%;
		padding: 15px 0 0 0;
		/* ==== padding-bottom: 15px 0 15px 0; ==== */
		
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		/* ==== text-align: center; ==== */
	}
}

.page_w_x96 {
	width: 96%;
	padding: 15px 0 0 0;
	/* ==== padding-bottom: 15px 0 15px 0; ==== */
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/* ==== text-align: center; ==== */
}
.page_w_x96 h3.title {
	color: #D01257;
	
	/* ==== text-align: center; ==== */
	font-size: 40px;
	font-weight: 400;
	position: relative;
}
.page_w_x96 p.title {
	color: #3C3C3C;
	
	/* ==== text-align: center; ==== */
	font-size: 20px;
	font-weight: 300;
}

            h3.slider-title {
				color: #3C3C3C;
				padding-top: 20px;
				
				/* ====
				text-align: center;
				font-size: 40px;
				==== */
	
				font-weight: 700;
				position: relative;
            }
.page_w_x96 p.slider {
	color: #3C3C3C;
	font-weight: 400;
	
	/* ====
	color: #FC5185;
	color: #20233A;
	color: #D01257;
	color: #FF5722;
	color: #24282B;
	==== */
}
.page_w_x96 p.slider a{
	color: #D01257;
	font-weight: 400;
}
.page_w_x96 p.slider a:hover{
	color: #3C3C3C;
	font-size: 95%;
}
@media (max-width: 767px) {
	.page_w_x96 {
		width: 96%;
		padding: 15px 0 0 0;
		/* ==== padding-bottom: 15px 0 15px 0; ==== */
		
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		/* ==== text-align: center; ==== */
	}
}

/* ================ TOP Slider ================ */
.slick-slider{
	margin-bottom: 0px;
	/* ==== 原始碼 ==== margin-bottom: 20px; */
}

.single_iteam > h3 {
	bottom: 10%;
	position: absolute;

	top: 45%; /* ==== 新添加 ==== */
	left: 5%;
	right: 5%;
	width: 90%;
	
	/* ====
	left: 0;
	right: 0;
	width: 100%;
	==== */
	
	text-align: center;
}
.single_iteam > h4 {
	bottom: 10%;
	position: absolute;
	
	left: 5%;
	right: 5%;
	width: 90%;
	
	/* ====
	left: 0;
	right: 0;
	width: 100%;
	==== */
	
	text-align: left;
}
.single_iteam > h5 {
	bottom: 10%;
	position: absolute;
	
	left: 5%;
	right: 5%;
	width: 90%;
	
	/* ====
	left: 0;
	right: 0;
	width: 100%;
	==== */
	
	text-align: right;
}
@media (max-width: 767px) {
	.single_iteam > h3 {
		bottom: 10%;
		position: absolute;
	
		left: 3%;
		right: 3%;
		width: 94%;
		
		/* ====
		left: 0;
		right: 0;
		width: 100%;
		==== */
		
		text-align: center;
	}
	.single_iteam > h4 {
		bottom: 10%;
		position: absolute;
	
		left: 3%;
		right: 3%;
		width: 94%;

		/* ====
		left: 0;
		right: 0;
		width: 100%;
		==== */
		
		text-align: center;
	}
}

.single_iteam {
	float: left;
	display: inline;
	width: 100%;
	position: relative
}
.single_iteam img {
	/* ====
	== 圓弧外框效果 ==
	border-radius: 5px;
	==== */
    
	width: 100%
}
@media(max-width: 360px) {
	.single_iteam > h3 {
		bottom: 3%
	}
}

/* ==== BG STYLE ==== */
.single_iteam_bg {
	float: left;
	display: inline;
	width: 100%;
	position: relative
}
.single_iteam_bg img {
	/* ====
	== 圓弧外框效果 ==
	border-radius: 5px;
	==== */
    
	width: 100%
}
.single_iteam_bg > div > h1 {
	top: 10%;
	left: 10%;
	position: absolute;
	right: 0;
	text-align: left;
	width: 30%
}
.single_iteam_bg > h1 {
	top: 25%;
	left: 10%;
	position: absolute;
	right: 0;
	text-align: left;
	width: 30%
}
.single_iteam_bg > div > h2 {
	bottom: 25%;
	left: 10%;
	position: absolute;
	right: 0;
	text-align: left;
	width: 30%
}
.single_iteam_bg > h2 {
	bottom: 10%;
	left: 10%;
	position: absolute;
	right: 0;
	text-align: left;
	width: 30%
}
@media(max-width: 767px) {
	.single_iteam_bg img {
		width: 320px;
		height: 320px;
	}
	
	.single_iteam_bg > div > h1 {
		font-size: 28px;
		top: 10%;
		left: 10%;
		position: absolute;
		right: 0;
		text-align: left;
		width: 80%
	}
	.single_iteam_bg > h1 {
		font-size: 28px;
		top: 25%;
		left: 10%;
		position: absolute;
		right: 0;
		text-align: left;
		width: 80%
	}
	.single_iteam_bg > div > h2 {
		font-size: 28px;
		bottom: 25%;
		left: 10%;
		position: absolute;
		right: 0;
		text-align: left;
		width: 80%
	}
	.single_iteam_bg > h2 {
		font-size: 28px;
		bottom: 10%;
		left: 10%;
		position: absolute;
		right: 0;
		text-align: left;
		width: 80%
	}
}
/* ==== End BG STYLE ==== */

.slider_tittle {
	background: none repeat scroll 0 0 rgba(0,0,0,0.4);
	color: #FFF;
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	padding: 10px
}
.slider_tittle:hover,
.slider_tittle:focus {
	color: #FFF
}

.slider_tittle_no {
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	color: #FFF;
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	padding: 10px
}
.slider_tittle_no a {
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	color: #FFF;
	display: inline-block;
	
	font-size: 20px;
	letter-spacing: 3px;
	text-shadow: 0.5px 0.5px 0.5px #000;
	
	line-height: 18px;
	padding: 10px
}
.slider_tittle_no:hover,
.slider_tittle_no a:hover,
.slider_tittle_no:focus {
	font-size: 18px;
	letter-spacing: 3px;
	
	/* ==== text-shadow: 0.5px 0.5px 0.5px #000; ==== */
	
	font-weight: 400;     /* ==== font-weight: bold; ==== */
	color: #FFF;          /* ==== color: #FA2372; ==== */
}
/* ================ End TOP Slider ================ */

/* ==== 滑動符號 01 ==== */
.slick-prev,
.slick-next {
	border: medium none;
	font-weight: bold;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	margin-top: -10px;
	outline: medium none;
	padding: 20px;
	position: absolute;
	top: 45%;
	
	height: auto;
	width: 30px;
	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25
}

.slick-prev:before,
.slick-next:before {
	/* ==== font-family:"slick"; ==== */
	font-size: 20px;
	line-height: 1;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

/* ==== 滑動符號 02 ==== */
.slick-prev {
	left: 0px;
	background-image: url("../images/slider_prev.png");
	background-repeat: no-repeat;
	background-position: center center
}
[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}
/* ====
.slick-prev:before {
	content: "<"
}
[dir="rtl"] .slick-prev:before {
	content: ">"
}
==== */

.slick-next {
	right: 0px;
	background-image: url("../images/slider_next.png");
	background-repeat: no-repeat;
	background-position: center center
}
[dir="rtl"] .slick-next{
	left: -25px;
	right: auto
}
/* ====
.slick-next:before {
	content: ">"
}
[dir="rtl"] .slick-next:before {
	content: "<"
}
==== */
/* ==== End 滑動符號 ==== */

.slick-dots{position:absolute; bottom:-45px; list-style:none; display:block; text-align:center; padding:0; width:100%}
.slick-dots li{position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer}
.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; line-height:0; font-size:0; color:transparent; padding:5px; cursor:pointer}
.slick-dots li button:hover, .slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1}

/* ========
.slick-dots li button:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before{
	color: black;
	opacity: 0.75
}
======== */