/*
	import font
*/
@font-face {
    font-family: jf-jinxuan;
    src: url("../fonts/jf-jinxuan-regular.otf") format("opentype");
}

@font-face {
    font-family: jf-jinxuan-b;
    src: url("../fonts/jf-jinxuan-bold.otf") format("opentype");
}

 /*------------------------------------*\
    Globel
\*------------------------------------*/
*{
	box-sizing: border-box;
	position: relative;
}


html,body{
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-family: jf-jinxuan ,'Noto Serif TC', serif;
	background-color: #000;
	scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6,p{
	padding: 0;
	margin: 0;
}



ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #333;
}


/*------------------------------------*\
    Layout
\*------------------------------------*/
.wrapper{
	width: 100%;
	background: linear-gradient(60deg, #020136 0%, #000 100%);;
}

/* container: align middle  */
.container{
	width: 100%;
	margin: 0 auto;
}


/* max-width */
.max-width-250{max-width:250px;}
.max-width-500{max-width:500px;}
.max-width-1024{max-width:1024px;}
.max-width-1280{max-width:1280px;}

@media screen and (max-width: 1024px){
	.max-width-900-l{max-width:900px;}
	.max-width-1000-l{max-width:1000px;}
}

@media screen and (max-width: 768px){
	.max-width-250-m{max-width:250px;}
	.max-width-300-m{max-width:300px;}
	.max-width-310-m{max-width:310px;}
	.max-width-320-m{max-width:320px;}
	.max-width-500-m{max-width:500px;}
	.max-width-600-m{max-width:600px;}
	.max-width-700-m{max-width:700px;}
}


@media screen and (max-width: 500px){
	.max-width-250-s{max-width:250px;}
	.max-width-300-s{max-width:300px;}

}

.row{
	width: 100%;
	float: left;
}

.col{
	float: left;
	padding: 0 16px;
}

.col-12-lg{width: 100%;}
.col-11-lg{width: 91.66666666%;}
.col-10-lg{width: 83.33333333%;}
.col-9-lg{width: 75%;}
.col-8-lg{width: 66.666666666%;}
.col-7-lg{width: 58.333333333%;}
.col-6-lg{width: 50%;}
.col-5-lg{width: 41.666666666%;}
.col-4-lg{width: 33.333333333%;}
.col-3-lg{width: 25%;}
.col-2-lg{width: 16.666666666%;}
.col-1-lg{width: 8.3333333333%;}


.h-100p{height: 100%; }
.w-100p{width: 100%;}

.w-50p{width: 50%;}
.w-60p{width: 60%;}


.bc-color-cccccc{
	background-color: #cccccc;
}

.bc-color-eeeeee{
	background-color: #eeeeee;
}

.bc-color-ffffff{
	background-color: #ffffff;
}


.hero-10{margin-top: 10px;}
.hero-15{margin-top: 15px;}
.hero-20{margin-top: 20px;}
.hero-25{margin-top: 25px;}
.hero-30{margin-top: 30px;}
.hero-35{margin-top: 35px;}
.hero-40{margin-top: 40px;}
.hero-45{margin-top: 45px;}
.hero-50{margin-top: 50px;}
.hero-55{margin-top: 55px;}
.hero-60{margin-top: 60px;}
.hero-70{margin-top: 70px;}
.hero-80{margin-top: 80px;}
.hero-90{margin-top: 90px;}
.hero-100{margin-top: 100px;}
.hero-120{margin-top: 120px;}
.hero-150{margin-top: 150px;}
.hero-200{margin-top: 200px;}

@media screen and (max-width: 1024px){
	.hero-10-m{margin-top: 10px;}
	.hero-15-m{margin-top: 15px;}
	.hero-20-m{margin-top: 20px;}
	.hero-25-m{margin-top: 25px;}
	.hero-30-m{margin-top: 30px;}
	.hero-35-m{margin-top: 35px;}
	.hero-40-m{margin-top: 40px;}
	.hero-45-m{margin-top: 45px;}
	.hero-50-m{margin-top: 50px;}
	.hero-55-m{margin-top: 55px;}
	.hero-60-m{margin-top: 60px;}
	.hero-70-m{margin-top: 70px;}
	.hero-80-m{margin-top: 80px;}
	.hero-90-m{margin-top: 90px;}
	.hero-100-m{margin-top: 100px;}
	.hero-120-m{margin-top: 120px;}
	.hero-150-m{margin-top: 150px;}
	.hero-200-m{margin-top: 200px;}
}



@media screen and (max-width: 500px){
	.hero-0-s{margin-top: 0px;}
	.hero-10-s{margin-top: 10px;}
	.hero-15-s{margin-top: 15px;}
	.hero-20-s{margin-top: 20px;}
	.hero-25-s{margin-top: 25px;}
	.hero-30-s{margin-top: 30px;}
	.hero-35-s{margin-top: 35px;}
	.hero-40-s{margin-top: 40px;}
	.hero-45-s{margin-top: 45px;}
	.hero-50-s{margin-top: 50px;}
	.hero-55-s{margin-top: 55px;}
	.hero-60-s{margin-top: 60px;}
	.hero-70-s{margin-top: 70px;}
	.hero-80-s{margin-top: 80px;}
	.hero-90-s{margin-top: 90px;}
	.hero-100-s{margin-top: 100px;}
	.hero-120-s{margin-top: 120px;}
	.hero-150-s{margin-top: 150px;}
	.hero-200-s{margin-top: 200px;}
}

/*------------------------------------*\
    Components
\*------------------------------------*/
/*
   header
*/
header{
	width: 100%;
	height: 80px;

	position: fixed;
	/*background-color: rgba(255,255,255,0);*/
	/*background-image: linear-gradient(to bottom, rgba(2,1,52,100%) 0%, rgba(2,1,52,0%) 100%);;*/

	z-index: 9999;

	font-family: 'jinxuan', serif;
}


header .header-link{
	display: block;
	float:  left;
	margin-left:  60px;
	padding-top:  20px;

	height: 70px;
}


@media screen and (max-width: 1024px)
{
	header .header-link{
		margin-left: 25px;
	}
}

header .header-logo{
	display: block;
	height: 100%;
}

header .header-navbar{
	height: 100%;
	float: right;
	display: block;
}


@media screen and (max-width:  1400px){
	header .header-navbar{
		display: none;
	}
}

header .header-navbar .nav-list{
	height: 100%;
}


header .header-navbar .nav-item{
	height: 100%;
	width: 170px;
	float: left;
	/*border:  1px solid red;*/
}

header .header-navbar .nav-link{
	width: 100%;
	height: 100%;
	display:  block;

	transition: .7s;

	padding: 13px 10px 10px 7px;

	cursor: pointer;
}


header .header-navbar .nav-link:hover{
	background-color:  rgba(255,85,0,.8);
}


header .header-navbar .nav-link .link-text-tc{
	display: block;
	width: 100%;
	line-height: 30px;
	font-size:  16px;
	font-family: jf-jinxuan-b, serif;
	font-weight: 900;

	color:  #fff;
	text-align: center;
	text-shadow: 1px 1px 4px rgba(0,0,0,.7);

	letter-spacing: 2px;
}

header .header-navbar .nav-link .link-text-tc:after
{
	content: '';
	display: block;
	position:  absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0;
	box-shadow: 1px 1px 4px rgba(0,0,0,.7);
}



header .header-navbar .nav-link .link-text-en{
	display: block;
	width: 100%;
	line-height: 30px;
	font-size:  14px;
	font-family: jf-jinxuan, sans-serif;
	font-weight: 700;

	color:  #fff;
	text-align: center;
	letter-spacing: 1px;

	text-shadow: 1px 1px 4px rgba(0,0,0,.7);

}




header .header-navbar-rwd-btn{
	width: 30px;
	height: 30px;
	position: fixed;
	top: 30px;
	right: 25px;

	border-radius: 2px;
	display: none;

	z-index: 10001;
}

header .header-navbar-rwd-btn-bar{
	width: 30px;
	height: 2px;
	/*right: 0;*/
	background-color: #fff;
	position: absolute;
	top: 14px;
	transition-duration: .3s;
	/*display: none;*/

	box-shadow: 1px 1px 3px rgba(0,0,0,.7);


}

header .btn-clked .header-navbar-rwd-btn-bar{
	width: 0;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 14px;
	/*display: none;*/
}

header .header-navbar-rwd-btn-bar::before{
	width: 30px;
	height: 2px;
	background-color: #fff;
	display: block;
	content: '';
	position: absolute;
	top: -10px;
	/*display: none;*/

	/*transform: rotate(-45deg);*/
	transition-duration: .3s;

	box-shadow: 1px 1px 3px rgba(0,0,0,.7);
}

header .btn-clked .header-navbar-rwd-btn-bar::before{
	top: 0;
	/*display: none;*/

	transform: rotate(-45deg);
	transition-duration: .3s;
}


header .header-navbar-rwd-btn-bar::after{
	width: 30px;
	height: 2px;
	background-color: #fff;
	display: block;
	content: '';
	position: absolute;
	top: 10px;
	/*display: none;*/

	/*transform: rotate(45deg);*/
	transition-duration: .3s;

	box-shadow: 1px 1px 3px rgba(0,0,0,.7);
}

header .btn-clked .header-navbar-rwd-btn-bar::after{
	top: 0;
	/*display: none;*/

	transform: rotate(45deg);
	transition-duration: .3s;
}




header .header-navbar-rwd{
	position: fixed;
	background-image: linear-gradient(60deg, rgb(2,1,54,.9) 0%, rgba(0,0,0,.9) 100%);
	width: 250px;
	height: 100vh;

	padding: 70px 0 0 0;

	top: 0;
	right: -250px;

	display: none;
	overflow: hidden;

	transition-duration: .3s;

	z-index: 10000;
}


header .header-navbar-rwd.btn-clked{
	display: block;
	right: 0;
}



@media screen and (max-width:  1400px){

	header .header-navbar-rwd-btn{
		display: block;
	}
	header .header-navbar-rwd{
		display: block;
	}
}


header .header-navbar-rwd-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url('../images/wave-bg.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

header .header-navbar-rwd .nav-list{
	display: block;
	/*position: absolute;*/

	padding: 0 25px;
	top: 0;
}


header .header-navbar-rwd .nav-item{
	height: 100%;
	width: 200px;
	float: left;
	/*border:  1px solid red;*/
}

header .header-navbar-rwd .nav-link{
	width: 100%;
	height: 100%;
	display:  block;

	transition: .7s;

	padding: 13px 10px 10px 7px
}


header .header-navbar-rwd .nav-link:hover{
	background-color:  rgba(255,85,0,.8);
}


header .header-navbar-rwd .nav-link .link-text-tc{
	display: block;
	width: 100%;
	line-height: 30px;
	font-size:  16px;
	font-family: jf-jinxuan-b, "Noto Serif TC", serif;
	font-weight: 900;



	color:  #fff;
	text-align: center;

	border-bottom:  1px solid #fff;

	letter-spacing: 2px;
}



header .header-navbar-rwd .nav-link .link-text-en{
	display: block;
	width: 100%;
	line-height: 30px;
	font-size:  14px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 700;

	color:  #fff;
	text-align: center;
	letter-spacing: 1px;

}


.homepage .banner{
	width: 100%;
	/*width: 100vw;*/
	padding-bottom: 52%;
	overflow: hidden;

}


.homepage .vedio{
	width: 100%;
	padding-bottom: 52%;
	overflow: hidden;
	position: absolute;
}


.homepage .banner .banner-preview{
	width: 100%;
	display: block;
	position: absolute;
	left:  50%;
	top:  50%;
	transform: translate(-50%, -50%);
}



.homepage .banner .pad{
	/*width: 100%;
	height: 100%;*/

	width: 261px;
	/*float: left;*/
	position: absolute;
	bottom: 15%;
	right: 10%;
}


.homepage .banner .pad-rwd{
	widows: 100%;
	display: none;
}

.homepage .banner .pad-rwd-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	background-image: url('../images/banner-pad-rwd-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	opacity: .15;
}

@media screen and (max-width: 1024px){
	.homepage .banner{

		width: 100vw;
		/*height: calc(100vh - 180px);*/
		overflow: hidden;
		background-image: linear-gradient(60deg, rgb(2,1,54,.9) 0%, rgba(0,0,0,.9) 100%);
		padding-bottom: 0;
	}

	.homepage .banner-bg-rwd{
		display: block;
	}


	.homepage .banner .vedio{
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 52%;
		margin-top: 80px;
		top: 0;
		left: 0;
		transform: translate( 0, 0);
		overflow: hidden;
	}

	.homepage .banner .banner-preview{
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);


	}

	.homepage .banner .pad{
		bottom: 150px;
		right: 150px;
		display: none;
	}

	.homepage .banner .pad-rwd{
		padding: 30px 60px;
		display: flex;
		flex-direction: column;
	}

	.homepage .banner .pad-rwd .slogan{
		flex: 1;
	}

	.homepage .banner .pad-rwd .slogan .slogan-text{
		font-family: jf-jinxuan, "Noto Serif TC", serif;
		font-size: 18px;
		line-height: 36px;
		letter-spacing: 2px;
		color: #fff;

		display: block;
		padding: 0px 100px;

		text-align: center;
	}

	.homepage .banner .pad-rwd .control{
		flex: 1;
	}

}


@media screen and (max-width: 768px){
	.homepage .banner{

		width: 100vw;
		/*height: calc(100vh - 180px);*/
		overflow: hidden;
		background-image: linear-gradient(60deg, rgb(2,1,54,.9) 0%, rgba(0,0,0,.9) 100%);
		padding-bottom: 0;
	}

	.homepage .banner-bg-rwd{
		display: block;
	}


	.homepage .banner .vedio{
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 52%;
		margin-top: 80px;
		top: 0;
		left: 0;
		transform: translate( 0, 0);
		overflow: hidden;
	}

	.homepage .banner .banner-preview{
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.homepage .banner .pad{
		bottom: 150px;
		right: 150px;
		display: none;
	}

	.homepage .banner .pad-rwd{
		padding: 30px 60px;
		display: flex;
		flex-direction: column;
	}

	.homepage .banner .pad-rwd .slogan{
		flex: 1;
	}

	.homepage .banner .pad-rwd .slogan .slogan-text{
		font-family: jf-jinxuan, "Noto Serif TC", serif;
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 2px;
		color: #fff;

		display: block;
		padding: 0px 60px;

		text-align: center;
	}

	.homepage .banner .pad-rwd .control{
		flex: 1;
	}

}

@media screen and (max-width: 500px){
	.homepage .banner{

		width: 100vw;
		/*height: calc(100vh - 180px);*/
		overflow: hidden;
		background-image: linear-gradient(60deg, rgb(2,1,54,.9) 0%, rgba(0,0,0,.9) 100%);
		padding-bottom: 0;
	}

	.homepage .banner-bg-rwd{
		display: block;
	}


	.homepage .banner .vedio{
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 52%;
		margin-top: 80px;
		top: 0;
		left: 0;
		transform: translate( 0, 0);
		overflow: hidden;
	}

	.homepage .banner .banner-preview{
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.homepage .banner .pad{
		bottom: 150px;
		right: 150px;
		display: none;
	}

	.homepage .banner .pad-rwd{
		padding: 30px 15px;
		display: flex;
		flex-direction: column;
	}

	.homepage .banner .pad-rwd .slogan{
		flex: 1;
	}

	.homepage .banner .pad-rwd .slogan .slogan-text{
		font-family: jf-jinxuan, "Noto Serif TC", serif;
		font-size: 14px;
		line-height: 28px;
		letter-spacing: 2px;
		color: #fff;

		display: block;
		padding: 0px 15px;

		text-align: center;
	}

	.homepage .banner .pad-rwd .control{
		flex: 1;
	}
}

.homepage .banner .pad .award{
	width: 261px;
	height: 176px;
	margin-bottom: 5px;
	/*float: left	;*/
}

.homepage .banner .pad .award img{
	display: block;
	width: 261px;

}


.homepage .banner .pad .award-en{
	display: block;
	/*float: left;*/
	margin-bottom: 30px;
	width: 261px;

	font-size: 14px;
	line-height: 20px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 300;
	letter-spacing: 0px;
	text-align: center;
	color: #fff;
	transition-duration: .7s;
}

.homepage .banner .pad .full-vedio-btn{
	width: 261px;
	height: 80px;
	padding: 10px 30px;
	/*float: left;*/

	margin-bottom: 5px;

	border:  1px solid #fff;
	border-radius: 40px;

	font-size: 16px;
	line-height: 40px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	transition-duration: .7s;

	cursor: pointer ;
}




.homepage .banner .pad .full-vedio-btn:hover{

	background-color: #fff;
	color: #020136;
}



.homepage .banner .pad .full-vedio-btn-text1{
	font-size: 16px;
	line-height: 40px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 30px;

	border-bottom: 1px solid #fff;

	text-align: center;

	color: #fff;

	transition: .7s;
}

.homepage .banner .pad .full-vedio-btn-text2{
	font-size: 12px;
	line-height: 20px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 300;
	letter-spacing: 2px;

	text-align: center;
	color: #fff;

	transition: .7s;
}

.homepage .banner .pad .full-vedio-btn:hover .full-vedio-btn-text1{
	border-bottom: 1px solid #020136;
	color: #020136;
}

.homepage .banner .pad .full-vedio-btn:hover .full-vedio-btn-text2{
	color: #020136;
}



@media screen and (max-width: 1024px){
	.homepage .banner .div-line{
		width: 50%;
		height: 1px;
		margin: 0 auto;
		background-color: #fff;


	}

	.homepage .banner .pad-rwd .award{
		width: 261px;
		height: 176px;
		margin: 30px auto 5px auto;
		/*float: left	;*/
	}

	.homepage .banner .pad-rwd .award img{
		display: block;
		width: 261px;

		opacity: 1;

	}


	.homepage .banner .pad-rwd .award-en{
		display: block;
		/*float: left;*/
		margin: 0 auto 30px auto;
		width: 261px;

		font-size: 14px;
		line-height: 20px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing: 0px;
		text-align: center;
		color: #fff;
		transition-duration: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn{
		width: 261px;
		height: 80px;
		padding: 10px 30px;
		/*float: left;*/

		margin: 40px auto;

		border:  1px solid #fff;
		border-radius: 40px;

		font-size: 16px;
		line-height: 40px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 700;
		letter-spacing: 2px;
		text-align: center;
		color: #fff;
		transition-duration: .7s;

		cursor: pointer ;
	}


	.homepage .banner .pad-rwd .full-vedio-btn:hover{

		background-color: #fff;
		color: #020136;
	}



	.homepage .banner .pad-rwd .full-vedio-btn-text1{
		font-size: 16px;
		line-height: 40px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 700;
		letter-spacing: 2px;
		line-height: 30px;

		border-bottom: 1px solid #fff;

		text-align: center;

		color: #fff;

		transition: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn-text2{
		font-size: 12px;
		line-height: 20px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing: 2px;

		text-align: center;
		color: #fff;

		transition: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn:hover .full-vedio-btn-text1{
		border-bottom: 1px solid #020136;
		color: #020136;
	}

	.homepage .banner .pad-rwd .full-vedio-btn:hover .full-vedio-btn-text2{
		color: #020136;
	}
}

@media screen and (max-width: 768px){

	.homepage .banner .div-line{
		width: 70%;
		height: 1px;
		margin: 0 auto;
		background-color: #fff;


	}

	.homepage .banner .pad-rwd .award{
		width: 240px;
		/*height: 176px;*/
		margin: 30px auto 5px auto;
		/*float: left	;*/
	}

	.homepage .banner .pad-rwd .award img{
		display: block;
		width: 100%;

		opacity: 1;

	}


	.homepage .banner .pad-rwd .award-en{
		display: block;
		/*float: left;*/
		margin: 0 auto 30px auto;
		width: 100%;

		font-size: 14px;
		line-height: 20px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing: 0px;
		text-align: center;
		color: #fff;
		transition-duration: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn{
		width: 261px;
		height: 80px;
		padding: 10px 30px;
		/*float: left;*/

		margin: 40px auto;

		border:  1px solid #fff;
		border-radius: 40px;

		font-size: 16px;
		line-height: 40px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 700;
		letter-spacing: 2px;
		text-align: center;
		color: #fff;
		transition-duration: .7s;

		cursor: pointer ;
	}


	.homepage .banner .pad-rwd .full-vedio-btn:hover{

		background-color: #fff;
		color: #020136;
	}



	.homepage .banner .pad-rwd .full-vedio-btn-text1{
		font-size: 16px;
		line-height: 40px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 700;
		letter-spacing: 2px;
		line-height: 30px;

		border-bottom: 1px solid #fff;

		text-align: center;

		color: #fff;

		transition: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn-text2{
		font-size: 12px;
		line-height: 20px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing: 2px;

		text-align: center;
		color: #fff;

		transition: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn:hover .full-vedio-btn-text1{
		border-bottom: 1px solid #020136;
		color: #020136;
	}

	.homepage .banner .pad-rwd .full-vedio-btn:hover .full-vedio-btn-text2{
		color: #020136;
	}
}

@media screen and (max-width: 500px){

	.homepage .banner .div-line{
		width: 100%;
		height: 1px;
		margin: 0 auto;
		background-color: #fff;


	}

	.homepage .banner .pad-rwd .award{
		width: 240px;
		/*height: 176px;*/
		margin: 30px auto 5px auto;
		/*float: left	;*/
	}

	.homepage .banner .pad-rwd .award img{
		display: block;
		width: 100%;

		opacity: 1;

	}


	.homepage .banner .pad-rwd .award-en{
		display: block;
		/*float: left;*/
		margin: 0 auto 30px auto;
		width: 100%;

		font-size: 14px;
		line-height: 20px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing: 0px;
		text-align: center;
		color: #fff;
		transition-duration: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn{
		width: 261px;
		height: 80px;
		padding: 10px 30px;
		/*float: left;*/

		margin: 40px auto;

		border:  1px solid #fff;
		border-radius: 40px;

		font-size: 16px;
		line-height: 40px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 700;
		letter-spacing: 2px;
		text-align: center;
		color: #fff;
		transition-duration: .7s;

		cursor: pointer ;
	}


	.homepage .banner .pad-rwd .full-vedio-btn:hover{

		background-color: #fff;
		color: #020136;
	}



	.homepage .banner .pad-rwd .full-vedio-btn-text1{
		font-size: 16px;
		line-height: 40px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 700;
		letter-spacing: 2px;
		line-height: 30px;

		border-bottom: 1px solid #fff;

		text-align: center;

		color: #fff;

		transition: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn-text2{
		font-size: 12px;
		line-height: 20px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing: 2px;

		text-align: center;
		color: #fff;

		transition: .7s;
	}

	.homepage .banner .pad-rwd .full-vedio-btn:hover .full-vedio-btn-text1{
		border-bottom: 1px solid #020136;
		color: #020136;
	}

	.homepage .banner .pad-rwd .full-vedio-btn:hover .full-vedio-btn-text2{
		color: #020136;
	}
}



.ms-page .banner{
	width: 100%;
}

.ms-page .banner-img{
	width: 100%;
	display: block;
}

.ms-page .banner-img-rwd{
	width: 100%;
	display: none;
}

.ms-page .banner-img-rwd-s{
	width: 100%;
	display: none;
}


@media screen and (max-width: 1024px){
	.ms-page .banner-img{
		display: none;
	}

	.ms-page .banner-img-rwd{
		display: block;
	}


}

@media screen and (max-width: 500px){
	.ms-page .banner-img{
		display: none;
	}

	.ms-page .banner-img-rwd{
		display: none;
	}

	.ms-page .banner-img-rwd-s{
		display: block;
	}

}




footer{
	width: 100%;
	height: 180px;

	background-image: linear-gradient(60deg, #020136 0%, #000 100%);
	padding: 55px 0;

	overflow: hidden;
}

footer .footer-bg{
	position: absolute;
	width: 100%;
	height: 100%;

	top: 0; left: 0;

	background-image: url("../images/wave-bg.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.footer-box-rwd{
	display: none;
}

.copyright-info{
	margin-left: 30px;
	border-left:  4px solid #FF5500;
	padding-left: 30px;

	display: inline-block;
}

.copyright-info:last-child{
	border-left: none;
}

@media screen and (max-width: 1024px){
	.copyright-info{
		padding-left: 25px;
		margin-left: 30px;
	}
}




.copyright-info .cy-logo{
	height: 45px;
}

.copyright-info .cy-logo img{
	height: 100%;
}

.copyright-info .cy-text{
	font-size: 12px;
	line-height: 24px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	color:  #fff;

	font-weight: 300;
}



@media screen and (max-width: 500px){
	.footer-box{
		display: none;
	}

	.footer-box-rwd{
		display: block;
		text-align: center;
	}

	.footer-box-rwd .copyright-info{
		border-left:  2px solid #FF5500;
		padding-left: 10px;
		margin: 0 10px;

		display: inline-block;
		/*width: 46%;*/

		text-align: left;
	}

	.footer-box-rwd .copyright-info .cy-logo-1{
		height: 40px;
	}

	.footer-box-rwd .copyright-info .cy-logo-1 img{
		height: 35px;
	}


	.footer-box-rwd .copyright-info .cy-logo-2{
		height: 40px;
		display: inline-block;
	}

	.footer-box-rwd .copyright-info .cy-logo-2 img{
		height: 35px;

	}


	.footer-box-rwd .copyright-info .cy-text{
		display: inline-block;
		padding-top: 12px;
		font-size: 12px;
		line-height: 14px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		color:  #fff;
		letter-spacing: 0;
		font-weight: 300;
		text-align: left;
	}

	.footer-box-rwd .copyright-text{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 12px;
		margin-top: 30px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		color:  #aaa;
		letter-spacing: 0;
		font-weight: 300;
	}
}


.full-screen-movie{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,.9);

	display: none;
	/*opacity: 0;*/

	/*transition: .3s;*/
}

.full-screen-movie-bs{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,.9);

	display: none;
	/*opacity: 0;*/

	/*transition: .3s;*/
}

.exit-full-screen-movie-btn{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 20px;
	right: 20px;
	/*background-color: red;*/


	cursor: pointer;
}


.exit-full-screen-movie-btn::before,
.exit-full-screen-movie-btn::after{
	display: block;
	position: absolute;
	width: 30px;
	height: 4px;
	top: 13px;
	left: 0;
	content: '';

	border-radius: 2px ;

	background-color: #fff;
	cursor: pointer;

}



.exit-full-screen-movie-btn::before{
	transform: rotate(45deg);
}
.exit-full-screen-movie-btn::after{
	transform: rotate(-45deg);
}


.movie-frame{
	width: 100%;
	height: 100%;
	padding: 130px 150px 170px 150px;

}

@media screen and (max-width: 1024px){
	.movie-frame{
		width: 100%;
		height: 100%;
		padding: 0;

	}
}

.movie-frame .movie-frame-container
{
	width: 100%;
	padding-bottom: 52%;
	top: 50%;
	transform: translateY(-50%);

 }

.movie-frame .movie-frame-container iframe
{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left:  0;
 }


.ms-page .slogan{
	width: 100%;
	padding: 100px 0;

	overflow: hidden;
}


.ms-page .slogan .quo-mark-l,
.ms-page .slogan .quo-mark-r{
	display: block;
	width: 65px;
	position: absolute;
}

.ms-page .slogan .quo-mark-l{
	left:  60px;
	top:  -30px;
}


.ms-page .slogan .quo-mark-r{
	right:  60px;
	bottom:  -30px;
}


.ms-page .slogan .slogan-text{
	display: block;
	width: 800px;
	color:  #eee;
	font-size: 22px;
	letter-spacing: 3px;
	line-height: 48px;
	margin: 0 auto;
}


@media screen and (max-width:  1024px){
	.ms-page .slogan{
		width: 100%;
		padding: 100px 100px;

		overflow: hidden;
	}

	.ms-page .slogan .quo-mark-l,
	.ms-page .slogan .quo-mark-r{
		display: block;
		width: 60px;
		position: absolute;
	}

	.ms-page .slogan .quo-mark-l{
		left:  -30px;
		top:  -80px;
	}


	.ms-page .slogan .quo-mark-r{
		right:  -30px;
		bottom:  -80px;
	}

	.ms-page .slogan .slogan-text{
		width: 100%;

		font-size: 20px;
		letter-spacing: 3px;
		line-height: 40px;
	}
}



@media screen and (max-width:  500px){
	.ms-page .slogan{
		width: 100%;
		padding: 70px 50px;

		overflow: hidden;
	}

	.ms-page .slogan .quo-mark-l,
	.ms-page .slogan .quo-mark-r{
		display: block;
		width: 30px;
		position: absolute;
	}

	.ms-page .slogan .quo-mark-l{
		left:  -10px;
		top:  -50px;
	}


	.ms-page .slogan .quo-mark-r{
		right:  -10px;
		bottom:  -50px;
	}

	.ms-page .slogan .slogan-text{
		width: 100%;

		font-size: 16px;
		letter-spacing: 1px;
		line-height: 32px;
	}
}


.ms-page .movie-scene-banner{
	width: 100%;
}

.ms-page .movie-scene-banner img{
	width: 100%;
}



.ms-page .movie-synopsis{
	width: 100%;
	overflow: hidden;
}



.ms-page .movie-synopsis .title{
	display: block;
	font-size: 32px;
	line-height: 32px;
	padding-left: 30px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	letter-spacing: 3px;
	color:  #fff;

	border-left:  9px solid #FF5500;
}

@media screen and (max-width: 1024px){
	.ms-page .movie-synopsis .title{
		margin-left:  60px;
	}
}

@media screen and (max-width: 500px){
	.ms-page .movie-synopsis .title{
		margin-left:  30px;
		padding-left: 15px;
		font-size: 24px;
		border-left:  4px solid #FF5500;
	}
}




.ms-page .ms-section{
	width: 100%;
	padding: 30px 60px 0 60px;
	/*border:  1px solid red;*/
}

.ms-page .ms-section-bg{
	width:  100vw;
	display: block;
	position: absolute;
	left:  50%;
	top: 50%;
	transform: translate(-50%,-50%);

	opacity: .7;
}

.ms-page .ms-section-line{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:  150px;
	left: 0;
	transform: translateY(-50%);
}



.ms-page .ms-section .movie-story{
	width: 100%;
	display: block;

	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-size:  18px;
	letter-spacing: 2px;
	line-height: 32px;
	color:  #fff;

	padding-top: 30px;
	padding-bottom:  60px;
}

@media screen and (max-width: 768px){
	.ms-page .ms-section-line{
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top:  20%;
		left: 0;
		transform: translateY(-50%);
	}
	.ms-page .ms-section .movie-story{
		width: 100%;
		display: block;

		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-size:  14px;
		letter-spacing: 2px;
		line-height: 24px;
		color:  #fff;

		padding-top: 15px;
		padding-bottom:  40px;
	}
}


.ms-odd-section .movie-story{
	padding-left: 25%;
}

.ms-even-section .movie-story{
	padding-right: 25%;
}


.ms-page .ms-section .movie-pic{
	width: 100%;
	display: block;
	z-index: 1000;
}



.ms-odd-section .movie-pic{
	right: -200px;
}

.ms-even-section .movie-pic{
	left: -200px;
}




@media screen and (max-width:  1024px){
	.ms-page .ms-section .movie-pic{
		width: calc(110% + 120px);
		display: block;
		z-index: 1000;
	}


	.ms-odd-section .movie-pic,
	.ms-even-section .movie-pic{
		left: 50%;
		transform: translateX(-50%);
	}


}


@media screen and (max-width: 500px){

	.ms-page .ms-section{
		width: 100%;
		padding: 30px 30px 0 30px;
		/*border:  1px solid red;*/
	}
	.ms-page .ms-section .movie-story{
		width: 100%;
		display: block;

		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-size:  14px;
		letter-spacing: 2px;
		line-height: 24px;
		color:  #fff;

		font-weight: 300;

		padding-top: 20px;
		padding-bottom:  50px;
	}

	.ms-odd-section .movie-story{
		padding: 30px 0;
	}

	.ms-even-section .movie-story{
		padding: 30px 0
	}


	.ms-page .ms-section .movie-pic{
		width: 100%;
		display: block;
		z-index: 1000;
	}

	.ms-page .ms-section-line{
		display: none;
	}



	.ms-odd-section .movie-pic{
		right: -200px;
	}

	.ms-even-section .movie-pic{
		left: -200px;
	}

	.ms-page .ms-section .movie-pic{
		width: calc(110% + 120px);
		display: block;
		z-index: 1000;
	}


	.ms-odd-section .movie-pic,
	.ms-even-section .movie-pic{
		left: 50%;
		transform: translateX(-50%);
	}

}

.ms-page .movie-award{
	display: block;
	position: absolute;

	width: 250px;
	right: 0;
	bottom: 100px;
	z-index: 1001;
}

.ms-page .movie-award-pic{
	width: 200px;
	margin: 0 25px;

}

.movie-award-en{
	display: block;
	width: 100%;
}
.movie-frame{
	margin-top: 10px;

	font-size: 14px;
	line-height: 20px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 300;
	letter-spacing: 0px;
	text-align: center;
	color: #fff;
	transition-duration: .7s;
}

@media screen and (max-width:  1024px)
{
	.movie-synopsis{
		padding-bottom: 100px;
	}

	.ms-page .movie-award{
		left: 25%;
		bottom: 0;
		transform: translate(-50%, 50%);
	}
}

@media screen and (max-width:  500px){
	.ms-page .movie-award{
		display: block;
		position: absolute;

		width: 200px;
		right: 0;
		bottom: 100px;
		z-index: 1001;
	}

	.ms-page .movie-award-pic{
		width: 150px;
		margin: 0 25px;

	}
	.movie-synopsis{
		padding-bottom: 100px;
	}

	.ms-page .movie-award{
		left: 25%;
		bottom: 0;
		transform: translate(-50%, 50%);
	}
}


.ms-page .actors{
	width: 100%;
}




.white-section-connector-up{
	width: 100%;
	top: 4px;
}

.white-section-connector-bottom{
	width: 100%;
	top: -3px;
}

@media screen and (max-width: 1024px){
	.white-section-connector-up{
		width: 100%;
		top: 4px;
	}

	.pd-info-page .white-section-connector-up{
		width: 100%;
		top: 4px;
	}

	.white-section-connector-bottom{
		width: 100%;
		top: -3px;
	}
}

@media screen and (max-width: 768px){
	.white-section-connector-up{
		width: 100%;
		top: 3px;
	}

	.pd-info-page .white-section-connector-up{
		width: 100%;
		top: 4px;
	}

	.white-section-connector-bottom{
		width: 100%;
		top: -3px;
	}
}

@media screen and (max-width:  500px){
	.white-section-connector-up{
		top: 0px;
	}

	.pd-operation .white-section-connector-up{
		top: 3px;
	}

	.white-section-connector-bottom{
		width: 100%;
		top: -1px;
	}
}



.ms-page .actors-section-bg{
	width: 100%;
	display:  block;
	position: absolute;
	/*top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}


.ms-page .actors-info{
	width: 100%;
	/*height: 500px;*/
	top: -4px;
	background: #fff;

	padding-bottom: 100px;
}


.actors-section-title{
	display: block;
	/*float: right;*/
	font-size: 32px;
	line-height: 32px;
	padding-right: 30px;
	text-align: right;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	letter-spacing: 3px;
	color:  #000;

	border-right:  9px solid #FF5500;
}

@media screen and (max-width: 1024px){
	.actors-section-title{
		margin-right: 60px;
	}

}

@media screen and (max-width: 500px){
	.ms-page .actors-info{
		width: 100%;
		/*height: 500px;*/
		top: -4px;
		background: #fff;

		padding-top: 30px;
		padding-bottom: 50px;
	}


	.actors-section-title{
		/*margin-top: 30px;*/
		margin-right: 30px;

		font-size: 24px;
		line-height: 24px;
		padding-right: 15px;
		border-right:  4px solid #FF5500;

	}

}





.actor-cards{
	position: relative;
	width: 100%;
	margin: 60px 0 100px 0;
}



.actor-card{
  width: 400px;
  /*height: 200px;*/
  margin:  20px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;

  overflow: hidden;
  box-shadow: 2px 2px 5px #888;
}



.actor-pic{
	width: 100%;
	/*padding-bottom: 100%;*/

	background: #ccc;
	padding-bottom: 100%;
}

.actor-pic img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.actor-info{
	padding: 40px;
	height: 300px;
	background:  #F1F1F1;
}

.flickity-page-dots .dot.is-selected{
	opacity:  1;
	background-color: #ff5500;
}

.actor-name{
	display: block;
	font-size: 22px;
	line-height: 44px;
	font-family: jf-jinxuan-b ,"Noto Sans TC", sans-serif;
	font-weight: 700;

	margin-bottom:  10px;
}

.actor-des{
	display: block;
	padding-left:  20px;
	border-left: 7px solid #ff5500;
	font-size:  18px;
	font-family:  jf-jinxuan ,'Noto Sans Serif', sans-serif;
	line-height: 32px;
	font-weight: 300;
	letter-spacing: 2px;
}

@media screen and (max-width: 1024px){

	.actor-des{
		display: block;
		padding-left:  20px;
		border-left: 4px solid #ff5500;
		font-size:  14px;
		font-family:  jf-jinxuan ,'Noto Sans Serif', sans-serif;
		line-height: 28px;
		font-weight: 300;
		letter-spacing: 1px;
	}

}


@media screen and (max-width: 500px){
	.actor-card{
	  width: 250px;
	  /*height: 200px;*/
	  margin:  10px;
	  background: #8C8;
	  border-radius: 5px;
	  counter-increment: carousel-cell;

	  overflow: hidden;
	  box-shadow: 2px 2px 5px #888;
	}

	.actor-info{
		padding: 20px;
		height: 250px;
		background:  #F1F1F1;
	}

	.flickity-page-dots .dot.is-selected{
		opacity:  1;
		background-color: #ff5500;
	}

	.actor-name{
		display: block;
		font-size: 18px;
		line-height: 36px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 700;

		margin-bottom:  10px;
	}

	.actor-des{
		display: block;
		padding-left:  20px;
		border-left: 4px solid #ff5500;
		font-size:  14px;
		font-family:  jf-jinxuan ,'Noto Sans Serif', sans-serif;
		line-height: 24px;
		font-weight: 300;
		letter-spacing: 1px;
	}

}


/*
    pd information
*/

.pd-info-page .banner{
	width: 100%;
	z-index: 10;
}

.pd-info-page .banner-bg{
	width: 100%;
}

.pd-info-page .banner-bg-rwd{
	width: 100%;
	display: none;
}

.pd-info-page .banner-bg-rwd-s{
	width: 100%;
	display: none;
}

@media screen and (max-width: 1024px){
	.pd-info-page .banner-bg{
		display: none;
	}

	.pd-info-page .banner-bg-rwd{
		display: block;
	}
}

@media screen and (max-width: 500px){
	.pd-info-page .banner-bg{
		display: none;
	}

	.pd-info-page .banner-bg-rwd{
		display: none;
	}

	.pd-info-page .banner-bg-rwd-s{
		display: block;
	}
}


.pd-info-page .banner-title{
	padding-left: 15vw;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


.pd-info-page .banner-title-tc{
	display: block;
	font-size: 48px;
	margin-bottom: 18px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	font-weight: 900;
	letter-spacing: 5px;

	color: #fff;
}

.pd-info-page .banner-title-en{
	display: block;
	font-size: 24px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	letter-spacing: 2px;

	color: #fff;
}


@media screen and (max-width: 1024px){
	.pd-info-page .banner-title{
		padding-left: 15vw;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}


	.pd-info-page .banner-title-tc{
		display: block;
		font-size: 48px;
		margin-bottom: 18px;
		font-family: jf-jinxuan ,"Noto Serif TC", serif;
		font-weight: 900;
		letter-spacing: 5px;

		color: #fff;
	}

	.pd-info-page .banner-title-en{
		display: block;
		font-size: 24px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 2px;

		color: #fff;
	}
}

@media screen and (max-width: 768px){
	.pd-info-page .banner-title{
		padding-left: 15vw;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}


	.pd-info-page .banner-title-tc{
		display: block;
		font-size: 36px;
		margin-bottom: 18px;
		font-family: jf-jinxuan ,"Noto Serif TC", serif;
		font-weight: 900;
		letter-spacing: 5px;

		color: #fff;
	}

	.pd-info-page .banner-title-en{
		display: block;
		font-size: 18px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 2px;

		color: #fff;
	}
}


@media screen and (max-width: 500px){
	.pd-info-page .banner-title{
		padding-left: 60px;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}


	.pd-info-page .banner-title-tc{
		display: block;
		font-size: 24px;
		margin-bottom: 14px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 900;
		letter-spacing: 3px;

		color: #fff;
	}

	.pd-info-page .banner-title-en{
		display: block;
		font-size: 16px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 2px;

		color: #fff;
	}
}

.pd-info-page .pd-info-section{
	padding: 0px 0 60px 0;
	overflow: hidden;
}


.pd-info-page .pd-info{
	width: 100%;
	margin-bottom:  60px;
}

@media screen and (max-width: 1024px){
	.pd-info-page .pd-info{
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 500px){
	.pd-info-page .pd-info{
		margin-bottom: 30px;
	}
}


.pd-info-page .pd-info-bg{
	width: 100vw;
	display: block;
	position: absolute;
}


@media screen and (max-width: 768px){

}

.pd-info-page .pd-info-link-line{
	height: 100%;
	display: block;
	position: absolute;
}

.pd-info-box{
	display: inline-block;
	/*display: flex;*/
	/*flex-direction: column;*/
}


.pd-info-page .pd-info-title{
	/*display: block;*/
	display: inline-block;
	color: #ff5500;
	font-size: 32px;
	line-height: 40px;
	/*line-height: 70px;*/
	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
	font-weight: 900;
	letter-spacing: 3px;
	margin-bottom: 10px;
	/*float: left;*/

	/*padding-left: -3px;*/
}

.pd-info-page .pd-info-des{
	/*display: block;*/
	display: inline-block;
	color: #fff;
	font-size: 18px;
	line-height: 32px;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-weight: 300;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

.pd-info-page .pd-info-img{
	width: calc(100% - 200px);
	margin: 0  auto 0 auto;
	display: block;

	padding-top: 30px;
	z-index: 10;
}



.pd-info-page .pi-odd .pd-info-box{
	float: left;
	padding-left: 170px;
}

.pd-info-page .pi-odd .pd-info-bg{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pd-info-page .pi-odd .pd-info-link-line{
	top: 0;
	left: 85px;
	transform: translate(0, calc(-50% + 35px));

}

.pd-info-page .pi-even .pd-info-box{
	float: right;
	padding-right: 170px;
}

.pd-info-page .pi-even .pd-info-bg{
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}

.pd-info-page .pi-even .pd-info-link-line{
	top: 0;
	right: 85px;
	transform: translate(0, calc(-50% + 35px));
}

@media screen and (max-width: 1024px){

	.pd-info-page .pd-info-title{
		display: block;
		color: #ff5500;
		font-size: 24px;
		line-height: 36px;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		font-weight: 900;
		letter-spacing: 3px;

		margin-bottom: 0;

	}

	.pd-info-page .pd-info-des{
		display: block;
		color: #fff;
		font-size: 16px;
		line-height: 36px;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-weight: 300;
		letter-spacing: 3px;

	}

	.pd-info-page .pd-info-bg{
		width: 100vw;
		display: block;
		position: absolute;
	}



	.pd-info-page .pd-info-img{
		margin-top:  0px;
		width: calc(100% - 100px);

		z-index: 10;
	}

	.pd-info-page .pi-odd .pd-info-box{
		float: left;
		padding-left: 100px;
	}

	.pd-info-page .pi-odd .pd-info-img{
		margin-left:  100px;
	}

	.pd-info-page .pi-odd .pd-info-bg{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.pd-info-page .pi-odd .pd-info-link-line{
		top: 0;
		left: 35px;
		transform: translate(0, calc(-50% + 35px));

	}
	.pd-info-page .pi-even .pd-info-box{
		float: right;
		padding-right: 100px;
	}

	.pd-info-page .pi-even .pd-info-img{
		margin-right: 100px;
	}

	.pd-info-page .pi-even .pd-info-bg{
		top: 50%;
		right: 50%;
		transform: translate(50%, -50%);
	}

	.pd-info-page .pi-even .pd-info-link-line{
		top: 0;
		right: 35px;
		transform: translate(0, calc(-50% + 35px));

	}

}


@media screen and (max-width: 500px){

	.pd-info-page .pd-info-section{
		padding: 30px 0 50px 0;
		overflow: hidden;
	}

	.pd-info-page .pd-info-img{
		margin-top:  30px;
		width: calc(100% - 100px);

		padding-top: 15px;
		z-index: 10;
	}

	.pd-info-page .pd-info-title{
		display: block;
		color: #ff5500;
		font-size: 24px;
		line-height: 36px;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		font-weight: 900;
		letter-spacing: 2px;
		margin-bottom: 10px;

	}

	.pd-info-page .pd-info-des{
		display: block;
		color: #fff;
		font-size: 16px;
		line-height: 32px;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-weight: 300;
		letter-spacing: 1px;

	}

	.pd-info-page .pd-info-des br{
		display: none;
	}

	.pd-info-page .pd-info-bg{
		width: 200vw;
		display: block;
		position: absolute;
	}



	.pd-info-page .pi-odd .pd-info-box{
		float: left;
		padding: 0 30px;
	}

	.pd-info-page .pi-odd .pd-info-img{
		width: 100%;
		margin-left:  0;
	}

	.pd-info-page .pi-odd .pd-info-bg{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -100%);
	}

	.pd-info-page .pd-info-link-line{
		display: none;

	}

	.pd-info-page .pi-even .pd-info-box{
		float: left;
		padding: 0 30px;
	}

	.pd-info-page .pi-even .pd-info-img{
		width: 100%;
		margin-right: 0;
	}

	.pd-info-page .pi-even .pd-info-bg{
		top: 50%;
		right: 50%;
		transform: translate(50%, -100%);
	}


}




.pd-info-page .pd-operation{
	width: 100%;
}

.pd-info-page .pd-op-info{
	width: 100%;
	background:  #fff;

	padding:  60px 0;

	/*border: 3px solid #fff;*/

	/*margin-bottom: 100px;*/
}

.pd-info-page .pd-op-info-bg{
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
}

.pd-info-page .pd-op-info-title{
	margin-top: 70px;
	margin-bottom: 32px;
	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
	font-weight: 900;
	letter-spacing: 3px;
	font-size:  32px;
	line-height: 40px;
	color:  #000;
}

.pd-info-page .po-odd .pd-op-info-title{
	border-right: 9px solid #ff5500;
	padding-right: 30px;
	text-align: right;
}

.pd-info-page .po-even .pd-op-info-title{
	border-left: 9px solid #ff5500;
	padding-left: 30px;
	text-align: left;
}


.pd-info-page .pd-op-info-des{
	margin-top: 32px;

	display: block;
	color: #000;
	font-size: 18px;
	line-height: 36px;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-weight: 300;
	letter-spacing: 3px;
}


.pd-info-page .po-odd .pd-op-info-des{
	text-align: right;
}

.pd-info-page .po-even .pd-op-info-des{
	text-align: left;
}


.pd-info-page .pd-op-info-img{
	width: calc(100% - 170px);
}

.pd-info-page .po-odd  .pd-op-info-img{
	margin-left: 170px;
}

.pd-info-page .po-even  .pd-op-info-img{
	margin-right: 170px;
}


@media screen and (max-width: 1024px){
	.pd-info-page .pd-op-info-title{
		margin-top: 70px;
		margin-bottom: 32px;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		font-weight: 900;
		letter-spacing: 3px;
		font-size:  24px;
		color:  #000;
	}
	.pd-info-page .pd-op-info-img{
		width: 100%;
	}

	.pd-info-page .po-odd  .pd-op-info-img{
		margin-left: 0;
	}

	.pd-info-page .po-even  .pd-op-info-img{
		margin-right: 0;
	}
}

@media screen and (max-width: 768px){
	.pd-info-page .po-odd .pd-op-info-title{
		margin-right: 30px;
		border-right: 9px solid #ff5500;
		padding-right: 30px;
		text-align: right;
	}

	.pd-info-page .po-even .pd-op-info-title{
		margin-left:  30px;
		border-left: 9px solid #ff5500;
		padding-left: 30px;
		text-align: left;
	}

	.pd-info-page .po-odd .pd-op-info-des{
		text-align: right;
		margin-right: 30px;
	}

	.pd-info-page .po-even .pd-op-info-des{
		text-align: left;
		margin-left:  30px;
	}

}

@media screen and (max-width: 500px){
	.pd-info-page .pd-operation{
		width: 100%;
	}

	.pd-info-page .pd-op-info{
		width: 100%;
		background:  #fff;

		padding:  30px 0 0 0 ;

		/*margin-bottom: 100px;*/
	}

	.pd-info-page .pd-op-info-bg{
		width: 100%;
		position: absolute;
		top: 30px;
		left: 0;
	}

	.pd-info-page .pd-op-info-title{
		margin-top: 30px;
		margin-bottom: 30px;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		font-weight: 900;
		letter-spacing: 2px;
		font-size:  24px;
		color:  #000;
	}

	.pd-info-page .po-odd .pd-op-info-title{
		border-right: 4px solid #ff5500;
		padding-right: 15px;
		text-align: right;
	}

	.pd-info-page .po-even .pd-op-info-title{
		border-left: 4px solid #ff5500;
		padding-left: 15px;
		text-align: left;
	}


	.pd-info-page .pd-op-info-des{
		margin: 0;
		margin-bottom: 30px;
		padding:  0 30px;

		display: block;
		color: #000;
		font-size: 14px;
		line-height: 28px;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-weight: 300;
		letter-spacing: 1px;
	}


	.pd-info-page .po-odd .pd-op-info-des{
		text-align: right;
	}

	.pd-info-page .po-even .pd-op-info-des{
		text-align: left;
	}


	.pd-info-page .pd-op-info-img{
		width: 100%;
	}

	.pd-info-page .po-odd  .pd-op-info-img{
		margin-left: 0;
	}

	.pd-info-page .po-even  .pd-op-info-img{
		margin-right: 0;
	}

		.pd-info-page .po-odd .pd-op-info-des{
		text-align: right;
		margin-right: 0;
	}

	.pd-info-page .po-even .pd-op-info-des{
		text-align: left;
		margin-left:  0;
	}
}


.pd-info-page .pd-op-cmp-tbl{
	/*width: calc(100% - 170px);*/
	/*width: 100%;*/

	background-color: #fff;
	border-radius: 7px;

	margin: 0 auto;
}

.pd-info-page .pd-op-cmp-tbl-rwd-s{
	display: none;
}

.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-field{
	background: linear-gradient(330deg,#F50 0%,#ED8E56 25%, #ED8E56 75%, #F50 100%);;
	color: #fff;
}


.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-field td{
	border-bottom: 2px solid #fff;
	padding: 20px 50px 20px 50px;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #fff;


	border-radius: 7px;
}

.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td{
	border-radius: 7px;
}

.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(1){
	/*width: 20%;*/
	padding: 20px 50px 20px 50px;
	border-bottom: 2px solid #fff;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #000;
	background-color: #ED8E56;
	letter-spacing: 2px;
	line-height: 30px;

}

.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(2){
	/*width: 20%;*/
	padding: 20px 50px 20px 50px;
	border-bottom: 2px solid #fff;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #333;
	background-color: #FEF3EF;
	letter-spacing: 2px;
	line-height: 30px;
}

.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(3){
	/*width: 20%;*/
	padding: 20px 40px 20px 40px;
	border-bottom: 2px solid #fff;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #333;
	background-color: #FEF3EF;
	letter-spacing: 2px;
	line-height: 30px;
}

.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(4),
.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:last-child{
	/*width: 25%;*/
	padding: 20px 50px 20px 50px;
	border-bottom: 3px solid #fff;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #333;
	background-color: #F4E1D0;
	letter-spacing: 2px;
	line-height: 30px;
}


.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row .crown-icon{
	display: block;
	position: absolute;

	font-size: 20px;
	bottom: 20px;
	right: 20px;

	/*transform: rotate(-30deg);*/
}


@media screen and (max-width: 768px){

	.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-field td{
		padding: 20px;
		text-align: left;
		font-size: 16px;
	}

	.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(1){
		/*width: 20%;*/
		/*background: red;*/
		padding: 20px 30px;

		font-size: 16px;
		white-space: nowrap;
	}

	.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(2),
	.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(3),
	.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:nth-child(4){
		/*width: 25%;*/
		padding: 20px 10px 20px 10px;
		text-align: left;

		font-size: 16px;

	}

	.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row td:last-child{
		padding: 20px 30px 20px 20px;
		text-align: left;

		font-size: 16px;
	}


	.pd-info-page .pd-op-cmp-tbl .pd-op-cmp-tbl-row .crown-icon{

		font-size: 18px;
		bottom: 20px;
		right: 6px;
	}

}



@media screen and (max-width: 500px){

	.pd-info-page .pd-op-cmp-tbl{
		display: none;
	}

	.pd-info-page .pd-op-cmp-tbl-rwd-s{
		/*width: calc(100% - 170px);*/
		/*width: 100%;*/

		background-color: #fff;
		border-radius: 7px;

		margin: 0 auto;

		display: block;
		width: 100%;
	}

	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-title{

		/*display: block;*/
		margin-top: 30px;
		/*background-color: rgba(255,255,255,0);*/
		/*background: linear-gradient(330deg,#F50 0%,#ED8E56 25%, #ED8E56 75%, #F50 100%);*/
		color: #fff;
	}

	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-title td{
		/*border-bottom: 2px solid #000; */
		/*margin-top: 50px;*/
		padding: 30px 0 20px 0;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		/*font-weight: 900;*/
		font-size: 20px;
		color: #000;
		letter-spacing: 3px;
		text-align: center;

	}

	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-field{
		/*background: linear-gradient(330deg,#F50 0%,#ED8E56 25%, #pd-op-cmp-tbl-field 75%, #F50 100%);;*/
		background: #ED8E56;
		color: #fff;
	}


	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-field td{
		border-radius: 7px 7px 0 0;
		padding: 10px 5px 10px 5px;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		/*font-weight: 500;*/
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 1px;
		color: #000;
		text-align: center;


		/*border-radius: 7px;*/
	}

	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-row td{
		border-radius: 0 0 7px 7px;
		padding: 30px 5px 30px 5px;
		text-align: center;
	}

	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-row td:nth-child(1),
	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-row td:nth-child(2){
		/*width: 20%;*/

		border-bottom: 2px solid #fff;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		/*font-weight: 600;*/
		font-size: 14px;
		color: #000;
		background-color: #FEF3EF;
		letter-spacing: 2px;
		line-height: 30px;

		width: 32%

	}


	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-row td:nth-child(3){
		/*width: 20%;*/
		border-bottom: 2px solid #fff;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		/*font-weight: 600;*/
		font-size: 14px;
		color: #333;
		background-color: #F4E1D0;
		letter-spacing: 2px;
		line-height: 30px;
		width: 32%;
	}



	.pd-info-page .pd-op-cmp-tbl-rwd-s .pd-op-cmp-tbl-row .crown-icon{
		display: block;
		position: absolute;

		font-size: 20px;
		top: 3px;
		right: 5px;

		/*transform: rotate(-30deg);*/
	}

}





.pd-info-page .pd-vedio{
	width: 100%;
	padding: 150px 0;

	background: #fff;
}


.pd-info-page .pd-vedio-title{
	border-left:  9px solid #ff5500;
	padding-left:  30px;
	font-size:  32px;
	font-weight: 900;
	letter-spacing: 3px;
	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
}

.pd-info-page .pd-vedio-des{
	margin: 18px 0 32px 0;
	font-size:  18px;
	font-weight: 300;
	letter-spacing: 2px;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
}


.pd-info-page .pd-vedio-iframe{
	width: 100%;
	padding-bottom: 56%;
}

.pd-info-page .pd-vedio-iframe iframe{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;height: 100%;
}



.pd-vedio-report{
	margin-top: 32px;
	border-right: 9px solid #f50;

}


.pd-vedio-report-source{

	padding-right: 30px;
	font-size:  18px;
	line-height: 36px;
	font-weight: 300;
	letter-spacing: 2px;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	color: #000;

	text-align: right;

}


.pd-vedio-report-title{

	padding-right: 30px;
	font-size:  24px;
	line-height: 48px;
	font-weight: 900;
	letter-spacing: 3px;
	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
	color: #000;

	text-align: right;

}


.pd-vedio-report-link{

	display: block;
	padding-right: 30px;
	font-size:  18px;
	line-height: 36px;
	font-weight: 300;
	letter-spacing: 2px;
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	color: #000;

	text-align: right;

}

.pd-vedio-report-link:hover{

	color: #f50;

}

.pd-vedio-bg{
	display: block;
	position: absolute;
	height: 800px;
	width: 800px;
	bottom: 0;
	left: 0;
	transform: translate(-50%, 0);
}


@media screen and (max-width: 1024px){

	.pd-info-page .pd-vedio{
		width: 100%;
		padding: 50px 0 70px 0;

		background: #fff;
	}

	.pd-info-page .pd-vedio-title{
		margin-left: 60px;
		border-left:  9px solid #ff5500;
		padding-left:  30px;
		font-size:  24px;
		font-weight: 900;
		letter-spacing: 3px;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;


	}

	.pd-info-page .pd-vedio-des{
		margin: 18px 0 32px 60px;
	}


	.pd-vedio-report{
		margin-right: 60px;
	}
}

@media screen and (max-width: 768px){
	.pd-info-page .pd-vedio-title{
		margin-left: 30px;
	}

	.pd-info-page .pd-vedio-des{
		margin: 18px 0 32px 30px;
	}


	.pd-vedio-report{
		margin-right: 30px;
	}

	.pd-vedio-bg{
		height: 400px;
		width: 400px;
	}
}

@media screen and (max-width: 500px){

	.pd-info-page .pd-vedio{
		width: 100%;
		padding: 60px 0;

		background: #fff;
	}
	.pd-info-page .pd-vedio-title{
		margin-left: 30px;
		padding-left: 15px;
		font-size: 24px;
		border-left: 4px solid #f50;
	}

	.pd-info-page .pd-vedio-des{
		margin: 18px 30px 32px 30px;
		font-size: 16px;
		line-height: 24px;
	}


	.pd-vedio-report{
		margin-right: 30px;
		padding-right: 15px;
		border-right: 4px solid #f50;

	}

	.pd-vedio-bg{
		height: 400px;
		width: 400px;
	}


	.pd-vedio-report-source{

		padding-right: 0;
		font-size:  14px;
		line-height: 28px;
		font-weight: 300;
		letter-spacing: 1px;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		color: #000;

		text-align: right;
	}


	.pd-vedio-report-title{

		padding-right: 0;
		font-size:  16px;
		line-height: 32px;
		font-weight: 900;
		letter-spacing: 1px;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		color: #000;

		text-align: right;

	}


	.pd-vedio-report-link{


		display: block;
		padding-right: 15px;
		padding-left: 15px;
		font-size:  14px;
		line-height: 28px;
		font-weight: 300;
		letter-spacing: 2px;
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		color: #000;

		text-align: right;

	}

}


/*
    podcast information
*/

.podcast-page .banner{
	width: 100%;
	z-index: 10;
}

.podcast-page .banner-bg{
	width: 100%;
}

.podcast-page .banner-bg-rwd{
	width: 100%;
	display: none;
}

.podcast-page .banner-bg-rwd-s{
	width: 100%;
	display: none;
}



@media screen and (max-width: 1024px){
	.podcast-page .banner-bg{
		display: none;
	}
	.podcast-page .banner-bg-rwd{
		display: block;
	}
}

@media screen and (max-width: 500px){
	.podcast-page .banner-bg{
		display: none;
	}
	.podcast-page .banner-bg-rwd{
		display: none;
	}
	.podcast-page .banner-bg-rwd-s{
		display: block;
	}
}

.podcast-page .banner-title{
	padding-left: 15vw;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.podcast-page .banner-title-tc{
	display: block;
	font-size: 48px;
	margin-bottom: 18px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	font-weight: 900;
	letter-spacing: 5px;

	color: #fff;
}

.podcast-page .banner-title-en{
	display: block;
	font-size: 24px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	letter-spacing: 2px;

	color: #fff;
}


.podcast-page .podcast-banner-pic{
	width: 100%;
	padding-bottom: 30%;
	background-image: url('../images/microphone-5594702_1920.jpeg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;

	top: -150px;

	margin-bottom: -150px;
}

@media screen and (max-width: 1024px){
	.podcast-page .podcast-banner-pic{
		width: 100%;
		padding-bottom: 40%;
		background-image: url('../images/microphone-5594702_1920.jpeg');
		background-size: cover;
		background-position: center;
		background-attachment: scroll;
		background-repeat: no-repeat;

		top: -100px;

		margin-bottom: -100px;
	}
}

@media screen and (max-width: 768px){
	.podcast-page .banner-title{
		padding-left: 15vw;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.podcast-page .banner-title-tc{
		display: block;
		font-size: 36px;
		margin-bottom: 18px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 900;
		letter-spacing: 5px;

		color: #fff;
	}

	.podcast-page .banner-title-en{
		display: block;
		font-size: 18px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 2px;

		color: #fff;
	}
}


@media screen and (max-width: 500px){
	.podcast-page .banner-title{
		padding-left: 60px;
	}

	.podcast-page .banner-title-tc{
		display: block;
		font-size: 24px;
		margin-bottom: 14px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 900;
		letter-spacing: 2px;

		color: #fff;
	}

	.podcast-page .banner-title-en{
		display: block;
		font-size: 16px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 1px;

		color: #fff;
	}


	.podcast-page .podcast-banner-pic{
		width: 100%;
		padding-bottom: 70%;
		background-image: url('../images/microphone-5594702_1920.jpeg');
		background-size: cover;
		background-attachment: scroll;
		background-repeat: no-repeat;

		top: -60px;
		margin-bottom: -60px;
	}
}


.podcast-page .podcast-lists{
	padding: 50px 0 200px 0;
}

@media screen and (max-width:  1024px){
	.podcast-page .podcast-lists{
		padding: 0 0 100px 0;
	}
}

.podcast-page .podcast-list-bg{
	width: 100%	;
	height: 100%;
	position: absolute;
	background-image: url('../images/podcast-bg.svg');
	background-size: cover;

	opacity: .6;
}


.podcast-page .podcast-list{
	display: block;
	border-top: 1px solid #fff;
	color: #fff;

	display: flex;
	flex-direction: row;

	transition: 1s;
}

.podcast-page .podcast-list:last-child{
	border-bottom: 1px solid #fff;
}

.podcast-page .podcast-list:hover{
	color: #333;
	background-color: #fff;
}

.podcast-page .podcast-list:hover .podcast-play-btn{
	color: #333;
}



.podcast-page .podcast-id{
	float: left;
	flex: 1;

	padding: 50px 30px;
	font-family: 'Open Sans Condensed', sans-serif;;
	letter-spacing: 2px;
	/*font-weight: 300;*/
	font-size: 70px;
	line-height: 70px;

	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;

	text-align: center;
}

.podcast-page .podcast-id::before{
	display: block;
	position: absolute;
	top: 50px;
	left:  20px;
	content: '#';
	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #fff;

	transition: .7s;
}

.podcast-page .podcast-list:hover .podcast-id::before{
	color: #333;
}



.podcast-page .podcast-info{
	/*float: left;*/
	flex: 8;
	padding: 50px 30px;
}


.podcast-page .podcast-title{
	display: block;
	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
	font-size: 24px;
	line-height:24px;
	font-weight: 900;
	letter-spacing: 3px;
	margin-bottom: 16px;
}

.podcast-page .podcast-speaker{
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 3px;
	margin-bottom: 32px;
}

.podcast-page .podcast-des{
	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	letter-spacing: 3px;
	/*margin-bottom: 32px;*/
}
.podcast-page .podcast-play{
	/*float: left;*/
	flex: 1;
	padding: 50px 30px;
}

.podcast-page .podcast-play-btn{
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 70px;

	bottom: 70px;
	left: 50%;

	transform: translate(-50%);

	color: #fff;
	transition: 1s;

}

.podcast-page .podcast-play-btn:hover{
	color: #f50;
}


@media screen and (max-width: 1024px){
	.podcast-page .podcast-id{
		padding: 30px 30px;
	}

	.podcast-page .podcast-info{
		padding: 30px 30px;
	}

	.podcast-page .podcast-play{
		padding: 30px 30px;
	}

	.podcast-page .podcast-title{
		font-size: 24px;
		letter-spacing: 2px;
		margin-bottom: 24px;
		line-height: 32px;
	}

	.podcast-page .podcast-speaker{
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 24px;
	}

	.podcast-page .podcast-des{
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-size: 16px;
		line-height: 26px;
		font-weight: 300;
		letter-spacing: 2px;
		/*margin-bottom: 32px;*/
	}

	.podcast-page .podcast-play-btn{
		font-size: 50px;

	}
}

@media screen and (max-width: 768px){
	.podcast-page .podcast-id{
		padding: 30px 30px;
	}

	.podcast-page .podcast-info{
		padding: 30px 30px;
	}

	.podcast-page .podcast-play{
		padding: 30px 30px;
	}

	.podcast-page .podcast-title{
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 1px;
		margin-bottom: 24px;
	}

	.podcast-page .podcast-speaker{
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 24px;
	}

	.podcast-page .podcast-des{
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-size: 16px;
		line-height: 26px;
		font-weight: 300;
		letter-spacing: 2px;
		/*margin-bottom: 32px;*/
	}

	.podcast-page .podcast-play-btn{
		font-size: 50px;

	}
}

@media screen and (max-width: 500px){
	.podcast-page .podcast-lists{
		padding: 0 5px;
	}

	.podcast-page .podcast-list-bg{
		width: calc(100% + 10px);
		height: 100%;
		position: absolute;

		left: -5px;

		background-image: url('../images/podcast-bg.svg');
		background-size: cover;
	}


	.podcast-page .podcast-list{
		border-top: 1px solid #fff;
		color: #fff;

		display: flex;

		transition: 1s;
	}

	.podcast-page .podcast-list:last-child{
		border-bottom: 1px solid #fff;
	}

	.podcast-page .podcast-list:hover{
		color: #333;
		background-color: #fff;
	}

	.podcast-page .podcast-list:hover .podcast-play-btn{
		color: #333;
	}



	.podcast-page .podcast-id{
		float: left;
		flex: 1;

		padding: 15px 0px 15px 10px;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		font-weight: 300;
		font-size: 36px;
		line-height: 36px;
		display: none;
	}

	.podcast-page .podcast-id::before{
		display: block;
		position: absolute;
		top: 15px;
		left:  3px;
		content: '#';
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-size: 14px;
		line-height: 14px;
		color: #fff;
	}

	.podcast-page .podcast-info{
		float: left;
		flex: 5;
		padding: 30px 15px;
	}


	.podcast-page .podcast-title{
		display: block;
		font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
		font-size: 20px;
		line-height: 28px;
		font-weight: 900;
		letter-spacing: 1px;
		margin-bottom: 18px;
	}

	.podcast-page .podcast-speaker{
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-size: 12px;
		font-weight: 300;
		letter-spacing: 1px;
		margin-bottom: 18px;
	}

	.podcast-page .podcast-des{
		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-size: 12px;
		line-height: 21px;
		font-weight: 300;
		letter-spacing: 0px;
		/*margin-bottom: 32px;*/
	}
	.podcast-page .podcast-play{
		float: left;
		flex: 1;
		padding: 10px 10px 10px 0;

		display: none;
	}

	.podcast-page .podcast-play-btn{
		display: block;
		position: absolute;
		width: 100%;
		text-align: center;
		font-size: 40px;

		top: 15px;
		left: 50%;

		transform: translate(-50%);

		color: #fff;
		transition: 1s;

	}

	.podcast-page .podcast-play-btn:hover{
		color: #f50;
	}
}


/*
	Dr Lin
*/

.drlin-page .banner{
	width: 100%;
	z-index: 10;
}

.drlin-page .banner-bg{
	width: 100%;
}

.drlin-page .banner-bg-rwd{
	width: 100%;
	display: none;
}

.drlin-page .banner-bg-rwd-s{
	width: 100%;
	display: none;
}


@media screen and (max-width: 1024px){
	.drlin-page .banner-bg{
		display: none;
	}

	.drlin-page .banner-bg-rwd{
		display: block;
	}

}

@media screen and (max-width: 500px){
	.drlin-page .banner-bg{
		display: none;
	}

	.drlin-page .banner-bg-rwd{
		display: none;
	}

	.drlin-page .banner-bg-rwd-s{
		display: block;
	}
}

.drlin-page .banner-title{
	padding-right: 15vw;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);

	text-shadow: 2px 2px 0px #020136;
}

.drlin-page .banner-title-tc{
	display: block;
	font-size: 48px;
	margin-bottom: 18px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	font-weight: 900;
	letter-spacing: 5px;

	color: #fff;

	text-align: right;
}

.drlin-page .banner-title-en{
	display: block;
	font-size: 24px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	letter-spacing: 2px;

	color: #fff;
	text-align: right;
}

@media screen and (max-width: 768px){
	.drlin-page .banner-title{
		padding-right: 15vw;
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);

		text-shadow: 2px 2px 0px #020136;
	}

	.drlin-page .banner-title-tc{
		display: block;
		font-size: 36px;
		margin-bottom: 18px;
		font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
		font-weight: 900;
		letter-spacing: 5px;

		color: #fff;

		text-align: right;
	}

	.drlin-page .banner-title-en{
		display: block;
		font-size: 18px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 2px;

		color: #fff;
		text-align: right;
	}
}

@media screen and (max-width: 500px){
	.drlin-page .banner-title{
		padding-right: 60px;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);

		text-shadow: 2px 2px 0px #020136;
	}

	.drlin-page .banner-title-tc{
		display: block;
		font-size: 24px;
		margin-bottom: 14px;
		font-family: jf-jinxuan ,"Noto Serif TC", serif;
		font-weight: 900;
		letter-spacing: 3px;

		color: #fff;

		text-align: right;
	}

	.drlin-page .banner-title-en{
		display: block;
		font-size: 16px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 2px;

		color: #fff;
		text-align: right;
	}
}


.drlin-page .drlin-intro{
	padding: 50px 0 30px 0;
}

.drlin-page .drlin-intro-title{
	display: block;
	font-size: 32px;
	line-height: 32px;
	padding-left: 30px;
	font-family: jf-jinxuan ,"Noto Serif TC", serif;
	letter-spacing: 3px;
	color:  #fff;

	border-left:  9px solid #FF5500;

	margin-bottom: 100px;

	position: absolute;
	top: -70px;
}

.drlin-page .drlin-intro-info{
	margin-top: 0;
	padding: 65px 65px;
	width: 100%;

	background-color: #f1f1f1;

}

.drlin-page .drlin-intro-info .drlin-img{
	display: block;
	width: 58%;
	position: absolute;
	bottom: -65px;
	left: -20px;
}

@media screen and (max-width: 1024px){
	.drlin-page .drlin-intro-info{
		padding: 65px 50px;
	}

	.drlin-page .drlin-intro-info .drlin-img{
		display: block;
		width: 75%;
		position: absolute;
		bottom: -65px;
		left: 0;
		transform: translateX(-15%);
	}
}

@media screen and (max-width: 768px){
	.drlin-page .drlin-intro{
		padding: 50px 0 30px 0;
	}
	.drlin-page .drlin-intro-title{
		margin-bottom: 0px;
		top: -50px;
	}

	.drlin-page .drlin-intro-info{
		margin-top: 0;
		padding: 60px 30px;
		width: 100%;

		background-color: #f1f1f1;

	}
	.drlin-page .drlin-intro-info .drlin-img{
		display: block;
		width: 85%;
		position: absolute;
		bottom: -60px;
		left: 0;
		transform: translateX(-20%);
	}
}

@media screen and (max-width: 500px){
	.drlin-page .drlin-intro{
		padding: 50px 0 30px 0;
	}

	.drlin-page .drlin-intro-title{
		display: block;
		font-size: 24px;
		line-height: 24px;
		padding-left: 15px;
		border-left:  4px solid #FF5500;
		margin-left: 30px;

		margin-bottom: 0px;
		top: -30px;
	}

	.drlin-page .drlin-intro-info{
		margin-top: 30px;
		padding: 30px 30px;
		width: 100%;

		background-color: #f1f1f1;

	}

	.drlin-page .drlin-intro-info .drlin-img{
		display: block;
		position: relative;
		width: 100%;

		bottom: 0px;
		left: 0px;
		transform: translateX(0);

		top: 30px;
	}
}


.drlin-page .drlin-careers{
	padding-left: 50%;
	z-index: 10;
}

.drlin-page .drlin-careers .name{
	display: block;
	margin-bottom: 30px;

	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
	font-size: 32px;
	font-weight: 900;

	letter-spacing: 3px;
}

.drlin-page .career{
	display: flex;
}

.drlin-page .career .title{
	flex: 1;
	float: left;
}

.drlin-page .career .title .title-name{
	display: block;
	padding-left: 30px;
	border-left: 9px solid #f50;

	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 2px;
}

.drlin-page .career .majors{
	float: left;
	flex: 3;
	margin-bottom: 15px;
}


.drlin-page .career .majors .major{
	padding-bottom: 10px;
}

.drlin-page .career .majors .major .major1{
	display: block;
	font-family: jf-jinxuan-b ,'Noto Sans TC', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 2px;
}

.drlin-page .career .majors .major .major1 br{
	display: none;
}

.drlin-page .career .majors .major .major2{
	display: block;

	font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 1px;
}


@media screen and (max-width: 768px){

	.drlin-page .drlin-careers{
		padding-left: 45%;
	}

	.drlin-page .drlin-careers .name{
		margin-bottom: 40px;
		font-size: 24px;
	}

	.drlin-page .career .title .title-name{
		padding-left: 15px;
		border-left: 4px solid #f50;

		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 2px;
	}

	.drlin-page .career .majors .major{
		padding-bottom: 5px;
	}

	.drlin-page .career .majors .major .major1{
		display: block;
		font-size: 14px;
		line-height: 24px;
	}

	.drlin-page .career .majors .major .major2{
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width: 500px){

	.drlin-page .drlin-careers{
		padding: 0;
	}

	.drlin-page .drlin-careers .name{
		margin-bottom: 40px;
		font-size: 24px;
	}

	.drlin-page .career .title .title-name{
		padding-left: 10px;
		border-left: 4px solid #f50;

		font-family: jf-jinxuan ,'Noto Sans TC', sans-serif;
		font-size: 14px;
		line-height: 24px;
		font-weight: 600;
		letter-spacing: 0px;
	}

	.drlin-page .career .majors .major{
		padding-bottom: 5px;
	}

	.drlin-page .career .majors .major .major1{
		display: block;
		font-size: 14px;
		line-height: 24px;
	}

	.drlin-page .career .majors .major .major1 br{
		display: inline;
	}

	.drlin-page .career .majors .major .major2{
		font-size: 14px;
		line-height: 24px;
	}


}

.drlin-page .time-table-sec{
	padding: 0px 0 0px 0;
	overflow: hidden;
}

.drlin-page .time-table-bg1{
	width: 50%;
	max-width: 640px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-30%);
}

.drlin-page .time-table-bg2{
	width: 50%;
	max-width: 640px;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateX(30%);
}



.drlin-page .time-table{
	width: 100%;
	padding: 0px 0 30px 0;
	background: #fff;
}

.drlin-page .time-table-title{
	display: block;
	font-size: 32px;
	line-height: 32px;
	padding-left: 30px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	letter-spacing: 3px;
	color:  #000;

	border-left:  9px solid #FF5500;

	margin-bottom: 60px;
}

@media screen and (max-width: 1024px){
	.drlin-page .time-table-sec{
		padding: 0 0;
	}
	.drlin-page .time-table-title{
		margin-left:  60px;
	}
}

@media screen and (max-width: 500px){
	.drlin-page .time-table-sec{
		padding: 30px 0 30px 0;
		overflow: hidden;
	}

	.drlin-page .time-table-bg1{
		width: 50vw;
		position: absolute;
		top: 0;
		left: 0;
		transform: translateX(-30%);
	}

	.drlin-page .time-table-bg2{
		width: 50vw;
		position: absolute;
		bottom: 0;
		right: 0;
		transform: translateX(30%);
	}



	.drlin-page .time-table{
		width: 100%;
		padding: 30px 0;
		background: #fff;
		top: -3px;
	}

	.drlin-page .time-table-title{
		display: block;
		font-size: 24px;
		line-height: 24px;
		padding-left: 15px;
		margin-left: 30px;
		font-family: jf-jinxuan ,"Noto Serif TC", serif;
		letter-spacing: 2px;
		color:  #000;

		border-left:  4px solid #FF5500;

		margin-bottom: 30px;
	}

	.drlin-page .time-table-sec .white-section-connector-bottom{
		top: -4px;
	}
}





.drlin-page .time-table-pad{
	padding: 100px;
	background-color: #F1F1F1;
}

.drlin-page .time-table-pad table{
	width: 100%;
	border-top: 1px solid #000;
}

.drlin-page .time-table-pad .lst-tbl{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#schedules{
	font-size: 28px;
	letter-spacing: 3px;
	color:  #000;
	text-align: center;
}
#schedules th,
#schedules td{
	width: 14%;
}
#schedules th{
	padding: 32px 0;
	font-weight: 900;
	font-family: jf-jinxuan-b ,"Noto Sans TC", sans-serif;
}
#schedules td{
	padding: 50px 0;
	font-weight: 500;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
}

#schedules td.section{
	writing-mode: vertical-rl;
}

#schedules .place1{
	background: #ED8E56;
}
#schedules .place2{
	background: #E8C8AF;
}

.h-au{
	background: red;
}



.drlin-page .time-table-pad .order-link{
	margin-top: 2px;
	width: 50%;
	float: left;
	padding-left: 30px;

}


@media screen and (max-width: 1024px){
	.drlin-page .time-table-pad .order-link{
		margin-top: 2px;
		margin-left: 60px;
		margin-bottom: 20px;
		width: 55%;
		float: left;
		padding-left: 30px;

	}
}

@media screen and (max-width: 768px){
	.drlin-page .time-table-pad{
		padding: 60px;
		background-color: #F1F1F1;
	}

	#schedules{
		font-size: 18px;
	}
}


@media screen and (max-width: 500px){
	.drlin-page .time-table-pad .order-link{
		margin-top: 2px;
		margin-left: 0px;
		width: 100%;
		float: left;
		padding-left: 15px;
	}

	.drlin-page .time-table-pad{
		padding: 30px;
		background-color: #F1F1F1;
	}

	#schedules{
		font-size: 14px;
	}
	#schedules th,
	#schedules td{
		padding: 10px 5px;
	}
	#schedules td{
		line-height: 24px;
	}
}



.order-link.hospital-cu{
	border-left: 9px solid #E8C8AF;
}

.order-link.hospital-au{
	border-left: 9px solid #ED8E56;
}

.drlin-page .time-table-pad .order{
	margin-top: 50px;
	overflow: hidden;
}


.drlin-page .time-table-pad .order-link-name{
	display: block;
	font-size: 20px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 500;
	letter-spacing: 3px;
	color:  #000;


}

.drlin-page .time-table-pad .order-link-url{
	display: block;
	font-size: 16px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 300;
	letter-spacing:0;
	color:  #333;
}


@media screen and (max-width: 768px){

	.drlin-page .time-table-pad .order-link-name{
		display: block;
		font-size: 16px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 500;
		letter-spacing: 2px;
		color:  #000;


	}

	.drlin-page .time-table-pad .order-link-url{
		display: block;
		font-size: 14px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing:0;
		color:  #333;
	}
}



@media screen and (max-width: 500px){
	.drlin-page .time-table-pad .order{
		margin-top: 30px;
		overflow: hidden;
	}

	.order-link.hospital-cu{
		border-left: 4px solid #E8C8AF;
	}

	.order-link.hospital-au{
		border-left: 4px solid #ED8E56;
	}



	.drlin-page .time-table-pad .order-link-name{
		display: block;
		font-size: 16px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 500;
		letter-spacing: 2px;
		color:  #000;


	}

	.drlin-page .time-table-pad .order-link-url{
		display: block;
		font-size: 10px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing:0;
		color:  #333;
	}
}


.drlin-page .health{
	width: 100%;
	padding: 0px 0 100px 0;
	float: left;
}

.drlin-page .health-bg{
	width: 100%;
	height: 100%;
	background-image: url('../images/health-bg.svg');
	background-size: contain;
	position: absolute;
}

.drlin-page .health-title{
	display: block;
	font-size: 32px;
	line-height: 32px;
	padding-left: 30px;
	font-family: jf-jinxuan-b ,"Noto Serif TC", serif;
	letter-spacing: 3px;
	color:  #fff;

	border-left:  9px solid #FF5500;

	margin-bottom: 50px;
}

.drlin-page .health-tags,
.podcast-page .health-tags{
	display: block;
	width: 100%;
	float: left;
}




.drlin-page .ht-title,
.podcast-page .ht-title{
	display: block;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 500;
	letter-spacing: 3px;
	color:  #fff;
	font-size: 18px;

	float: left;

	padding-left:  40px;
}




.drlin-page .ht-nav-bar,
.podcast-page .ht-nav-bar
{
	padding: 0 30px;
	color: #fff;

	float: left;
}

.drlin-page .ht-nav-item,
.podcast-page .ht-nav-item{
	padding: 0 50px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-weight: 500;
	letter-spacing: 3px;
	color:  #fff;
	font-size: 18px;
	float: left;
	border-right:  1px solid #fff;
	transition: 1s;
	cursor: pointer;
}

.drlin-page .ht-nav-item a,
.podcast-page .ht-nav-item a{
	color: #fff;
	transition: 1s;
}

.drlin-page .ht-nav-item a:hover,
.drlin-page .ht-nav-item a:active,
.podcast-page .ht-nav-item a:hover,
.podcast-page .ht-nav-item a:active{
	color: #f50;
}


@media screen and (max-width: 1024px){
	.drlin-page .ht-nav-item,
	.podcast-page .ht-nav-item{
		padding: 0 20px;
	}
}

@media screen and (max-width: 768px){
	.drlin-page .ht-title,
	.podcast-page .ht-title{
		font-size: 16px;
	}
	.drlin-page .ht-nav-item,
	.podcast-page .ht-nav-item{
		font-size: 16px;
	}
}
@media screen and (max-width: 500px){

	.podcast-page .health-tags{
		margin-top: 30px;
	}

	.drlin-page .health,
	.podcast-page .health{
		width: 100%;
		padding: 60px 0 30px 0;
		float: left;
	}

	.drlin-page .health-title,
	.podcast-page .health-title{
		display: block;
		font-size: 24px;
		line-height: 24px;
		padding-left: 15px;
		letter-spacing: 2px;
		border-left:  4px solid #FF5500;
		margin-bottom: 60px;
		margin-left: 30px;

	}

	.drlin-page .health-tags,
	.podcast-page .health-tags{
		display: block;
		width: 100%;
		float: left;
	}


	.drlin-page .ht-title,
	.podcast-page .ht-title{
		display: block;
		font-weight: 500;
		letter-spacing: 1px;
		color:  #fff;
		font-size: 16px;
		padding-left:  30px;
		padding-right: 30px;
		width: 100%;

		text-align: center;
		margin-bottom: 15px;

	}

	.drlin-page .ht-nav-bar,
	.podcast-page .ht-nav-bar{
		padding: 0 10px;
		color: #fff;

		float: left;
		width: 100%

	}

	.drlin-page .ht-nav-list,
	.podcast-page .ht-nav-list{
		display: block;
		float: left;
		left: 50%;
		transform: translateX(-50%);
	}

	.drlin-page .ht-nav-item,
	.podcast-page .ht-nav-item{
		padding: 0 10px 0 10px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		font-weight: 300;
		letter-spacing: 1px;
		color:  #fff;
		font-size: 14px;

		float: left;

		border-right:  1px solid #fff;

		transition: 1s;

		cursor: pointer;
	}
}

.drlin-page .ht-nav-item:last-child,
.podcast-page .ht-nav-item:last-child{
	border-right:  0px solid #fff;
}


.drlin-page .ht-nav-item:hover,
.podcast-page .ht-nav-item:hover{
	color:  #f50;
}


.drlin-page .wave-line,
.podcast-page .wave-line{
	/*display: block;*/
	width: 250px;

	margin: 30px 0px 30px 40px;
}

@media screen and (max-width: 1024px){
	.drlin-page .wave-line,
	.podcast-page .wave-line{
		margin: 30px 0 30px 40px;
	}
}

@media screen and (max-width: 500px){
	.drlin-page .wave-line,
	.podcast-page .wave-line{
		margin: 30px auto;
		left: 50%;
		transform: translateX(-50%);

	}
}


.health-kw-search{
	margin-bottom: 30px;
	padding: 0px 40px;
	/*float: left;*/

	width: 380px;
}

.health-kw{
	font-size: 18px;
	line-height: 32px;
	padding-left: 20px;

	background-color: rgba(255,255,255,0);
	width: 300px;
	height: 34px;
	border:  1px solid #fff;
	color: #fff;

	border-radius: 17px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
}



.health-kw:focus{
	outline: none;
}

.health-kw-btn{
	width: 34px;
	height: 34px;
	border: none;
	background-color: transparent;
	cursor: pointer;

	position: absolute;
	right: 10px;
	top: 0;

	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;

	transition: .7s;
}

.health-kw-btn:hover{
	color: #f50;

}


@media screen and (max-width: 500px){
	.health-kw-search{
		width: 100%;
	}

	.health-kw{
		width: 100%;
		font-size: 18px;
	}
}









.drlin-page .health-blogs{
	width: 100%	;

	margin-bottom: 30px;
	float: left;
}


.drlin-page .h-blog{
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 10px 30px;

	float: left;
}

.drlin-page .h-blog:last-child{
	border-bottom: 1px solid #ccc;
}

.drlin-page .h-blog-pic{
	width: 150px;
	float: left;
}

.drlin-page .h-blog-pic img{
	width: 100%;
}


.h-blog-info{
	float: left;
	width: calc(100% - 150px);
}

.h-blog-title{
	display: block;
	font-size: 24px;
	line-height: 32px;
	padding-left: 30px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	letter-spacing: 3px;
	color:  #fff;

	margin-top: 40px;
	margin-bottom: 10px;

	transition: 1s;
	/*cursor: pointer;*/
}

.h-blog-title:hover{
	color: #f50;
}

.h-blog-des{
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 32px;
	padding-left: 30px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	letter-spacing: 3px;
	color:  #eee;
}


@media screen and (max-width: 1024px){
	.h-blog-title{
		font-size: 16px;
		line-height: 24px;
	}

	.h-blog-info{
		font-size: 14x;
		line-height: 21px;
	}
}

@media screen and (max-width: 500px){
	.drlin-page .health-blogs{
		width: 100%	;
		padding: 0 10px;

		margin-bottom: 60px;
		float: left;
	}


	.drlin-page .h-blog{
		width: 100%;
		border-top: 1px solid #ccc;
		padding: 5px 5px;

		float: left;
	}

	.drlin-page .h-blog:last-child{
		border-bottom: 1px solid #ccc;
	}

	.drlin-page .h-blog-pic{
		width: 70px;
		float: left;
		display: none;
	}

	.drlin-page .h-blog-pic img{
		width: 100%;
	}


	.h-blog-info{
		float: left;
		width: calc(100%);
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.h-blog-title{
		display: block;
		font-size: 14px;
		line-height: 21px;
		padding-left: 0px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 1px;
		color:  #fff;
		font-weight: 500;

		margin-top: 0px;
		margin-bottom: 0px;

		transition: 1s;
		/*cursor: pointer;*/
	}

	.h-blog-des{
		display: block;
		font-size: 14px;
		font-weight: 300;
		line-height: 14px;
		padding-left: 0px;
		font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
		letter-spacing: 1px;
		color:  #eee;
		margin-top: 10px;
	}

	.h-blog-title:hover{
		color: #f50;
	}
}



.health-index-tab{
	display: flex;
	width: 100%;

	flex-direction: row;
	align-content: center;
	justify-content:  center;
}

.health-index-tab-dir{
	display: block;
	padding: 10px 30px;
	color: #fff;

	font-family: jf-jinxuan-b ,"Noto Sans TC", sans-serif;
	font-size: 18px;
	line-height: 18px;

	text-align: center;
	transition: .7s;
}

.health-index-tab-dir.disabled{
	pointer-events: none;
	visibility: hidden;
}

.health-index-tab-dir:hover{
	color: #f50;
}

.health-index-tab .nav-bar{
	padding: 10px 0;
}

.health-index-tab .nav-item{
	display: inline-block;
	padding:  0 30px;
}

.health-index-tab .nav-link{
	color: #fff;

	font-family: jf-jinxuan-b ,"Noto Sans TC", sans-serif;
	font-size: 18px;
	line-height: 18px;
	transition: .7s;
	display: block;
	z-index: 100;
}
.health-index-tab .nav-link:hover{
	color: #f50;

}


.health-index-tab .nav-link::before{
	content: '';
	border-radius: 18px;
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .7s;
	/*background-color: #f50;*/
	border: 1px solid #f50;
	z-index: 99;

	opacity: 0;
	transition: .7s;
}

.health-index-tab .nav-link:hover::before{
	opacity: 1;
}


@media screen and (max-width: 500px){
	.health-index-tab-dir{
		padding: 10px 10px;
	}
	.health-index-tab .nav-item{
		padding:  0 10px;
	}
}


/* pd news page  */
.health-blog-page .hb-banner{
	width: 100%;
	/*padding-bottom: 15.6%;*/
}

.health-blog-page .hb-banner .hb-banner-img{
	width: 100%;
	display: block;
}

.health-blog-page .hb-banner .hb-banner-img-rwd-s{
	width: 100%;
	display: none;
}


@media screen and (max-width: 500px){
	.health-blog-page .hb-banner .hb-banner-img{
		width: 100%;
		display: none;
	}

	.health-blog-page .hb-banner .hb-banner-img-rwd-s{
		width: 100%;
		display: block;
	}
}


.health-blog-page .hb-sec{
	width: 100%;
	background-image: linear-gradient(60deg, #020136 0%, #000 100%);
}

.health-blog-page .hb-sec::before{
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

	background-image: url("../images/podcast-bg.svg") ;
	background-repeat: repeat;
	background-position: center;
	background-size: contain;
}

.health-blog-page .hb-info{
	padding: 30px;
}


.hb-tags{
	display: block;
	margin: 30px auto;
}


.hb-tags .nav-list
{
	text-align: center;
}


.hb-tags .nav-list .nav-item{
	display: inline-block;
	padding: 0 16px;
	font-size: 16px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	line-height: 16px;
	border-right: 1px solid #000;
	letter-spacing: 1px;
}

.hb-tags .nav-list .nav-item:last-child{
	border-right: 0px solid #000;
}


.hb-info .wave-line{
	width: 227px;
	height: 12px;
	margin:  0 auto;
}

.hb-info .wave-line img{
	width: 100%;
	height: 100%;
}


.hb-info .hb-title{
	width: 100%;
	font-family: jf-jinxuan-b ,"Noto Sans TC", sans-serif;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	margin-top: 30px;

	letter-spacing: 2px;
}

.hb-info .hb-writter{
	width: 100%;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	margin: 30px 0;

	letter-spacing: 1px;

	color: #000;
}

.hb-content{
	width: 100%;
}

.hb-content p{
	width: 100%	;
	max-width: 768px;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	margin: 30px auto;

	text-align: left;
	letter-spacing: 1px;

	color: #333;

	display: block;
}

.hb-content img{
	width: 100%;
	max-width: 100%;
}
.hb-content img.winit{
	width: initial;
}

.hb-content .ckeditor-html5-audio{
	text-align: center;
}

.hb-content audio {
	width: 100%;
	max-width: 768px;
}

.hb-content .hb-audio{
	width: 100%;
	max-width: 768px;
	margin:  50px auto;
}

.hb-content .hb-audio audio{
	width: 100%;
}

.hb-content .hb-audio a{
	width: 300px;
	display: block;
	font-size:  18px;
	color: #333;
	font-family: jf-jinxuan-b ,"Noto Sans TC", sans-serif;
	margin: 10px auto;

	transition: .7s;
	text-align: center;
}

.hb-content .hb-audio a:hover{
	color:  #f50;
}

.hb-content a{
	color: #333;
	font-size:  18px;
	font-family: jf-jinxuan-b ,"Noto Sans TC", sans-serif;
	transition: .7s;
}

.hb-content a:hover{
	color:  #f50;
}

.hb-content table {
	border-collapse: collapse;
	margin: 10px auto;
}
.hb-content table th,
.hb-content table td {
	border: 1px solid gray;
	padding: 2px 5px;
}
.hb-content table th {
	font-weight: normal;
}
.hb-content img.photo_full {
	width: 100%; }
.hb-content img.photo_half {
    width: 48%;
    margin: 2% 1%;
	display: inline-block;
	box-sizing: border-box; }
.hb-content img.photo_tri {
    width: 31%;
    margin: 2% 1%;
    display: inline-block;
    box-sizing: border-box; }
.hb-content img.photo_shadow {
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5); }
.hb-content img.inline {
    width: auto;
    display: inline;
}
.hb-content object,
.hb-content iframe {
    width: 100%;
    height: 48vw;
	max-height: 438px;
}

.hb-leave-msg{
	width: 100%;
	padding:  30px 0;
	background-image: url("../images/leave-msg-bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.hb-leave-msg::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(60deg, #020136 0%, #000 100%);
	opacity: .8;
}


.hb-msg-form{
	width: 100%;
	max-width: 768px;
	margin: 30px auto;
}

.hb-msg-form #fname:focus,
.hb-msg-form #tel:focus,
.hb-msg-form #email:focus,
.hb-msg-form .hb-msg-message:focus{
	outline: none;
}

@media screen and (max-width: 768px){
	.hb-msg-form{
		padding: 0 30px;
	}
}

.hb-msg-form .hb-msg-form-title{
	font-size:  18px;
	line-height: 18px;
	margin: 30px 0;
	display: block;
	text-align: center;

	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	color: #fff;
}


.hb-msg-form .wave-line{
	width: 227px;
	height: 12px;
	margin:  0 auto;
}

.hb-msg-form .wave-line img{
	width: 100%;
	height: 100%;
}


.hb-msg-form form{
	width: 100%;
	margin: 30px 0 60px 0;
}

.hb-msg-name,
.hb-msg-phone,
.hb-msg-captcha,
.hb-captcha{
	border: 1px solid #fff;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	line-height: 36px;
	font-size: 18px;

	display: inline-block;
	background-color: rgba(255,255,255,0);
	color: #fff;

	padding: 0 30px;
	letter-spacing: 2px;

	margin-bottom:  30px;

	width: calc(50% - 15px);
	margin-right: 25px;
}

.hb-msg-phone,
.hb-captcha{
	margin-right: 0;
}

.hb-msg-captcha {
	vertical-align: middle;
}
.hb-captcha {
	height: 40px;
	vertical-align: middle;
	padding: 0;
}

@media screen and (min-width: 576px){
	.hb-captcha {
		padding: 0 10%;
	}
}
@media screen and (min-width: 768px){
	.hb-captcha {
		padding: 0 15%;
	}
}

@media screen and (max-width: 500px){
	.hb-msg-name,
	.hb-msg-phone{
		width: 100%;
		margin-right: 0;
	}
}


.hb-msg-email{
	border: 1px solid #fff;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	line-height: 36px;
	font-size: 18px;
	display: inline-block;
	background-color: rgba(255,255,255,0);
	color: #fff;

	padding: 0 30px;
	letter-spacing: 2px;

	margin-bottom:  30px;

	width: 100%;
}

.hb-msg-message{
	border: 1px solid #fff;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	line-height: 36px;
	font-size: 18px;
	display: inline-block;
	background-color: rgba(255,255,255,0);
	color: #fff;

	padding: 0 30px;
	letter-spacing: 2px;

	margin-bottom:  30px;

	width: 100%;
}

.hb-msg-submit-btn{
	border: 1px solid #fff;
	font-family: jf-jinxuan ,"Noto Sans TC", sans-serif;
	line-height: 36px;
	border-radius: 18px;
	font-size: 18px;
	display: block;
	background-color: #fff;
	color: #000;

	padding: 0 30px;
	letter-spacing: 2px;
	text-align: center;

	margin: 0 auto;

	width: 200px;

	transition: .7s;

}

.hb-msg-submit-btn:hover{
	background-color: rgba(255,255,255,0);
	color: #fff;
}




/* back previous page */
.back-pre-page-top{
	display: block;
	position: fixed;

	top: 90px;
	left: 70px;

	z-index: 9999;
}


.back-pre-page-top a{
	display: block;
	height: 30px;
	color: #fff;

	text-align: center;
	line-height: center;
	font-size: 20px;

	font-weight: 900;

	text-shadow: 1px 1px 4px rgba(0,0,0,.7);

	cursor: pointer;

	transition: .7s;
}

.back-pre-page-top a:hover{
	color: #f50;
}

@media screen and (max-width: 1024px){
	.back-pre-page-top{
		left:  30px;
	}
}


.back-pre-page{
	/*display: block;*/
	margin: 40px auto 20px auto;
}


.back-pre-page a{
	display: block;
	height: 30px;
	width: 100px;
	color: #383838;

	left: 50%;
	transform: translateX(-50%);

	text-align: center;
	line-height: center;
	font-size: 20px;

	font-weight: 900;

	cursor: pointer;

	transition: .7s;
}

.back-pre-page a:hover{
	color: #f50;
}