.card{
	box-shadow:1px 3px 10px 0px #a5a2a2;
	margin:20px;
}
.card-title{
	display: inline-flex;
	padding-top:5px;
}
.card-subject{
	display: inline-flex;
	padding-top:2em;
}
.slick-prev i,.slick-next i {
  color: #000;      /* 深色箭頭 */
  font-size: 24px;  /* 大小 */
}
.box{
	margin-top:26%;
}
.card-t2{
	box-shadow:3px 2px 10px 0px #b1ccd6;
	margin:20px 0px;
	border-radius:15px;
}
.card-t3{
	margin: -5px -10px;
    border-radius: 15px;
    padding: 0px 10px;
    box-shadow: 0px 2px 3px 1px #bec8ce;
}
.card-fix-height-mv-20{
	min-height:20vh;
}
.flat-title{
	font-size:2em;
	margin-top:1em;
}
.flat-content{
	font-size:1.5em;
}
.border-2{
	border:2px solid #000;
}
.key-box{
	border:2px solid #fff;
	border-radius:15px;
	padding:15px;
	margin-top:15px;
	margin-bottom:15px;
}
.border-blue{
	
	padding:2em;
	margin-top:2em;
	margin-bottom:2em;
}
.border-black{
	border:3px solid #000;
	padding:2em;
	margin-top:2em;
	margin-bottom:2em;
}
.key-subject{
	font-size:2em;
}
.key-content{
	font-size:1.5em;
	padding:15px;
}
.txt-compare{
	font-size:20px;
	line-height:3;
}
.prod-adj-1{
	margin-top: 2em;
    line-height: 3;
    font-size: 20px;
}
.empty-box{
    border-radius: 15px;
    padding: 20px;
    margin: 25px auto;
    color: #000;
	border:1px solid #b2b2b2;
}

.card-box{
	background: white;
    border-radius: 15px;
    padding: 20px;
    margin: 25px auto;
    color: #000;
	box-shadow: 2px 2px 5px 0px #212529;
}
.min-height-key{
	min-height:120px;
}
.flat-box{
	border-right: 1px dashed #9d9d9d;
	padding-top:2em;
}
.black-box{
	box-shadow: 1px 2px 5px 0px #f4f4f4;
    border-radius: 15px;
    background-color: black;
	padding:3em;
	margin-top:3em;
	max-width:450px;
}
.list-head{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	padding: 20px;
}
.introduc-box{
	box-shadow: 1px 2px 5px 0px #c1c1c1;
    border-radius: 15px;
    background-color: white;
	padding:3em;
	margin-top:3em;
}
.custom-controls{
	text-align:right;
}
#myVideo {
    width: 100%;
    height: 100%;
    display: block;
}
#playPauseBtn {
    /* 調整播放按鈕樣式 */
    background: rgba(0,0,0,0);
	border: 0px solid #000;
    /*color: #000;

    border-radius: 50%;*/
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    
}
@media (max-width: 1200px) and (min-width:991px){
    .key-content {
		font-size: 24px;
	}
	.prod-adj-1{
		margin-top: 1em;
		line-height: 2;
		margin-bottom:1em;
	}
	.min-height-key{
		min-height:150px;
	}
}
@media (max-width:992px) and (min-width:768px ) {
	.card-title{
	    font-size: 20px;
	}
	.card-body{
		font-size:1.5vw;
	}
	.flat-content{
		font-size:20px;
	}
	.prod-adj-1{
		margin-top: 1em;
		line-height: 2;
		font-size: 20px;
		margin-bottom: 1em;
	}
	.card-subject{
		padding-top: 1em;
	}
}

@media (max-width:767px) {
	.txt-compare{
		font-size:18px;
	}
	.key-content {
		font-size: 20px;
	}
	.prod-adj-1{
        margin-top: 2em;
        line-height: 2;
        font-size: 20px;
        margin-bottom: 2em;
	}
	.card-title {
		padding-top: 1px;
	}
	.card-subject{
		padding-top: 1em;
	}
	.card-box{
	    margin: 15px auto;
	}
	.flat-box {
		border-right: 0px dashed #9d9d9d;
	}
	.flat-content {
		font-size: 20px;
	}
}