/***html editor img align***/
img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-fir{
 text-align:right !important;
 margin-right: 0;
}
img.fr-fil{
 margin-left: 0 !important;
 text-align:left !important;
}

.tb_b1{
	 border-collapse:collapse;border-top:1px solid #ddd; border-left:1px solid #ddd;
}
.tb_b1 td{
	 border-right:1px solid #ddd; border-bottom:1px solid #ddd;border-left:0px solid #ddd;border-top:0px solid #ddd;
}
.tb_b2{
	
}
.tb_b2 td{
  border-bottom:1px solid #ddd;border-left:0px solid #ddd;border-top:0px solid #ddd;border-right:0px solid #ddd;
}

/*user自訂影音和podcast  -START- */
.cwarp{
	font-size: 1em;
    line-height: 2em;
	font-family: Barlow, "Noto Sans TC", PingFangTC, 微軟正黑體, "Microsoft JhengHei", sans-serif;
	position:relative;
	padding-bottom:52px;
}
.cLine1{ background: linear-gradient(rgb(36, 55, 143), rgb(55, 145, 131)); padding:1em 0;}
.cLine2{ background: linear-gradient(rgb(84, 58, 145), rgb(47, 187, 154)); padding:1em 0;}
.cLine3{ background: linear-gradient(rgb(118, 51, 129), rgb(58, 181, 199)); padding:1em 0;}
.cwarp .img-container {
    width: 100%;
    position: relative;
}
.cwarp .PP_slider{
    margin: 1em 0em !important;
	padding-left:2em !important;
	padding-right:2em !important;	
	height:250px;
}
.cwarp .PP_slider .slick-list{overflow:hidden; padding:15px 0;}
.cwarp .plightbox_slider{
	overflow:visible;
}
.cwarp .slick-prev{left:-30px; top:50%; background:none !important; border:none !important;}
.cwarp .slick-next{right:-30px; top:50%; background:none !important; border:none !important;}

.cwarp .slick-prev{
    width: 50px !important;
    height: 50px !important;
	background:none  !important;
	border:none;
}
.cwarp .slick-prev:before{
    content: "";
    width: 25px !important;
    height: 25px !important;
    border: 5px solid #FFF;
    transform: rotate(225deg);
    position: absolute;
    left:8px;
	top:8px;
    border-left: none;
    border-bottom: none;
    transition: .3s ease-out;
}
.cwarp .slick-prev:focus, .cwarp .slick-prev:hover {
    background:none  !important;
}

.cwarp .slick-next{
    width: 50px !important;
    height: 50px !important;
	background:none  !important;
	border:none;
}
.cwarp .slick-next:before{
    content: "";
    width: 25px !important;
    height: 25px !important;
    border: 5px solid #FFF;
    transform: rotate(45deg);
    position: absolute;
    right:8px;
	top:8px;
    border-left: none;
    border-bottom: none;
    transition: .3s ease-out;
}
.cwarp .slick-next:focus, .cwarp .slick-next:hover {
    background:none  !important;
}


.plightbox_slider .img-container {
    width: 100%;
	height: 100%;
	height: 220px !important;
    margin: 0 1.5em;
	position:relative;
	overflow:visible;
}
.plightbox_slider .img-container a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	border-radius:15px;
}
.plightbox_slider .img-container img {
    vertical-align: middle;
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
	height: 220px !important;
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    object-fit: cover;
	border-radius:15px  !important;
}
.plightbox_slider .img-container a:hover{
	
}
.plightbox_slider .img-container:hover{overflow:visible;}
.plightbox_slider .img-container:hover a{
	width: 110% !important;
    height: 110% !important;
	top:-5%;left:-5%;
	overflow:hidden;
	z-index:100;
}
.plightbox_slider .img-container:hover img{
	z-index:100;
	width: 110% !important;
    height: 110% !important;
}
.plightbox_slider .img-container:hover .infotxt{
	z-index:101;
}
.cwarp .PP_slider .img-container:hover .infotxt {
    bottom: 0; 
}
.plightbox_slider .img-container:hover .playHtml{
	z-index:102;
	width:70px;
	height:70px;
	top:30%;
    left:50%;
	opacity: 0.9;
}
.plightbox_slider .img-container:hover .stopHtml{
	z-index:200;
	width:70px;
	height:70px;
	top:30%;
    left:50%;
	opacity: 0.9;
}
.plightbox_slider .img-container:hover .playVideo{
	z-index:102;
	width:70px;
	height:70px;
	top:30%;
    left:50%;
	opacity: 0.9;
}
.cwarp .PP_slider .img-container .infotxt {
    
    overflow: hidden;
    display: block;
    line-height: 2.5em;
    text-align: center;
    background: rgba(42,43,99,0.7);
    color: #FFF;
    transition: .3s ease-out;
    position: absolute;
    left: 0;
    bottom: -60px;
    right: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
	height: 95px;
	min-height:80px;
}
.infotxt span{
	display:block;
	border-radius:15px;
	background:none;
	margin:5px 25px;
	font-size:11px;
	line-height:1em;
	height:2em;
	padding-top:5px;
	letter-spacing:1px;
}
.infotxt p{
	margin:0px 6px;
	padding:10px 0;
	line-height:1.4em;
	height:44px;
	overflow:hidden;
}
.img-container:hover .infotxt span{
	display:block;
	border-radius:15px;
	background-color: rgba(201, 117, 161, 1);
	margin:10px 25px 0px 25px;
	font-size:11px;
	line-height:1em;
	height:2em;
	padding-top:5px;
}

.cwarp h3{line-height:1em; padding-left:3em; color:#fff;}
.cwarp .twTxt{font-size:32px; line-height:1em; letter-spacing:2px; display:inline-block; vertical-align:text-bottom;}
.cwarp .enTxt{font-size: 22px; line-height:1em; letter-spacing: 1px; border-bottom: 3px solid #fff; margin-left:5px; padding-bottom:2px; vertical-align:baseline; display:inline-block; transform: skew(
-6deg, 0);}
.playHtml{
    content: "";
    position: absolute;
    border-radius: 50%;
    top:30%;
    left:45%;
    margin-left: -1.8em;
    background: url(https://www.taiwantradeshows.com.tw/images/playHtml.png) no-repeat center center;
    background-size: cover;
    z-index: 1;
	width:90px;
	height:90px;
	display:block;
	opacity: 0.8;
}
.stopHtml{
    content: "";
    position: absolute;
    border-radius: 50%;
    top:30%;
    left:45%;
    margin-left: -1.8em;
    background: url(https://www.taiwantradeshows.com.tw/images/stopHtml.png) no-repeat center center;
    background-size: cover;
    z-index: 1;
	width:90px;
	height:90px;
	display:none;
	opacity: 0.8;
}

.playVideo{
    content: "";
    position: absolute;
    border-radius: 50%;
    top:30%;
    left:45%;
    margin-left: -1.8em;
    background: url(https://www.taiwantradeshows.com.tw/images/playHtml.png) no-repeat center center;
    background-size: cover;
    z-index: 1;
	width:90px;
	height:90px;
	display:block;
	opacity: 0.8;
}

.liveICN{
    background: url(https://www.taiwantradeshows.com.tw/images/icn_live.png) no-repeat top right;
	width:76px;
	height:28px;
	position: absolute;
	right:3%;
	top:3%;
	z-index: 500;
}
.au{width:84%; position:fixed; bottom:3%; left:8%; z-index:500; display:none;}

	#cboxPrevious {
        position: absolute;
        top: 45%;
        left: 10px;
        margin-top: -32px;
        background: url(../js/colorbox/images/controls.png) no-repeat 0px -25px;
        background-size: 325%;
        width: 40px;
        height: 104px;
        text-indent: -9999px;
    }

    #cboxPrevious:hover {
		position: absolute;
        top: 45%;
        left: 10px;
        margin-top: -32px;
        background: url(../js/colorbox/images/controls.png) no-repeat 0px -154px;
        background-size: 325%;
        width: 40px;
        height: 104px;
        text-indent: -9999px;
		border:none !important;
    }

    #cboxNext {
        position: absolute;
        top: 45%;
        right: 10px;
        margin-top: -32px;
        background: url(../js/colorbox/images/controls.png) no-repeat -145px -25px;
        background-size: 325%;
        width: 40px;
        height: 104px;
        text-indent: -9999px;
    }

    #cboxNext:hover {
		position: absolute;
        top: 45%;
        right: 10px;
        margin-top: -32px;
        background: url(../js/colorbox/images/controls.png) no-repeat -145px -154px;
        background-size: 325%;
        width: 40px;
        height: 104px;
        text-indent: -9999px;		
		border:none !important;
    }

    #cboxClose {
        position: absolute !important;
        top:5px !important;
        right: 5px !important;
        display: block !important;
        background: url(../js/colorbox/images/controls.png) no-repeat -26px -5px !important;
        background-size: 200% !important;
        width:50px !important;
        height:50px !important;
        text-indent: -9999px !important;
		padding:0px !important;
		overflow:hidden;
		font-size:5px !important;
		border:none !important;
		text-shadow:none;
    }

    #cboxClose:hover {
        background: url(../js/colorbox/images/controls.png) no-repeat -26px -70px !important;
        background-size: 200% !important;
		border:none !important;
		font-size:5px !important;
    }
	
	#cboxPrevious:focus,
    #cboxNext:focus,
    #cboxClose:focus {
        border:none !important;
    }
	
	cboxPrevious:active,
    #cboxNext:active,
    #cboxClose:active {
        border:none !important;
    }


@media screen and (max-width: 768px) {
	.cwarp h3{padding-left:2em; }
	.cwarp .slick-next{ right:10px;}
	.cwarp .slick-prev{ left:10px;}
	
	#cboxNext{
		position: absolute;
        top: 55%;
        right: 10px;
        margin-top: -32px;
		background: url(../js/colorbox/images/controls.png) no-repeat -70px -10px  !important;
        background-size: 250% !important;
        width: 40px;
        height: 50px;
        text-indent: -9999px;
		font-size:5px !important;
	}
	 #cboxNext:hover {
		position: absolute;
        top: 55%;
        right: 10px;
        margin-top: -32px;
		background: url(../js/colorbox/images/controls.png) no-repeat -70px -75px  !important;
        background-size: 250% !important;
        width: 40px;
        height: 50px;
        text-indent: -9999px;		
		border:none !important;
    }
	 #cboxPrevious {
        position: absolute;
        top: 55%;
        left: 10px;
        margin-top: -32px;
        background: url(../js/colorbox/images/controls.png) no-repeat 10px -10px !important;
        background-size: 250% !important;
        width: 40px;
        height: 50px;
        text-indent: -9999px;
		font-size:5px  !important;
    }

    #cboxPrevious:hover {
		position: absolute;
        top: 55%;
        left: 10px;
        margin-top: -32px;
        background: url(../js/colorbox/images/controls.png) no-repeat 10px -75px !important;
        background-size: 250% !important;
        width: 40px;
        height: 50px;
        text-indent: -9999px;
		border:none !important;
    }
	#cboxClose {
        position: absolute !important;
        top:5px !important;
        right: 5px !important;
        display: block !important;
        background: url(../js/colorbox/images/controls.png) no-repeat -20px -5px !important;
        background-size: 200% !important;
        width:40px !important;
        height:40px !important;
        text-indent: -9999px !important;
		padding:0px !important;
		overflow:hidden;
		font-size:5px !important;
		border:none !important;
		text-shadow:none;
    }

    #cboxClose:hover {
        background: url(../js/colorbox/images/controls.png) no-repeat -20px -58px !important;
        background-size: 200% !important;
		width:40px !important;
        height:40px !important;
		border:none !important;
		font-size:5px !important;
    }
}

@media screen and (max-width: 545px) {
	.cwarp h3{padding-left:1.5em;}
	.cwarp .slick-next{ right:10px;}
	.cwarp .slick-prev{ left:10px;}
	.au{bottom:5%;}
	
}

@media screen and (max-width: 480px) {
	.cwarp h3{padding-left:1em;}
	.cwarp .twTxt{font-size:28px;}
	.cwarp .enTxt{font-size:20px;}
	.cwarp .slick-next{ right:10px;}
	.cwarp .slick-prev{ left:10px;}
	.au{bottom:5%;}
	
}
/*user自訂影音和podcast  -END-*/


.loginMsgBox {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 100000;
	width:100%;
	height:100%;
	top: 0px;
    left: 0px;
	padding-top:280px;
}
@media screen and (max-height: 555px){
	.loginMsgBox {
		padding-top:200px;
	}
}
@media screen and (max-height: 400px){
	.loginMsgBox {
		padding-top:125px;
	}
}
/* .loginMsgBox .container {
    background: rgba(0, 0, 0, 0.75);
    padding: 0.8em;
    border-radius: 0.5em;
	overflow: hidden;
    display: block;
    width: 300px;
	margin-left:auto;
	margin-right:auto;
}
.loginMsgBox .text {
   display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
	text-align:center;
}
.loginMsgBox h3 {
    padding: 0px 0px 0px;
    margin: 5px 10px 10px 10px;
    display: inline-block;
    text-align: center;
    color: #FFF;
    font-size: 1.25em;
    font-weight: 400;
    border-bottom: 1px solid #FFF;
	text-align:center;
}
.loginMsgBox p {
    color: #fff;
    font-size: 0.875em;
    line-height: 1.45em;
    overflow: hidden;
    margin: 0em;
	padding:0em 0em 0.5em 0em;
	text-align:center;
}
 */