@charset "UTF-8";
/*
20210104_01
*/
@import
	url("https://fonts.googleapis.com/css?family=Noto+Sans+TC|Open+Sans");

@font-face {
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	src:
		url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
	src:
		url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0")
		format("embedded-opentype"),
		url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0")
		format("woff2"),
		url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0")
		format("woff"),
		url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0")
		format("truetype"),
		url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular")
		format("svg");
}

html, body {
	font: 16px/140% Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	color: #fff;
	-webkit-text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
	background-color: #181818;
}

a {
	text-decoration: none;
	outline: none;
	color: #fff;
}

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

input, select {
	font: 100%/140% Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	color: #fff;
	outline: none;
}

input {
	-webkit-appearance: none;
	border-radius: 0;
}

header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	height: 60px;
	padding: 6px 4% 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#181818),
		to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, #181818 0%, rgba(0, 0, 0, 0)
		100%);
	background: -o-linear-gradient(top, #181818 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(180deg, #181818 0%, rgba(0, 0, 0, 0) 100%);
}

header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background-image: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background-image: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background-image: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
}

header .logo {
	background: url(../images/logo.svg) center center no-repeat;
	background-size: 215px auto;
	width: 215px;
	height: 60px;
	float: left;
	margin-right: 64px;
}

header .logo a {
	display: block;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

header.sty_rent::before {
	background-image: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background-image: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background-image: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
}

header.sty_live::before {
	background-image: -webkit-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background-image: -o-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background-image: linear-gradient(134.72deg, #31D9FF 0%, #8E8EFF 100%);
}

nav {
	float: left;
	padding-top: 9px;
}

nav li {
	display: inline-block;
	margin-right: 25px;
	font-size: 20px;
	font-family: "Noto Sans TC", sans-serif;
	line-height: 40px;
	position: relative;
}

nav li a {
	display: block;
}

nav li.active {
	border-bottom: 5px solid #fff;
}

nav .bt {
	background-color: rgba(0, 0, 0, 0.5);
}

nav.sty2 li {
	margin-right: 60px;
}

nav.sty2 li:first-child::after {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 5px;
	right: -30px;
	border-right: 1px solid #eee;
}

nav .mTitle {
	display: none;
}

.topToolBlock {
	position: absolute;
	right: 4%;
	top: 15px;
	line-height: 40px;
}

.topToolBlock>* {
	vertical-align: middle;
}

.topToolBlock .top_buy {
	display: inline-block;
	font-size: 18px;
	font-family: "Noto Sans TC", sans-serif;
	/*font-weight: bold;
		background: -webkit-linear-gradient(45deg, #3FD750, #24CBFF);
  		-webkit-background-clip: text;
  		-webkit-text-fill-color: transparent;*/
}

.topToolBlock .top_buy a {
	padding: 0 10px;
	display: block;
	color: #50E3C2;
}

.topToolBlock .top_alert {
	display: inline-block;
	margin-left: 10px;
}

.topToolBlock .top_alert>a {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/icon_alert.svg) center center no-repeat;
	background-size: 24px auto;
}

.topToolBlock .top_alert.on>a {
	background-image: url(../images/icon_alert_on.svg);
}

.topToolBlock .top_filter {
	display: inline-block;
	margin-left: 10px;
}

.topToolBlock .top_filter>a {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/icon_filter.svg) center center no-repeat;
	background-size: 24px auto;
}

.topToolBlock .top_search {
	display: inline-block;
	margin-left: 10px;
	position: relative;
}

.topToolBlock .top_search>a {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/icon_search.svg) center center no-repeat;
	background-size: 24px auto;
}

.topToolBlock .top_login {
	display: inline-block;
	margin-left: 10px;
}

.topToolBlock .top_login>a {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/icon_member.svg) center center no-repeat;
	background-size: 20px auto;
}

.searchBlock {
	position: absolute;
	z-index: 2;
	right: -30px;
	border-radius: 10px;
	background-color: #383838;
	-webkit-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 375px;
}

.searchBlock .search {
	position: relative;
}

.searchBlock .search .search_select {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 5px 0;
	overflow-y: auto;
}

.searchBlock .search .search_select li {
	font-size: 1rem;
	line-height: 160%;
	padding: 5px 20px;
	cursor: pointer;
	color: #eee;
}

.searchBlock .search .search_select li:hover {
	background-color: #eee;
	color: #000;
}

.searchBlock input {
	color: #000;
	height: 50px;
	border-radius: 30px;
	background-color: #fff;
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.searchBlock .keyword {
	padding-top: 30px;
}

.searchBlock .keyword h3 {
	font-size: 1.25rem;
	font-family: "Noto Sans TC", sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
}

.searchBlock .keyword .list_keyword .item {
	display: inline-block;
	line-height: 30px;
}

.searchBlock .keyword .list_keyword .item a {
	display: block;
	padding: 0 10px;
	border: 1px solid #555555;
	border-radius: 4px;
	color: #aaa;
}

.searchBlock::after {
	position: absolute;
	top: -7px;
	right: 45px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 5px 7px 5px;
	border-color: transparent transparent #383838 transparent;
}

footer {
	background-color: #000;
	text-align: center;
	padding: 60px 4% 120px;
	color: #888;
	font-size: 0.875rem;
}

footer ul {
	margin-bottom: 10px;
}

footer ul li {
	display: inline;
	margin: 0 20px;
}

footer ul li a {
	color: #888;
}

.loginContent {
	padding: 80px 0;
}

.loginContent h2 {
	font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
	font-size: 30px;
	line-height: 160%;
	color: #eee;
	margin-bottom: 10px;
	text-align: center;
}

.loginContent h3 {
	font-size: 18px;
	line-height: 160%;
	color: #aaa;
	text-align: center;
	margin-bottom: 10px;
}

.loginContent .section {
	width: 300px;
	padding-top: 20px;
	margin: auto;
}

.loginContent p {
	color: #eee;
	font-size: 14px;
	margin-bottom: 10px;
}

.loginContent p.note {
	color: #50E3C2;
}

.loginContent p.note a {
	color: #50E3C2;
}

.loginContent p.note.tCenter {
	text-align: center;
}

.loginContent p.note2 {
	font-weight: bold;
	font-size: 18px;
	color: #50E3C2;
	text-align: center;
}

.loginContent p.note2 a {
	color: #50E3C2;
}

.loginContent .mBtm {
	margin-bottom: 30px;
}

.loginContent .foxplusdescstyle {
	color: #FFC000;
}

.loginContent p.foxplustitle {
	font-size: 26px;
	text-align: center;
	color: #FFC000;
	margin-bottom: 24px;
	margin-top: 24px;
}

.loginContent  .foxplusitem {
	padding-left: 20px;
}

.loginContent .foxplusdescstyle ol li {
	list-style: decimal;
	list-style-position: outside;
	font-size: 18px;
}

.loginContent p.foxplusnote {
	font-size: 16px;
	padding-top: 20px;
	color: #FFFFFF;
}

.loginContent p.foxplusnote a {
	border-bottom-style: solid;
	color: #FFFFFF;
}

.showMsgContent {
	padding: 80px 40px;
}

.showMsgContent h2 {
	font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
	font-size: 30px;
	line-height: 160%;
	color: #000;
	margin-bottom: 10px;
	text-align: center;
}

.formBlock {
	margin-bottom: 30px;
	text-align: center;
}

.formBlock input {
	border: 1px solid #bbb;
	color: #222;
	font-size: 20px;
	height: 50px;
	text-align: center;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.formBlock input::-webkit-input-placeholder {
	font-size: 14px;
	color: #bbb;
}

.formBlock input:-ms-input-placeholder {
	font-size: 14px;
	color: #bbb;
}

.formBlock input::-ms-input-placeholder {
	font-size: 14px;
	color: #bbb;
}

.formBlock input::placeholder {
	font-size: 14px;
	color: #bbb;
}

.formBlock .input_area {
	font-size: 15px;
	width: 100px;
	padding: 0;
}

.formBlock .input_phone {
	background: #fff url(../images/ic_phone_inbox.svg) 10px center no-repeat;
	padding: 0 20px 0 40px;
	width: 100%;
}

.formBlock .input_valid {
	background: #fff url(../images/ic_lock_inbox.svg) 10px center no-repeat;
	padding: 0 20px 0 40px;
	width: 100%;
}

.formBlock .input_wifi {
	background: #fff url(../images/ic_wifi_inbox.svg) 10px center no-repeat;
	padding: 0 20px 0 40px;
	width: 100%;
}

.formBlock .input_tv {
	background: #fff url(../images/ic_tv_inbox.svg) 10px center no-repeat;
	padding: 0 20px 0 40px;
	width: 100%;
}

.formBlock.subscribeSportBlock{
	text-align:left;
}
.formBlock.subscribeSportBlock .sportP{
	color:#42B89F;
	font-size:14px;
	margin-bottom:5px;
}

.formBlock.subscribeSportBlock .input_phone{
	padding: 0 20px 0 10px;
	margin-bottom:20px;
	background: #fff;
	text-align:left;
}

.formBlock.subscribeSportBlock .btSet.smail{
	width: 120px;
}


.btSet {
	font-size: 18px;
	line-height: 50px;
	border-radius: 30px;
	text-align: center;
	background: -webkit-linear-gradient(315.28deg, #47F15A 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #47F15A 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #47F15A 0%, #24CBFF 100%);
	margin-bottom: 10px;
	font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
}

.btSet a {
	color: #000;
	display: block;
}

.btSet:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.btSet:last-child {
	margin-bottom: 0px;
}

.btSet.bt_other {
	background: #555;
}

.btSet.bt_other a {
	color: #fff;
}

.btSet.bt_foxplus {
	background: #FFC000;
	margin-top: 50px;
	margin-bottom: 120px;
}

.btSet.bt_lock {
	background: #555;
	color: #666;
}

.btSet.bt_phone {
	position: relative;
	font-size: 18px;
}

.btSet.bt_phone a {
	padding-left: 20px;
}

.btSet.bt_phone a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 60px;
	background: url(../images/ic_phone.svg) 24px center no-repeat;
}

.btSet.bt_wifi {
	position: relative;
	font-size: 18px;
}

.btSet.bt_wifi a {
	padding-left: 20px;
}

.btSet.bt_wifi a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 60px;
	background: url(../images/ic_wifi.svg) 24px center no-repeat;
}

.btSet.bt_fb {
	background: #3b5998 url(../images/ic_facebook.svg) 24px center no-repeat;
	font-size: 18px;
}

.btSet.bt_fb a {
	color: #fff;
	padding-left: 20px;
}

.btSet.bt_google {
	background: #dd4b39 url(../images/ic_google.svg) 24px center no-repeat;
	font-size: 18px;
}

.btSet.bt_google a {
	color: #fff;
	padding-left: 20px;
}

.btSet.bt_cht {
	background: #555 url(../images/ic_mail.svg) 24px center no-repeat;
	font-size: 18px;
}

.btSet.bt_cht a {
	color: #fff;
	padding-left: 20px;
}

.btSet.bt_mod {
	/*background: #555 url(../images/ic_tv.svg) 24px center no-repeat;*/
	font-size: 18px;
	position: relative;
}

.btSet.bt_mod a {
	/*color: #fff;*/
	padding-left: 20px;
}
.btSet.bt_mod a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 60px;
    background: url(../images/ic_tv.svg) 24px center no-repeat;
}

.btSet.smail {
	width: 200px;
	margin: 0 auto;
}

.icon_done {
	background: url(../images/ic_down.png) center center no-repeat;
	background-size: 84px auto;
	width: 90px;
	height: 90px;
	margin: 0 auto;
}

.dividers {
	text-align: center;
	color: #888;
	font-size: 18px;
	line-height: 140%;
	padding: 10px 0;
	margin-bottom: 10px;
	position: relative;
}

.dividers::before {
	content: "";
	display: block;
	background-color: #888;
	width: 40%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
}

.dividers::after {
	content: "";
	display: block;
	background-color: #888;
	width: 40%;
	height: 1px;
	position: absolute;
	top: 50%;
	right: 0;
}

@media screen and (max-width: 640px) {
	.loginContent {
		padding: 60px 0;
	}
	.loginContent h2 {
		max-width: 300px;
		margin: 0 auto;
		font-size: 24px;
	}
}

/* list_item */
.mobileMode {
	display: none !important;
}

.alink {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background-color: rgba(0, 0, 0, 0);
}

.container {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.container input[type="radio"] ~ .checkmark {
	border: 2px solid #888888;
	border-radius: 50%;
	background-color: #555555;
}

.container input[type="radio"]:checked ~ .checkmark {
	border: 2px solid #50E3C2;
	background-color: transparent;
}

.container input[type="radio"]:checked ~ .checkmark::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #50E3C2;
}

.container input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.container input[type="checkbox"] ~ .checkmark {
	border: 1px solid #979797;
	border-radius: 2px;
	background-color: #D8D8D8;
}

.container input[type="checkbox"]:checked ~ .checkmark {
	border-color: #ddd;
	background-color: transparent;
}

.container input[type="checkbox"]:checked ~ .checkmark::after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	background: url(../images/ico_check.svg) center center no-repeat;
	background-size: cover;
}

.container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
}

.container:hover input ~ .checkmark {
	border-color: #50E3C2;
}

.wrapper {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	opacity:0; /* for cls*/
}

p.description {
	margin-bottom: 20px;
}

/* list */
.list_item {
	position: relative;
}

.list_item .pic {
	position: relative;
}

.list_item .pic img {
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

/* banner */
.banner-wrapper {
	background-color: #000;
}

.banner-wrapper:hover .btn_prev, .banner-wrapper:hover .btn_next {
	display: block;
}

.banner-wrapper.indexSty {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #000),
		to(#181818));
	background: -webkit-linear-gradient(top, #000 75%, #181818 100%);
	background: -o-linear-gradient(top, #000 75%, #181818 100%);
	background: linear-gradient(180deg, #000 75%, #181818 100%);
}

.pagination {
	padding: 25px 0;
	text-align: center;
}

.pagination .swiper-pagination-bullet {
	background-color: #bbb;
	opacity: 0.5;
	width: 10px;
	height: 10px;
	vertical-align: middle;
}

.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ddd;
	opacity: 1;
}

.swiper-container-horizontal>.pagination.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 0px 10px;
}

.swiper-container-horizontal>.pagination.swiper-pagination-bullets,
	.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0px;
}

.hollywood-pagination{
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    margin-top:10px;
    bottom:auto !important;	
}
.hollywood-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #DDDDDD;
}
.btn_prev, .btn_next {
	cursor: pointer;
	width: 4%;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 3;
	display: none;
}

.btn_prev.swiper-button-disabled, .btn_next.swiper-button-disabled {
	display: none;
}

.btn_prev {
	background-image: url(../images/arrow_left.png);
	left: 0;
}

.btn_next {
	background-image: url(../images/arrow_right.png);
	right: 0;
}

.swiper-container-initialized:hover .btn_prev,
	.swiper-container-initialized:hover .btn_next {
	display: block;
}

.swiper-button-disabled {
	display: none !important;
}

.banner-silder {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 70px;
}

.banner-silder .btn_prev {
	left: -200px;
	background-size: 40px auto;
	width: 200px;
	height: auto;
	top: 0;
	bottom: 0;
}

.banner-silder .btn_next {
	right: -200px;
	background-size: 40px auto;
	width: 200px;
	height: auto;
	top: 0;
	bottom: 0;
}

.banner-silder .list_item {
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	opacity: 0.3;
	width: 800px;
}

.banner-silder .list_item .alink {
	display: none;
}

.banner-silder .list_item.swiper-slide-active {
	opacity: 1;
}

.banner-silder .list_item.swiper-slide-active .alink {
	display: block;
}

.banner-silder .list_item .pic {
	position: relative;
	max-height: 445px;
	overflow: hidden;
}

.banner-silder .list_item .pic img {
	display: block;
	width: 100%;
	height: auto;
}

.banner-silder .list_item .pic::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: -webkit-gradient(linear, left top, right top, color-stop(85%, rgba(0, 0,
		0, 0)), to(black)),
		-webkit-gradient(linear, right top, left top, color-stop(70%, rgba(0, 0,
		0, 0)), to(#000000)),
		-webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0,
		0, 0, 0)), to(#000000));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 85%, black
		100%), -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 70%, #000000
		100%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #000000 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 85%, black 100%),
		-o-linear-gradient(right, rgba(0, 0, 0, 0) 70%, #000000 100%),
		-o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #000000 100%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 85%, black 100%),
		linear-gradient(270deg, rgba(0, 0, 0, 0) 70%, #000000 100%),
		linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000000 100%);
}

.banner-silder .list_item .title {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 2;
	text-shadow: 0.1em 0.1em 0.2em #000;
}

.banner-silder .list_item .title p {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 10px;
	color: #ccc;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.banner-silder .list_item .title h2 {
	font-size: 1.625rem;
	color: #fff;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.banner-silder .list_item .title .time {
	margin-bottom: 10px;
	text-shadow: none;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: bold;
}

.banner-silder .list_item .title .time .t_day {
	font-size: 1.5rem;
	color: #fff;
	margin-right: 5px;
	width: 80px;
	text-align: center;
	display: inline-block;
	letter-spacing: 3px;
}

.banner-silder .list_item .title .time .t_time {
	font-size: 1.125rem;
}

.banner-silder .list_item .title.sty1, .banner-silder .list_item .title.sty2,
	.banner-silder .list_item .title.sty3 {
	padding-left: 21px;
}

.banner-silder .list_item .title.sty1::before, .banner-silder .list_item .title.sty2::before,
	.banner-silder .list_item .title.sty3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 6px;
}

.banner-silder .list_item .title.sty4 p, .banner-silder .list_item .title.sty5 p,
	.banner-silder .list_item .title.sty6 p, .banner-silder .list_item .title.sty7 p
	{
	font-size: 1.25rem;
	line-height: 100%;
	font-weight: normal;
	color: #ccc;
	margin-bottom: 0;
}

.banner-silder .list_item .title.sty4 h2, .banner-silder .list_item .title.sty5 h2,
	.banner-silder .list_item .title.sty6 h2, .banner-silder .list_item .title.sty7 h2
	{
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 10px;
	font-weight: normal;
	line-height: 100%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.banner-silder .list_item .title.sty1::before {
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
}

.banner-silder .list_item .title.sty2::before {
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
}

.banner-silder .list_item .title.sty3::before {
	background: -webkit-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: -o-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: linear-gradient(134.72deg, #31D9FF 0%, #8E8EFF 100%);
}

.banner-silder .list_item .title.sty4 .t_time {
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder .list_item .title.sty5 .t_time {
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder .list_item .title.sty6 .t_time {
	background: -webkit-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: -o-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: linear-gradient(134.72deg, #31D9FF 0%, #8E8EFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder .list_item .title.sty7 .t_time {
	background: -webkit-linear-gradient(315.28deg, #FF2006 0%, #F427C2 100%);
	background: -o-linear-gradient(315.28deg, #FF2006 0%, #F427C2 100%);
	background: linear-gradient(134.72deg, #FF2006 0%, #F427C2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder .list_item .title.sty_ad p {
	border: 1px solid #555555;
	height: 20px;
	width: 40px;
	text-align: center;
	color: #555555;
	font-size: 0.75rem;
	letter-spacing: 2px;
	line-height: 20px;
	margin-bottom: 10px;
}

.banner-silder .list_item .title.sty_ad h2 {
	font-size: 1.625rem;
	color: #ccc;
	font-weight: normal;
	line-height: 100%;
}

.banner-silder .list_item .title.sty_ad::before {
	display: none;
}

.banner-silder .list_item.swiper-slide-active .pic::before {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0,
		0, 0, 0)), to(#000000));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #000000
		100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #000000 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000000 100%);
}

.banner-silder .list_item.swiper-slide-active .title {
	left: 40px;
	right: 40px;
}

.banner-silder .list_item .tag_live {
	background: url(../images/icon_live_now.png) no-repeat;
	background-size: auto 100%;
	width: 120px;
	height: 45px;
	position: absolute;
	top: 117px;
	left: 40px;
	z-index: 2;
}

.banner-silder .list_item .tag_playing {
	background: url(../images/ic_playing.svg) no-repeat;
	background-size: auto 100%;
	width: 120px;
	height: 45px;
	position: absolute;
	top: 117px;
	left: 40px;
	z-index: 2;
}

.banner-silder .list_item .tag_free {
	background: url(../images/icon_free.svg) no-repeat;
	width: 68px;
	height: 30px;
	position: absolute;
	top: 175px;
	left: 40px;
	z-index: 2;
}

.banner-silder .pagination {
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 2;
}
/*banner-silder-home */
.banner-silder-home {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 70px;
}

.banner-silder-home .btn_prev {
	left: -160px;
	background-size: 40px auto;
	width: 200px;
	height: auto;
	top: 0;
	bottom: 0;
}

.banner-silder-home .btn_next {
	right: -160px;
	background-size: 40px auto;
	width: 200px;
	height: auto;
	top: 0;
	bottom: 0;
}

.banner-silder-home .list_item {
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	opacity: 0.3;
	width: 800px;
}

.banner-silder-home .list_item .alink {
	display: none;
}

.banner-silder-home .list_item.swiper-slide-active {
	opacity: 1;
}

.banner-silder-home .list_item.swiper-slide-active .alink {
	display: block;
}

.banner-silder-home .list_item .pic img {
	display: block;
	width: 100%;
	height: auto;
}

.banner-silder-home .list_item.swiper-slide-active .pic::before {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0,
		0, 0, 0)), to(#000000));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #000000
		100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #000000 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000000 100%);
}

.banner-silder-home .list_item.swiper-slide-active .title,
	.banner-silder-home .list_item.swiper-slide-active .title {
	left: 40px;
	right: 40px;
}

.banner-silder-home .pagination {
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 2;
}

.banner-silder-home .list_item .pic {
	position: relative;
	max-width: 800px;
	max-height: 450px;
	overflow: hidden;
	left: 33%; /*??*/
}

.banner-silder-home .list_item .note {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	/* background:linear-gradient(to right,rgba(0,0,0,1) 33%,rgba(0,0,0,0) 50%);
       background:linear-gradient(to right,rgba(0,0,0,1) 33%,rgba(0,0,0,0) 50%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.1) 95%, rgba(0,0,0,0.8) 97% );*/
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 33%,
		rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 1) 100%);
}

.banner-silder-home .list_item .pic::before {
	
}

.banner-silder-home .list_item .tag_live {
	background: url(../images/icon_live_now.png) no-repeat;
	background-size: 100% auto;
	width: 85px;
	height: 36px;
	position: absolute;
	top: 108px;
	left: 40px;
	z-index: 2;
}

.banner-silder-home .list_item .tag_playing {
	background: url(../images/ic_playing.svg) no-repeat;
	background-size: 100% auto;
	width: 85px;
	height: 36px;
	position: absolute;
	top: 108px;
	left: 40px;
	z-index: 2;
}

.banner-silder-home .list_item .tag_free, .banner-silder-home .list_item .tag_free1
	{
	background: url(../images/icon_free.svg) no-repeat;
	width: 68px;
	height: 30px;
	position: absolute;
	top: 108px;
	left: 130px;
	z-index: 2;
}

.banner-silder-home .list_item .tag_free1 {
	left: 40px;
}

.banner-silder-home .list_item .title {
	position: absolute;
	top: 150px;
	left: 40px;
	z-index: 2;
	text-shadow: 0.1em 0.1em 0.2em #000;
}

.banner-silder-home .list_item .title p {
	font-size: 1.375rem;
	font-weight: lighter;
	line-height: 100%;
	margin-top: 4px;
	color: #50E3C2;
	width: 360px;
	line-height: 30px;
	word-wrap: break-word;
}

.banner-silder-home .list_item .title p.categoryStyle1 {
	color: #FFE194;
}

.banner-silder-home .list_item .title h2 {
	font-size: 1.75rem;
	color: #fff;
	font-weight: normal;
	margin-top: 4px;
	width: 360px;
	line-height: 36px;
	word-wrap: break-word;
}

.banner-silder-home .list_item .title .area {
	line-height: 26px;
	text-align: center;
	z-index: 2;
	width: 50px;
	height: 26px;
	border: 0.75px solid #50E3C2;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #50E3C2;
	display: inline-block;
	margin-right: 10px;
	Font-size: 0.6875rem;
	/*padding-top:5px;
        padding-bottom:5px;*/
}

.banner-silder-home .list_item .title .area.categoryStyle1 {
	border: 0.75px solid #FFE194;
	color: #FFE194;
}

.banner-silder-home .list_item .title .time {
	display: inline-block;
	text-shadow: none;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: bold;
	font-size: 1.125rem;
	vertical-align: middle;
}

.banner-silder-home .list_item .title .time .t_day {
	
}

.banner-silder-home .list_item .title .time .t_time {
	
}
/* .banner-silder-home .list_item .title.sty1::before, .banner-silder-home .list_item .title.sty2::before, .banner-silder-home .list_item .title.sty3::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 6px; }*/
.banner-silder-home .list_item .title.sty1::before {
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
}

.banner-silder-home .list_item .title.sty2::before {
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
}

.banner-silder-home .list_item .title.sty3::before {
	background: -webkit-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: -o-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: linear-gradient(134.72deg, #31D9FF 0%, #8E8EFF 100%);
}

.banner-silder-home .list_item .title.sty4 .t_time, .banner-silder-home .list_item .title.sty4 .t_day
	{
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder-home .list_item .title.sty5 .t_time, .banner-silder-home .list_item .title.sty5 .t_day
	{
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder-home .list_item .title.sty6 .t_time, .banner-silder-home .list_item .title.sty6 .t_day
	{
	background: -webkit-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: -o-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: linear-gradient(134.72deg, #31D9FF 0%, #8E8EFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder-home .list_item .title.sty7 .t_time, .banner-silder-home .list_item .title.sty7 .t_day
	{
	background: -webkit-linear-gradient(315.28deg, #FF2006 0%, #F427C2 100%);
	background: -o-linear-gradient(315.28deg, #FF2006 0%, #F427C2 100%);
	background: linear-gradient(134.72deg, #FF2006 0%, #F427C2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-silder-home .list_item .title .movie_metadata {
	margin-top: 4px;
	color: #999999;
	font-size: 1rem;
}

.banner-silder-home .list_item .title .togo {
	border: 1px solid #BBBBBB;
	border-radius: 30px;
	width: 130px;
	height: 40px;
	line-height: 260%;
	text-align: center;
	margin-top: 20px;
}

.banner-thumbs, .banner-topthree {
	position: relative;
	padding: 0 4%;
}

.banner-thumbs .list_item, .banner-topthree .list_item {
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
}

.banner-thumbs .list_item .pic, .banner-topthree .list_item .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	background-color: #000;
	background-color: #000;
}

.banner-thumbs .list_item .pic img, .banner-topthree .list_item .pic img
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.banner-thumbs .list_item p {
	font-size: 1.125rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 15px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)),
		to(#222222));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, #222222
		100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0%, #222222 100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222222 100%);
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.banner-topthree .list_item .tag_live {
	background: url(../images/icon_live_now.png) no-repeat;
	background-size: 100% auto;
	width: 92px;
	height: 38px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.banner-topthree .list_item .tag_playing {
	background: url(../images/ic_playing.svg) no-repeat;
	background-size: 100% auto;
	width: 92px;
	height: 38px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.banner-topthree .list_item .tag_free {
	background: url(../images/icon_free.svg) no-repeat;
	background-size: auto 100%;
	width: 68px;
	height: 30px;
	position: absolute;
	top: 53px;
	left: 10px;
	z-index: 2;
}

.banner-topthree .list_item .area {
	background-color: #181818;
	opacity: 0.7;
	border-radius: 4px;
	background-size: auto 100%;
	width: 66px;
	height: 22px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	z-index: 2;
	font-size: 0.75rem;
	line-height: 22px;
	font-family: "PingFang TC";
}

.banner-topthree .list_item .title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0;
	z-index: 2;
	text-shadow: 0.1em 0.1em 0.2em #000;
}

.banner-topthree .list_item .title p {
	font-size: 1em;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 23px;
	margin-left: 24px;
	color: #AAAAAA;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.banner-topthree .list_item .title h2 {
	font-size: 1.3rem;
	color: #fff;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 11px;
	margin-left: 24px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.banner-topthree .list_item .pic::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 70%,
		rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.9) 97%);
}

.banner-thumbs .list_item.swiper-slide-thumb-active {
	border: 3px solid #fff;
}

.banner-thumbs .list_item.swiper-slide-thumb-active .pic>img {
	opacity: 1;
}

.hollywoodSwiper .swiper-slide{
	margin: auto 0;
	text-align:center;
	
}

/*content*/
.content-wrapper {
	padding-top: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.content-wrapper-ui03 {
	padding-top: 0px;
}

.content-wrapper section {
	margin-bottom: 40px;
}

.content-wrapper section>.title {
	margin-bottom: 15px;
	padding: 0 4%;
}

.content-wrapper section>.title h2 {
	font-size: 1.125rem;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 40px;
	padding-left: 45px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: auto 40px;
	margin-bottom: 10px;
}

.content-wrapper section>.title h2 span {
	font-size: 1.75rem;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: 800;
	letter-spacing: 0;
	margin-right: 10px;
}

.content-wrapper section>.title h3 {
	line-height: 30px;
	padding-left: 45px;
	font-size: 1.5rem;
	font-family: "Noto Sans TC", sans-serif;
	font-weight: normal;
	height: 30px;
	background-repeat: no-repeat;
	background-size: auto 30px;
}

.content-wrapper section>.title.centerType {
	text-align: center;
}

.content-wrapper section>.title.centerType h2 {
	padding: 0;
	display: inline-block;
	color: #fff;
	height: auto;
}

.content-wrapper section>.title.centerType h2 span {
	letter-spacing: 0;
	margin: 0px 0 0 45px;
	display: block;
	padding-bottom: 5px;
}

.content-wrapper section>.title.gameType {
	text-align: center;
}

.content-wrapper section>.title.gameType h2 {
	display: inline-block;
	padding-left: 0;
	font-family: "Noto Sans TC", sans-serif;
	font-size: 30px;
	margin: 0px 0 15px;
	color: #ddd;
	line-height: 120%;
	font-weight: normal;
	letter-spacing: 0;
}

.content-wrapper section>.title.gameType .selectBox {
	position: relative;
	width: 220px;
	margin: 0 auto 0px;
	/*&::after {
            content: "";
            position: absolute;
            top: 15px;
            right: 15px;
            width: 30px;
            height: 30px;
            background: url(../images/ico_back_color.svg) no-repeat;
            background-size: cover;
            transform: rotate(-90deg);
          }*/
}

.content-wrapper section>.title.gameType .selectBox select {
	height: 60px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 40px;
	border: 2px solid #333;
	padding: 0 30px;
	font-size: 1.125rem;
	color: #eee;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #282828 url(../images/ico_select_color.svg) 92% center
		no-repeat;
	background-size: 30px auto;
}

.content-wrapper section>.title.gameType .selectBox select::-ms-expand {
	display: none;
}

.content-wrapper section>.title_in {
	margin-bottom: 15px;
	padding: 0 4%;
	position: relative;
}

.content-wrapper section>.title_in h2 {
	font-family: "Noto Sans TC", sans-serif;
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 40px;
	color: #eee;
}

.content-wrapper section>.title_in .bt {
	position: absolute;
	top: 5px;
	right: 4%;
	line-height: 30px;
}

.content-wrapper section>.title_in .bt a {
	display: block;
	border: 1px solid #aaa;
	font-size: 0.875rem;
	padding: 0 10px;
	border-radius: 20px;
}

.content-wrapper section>.title_in .bt a:hover {
	background-color: #333;
}

.content-wrapper section>.title_in .bt_more {
	position: absolute;
	bottom: 10px;
	right: 4%;
	font-size: 0.875rem;
}

.content-wrapper section>.title_in .bt_more a {
	display: block;
	padding-right: 20px;
}

.content-wrapper section>.title_in .bt_more a::after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #50E3C2;
}

.content-wrapper section>.title_in .bt_more_19, .content-wrapper section>.title_in .bt_more_19_rent
	{
	position: absolute;
	bottom: 10px;
	right: 4%;
	font-size: 0.875rem;
}

.content-wrapper section>.title_in .bt_more_19 a {
	position: absolute;
	width: 70px;
	top: -20px;
	right: 0px;
	border-radius: 30px;
	text-align: center;
	border: 1px solid #50E3C2;
	font-size: 0.9rem;
	color: #50E3C2;
}

.content-wrapper section>.title_in .bt_more_19_rent a {
	position: absolute;
	width: 70px;
	top: -20px;
	right: 0px;
	border-radius: 30px;
	text-align: center;
	border: 1px solid #A69070;
	font-size: 0.9rem;
	color: #A69070;
}
/** **/
.content-wrapper section>.title_in .subTab li {
	display: inline-block;
	font-family: "Noto Sans TC", sans-serif;
	font-size: 1.125rem;
	line-height: 20px;
}

.content-wrapper section>.title_in .subTab li a {
	display: inline-block;
	color: #aaa;
}

.content-wrapper section>.title_in .subTab li.active a {
	color: #fff;
}

.content-wrapper section>.title_in .subTab li::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 20px;
	background-color: #aaa;
	margin: 0 15px 0 20px;
	vertical-align: middle;
}

.content-wrapper section>.title_in .subTab li:last-child::after {
	display: none;
}

.content-wrapper section>.title_in .tab {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

.content-wrapper section>.title_more {
	margin-bottom: 15px;
	padding: 0 4%;
	position: relative;
}

.content-wrapper section>.title_more h1 {
	/*font-size: 30px;background-color: #aaa;*/
	font-size: 1.8rem;
	text-align: center;
}

.content-wrapper section>.title_more a {
	line-height: 30px;
	position: absolute;
	top: 0px;
	right: 5%;
	border-radius: 30px;
	border: 1px solid #ddd;
	font-size: 0.9rem;
	color: #ddd;
	padding: 0 15px;
}

.content-wrapper section .content {
	margin-bottom: 25px;
}

.content-wrapper section.sty2 {
	margin-bottom: 0px;
}

.content-wrapper section.bg_rental {
	background: -webkit-gradient(linear, left top, left bottom, from(#D9C491),
		to(#222));
	background: -webkit-linear-gradient(top, #D9C491, #222);
	background: -o-linear-gradient(top, #D9C491, #222);
	background: linear-gradient(to bottom, #D9C491, #222);
	background-attachment: fixed;
	padding: 50px 0 15px;
}

.content-wrapper section.bg_rental .vodListBlock::before,
	.content-wrapper section.bg_rental .vodListBlock::after {
	display: none;
}

.content-wrapper.twoCol {
	padding: 90px 4% 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.content-wrapper.twoCol .main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 2%;
}

.content-wrapper.twoCol .sidebar {
	width: 27.7%;
}

.content-wrapper.twoCol section>.title_in {
	padding: 0;
}

.content-wrapper.memberType {
	padding-top: 0px;
}

.content-wrapper.memberType .content {
	padding: 40px 15%;
}

.content-wrapper.faqType {
	padding: 140px 4% 0;
}

.content-wrapper.newsType {
	padding: 100px 4% 0;
}

.content-wrapper.set2 {
	min-height: 0;
}

.singleCouponType { /*2020*/
	padding-top: 0px;
}

.singleCouponType .content { /*2020*/
	padding: 10px 15%;
	margin-bottom: 10px;
}
/* list */
.indexListBlock {
	position: relative;
	padding: 0 4%;
}

.indexListBlock .list_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #222222;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
}

.indexListBlock .list_item .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	background-color: #000;
}

.indexListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.indexListBlock .list_item .pic::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(34,
		34, 34, 0)), to(#222222));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 90%,
		#222222 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 90%, #222222
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 90%, #222222
		100%);
}

.indexListBlock .list_item .title {
	padding: 20px 25px;
	margin-top: -20px;
	height: 60px;
}

.indexListBlock .list_item .title h4 {
	font-size: 1.5rem;
	line-height: 140%;
	margin-bottom: 5px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.indexListBlock .list_item .title p {
	line-height: 140%;
	color: #aaa;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.indexListBlock .list_item .icon_live {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 8px;
	padding: 0 10px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 38px;
	background-color: rgba(255, 255, 255, 0.9);
}

.indexListBlock .list_item .icon_live span {
	background: -webkit-linear-gradient(135.28deg, #F427C2 0%, #FF2006 100%);
	background: -o-linear-gradient(135.28deg, #F427C2 0%, #FF2006 100%);
	background: linear-gradient(314.72deg, #F427C2 0%, #FF2006 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.indexListBlock .list_item .icon_live span::before {
	content: "●";
	margin-right: 2px;
	font-size: 32px;
	display: inline;
}

.indexListBlock::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.indexListBlock::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.adListBlock {
	position: relative;
	padding: 0 4%;
}

.adListBlock .list_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
}

.adListBlock .list_item .pic {
	border-radius: 10px;
	overflow: hidden;
}

.adListBlock .list_item .pic img {
	display: block;
	width: 100%;
	height: auto;
}

.movieListBlock {
	position: relative;
	padding: 0 4%;
}

.movieListBlock .list_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*float: left;
    margin-right: 1%;
    width: 24.25%;
    &:nth-of-type(4n+0) {
      margin-right: 0;
    }*/
}

.movieListBlock .list_item .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	background-color: #000;
}

.movieListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.movieListBlock .list_item .pic::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(34,
		34, 34, 0)), to(#181818));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 90%,
		#181818 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 90%, #181818
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 90%, #181818
		100%);
}

.movieListBlock .list_item .title {
	padding: 0px;
	margin-top: -20px;
	position: relative;
	z-index: 2;
}

.movieListBlock .list_item .title h4 {
	font-size: 1.25rem;
	line-height: 140%;
}

.movieListBlock .list_item .title p {
	font-size: 1.125rem;
	line-height: 140%;
	color: #aaa;
}

.movieListBlock .list_item .title .time {
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.movieListBlock .list_item .title::after {
	content: "";
	position: absolute;
	right: 15px;
	top: -10px;
	background: url(../images/btn_play.svg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: cover;
}
.movieListBlock .list_item .newTitle {
	padding: 0px 8px;
	margin-top: -20px;
	position: relative;
	z-index: 2;
}

.movieListBlock .list_item .newTitle h4 {
	font-size: 1.25rem;
	line-height: 100%;
}

.movieListBlock .list_item .newTitle p {
	font-size: 1rem;
	line-height: 140%;
	color: #aaa;
}

.movieListBlock .list_item .newTitle .time {
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}


.movieListBlock .list_item .newTitle .icon{
    width: 100%;
    padding: 0 0 0 70%;
    z-index: 3;
    position: absolute;
    left: 0px;
    top: 62%;
    text-align:right;
    box-sizing:border-box;
}
.movieListBlock .list_item .newTitle .icon img{
	height:28px;
	width: 28px;
	border-radius:50%;
	margin: 0 3px 0;
}
.movieListBlock .list_item .newTitle::after {
	content: "";
	position: absolute;
	right:44%;
	top: -85px;
	background: url(../images/btn_play.svg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: cover;
	z-index:3;
}

.movieListBlock .list_item .icon_hd {
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(../images/icon_hd.png) no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 18px;
}

.movieListBlock .list_item .icon_hd img {
	display: block;
	width: 100%;
	height: auto;
}

.movieListBlock .list_item .icon_4k {
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(../images/icon_4k.png) no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 18px;
}

.movieListBlock .list_item .icon_4k img {
	display: block;
	width: 100%;
	height: auto;
}

.movieListBlock::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.movieListBlock::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.tvListBlock {
	padding: 0 4%;
}

.tvListBlock::after {
	content: "";
	display: block;
	clear: both;
}

.tvListBlock .list_item {
	background-color: #222;
	padding: 20px 35px 15px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	margin-right: 1%;
	width: 49.5%;
	border-bottom: 1px solid #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 108px;
}

.tvListBlock .list_item:nth-of-type(2n+0) {
	margin-right: 0;
}

.tvListBlock .list_item .box {
	width: 80px;
	text-align: center;
}

.tvListBlock .list_item .box .time {
	color: #ccc;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.tvListBlock .list_item .pic {
	width: 40px;
	margin: 0 auto 5px;
}

.tvListBlock .list_item .pic a {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.tvListBlock .list_item .pic a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tvListBlock .list_item .pic a img {
	opacity: 1;
}

.tvListBlock .list_item .com {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}

.tvListBlock .list_item .com h3 {
	line-height: 40px;
	font-size: 1.25rem;
	margin-bottom: 5px;
	font-weight: normal;
}

.tvListBlock .list_item .com h3 a {
	color: #fff;
}

.tvListBlock .list_item .com p {
	line-height: 22px;
	font-size: 1rem;
	letter-spacing: .1em;
}

.tvListBlock .list_item .com p a {
	display: block;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #ccc;
}

.tvListBlock .list_item .tool_bt {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	padding-left: 10px;
}

.tvListBlock .list_item .tool_bt .like {
	width: 30px;
}

.tvListBlock .list_item .tool_bt .like a {
	display: block;
	background: url(../images/ic_love_off.svg) no-repeat;
	background-size: 100% auto;
	width: 30px;
	height: 30px;
}

.tvListBlock .list_item .tool_bt .like.on a {
	background-image: url(../images/ic_love_on.svg);
}

.tvListBlock .list_item .tool_bt .date {
	margin-top: -25px;
}

.tv2ListBlock {
	padding: 0 4%;
}

.tv2ListBlock .list_item {
	/*display: inline-block;
    margin-right: 5px;
    vertical-align: top;*/
	text-align: center;
	width: 90px;
}

.tv2ListBlock .list_item .pic {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 5px;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.tv2ListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tv2ListBlock .list_item .pic img {
	opacity: 1;
}

.tv2ListBlock .list_item h3 {
	font-size: 0.875rem;
	color: #aaa;
}

.sportListBlock {
	padding: 0 4%;
	position: relative;
}

.sportListBlock .list_item {
	padding: 10px 10px 10px 90px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,
		0.5)), to(rgba(24, 24, 24, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%,
		rgba(24, 24, 24, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%,
		rgba(24, 24, 24, 0) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%,
		rgba(24, 24, 24, 0) 100%);
	border-radius: 50px 0 0 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sportListBlock .list_item .box {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.sportListBlock .list_item .box .pic {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.sportListBlock .list_item .box .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sportListBlock .list_item .box img {
	opacity: 1;
}

.sportListBlock .list_item .title h4 {
	font-size: 1.125rem;
	margin-bottom: 5px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sportListBlock .list_item .title .time {
	color: #aaa;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sportListBlock .list_item .title p {
	color: #eee;
	font-size: 0.75rem;
}

.sportListBlock .list_item .bt_more {
	position: absolute;
	bottom: 10px;
	right: 0px;
	font-size: 0.875rem;
	padding-right: 20px;
}

.sportListBlock .list_item .bt_more::after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #50E3C2;
}

.sportListBlock::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.sportListBlock::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.multiEntryListBlock { /*2020*/
	padding: 0 4%;
	position: relative;
	/*margin-top:-40px;*/
}

.multiEntryListBlock .list_item { /*2020*/
	padding: 28px 0px 28px 0px;
	text-align: center;
	border: 1px solid #434343;
	border-radius: 8px;
	background: radial-gradient(circle, #434242 0%, #1F1F1F 100%);
	background: -moz-radial-gradient(circle, #434242 0%, #1F1F1F 100%);
	/* FF3.6+ */
	background: -webkit-radial-gradient(circle, #434242 0%, #1F1F1F 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(circle, #434242 0%, #1F1F1F 100%);
	/* Opera 12+ */
	background: -ms-radial-gradient(circle, #434242 0%, #1F1F1F 100%);
	/* IE10+ */
	background: radial-gradient(circle, #434242 0%, #1F1F1F 100%);
	/* W3C */
}

.multiEntryListBlock .list_item:hover { /*2020*/
	cursor: pointer;
	background: radial-gradient(circle, #FFFFFF 0%, #C4C4C4 100%);
	 background:-moz-radial-gradient(circle, #FFFFFF 0%, #C4C4C4 100%); /* FF3.6+ */
	background: -webkit-radial-gradient(circle, #FFFFFF 0%, #C4C4C4 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(circle, #FFFFFF 0%, #C4C4C4 100%);
	/* Opera 12+ */
	background: -ms-radial-gradient(circle, #FFFFFF 0%, #C4C4C4 100%);
	/* IE10+ */
	background: radial-gradient(circle, #FFFFFF 0%, #C4C4C4 100%);
	/* W3C */
}

.multiEntryListBlock .list_item img { /*2020*/
	height: 28px;
}

.multiEntryListBlock .list_item .subscribed { /*2020*/
	position: absolute;
	right: 4px;
	top: 4px;
	width: 16px;
	height: 16px;
	background: url(../images/ic_subs_circle_xs_1.svg) center center
		no-repeat;
	background-size: 16px auto;
	z-index: 1;
}

.reportListBlock {
	padding: 0 4%;
	position: relative;
}

.reportListBlock .list_item .pic {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.reportListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.reportListBlock .list_item .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.reportListBlock .list_item .pic::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(34,
		34, 34, 0)), to(#181818));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 70%,
		#181818 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 70%, #181818
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 70%, #181818
		100%);
}

.reportListBlock .list_item .pic .bt_play {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background: url(../images/btn_play.svg) center center no-repeat;
	background-size: 40px auto;
	z-index: 1;
}

.reportListBlock .list_item .title {
	padding: 0px;
	position: relative;
	z-index: 2;
}

.reportListBlock .list_item .title h4 {
	font-size: 1rem;
	line-height: 140%;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	padding-top: 10px;
}

.reportListBlock .list_item .title p {
	font-size: 0.875rem;
	line-height: 140%;
	color: #bbb;
	padding-top: 5px;
}

.reportListBlock .list_item .title .time {
	position: absolute;
	top: -25px;
	right: 10px;
	font-size: 0.75rem;
	color: #aaa;
}

.reportListBlock .list_item .title .free {
	position: absolute;
	top: -25px;
	left: 0px;
	font-size: 0.75rem;
	padding: 0 10px;
	background-color: #FF676B;
}

.reportListBlock .list_item .icon_hd {
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(../images/icon_hd.png) no-repeat;
	background-size: 100% auto;
	width: 39px;
	height: 18px;
}

.reportListBlock::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.reportListBlock::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.reportListBlock.sty2 {
	padding: 0;
}

.reportListBlock.sty2 .list_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}

.reportListBlock.sty2 .list_item .box {
	width: 100px;
	margin-right: 10px;
	position: relative;
}

.reportListBlock.sty2 .list_item .box .time {
	position: absolute;
	bottom: 0px;
	right: 10px;
	font-size: 0.75rem;
	color: #aaa;
	line-height: 20px;
}

.reportListBlock.sty2 .list_item .box .bt_play {
	right: auto;
	top: auto;
	bottom: 0;
	left: 10px;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
}

.reportListBlock.sty2 .list_item .title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.reportListBlock.sty2 .list_item .title h4 {
	font-size: 1rem;
	margin-bottom: 5px;
}

.reportListBlock.sty2::before, .reportListBlock.sty2::after {
	display: none;
}

.liveListBlock {
	padding: 0 4%;
	margin-bottom: 10px;
}

.liveListBlock:last-child {
	margin-bottom: 0px;
}

.liveListBlock .date {
	background-color: #282828;
	padding: 5px 35px;
}

.liveListBlock .date p {
	font-size: 0.875rem;
}

.liveListBlock .date p.month {
	font-size: 0.75rem;
	letter-spacing: 2px;
	width: 40px;
	text-align: center;
}

.liveListBlock .date p span {
	display: inline-block;
	font-size: 1.625rem;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	margin-right: 10px;
	width: 40px;
	text-align: center;
	font-weight: bold;
}

.liveListBlock .list_item {
	background-color: #222;
	padding: 20px 80px 20px 35px;
}

.liveListBlock .list_item:hover {
	background-color: #333;
}

.liveListBlock .list_item.multi-angle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.liveListBlock .list_item.multi-angle h3 {
	font-size: 1.125rem;
	letter-spacing: 1px;
	font-weight: bold;
	color: #fff;
}

.liveListBlock .list_item.multi-angle p {
	font-size: 0.875rem;
	color: #aaa;
}

.liveListBlock .list_item.multi-angle p span {
	margin-right: 10px;
	font-weight: bold;
}

.liveListBlock .list_item .tag {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 5px;
	background-color: #5e5e5e;
}

.liveListBlock .list_item .tag img {
	height: 100%;
	width: auto;
}

.liveListBlock .list_item .pic {
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	width: 70px;
	height: 70px;
	background-color: #000;
	margin-right: 15px;
}

.liveListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.liveListBlock .list_item .time {
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	color: #eee;
	font-weight: bold;
	margin-bottom: 5px;
}

.liveListBlock .list_item .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.liveListBlock .list_item h3 {
	font-size: 1.125rem;
	font-weight: normal;
	color: #aaa;
	line-height: 160%;
}

.liveListBlock .list_item h3 span {
	font-size: 0.75rem;
	color: #aaa;
	border: 1px solid #aaa;
	padding: 0 5px;
	margin-right: 10px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
}

.liveListBlock .list_item p {
	font-size: 1.125rem;
	letter-spacing: 1px;
}

.liveListBlock .list_item .vs {
	position: absolute;
	right: 20%;
	top: 50%;
	margin-top: -23px;
	font-size: 24px;
	color: #888;
	font-style: italic;
	font-weight: bold;
}

.liveListBlock .list_item .vs .team {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	overflow: hidden;
	margin: 0 35px;
}

.liveListBlock .list_item .vs .team .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.liveListBlock .list_item .vs .team .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.liveListBlock .list_item .vs .team img {
	opacity: 1;
}

.liveListBlock .list_item .txt_top {
	position: absolute;
	top: 0;
	left: 50%;
	height: 20px;
	background-color: #3f3f3f;
	font-size: 0.75rem;
	line-height: 20px;
	padding: 0 10px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.liveListBlock .list_item .txt_top::before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	bottom: 0;
	background: url(../images/top_txt_bg_left.png) no-repeat;
	background-size: cover;
	width: 10px;
}

.liveListBlock .list_item .txt_top::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	background: url(../images/top_txt_bg_right.png) no-repeat;
	background-size: cover;
	width: 10px;
}

.liveListBlock .list_item .txt_right {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 0.75rem;
	padding-right: 5px;
	height: 40px;
	line-height: 25px;
	width: 100px;
	text-align: right;
}

.liveListBlock .list_item .txt_right span {
	position: relative;
	z-index: 1;
}

.liveListBlock .list_item .txt_right::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 100px 40px 0;
}

.liveListBlock .list_item .txt_right.color_1::before {
	border-color: transparent #ff0056 transparent transparent;
}

.liveListBlock .list_item .txt_right.color_2::before {
	border-color: transparent #5a50e3 transparent transparent;
}

.liveListBlock .list_item .txt_right.color_3::before {
	border-color: transparent #89b62b transparent transparent;
}

.liveListBlock .list_item .bt_play {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	background: url(../images/btn_replay.svg) center center no-repeat;
	background-size: 24px auto;
	background-color: rgba(255, 255, 255, 0.05);
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}

.liveListBlock .list_item .bt_older {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	line-height: 30px;
}

.liveListBlock .list_item .bt_older a {
	display: block;
	border: 1px solid #aaa;
	font-size: 0.875rem;
	padding: 0 20px;
	border-radius: 20px;
}

.liveListBlock .list_item .bt_older a:hover {
	background-color: #333;
}

.liveListBlock .list_item.passed .time, .liveListBlock .list_item.passed h3,
	.liveListBlock .list_item.passed h3 span, .liveListBlock .list_item.passed p
	{
	color: #888;
	border-color: #888;
}

.liveListBlock .list_item.on {
	background-color: #303030;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.liveListBlock .list_item.on .tag {
	background: -webkit-gradient(linear, left top, left bottom, from(#FF2006),
		to(#F427C2));
	background: -webkit-linear-gradient(top, #FF2006 0%, #F427C2 100%);
	background: -o-linear-gradient(top, #FF2006 0%, #F427C2 100%);
	background: linear-gradient(180deg, #FF2006 0%, #F427C2 100%);
}

.liveListBlock .list_item.on .time {
	display: inline-block;
	background: -webkit-gradient(linear, left top, right top, from(#FF2006),
		to(#F427C2));
	background: -webkit-linear-gradient(left, #FF2006 0%, #F427C2 100%);
	background: -o-linear-gradient(left, #FF2006 0%, #F427C2 100%);
	background: linear-gradient(90deg, #FF2006 0%, #F427C2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.liveListBlock .list_item.on .bt_play {
	background: url(../images/btn_playing.svg) center center no-repeat;
}

.liveListBlock .list_item.on::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 5px;
	background: -webkit-linear-gradient(135.28deg, #F427C2 0%, #FF2006 100%);
	background: -o-linear-gradient(135.28deg, #F427C2 0%, #FF2006 100%);
	background: linear-gradient(314.72deg, #F427C2 0%, #FF2006 100%);
	-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}

.eventListBlock {
	padding: 0 4%;
	position: relative;
}

.eventListBlock .list_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #222;
}

.eventListBlock .list_item .box {
	width: 100px;
}

.eventListBlock .list_item .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 143%;
	background-color: #000;
}

.eventListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.eventListBlock .list_item .pic::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(34,
		34, 34, 0)), to(#181818));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 90%,
		#181818 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 90%, #181818
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 90%, #181818
		100%);
}

.eventListBlock .list_item .pic .bt_play {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background: url(../images/btn_play.svg) center center no-repeat;
	background-size: 40px auto;
	z-index: 2;
}

.eventListBlock .list_item .com {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 5px 15px;
	position: relative;
	z-index: 2;
	border-bottom: 1px solid #181818;
}

.eventListBlock .list_item .com .day {
	font-size: 1.125rem;
	line-height: 130%;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	margin-bottom: 5px;
	font-weight: bolder;
	letter-spacing: 2px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eventListBlock .list_item .com h3 {
	font-size: 0.75rem;
	line-height: 20px;
	border: 1px solid #aaa;
	color: #aaa;
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 5px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eventListBlock .list_item .com p {
	font-size: 1.125rem;
	line-height: 150%;
	color: #eee;
	height: 3em;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.eventListBlock .list_item .com .time {
	font-size: 0.75rem;
	color: #ccc;
	text-align: right;
	margin-top: 5px;
	line-height: 1em;
}

.eventListBlock .list_item .com .free {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 0.75rem;
	padding: 0 10px;
	background-color: #FF676B;
}

.eventListBlock .list_item .icon_hd {
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(../images/icon_hd.png) no-repeat;
	background-size: 100% auto;
	width: 39px;
	height: 18px;
}

.eventListBlock.sty2::after {
	position: static;
	content: "";
	display: block;
	clear: both;
}

.eventListBlock.sty2 .list_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 0 0 0 0;
	width: 33.33%;
}

.watchListBlock {
	position: relative;
	padding: 0 4%;
}

.watchListBlock .list_item .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 143%;
	background-color: #000;
}

.watchListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.watchListBlock .list_item .pic::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(34,
		34, 34, 0)), to(#181818));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 90%,
		#181818 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 90%, #181818
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 90%, #181818
		100%);
}

.watchListBlock .list_item .pic .bt_play {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background: url(../images/btn_play.svg) center center no-repeat;
	background-size: 40px auto;
	z-index: 1;
}

.watchListBlock .list_item .pic .ep {
	position: absolute;
	right: 10px;
	bottom: 0px;
	font-size: 0.75rem;
	z-index: 1;
}

.watchListBlock .list_item .progress {
	position: relative;
	background-color: rgba(119, 119, 119, 0.8);
	height: 4px;
	border-radius: 2px;
	margin-bottom: 5px;
}

.watchListBlock .list_item .progress span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 2px;
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
}

.watchListBlock .list_item .progress.sty_rent span {
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
}

.watchListBlock .list_item .time {
	font-size: 0.75rem;
	color: #aaa;
	letter-spacing: 2px;
	padding-left: 20px;
	background: url(../images/ico_clock.svg) 0 center no-repeat;
	background-size: 15px auto;
}

.watchListBlock .list_item .title h4 {
	font-size: 1rem;
	line-height: 140%;
	font-weight: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.watchListBlock::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.watchListBlock::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.vodListBlock {
	position: relative;
	padding: 0 4%;
}

.vodListBlock .list_item .leaderboard {
	position: relative;
	display: block;
	/*z-index: 1;*/
	width: 100%;
	top: 0px;
	padding-bottom: 4%;
	background: url(../images/bg_ranking.png) no-repeat;
}

.vodListBlock .list_item .leaderboardRent {
	position: relative;
	display: block;
	/*z-index: 1;*/
	width: 100%;
	top: 0px;
	padding-bottom: 4%;
	background: url(../images/bg_ranking_rent.png) no-repeat;
}

.vodListBlock .list_item .leaderboard .ranking, .vodListBlock .list_item .leaderboardRent .ranking
	{
	position: relative;
	color: #000000;
	top: 3px;
	font-weight: bold;
	font-style: oblique;
	font-size: 1.1rem;
	width: 22%;
	text-align: center;
}

.vodListBlock .list_item .leaderboardEmpty {
	position: relative;
	display: block;
	/*z-index: 1;*/
	width: 100%;
	top: 0px;
	padding-bottom: 4%;
	/*background: url(../images/bg_ranking_transparent.png) no-repeat;*/
}

.vodListBlock .list_item .pic, .vodListBlock .list_item .morepic {
	margin-bottom: 5px;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 143%;
	background-color: #000;
}

.vodListBlock .list_item .pic img, .vodListBlock .list_item .morepic img
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vodListBlock .list_item.kol
{
	 margin:25px 25px 0;
}

.vodListBlock .list_item .pic.kol
{
	margin-bottom: 5px;
	margin-right:10px;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: rgba(0,0,0,0) !important;
}

.vodListBlock .list_item .pic.kol img
{
	border-radius: 50%;
	border: 0px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.vodListBlock .list_item .pic.kol::after
{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background:none;
}
.vodListBlock .list_item .pic::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(34,
		34, 34, 0)), to(#181818));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 70%,
		#181818 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 70%, #181818
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 70%, #181818
		100%);
}

.vodListBlock .list_item .pic .tag {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	line-height: 20px;
	font-size: 0.75rem;
	font-family: "Noto Sans TC", sans-serif;
	z-index: 1;
	text-align: center;
}

.vodListBlock .list_item .pic .tag img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
}

.vodListBlock .list_item .pic .tag.t_hami {
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	color: #111;
}

.vodListBlock .list_item .pic .tag.t_only {
	background: -webkit-linear-gradient(135.28deg, #F86A04 0%, #DC1DF8 100%);
	background: -o-linear-gradient(135.28deg, #F86A04 0%, #DC1DF8 100%);
	background: linear-gradient(314.72deg, #F86A04 0%, #DC1DF8 100%);
	color: #111;
}

.vodListBlock .list_item .pic .tag.t_fallow {
	background-color: #181818;
	color: #50E3C2;
}

.vodListBlock .list_item .pic .tag.t_new {
	background: -webkit-linear-gradient(315.28deg, #FECF60 0%, #A79067 100%);
	background: -o-linear-gradient(315.28deg, #FECF60 0%, #A79067 100%);
	background: linear-gradient(134.72deg, #FECF60 0%, #A79067 100%);
	color: #000;
}

.vodListBlock .list_item .pic .tag_RD {
	position: absolute;
	right: 0px;
	bottom: 0px;
	/*width:40px;*/
	height: 20px;
	line-height: 20px;
	z-index: 1;
}

.vodListBlock .list_item .pic .tag_RD  img {
	display: block;
	width: auto;
	height: 20px;
	opacity: 1;
}

.vodListBlock .list_item .pic .score {
	position: absolute;
	right: 10px;
	top: 2px;
	line-height: 20px;
	font-size: 0.875rem;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	z-index: 1;
	color: #50E3C2;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6), 0px 0px 5px
		rgba(0, 0, 0, 0.6);
}

.vodListBlock .list_item .pic .score.sty2 {
	color: #FFF646;
	font-size: 1rem;
	letter-spacing: 1px;
}

.vodListBlock .list_item .pic .ep, .vodListBlock .list_item .pic .time {
	position: absolute;
	left: 10px;
	bottom: 0px;
	font-size: 0.75rem;
	z-index: 1;
	color: #bbb;
}

.vodListBlock .list_item .pic .pay {
	position: absolute;
	left: 5px;
	bottom: -2px;
	font-size: 0.75rem;
	line-height: 2em;
	padding: 0 8px;
	z-index: 1;
	color: #000;
	border-radius: 20px;
	font-weight: bold;
	background-color: #efd7a5;
}


.vodListBlock .list_item .title h4 {
	font-size: 1rem;
	line-height: 140%;
	color: #eee;
	font-weight: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.vodListBlock .list_item .title.kol{
	text-align:center;
	margin-top:15px;
	height:69px;
	overflow:hidden;
}
.vodListBlock .list_item .title.kol h4 {
	font-size: 18px;
	line-height: 23px;
	color: #fff;
	font-weight: 500;
	text-align:center;
	/*
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;*/
	display: block;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.vodListBlock .list_item .subTitle {
	text-align:center;
}

.vodListBlock .list_item .subTitle h4 {
	font-size: 0.9rem;
	line-height: 100%;
	color: #bbb;
	font-weight: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.vodListBlock::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.vodListBlock::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.vodListBlock.sty2 .list_item {
	float: left;
	margin-right: 1%;
	width: 11.625%;
	margin-bottom: 50px;
}

.vodListBlock.sty2 .list_item:nth-of-type(8n+0) {
	margin-right: 0;
}

.vodListBlock.sty2 .list_item .title {
	height: 2em;
}

.vodListBlock.sty2::before, .vodListBlock.sty2::after {
	display: none;
}

.vodListBlock.sty2::after {
	position: static;
	content: "";
	display: block;
	clear: both;
}

.voteListBlock {
	padding: 0 4%;
	position: relative;
	margin-bottom: 40px;
}

.voteListBlock .list_item .pic {
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.voteListBlock .list_item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.voteListBlock .list_item .title {
	text-align: center;
	padding-top: 10px;
}

.voteListBlock .list_item .title h4 {
	font-size: 1.125rem;
	line-height: 140%;
	color: #eee;
	font-weight: normal;
}

.voteListBlock .list_item .title p {
	font-size: 1rem;
	line-height: 140%;
	color: #aaa;
}

.voteListBlock::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.voteListBlock::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

/* player */
.player_tv {
	margin-bottom: 30px;
}

.player_tv img {
	display: block;
	width: 100%;
	height: auto;
}

.player_main {
	position: relative;
	overflow: hidden;
}

.player_main .player img {
	display: block;
	width: 100%;
	height: auto;
}

.player_main .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 10px;
	background-color: rgba(0, 0, 0, 0.5);
}

.player_main .title {
	text-align: center;
	position: absolute;
	top: 40px;
	left: 80px;
	right: 80px;
	font-family: "Noto Sans TC", sans-serif;
}

.player_main .title h2 {
	font-size: 30px;
	font-weight: normal;
	line-height: 120%;
}

.player_main .title p {
	font-size: 18px;
	line-height: 120%;
}

.player_main .btBack {
	position: absolute;
	left: 40px;
	top: 40px;
	width: 40px;
	height: 40px;
}

.player_main .btBack a {
	display: block;
	height: 40px;
}

.player_main .btBack a:after {
	position: absolute;
	top: 5px;
	left: 15px;
	content: "";
	border: solid #ddd;
	border-width: 0 2px 2px 0;
	display: block;
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.player_main .chromecast {
	position: absolute;
	right: 40px;
	top: 40px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.player_main .chromecast img {
	display: block;
	width: 100%;
	height: auto;
}

.player_main .controler {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.player_main .controler>* {
	display: inline-block;
	vertical-align: middle;
	background-size: 100% auto;
	cursor: pointer;
}

.player_main .controler .btPrev {
	width: 40px;
	height: 40px;
	background: url(../images/ico_skip_previous.svg) center center no-repeat;
}

.player_main .controler .btNext {
	width: 40px;
	height: 40px;
	background: url(../images/ico_skip_next.svg) center center no-repeat;
}

.player_main .controler .btPlay {
	width: 60px;
	height: 60px;
	background: url(../images/ico_play_arr.svg) center center no-repeat;
	margin: 0 115px;
}

.player_main .controler .btPause {
	width: 60px;
	height: 60px;
	background: url(../images/ico_pause.svg) center center no-repeat;
	margin: 0 115px;
}

.player_main .toolbar {
	position: absolute;
	bottom:74px;/*40px*/
	left: 40px;
	right: 40px;
	line-height: 40px;
}

.player_main .toolbar .streaming {
	font-size: 0.875rem;
	color: #ddd;
}

.player_main .toolbar .goPlay {
	position: absolute;
	top: -45px;
	right: 0px;
}

.player_main .toolbar .goPlay a {
	display: block;
	border: 2px solid #eee;
	border-radius: 25px;
	padding: 0 10px;
	line-height: 36px;
}

.player_main .toolbar .goSkip {
	position: absolute;
	top: -45px;
	left: 0px;
	width: 100px;
	height: 40px;
}

.player_main .toolbar .goSkip a {
	display: block;
	border: 2px solid #eee;
	text-align: center;
	border-radius: 20px;
	padding: 0 10px;
	line-height: 36px;
}

.player_main .toolbar .processbar {
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.player_main .toolbar .processbar .time {
	color: #ddd;
	width: 80px;
	font-size: 0.875rem;
}

.player_main .toolbar .processbar .time.tR {
	text-align: right;
}

.player_main .toolbar .processbar .bar_range {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 8px;
	margin: 15px 0;
	background-color: rgba(255, 255, 255, 0.2);
}

.player_main .toolbar .processbar .bar_range .bar_main {
	position: relative;
	height: 8px;
	background-color: #5BAD97;
}

.player_main .toolbar .processbar .bar_range .bar_main span {
	cursor: pointer;
	position: absolute;
	top: -3px;
	right: -8px;
	height: 15px;
	width: 15px;
	border-radius: 7.5px;
	background-color: #50E3C2;
}

.player_main .toolbar .btVol {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background: url(../images/ico_vol_up.svg) center center no-repeat;
	background-size: 30px auto;
}

.player_main .toolbar .btVol.off {
	background-image: url(../images/ico_vol_off.svg);
}

.player_main .toolbar .btList {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background: url(../images/ico_list_bulleted.svg) center center no-repeat;
	background-size: 30px auto;
}

.player_main .toolbar .btSetting {
	position: absolute;
	bottom: 0;
	right: 40px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background: url(../images/ico_setting.svg) center center no-repeat;
	background-size: 30px auto;
}

.player_main .toolbar .btFullscreen {
	position: absolute;
	bottom: 0;
	right: 0px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background: url(../images/ico_fullscreen.svg) center center no-repeat;
	background-size: 30px auto;
}

.player_main .toolbar .btFullscreen.off {
	background-image: url(../images/ico_fullscreen_exit.svg);
}

.player_main .viewer {
	position: absolute;
	left: 4vw;
	right: 4vw;
	bottom: 4vw;
}

.player_main .viewer .item {
	line-height: 30px;
	display: inline;
	width: auto;
	text-align: center;
}

.player_main .viewer .item a {
	display: block;
	padding: 0 10px;
	min-width: 100px;
	border-radius: 20px;
	border: 3px solid #efefef;
	background-color: rgba(0, 0, 0, 0.5);
}

.player_main .viewer .item.on a {
	background-color: #efefef;
	color: #000;
	font-weight: bold;
}

.player_main .freeViewer {
	position: absolute;
	top: 4vw;
	right: 4vw;
	bottom: 0;
	width: 240px;
}

.player_main .freeViewer .fTitle {
	background: url(../images/bg_view.png) center center no-repeat;
	background-size: contain;
	text-align: center;
	color: #eee;
	height: 30px;
	line-height: 30px;
}

.player_main .freeViewer .swiper-container-initialized {
	position: absolute;
	top: 40px;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.player_main .freeViewer .item {
	height: auto;
}

.player_main .freeViewer .item .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	background-color: #000;
	background-color: transparent;
}

.player_main .freeViewer .item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player_program {
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0px;
	background-color: #383838;
}

.player_program .content {
	padding: 30px 30px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.player_program .content .program_class {
	width: 100px;
	margin-right: 55px;
}

.player_program .content .program_class li {
	margin-bottom: 20px;
	line-height: 30px;
	text-align: center;
}

.player_program .content .program_class li a {
	font-family: "Noto Sans TC", sans-serif;
	color: #eee;
	display: block;
	border-radius: 15px;
}

.player_program .content .program_class li.active a {
	background-color: #50E3C2;
	color: #333;
}

.player_program .content .program_class_in {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.player_program .content .program_class_in li {
	display: inline-block;
	margin: 0 40px 20px 0;
	line-height: 30px;
	width: 50px;
	text-align: center;
	font-size: 0.875rem;
}

.player_program .content .program_class_in li a {
	display: block;
	border: 1px solid #979797;
	border-radius: 5px;
}

.player_program .content .program_class_in li.seen a {
	opacity: 0.5;
}

.player_program .content .program_class_in li.active a {
	border: 1px solid #50E3C2;
	color: #50E3C2;
}

.player_program .program_bar {
	padding: 15px 30px;
	border-top: 1px solid #282828;
}

.player_program .program_bar a {
	display: inline-block;
	padding-left: 40px;
	line-height: 40px;
	color: #aaa;
	background: url(../images/ico_close.svg) 0 center no-repeat;
	background-size: 30px auto;
}

.player_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
}

.player_title .pic {
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.player_title .pic .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.player_title .pic .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player_title .pic img {
	display: block;
	width: 100%;
	height: auto;
}

.player_title .com {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.player_title .com h3 {
	line-height: 30px;
	font-size: 1.75rem;
	margin-bottom: 5px;
	font-weight: normal;
	color: #eee;
}

.player_title .com p {
	font-size: 1.125rem;
	color: #aaa;
}

/** add 2019/12/23**/
.player_title .tool_bt {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	padding-left: 30px;
}

.player_title .tool_bt .like {
	width: 50px;
}

.player_title .tool_bt .like a {
	display: block;
	background: url(../images/ic_love_off.svg) no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 40px;
}

.player_title .tool_bt .like.on a {
	background-image: url(../images/ic_love_on.svg);
}
/** end of add 2019/12/23**/
.icon_auth {
	position: relative;
	display: block;
	z-index: 2;
	text-align: left;
	font-size: 0.75rem;
}

.icon_auth i {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../images/icon_auth.svg) center center no-repeat;
	background-color: rgba(255, 255, 255, 0.05);
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

.icon_auth i:hover ~ .authOther {
	display: block;
}

.icon_auth .authOther {
	font-style: normal;
	display: none;
	position: absolute;
	right: 50px;
	background-color: #383838;
	width: 252px;
	height: max-content;
	margin-top: -35px;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #eee;
	font-size: 0.875rem;
}
/**
.icon_auth .authOther::after {
	position: absolute;
	top: 50%;
	right: -7px;
	content: "";
	margin-top: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0px 5px 7px;
	border-color: transparent transparent transparent #383838;
}**/

.icon_auth .authOther p {
	margin-bottom: 10px;
}

.icon_auth .authOther li {
	display: inline-block;
	border: 1px solid #979797;
	line-height: 28px;
	padding: 0 10px;
	border-radius: 2px;
	position: relative;
}

.icon_auth .authOther li.on::after {
	content: "";
	position: absolute;
	bottom: -10px;
	right: -3px;
	width: 25px;
	height: 25px;
	background: url(../images/ic_check.svg) center center no-repeat;
	background-size: 100% auto;
}

/* detail */
.webMode .info-wrapper {
	padding: 120px 4% 0;
}

.webMode .info-wrapper .info-silder {
	position: absolute;
	top: 0;
	right: 0;
	/*width: 60%;
    max-height: 500px;*/
	width: 70%;
	max-height: 580px; /*202008*/
	overflow: hidden;
}

.webMode .info-wrapper .info-silder img {
	width: 100%;
	height: auto;
	display: block;
}

.webMode .info-wrapper .info-silder .img_margin_center img {
	margin-top: -500px;
}

.webMode .info-wrapper .info-silder::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
	background: url(../images/overlay.png),
		-webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0)),
		to(#181818)),
		-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(24,
		24, 24, 0)), to(#181818));
	background: url(../images/overlay.png),
		-webkit-linear-gradient(right, rgba(24, 24, 24, 0) 0%, #181818 100%),
		-webkit-linear-gradient(top, rgba(24, 24, 24, 0) 50%, #181818 100%);
	background: url(../images/overlay.png),
		-o-linear-gradient(right, rgba(24, 24, 24, 0) 0%, #181818 100%),
		-o-linear-gradient(top, rgba(24, 24, 24, 0) 50%, #181818 100%);
	background: url(../images/overlay.png),
		linear-gradient(270deg, rgba(24, 24, 24, 0) 0%, #181818 100%),
		linear-gradient(180deg, rgba(24, 24, 24, 0) 50%, #181818 100%);
}

.webMode .info-wrapper .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}

.webMode .info-wrapper .box {
	width: 330px;
	margin-right: 80px;
}

.webMode .info-wrapper .box .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 143%;
	background-color: #000;
	margin-bottom: 20px;
}

.webMode .info-wrapper .box .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.webMode .info-wrapper .box .icon_auth {
	margin-bottom: 20px;
}

.webMode .info-wrapper .box .btArea {
	margin-bottom: 0;
}

.webMode .info-wrapper .box .icon_auth .authOther {
	right: auto;
	left: 40px;
}

.webMode .info-wrapper .com {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.webMode .info-wrapper .com .title {
	width: 50%;
	margin-bottom: 60px;
}

.webMode .info-wrapper .com .title h2, .webMode .info-wrapper .com .title h1
	{
	font-family: "Noto Sans TC", sans-serif;
	font-size: 1.75rem;
	margin-bottom: 20px;
	font-weight: normal;
	line-height: 140%;
	letter-spacing: 0.5px;
}

.webMode .info-wrapper .com .title h3 {
	font-size: 0.75rem;
	margin-bottom: 5px;
	letter-spacing: .02rem;
	font-weight: normal;
	line-height: 110%;
	color: #eee;
}

.webMode .info-wrapper .com .title p {
	color: #eee; /*202008*/
	font-size: 0.875rem;
	margin-bottom: 20px;
}

.webMode .info-wrapper .com .list_detail {
	margin-bottom: 60px;
}

.webMode .info-wrapper .com .list_detail li {
	margin-bottom: 10px;
	padding-left: 47px; /*202008*/
	text-indent: -46px;
}

.webMode .info-wrapper .com .list_detail h3 { /*202008*/
	color: #888;
	font-size: 1rem;
	margin-right: 10px;
	display: inline;
	font-weight: normal;
}

.webMode .info-wrapper .com .list_detail p { /*202008*/
	color: #eee;
	display: inline;
	font-size: 1.125rem;
	font-weight: 600;
}

.webMode .info-wrapper .com .list_detail p a { /*202008*/
	font-size: 1rem;
	font-weight: normal;
	padding: 4px 7px;
	white-space: nowrap;
	line-height: 2rem;
	border: 1px solid #979797;
	border-radius: 4px;
	margin-right: 10px;
}

.webMode .info-wrapper .com .list_detail p .celeb_channel { /*202008*/
	font-size: 1rem;
	font-weight: normal;
	padding: 4px 7px;
	white-space: nowrap;
	line-height: 2rem;
	border: 1px solid #979797;
	border-radius: 4px;
	margin-right: 10px;
}

.webMode .info-wrapper .com .btArea { /*202008*/
	display: flex;
	align-items: flex-end;
	text-align: left;
	margin-bottom: 55px;
}

.webMode .info-wrapper .com .btArea a { /*202008*/
	margin: 0 40px 0 0;
}

.webMode .info-wrapper .com .btArea a.rent.buy { /*202008*/
	margin: 0 20px 0 0;
}

.webMode .info-wrapper .descript {
	color: #aaa;
	font-style: 1.125rem;
	line-height: 180%;
	letter-spacing: 0.5px;
}

.webMode .meataImdbRating { /*202008*/
	color: #50E3C2;
}

.webMode .meataImdbRating.rent { /*202008*/
	color: #CDB187;
}

.webMode .info-wrapper .com .list_detail p.starRating {
	color: #888;
}
.webMode div.hollyTag{
	 position: absolute;
     left: 15px;
     bottom: 15px;
     font-size: 24px;
     line-height: 36px;
     padding: 0 16px;
     z-index: 1;
     color: #FFF;
     font-weight: bold;
     background-color: rgba(0,0,0,0.7);
     border-radius: 25.8px;
}
.stars {
	display: inline;
	vertical-align: middle;
	margin-right: 5px;
}

.stars i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/ico_star.svg) no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}

.stars i.half {
	background-image: url(../images/ico_star_half.svg);
}

.stars i.none {
	background-image: url(../images/ico_star_border.svg);
}

.stars+p {
	color: #888;
	vertical-align: middle;
	font-weight: normal !important;
}

.bt_stars {
	margin-bottom: 45px;
}

.bt_stars>span {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.2em;
	margin-right: 20px;
	vertical-align: middle;
	color: #eee;
}

.bt_stars .in {
	vertical-align: middle;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 30px;
	line-height: 40px;
	padding: 0 20px;
}

.bt_stars .in:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

/****** Style Star Rating Widget *****/
.rating {
	border: none;
}

.rating>input {
	display: none;
}

.rating>label {
	float: right;
	color: #ddd;
}

.rating>label:before {
	margin: 0 15px;
	font-size: 1rem;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f006";
}

.rating.vod>input:checked+label, .rating.vod>input:checked ~ label,
	.rating.vod>label:hover ~ input:checked ~ label, .rating.vod>input:checked 
	~ label:hover ~ label {
	color: #50E3C2;
}

.rating.vod>input:checked+label:before, .rating.vod>input:checked ~
	label:before, .rating.vod>label:hover ~ input:checked ~ label:before,
	.rating.vod>input:checked ~ label:hover ~ label:before {
	content: "\f005";
}

.rating.rent>input:checked+label, .rating.rent>input:checked ~ label,
	.rating.rent>label:hover ~ input:checked ~ label, .rating.rent>input:checked 
	~ label:hover ~ label {
	color: #A69070;
}

.rating.rent>input:checked+label:before, .rating.rent>input:checked ~
	label:before, .rating.rent>label:hover ~ input:checked ~ label:before,
	.rating.rent>input:checked ~ label:hover ~ label:before {
	content: "\f005";
}

.list_program {
	padding: 0 4%;
}

.list_program .program_class {
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}

.list_program .program_class .item {
	text-align: center;
	font-size: 1.25rem;
	line-height: 40px;
	font-weight: bold;
	width: auto;
}

.list_program .program_class .item a {
	display: inline-block;
	padding: 0 20px;
}

.list_program .program_class .item.active a {
	border-bottom: 5px solid #50E3C2;
	color: #50E3C2;
}

.list_program .program_class_in li {
	margin: 0 1% 15px 0;
	line-height: 60px;
	text-align: center;
	border: 1px solid #222;
	position: relative;
	color: #50E3C2;
	float: left;
	width: 9.1%;
	background-color: #111111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.list_program .program_class_in li:nth-of-type(10n+0) {
	margin-right: 0;
}

.list_program .program_class_in li.seen {
	color: #aaa;
}

.list_program .program_class_in li.active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #111 url(../images/btn_play.svg) center center no-repeat;
	background-size: 24px auto;
}

.list_program .program_class_in .tag {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 34px;
	line-height: 17px;
	letter-spacing: 2px;
	padding-left: 2px;
	font-size: 0.75rem;
	font-family: "Noto Sans TC", sans-serif;
	color: #fff;
	z-index: 1;
	text-align: center;
}

.list_program .program_class_in .tag.t_free {
	border-radius: 2px;
	background: #FF676B;
}

.list_program .program_class_in .tag.t_updated {
	background-color: #50E3C2;
	color: #000;
	font-weight: 500;
	border-radius: 2px;
}

.list_program .program_class_in .progress {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(119, 119, 119, 0.8);
	height: 4px;
	border-radius: 2px;
}

.list_program .program_class_in .progress span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 2px;
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
}

.list_program .program_class_in .progress.sty_rent span {
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
}

.list_program .program_class_in::after {
	content: "";
	display: block;
	clear: both;
}

/* twoCol List */
.tvSmallListBlock .list_item {
	background-color: #222;
	padding: 20px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tvSmallListBlock .list_item .pic {
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.tvSmallListBlock .list_item .pic img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
}

.tvSmallListBlock .list_item .com {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tvSmallListBlock .list_item .com h3 {
	font-size: 0.875rem;
	margin-bottom: 5px;
	font-weight: normal;
	color: #aaa;
}

.tvSmallListBlock .list_item .com p {
	font-size: 1rem;
}

.tvSmallListBlock .list_item:hover {
	background-color: #303030;
}

.programListBlock {
	position: relative;
	padding-top: 55px;
	background-color: #181818;
}

.programListBlock .list_item {
	background-color: #222;
	padding: 10px 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: center;
	flex-wrap: center;
}

.programListBlock .list_item .time {
	padding: 10px 0;
	width: 55px;
	margin-right: 15px;
	font-size: 1.125rem;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: bold;
}

.programListBlock .list_item p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 10px 0;
	font-size: 1.125rem;
	letter-spacing: 1px;
}

.programListBlock .list_item .bt_play {
	margin-left: 15px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	background: url(../images/btn_replay.svg) center center no-repeat;
	background-size: 24px auto;
	background-color: rgba(255, 255, 255, 0.05);
	cursor: pointer;
}

.programListBlock .list_item:hover {
	background-color: #333;
}

.programListBlock .list_item.passed .time, .programListBlock .list_item.passed p
	{
	color: #888;
}

.programListBlock .list_item.on {
	background-color: #303030;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.programListBlock .list_item.on .time {
	display: inline-block;
	background: -webkit-gradient(linear, left top, right top, from(#FF2006),
		to(#F427C2));
	background: -webkit-linear-gradient(left, #FF2006 0%, #F427C2 100%);
	background: -o-linear-gradient(left, #FF2006 0%, #F427C2 100%);
	background: linear-gradient(90deg, #FF2006 0%, #F427C2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.programListBlock .list_item.on .bt_play {
	background: url(../images/btn_playing.svg) center center no-repeat;
}

.programListBlock .list_item.on::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 5px;
	background: -webkit-linear-gradient(135.28deg, #F427C2 0%, #FF2006 100%);
	background: -o-linear-gradient(135.28deg, #F427C2 0%, #FF2006 100%);
	background: linear-gradient(314.72deg, #F427C2 0%, #FF2006 100%);
	-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}

.programListBlock .mCustomScrollbar {
	max-height: 400px;
}

.list_date {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 40px;
	overflow: hidden;
}

.list_date .item {
	width: auto;
	font-size: 0.875rem;
	line-height: 40px;
}

.list_date .item span {
	display: inline-block;
	font-size: 1.25rem;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
}

.list_date .item.active {
	border-bottom: 5px solid #50E3C2;
	color: #50E3C2;
}

.list_date::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(right, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(270deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.list_date::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0.6)),
		to(#181818));
	background: -webkit-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%,
		#181818 100%);
	background: -o-linear-gradient(left, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
	background: linear-gradient(90deg, rgba(24, 24, 24, 0.6) 0%, #181818
		100%);
}

.list_date::before, .list_date::after {
	width: 40px;
}
.chatAnnouncement .name{
	font-size:14px;
	color:#50E3C2;
	margin : 0 0 0 20px;
	margin-bottom: 5px;	
}

.chatAnnouncement .swiper-wrapper{
	position: relative;

}

.announce-marquee{
	height:20px;
	position: relative;
	padding: 5px 15px;
	background-color: #383838;
	border-radius: 25px;
	margin-bottom: 2px;
	width:80%;
	color: #FFBF1B;	
	overflow:hidden;
}

.announce-marquee .marqueeContent{
	font-size:14px;
	line-height: 20px;
	letter-spacing:0.34px;
	white-space: nowrap;
	width: max-content;
}

.announce {
    padding: 10px 0px 5px 10px;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.34px;
    color: #FFF;
    height: max-content;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 10;
}
.expandAnnounce{
	-webkit-line-clamp: 999;
}
.chatAnnouncement .btn {
    line-height: 10px;
    cursor: pointer;
    z-index: 10;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    margin: 18px 15px 15px 0;
    transition: all 0.1s ease;
}

.chatAnnouncement .upArrow{
	
    transform:rotate(180deg);
    transition: all 0.1s ease;
}
.chatAnnouncement {
  background-color: rgba(47,107,94,0.9);

}


.chartBlock {
	background-color: #202020;
	position: relative;
}

.chartBlock .chart_main {
	padding: 12px 5px 10px 10px;
}
.chartBlock .chart_item {
	margin-bottom: 5px;
	font-size: 0.875rem;
}

.chartBlock .chart_item .name {
	color: #BFBFBF;
	margin-bottom: 5px;
	cursor: pointer;
}

.chartBlock .chart_item .text {
	position: relative;
	padding: 5px 15px;
	background-color: #383838;
	color: #fff;
	border-radius: 25px;
	margin-bottom: 2px;
	float: left;
}

.chartBlock .chart_item.hamiType .name {
	color: #50E3C2;
}

.chartBlock .chart_item.hamiType .text {
	color: #FFBF1B;
}

.chartBlock .chart_item.myType {
	text-align: right;
}

.chartBlock .chart_item.myType .text {
	background-color: #E5E6EA;
	color: #000;
	float: right;
}

.chartBlock .chart_item.myType .text:nth-last-child(-n+2)::before {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -7px;
	height: 20px;
	border-right: 20px solid #E5E6EA;
	border-bottom-left-radius: 16px 14px;
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	transform: translate(0, -2px);
}

.chartBlock .chart_item.myType .text:nth-last-child(-n+2)::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -2px;
	right: -56px;
	width: 26px;
	height: 20px;
	background: #202020;
	border-bottom-left-radius: 10px;
	-webkit-transform: translate(-30px, -2px);
	-ms-transform: translate(-30px, -2px);
	transform: translate(-30px, -2px);
}

.chartBlock .chart_send {
	background-color: #282828;
	line-height: 30px;
	position: relative;
}

.chartBlock .chart_send .bt_ico {
	cursor: pointer;
	position: absolute;
	top: -58px;
	right: 20px;
	width: 48px;
	height: 48px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.chartBlock .chart_send .bt_ico img {
	display: block;
	width: 100%;
	height: 100%;
}

.chartBlock .chart_send .bt_like {
	background: url(../images/ico_like.svg) center center no-repeat;
	background-size: 24px auto;
	width: 30px;
	height: 30px;
}
/*.chartBlock .chart_send .input_text {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .chartBlock .chart_send .input_text input {*/
.chartBlock .input_text input {
	background: transparent;
	width: 100%;
	height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*padding: 0 10px; }
    .chartBlock .chart_send .bt_like {
      background: url(../images/ico_like.svg) center center no-repeat;
      background-size: 24px auto;
      width: 30px;
      height: 30px; }*/
	padding: 0 20px;
}

.chartBlock .chart_btm {
	background-color: #181818;
	padding: 10px 100px 15px 10px;
	position: relative;
}

.chartBlock .chart_btm p {
	font-size: 1rem;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.chartBlock .chart_btm p a {
	text-decoration: underline;
}

.chartBlock .chart_btm .chart_bt {
	position: absolute;
	bottom: 30px;
	right: 5px;
}

.chartBlock .chart_btm .chart_bt a {
	text-align: center;
	display: inline-block;
	border: 1px solid #aaa;
	border-radius: 35px;
	width: 64px;
	line-height: 30px;
}

.chartBlock .chart_btm .changeBox {
	position: absolute;
	bottom: 50px;
	left: 10px;
	right: 10px;
	background-color: #383838;
	border-radius: 5px;
	padding: 10px 100px 10px 20px;
}

.chartBlock .chart_btm .changeBox input {
	height: 30px;
	padding: 0 0px;
}

.chartBlock .chart_btm .changeBox::before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #383838 transparent transparent transparent;
}

[contenteditable] {
  outline: 0px solid transparent;
}
[contenteditable="true"].chatMessage {
        white-space: nowrap;
        overflow: hidden;
} 
[contenteditable="true"].chatMessage br {
    display:none;
    
}
[contenteditable="true"].chatMessage * {
    display:inline;
    white-space:nowrap;
}

.chartBlock .chatMessage {
	background: transparent;
	width: 100%;
	height: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 20px;
}

.chartBlock .chatMessage:empty:before{ 
    content: attr(placeholder);
    color: gray;
} 
.chartBlock .chatMessage:focus:before{
    content:none;
}

.ui-autocomplete {
	z-index:99;
}

.reply_select {
	position: absolute;
	z-index: 10;
	top: 50px;
	left: 0;
	right: 0;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 5px 0;
	overflow-y: auto;
	text-align: left;
}

.reply_select li {
	font-size: 1rem;
	line-height: 160%;
	padding: 5px 20px;
	cursor: pointer;
	color: #eee;
}

.reply_select li:hover {
	background-color: #eee;
	color: #000;
}
.clr {
	clear: both;
}

/* member List */
.tvfavorListBlock::after {
	content: "";
	display: block;
	clear: both;
}

.tvfavorListBlock .list_item {
	padding: 0px 0px 0 55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	margin: 0 1% 20px 0;
	width: 32.66%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tvfavorListBlock .list_item:nth-of-type(3n+0) {
	margin-right: 0;
}

.tvfavorListBlock .list_item .pic {
	width: 70px;
	height: 70px;
	margin-right: 15px;
}

.tvfavorListBlock .list_item .pic a {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
}

.tvfavorListBlock .list_item .pic a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tvfavorListBlock .list_item .pic a img {
	opacity: 1;
}

.tvfavorListBlock .list_item .com {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tvfavorListBlock .list_item .com h3 {
	font-size: 1.125rem;
	font-weight: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.tvfavorListBlock .list_item .com p {
	font-size: 0.75rem;
	letter-spacing: 1px;
	color: #aaa;
}

.tvfavorListBlock .list_item .tool_bt {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
}

.tvfavorListBlock .list_item .tool_bt .like {
	display: block;
	background: #282828 url(../images/ico_favor.png) no-repeat;
	border-radius: 52%;
	background-size: 100% auto;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.dramafavorListBlock::after {
	content: "";
	display: block;
	clear: both;
}

.dramafavorListBlock .list_item {
	padding: 0px 0px 0 55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	margin: 0 1% 20px 0;
	width: 32.66%;
}

.dramafavorListBlock .list_item:nth-of-type(3n+0) {
	margin-right: 0;
}

.dramafavorListBlock .list_item .pic {
	width: 70px;
	margin-right: 15px;
}

.dramafavorListBlock .list_item .pic a {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 143%;
	background-color: #000;
}

.dramafavorListBlock .list_item .pic a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dramafavorListBlock .list_item .pic a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(34,
		34, 34, 0)), to(#181818));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 90%,
		#181818 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 90%, #181818
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 90%, #181818
		100%);
}

.dramafavorListBlock .list_item .com {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.dramafavorListBlock .list_item .com h3 {
	font-size: 1.125rem;
	font-weight: normal;
	margin-bottom: 5px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dramafavorListBlock .list_item .com p {
	font-size: 0.875rem;
	letter-spacing: 1px;
	color: #aaa;
}

.dramafavorListBlock .list_item .tool_bt {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
}

.dramafavorListBlock .list_item .tool_bt .like {
	display: block;
	background: #282828 url(../images/ico_favor.png) no-repeat;
	border-radius: 52%;
	background-size: 100% auto;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.historyListBlock::after {
	content: "";
	display: block;
	clear: both;
}

.historyListBlock .list_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	margin: 0 2% 20px 0;
	width: 32%;
}

.historyListBlock .list_item:nth-of-type(3n+0) {
	margin-right: 0;
}

.historyListBlock .list_item .pic {
	width: 70px;
	height: 100px;
	margin-right: 15px;
}

.historyListBlock .list_item .pic a {
	display: block;
}

.historyListBlock .list_item .pic img {
	opacity: 1;
}

.historyListBlock .list_item.modType .pic a, .historyListBlock .list_item.sportType .pic a
	{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 143%;
	background-color: #000;
}

.historyListBlock .list_item.modType .pic a img, .historyListBlock .list_item.sportType .pic a img
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.historyListBlock .list_item.modType .pic a::after, .historyListBlock .list_item.sportType .pic a::after
	{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(34,
		34, 34, 0)), to(#181818));
	background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 90%,
		#181818 100%);
	background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 90%, #181818
		100%);
	background: linear-gradient(180deg, rgba(34, 34, 34, 0) 90%, #181818
		100%);
}

.historyListBlock .list_item.tvType .pic a {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
	border-radius: 50%;
	overflow: hidden;
}

.historyListBlock .list_item.tvType .pic a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.historyListBlock .list_item.tvType .pic a img {
	opacity: 1;
}

.historyListBlock .list_item .com {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.historyListBlock .list_item .com h3 {
	font-size: 1.125rem;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 140%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.historyListBlock .list_item .com p {
	font-size: 0.875rem;
	letter-spacing: 1px;
	color: #aaa;
}

.historyListBlock .list_item .com .info {
	line-height: 20px;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	margin-bottom: 5px;
	letter-spacing: 2px;
	font-weight: bold;
}

.historyListBlock .list_item .com .info span {
	line-height: 18px;
	font-size: 0.75rem;
	font-weight: normal;
	border: 1px solid #aaa;
	color: #aaa;
	display: inline-block;
	padding: 0 5px;
	margin-left: 10px;
}

.historyListBlock .list_item .com .cp {
	color: #aaa;
	line-height: 20px;
	margin-bottom: 5px;
}

.historyListBlock .list_item .com .time {
	font-size: 0.75rem;
	color: #aaa;
	letter-spacing: 2px;
	padding-left: 20px;
	background: url(../images/ico_clock.svg) 0 center no-repeat;
	background-size: 15px auto;
}

.historyListBlock .list_item .com .rent {
	position: absolute;
	bottom: 0px;
	left: 0;
	font-size: 0.75rem;
	color: #aaa;
	letter-spacing: 1px;
}

.historyListBlock .list_item .com .rent span {
	margin-right: 10px;
}

.historyListBlock .list_item .tool_bt {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
	display: none;
}

.historyListBlock.editSty .list_item {
	padding: 0px 0px 0 40px;
}

.historyListBlock.editSty .tool_bt {
	display: block;
}

.msgListBlock .list_item {
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 30px 30px 30px 100px;
	background: #303030 url(../images/ico_message_bw.svg) 35px 25px
		no-repeat;
}

.msgListBlock .list_item h3 {
	font-family: "Noto Sans TC", sans-serif;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 15px;
	color: #ccc;
}

.msgListBlock .list_item p {
	font-size: 1.125rem;
	margin-bottom: 15px;
	line-height: 160%;
	color: #aaa;
}

.msgListBlock .list_item .time {
	font-size: 0.75rem;
	color: #aaa;
	letter-spacing: 2px;
	padding-left: 20px;
	background: url(../images/ico_clock.svg) 0 center no-repeat;
	background-size: 15px auto;
}

.msgListBlock .list_item.new {
	background-image: url(../images/ico_message_color.svg);
}

.msgListBlock .list_item.new h3 {
	color: #fff;
}

.msgListBlock .list_item.new p {
	color: #ccc;
}

.purchaseListBlock .purchaseTitle{
	display: flex;
	flex-direction: row;
	padding: 5px 0 5px 22px;
	font-size: 15px;
    color: #AAAAAA;
    background-color: #282828;	
}
.purchaseListBlock .list_item .purchaseMobileShow{
 	display:none;
 }
 	
.purchaseListBlock .title{
	width:45%;
	padding: 5px;
}
.purchaseListBlock .endDate{
	padding: 5px;
	width:24%;
}
.purchaseListBlock .price{
	width:17%;
	padding: 5px;
	text-align:left
}
.purchaseListBlock .buyDate{
	padding: 5px;
	width:14%;
	text-align:left
}
.purchaseListBlock a{
	width: 100%;
    display: flex;
}

.purchaseListBlock .list_item{
	height: 32px;
	display: flex;
	flex-direction: row;
	padding: 5px 0 5px 22px;
	font-size: 18px;
    color: #FFFFFF;
    background-color: #222222;
    border-bottom: #333333;
    border-style: solid;
    border-width: 0px 0px 1px 0px;    	
}

.purchaseListBlock .list_item .title{
    height: 18px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.purchaseListBlock .list_item .endDate.validEndDate{
	color:#50E3C2;
}

.purchaseListBlock .list_item .endDate{
    color: #888888;	
}

.purchaseListBlock .list_item .buyDate{
    color: #888888;	
}




.noSalesplanDesc{
		padding: 15vh 0;
		text-align: center;
		font-size: 1.5rem;
		letter-spacing: 1px;
		line-height:28px;
}

.buyListBlock {
	margin-bottom: 20px;
}

.buyListBlock::after {
	content: "";
	display: block;
	clear: both;
}

.buyListBlock .list_item {
	background-color: #333;
	float: left;
	margin: 0 1% 20px 0;
	width: 32.66%;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
}

.buyListBlock .list_item:nth-of-type(3n+0) {
	margin-right: 0;
}

.buyListBlock .list_item .com {
	min-height: 350px;
	padding: 50px 30px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.buyListBlock .list_item h3 {
	font-family: "Noto Sans TC", sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 25px;
	padding-bottom: 25px;
	line-height: 110%;
}

.buyListBlock .list_item h3 span {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.buyListBlock .list_item .fee {
	font-size: 0.875rem;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

.buyListBlock .list_item .fee span {
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: bold;
	font-size: 30px;
	margin-right: 5px;
}

.buyListBlock .list_item p {
	font-size: 1.25rem;
	letter-spacing: 1px;
	color: #eee;
	margin-bottom: 20px;
}

.buyListBlock .list_item p.small {
	font-size: 0.75rem;
}

.buyListBlock .list_item p i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	background: url(../images/ico_check.svg) no-repeat;
	background-size: 100% auto;
}

.buyListBlock .list_item .rent {
	position: absolute;
	bottom: 20px;
	left: 50%;
	font-size: 0.875rem;
	color: #aaa;
	letter-spacing: 1px;
	text-align: left;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	white-space: nowrap;
}

.buyListBlock .list_item .rent span {
	margin-right: 10px;
}

.buyListBlock .list_item .bt {
	padding: 0 15px;
	margin: 0 auto;
	line-height: 50px;
	text-align: center;
	margin-bottom: 20px;
}

.buyListBlock .list_item .bt a {
	display: inline-block;
	padding: 0 20px;
	border-radius: 30px;
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	font-family: "Noto Sans TC", sans-serif;
	color: #000;
	font-size: 1.125rem;
}

.buyListBlock .list_item .bt a:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.buyListBlock .list_item .bt a {
	display: inline-block;
	min-width: 120px;
	font-size: 1rem;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.buyListBlock .list_item .bt.bk>a {
	background: #444444;
	color: #aaa;
}

.buyListBlock .list_item .check {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	font-size: 0.875rem;
	color: #aaa;
}

.buyListBlock .list_item .check a {
	color: #fff;
	text-decoration: underline;
}

.buyListBlock .list_item .info {
	text-align: left;
	background-color: #555;
	padding: 15px;
	font-size: 0.875rem;
	line-height: 30px;
	position: relative;
	color: #fff;
	/*&::after {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0;
        right: 15px;
        width: 20px;
        background: url(../images/ico_info.svg) 0 center no-repeat;
        background-size: 100% auto;
      }*/
}

.buyListBlock .list_item .info span {
	line-height: 26px;
	border: 2px solid;
	border-radius: 5px;
	padding: 0 10px;
	display: inline-block;
	margin-right: 10px;
}

.buyListBlock .list_item .info.byDay span {
	color: #CDB187;
	border-color: #CDB187;
}

.buyListBlock .list_item .info.byRenewal span {
	color: #50E3C2;
	border-color: #50E3C2;
}

.buyListBlock .list_item .info .ticketStyle { /*2020*/
	font-size: 1rem;
}

.buyListBlock .list_item .info .ticketCount { /*2020*/
	font-size: 2rem;
	padding: 0px;
	border: none;
	margin: 0px;
}

.buyListBlock .list_item.vipType h3 {
	color: #50E3C2;
	background: url(../images/ico_vip.svg) center bottom no-repeat;
}

.buyListBlock .list_item.vipType.over h3, .buyListBlock .list_item.vipType.over p
	{
	color: #aaa;
}

.buyListBlock .list_item.rentType h3 {
	color: #A69070;
}

.buyListBlock .list_item.rentType .bt a {
	background: -webkit-linear-gradient(315.28deg, #FECF60 0%, #A79067 100%);
	background: -o-linear-gradient(315.28deg, #FECF60 0%, #A79067 100%);
	background: linear-gradient(134.72deg, #FECF60 0%, #A79067 100%);
}

.buyInvoice input[type="radio"]::after {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  top: -1px;
  left: -3px;
  position: relative;
  background-color: #808080;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

.invoiceAddr{
    color: #000000;
    width: 35%;
    height: 40px;
    margin: 0 0 5px 0;
    border-radius: 3px;
    font-size: 14px;
}
.invoice_detail .input_phone{
	font-size: 14px;
}


.buyBlock.popup.df{
	max-width: none; 
    width: auto;
}

.buyBlock .com.generalBuyBlock{
	max-width: 435px;
	width:435px;
}

.buyBlock .com.generalBuyBlock.orderedSubProductHintBlock{
	width:468px;
	max-width:468px;
}


.popup .com.selectSportTeamBlock{
	padding: 0;
    width: 768px;
}


.popup .com.selectSportTeamBlock .title{
    color: #EEEEEE;
    font-size: 30px;
    text-align: center;
    padding: 80px 10% 0;
    margin: auto;
}

.popup .com.selectSportTeamBlock .subtitle{
	color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    padding: 30px 10% 0;
    margin: auto;
}

.popup .com.orderedSubProductHintBlock .title{
	font-size:30px;
	color:#FFFFFF;
	/*padding: 20px 0 30px;*/
	padding: 40px 0 20px;
	margin: 0;
}

.popup .com.orderedSubProductHintBlock .subtitle{
	/*padding: 0 27px 40px; */
	/*font-size:18px;*/
	/*color:#BBBBBB;*/
	/*letter-spacing: 0.49px;*/
	font-size: 21px;
	color:#FFFFFF;
	padding: 0 40px 80px;   
	line-height: 24px;   
	letter-spacing: 0.6px;
}

.btArea.buyConfirm{
	padding: 0 0 68px 0;
	line-height: 60px;
	margin-bottom: auto;
}
.btArea.buyConfirm a{
	padding: 0 60px;  
	margin: 0 6px;
	font-size:18px;
}

.btArea.buyConfirm .clickSelectSportTeam{
	margin: auto;
	border:none;
}

.btArea.buyConfirm .cancelSelectSportTeam{
	margin: auto;
	background-color:#979797;
	background-color: rgba(255,255,255,0.13);
	border: solid 1px #979797;
}


.subscribeSportBlock .list_select li .select {
	margin-bottom: 4px;
	padding: 4px 8px 4px 0;
}

.selectSportTeamBlock .sportTeamPics{
	display: flex;  
	flex-wrap: wrap;
  	padding-left: 0;
  	justify-content: center;
    align-content: center;
    padding: 80px 0 0 0;
}
.selectSportTeamBlock .selectTeamPicItem{
	list-style: none;
  	flex: 0 0 12%;
  	text-align: center;
  	position: relative;
  	margin: 0 1%;
}


.selectTeamPicItem .focus{
	width: 98px;
    height: 98px;
    border-radius: 50%;
    overflow: hidden;
}
.selectTeamPicItem .pic{
	border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 88px;
    height: 88px;
    margin: 5px;
}
.selectTeamPicItem img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup .com.selectSportTeamBlock .selectTeamPicItem .selectSportTeamName{
	font-size:15px;
	color:#FFFFFF;    
	max-width: 98px;
    margin: auto;   
    overflow: hidden;
    text-overflow: ellipsis; 
    -webkit-line-clamp: 2; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.clickSelectSportTeam{
	border-radius: 30px;
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	font-family: Noto Sans TC;
	color: #000;
	border:none !important;
	font-size: 18px;
}
.selectSportTeamBlock .btArea{
	padding: 67px 0 0 0;
}


.selectSportTeamBlock .btArea a{
	line-height:55px;
	width: 200px;
    padding: 0;
}


.selectSportTeamBlock .btArea a:hover, .orderedSubProductHintBlock .btArea a:hover{
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}
.selectSportTeamBlock .cancelSelectSportTeam{
	border-radius: 30px;
    background-color: rgba(255,255,255,0.13);
    font-family: Noto Sans TC;
    border: 1px solid #979797;
    font-size: 18px;
   	color: #FFFFFF;
}


.selectSportTeamBlock .sportTeamPics input[type="radio"]:checked + div.focus{
   width: 98px;
   height: 98px;
   border-radius: 50%;
   overflow: hidden;
   background-image: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
   background-image: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
   background-image: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
  
}
.selectSportTeamBlock .sportTeamPics input[type="radio"]:checked + div.focus >.pic::after{
	position: absolute;
	border:2px solid #000;
    content: "";
    top: 50%;
    left: 50%;   
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    border-radius: 50%;
}
.selectSportTeamBlock .sportTeamPics input[type="radio"]:checked ~ p{
	color:#50E3C2 !important;
}

.sportTeamPics [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.sportTeamPics input[type="radio"] + div{
	cursor: pointer;
}

.selectSportTeamBlock .noticeBlock{
	padding: 0 70px 104px 70px;
}


.noticeBlock h4 {
	font-size: 0.875rem;
	color: #aaa;
}

.noticeBlock ol li {
	list-style: decimal;
	margin-left: 1.5em;
}

.noticeBlock li {
	font-size: 0.875rem;
	color: #aaa;
}

.subscribeSportBlock .noticeBlock li {
    font-size: 12px;
}

.settingListBlock {
	color: #eee;
}

.settingListBlock h3 {
	margin-bottom: 10px;
	font-family: "Noto Sans TC", sans-serif;
	font-weight: normal;
	font-size: 0.875rem;
}

.settingListBlock ul {
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 30px;
}

.settingListBlock li {
	display: block;
	background-color: #282828;
	margin-bottom: 1px;
	font-size: 1.125rem;
	position: relative;
}

.settingListBlock li a {
	display: block;
	padding: 15px 50px 15px 30px;
}

.settingListBlock li::after {
	content: "";
	position: absolute;
	top: 0px;
	right: 10px;
	bottom: 0;
	background: url(../images/ico_back.svg) center center no-repeat;
	background-size: 30px auto;
	width: 30px;
	-webkit-transform: rotate(0.5turn);
	-ms-transform: rotate(0.5turn);
	transform: rotate(0.5turn);
}



.setting2ListBlock {
	color: #eee;
}

.setting2ListBlock h3 {
	text-align: center;
	margin-bottom: 40px;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 30px;
}

.setting2ListBlock h3 span {
	font-weight: normal;
	font-size: 0.875rem;
	margin-bottom: 15px;
	letter-spacing: 2px;
	display: block;
}

.setting2ListBlock ul {
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 30px;
}

.setting2ListBlock li {
	display: block;
	background-color: #282828;
	margin-bottom: 1px;
	position: relative;
	padding: 15px 30px;
}

.setting2ListBlock li p {
	margin-bottom: 5px;
}

.setting2ListBlock li p span {
	font-size: 0.875rem;
	margin-right: 20px;
	letter-spacing: 1px;
	color: #aaa;
}

.setting2ListBlock .text {
	line-height: 30px;
	font-family: "Noto Sans TC", sans-serif;
	font-size: 1.625rem;
	margin-bottom: 20px;
}

.setting2ListBlock>p span {
	color: #aaa;
}

.setting2ListBlock>p a {
	color: #50E3C2;
}

.setting2ListBlock input[type="text"] {
	height: 50px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px;
	border-radius: 2px;
	background-color: #282828;
	font-size: 1.25rem;
	color: #eee;
	margin-bottom: 10px;
}

.setting2ListBlock textarea {
	height: 250px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 30px;
	border-radius: 5px;
	background-color: #eee;
	font-size: 1rem;
	color: #000;
	margin-bottom: 10px;
}

.setting2ListBlock .selectBox {
	margin-bottom: 10px;
	position: relative;
}

.setting2ListBlock .selectBox select {
	height: 40px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #282828;
	padding: 0 30px;
	font-size: 1rem;
	color: #aaa;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.setting2ListBlock .selectBox select::-ms-expand {
	display: none;
}

.setting2ListBlock .selectBox::after {
	content: "";
	position: absolute;
	top: 17px;
	right: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #eee transparent transparent transparent;
}
.setting2ListBlock .note{
	padding : 0px 0px 10px 30px;
}
.setting2ListBlock li .name{
	display: block;
	font-size: 16px;
	padding: 0px 50px 5px 0px;
}
.setting2ListBlock li .time{
	display: block;
	padding: 0px 50px 0px 0px;
	color:#aaaaaa;
	font-size: 12px;
}
.setting2ListBlock li .delete{
	position: absolute;
	top: 0px;
	right: 20px;
	bottom: 0;
	width: 30px;
	background: url(../images/ic_delete.png) center center no-repeat;
	cursor: pointer;
}
.setting2ListBlock li .myself{
	position: absolute;
	top: 30px;
	right: 10px;
	bottom: 0;
	width: 50px;
	font-size: 12px;
	color:#aaaaaa;
}

.hollywoodTitle{
  text-align:center;
  font-size:32px;
  margin:80px auto 40px;
  color:#DDDDDD;	
}

.memberType .deviceTable{
  width:355px;
  margin:0 auto;	
}

.memberType .deviceCell{
  box-sizing: border-box;
  height: 85px;
  width: 355px;
  border: 1px dashed #5B5B5B;
  display:flex;
  flex-direction: row;
  margin-bottom: 1px;
}

.memberType .deviceCell.active{
  background-color: #282828;
  border:none;
}

.memberType .deviceCell .idx{
    width:30%;
    color: #464646;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 85px;
    vertical-align: middle;
    text-align: center;
}
.memberType .deviceCell .notBind{
    width: 70%;
    color: #EEEEEE;
    font-size: 14px;
    line-height: 85px;
    vertical-align: middle;
    text-align: right;
    padding-right:10px;  
}


.memberType .deviceCell .binding{
    width:67%;
    font-size: 15px;
    vertical-align: middle;
    text-align: left;
    margin-top:20px;
    color: #EEEEEE;   
}
.memberType .deviceCell .deleting{
    width:300px;
    font-size: 15px;
    vertical-align: middle;
    text-align: left;
    line-height:20px;
    color: #EEEEEE;
    overflow:hidden;
    display: flex;
	align-items:center;  
}

.memberType .deviceCell .idx2{
    width:15%;
    color: #595959;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 85px;
    vertical-align: middle;
    text-align: center;
}

.memberType .deviceCell .idx3{
    width:38px;
    color: #595959;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 85px;
    vertical-align: middle;
    text-align: center;
}
.memberType .deviceCell .currentDevice{
    width:18%;
    color: #3F7BD9;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 85px;
    vertical-align: middle;
    text-align: left;
}
.memberType .btArea  .annotation{
	color:#50E3C2;
	font-size:14px;
	line-height:20px;
	margin-top:5px  
}

.memberType .btArea a{
  box-sizing: border-box;
  border: 1px solid #979797;
  border-radius: 25px;
  font-size:12px;
  color:#979797; 
}

.memberType .deviceCell .radio{
    width: 32px;
    letter-spacing: 0;
    font-size: 28px;
    line-height: 85px;
    vertical-align: middle;
    text-align: right;    
}
.memberType .deviceCell .radio2{
    width: 55px;
    letter-spacing: 0;
    font-size: 28px;
    line-height: 85px;
    vertical-align: middle;
    text-align: center;    
}

.discountArea {
	max-width: 730px;
	margin: 0 auto;
}

.discountArea .inputBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}

.discountArea .inputBox input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 50px;
	border-radius: 5px;
	background-color: #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
	color: #000;
}

.discountArea .inputBox .bt {
	line-height: 50px;
	width: 75px;
	margin-left: 10px;
}

.discountArea .inputBox .bt a {
	display: block;
	border-radius: 5px;
	background-color: #555;
}

.discountArea .inputBox .bt a:hover {
	background-color: #666;
}

.discountArea p {
	text-align: left;
	font-size: 0.75rem;
}

.couponListBlock::after {
	content: "";
	display: block;
	clear: both;
}

.couponListBlock .list_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	margin: 0 1% 20px 0;
	width: 32.66%;
	background-color: #ddd;
}

.couponListBlock .list_item:nth-of-type(3n+0) {
	margin-right: 0;
}

.couponListBlock .list_item .pic_coupon {
	width: 40px;
	height: 150px;
	background: -webkit-linear-gradient(315.28deg, #F75070 0%, #FFE194 100%);
	background: -o-linear-gradient(315.28deg, #F75070 0%, #FFE194 100%);
	background: linear-gradient(134.72deg, #F75070 0%, #FFE194 100%);
	line-height: 150px;
	text-align: center;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: bold;
	position: relative;
	/*&::after {
        content: "已使用";
        position: absolute;
        top: 0;
        left: 0;
        line-height: 20px;
        color: #eee;
        background-color: #888;
        padding: 0 5px;
        font-size: $fz-xs;
      }*/
}

.couponListBlock .list_item .com {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 10px;
}

.couponListBlock .list_item .com h3 {
	font-size: 1rem;
	line-height: 140%;
	font-weight: bolder;
	color: #555;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 2.8em;
}

.couponListBlock .list_item .com p {
	color: #555;
	font-size: 1rem;
	font-weight: bolder;
}

.couponListBlock .list_item .com p span {
	font-size: 0.875rem;
	color: #888;
	display: block;
	font-weight: normal;
}

.couponListBlock .list_item .com .time {
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 0.75rem;
	color: #888;
	line-height: 160%;
}

.couponListBlock .list_item .com .bt {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.couponListBlock .list_item .com .bt a {
	line-height: 30px;
	display: block;
	font-size: 0.875rem;
	color: #666;
	border: 1px solid #666;
	border-radius: 5px;
	padding: 0 10px;
}

.couponListBlock .list_item .com .bt a:hover {
	background-color: #eee;
}

.singleCouponBlock .list_item { /*2020*/
	background-color: #181818;
}

.singleCouponBlock .list_item .com h3 {
	color: #333;
}

.singleCouponBlock .list_item .com { /*2020*/
	background-color: #ddd;
}

.singleCouponBlock .list_item .com p {
	font-size: 0.875rem;
	color: #333;
}

.singleCouponBlock .list_item .projectName { /*2020*/
	line-height: 150%;
	font-size: 0.875rem;
	color: #333;
	font-weight: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.singleCouponBlock .list_item .clickBox { /*2020*/
	height: 100px;
	width: 50px;
	border-radius: 0 10px 10px 0;
	overflow: hidden;
	text-align: center;
	background: linear-gradient(134.72deg, #C0B084 0%, #A77F4B 100%);
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #A77F4B 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #A77F4B 100%);
}

.singleCouponBlock .list_item .clickName { /*2020*/
	font-size: 1.1rem;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-align: center;
	position: absolute;
	top: 50%;
	letter-spacing: 2px;
	font-weight: bold;
	transform: translate(50%, -50%);
	height: 100%;
	color: #111111;
}

.singleCouponBlock .list_item .noclickType { /*2020*/
	color: #605656;
	cursor: default;
}

.vod_info {
	text-align: center;
	color: #fff;
	opacity: .7;
	font-size: 0.875rem;
	margin: 30px 0 25px;
}

.terms {
	line-height: 1.8rem;
}

.terms p {
	margin-bottom: 1em;
}

.terms p.listText {
	text-indent: -2em;
	padding-left: 4em;
}

.terms ol>li {
	margin-bottom: 1em;
	list-style: decimal;
	margin-left: 4em;
}

.txtBlock {
	padding: 15vh 0;
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: 1px;
}

/* news */
.newsType {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.newsType .main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}

.newsType .main h2 {
	line-height: 40px;
	color: #eee;
	font-size: 36px;
	margin-bottom: 45px;
	font-family: "Noto Sans TC", sans-serif;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.newsType .main h2 span {
	line-height: 30px;
	display: block;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 1.5rem;
	margin-bottom: 5px;
}

.newsType .main .auther {
	font-size: 0.75rem;
	color: #eee;
	margin-bottom: 20px;
	letter-spacing: 1px;
	line-height: 25px;
}

.newsType .main .auther::before {
	content: "";
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: url(../images/icon_hamirun.svg) no-repeat;
	background-size: 100% auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.newsType .main .fontArea {
	text-align: right;
	margin-bottom: 40px;
	padding-right: 15px;
}

.newsType .main .fontArea .f_minus {
	display: inline-block;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 1.25rem;
	opacity: 0.2;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}

.newsType .main .fontArea .f_plus {
	display: inline-block;
	font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}

.newsType .main .content {
	font-size: 18px;
	margin-bottom: 80px;
	line-height: 160%;
	color: #ddd;
}

.newsType .main .content a {
	color: #50E3C2;
}

.newsType aside {
	width: 355px;
	margin-left: 30px;
	padding-top: 90px;
}

.newsType aside h3 {
	margin-bottom: 20px;
	font-family: "Noto Sans TC", sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 1.125rem;
	color: #aaa;
	line-height: 140%;
}

.pic-silder {
	background-color: #222222;
	margin-bottom: 10px;
	position: relative;
	padding: 30px 30px 0;
}

.pic-silder .list_item .pic {
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pic-silder .list_item img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 460px;
	height: auto;
}

.pic-silder .list_item.swiper-slide-active img {
	opacity: 1;
}

/* faq */
.faqType {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.faqType aside {
	width: 335px;
	margin-right: 4%;
}

.faqType aside h3 {
	margin-bottom: 10px;
	font-family: "Noto Sans TC", sans-serif;
	font-weight: normal;
	font-size: 1.25rem;
	color: #eee;
}

.faqType aside ul {
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 30px;
}

.faqType aside li {
	display: block;
	background-color: #383838;
	margin-bottom: 1px;
	font-size: 0.9rem;
	line-height: 160%;
	position: relative;
}

.faqType aside li a {
	color: #aaa;
	display: block;
	padding: 15px 50px 15px 20px;
}

.faqType aside li::after {
	content: "";
	position: absolute;
	top: 0px;
	right: 10px;
	bottom: 0;
	background: url(../images/ico_back.svg) center center no-repeat;
	background-size: 30px auto;
	width: 30px;
	-webkit-transform: rotate(0.5turn);
	-ms-transform: rotate(0.5turn);
	transform: rotate(0.5turn);
}

.faqType aside li.active a {
	color: #50e3c2;
}

.faqType aside li.active::after {
	background-image: url(../images/ico_back_color.svg);
}

.faqType .main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.faqType .main h2 {
	color: #eee;
	font-size: 1.625rem;
	margin-bottom: 45px;
	font-family: "Noto Sans TC", sans-serif;
	line-height: 140%;
}

.faqType .main .content {
	margin-bottom: 80px;
	line-height: 160%;
}

.faqType .main .content h3 {
	color: #eee;
}

.faqType .main .content p {
	color: #ccc;
}

.faqType .main .content a {
	color: #50E3C2;
}

/* tab */
.title-wrapper {
	padding: 0px 4% 0;
	border-bottom: 1px solid #333;
	position: relative;
	text-align: center;
}

.title-wrapper.memberType.alertMsg {
	border-bottom: none;
}

.title-wrapper h2.centerType {
	font-family: "Noto Sans TC", sans-serif;
	font-size: 30px;
	margin: 50px 0;
	color: #ddd;
	line-height: 120%;
	font-weight: normal;
}

.title-wrapper h2.centerType.alertMsg {
	margin: 0px;
	padding: 300px;
}

.title-wrapper.set2 {
	padding: 60px 4%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,
		0.3)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%,
		rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%,
		rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%,
		rgba(0, 0, 0, 0) 100%);
}

.title-wrapper.setIn {
	padding: 0px 4%;
	border-bottom: none;
}

.title-wrapper.memberType {
	padding: 60px 0px 0;
}

.title-wrapper .search {
	margin: 50px auto;
	position: relative;
	width: 980px;
}

.title-wrapper .search input {
	height: 50px;
	width: 100%;
	padding: 0 60px 0 25px;
	color: #000;
	font-size: 1.125rem;
	border-radius: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.title-wrapper .search .bt {
	position: absolute;
	top: 0;
	right: 10px;
}

.title-wrapper .search .bt a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/icon_search_color.svg) center center no-repeat;
	background-size: 24px auto;
}

.title-wrapper .search .bt a:hover {
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}

.title-wrapper .search .search_select {
	position: absolute;
	z-index: 10;
	top: 50px;
	left: 0;
	right: 0;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 5px 0;
	overflow-y: auto;
	text-align: left;
}

.title-wrapper .search .search_select li {
	font-size: 1rem;
	line-height: 160%;
	padding: 5px 20px;
	cursor: pointer;
	color: #eee;
}

.title-wrapper .search .search_select li:hover {
	background-color: #eee;
	color: #000;
}

.title-wrapper .tabArea {
	position: relative;
	display: block;
}

.title-wrapper .tabArea h2 {
	display: none;
	position: absolute;
	left: 4%;
	top: 5px;
	height: 40px;
	width: 40px;
	background-size: 100% auto;
}

.title-wrapper .tabArea ul {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.title-wrapper .tabArea li {
	white-space: nowrap;
	font-family: "Noto Sans TC", sans-serif;
	font-size: 1.25rem;
	line-height: 60px;
	display: inline-block;
	position: relative;
	margin: 0 15px;
	width: auto;
}

.title-wrapper .tabArea li a {
	display: block;
}

.title-wrapper .tabArea.sty_tv li.active::after, .title-wrapper .tabArea.sty_member li.active::after
	{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 5px solid #50E3C2;
}

.title-wrapper .tabArea.sty_rent li.active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 5px solid #A69070;
}

.title-wrapper .tabArea.sty_vod ul {
	padding: 15px 0;
}

.title-wrapper .tabArea.sty_vod li {
	line-height: 30px;
}

.title-wrapper .tabArea.sty_vod li a {
	padding: 0 10px;
}

.title-wrapper .tabArea.sty_vod li.active a {
	color: #000;
	background-color: #50E3C2;
	border-radius: 30px;
}

.title-wrapper .tabArea.sty_vod .lv2 {
	display: block;
}

.title-wrapper .tabArea.sty_vod .lv2 ul {
	padding: 0px 0;
}

.title-wrapper .tabArea.sty_vod .lv2 li {
	font-size: 1.125rem;
	line-height: 44px;
}

.title-wrapper .tabArea.sty_vod .lv2 li a {
	color: #aaa;
	padding: 0 0px;
}

.title-wrapper .tabArea.sty_vod .lv2 li.active a {
	color: #fff;
	background-color: transparent;
}

.title-wrapper .tabArea.sty_vod .lv2 li.active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 5px solid #50E3C2;
}

.title-wrapper .tabArea.sty_member li {
	font-size: 22px;
	margin: 0 50px;
}

.title-wrapper .tabArea.sty_member li a {
	color: #aaa;
}

.title-wrapper .tabArea.sty_member li span {
	font-size: 1rem;
	margin-left: 5px;
	color: #eee;
}

.title-wrapper .tabArea.sty_member li.active a {
	color: #50E3C2;
}

.title-wrapper .tabArea.sty_member li.active a span {
	color: #eee;
}

.title-wrapper .tabArea.sty_member.twoType {
	display: block;
	padding: 0 15%;
}

.title-wrapper .tabArea.sty_member.twoType ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.title-wrapper .tabArea.sty_member.twoType li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
}

.title-wrapper .tabArea.sty_member2 {
	border-top: 1px solid #333;
	display: block;
	padding: 20px 0;
}

.title-wrapper .tabArea.sty_member2 li {
	line-height: 30px;
}

.title-wrapper .tabArea.sty_member2 li a {
	color: #aaa;
	padding: 0 10px;
}

.title-wrapper .tabArea.sty_member2 li.active a {
	color: #000;
	background-color: #50E3C2;
	border-radius: 30px;
}

.title-wrapper .bt_fliter {
	position: absolute;
	top: 10px;
	right: 0;
}

.title-wrapper .bt_fliter a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/btn_filter.svg) center center no-repeat;
	background-size: 21px auto;
}

.title-wrapper .bt_fliter a:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.title-wrapper .bt_edit {
	position: absolute;
	right: 15%;
	top: 120px;
	line-height: 30px;
}

.title-wrapper .bt_edit a {
	display: block;
	border-radius: 30px;
	border: 1px solid #ddd;
	font-size: 0.875rem;
	color: #ddd;
	padding: 0 15px;
}

.title-wrapper .bt_edit a:hover {
	background-color: #333;
}

.title-wrapper .selectBox {
	position: relative;
	width: 220px;
	margin: 0 auto 20px;
}

.title-wrapper .selectBox select {
	height: 60px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 40px;
	border: 2px solid #333;
	padding: 0 30px;
	font-size: 1.125rem;
	color: #eee;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #282828 url(../images/ico_select_color.svg) 92% center
		no-repeat;
	background-size: 30px auto;
}

.title-wrapper .selectBox select::-ms-expand {
	display: none;
}

.title-wrapper.singleCouponType { /*2020*/
	padding: 60px 0px 0;
	border-bottom: none;
}

.title-wrapper h2.singleCouponType { /*2020*/
	margin: 40px 0;
	color: #ddd;
}

.singleCoupon.noSingleCouponTitle { /*2020*/
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 15%,
		rgba(0, 0, 0, 0.7) 80%);
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.4) 15%,
		rgba(0, 0, 0, 0.7) 80%);
	background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0.4) 15%,
		rgba(0, 0, 0, 0.7) 80%);
	text-align: center;
	padding: 70px;
}

.singleCoupon.pic { /*2020*/
	margin: 22px 0px 0px 0px;
	padding: 10px 10% 40px /*padding:0 10%;*/
}

.singleCoupon.pic img { /*2020*/
	width: 100%;
}

.singleCoupon.ticketTitle { /*2020*/
	padding: 0px 15%;
}

.singleCoupon.ticketTitle .mainTitle { /*2020*/
	color: #FFFFFF;
	font-size: 1rem;
}

.singleCoupon.ticketTitle .subTitle { /*2020*/
	font-size: 12px;
	color: #888888;
	padding: 0px 2px;
}

.tab {
	background-color: #181818;
	padding-bottom: 20px;
}

.tab .item {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.tab .item>a, .tab .item .now {
	font-family: "Noto Sans TC", sans-serif;
	display: block;
	padding: 0 15px;
	border: 3px solid #fff;
	border-radius: 20px;
	line-height: 35px;
}

.tab .item .now {
	cursor: pointer;
	padding-right: 30px;
}

.tab .item .now::after {
	content: "";
	position: absolute;
	top: 18px;
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
}

.tab .item .now+ul {
	position: absolute;
	z-index: 4;
	left: 0;
	min-width: 100px;
	top: 40px;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 2px;
	padding: 10px 0;
	text-align: center;
}

.tab .item .now+ul a {
	color: #fff;
	display: block;
	line-height: 30px;
	padding: 0 15px;
}

.tab .item .now+ul a :hover {
	color: #ffd100;
}

.tab .item.active>a, .tab .item.active>.now {
	background-color: #fff;
	color: #181818;
}

.tab .item.active>a::after, .tab .item.active>.now::after {
	border-color: #000333 transparent transparent transparent;
}

.btArea {
	text-align: center;
	line-height: 40px;
	margin-bottom: 40px;
}

.btArea p {
	font-size: 1.125rem;
	margin-bottom: 20px;
}

.btArea a {
	display: inline-block;
	border: 1px solid #aaa;
	border-radius: 35px;
	min-width: 80px;
	padding: 0 40px;
	margin: 0 10px;
}

.btArea a:hover {
	background-color: #333;
}

.btArea a.set2 {
	font-size: 0.875rem;
	color: #aaa;
}

.btArea a.share {
	width: 46px;
	height: 46px;
	border: none;
	border-radius: 50%;
	padding: 0;
	background: #383838 url(../images/ico_share.svg) center center no-repeat;
	background-size: 24px auto;
	min-width: 0;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.btArea a.share:hover {
	background-color: #555;
}

.btArea a.favor {
	width: 46px;
	height: 46px;
	border: none;
	border-radius: 50%;
	padding: 0;
	background: #383838 url(../images/ico_favorite_border.svg) center center
		no-repeat;
	background-size: 24px auto;
	min-width: 0;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.btArea a.favor.on {
	background-image: url(../images/ico_favorite.svg);
}

.btArea a.favor:hover {
	background-color: #555;
}

.btArea a.back {
	font-size: 0.875rem;
	line-height: 40px;
	padding: 0 20px 0 30px;
	border: none;
	border-radius: 30px;
	background: #383838 url(../images/ico_back.svg) 5px center no-repeat;
	background-size: 24px auto;
	min-width: 0;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.btArea a.back:hover {
	background-color: #555;
}

.btArea a.vod {
	line-height: 50px;
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	font-size: 1.125rem;
	font-family: "Noto Sans TC", sans-serif;
	color: #111;
	min-width: 0px;
	border: none;
}

.btArea a.vod:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.btArea a.rent {
	line-height: 50px;
	background: -webkit-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: -o-linear-gradient(315.28deg, #C0B084 0%, #84663F 100%);
	background: linear-gradient(134.72deg, #C0B084 0%, #84663F 100%);
	font-size: 1.125rem;
	font-family: "Noto Sans TC", sans-serif;
	color: #111;
	min-width: 0px;
	border: none;
}

.btArea a.rent:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.btArea a.rent.buy { /*202008*/
	line-height: 21px;
	width: 110px;
	min-width: 110px;
	text-align: center;
	padding: 0px;
}

.btArea a.rent.buy.single { /*202008*/
	line-height: 20px;
	width: 200px;
	min-width: 200px;
}

.btArea a.rent.buy.multiMonthBtn { /*202008*/
	padding-bottom: 15.5px;
	padding-top: 15.5px;
}
.btArea a.reminder {
	line-height: 50px;
	font-size: 1.125rem;
	color: #fff;
}

.btArea a.reminder:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.btArea div.btnTitle {
	margin: 0px;
	font-size: 0.75rem;
	color: #111111;
	padding: 0px;
	padding-top: 4px;
}

.btArea div.btnSubTitle { /*202008*/
	font-size: 1.125rem;
	font-weight: bolder;
	color: #111111;
	padding-bottom: 6px;
}

.btArea div.btnSubTitle.multiMonthBtn { /*202008*/
	line-height: 52px;
}

.btArea div.btnSubTitle.singleTitle { /*202008*/
	padding-bottom: 0px;
}

.webMode .info-wrapper .com .btArea a.rent.buy ~ a.trailer { /*202008*/
	margin: 0 20px 0 20px;
}

.btArea a.live {
	line-height: 50px;
	background: -webkit-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: -o-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
	background: linear-gradient(134.72deg, #31D9FF 0%, #8E8EFF 100%);
	font-size: 1.125rem;
	font-family: "Noto Sans TC", sans-serif;
	color: #111;
	min-width: 0px;
	border: none;
}

.btArea a.live:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.btArea a.playSty {
	position: relative;
}

.btArea a.playSty::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0px 6px 9px;
	border-color: transparent transparent transparent #000;
}

.filter-wrapper {
	padding: 100px 4% 0;
	border-bottom: 1px solid #333;
}

.filter-wrapper .list_tab {
	margin-bottom: 20px;
}

.filter-wrapper .list_tab li {
	margin-right: 10px;
	line-height: 36px;
	display: inline-block;
	font-size: 1.125rem;
	width: auto;
}

.filter-wrapper .list_tab li a {
	display: block;
	padding: 0 10px;
	border-radius: 20px;
	color: #aaa;
}

.filter-wrapper .list_tab li a:hover {
	background-color: #222;
}

.filter-wrapper .list_tab li.active a {
	background-color: #444;
	color: #fff;
}

/* popup */
.popup_overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 11;
}

.popup {
	position: absolute;
	top: 100px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 768px;
	background: #181818;
	z-index: 11;
}
.popup.purchase {
  	top: 50%;
 	left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   	width:435px;  
	height:300px; 
    
}

.popup.purchase p.purchaseItemTitle{
	font-size:24px;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    margin: 0 0 30px;
}
.popup.purchase .btSet.purchase{
	position:absolute;
	left: 50%; 
	-webkit-transform: translate(-50%, 0); 
	-ms-transform: translate(-50%, 0); 
	transform: translate(-50%, 0);
	bottom:20px;
}

.popup.df {
	max-width: 435px;
	width: 92%;
}

.popup .bt_close {
	position: absolute;
	top: 40px;
	right: 40px;
}

.popup .com {
	padding: 80px 40px 40px;
}

.popup .com h2 {
	font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
	font-size: 30px;
	line-height: 120%;
	color: #eee;
	margin-bottom: 20px;
	text-align: center;
}
.popup .com h3 {
	height: 20px;
  	/*width: 300px;*/
  	color: #EEEEEE;
  	font-family: "PingFang TC";
  	font-size: 14px;
  	letter-spacing: 0.4px;
  	line-height: 20px;
  	margin-bottom: 20px;
  	text-align: center;
}

.popup .com p {
	font-size: 1.125rem;
	letter-spacing: 1px;
	margin-bottom: 10px;
	line-height: 160%;
}

.popup .com .btSet.smail {
	margin: 20px auto;
}

.popup .com .btSet.bk {
	background: #555;
}

.popup .com .btSet.bk a {
	color: #fff;
}

.popup.showMsgPopup {
	background-color: #DCDCDC;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 600px;
	transform: translate(-50%, -50%);
}

.popup.showMsgPopup .bt_close {
	top: 5px;
	right: 10px;
}

.bt_close.showMsgBtn:before {
	background-color: #000;
}

.bt_close.showMsgBtn:after {
	background-color: #000;
}

.popup.wide {
	max-width: 1064px;
}

.popup.wide .com {
	padding: 40px;
}

.popup.adSet {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 92%;
	/*max-width: 1125px;*/
	max-width: 800px;
	max-height: 80vh;
	background-color: transparent;
}

.popup.adSet .com {
	padding: 0;
	position: relative;
}

.popup.adSet .popup-silder {
	-webkit-box-shadow: 0 0 50px 0 #000000;
	box-shadow: 0 0 50px 0 #000000;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.popup.adSet .popup-silder .pic img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
}

.popup.adSet .popup-silder .pagination {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
}

.popup.adSet .noShow {
	position: absolute;
	z-index: 1;
	left: 20px;
	bottom: 10px;
}

.popup.adSet p {
	text-align: center;
	margin-top: 15px;
}
.popup.product {
	position: absolute;
	top: 100px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 435px;
	height:max-content !important;
	background: #383838;
}
.popupDeviceNotSupport{
	color:#FFAA00;
	text-align:center;
	font-size:22px;
	font-weight:600;
	margin-top: 30px;
}

.popupHollywoodTitle{
	color:#EEEEEE;
	text-align:left;
	font-size:22px;
	font-weight:600;
	margin:30px auto 0;
	padding: 0 28px;
	width: fit-content;
	line-height:30px;
}
.hollywoodDeviceNotBind .popupBtSet{
  margin: 35px auto 10px;
  width: fit-content;
}

.hollywoodDeviceNotBind .popupBtSet .btCancel{
  margin: 0 8px;
  display:inline-block;
 
}

.hollywoodDeviceNotBind .popupBtSet a{
  padding: 10px 30px;  
  border: 1px solid #EEEEEE;
  border-radius: 20px;
  color:#EEEEEE;
  text-align: center;
  vertical-align: middle;
  line-height:40px;
}
.hollywoodBinding .deviceTable{
  width:325px;
  margin:0 auto;
  overflow:hidden;
  height:215px;
}

.hollywoodBinding .deviceCell{
  box-sizing: border-box;
  height: 68px;
  width: 295px;
  border: 1px dashed #5B5B5B;
  display:flex;
  flex-direction: row;
  margin: 1px auto;
}
.hollywoodBinding .deviceCell .idx{
    width:40px;
    color: #595959;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 68px;
    vertical-align: middle;
    text-align: center;
}

.hollywoodBinding .deviceCell .radio{
    width: 32px;
    letter-spacing: 0;
     font-size: 28px;
    line-height: 68px;
    vertical-align: middle;
    text-align: right;    
}



.hollywoodBinding .deviceCell .notBind{
    width: auto;
    color: #595959;
    font-size: 16px;
    line-height: 68px;
    vertical-align: middle;
    text-align: left;    
}

.hollywoodBinding .deviceCell .binding{
    width: auto;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    margin-top:12px;   
}

.hollywoodBinding .deviceCell .binded{
    width: auto;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    line-height: 66px;   
}

.hollywoodBinding .bindingAnnotation{
    margin: 5px 28px;
    color:#AAAAAA;
    font-size: 14px;
    text-align:left;   
}

.hollywoodBinding .deviceCell.active{
  background-color: #282828;
  border:none;
}

.popupDevice{
	margin-top: 30px;
	text-align: center;
}

.popupDevice .popupAuthDevice{
    border: 1px solid #979797;
    border-radius: 4px;
	padding:10px;
	margin:10px 80px;
	position:relative;
	color: #BBBBBB;
}

.popupAuthDevice.infoPage{
	margin:10px 10px !important;

}

.popupDevice .popupAuthDevice::after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: -3px;
    width: 25px;
    height: 25px;
    background: url(../images/ic_check.svg) center center no-repeat;
    background-size: 100% auto;
}
.popup.product .com .popupBtSet{
  margin: 0 auto;
  width: fit-content;
}

.popup.product .com .popupBtSet .btCancel{
  margin: 0 8px;
  display:inline-block;
 
}

.popup.product .com .popupBtSet a{
  padding: 10px 30px;  
  border: 1px solid #EEEEEE;
  border-radius: 20px;
  color:#EEEEEE;
  text-align: center;
  vertical-align: middle;
  line-height:40px;
}


.bt_close {
	width: 40px;
	height: 40px;
	z-index: 1;
	cursor: pointer;
}

.bt_close:before {
	content: '';
	position: absolute;
	top: 20px;
	width: 40px;
	height: 1px;
	background-color: #eee;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.bt_close:after {
	content: '';
	position: absolute;
	top: 20px;
	width: 40px;
	height: 1px;
	background-color: #eee;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.bt_close_ad {
	position: absolute;
	right: 0;
	top: -40px;
	z-index: 1;
}

.bt_close_ad a {
	display: block;
	padding: 10px 0 10px 30px;
}

.bt_close_ad i {
	position: absolute;
	top: 0;
	left: 0;
}

.bt_close_ad i:before {
	content: '';
	position: absolute;
	top: 20px;
	width: 20px;
	height: 1px;
	background-color: #eee;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.bt_close_ad i:after {
	content: '';
	position: absolute;
	top: 20px;
	width: 20px;
	height: 1px;
	background-color: #eee;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.list_select {
	margin-bottom: 40px;
}

.list_select li {
	background-color: #282828;
	margin-bottom: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.list_select li .select {
	padding: 15px 20px;
	width: 16px;
	height: 16px;
	margin-bottom: 12px;
	font-size: 22px;
}

.list_select li .ip {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 15px 0;
	font-size: 1.125rem;
	color: #eee;
}

.list_select li .ip .time {
	display: block;
	font-size: 0.75rem;
	color: #aaa;
}

.list_select li .suggest {
	padding: 15px 20px;
	height: 20px;
	color: #438CFF;
	font-size: 0.75rem;
}

.checkBlock {
	position: absolute;
	bottom: -80px;
	left: 0;
	right: 0;
	background-color: #282828;
	padding: 30px 40px;
	font-size: 0.875rem;
	color: #aaa;
}

.checkBlock a {
	color: #50E3C2;
}

.lockBlock {
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)),
		to(#333333));
	background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333
		100%);
	background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 100%);
	background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333333 100%);
}

.lockBlock .bt {
	margin: 0 auto;
	line-height: 50px;
	text-align: center;
}

.lockBlock .bt a {
	display: inline-block;
	padding: 0 20px;
	border-radius: 30px;
	background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
	background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	font-family: "Noto Sans TC", sans-serif;
	color: #000;
	font-size: 1.125rem;
}

.lockBlock .bt a:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.lockBlock .bt a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 250px;
}

/* float */
.float {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 11;
}

.float .bt_close_s {
	position: absolute;
	right: -10px;
	top: -15px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.8);
	width: 25px;
	height: 25px;
	border-radius: 50%;
}

.float .bt_close_s:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 5px;
	width: 15px;
	height: 2px;
	background-color: #000;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.float .bt_close_s:after {
	content: '';
	position: absolute;
	top: 12px;
	left: 5px;
	width: 15px;
	height: 2px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.float .com {
	border-radius: 5px;
	height: 150px;
}

.float .com img {
	display: block;
	height: 100%;
	width: auto;
}

.memberBlock {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 440px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #222;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	z-index: 11;
	padding: 100px 0 0;
}

.memberBlock .bt_close {
	position: absolute;
	top: 40px;
	left: 40px;
}

.memberBlock .com {
	padding: 0px 70px;
}

.memberBlock .card {
	height: 170px;
	width: 300px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,
		0.5)), color-stop(68.02%, rgba(40, 40, 40, 0.08)),
		to(rgba(255, 255, 255, 0.08)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%,
		rgba(40, 40, 40, 0.08) 68.02%, rgba(255, 255, 255, 0.08) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%,
		rgba(40, 40, 40, 0.08) 68.02%, rgba(255, 255, 255, 0.08) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%,
		rgba(40, 40, 40, 0.08) 68.02%, rgba(255, 255, 255, 0.08) 100%);
	padding: 30px 20px 0;
	position: relative;
}

.memberBlock .card .info {
	position: relative;
	padding: 25px 0 0 60px;
	margin-bottom: 20px;
}

.memberBlock .card .info .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.memberBlock .card .info .pic .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	/*background-color: #000; */
}

.memberBlock .card .info .pic .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.memberBlock .card .info .pic img {
	display: block;
	width: 100%;
	height: auto;
}

.memberBlock .card .info p {
	font-size: 1.25rem;
	font-family: "Noto Sans TC", sans-serif;
	letter-spacing: 0.4px;
}

.memberBlock .card .type {
	font-size: 1.125rem;
	line-height: 30px;
	letter-spacing: 1px;
}

.memberBlock .card .id {
	font-size: 0.875rem;
	letter-spacing: 1px;
	padding-right: 80px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.memberBlock .card .name input {
	width: 100%;
	background: transparent;
	outline: none;
	font-size: 1.25rem;
	font-family: "Noto Sans TC", sans-serif;
	letter-spacing: 0.4px;
}

.memberBlock .card ::-webkit-input-placeholder {
	color: #aaa;
}

.memberBlock .card .bt_edit {
	position: absolute;
	top: 20px;
	right: 20px;
}

.memberBlock .card .bt_edit a {
	display: block;
	color: #aaa;
	border: 1px solid #aaa;
	border-radius: 20px;
	padding: 0 10px;
	font-size: 0.75rem;
	line-height: 160%;
}

.memberBlock .card .bt_edit a:hover {
	background-color: #333;
}

.memberBlock .card .bt_change {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.memberBlock .card .bt_change a {
	display: block;
	color: #aaa;
	border: 1px solid #aaa;
	border-radius: 20px;
	padding: 0 10px;
	font-size: 0.75rem;
	line-height: 160%;
}

.memberBlock .card .bt_change a:hover {
	background-color: #333;
}

.memberBlock .card.vipType .type {
	color: #50E3C2;
	font-family: "Noto Sans TC", sans-serif;
	padding-right: 60px;
	display: inline-block;
	background: url(../images/ic_vip_check.svg) right 0 no-repeat;
}

.memberBlock .card.loginType {
	padding: 40px 75px 0;
	text-align: center;
}

.memberBlock .card.loginType .btSet {
	margin-bottom: 25px;
}

.memberBlock .card.loginType p {
	letter-spacing: 2px;
	font-weight: bold;
}

.memberBlock .bt_moreType {
	width: 200px;
	margin: 0 auto 40px;
	line-height: 50px;
	letter-spacing: 2px;
	border-radius: 30px;
	text-align: center;
	font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(80, 227, 194, 0.25);
	box-shadow: 0px 0px 5px 2px rgba(80, 227, 194, 0.25);
	border: 1px solid #50E3C2;
}

.memberBlock .bt_moreType a {
	color: #50E3C2;
	display: block;
}

.memberBlock li {
	margin-bottom: 10px;
	font-size: 1.25rem;
	line-height: 160%;
	letter-spacing: 1px;
}

.memberBlock li a {
	display: block;
	color: #ddd;
}

.memberBlock .gift {
	background: url(../images/ic_ic_gift.svg) center center no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: top;
	margin: 2px 0 0 5px;
}

.voteInfo {
	text-align: center;
	line-height: 36px;
	margin-bottom: 20px;
}

.voteInfo .num {
	display: inline-block;
	background-color: #333;
	border-radius: 30px;
	padding: 0 20px;
	color: #ccc;
}

.voteInfo .num span {
	color: #fff;
	font-size: 1.25rem;
	padding: 0 10px;
}

.voteInfo .time {
	display: inline-block;
	margin-left: 10px;
	color: #ccc;
}

.voteInfo .time span {
	color: #fff;
	font-size: 1.125rem;
}

.voteList {
	text-align: center;
}

.voteList .item {
	display: inline-block;
	width: 130px;
	margin: 0 5px 10px;
	text-align: center;
	vertical-align: top;
}

.voteList .item .pic {
	cursor: pointer;
	margin-bottom: 5px;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #000;
	border-radius: 50%;
	overflow: hidden;
}

.voteList .item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.voteList .item .pic img {
	border-radius: 50%;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.voteList .item .voteBt {
	display: none;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 120px;
	background-color: rgba(0, 0, 0, 0.5);
}

.voteList .item .voteBt .vPlus {
	display: inline-block;
	width: 25px;
	height: 30px;
	cursor: pointer;
	background: url(../images/icon_plus.svg) center center no-repeat;
}

.voteList .item .voteBt .vMinus {
	display: inline-block;
	width: 25px;
	height: 30px;
	cursor: pointer;
	background: url(../images/icon_minus.svg) center center no-repeat;
}

.voteList .item .voteBt span {
	font-size: 50px;
	color: #1FC1FF;
}

.voteList .item.active .pic img {
	border: 5px solid #1FC1FF;
}

.voteList .item.active .voteBt {
	display: block;
	border: 5px solid #1FC1FF;
	border-radius: 50%;
}

.voteList .item>p {
	height: 3em;
}

.voteList .item>p span {
	color: #1FC1FF;
}

.voteList .item>p.num {
	color: #959595;
	height: 1.5em;
}

.voteList .item.noTop>p span {
	color: #50E3C2;
}

.loading_layer {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	z-index: 11;
}

.loading_layer div {
	-webkit-transform-origin: 32px 32px;
	-ms-transform-origin: 32px 32px;
	transform-origin: 32px 32px;
	-webkit-animation: loading_layer 1.2s linear infinite;
	animation: loading_layer 1.2s linear infinite;
}

.loading_layer div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 29px;
	width: 5px;
	height: 14px;
	border-radius: 20%;
	background: #50E3C2;
}

.loading_layer div:nth-child(1) {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.loading_layer div:nth-child(2) {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.loading_layer div:nth-child(3) {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.loading_layer div:nth-child(4) {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.loading_layer div:nth-child(5) {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.loading_layer div:nth-child(6) {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.loading_layer div:nth-child(7) {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.loading_layer div:nth-child(8) {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.loading_layer div:nth-child(9) {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.loading_layer div:nth-child(10) {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.loading_layer div:nth-child(11) {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

.loading_layer div:nth-child(12) {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.cookieInfo , .textInfo  {
	background-color: #298FD1; /*#1c2036*/
	color: #FFFFFF;
	padding: 24px 0px;
	font-size: 20px;
	position: fixed;
	z-index: 13;
	width: 100%;
	text-align: center;
	bottom: 0px;
}

.cookieInfo .cookie , .textInfo .text {
	line-height: 22px ;/*1.4em;*/
	padding: 0 6%;
}

.cookieInfo .cookieLink , .textInfo .textLink{
	color: #FDEC57;
	text-decoration: underline;
}

.cookieInfo .cookieBtn , .textInfo .textBtn{
	background-color: #298FD1;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 2px 10px;
	cursor: pointer;
	margin-left: 20px;
}
.textInfo{
	z-index: 12;
	padding: 10px 0px;
}
.textInfo .text span{
	font-weight: bold;
}



@-webkit-keyframes loading_layer {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes loading_layer {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@media screen and (min-width: 768px) and (max-width: 1260px) {
	header .logo {
		background-image: url(../images/logo_m.svg);
		background-size: 54px auto;
		width: 54px;
		height: 60px;
		float: left;
		margin-right: 20px;
	}
	nav {
		padding-top: 9px;
	}
	nav li {
		margin-right: 10px;
	}
	nav.sty2 li {
		margin-right: 40px;
	}
	nav.sty2 li:first-child::after {
		right: -20px;
	}
	.topToolBlock {
		top: 13px;
	}
	.topToolBlock .top_alert {
		margin-left: 0px;
	}
	.topToolBlock .top_filter {
		margin-left: 0px;
	}
	.topToolBlock .top_search {
		margin-left: 0px;
	}
	.topToolBlock .top_login {
		margin-left: 0px;
	}
	footer {
		padding: 30px 4% 120px;
	}
	/* banner */
	.pagination {
		padding: 20px 0;
	}
	.banner-silder .list_item {
		width: 100%;
	}
	.banner-silder .list_item .pic {
		margin-left: 30%;
		width: 70%;
	}
	.banner-silder .list_item .title {
		padding-left: 30px;
	}
	.banner-silder .list_item .title .time {
		margin-bottom: 5px;
	}
	.banner-silder .list_item .title.sty4 h2 {
		margin-bottom: 5px;
	}
	.banner-silder .list_item .title.sty5 h2 {
		margin-bottom: 5px;
	}
	.banner-silder .list_item .title.sty6 h2 {
		margin-bottom: 5px;
	}
	.banner-silder .list_item .title.sty7 h2 {
		margin-bottom: 5px;
	}
	.banner-silder .list_item.swiper-slide-active .title {
		left: 0px;
		right: 0px;
	}
	.banner-silder .list_item .tag_live {
		top: 87px;
		left: 30px;
		width: 93px;
		height: 35px;
	}
	.banner-silder .list_item .tag_playing {
		top: 87px;
		left: 30px;
		width: 93px;
		height: 35px;
	}
	.banner-silder .list_item .tag_free {
		top: 130px;
		left: 30px;
	}
	/*content*/
	.content-wrapper-ui03 {
		margin-bottom: -10px;
	}
	.content-wrapper section {
		margin-bottom: 40px;
	}
	.content-wrapper section>.title_in .tab {
		display: block;
	}
	.content-wrapper.twoCol {
		padding: 90px 4% 0;
	}
	.content-wrapper.twoCol .main {
		margin-right: 0px;
	}
	.content-wrapper.twoCol .sidebar {
		display: none;
	}
	.content-wrapper.memberType .content {
		padding: 40px 4% 0;
	}
	/* list */
	/*.movieListBlock {
  .list_item {
    width: 49.5%;
    margin-bottom: 30px;
    &:nth-of-type(4n+0) {
      margin-right: 1%;
    }
    &:nth-of-type(2n+0) {
      margin-right: 0;
    }
  }
}*/
	.tvListBlock .list_item {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.liveListBlock .list_item .vs .team {
		margin: 0 5px;
	}
	.eventListBlock.sty2 .list_item {
		width: 50%;
	}
	.vodListBlock.sty2 .list_item {
		width: 24.25%;
		margin-bottom: 30px;
	}
	.vodListBlock.sty2 .list_item:nth-of-type(8n+0) {
		margin-right: 1%;
	}
	.vodListBlock.sty2 .list_item:nth-of-type(4n+0) {
		margin-right: 0;
	}
	/* player */
	.player_main .controler .btPlay {
		margin: 0 50px;
	}
	/* detail */
	.webMode .info-wrapper .box {
		width: 200px;
		margin-right: 40px;
	}
	.list_program .program_class_in li {
		width: 19.2%;
	}
	.list_program .program_class_in li:nth-of-type(10n+0) {
		margin-right: 1%;
	}
	.list_program .program_class_in li:nth-of-type(5n+0) {
		margin-right: 0;
	}
	/* twoCol List */
	/* member List */
	.tvfavorListBlock .list_item {
		width: 49.5%;
	}
	.tvfavorListBlock .list_item:nth-of-type(3n+0) {
		margin-right: 1%;
	}
	.tvfavorListBlock .list_item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	.dramafavorListBlock .list_item {
		width: 49.5%;
	}
	.dramafavorListBlock .list_item:nth-of-type(3n+0) {
		margin-right: 1%;
	}
	.dramafavorListBlock .list_item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	.historyListBlock .list_item {
		width: 49%;
	}
	.historyListBlock .list_item:nth-of-type(3n+0) {
		margin-right: 2%;
	}
	.historyListBlock .list_item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	.purchaseListBlock .list_item{
		font-size: 16px;	    
	}
	.buyListBlock .list_item {
		width: 49.5%;
	}
	.buyListBlock .list_item:nth-of-type(3n+0) {
		margin-right: 1%;
	}
	.buyListBlock .list_item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	.couponListBlock .list_item {
		width: 49.5%;
	}
	.couponListBlock .list_item:nth-of-type(3n+0) {
		margin-right: 1%;
	}
	.couponListBlock .list_item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	/* news */
	.newsType {
		display: block;
	}
	.newsType aside {
		width: auto;
		margin-left: 0px;
		padding-top: 0px;
	}
	.newsType aside .list_item {
		float: left;
		width: 49.5%;
		margin-right: 1%;
	}
	.newsType aside .list_item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	.newsType aside .reportListBlock::after {
		position: static;
		content: "";
		display: block;
		clear: both;
	}
	.pic-silder {
		padding: 0px 0px 0;
	}
	.pic-silder .list_item img {
		max-height: none;
	}
	/* faq */
	
	/* tab */
	.title-wrapper h2.centerType {
		margin: 30px 0;
	}
	.title-wrapper h2.centerType.alertMsg {
		padding: 50% 100px 0px 100px;
	}
	.title-wrapper .search {
		margin: 30px auto;
		width: 90%;
	}
	.title-wrapper .tabArea li {
		margin: 0 10px;
	}
	.title-wrapper .tabArea.sty_member li {
		margin: 0 30px;
	}
	.title-wrapper .tabArea.sty_member.twoType {
		display: block;
		padding: 0 4%;
	}
	.title-wrapper .bt_fliter {
		right: 0%;
	}
	.title-wrapper .bt_edit {
		top: 90px;
		right: 4%;
	}
	/* popup */
}

@media screen and (max-width: 767px) {
	.webMode {
		display: none !important;
	}
	.mobileMode {
		display: block !important;
	}
	header {
		height: auto;
	}
	header .logo {
		background-image: url(../images/logo_m.svg);
		background-size: 54px auto;
		width: 54px;
		height: 54px;
		float: left;
		margin-right: 10px;
	}
	nav {
		padding-top: 0;
	}
	nav .mTitle {
		display: inline-block;
		position: relative;
		font-size: 1.25rem;
		padding-right: 15px;
		line-height: 54px;
	}
	nav .mTitle::after {
		content: "";
		position: absolute;
		top: 25px;
		right: 0px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
	}
	nav ul {
		display: none;
		border: 1px solid #444444;
		border-top: 2px solid #fff;
		background-color: rgba(0, 0, 0, 0.9);
		position: absolute;
		top: 54px;
		left: 40px;
		right: 40px;
		border-radius: 0 0 4px 4px;
		padding: 10px 0;
	}
	nav ul::before {
		content: "";
		position: absolute;
		top: -7px;
		left: 54px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0px 5px 7px 5px;
		border-color: transparent transparent #fff transparent;
	}
	nav ul li {
		display: block;
		margin-right: 0;
	}
	nav ul li.active {
		border-bottom: none;
		background-color: #333;
	}
	nav ul li.active::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 6px;
		background-color: #fff;
	}
	nav ul li.active a {
		color: #fff;
	}
	nav ul li.active i {
		opacity: 1;
	}
	nav ul li.noIcon a {
		padding-left: 60px;
	}
	nav ul li a {
		padding-left: 100px;
		font-weight: normal;
		font-size: 18px;
		line-height: 60px;
		color: #aaa;
	}
	nav ul li i {
		position: absolute;
		top: 10px;
		left: 50px;
		height: 40px;
		width: 40px;
		background-size: contain;
		opacity: .7;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 35px auto;
	}
	nav ul li i.n1 {
		background-image: url(../images/ic_logo_event.svg);
	}
	nav ul li i.n2 {
		background-image: url(../images/ic_logo_tv.svg);
	}
	nav ul li i.n3 {
		background-image: url(../images/ic_logo_sport.svg);
	}
	nav ul li i.n4 {
		background-image: url(../images/ic_logo_video.svg);
	}
	nav ul li i.n5 {
		background-image: url(../images/ic_logo_rental.svg);
	}
	nav ul li i.open::before {
		content: "";
		position: absolute;
		bottom: 5px;
		left: 0px;
		width: 15px;
		height: 15px;
		background: url(../images/ic_subs_circle_xs.svg) center center no-repeat;
	}
	nav.sty2 .mTitle {
		display: none;
	}
	nav.sty2 ul {
		display: block;
		background: transparent;
		border: none;
		position: static;
		padding: 7px 0;
	}
	nav.sty2 ul li {
		display: none;
	}
	nav.sty2 ul li.active {
		display: block;
		background: transparent;
	}
	nav.sty2 ul li.active::after {
		width: 1px;
		top: 10px;
		bottom: 10px;
	}
	nav.sty2 ul li a {
		padding: 0;
		line-height: 40px;
		margin-left: 20px;
	}
	.topToolBlock {
		top: 11px;
	}
	.topToolBlock .top_alert {
		margin-left: 0px;
	}
	.topToolBlock .top_filter {
		margin-left: 0px;
	}
	.topToolBlock .top_search {
		margin-left: 0px;
	}
	.topToolBlock .top_login {
		margin-left: 0px;
	}
	.searchBlock {
		width: 270px;
	}
	footer {
		padding: 30px 4% 80px;
	}
	footer ul li {
		display: inline-block;
		margin: 10px 20px;
	}
	footer p {
		font-size: .5rem;
		letter-spacing: .05rem;
		color: #666;
	}
	/* index_m */
	.mIndexListBlock {
		padding: 40px 4% 0;
	}
	.mIndexListBlock .list_item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #222222;
		border-radius: 8px;
		overflow: hidden;
		-webkit-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.5);
		margin-bottom: 10px;
	}
	.mIndexListBlock .list_item .pic {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56%;
		background-color: #000;
	}
	.mIndexListBlock .list_item .pic img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mIndexListBlock .list_item .pic::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0,
			0, 0, 0)), to(#282828));
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #282828
			100%);
		background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #282828 100%);
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #282828 100%);
	}
	.mIndexListBlock .list_item .title {
		padding: 10px 20px;
		margin: -10px 0;
		position: relative;
	}
	.mIndexListBlock .list_item .title h2 {
		font-size: 1.125rem;
		line-height: 140%;
		margin-bottom: 5px;
	}
	.mIndexListBlock .list_item .title p {
		font-size: 0.875rem;
		line-height: 140%;
		color: #A69070;
	}
	.mIndexListBlock .list_item .title::before {
		content: "";
		position: absolute;
		left: 0;
		top: 10px;
		bottom: 20px;
		width: 6px;
		background: -webkit-linear-gradient(315.28deg, #FECF60 0%, #A79067 100%);
		background: -o-linear-gradient(315.28deg, #FECF60 0%, #A79067 100%);
		background: linear-gradient(134.72deg, #FECF60 0%, #A79067 100%);
	}
	.mIndexListBlock .list_item .title.sty2 p {
		color: #1FC1FF;
	}
	.mIndexListBlock .list_item .title.sty2::before {
		background: -webkit-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
		background: -o-linear-gradient(315.28deg, #31D9FF 0%, #8E8EFF 100%);
		background: linear-gradient(134.72deg, #31D9FF 0%, #8E8EFF 100%);
	}
	.mIndexListBlock .list_item .title.sty3 p {
		color: #50E3C2;
	}
	.mIndexListBlock .list_item .title.sty3::before {
		background: -webkit-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
		background: -o-linear-gradient(315.28deg, #3FD750 0%, #24CBFF 100%);
		background: linear-gradient(134.72deg, #3FD750 0%, #24CBFF 100%);
	}
	.mIndexListBlock .list_item .tag_cp {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.mIndexListBlock .list_item .tag_cp img {
		width: auto;
		height: 35px;
	}
	.mIndexListBlock .list_item .tag_live {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 85px;
		height: 32px;
		background: url(../images/icon_live_now.png) no-repeat;
		background-size: 85px auto;
	}
	.mIndexListBlock .list_item .tag_playing {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 85px;
		height: 32px;
		background: url(../images/ic_playing.svg) no-repeat;
		background-size: 85px auto;
	}
	/* list */
	.list_item .pic img {
		opacity: 1;
	}
	/* banner */
	.btn_prev, .btn_next {
		display: none;
	}
	.swiper-container-initialized:hover .btn_prev,
		.swiper-container-initialized:hover .btn_next {
		display: none;
	}
	.pagination {
		padding: 15px 0;
	}
	.banner-silder {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.banner-silder .list_item {
		width: 100%;
	}
	.banner-silder .list_item .pic {
		margin-left: 0%;
		width: 100%;
	}
	.banner-silder .list_item .pic::before {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255
			, 255, 255, 0)), to(#000000));
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 60%,
			#000000 100%);
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 60%, #000000
			100%);
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #000000
			100%);
	}
	.banner-silder .list_item .title {
		margin-top: -10px;
		z-index: 2;
		position: relative;
		top: 0px;
		left: 0;
		padding-left: 20px;
	}
	.banner-silder .list_item .title p {
		font-size: 1rem;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 10px;
	}
	.banner-silder .list_item .title h2 {
		font-size: 1.125rem;
		color: #fff;
	}
	.banner-silder .list_item .title .time {
		margin-bottom: 5px;
	}
	.banner-silder .list_item .title .time .t_day {
		font-size: 24px;
		width: 80px;
	}
	.banner-silder .list_item .title.sty4 h2, .banner-silder .list_item .title.sty5 h2,
		.banner-silder .list_item .title.sty6 h2, .banner-silder .list_item .title.sty7 h2
		{
		font-size: 1.125rem;
		line-height: 140%;
		margin-bottom: 0px;
	}
	.banner-silder .list_item .title.sty4 p, .banner-silder .list_item .title.sty5 p,
		.banner-silder .list_item .title.sty6 p, .banner-silder .list_item .title.sty7 p
		{
		font-size: 0.875rem;
		line-height: 140%;
		color: #ccc;
	}
	.banner-silder .list_item .title.sty_ad h2 {
		font-size: 1.125rem;
		color: #fff;
	}
	.banner-silder .list_item.swiper-slide-active .title {
		left: 0px;
		right: 0px;
	}
	.banner-silder .list_item .tag_live {
		top: 10px;
		left: 20px;
		width: 80px;
		height: 30px;
	}
	.banner-silder .list_item .tag_playing {
		top: 10px;
		left: 20px;
		width: 80px;
		height: 30px;
	}
	.banner-silder .list_item .tag_free {
		top: auto;
		bottom: 90px;
		left: 20px;
		width: 100px;
	}
	.banner-silder .pagination {
		display: none;
	}
	/*banner-slider-home*/
	.banner-silder-home {
		padding-top: 60px;
		padding-bottom: 50px;
		background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%,
			rgba(0, 0, 0, 0) 40%);
	}
	.banner-silder-home .list_item {
		width: 100%;
	}
	.banner-silder-home .list_item .pic {
		margin-left: 0%;
		left: 0%;
		width: 100%;
		max-height: 445px;
	}
	.banner-silder-home .list_item .note {
		background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%,
			rgba(0, 0, 0, 0) 40%);
	}
	.banner-silder-home .list_item .tag_live {
		top: 10px;
		left: 10px;
	}
	.banner-silder-home .list_item .tag_playing {
		top: 10px;
		left: 10px;
	}
	.banner-silder-home .list_item .tag_free, .banner-silder-home .list_item .tag_free1
		{
		top: 140px;
		left: 10px;
	}
	.banner-silder-home .list_item .title {
		margin-left: -30px;
		top: 180px;
	}
	.banner-silder-home .list_item .title .area {
		color: #ffffff;
		background-color: #181818;
		opacity: 0.7;
		border-radius: 4px;
		border-color: rgba(0, 0, 0, 0);
		background-size: auto 100%;
		width: 66px;
		height: 22px;
		position: absolute;
		top: -170px;
		right: -40px;
		text-align: center;
		z-index: 2;
		font-size: 0.75rem;
		line-height: 22px;
		font-family: "PingFang TC";
	}
	.banner-silder-home .list_item .title .area.categoryStyle1 {
		color: #ffffff;
		border-color: rgba(0, 0, 0, 0);
	}
	.banner-silder-home .list_item .title p {
		font-size: 0.9375rem;
		line-height: 16px;
		/*color:#8a8a8a;*/
	}
	.banner-silder-home .list_item .title p.categoryStyle1 {
		
	}
	.banner-silder-home .list_item .title h2 {
		line-height: 20px;
		font-size: 1.25rem;
	}
	.banner-silder-home .pagination {
		display: none;
	}
	.banner-silder-home .list_item .title .time {
		font-size: 1rem;
		margin-left: 0px;
	}
	.banner-silder-home .list_item .title .time .t_day {
		font-size: 1.75rem;
		color: #ffffff;
	}
	.banner-silder-home .list_item .title.sty4 .t_day, .banner-silder-home .list_item .title.sty5 .t_day,
		.banner-silder-home .list_item .title.sty6 .t_day, .banner-silder-home .list_item .title.sty7 .t_day
		{
		-webkit-text-fill-color: #ffffff;
	}
	.banner-silder-home .list_item .title .replay {
		display: none;
	}
	.banner-silder-home .list_item .title .movie_metadata {
		display: none;
	}
	.banner-silder-home .list_item .title .togo {
		display: none;
	}
	/*banner-topthree*/
	.banner-topthree {
		/*display:none;*/
		
	}
	.banner-topthree .list_item .tag_live {
		top: 10px;
		left: 10px;
		width: 46px;
		height: 19px;
	}
	.banner-topthree .list_item .tag_playing {
		top: 10px;
		left: 10px;
		width: 46px;
		height: 19px;
	}
	.banner-topthree .list_item .tag_free {
		top: 30px;
		left: 10px;
		width: 34px;
		height: 15px;
	}
	.banner-topthree .list_item .area {
		
	}
	.banner-topthree .list_item .title p {
		font-size: 0.3rem;
		margin-bottom: 0px;
	}
	.banner-topthree .list_item .title h2 {
		font-size: 0.6rem;
	}

	/* content */
	.content-wrapper {
		padding-top: 20px;
	}
	.content-wrapper-ui03 {
		padding-top: 0px;
		margin-top: -10px;
	}
	.content-wrapper section {
		margin-bottom: 20px;
	}
	.content-wrapper section .content {
		margin-bottom: 20px;
	}
	.content-wrapper section.sty2 {
		margin-bottom: 0px;
	}
	.content-wrapper section>.title.centerType h2 {
		background-size: auto 30px;
		line-height: 30px;
		margin-bottom: 0;
	}
	.content-wrapper section>.title.centerType h2 span {
		font-size: 1.25rem;
		margin: 0px 0 0 35px;
	}
	.content-wrapper section>.title_in {
		margin-bottom: 10px;
	}
	.content-wrapper section>.title_in h2 {
		font-size: 1.25rem;
		line-height: 1.2em;
	}
	.content-wrapper section>.title_in .tab {
		display: block;
		position: static;
		margin-top: 10px;
	}
	.content-wrapper section.bg_rental {
		padding: 30px 0 10px;
	}
	.content-wrapper.twoCol {
		padding: 60px 4% 0;
	}
	.content-wrapper.twoCol .main {
		margin-right: 0px;
	}
	.content-wrapper.twoCol .sidebar {
		display: none;
	}
	.content-wrapper.memberType {
		padding-top: 0px;
	}
	.content-wrapper.memberType .content {
		padding: 20px 4%;
	}
	.content-wrapper.faqType {
		padding: 80px 4% 0;
	}
	.content-wrapper.newsType {
		padding: 80px 4% 0;
	}
	.content-wrapper.set2 {
		min-height: 0;
	}
	.content-wrapper.webView {
		padding: 30px 4% 0;
	}
	.singleCouponType .content { /*2020*/
		padding: 10px 4%;
	}


	/* list */
	.movieListBlock::before, .movieListBlock::after {
		display: none;
	}
	.tvListBlock {
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
	}
	.tvListBlock .list_item {
		float: none;
		margin-right: 0;
		width: auto;
		padding: 10px 10px 10px 0;
		min-height: 0;
	}
	.tvListBlock .list_item .box {
		width: 60px;
	}
	.tvListBlock .list_item .pic a {
		background-color: #ddd;
	}
	.tvListBlock .list_item .pic .time {
		font-weight: bolder;
	}
	.tvListBlock .list_item .com h3 {
		font-size: 1.125rem;
	}
	.tvListBlock .list_item .com p {
		font-size: 1rem;
		letter-spacing: 0;
	}
	.sportListBlock::before, .sportListBlock::after {
		display: none;
	}
	.multiEntryListBlock {
		padding: 0 10% 0 4%;
		margin-top: 20px;
	}
	.multiEntryListBlock .list_item { /*2020*/
		padding: 14px 0px 14px 0px;
	}
	.multiEntryListBlock .list_item img { /*2020*/
		height: 18px;
	}
	.multiEntryListBlock .list_item .subscribed { /*2020*/
		width: 12px;
		height: 12px;
		background-size: 12px auto;
	}
	.reportListBlock::before, .reportListBlock::after {
		display: none;
	}
	.liveListBlock {
		padding: 0 4%;
		margin-bottom: 10px;
	}
	.liveListBlock .date {
		padding: 5px 20px;
	}
	.liveListBlock .list_item {
		padding: 10px 60px 10px 20px;
	}
	.liveListBlock .list_item.multi-angle {
		padding: 30px 60px 10px 30px;
	}
	.liveListBlock .list_item.multi-angle .bt_play, .liveListBlock .list_item.multi-angle .bt_older
		{
		top: 55px;
	}
	.liveListBlock .list_item .tag img {
		max-height: 70px;
	}
	.liveListBlock .list_item .pic {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.liveListBlock .list_item .vs {
		top: 10px;
		margin-top: 0;
	}
	.liveListBlock .list_item .vs .team {
		margin: 0 5px;
	}
	.liveListBlock .list_item .bt_play {
		right: 10px;
	}
	  .liveListBlock .list_item .bt_older {
        right: 5px;
        margin-top: -15px;
        line-height: 30px; }
        .liveListBlock .list_item .bt_older a {
          padding: 0 10px; }
	.liveListBlock.sty2 .list_item .time {
		margin-bottom: 35px;
	}
	.eventListBlock.sty2 .list_item {
		float: none;
		width: auto;
	}
	.watchListBlock {
		padding: 0 20% 0 4%;
	}
	.watchListBlock .list_item .title h4 {
		font-size: 0.875rem;
	}
	.watchListBlock::before, .watchListBlock::after {
		display: none;
	}
	.vodListBlock {
		padding: 0 20% 0 4%;
	}
	.vodListBlock .list_item .pic {
		margin-bottom: 0px;
	}
	.vodListBlock .list_item .pic img {
		opacity: 0.8;
	}
	.vodListBlock .list_item .title h4 {
		font-size: .9rem;
		height: 2.8em;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.vodListBlock .list_item.kol
	{
		margin:25px 15px 0;
	}
	.vodListBlock .list_item .title.kol h4 {
		height:auto;
		/*-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;*/
		display: block;		
		/*overflow: hidden;*/	
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.vodListBlock .list_item .subTitle {
		text-align:center;
	}
	
	.vodListBlock .list_item .subTitle h4 {
		font-size: 0.9rem;
		line-height: 100%;
		color: #bbb;
		font-weight: normal;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}		
		
	.vodListBlock::before, .vodListBlock::after {
		display: none;
	}
	.vodListBlock.sty2 {
		padding: 0 4%;
	}
	.vodListBlock.sty2 .list_item {
		margin-right: 2%;
		width: 49%;
		margin-bottom: 30px;
		/*&:nth-of-type(2n+0) {
        margin-right: 0;
      }*/
	}
	.vodListBlock.sty2 .list_item:nth-of-type(8n+0) {
		margin-right: 2%;
	}
	.vodListBlock.sty2 .list_item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	/* player */
	.player_tv {
		margin: 0 -4% 20px;
	}
	.player_main .title {
		top: 10px;
		left: 40px;
		right: 40px;
	}
	.player_main .title h2 {
		font-size: 24px;
	}
	.player_main .title p {
		font-size: 16px;
	}
	.player_main .btBack {
		position: absolute;
		left: 0px;
		top: 10px;
	}
	.player_main .btBack a {
		display: block;
		height: 40px;
	}
	.player_main .btBack a:after {
		top: 10px;
		width: 20px;
		height: 20px;
	}
	.player_main .chromecast {
		right: 10px;
		top: 15px;
	}
	.player_main .controler .btPlay {
		margin: 0 10px;
	}
	.player_main .toolbar {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
		line-height: 30px;
	}
	.player_main .toolbar .streaming {
		line-height: 30px;
	}
	.player_main .toolbar .goPlay a {
		line-height: 26px;
		font-size: 14px;
	}
	.player_main .toolbar .processbar {
		padding: 5px 0 0;
	}
	.player_main .toolbar .processbar .bar_range {
		height: 4px;
		margin: 13px 0;
	}
	.player_main .toolbar .processbar .bar_range .bar_main {
		height: 4px;
	}
	.player_main .toolbar .processbar .bar_range .bar_main span {
		top: -5px;
		right: -8px;
	}
	 .player_main .freeViewer {
    width: 120px; }
	.player_program .content {
		padding: 20px 10px 10px 20px;
	}
	.player_program .content .program_class {
		margin-right: 20px;
	}
	.player_program .content .program_class li {
		margin-bottom: 10px;
	}
	.player_program .content .program_class_in li {
		margin: 0 10px 10px 0;
	}
	.player_program .program_bar {
		padding: 5px 20px;
	}
	.player_title .pic {
		display: none;
	}
	.player_title .com h3 {
		font-size: 1.5rem;
	}
	.player_title .com p {
		font-size: 1rem;
	}
	/* detail */
	.mobileMode .info-wrapper {
		text-align: center;
	}
	.mobileMode .info-wrapper .info-silder {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 200px;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.mobileMode .info-wrapper .info-silder img {
		display: block;
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.mobileMode .info-wrapper .info-silder::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background: url(../images/overlay.png),
			-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(24,
			24, 24, 0)), to(#181818));
		background: url(../images/overlay.png),
			-webkit-linear-gradient(top, rgba(24, 24, 24, 0) 50%, #181818 100%);
		background: url(../images/overlay.png),
			-o-linear-gradient(top, rgba(24, 24, 24, 0) 50%, #181818 100%);
		background: url(../images/overlay.png),
			linear-gradient(180deg, rgba(24, 24, 24, 0) 50%, #181818 100%);
	}
	.mobileMode .detail-wrapper { /*202008*/
		position: relative;
		margin-top: -60px;
		z-index: 2;
	}
	.mobileMode .detail-wrapper .com .title h2 { /*202008*/
		font-family: "Noto Sans TC", sans-serif;
		font-size: 1.1875rem;
		margin-bottom: 2px;
		font-weight: normal;
		line-height: 110%;
	}
	.mobileMode .detail-wrapper .com .title h3 { /*202008*/
		Font-size: 0.625rem;
		margin-bottom: 5px;
		letter-spacing: .02rem;
		font-weight: normal;
		line-height: 110%;
		color: #eee;
	}
	.mobileMode .detail-wrapper .title p { /*202008*/
		font-size: 0.8125rem;
		margin-bottom: 20px;
	}
	.mobileMode .detail-wrapper .btArea .trailer { /*202008*/
		font-size: 0.875rem;
		line-height: 30px;
		min-width: 0;
		padding: 0 24px;
	}
	.mobileMode .detail-wrapper .icon_auth { /*202008*/
		/*margin: 0 4%;*/
		margin-left: -5px;
	}
	.mobileMode .detail-wrapper .icon_auth i { /*202008*/
		background-color: transparent;
		margin-right: 5px;
	}
	.mobileMode .detail-wrapper .icon_auth .authOther { /*202008*/
		position: absolute;
		z-index: 2;
		right: auto;
		left: 45px;
	}
	.mobileMode .detail-wrapper .icon_auth .authOther::after { /*202008*/
		right: auto;
		left: -7px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.mobileMode .detail-wrapper {
		padding: 0 4%;
	}
	.mobileMode .detail-wrapper .top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.mobileMode .detail-wrapper .box {
		width: 140px;
		margin-right: 10px;
	}
	.mobileMode .detail-wrapper .box .pic {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 143%;
		background-color: #000;
		margin-bottom: 20px;
	}
	.mobileMode .detail-wrapper .box .pic img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mobileMode .detail-wrapper .box .btArea {
		margin-bottom: 0;
	}
	.mobileMode .detail-wrapper .com {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.mobileMode .detail-wrapper .com .list_detail {
		margin-bottom: 10px;
	}
	.mobileMode .detail-wrapper .com .list_detail li { /*202008*/
		margin-bottom: 5px;
		padding-left: 42px;
		text-indent: -37px;
	}
	.mobileMode .detail-wrapper .com .list_detail h3 { /*202008*/
		color: #888;
		font-size: 0.8125rem;
		margin-right: 10px;
		display: inline;
		font-weight: normal;
	}
	.mobileMode .detail-wrapper .com .list_detail p { /*202008*/
		color: #eee;
		margin-left: -3px;
		display: inline;
		font-size: 0.875rem;
	}
	.mobileMode .detail-wrapper .com .list_detail p a { /*202008*/
		margin-right: 8px;
		font-weight: normal;
		padding: 4px 7px;
		white-space: nowrap;
		line-height: 2rem;
		border: 1px solid #979797;
		border-radius: 4px;
	}
	.mobileMode .detail-wrapper .com .list_detail p .celeb_channel {
		/*202008*/
		margin-right: 8px;
		font-weight: normal;
		padding: 4px 7px;
		white-space: nowrap;
		line-height: 2rem;
		border: 1px solid #979797;
		border-radius: 4px;
	}
	.mobileMode .detail-wrapper .descript {
		color: #eee;
		margin-bottom: 20px;
		padding-right: 40px;
		position: relative;
	}
	.mobileMode .detail-wrapper .descript.close {
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.mobileMode .detail-wrapper .descript.close .bt::after {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.mobileMode .detail-wrapper .descript .bt {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		right: 0;
	}
	.mobileMode .detail-wrapper .descript .bt::after {
		content: "";
		position: absolute;
		top: 10px;
		right: 10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
    .mobileMode div.hollyTag{
		 position: absolute;
   	 	 left: 6px;
   		 bottom: 6px;
   		 font-size: 14px;
   		 line-height: 20px;
  		 padding: 0 9px;
   		 z-index: 1;
		 color: #FFF;
  		 font-weight: normal;
  		 background-color: rgba(0,0,0,0.7);
  		 border-radius: 10px;
  	}  	
	.mobileMode .meataImdbRating { /*202008*/
		color: #50E3C2;
	}
	.mobileMode .meataImdbRating.rent { /*202008*/
		color: #CDB187;
	}
	.mobileMode .detail-wrapper .com .list_detail p.starRating { /*202008*/
		color: #888;
	}
	.mobileMode .stars i { /*202008*/
		width: 14px;
		height: 14px;
	}
	.bt_stars {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 18px; /*202008*/
		margin-bottom: 30px;
	}
	.bt_stars>span {
		display: block;
		font-size: 0.875rem;
		margin-right: 10px;
	}
	.bt_stars .in {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		line-height: 35px;
	}
	.list_program {
		margin-bottom: 0;
	}
	.list_program .program_class .item {
		font-size: 1rem;
		margin: 0 0px 0px 0;
	}
	.list_program .program_class .item a {
		border-radius: 10px 0 0 0;
	}
	.list_program .program_class_in li {
		font-size: 0.875rem;
		width: 19.2%;
		line-height: 50px;
	}
	.list_program .program_class_in li:nth-of-type(10n+0) {
		margin-right: 1%;
	}
	.list_program .program_class_in li:nth-of-type(5n+0) {
		margin-right: 0;
	}
	/* twoCol List */
	.programListBlock .list_item {
		padding: 10px 15px;
	}
	/* member List */
	.tvfavorListBlock .list_item {
		padding: 0px 55px 0 0px;
		float: none;
		margin: 0 0% 10px 0;
		width: auto;
	}
	.tvfavorListBlock .list_item .tool_bt {
		left: auto;
		right: 0;
	}
	.dramafavorListBlock .list_item {
		padding: 0px 55px 0 0px;
		float: none;
		margin: 0 0 10px 0;
		width: auto;
	}
	.dramafavorListBlock .list_item .tool_bt {
		left: auto;
		right: 0;
	}
	.historyListBlock .list_item {
		float: none;
		margin: 0 0 20px 0;
		width: auto;
	}
	.msgListBlock .list_item {
		padding: 20px 20px 20px 55px;
		background-size: 20px auto;
		background-position: 20px 20px;
	}
	.msgListBlock .list_item h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.msgListBlock .list_item p {
		font-size: 1rem;
		margin-bottom: 10px;
	}
	.purchaseListBlock .purchaseTitle{
/*		display: flex;*/
 /*		flex-direction: row; */
/* 		padding: 5px; */
/* 		font-size: 15px; */
/* 	    color: #AAAAAA; */
/* 	    background-color: #282828;	 */
		display:none;
	}
	.purchaseListBlock a{
	    display: block;
	}
	
	.purchaseListBlock .purchaseTitle .buyDate{
		display:none;
	}
	.purchaseListBlock .title{
		width:50%;
	}
	.purchaseListBlock .endDate{
		width:25%;
	}
/* 	.purchaseListBlock .buyDate{ */
/* 		width:25%; */
/* 	} */
	.purchaseListBlock .price{
		width:25%;
		text-align:right
	}
	
	.purchaseListBlock .list_item{
		flex-direction: row;
		font-size: 13px;
	    color: #888888;	
	    background-color: #222222;	
	    padding:3px 5px 6px 5px;
	    height: 80px;
	  	margin: 0 0 3px 0;
	    
	}
	.purchaseListBlock .list_item .title{
	    font-size:16px;
	    -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    color: #FFFFFF;	
	    height: 18px;
	    width: 100%;
	    padding: 0 5px;
	    margin: 3px 0 10px 0;
	}   
	
	.purchaseListBlock .list_item .endDate{
		font-size: 13px;
	    margin: auto;
	    width: 100%;
	    padding: 0 5px;
	}      
 	.purchaseListBlock .list_item .buyDate{ 
 		display:none; 
 	} 
	.purchaseListBlock .list_item .price{ 
 		font-size: 13px;
 		margin: auto;
	    width: 100%;
	    text-align:left;
	    color:#888888;
	  /*  padding: 0 5px;*/
 		
 	} 
 	
 	.purchaseListBlock .list_item .purchaseMobileShow{
 		display:inline;
 		color:#888888;
 	}
 	
 	.noSalesplanDesc{
 		padding: 15vh 4%;
		font-size: 16px;
		line-height:26px;
	}
	.buyListBlock {
		margin-bottom: 20px;
	}
	.buyListBlock .list_item {
		float: none;
		margin: 0 0 10px 0;
		width: auto;
		text-align: left;
	}
	.buyListBlock .list_item .com {
		height: auto;
		min-height: 100px;
		padding: 20px 20px 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.buyListBlock .list_item h3 {
		font-size: 26px;
		margin-bottom: 15px;
		padding-bottom: 0px;
		padding-right: 40px;
		display: inline-block;
	}
	.buyListBlock .list_item p {
		margin-bottom: 10px;
	}
	.buyListBlock .list_item .rent {
		bottom: 10px;
		left: 20px;
		letter-spacing: 0;
		font-size: 0.75rem;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.buyListBlock .list_item .bt {
		position: absolute;
		z-index: 2;
		top: auto;
		bottom: 10px;
		right: 10px;
		padding: 0;
		margin-bottom: 0;
		line-height: 30px;
	}
	.buyListBlock .list_item .bt a {
		font-size: 0.875rem;
		line-height: 30px;
		min-width: 0;
	}
	.buyListBlock .list_item .check {
		position: static;
		padding: 0 0px 0 0px;
	}
	.buyListBlock .list_item .info {
		padding: 10px 15px;
		font-size: 0.75rem;
	}
	.buyListBlock .list_item .info .ticketCount { /*2020*/
		font-size: 1.5rem;
	}
	.buyListBlock .list_item.vipType h3 {
		background: url(../images/ico_vip.svg) right center no-repeat;
	}
	.buyBlock.popup.df{
		max-width: 435px; 
  	  	width: 92%;
	}
	.buyBlock .com.generalBuyBlock{
		width:auto;
	}
	.buyBlock .com.generalBuyBlock.orderedSubProductHintBlock{
		width:auto;
		max-width:435px;
	}	
	.popup .com.selectSportTeamBlock{
    	width: auto; 
    	background-color: #424242; 
	}
	.popup .com.selectSportTeamBlock .title{
   	 	font-size: 22px;
    	padding: 58px 4% 0;
	}
	.popup .com.selectSportTeamBlock .subtitle{
   	 	font-size: 14px;
    	padding: 10px 4% 0;
	}

	.selectSportTeamBlock .sportTeamPics {
	    padding: 20px 0 0 0;
	}
	.selectSportTeamBlock .btArea {
	    padding: 20px 0 0 0;
	}
	.selectSportTeamBlock .btArea a {
	    line-height: 40px;
	    width: 136px;
	    font-size:17px;
	}
	.selectSportTeamBlock .noticeBlock {
    	padding: 0 4% 20px;
	}
	
	
	.popup .com.orderedSubProductHintBlock .title{
		font-size:24px;
		padding: 40px 0 20px;
	}

	.popup .com.orderedSubProductHintBlock .subtitle{
	    font-size: 16px;
	    padding: 0 27px 60px;  
	    color: #FFFFFF;
	}
	.btArea.buyConfirm a {
	    font-size: 17px;
	}
	.btArea.buyConfirm{
		line-height: 40px;
		padding: 0 5% 78px;
	}

	.btArea.buyConfirm .clickSelectSportTeam{
		width: 136px;
		padding: 0;
    	min-width: 136px;
	}
	.btArea.buyConfirm .cancelSelectSportTeam{
		width: 136px;
		padding: 0;
    	min-width: 136px;
    	background: none;
    	border: solid 1px #EEEEEE;
	}
	
	.popup .com.selectSportTeamBlock .cancelSelectSportTeam{
		background: none;
	}
	
	
	.couponListBlock .list_item {
		float: none;
		margin: 0 0 10px 0;
		width: auto;
	}
	/* news */
	.newsType {
		display: block;
	}
	.newsType .main h2 {
		font-size: 1.625rem;
	}
	.newsType .main h2 span {
		font-size: 1rem;
	}
	.newsType .main .fontArea {
		margin-bottom: 20px;
	}
	.newsType .main .content {
		margin-bottom: 20px;
	}
	.newsType aside {
		width: auto;
		margin-left: 0px;
		padding-top: 0px;
	}
	.pic-silder {
		padding: 0px 0px 0;
	}
	.pic-silder .list_item img {
		max-height: none;
	}
	/* faq */
	.faqType aside {
		display: none;
	}
	.faqType .faqM h3 {
		margin-bottom: 10px;
		font-family: "Noto Sans TC", sans-serif;
		font-weight: normal;
		font-size: 1.25rem;
		color: #eee;
	}
	.faqType .faqM ul {
		border-radius: 2px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.faqType .faqM li {
		display: block;
		background-color: #383838;
		margin-bottom: 1px;
		font-size: 0.9rem;
	}
	.faqType .faqM li a {
		position: relative;
		color: #aaa;
		display: block;
		padding: 15px 50px 15px 20px;
	}
	.faqType .faqM li a::after {
		content: "";
		position: absolute;
		top: 0px;
		right: 10px;
		bottom: 0;
		background: url(../images/ico_back.svg) center center no-repeat;
		background-size: 30px auto;
		width: 30px;
		-webkit-transform: rotate(0.5turn);
		-ms-transform: rotate(0.5turn);
		transform: rotate(0.5turn);
	}
	.faqType .faqM li.active a {
		color: #50e3c2;
	}
	.faqType .faqM li.active a::after {
		background-image: url(../images/ico_back_color.svg);
	}
	/* tab */
	.title-wrapper {
		padding: 0px 0 0;
	}
	.title-wrapper h2.centerType {
		font-size: 24px;
		margin: 60px 0 30px;
	}
	.title-wrapper h2.centerType.alertMsg {
		padding: 300px 50px 0px 50px;
	}
	.title-wrapper h2.singleCouponType { /*2020*/
		margin: 37px 0 17px;
	}
	.title-wrapper.set2 {
		padding: 60px 4%;
	}
	.title-wrapper.setIn {
		padding: 0px 4%;
	}
	.title-wrapper.memberType {
		padding: 60px 0 0;
	}
	.title-wrapper.webView {
		padding-top: 0;
	}
	.title-wrapper.webView .centerType {
		margin: 30px 0 30px;
	}
	.title-wrapper .search {
		margin: 60px auto;
		width: 90%;
	}
	.title-wrapper .tabArea {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.title-wrapper .tabArea ul {
		display: block;
		padding: 0 0px;
	}
	.title-wrapper .tabArea li {
		font-size: 1.125rem;
		line-height: 50px;
		margin: 0 5px;
	}
	.title-wrapper .tabArea.sty_vod ul {
		padding: 10px 10px;
		position: relative;
	}
	.title-wrapper .tabArea.sty_vod ul::before {
		content: "";
		width: 30px;
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		bottom: 0;
		background: -webkit-gradient(linear, left top, right top, from(#000),
			to(rgba(0, 0, 0, 0)));
		background: -webkit-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
		background: -o-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
	}
	.title-wrapper .tabArea.sty_vod ul::after {
		content: "";
		width: 30px;
		position: absolute;
		z-index: 2;
		right: 0;
		top: 0;
		bottom: 0;
		background: -webkit-gradient(linear, right top, left top, from(#000),
			to(rgba(0, 0, 0, 0)));
		background: -webkit-linear-gradient(right, #000 0%, rgba(0, 0, 0, 0)
			100%);
		background: -o-linear-gradient(right, #000 0%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 100%);
	}
	.title-wrapper .tabArea.sty_member {
		text-align: left;
	}
	.title-wrapper .tabArea.sty_member li {
		font-size: 18px;
		margin: 0 0 0 15px;
	}
	.title-wrapper .tabArea.sty_member.twoType {
		text-align: center;
		padding: 0 4%;
	}
	.title-wrapper .tabArea.sty_member2 li {
		font-size: 1rem;
	}
	.title-wrapper .bt_fliter {
		right: 0;
		display: none;
	}
	.title-wrapper .bt_edit {
		right: 4%;
		top: 80px;
	}
	.singleCoupon.noSingleCouponTitle { /*2020*/
		padding: 50px;
	}
	.singleCoupon.pic { /*2020*/
		margin: 5px 0px 0px 0px;
		padding: 0px;
	}
	.singleCoupon.ticketTitle { /*2020*/
		padding: 0px 4%;
		display: flex;
		align-items: center;
	}
	.singleCoupon.ticketTitle .mainTitle { /*2020*/
		width: 138px;
	}
	.btArea {
		margin-bottom: 10px;
	}
	.btArea a {
		margin: 0 10px 10px;
		min-width: 0px;
	}
	.btArea a.share, .btArea a.favor {
		width: 36px;
		height: 36px;
		background-size: 20px auto;
	}
	.btArea a.vod, .btArea a.rent, .btArea a.live , .btArea a.reminder {
		line-height: 40px;
		min-width: 0px;
		padding: 0 20px;
		-webkit-box-shadow: 0 -0.08rem 0.15rem 0 rgba(0, 0, 0, 0.05);
		box-shadow: 0 -0.08rem 0.15rem 0 rgba(0, 0, 0, 0.05);
		font-size: 1rem;
		/*min-width: 100px;*/
	}
	.btArea a.rent.buy.multiMonthBtn { /*202008*/
		position: relative;
		top: -10px;
		padding-bottom: 15.5px;
		padding-top: 15.5px;
	}
	.btArea a.rent.buy.single.multiMonthBtn { /*202008*/
		top: 0px;
	}
	.btArea a.rent.buy.btnSubTitle.singleTitle { /*202008*/
		padding-bottom: 0px;
	}
	.btArea a.playSty {
		padding-left: 40px;
	}
	.btArea a.playSty::before {
		top: 15px;
		left: 20px;
	}
	.btArea.mobileButton { /*202008*/
		margin-top: 18px;
		margin-bottom: 9px;
	}
	.filter-wrapper {
		padding: 70px 4% 0;
	}
	.filter-wrapper .list_tab {
		margin-bottom: 20px;
		white-space: nowrap;
	}
	.filter-wrapper .list_tab li {
		margin: 0 10px 0px 0;
		line-height: 30px;
		font-size: 1rem;
	}
	/* popup */
	.popup {
		top: 60px;
	}
	.popup.purchase {
	   	width:300px;  
		height:190px;    
	}

	.popup.purchase p.purchaseItemTitle{
		font-size:18px;
		margin: 0 0 15px;
	}
	.popup.purchase p.smallP{
		font-size:16px;
	}
	
	.popup .bt_close {
		top: 0px;
		right: 10px;
	}
	.popup .com {
		padding: 40px 20px 20px;
	}
	.popup .com h2 {
		margin-bottom: 30px;
	}
	.popup.wide>.com {
		padding: 40px 20px 20px;
	}
	.popup.adSet{
		max-width: 320px;
	}
	.popup.adSet p {
		font-size: 14px;
		margin-top: 10px;
	}
	.popup.adSet .noShow {
		position: absolute;
		z-index: 1;
		left: auto;
		bottom: auto;
		top: -40px;
		right: 0;
	}
	.popup.showMsgPopup {
		width: 80%;
	}
	.popup.showMsgPopup .bt_close {
		right: 0px;
	}
		
	.popupDevice .popupAuthDevice{
		padding:10px;
		margin:10px 30px;
	}
	
	.popupDeviceNotSupport{
		color:#FFAA00;
		text-align:center;
		font-size:16px;
		font-weight:600;
		margin-top: 20px;
	}	
	.popup.product .com .popupBtSet{
	  margin: 10px auto;
	  width: fit-content;
	}
	
	.popup.product .com .popupBtSet .btCancel{
	  margin: 0 6px;
	  display:inline-block;
	 
	}
	
	.popup.product .com .popupBtSet a{
	  padding: 7px 20px;  
	  border: 2px solid #EEEEEE;
	  border-radius: 20px;
	  color:#EEEEEE;
	  text-align: center;
	  vertical-align: middle;
	  line-height:30px;
	}
	
	.bt_close.showMsgBtn:before {
		width: 30px;
	}
	.bt_close.showMsgBtn:after {
		width: 30px;
	}
	.showMsgContent {
		padding: 40px 10px;
	}
	.showMsgContent h2 {
		font-size: 24px;
	}
	.bt_close_ad {
		right: auto;
		left: 0;
		top: -40px;
	}
	.lockBlock {
		padding: 20px 0;
	}
	.lockBlock .bt {
		line-height: 40px;
	}
	.lockBlock .bt a {
		min-width: 120px;
		font-size: 1rem;
	}
	/* float */
	.float {
		bottom: 80px;
	}
	.float .com {
		height: 100px;
	}
	.memberBlock {
		padding: 50px 0;
		width: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.memberBlock .bt_close {
		top: 5px;
		left: 10px;
	}
	.memberBlock .com {
		padding: 0px 0;
		margin: 0 auto;
		width: 300px;
	}
	.memberBlock .com ul {
		padding: 0 10px;
	}
	.cookieInfo {
		padding: 4px 3px;
	}
	.cookieInfo .cookie {
		padding: 16px 4%;
	}
	.cookieInfo .cookieBtn {
		padding: 2px 5px;
	}
}