@font-face {
    font-family: BrushScriptStd;
    src: url(fonts/Brush-Script-Std-Medium_8614.ttf);
}
@font-face {
    font-family: NanumGothic;
    src: url(fonts/NANUMGOTHIC-REGULAR-2.TTF);
}
@font-face {
    font-family: NanumGothic-bold;
    src: url(fonts/NANUMGOTHIC-BOLD.TTF);
}
@font-face {
    font-family: Lora;
    src: url(fonts/LORA-REGULAR.TTF);
}
@font-face {
    font-family: Lora-bold;
    src: url(fonts/LORA-BOLD.TTF);
}
@font-face {
    font-family: Lora-italic;
    src: url(fonts/LORA-ITALIC.TTF);
}
@font-face {
	font-family: Poppins;
	src: url(fonts/Poppins-Regular.ttf)
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
 u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
	overflow-x:hidden;
}
body {
	line-height: 1.3;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	overflow-x:hidden;
}
@keyframes body_overlay {
  from {opacity:1;}
  to {opacity:0;}
}
body:after {
	content:'';
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#f9f7f8;
	z-index:9999;
	animation-name: body_overlay;
	animation-delay: 1s;
	animation-duration: 0s;
	animation-fill-mode: forwards;
	pointer-events:none;
}
body.en {
	/* font-family: NanumGothic; */
	/*font-family: NanumGothic, Lora;*/
	font-family: 'Lato','Open Sans','Roboto', sans-serif;
}
body.tc{
	font-family: 'Microsoft JhengHei','Heiti Tc';
}
body.sc {
	font-family: 'Microsoft JhengHei','Heiti Tc';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
u{
	text-decoration: none;
	border-bottom-width: 1px;
    border-bottom-style: solid;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sub{
	vertical-align:sub;
	font-size:smaller;
}
sup{
	vertical-align:super;
	font-size:smaller;
}
body{
	font-size:17px;
}
/*--------------*/
body.size-l{
	font-size:20px;
}
body.size-m{
	font-size:18px;
}
body.size-s{
	font-size:16px;
}
.float-left {
	float: left;
}
/*--------------*/
.cust-container {
	width: 100%;
	max-width:1360px;
	height: 100%;
  margin: 0 auto;
  position: relative;
}
.clear::after{
	display:table;
	content: " ";
	clear:both;
}
a,a:focus,a:visited{
	text-decoration:none;
}
a:visited{
	color:#000;
}
.z_opacity{
	opacity:0;
}
.tw_opacity{
	opacity:.2;
}
.z_margin_bottom{
	margin-bottom:0 !important;
}
.z_margin_top{
	margin-top:0 !important;
}
.d_none{
	display:none !important;
}
.d_block{
	display:block !important;
}
.d_table_cell{
	display:table-cell ;
}
.c_text{
	text-align:center;
}
.r_text{
	text-align:right;
}
.float_l{
	float:left;
}
.float_r{
	float:right;
}
.full_width{
	width:100%;
}
.dis_inline{
	display:inline-block;
}
.bold_str{
	font-weight:600;
}
.black_str{
	color:#000;
}
.tofixed{
	position:fixed !important;
}
.red_bg{
	background:red !important;
	color:#FFF !important;
}
.dark_cate{
	background: #e6e6e6 !important;
    color: #FFF !important;
}
.loading_img{
	width:100%;
}
.program_block .loading_img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#gov-logo{
	float:left;
}
.change-lang{
	float:left;
}
#size-s{
	font-size: 0.8em;
}
#size-m{
	font-size:1em;
}
#size-l{
	font-size:1.3em;
}
.home p{
	background:transparent;
	text-align:left;
}
#wrapper{
	/*background:#F1F1F1;*/
	position: relative;
}
.btn_play_block{
	display:block;
	position:relative;
}
.btn_play_block .hover_img{
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	z-index:1;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity:0;
}
.img_block.keep-ratio{
	position:relative;
	overflow:hidden;
}
.img_block.keep-ratio img.dummy{
	width:100%;
	z-index:0;
}
.img_block.keep-ratio .real{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.video_img_mask:hover .hover_img{
	opacity:1;
}
.wider_block .video_img_mask .content_block .img_block img{
	width: 4em;
}
#video_pop{
	display:none;
}
.pg_video_thumbnail > .img_block{
	padding-top: 64.65%;
}
.pg_video_thumbnail > .img_block > img,.pg_video_thumbnail > .img_block > .hl_thunbnail{
	position:absolute;
	height:100%;
	left:50%;
	transform:translateX(-50%);
	max-width:none;
	width:auto;
	top:0;
}
.pg_video_thumbnail:hover > .img_block > img{
	transform:translateX(-50%) scale(1.05);
}
.top_outside{
	width: 100%;
	min-height: 175px;
}
.no_program{
	text-align:center;
	padding-top: 3%;
}
.no_program_event{
	text-align:center;
  font-size: 0.9em;
}
.outdate_str{
	color:red;
	padding-top:3%;
}
.misc_block{
	position:absolute;
	width: 100%;
  margin: 0 auto;
	bottom:0;
}
.misc{
	position:relative;
	margin-top:19px;
}
.special_highlight_title{
	font-size:2em;
	margin-top:2%;
}
.soon_program_title{
	font-size:2em;
}
.margin_top_3{
	margin-top:3%;
}
.sso{
	padding-top: 4%;
}
/*.tab_block .category_block .category_item_block .str_block:hover{
	color:#b1fccd;
	border:1px solid #b1fccd;
}*/
.tab_n_mob{
	display:none;
}
.scale_110{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}
.video_hover_img{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.fontpoint9em{
	font-size:.9em !important;
}
.fontoneem{
	font-size:1em !important;
}
.image_block .type_block{
	display:none;
}
.wider_block .type_block{
	display:none;
}
#news_pop{
	display:none;
	color:#333;
}
#news_pop table{
	width:100% !important;
	/* max-width:calc(92vw - 40px); */
}
#news_pop table tr td{
	padding:0 8px;
	padding-top:5px;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
}
#news_pop table[border="0"] tr td:first-child{
	padding-left:0px;
}
#news_pop .table-wrapper{
	width:100%;
	overflow-x:auto;
	max-width: calc(92vw - 40px);
	/*overflow-y:hidden;*/
}
.inside .right .tabs_content .table-wrapper{
	max-width:100%;
	overflow:auto;
}
#news_pop p{
	margin-top:.5em;
	margin-bottom:.5em;
	word-break:break-word;
	text-align:justify;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
}
#news_pop table p{
	text-align:left;
	margin-top:0px;
}
#news_pop .content_block{
	padding:0 4% 2% 4%;
}
#news_pop .content_block .header_title{
	font-size:2.4em;
	padding-top: 4%;
	color:#B93C06;
}
#news_pop .content_block .news_item_block{
	border-bottom:1px solid #ADADAD;
}
#news_pop .content_block .news_item_block .title{
	font-size:1.4em;
	padding-top:2%;
	/*padding-bottom:1%;*/
	font-weight: 800;
}
 #news_pop .content_block .news_item_block a{
    color:#0000EE;
    word-break: break-word;
 }
#news_pop .content_block .news_item_block .content{
	font-size:1em;
	padding: 1% 0;
	font-weight: 200;
}
#news_pop .content_block .news_item_block .date{
	font-size:.9em;
	font-weight: 100;
	display:none !important;
}
#news_pop .content_block .news_item_block .detail{
	font-size:1em;
	padding-bottom:2%;
	font-weight: 200;
	word-wrap:break-word;
}
#news_pop .content_block .news_item_block .detail a,#news_pop .content_block .news_item_block .detail a:visited,#news_pop .content_block .news_item_block .detail a:focus{
	color:#0000EE;
}
#top_menu{
	background:#FBF9EC;
    font-size: .9em;
	position:relative;
	-webkit-transition: top .2s ease-out;
    -moz-transition: top .2s ease-out;
    -o-transition: top .2s ease-out;
    transition: top .2s ease-out;
	height:120px;
}
#top_menu .img_block{
    float: left;
    margin-left: 30px;
	padding-top:25px;
}
#top_menu .img_block:nth-child(2){
	float:right;
}
#top_menu .col-right{
	text-align:right;
	position:absolute;
	right:0;
	bottom:1px;
}
#top_menu .col-left{
	line-height:0;
}
#top_menu .cnt_str{
	padding-right: 10px;
}
#top_menu .col-right a,#top_menu .col-right a:visited,#top_menu .col-right a:focus{
	color:#000;
}
#top_menu .font-size{
	margin-right:5px;
}
#top_menu .font-size:last-child{
	margin-right:10px;
}
#search-loupe{
margin-right:2px;
}
#top_menu  span.line{
	margin-right:3px;
}
#main_menu .mobile_en_logo{
	max-width:285px;
	max-height:45px;
}
#main_menu .mobile_tc_logo{
	max-width:140px;
	max-height:45px;
}
#main_menu .mobile_sc_logo{
	max-width:140px;
	max-height:45px;
}
#main_menu .menu_list{
	font-size:1.em;
	transition:none;
}
.hidden_top_bar #main_menu .menu_list_block {
	/*float: right;*/
  float: left;
  padding-left: 10px;
}
.hidden_top_bar #main_menu .menu_list{
	line-height:55px;
	font-size:0.8em;
}
.hidden_top_bar #main_menu .search_block img{
	width:77%;
}
.hidden_top_bar #main_menu .header-fb-icon img,
.hidden_top_bar #main_menu .header-share-icon img{
	/*width:80%; */
}
#main_menu .header-share-icon{
	display:none;
	position:relative;
}
#main_menu .header-share-icon .header-share-list{
	display:none;
	position:absolute;
	background-color:rgba(255,255,255,0.8);
	transform: translateX(-50%);
  left: 50%;
	width:40px;
}
#main_menu .header-share-icon .header-share-list .share-list-item{
	line-height:1.5em;
	padding:5px;
}
#main_menu{
	color:#FFF;
	line-height: 55px;
	font-size:1.15em;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.en #main_menu{
  font-family: NanumGothic;
}
/*.tc #main_menu, .sc #main_menu {
  font-family: 'Raleway', sans-serif;
}*/
#main_menu .menu_list_block{
	float:left;
	text-align: right;
}
#main_menu .mobile-fb-icon{
	display:none;
}
#main_menu .header-fb-icon img, #main_menu .header-share-icon img, #main_menu .header-subscribe-icon img,#main_menu .header-ig-icon img,#main_menu .header-youtube-icon img{
	vertical-align: middle;
}
#main_menu .header-share-icon, #main_menu .header-subscribe-icon, #main_menu .search_block, #main_menu .header-fb-icon,#main_menu .header-ig-icon,#main_menu .header-youtube-icon {
	width: 2%;
    float: right;	
    text-align: center;
	max-width: 50px;
	padding: 0 5px;
}
#main_menu .search_block{
    padding-right: 10px;
}
#main_menu .search_block img{
	vertical-align: middle;
}
#main_menu .header-subscribe-icon {
	padding-right: 80px;
}
#main_menu .search_block .print_search_img{
	display:none;
}
#main_menu .menu_list_block .menu_list li{
	display:inline;
	margin:.3em .3em;
}
#main_menu .menu_list_block .menu_list li.active{
	background-color: #eeeff1;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding:0 12.5px;
	position:relative;
}
#main_menu .menu_list_block .menu_list li.active:after{
	content:'';
	position:absolute;
	left:0;
	top:100%;
	height:3px;
	background-color:#ef5b2b;
	width:100%;
}
#main_menu .menu_list_block .menu_list li.active a{
	color:#ef5b2b;
}
/*#main_menu .menu_list_block .menu_list li.active {
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
}*/
#main_menu .menu_list_block .menu_list .mobile_item{
	display:none;
}
#main_menu .menu_list_block .menu_list li  a{
 color:#FFF;
}
#main_menu .menu_list_block .menu_list li  a:hover{
	opacity:.6;
}
#main_menu .menu_list_block .menu_list li.current{
	font-weight:bold;
}
#main_menu .logo_block{
	width:75%;
	display:none;
}
.hidden_top_bar #main_menu .logo_block{
	float: left; /* newly added*/
    display: block;
    width: 15%;
    margin:0 10px;
}
#main_menu .logo_block img{
	width: 100%;
    vertical-align: middle;
}
.three_line_block{
	width:36%;
	float:right;
	position: relative;
    min-height: 1px;
	margin-left:20%;
	display:none;
	min-height:57px;
}
.three_line_block .line{
	width:100%;
	float:none;
	border-bottom:3px solid #FFF;
	margin:0 auto;
	padding-top:30%;
}
.three_line_block .top{
	padding-top: 0%;
}
.three_line_block .three_line_group{
	position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.three_line_group.for_close{
	display:none;
}

.cur a{
	color:#574F4C;
}
.last a{
	color:#574F4C;
}
.banner{
	position: relative;
}
.banner #loading{
	position: absolute;
    z-index: 2;
}
.banner #loading img{
	width:100%;
}
.banner_left{
	position: absolute;
	width:18%;
	/*bottom: 50px;
  left: 250px;*/
  bottom: 15px;
    
  left: 295px;
	/*top: 0;
	background-size:cover;
	background-repeat:no-repeat;
	float:right;*/
}
.banner_left2 {
	/*width: 24%;
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
    -moz-box-shadow: 0 0 25px 0px rgba(50, 50, 50, 0.68);
    -webkit-box-shadow: 0 0 25px 0px rgba(50, 50, 50, 0.68);
	box-shadow: 0 0 25px 0px rgba(50, 50, 50, 0.68);*/
	float: left;
    width: 40%;
    margin-right: 10%;
}
.fixed-banner-size{
	height: auto !important;
	width: 100% !important;
}
.banner_left .prev_btn, .banner_left2 .prev_btn {
	text-align:center;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
	margin-bottom:3%;
}
.banner_left .prev_btn img, .banner_left2 .prev_btn img{
	width:2em;
	max-width:29px;
}
.banner_left .next_btn, .banner_left2 .next_btn{
	text-align:center;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
	margin-top:4%;
}
.banner_left .next_btn img, .banner_left2 .next_btn img{
	width:2em;
	max-width:29px;
}
.banner_left .content_block{
	padding-top:16%;
	box-sizing:border-box;
	width:80%;
	margin:0 auto;
	position:relative;
}
.banner_left2 .content_block {
	box-sizing:border-box;
	position:relative;
}
.banner_left .top, .banner_left2 .top.clear{

	width:100%;
}
.banner_left .top .date_block, .banner_left2 .top .date_block{
	font-size: .8em;
    font-weight: 400;
	width:100%;
	float:left;
}
.banner_left .top .str_block, .banner_left2 .top .str_block{
    margin-top: 6%;
    font-size: 1.7em;
	font-weight:300;
    float: left;
    letter-spacing: 1px;
    line-height: 35px;
	word-wrap:break-word;
	width:100%;
}
.banner .slides li{
	position: relative;
}
.banner .read_more{
	position: absolute;
    width: 18%;
    bottom: 15px;
    left: 295px;
}
.banner_left .top .button_block,.banner .read_more .button_block{
	box-shadow: 0px 0px 10px 5px rgba(239, 114, 31, 1);	
	background: url(../images/learn-more.png) no-repeat;
	background-size: cover;
	color:#FFF;
	padding: 3.5% 0;
  width: 70%;
  text-align: center;
  font-size: .9em;
  margin-top: 10%;
	float:left;
}
.banner_left .top .button_block:hover,.banner .read_more .button_block:hover{
	color:#EB7070;
}
.banner_left .bottom, .banner_left2 .bottom.clear{
    width: 100%;
    position: absolute;
    bottom: 5%;
    font-size: .9em;
}
.banner_left .content_block .caption_list_block, .banner_left2 .content_block .caption_list_block{
    width: 100%;
    position: relative;
	overflow:hidden;
	height:250px;
	border-top: 1px solid #E4DCD9;
    border-bottom: 1px solid #E4DCD9;
}
.banner_left .content_block .caption_list_block .cur .cur_slide a, .banner_left2 .content_block .caption_list_block .cur .cur_slide a{
	color:#574F4C !important;

}
.banner_left .content_block .bottom .caption_list, .banner_left2 .content_block .bottom .caption_list{
	width:100%;
}
.tran_class{
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.cur_slide{
	border-top:1px solid #E4DCD9;
}
/*.banner_left .content_block .bottom .cur .slide_caption_block:first-child{
	border-top:1px solid #E4DCD9;
}*/
.banner_left .content_block .bottom .caption_list .slide_caption_block, .banner_left2 .content_block .bottom .caption_list .slide_caption_block{
	border-top:1px solid transparent;
	border-bottom:1px solid #E4DCD9;
	float:left;
	color:#574F4C;
	font-weight: 500;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	width:100%;
	position:relative;
}
.banner_left .content_block .bottom .cur .slide_caption_block:last-child, .banner_left2 .content_block .bottom .cur .slide_caption_block:last-child{
	border-bottom:1px solid transparent;
}
.banner_left .content_block .bottom .caption_list .slide_caption_item_block, .banner_left2 .content_block .bottom .caption_list .slide_caption_item_block{
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-52%);
	-moz-transform:translateY(-52%);
	-o-transform:translateY(-52%);
	transform:translateY(-52%);
}
.banner_left .content_block .bottom .title_block, .banner_left2 .content_block .bottom .title_block{
	font-size: 1.2em;
	width:100%;
	float:left;
}
.banner_left .content_block .bottom .date_block, .banner_left2 .content_block .bottom .date_block{
	font-size: .8em;
    font-weight: 400;
	float:left;
	padding-top:4%;
	width:100%;
}
.banner_left .content_block .bottom .slide_caption_block, .banner_left2 .content_block .bottom .slide_caption_block, .inside_banner{
	position:relative;
}
.banner_left .content_block .bottom .slide_caption_block .img_block, .banner_left2 .content_block .bottom .slide_caption_block .img_block{
	position:absolute;
	right:1%;
	top:50%;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.banner_left .content_block .bottom .slide_caption_block .img_block .current, .banner_left2 .content_block .bottom .slide_caption_block .img_block .current{
	width:1em;
	max-width:21px;
}
.banner_left .content_block .bottom .slide_caption_block .img_block .hover, .banner_left2 .content_block .bottom .slide_caption_block .img_block .hover{
	width:1em;
	max-width:21px;
}
.banner_right{
	width:100%;
	/*float:right;*/
	position:relative;
}
.banner_right2 {
	/*width: 76%;
    float: right;*/
	position: relative;
	float: left;
    width: 50%;
}
.banner_right .flexslider .flex-control-nav, .banner_right2 .flexslider .flex-control-nav{
	bottom:2%;
	z-index:2;
}
.flexslider .flex-control-paging li a{
	background:transparent;
	-webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0 0 3px rgba(255,255, 255, 1);
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 1);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 1);
}
.banner_right .flexslider .flex-control-paging li a.flex-active, .banner_right2 .flexslider .flex-control-paging li a.flex-active{
	background:#FFF;
}
.banner_right .flexslider .shadow_mask, .banner_right2 .flexslider .shadow_mask{
	width:100%;
	height:100%;
	position:absolute;
	background:transparent;
	top:0;
	left:0;
	-webkit-box-shadow: inset 7px 0px 8px -4px rgba(50, 50, 50, 0.68);
	-moz-box-shadow:    inset 7px 0px 8px -4px rgba(50, 50, 50, 0.68);
	box-shadow:         inset 7px 0px 8px -4px rgba(50, 50, 50, 0.68);
	display:none;
}
.banner_right .desktop_shadow_mask, .banner_right2 .desktop_shadow_mask{
	width:100%;
	height:100%;
	position:absolute;
	background:transparent;
	top:0;
	right:0;
	z-index:1;
	-webkit-box-shadow: inset 7px 0px 8px -4px rgba(50, 50, 50, 0.68);
	-moz-box-shadow:    inset 7px 0px 8px -4px rgba(50, 50, 50, 0.68);
	box-shadow:         inset 7px 0px 8px -4px rgba(50, 50, 50, 0.68);
}
.slider_direction_block, .slider_direction_block2{
	cursor: pointer;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition:all .5s ease-in;
	-o-transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
	-webkit-transition:all .5s ease-in;
	z-index:1;
	width: 4%;
	max-width: 41px;
}
.slider_direction_block:hover, .slider_direction_block2:hover{
	opacity:.7;
}
.slider_direction_block img, .slider_direction_block2 img{
	width:100%;
	display:block;
}
.slider_direction_block2.swap_arrow {
	bottom: 0;
	top: auto;
}
.slider_prev_block2.slider_direction_block2.swap_arrow {
	left: 0;
}
.slider_next_block2.slider_direction_block2.swap_arrow {
	right: 0;
}
.slider_prev_block{
	left: 50px;
}
.slider_next_block{
	right: 50px;
}
.slider_next_block2 {
	right: 0;
}
.event_b_block{
	width:100%;
}
.event_b_block .content_block{
	background: #FFF;
    /*padding: 6% 10%;*/
    width: 100%; /* from 80% */
}
.event_b_block .content_block .slider_block{
    width: 100%;
    position: relative;
}
/* -------------------------------------------------------- */
.event_b_block .event-area .event-item{
	margin-bottom:10px;
}
.event_b_block .event-area .event-item .event-venue{
	position:relative;
	background-color:#eeeef6;
	padding: 20px;
}
.event_b_block .event-area .event-item .event-venue .text_block{
	display:inline-block;
	width:75%;
}
.event_b_block .event-area .event-item .event-venue .up_down_block{
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	display:table;
	width:20%;
}
.event_b_block .event-area .event-item .event-venue .up_down_block .pin{
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}
.event_b_block .event-area .event-item .event-venue .up_down_block .pin img{
	height:80%;
}
.event_b_block .event-area .event-item .event-venue .up_down_block .toggle img{
	height:100%;
}
.event_b_block .event-area .event-item .event-venue .up_down_block .toggle{
	display:table-cell;
	vertical-align:middle;
	transform:rotateX(180deg);
}
.event_b_block .event-area .event-item .event-venue .up_down_block .toggle.active{
	transform:rotateX(0deg);
}
.event_b_block .event-area .event-item .event-details{
	display:none;
	background-color:#cacee1;
	padding:20px;
}
.event_b_block .event-area .event-item .event-details > li{
	border-bottom:1px solid #DDD;
	padding:10px 0;
}
.event_b_block .event-area .event-item .event-details > li:first-child{
	padding-top:0;
}
.event_b_block .event-area .event-item .event-details > li:last-child{
	border-bottom:none;
	padding-bottom:0;
}
.event_b_block .event-area .event-item .event-details > li img{
	float:left;
	padding-right:10px;
	width:1em;
}
/* -------------------------------------------------------- */
.event_b_block .content_block .slider_block .event_detail_list{
	font-size:1em;
}
.event_b_block .content_block .slider_block .event_detail_list li:first-child{
	max-height:200px;
}
.to_scroll_y{
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;  
}
.event_b_block .content_block .slider_block .event_detail_list li{
	background:#eeeef6;
	color:#000;
	border-bottom:2px solid #FFF !important;
	padding: 8% 6%;
	position:relative;
}
.event_b_block .content_block .slider_block .event_detail_list li:not(:first-child) {
	background: #cacee1;
	padding: 4%;
}
.event_b_block .content_block .slider_block .event_detail_list li .text_block{
	font-family: NanumGothic;
	width:64%;
	word-wrap:break-word;
}
.event_b_block .content_block .slider_block .event_detail_list li .img_block{
	position:absolute;
	width:20%;
	right:6%;
	top:50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.event_b_block .content_block .slider_block .event_detail_list li .img_block.up_down_block a {
	display: inline-block;
	vertical-align: middle;
}
.event_b_block .content_block .slider_block .event_detail_list li .img_block.up_down_block a.up_down_display{
	padding-left: 10px;
    transition: all ease 0.3s;
}
.event_b_block .content_block .slider_block .event_detail_list li .img_block img, .event_b_block .content_block .slider_block .event_detail_list li img.sm_icon_pad {
	width:100%;
	max-width:24px;
	max-height:34px;
}
.event_b_block .content_block .slider_block .event_detail_list li img.sm_icon_pad {
	float: left;
	padding-right: 10px;
}
.event_b_block .content_block .slider_block > .flexslider{
	margin-top:8%;
}
.event_b_block .content_block .slider_block .flex-control-nav{
	bottom:auto;
	top:-6%;
	text-align:left;
}
.event_b_block .content_block .slider_block .flex-control-nav .flex-active .hor_line{
	border-top: 3px solid #EF5E29;
}
.event_b_block .content_block .slider_block .flex-control-nav li:last-child{
	margin-right:0;	
}
.event_b_block .content_block .slider_block .flex-control-nav li .hor_line{
	border-top: 3px solid #9E9E9E;
	border-bottom:0;
}
.event_b_block .content_block .slider_block .flex-control-nav li{
    height: 20px;
    width: 18%;
	margin-right:2.5%;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
	display:block;
	float:left;
}
.event_b_block .content_block .button_block{
	color:#FFF;
    font-size: 0.85em;
	text-align:center;
	margin-top:5%;
	padding: 5% 0;
	width:100%;
}

.event_b_block .content_block  .button_block.print_buttom{
	  color: #000;
}
.event_b_block .content_block  .button_block.print_buttom span{
	display:inline-block;
	margin-right:15px;
	vertical-align:middle;
}

.inside_brochure .event_b_block .content_block .b_button{
	margin-top:0;
}
.event_b_block .content_block .button_block_2{
	border:1px solid #000;
	color:#000;
	font-size:1em;
	margin-top:5%;
	width:100%;
}
.event_b_block .content_block a,.event_b_block .content_block a:visited,.event_b_block .content_block a:focus{
	color:#000;
}
.event_b_block .content_block .left_brochure .i_content_block{
	margin:4%;
	width:96%;
}
.event_b_block .content_block .i_content_block{
	font-size:1em;
	display:table;
	width:100%;
}
.event_b_block .content_block .i_content_block .img_block{
	width:35%;
	display:table-cell;
}
.event_b_block .content_block .i_content_block .img_block img{
	width:100%;
}
.event_b_block .content_block .i_content_block .text_block{

	display:table-cell;
	vertical-align:middle;
	text-align:center;

}
.event_b_block .content_block .b_button{
    background:url(../images/view-full-calendar.png);
    background-size: cover;
}
.event_b_block .content_block .brochure_but{
    color: #000;
    background:url(../images/view_brochure_new.png) no-repeat center;
    background-size: cover;
}
.event_b_block .content_block .house_but{
    color: #000;
    background:url(../images/house_program_new.png) no-repeat center;
    background-size: cover;
    text-transform: uppercase;
}
.event_b_block .content_block .share_fb_button{
	border:none;
    background:url(../images/share-on-fb.png);
    background-size: cover;
	cursor:pointer;
    color: #f2f2f2;
    padding: 4% 0;
    position: relative;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


/*.event_b_block .content_block .share_fb_button:after {
	top: -100%;
    left: 0px;
    width: 100%;
    padding: 6% 0;
    position: absolute;
    background: #3b5998;
    content: 'Shared';
    -webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
}*/
/*.event_b_block .content_block .share_fb_button:hover {
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: rotateX(-90deg) translateY(100%);
	-moz-transform: rotateX(-90deg) translateY(100%);
	-o-transform: rotateX(-90deg) translateY(100%);
	transform: rotateX(-90deg) translateY(100%);
}*/
.innerLeft_slider_block{
	/*margin-top:5%;*/
	position:relative;
}
.innerLeft_slider_block .flexslider{
	border-radius:0;
}
/*.left_brochure .flexslider{
	border:1px solid #000;
}*/
.innerLeft_slider_block .slide_button_block{
	color:#000;
	font-size:1em;
}
.innerLeft_slider_block .button_direction{
	position:absolute;
	top:50%;
	width:10%;
	max-width:33px;
	max-height:76px;
	height:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	opacity:0;
	z-index:1;
}
.innerLeft_slider_block .button_direction img{
	width:100%;
	height:100%;
	display:block;
}
.innerLeft_slider_block .button_prev{
	left:0;
}
.innerLeft_slider_block .button_next{
	right:0;
}
.left_brochure:hover .button_direction{
	opacity:1;
}
.left_pn:hover .button_direction{
	opacity:1;
}


.tl_event_block{
	width:100%; /* from 22.5% */
	margin-left:2%;
	margin-right:1%;
	float:left;
}
.t_event_block{
	width:100%;
}
.tl_event_block .content_block ul.t_event_items{
	margin-bottom:20px;
}
.tl_event_block .content_block ul.t_event_items > li {
	padding: 20px 0;
	border-top:1px solid #FFF;
}
.tl_event_block .content_block ul.t_event_items > li:last-child{
	border-bottom:1px solid #FFF;
}
.today_event_slider{
	position:relative;
	padding-bottom:20px;
}
.today_event_slider .slides .t_event_items li{
	margin:0 5px;
}
.today_event_slider .flex-control-nav{
	bottom:0px;
}

.t_event_block a,.t_event_block a:visited,.t_event_block a:focus{
	color:#FFF;
}
.tl_event_block .content_block{
	background-image: none !important;
	background-color: #e8dfd6;
	background-size:cover;
	background-repeat:no-repeat;
	padding:6% 10%;
	/* margin-top:6%; */
	width:80%;
}
.en .tl_event_block .content_block{
  font-family: NanumGothic;
}
.tl_event_block .content_block .mid_title{
	color:#FFFEFA;
	width:100%;
	font-size: 1.1em;
}
.tl_event_block .content_block .big_title{
	color:#EB4600;
	/*width:100%;*/
	font-size: 1.9em;
	margin: 15px 0;
	padding: 5px;
	background-color: #ede5de;
    border: 1px solid #ede5de;
    border-radius: 35px;
}
.tl_event_block .content_block .small_title{
	color:#ff4e00;
	width:100%;
	font-size: 1em;
}
.tl_event_block .content_block .slider_block{
	width:100%;
	position: relative;
	margin-top: 19%;
}
.t_event_block .content_block .slider_block .flex-control-nav{
	bottom:0;
	top:-2.5em;
}
.tl_event_block .slider_block .flex-control-nav li{
	height:20px;
	width: 18%;
	margin-right:2.5%;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.tl_event_block .slider_block .flex-control-nav li:last-child{
	margin-right:0;	
}
.flex-control-nav .hor_line{
	border-bottom:2px solid #FBCBB4;
	width:100%;
	display:inline-block;
	vertical-align:middle;
	margin-top:-1px;
}
.t_event_block .content_block .slider_block .flex-control-nav .flex-active .hor_line{
	border:2px solid #36322F;
}
.tl_event_block .content_block .slider_block .slide_border{
	border-bottom: 2px solid rgba(255, 254, 250, 0.2);
	opacity:.7;
	width:100%;
	float:none;
	margin:7% 0;
}
.tl_event_block .content_block .slider_block .flexslider{
	background:transparent;
	color:#FFFEFA;
}
.l_img_r_text_block{
	width:100%;
}
.l_img_r_text_block .img_block{
	width:45%;
	float:left;
	padding-right: 10px;
}
.l_img_r_text_block .img_block img{
	width:100%;
}
.l_img_r_text_block .text_block{
    width: 50%;
	float: left;
	/*padding-top:3%;
	word-wrap:break-word;*/
	line-height: 20px;
	color: #000;
    font-size: .9em;
}
.tl_event_block .content_block .button_block{
	color:#FFFEFA;
	width:100%;
	background: url(../images/view-full-calendar.png) no-repeat;
	background-size: cover;
    padding: 5% 0;
    font-size: .8em;
}
.tl_event_block .content_block .button_block:hover{
	color:#EB7070;
}
.shakespaeare_image_block{
	margin-top:6%;
	float:left;
	display:none;
}
.l_news_block{
	width:100%;
	float:left;
}
.l_news_block .content_block{
	background:#FFF;
	padding:10%;
	width:80%;
	margin-top:6%;
}
.l_news_block .content_block2{
	padding:6% 0% 0 0;
	width:100%;
}
.l_news_block .content_block2 .sale_btn_block{
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.l_news_block .content_block2 .sale_btn_block img{
	display:block;
	width:45%;
}
.l_news_block .content_block .slider_block{
	margin-top: 10%;
}
.l_news_block .content_block .big_title{
	font-size:1.3em;
	color:#000;
}
.l_news_block .content_block .text_block{
	color: #8F8F8F;
    font-size: .9em;
    line-height: 22px;
	/*
	    text-align: justify;
		*/
}

.l_news_block .content_block .slider_block .flexslider{
	padding-top:7%;
}
.l_news_block .content_block .slider_block .flexslider-controls{
	position:relative;
	width:100%;
}
.l_news_block .content_block .slider_block .flex-control-nav{
	bottom:0;
}
.l_news_block .content_block .slider_block .flex-control-nav li .hor_line{
	border-bottom:3px solid rgb(158, 158, 158);
}
.l_news_block .content_block .slider_block .flex-control-nav .flex-active .hor_line{
	border-bottom:3px solid #EF5E29;
}
.container-left{
	float:left;
	width:calc(25% - 25px);
	margin-right:25px;
	margin-top:25px;
}
.container-right{
	float:left;
	width:75%;
	margin-top:25px;
}
.home_today_event .tl_event_block{
	width:100%;
	margin-left:0;
	margin-right:0;
}
.home .desktop_row{
	margin-top:0;
}
.nowS .desktop_row{
	margin-top:0;
}
.home .desktop_row2{
	margin-left:25px;
	margin-right:25px;
}
.desktop_row{
	width:calc((100% - 50px - 1px) / 3); /*modified from calc((100% - 50px) / 3) for edge problem*/
	float:left;
}
.desktop_row2{
	margin-left:25px;
	margin-right:25px;
}
.desktop_row .image_block,.desktop_row .video_block{
	width:100%;
}
.slide_desktop_row{
	width:31.3%;
  margin-left: 1%;
  margin-right: 1%;
	margin-bottom: 6%;
	margin-top: 0;
}
.program_block{
	position:relative;
}
.program_block .load_none .flex-control-nav{
	display:none;
}
.program_block .direction{
	position:absolute;
	top:10%;
	z-index:1;
	/*
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-box-transform:translateY(-50%);
	transform:translateY(-50%);
	*/
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity:0;
	width: 4%;
}
.program_block .direction img{
	display:block;
	width:100%;
}
.program_block .prev{
	left:0;
}
.program_block .next{
	right:0;
}
.program_block .flex-control-nav{
	bottom:3% !important;
}
.program_block .flex-control-paging li a{
	border:1px solid #000;
}
.program_block .flex-control-paging li a.flex-active{
	border:1px solid #F1752D;
	background:#F1752D;
}
.program_block .flexslider:hover .prev{
	opacity:1;
}
.program_block .flexslider:hover .next{
	opacity:1;
}
.tablet_slider,.mobile_slider{
	display:none;
}
.home .tablet_row{
	width:45.5%;
}
.tablet_row{
	display:none;
	float:left;
	width:48.5%;
}
.slide_tablet_row{
	width:50%;
	margin-bottom: 10%;
}
.home .tablet_row1{
	margin-left:3%;
}
.tablet_row2{
	margin-left:3%;
}
.mobile_row{
	float:left;
	display:none;
	width:100%;
}
.home .mobile_row{
	width:94%;
}
.slide_mobile_row{
	width:100%;
	margin-bottom:8%;
}
.home_hightlight_list .first{
	width:32%;
}
.home_hightlight_list > .top{
	width:100%;
	float:left;
}
.wider_block .bg_img{
	width:100%;
}
.wider_block{
	width:66%;
	position:relative;
	margin-right:2%;
	float:left;
	overflow: hidden;
}
.video_block{
	width:22.5%;
	position:relative;
	float:left;
}

.no_video{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.video_bg_img_mask{
	width:100%;
}
.video_bg_img_mask img{
	width:100%;
	display:block;
}
.video-thumb{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
}
.video_img_mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
	height:100%;
	display:block;
}
.video_img_mask .content_block{
	width:100%;
	position:relative;
	height:100%;
}
.video_img_mask .content_block .img_block{
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.video_img_mask .content_block .btn_play_block.home_video_block{
	position: absolute;
	left: 0;
    bottom: 0;
}
.video_img_mask .content_block .black_mask{
	position: absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.45;
}
.video_img_mask .content_block .img_block img{
	width: 3em;
}
.video_img_mask .content_block .text_block{
	position: absolute;
	bottom:0;
	left:0;
    width: 100%;
}
.video_text_mask a{
	color: #FFF;
}
.video_text_mask{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	color: #FFF;
}
.video_text_mask .content_block{
	width:100%;
}
.video_text_mask .content_block .top{
	padding-left: 4%;
	padding-right: 4%;
	font-size:1.1em;
	float: left;
	font-weight:bold;
}
.video_text_mask .content_block .down{
	width:96%;
	padding-left: 4%;
	padding-bottom: 2%;
	float: left;
}
.video_text_mask .content_block .down .left_col{
	width:40%;
	float:left;
	padding-top:1%;
}
.video_text_mask .content_block .down .right_col{
	width:60%;
	float:left;
}
.video_text_mask .content_block .down .date_block{
	opacity:.7;
	font-size:.8em;
	line-height: 2;
	float: left;
}
.video_text_mask .content_block .down .type_block{
	float:right;
	margin-right: 3%;
	margin-bottom:2%;
}
.en .type_block{
	padding-right: .6em;
}
.type_block{
	background:#F3F3F3;
	color:#A0A0A0;
	/*font-family: BrushScriptStd;*/
	font-family: 'Kaushan Script', cursive;
    font-size: .9em;
    padding: .4em;
	cursor:pointer;
}
.desktop_row .first{
	margin-left:0;
	margin-right:0;
}
/*.first{
	margin-top:0;
	margin-left:1%;
	margin-right:2%;
}*/
.desktop_row .other{
	margin-top:6%;
	margin-left:0;
	margin-right:0;
}
/*.other{
	margin-top:2%;
	margin-left:1%;
	margin-right:1%;
}*/
.image_block{
	width:22.5%;
	background:#FFF;
	float:left;
}
.image_block{
	width:22.5%;
	background:#FFF;
	float:left;
}
.image_block.image_block_new{
	width:100%;
}
.image_block .img_block .str_mask{
	position:absolute;
	left:0;
	top:50%;
	color:#FFF;
	z-index:2;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-box-transform:translateY(-50%);
	transform:translateY(-50%);
	width:90%;
	padding-left:5%;
	padding-right:5%;
	text-align:center;
}
.image_block .img_block .img_mask{
	background:#000;
	opacity:.7;
	z-index:2; /*from 1*/
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	color:#FFF;
}
.himage .content_block,.image_block:not(.image_block_new) > .content_block{
  /*padding-bottom:70px;*/
  padding-bottom:160px;
}
.image_block > .content_block a,.image_block > .content_block a:visited,.image_block > .content_block a:focus{
	color:#000;
}
.himage .content_block a,.himage .content_block a:visited,.himage .content_block a:focus{
	color:#000;
}
.himage .content_block .img_block,.image_block > .content_block .img_block{
	width:100%;
	overflow:hidden;
	position:relative;
}
.image_block > .content_block .img_block .video_img_mask .img_block{
	text-align:center;
}
.himage .content_block .block-desc,
.image_block > .content_block .block-desc{
	/*height:120px;*/
  height: 0px;
}
.himage .content_block .title_block,.image_block > .content_block .title_block{
	/*font-family: Lora-bold;*/
	width: 100%;
	font-weight: bold;
	padding: 5% 0;
	line-height: 20px;
	font-size: .9em;
	background-color:white;
	padding-right:5%;
	padding-bottom:3%;
	box-sizing:border-box;
	font-family: 'PT Serif', 'Microsoft JhengHei';
}
.desktop_row.slide_desktop_row .image_block .content_block .title_block,
.tablet_row.slide_tablet_row .image_block .content_block .title_block,
.mobile_row.slide_mobile_row .image_block .content_block .title_block{
   font-size: .5em;
}
.himage .content_block .conditions_block,.image_block > .content_block .conditions_block, .video_highlight_main .conditions_block {
	width:100%;
	position:relative;
	min-height:30px;
}
.himage .content_block .conditions_block,
.image_block > .content_block .conditions_block,
.home_hightlight_list .conditions_block.clear {
	font-family: Poppins;
	padding-top: 10px;
	border-top: 2px solid #ccc;
    opacity: .7;
}
.himage .content_block .conditions_block .one_type_block_group,.image_block > .content_block .conditions_block .one_type_block_group{
	position: absolute;
    bottom: 0;
    left: 0;
}
.himage .content_block .conditions_block .type_block_group,.image_block > .content_block .conditions_block .type_block_group{
	width:50%;
	float:left;
}
.himage .content_block .conditions_block .type_block,.image_block > .content_block .conditions_block .type_block{
	margin-right:5%;
	margin-top:2%;
	float:left;
}
.mobile_image_block_group{
	width:100%;
	display:none;
}
.tablet_image_block_left_group{
	width:48%;
	padding-right:2%;
	float:left;
}
.tablet_image_block_right_group{
	width:48%;
	padding-left:2%;
	float:left;
}
.tablet_image_block_right_group .image_block,.tablet_image_block_right_group .video_block{
	display:none;
}
.tablet_image_block_left_group .image_block,.tablet_image_block_left_group .video_block{
	display:none;
}
.date_to_date_group{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.banner2 .banner_left2 .top.clear .date_to_date_group{
	padding-top: 3%;
}
.cate_right {
	float: right;
	font-size: 14px;
	max-width:50%;
	text-align:right;
}
.series_slider .video_highlight_main .conditions_block .cate_right {
	float: none;
	font-size: 14px;
	font-family: Poppins;
  padding-top: 10px;
	opacity: .7;
  display: flex;
}
.banner2.banner_prg .banner_left2 .top.clear .cate_right {
    display: none;
}
.home_hightlight_list .banner2.banner_prg  .conditions_block.clear {
    border-top: none;
}
.date_to_date_block{
	text-align:center;
	color:#da6a1d;
	font-size: 1em;
	float:left;
}
.date_to_date_block_old {
  border: 1px solid #D1D1D1;
  /*border: 1px solid #E8E8E8;*/
  text-align: center;
  padding: 0.2em 0.4em 0.2em 0.4em;
  float: right;
}
.h_date_block{
	float:left;
}
.h_date_block_old {
  float: right;
}
.date_to_date_block .top, .date_to_date_block .bottom, .date_to_date_block .topfontpoint9em, .date_to_date_block .bottomfontoneem {
	display: inline-block;
}
.date_to_date_block_old .top, .date_to_date_block_old .topfontpoint9em {
    float: none;
    font-size: 1em;
}
.date_to_date_block_old .bottom, .date_to_date_block_old .bottomfontoneem {
    float: none;
    color: #E86026;
    font-weight: 600;
    font-size: 1.1em;
}
.h_date_block{
	position:relative;
	text-align:center;
}
.h_date_block_old {
    width: 1em;
    position: relative;
    height: 2.1em;
    text-align: center;
}
.h_date_block .text_block{
	color:#E86026;
	position: relative;;
	width:100% !important;
}
.h_date_block_old .text_block {
    top: 50%;
    left: 0;
    position: absolute;
    width: 100% !important;
}
.cate_bar {
	display:inline-block;
	padding: 3px 8px;
	border-radius: 14px;
	font-size:0.7em;
	text-align:center;
	margin-left:5px;
	margin-bottom:3px;
}
#footer{
	width:100%;
	margin-top:3%;
	position:relative;
	z-index:1;
}
#footer a,#footer a:visited,#footer a:focus{
	color:#000;
}
#footer .content_block{
	/*float:none;*/
	display: flex;
    flex-wrap: wrap;
    width: 100%;
	margin:0 auto;
}
#footer .content_block .four_block{
	width:50%;
	font-size:.9em;
	display: inline-block;
}
#footer .content_block .four_block.subscribe_block{
	background-color: #edeef5;
}
#footer .content_block .four_block.follow_block{
	display:none;
}
.footer_pad1 {
	padding: 4% 12% 4% 20%;
}
.footer_pad2 {
    padding: 4% 12% 4% 6%;
}
#footer .content_block .related_link_block{
	/*box-sizing:border-box;*/
	background-color: #e3e4eb;
}
#footer .content_block .four_block ul{
	width:100%;
	word-wrap:break-word;
}
#footer .content_block .four_block ul li:first-child{
	margin-top:0;
}
#footer .content_block .four_block ul li{
	margin-top:4%;
}
#footer .content_block .four_block .title_block{
	width:100%;
}
#footer .content_block .four_block .str_block{
	/*font-family: Lora;*/
    font-size: 1em;
	color:#5C5C5C;
	margin-top:1%;
}
#footer .content_block .four_block .button_block{
	margin-top:2%;
	width:80%;
  background:#FFF;
	/*background:#EAEAEA;*/
	position:relative;
}
#footer .content_block .four_block .button_block .input_block{
	width: 90%;
	background: url(../images/arrow_hover.png);
	background-repeat: no-repeat;
    background-position: 110% 50%;
	background-size: 5%;
}
#footer .content_block .four_block .button_block input{
	width: 90%;
    border: 0;
	background:transparent;
    font-size: .9em;
    padding: 4%;
}
#footer .content_block .four_block .button_block .arrow_button{
	position:absolute;
	top:50%;
	right:4%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-box-transform:translateY(-50%);
	transform:translateY(-50%);
}
#footer .content_block .four_block .button_block .arrow_button img{
	display:block;
}
#footer .content_block .four_block .button_block:hover .arrow_button img{
	-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1
}
#footer .content_block .four_block .button_block input:focus{
	outline:none;
}
#footer .content_block .four_block .link_block{
	margin-top:4%;
	font-size:.8em;
}
#footer .content_block .four_block .link_block a:hover{
	color:#000;
}
#footer .content_block .four_block .link_block a{
	font-size: 14px;
	color:#FE6732;
	text-decoration: underline;
}
#footer .content_block .four_block .img_block{
	height:50px;
	padding: 20px 16px 0 0;
	float: left;
}
#footer .content_block .four_block .img_block img{
	height:100%
}
#footer .content_block .four_block .icon_block{
	margin-right:3%;
	margin-top:4%;
	float:left;
}
#footer .content_block .four_block .icon_block img{
	width:100%;
	max-width:35px;
}
#footer .content_block .img_group{
	display:none;
	width:47%;
	padding-left:2%;
	padding-right:1%;
	float:left;
}
#footer .content_block .img_block_w3c{
	display: none;
}
#footer2 a:visited,#footer2 a,#footer2 a:focus{
	color:#5C5C5C;
}
#footer2 a:hover{
	color:#000;
}
#footer2{
	background:#dbd9d9;
	width:100%;
	padding-bottom: 1%;
	float:left;
}
#footer2 .content_block{
	float:none;
	width:80%;
	margin:0 auto;
	padding-top: 2%;
	line-height: 1.7;
}
#footer2 .content_block .str_block{
	font-size:.8em;
	color:#5C5C5C;
	/*padding-bottom:1%;*/
	/* width: 60%; */
	max-width:60%;
	float: left;
}
#footer2 .content_block .str_block .img_block{
	display:none;
	float:right;
	padding-left:20px;
}
#footer2 .content_block .img_group{
	/* width: 40%; */
	float: right;
	text-align: right;
	position: relative;
	bottom: 10px;
}
#footer2 .content_block .img_block{
	display: inline-block;
    vertical-align: middle;
}
#footer2 .content_block .img_block.first{
	margin-top:15px;
	margin-right:2%;
}
#footer2 .content_block .four_block {
	font-size: .8em;
}
#footer2 .content_block .four_block li {
	display: inline-block;
}
#footer2 .content_block .four_block li:not(:last-child)::after {
	content: "|";
    margin: 0 5px;
    color: #000;
}
/*
	inside page
*/
.detail #wrapper > .left{
	position:relative;
  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  
}
.block_wrapper{
	/*padding-right:4%;*/
}
.inside_banner .flexslider .flex-control-nav{
	bottom:2%;
}
.inside_banner .flexslider .flex-control-paging li a.flex-active{
	background:#F86E25;
}
.inside_banner .flexslider .slides .fade_block, .home .banner_right .flexslider .slides .fade_block {
    padding-top: 35%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.home .banner_right .flexslider .slides .fade_block img{
    position: absolute;
    left: 50%;
    top: 50%;
	transform:translate(-50%,-50%);
}
.inside_banner .flexslider .slides .fade_block .fade_subblock {
    /*background: linear-gradient(to right, white, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 86%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
}
.inside #wrapper > .left{
	float:left;
	width: 21.5%;
	margin-left: 3%;
    margin-right: 1.3%;
}
.inside #wrapper > .right{
	float:right;
	width: 74.2%;
	min-height:600px;
}
.category_item_block {
	color:#000 !important;
}
.margin-top-17{
	margin-top:25px;
}


.top_auto{
	top:auto !important;
}
/*.detail .hidden_top  > .left{	
	top:120px;
}
.hidden_top_bar #wrapper > .left{	
	top:50px;
}*/
.inside .tl_event_block{
	width:100%;
	margin-left:0;
    margin-right:0;
}
.inside .row_block{
	width:32%;
	float:left;
	margin-top:2%;
}
.inside .video_block .image_block{
	width:100%;
	margin-bottom:6%;
}
.inside .row1{
	padding-right:1%;
}
.inside .row2{
	padding-left:1%;
	padding-right:1%;
}
.inside .row3{
	padding-left:1%;
}
.series_slider.section_series {
  position: relative;
  background-color: #E7E7E7;
  margin-bottom: 25px;
}
.section.inside #wrapper.group .inside_banner {
  margin-bottom: 25px;
}
.series_slider .flexslider {
	background: none;
}
.series_slider .flexslider .slides > li{
	position:relative;
}
.series_slider .img_block{
	width:50%;
	float: right;
}
.series_slider.series_slider_hm .img_block{
	/*width:60%; for rollback design*/
  width: 66%;
  position: relative;
  margin-right: 2%;
  float: left;
  overflow: hidden;
}
.series_slider .img_block .content_block{
	box-sizing: border-box;
	/*padding: 6% 5%;*/
	position:relative;
}
.series_slider .img_block .content_block img{
	width:100%;
}
.series_slider .text_block{
	width:45%;
	margin-right: 5%;
	float:left;
	position: relative;
  /*position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  color: #FFF !important;*/
}
.series_slider.series_slider_hm .text_block{
	/*width:35%;*/
}
.series_slider .text_block .content_block a,.series_slider .text_block .content_block a:visited,.series_slider .text_block .content_block a:focus{
	color:#000;
  font-weight: bold;
}
.series_slider .text_block .content_block{
	/*box-sizing: border-box;
	padding: 6% 7% 6% 2%;
	line-height: 25px;
	position:relative;*/
}
.series_slider .text_block .content_block .title_block {
  padding: 10% 0 3% 0;
	font-size: 1.3em;
}
.en .series_slider .text_block .content_block .title_block {
	font-family: NanumGothic;
}
.series_slider .text_block .content_block .title_block.flex_video_block {
	/* padding: 6% 0 3% 0;for rollback design*/
  padding: 3%;
}
.series_slider .text_block .content_block .str_content_block{
	padding: 3% 0;
	font-size:.8em;
}
.series_slider .text_block .content_block .button_block{
	margin: 3% 0;
    border: 1px solid black;
    font-size: .8em;
    width: 20%;
    padding: 1% 2%;
    text-align: center;
}
/*.series_slider .date_to_date_group{
    bottom: 6%;
    right: 3%;
}*/
.series_slider .flexslider .flex-control-nav{
	bottom:2%;
}
.series_slider .flexslider .flex-control-paging li a{
	background:transparent;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 1);
    -moz-box-shadow: inset 0 0 3px rgba(0,0, 0, 1);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 1);
}
.series_slider .flexslider .flex-control-paging li a.flex-active{
	background:#F86E25;
}
.series_slider .series_logo{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.series_slider .series_logo img{
	width:100%;
}
.series_slider .dirnav{
	cursor: pointer;
	position:absolute;
	bottom: 0;
	/*-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-box-transform:translateY(-50%);
	transform:translateY(-50%);*/
	z-index:2;
}
.series_slider .dirnav img{
	width:100%;
}
.series_slider .prev{
	left:0;
}
.series_slider .next{
	right:0;
}
/*-----------*/



/*------ tab block -----*/
.tab_block{
	word-wrap:break-word;
}
.tab_block .caption_title{
	font-size:2em;
	text-align:left;
	margin:2% 0;
}
.tab_block .category_block{
	margin-bottom:5%;
}
.tab_block .hidden_str{
	display:none;
}
.tab_block .paragraph{
	-webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
	line-height:1.2em;
	position:relative;
  font-size: 16px;
}
.en .tab_block .paragraph{
  font-family: NanumGothic;
}
.tc .tab_block .paragraph, .sc .tab_block .paragraph{ 
  font-family: 'Microsoft JhengHei','Heiti Tc';
}
.tab_block .paragraph a ,
.tab_block .paragraph a:hover{
	color:#00e;
}

.tab_block .paragraph iframe{
	width: 100%;
  max-width: 560px;
  height: 60vw;
}
@media screen and (min-width: 500px) {
  .tab_block .paragraph iframe{
    height: 315px;
  }
}
.tab_block .paragraph ol{
	margin-left: 1em;
	list-style-type:decimal;
}
.tab_block .paragraph ul{
	margin-left: 1em;
	list-style-type:disc;
}
.tab_block .paragraph ol li, .tab_block .paragraph ul li{
	margin-bottom: 0.5em;
  line-height: 1.4em;
}
.tab_block .category_block .category_item_block{
	float: left;
	margin-top: 5px;
	/*height:calc(100% - 5px);*/
}
.tab_block .category_block .row_center{
	/* margin-left:1%; */
	margin-right:1%;
}
.tab_block .category_block .category_item_block .str_block{
	text-align:center;
	padding: 6px 29px;
	cursor:pointer;
	position:relative;
}
.en .tab_block .category_block .category_item_block .str_block{
  font-family: NanumGothic;
}
.tab_block .category_block .category_item_block .str_block .middle_str{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tabs_content p{
	line-height: 1.4em;
	letter-spacing: 0.6px;
}
.slide_highlight{
	background:#FFF;
}
.big_title_block{
	font-size:2em;
	margin-top:4%;
	padding-top:2%;
}
.desktop_big_title{
	padding-left:1.665%;
}
.big_title_block.desktop_big_title img.also_like {
  margin-bottom: 20px;
}
/*-----------*/



/*-----buy ticket popup------*/
.block_ticket{
	width:100%;
	background:#FFF;
	display:none;
}
#inside_ticket{
		display:block;
			margin-bottom:20px;	
}
.block_ticket .content_block{
	padding:36px 5%;
}
#inside_ticket.block_ticket .content_block{
	padding: 25px 25px;

}
.block_ticket .popup_big_title{
	font-size:1.3em;
	color:#000;
	padding:0 0 3% 2%;
}
.block_ticket .row{
	display:table;
	width:100%;
}
.block_ticket .row .title_block{
	background:#F8B38C;
	color:#000;
	font-size:1em;
}
.block_ticket .cell_block{
	background:#F2F2F2;
	color:#626262;
	font-size:.8em;
}
.block_ticket .cell_block{
	    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.block_ticket .desktop .cell_block{
	width:33%;
	padding:3% 2% 3% 4%;
}
.block_ticket .desktop .cell_block:nth-child(1) {
  width: 28%;
}
.block_ticket .desktop .cell_block:nth-child(3) {
  width: 38%;
}
.block_ticket .str_block, .block_ticket .button_block{
	text-align:center;
}
.block_ticket .content2{
	position:relative;
}
.block_ticket .content2 .str_block{
	width:85%;
	display:table-cell;
	vertical-align: middle;
	text-align:left;
}
.block_ticket .desktop .content3 .str_block{
	width:36%;
	padding-top:7%;
    padding-bottom:5%;
	vertical-align: middle;
    display: table-cell;
	text-align:left;
}
.block_ticket .table_block{
	display:table;
	width:100%;
}
.block_ticket .content2 .img_block{
	width:15%;
	display:table-cell;
	vertical-align:middle;
}
.block_ticket .desktop .content3 .button_block{
	width:23%;
	background:#FF531A;
	color:#FFF;
	padding-top:7%;
    padding-bottom:5%;
	padding-left:2%;
	padding-right:2%;
	vertical-align: middle;
    display: table-cell;
}
.tab_block .block_ticket .button_block a{
	display:block;
	color:#FFF;
}
.block_ticket .desktop .content3 .button_block a,.block_ticket .desktop .content3 .button_block a:visited,.block_ticket .desktop .content3 .button_block a:focus{
	color:#FFF !important;
}
.block_ticket .cell_block .img_block img{
	width:100%;
	max-width:24px;
}
.block_ticket .desktop .center_block{
	margin-left:1px;
	margin-right:1px;
}
.block_ticket .tablet_and_mobile{
	display:none;
}
.block_ticket .tablet_and_mobile .content{
	text-align:center;
}
.block_ticket .tablet_and_mobile .content2 .str_block{
	padding-left:2%;
	padding-right:2%;
	text-align:center;
}
.block_ticket .tablet_and_mobile .row .title_block{
	padding-left:4%;
}
.block_ticket .tablet_and_mobile .row .cell_block:last-child{
	border-right:0;
}
.block_ticket .tablet_and_mobile .cell_block{
	width:50%;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	padding:3% 0;
}
.block_ticket .tablet_and_mobile .button_block{
	width:50%;
	background:#F1752D;
	color:#FFF;
	padding-top:3%;
    padding-bottom:2%;
	float: right;
	margin-top:2%;
	margin-bottom:2%;
}
/*-----------*/


.open_mobile_menu body{
	
}
.open_mobile_menu #main_menu .menu_list_block{
	display:block;
	position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #DBD9DA;
    line-height: 70px;
    /*top: 60px;*/
    left: 0;
    overflow: scroll;
}
.open_mobile_menu #main_menu .menu_list_block .menu_list{
	padding-bottom:100px;
}
.open_mobile_menu #main_menu .menu_list_block .menu_list li{
	display:block;
  border-bottom: 1px solid #BBB;
  position: relative;
  text-align: left;
  line-height: 1;
  padding: 20px 30px;
  margin: 0;
}
.open_mobile_menu #main_menu .menu_list_block .menu_list li a{
	color:#333333;
}
.open_mobile_menu .three_line_group.for_close{
	display:block;	
}
.open_mobile_menu .three_line_group{
	display:none;
}

.open_mobile_menu  #mobile_lang{
	display:block;
	text-align:left;
	/*padding-top:2%;
  	margin-left:2%;*/
    line-height: 20px;
    color: #333333;
    padding: 20px 30px 0px 30px;
	padding-right:0;
}
.open_mobile_menu  #mobile_lang .mobile_lang_font_block{
	display:inline-block;
}
.open_mobile_menu  #mobile_lang .mobile_lang_font_block a,.open_mobile_menu  #mobile_lang .mobile_lang_font_block a:visited,.open_mobile_menu  #mobile_lang .mobile_lang_font_block a:focus{
	color:#333333;
}
.open_mobile_menu  #mobile_lang .mobile_lang_font_block .change-lang span{
	    margin-right: 15px;
}
.open_mobile_menu  #mobile_lang .mobile_lang_font_block .change-lang:last-child span{
	margin-right:0;
}
#mobile_lang{
	display:none;
}
#mobile_lang .line{
	margin-right: 10px;
	margin-left: 10px;
}


/*-----------*/


/* home popup */
.fancybox-opened .fancybox-skin{
	padding:0 !important;
}
.home #popup_datepicker .ui-datepicker{
	border:0 !important;
	padding:0 !important;
}
.fancybox-close{
	right:0;
	top:-36px;
	opacity:0.9;
	/*top: auto;
  margin-right: 47%;*/
	bottom: -60px;
	margin-bottom: 10px;
	color:#FFF;
	background:url(../images/close.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.fancybox-close:hover{
	opacity:.5;
}
#event_popup{
	display:table;
	margin-bottom:100px;
	width:100%;
}
#event_popup .left{
	background-color: #ECDAC6;
	width:40%;
	/* float:left; */
	background-size:cover;
	background-repeat:no-repeat;
	/*margin-bottom:3%;*/
	display:table-cell;
	vertical-align:top;
}
#event_popup .left .content_block{
	margin:4% 5%;
}
#event_popup .right{
	width:65%;
	/* float:left; */
	background:#FFFFFF;
	position:relative;
	display:table-cell;
	vertical-align:top;
}
#event_popup .right .content_block{
	position:relative;
	padding:10px;
}
#event_popup .right .content_block .programe_detail_block .img_block {
  max-width: 515px;
  margin: 0 auto;
}
#event_popup .right .content_block .no_programe{
	text-align:center;
}
#event_popup .right .content_block .img_block img{
	width:100%;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#event_popup .right .content_block a .text_block{
	color:#000;
}
#event_popup .right .content_block .text_block{
	font-size: 1.3em;
    margin: 0 auto;
    width: 70%;
    padding-top: 5%;
	text-align:center;
}
#event_popup .right .content_block .text_block p{
	text-align:center;
}
#event_popup .right .content_block .remark_text_block{
	text-align:center;
	/*color:#7D7D7D;*/
	font-size:1em;
	font-weight: 300;
}
#event_popup .right .content_block .date_to_date_group{
	width:100%;
	position:relative;
	text-align: center;
	padding:4% 0;
}
#event_popup .right .content_block .date_to_date_group .date_to_date_block{
	float:none;
	display:inline-block;
}
#event_popup .right .content_block .date_to_date_group .h_date_block{
	float:none;
	vertical-align:top;
	display:inline-block;
}
.loading_calendar{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	background:#FFF;
}
.loading_calendar img{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
}
.space_bg{
	width:100%;
	display: block;
}
.date_str{
	position:absolute;
	top:15%; /*from 5%*/
	left:12%; /*from 5%*/
	width:75%; /*from 90%*/
	height:75%; /*from 90%*/
	border-radius:50%;
}
.date_str div{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.datepicker{
	width:100% !important;
	padding:0;
}
.datepicker .prev{
	vertical-align:middle;
	background:url(../images/left-arrow.png);
	background-repeat:no-repeat;
	width:17px;
	height:25px;
	background-position:center;
}
.datepicker .next{
	vertical-align:middle;
	background:url(../images/right-arrow.png);
	background-repeat:no-repeat;
	width:17px;
	height:25px;
	background-position:center;
}
.datepicker .day{
	font-family: Poppins;
	cursor:pointer;
}
.datepicker .old.day, .datepicker .disabled.day, .datepicker .old .day, .datepicker .disabled .day {
  cursor: default;
}
.datepicker .event_dates .date_str{
  background: rgb(245,245,245);/* for IE, safari */
	background: rgb(255,255,255,0.5);
}
.datepicker .today .date_str{
	color:#FFF !important;
	background:#ffba76;
}
.datepicker .active .date_str{
	color:#ff6800 !important;
	background:#FFF;
}
.datepicker .disabled .date_str{
	/*color:#FFF !important;*/
	background:transparent !important;
}
.datepicker .datepicker-switch{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	font-size:2.2em;
}
#embeddingDatePicker .datepicker-switch{
	opacity:0;
}
.datepicker td, .datepicker th{
	width:14%;
	text-align:center;
}
.datepicker td{
	color:#FFF;
	position:relative;
}
.datepicker table tr td {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  color: #7D7D7D;
}
.date_str_block{
	position:absolute;
	left:50%;
	text-align:center;
	color:#fe8023;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
	z-index:1000;
	width:72%;
	top:0;
	

}
.date_str_block .M_N_D{
	font-size:2.2em;
}
.date_str_block .week_str{
	font-size:1em;
	padding-top:2%;
}
.datepicker .old,.datepicker .new,.datepicker .disabled{
	opacity:.5;
}
.ui-datepicker .ui-datepicker-calendar .prev:hover{
	background-color: transparent !important;
	cursor: pointer;
}
.datepicker .table-condensed{
	position:relative;
	width:100%;
	margin:0 auto;
}
.datepicker .table-condensed thead tr:nth-child(3) th{
	font-family: Poppins;
    padding-top: 7%;
    padding-bottom: 1%;
    font-weight: 600;
}
.event_list{
	margin-top:6%;
}
.event_list ul{
	border-top:	2px solid rgb(125,125,125, 0.3);
}
.event_list .l_img_r_text_block{
	/*border-bottom:2px solid rgba(255, 254, 250, 0.2);*/
	border-bottom: 2px solid rgb(125,125,125, 0.3);
	padding:6% 0;
	color:#000;
}
.event_list .l_img_r_text_block .img_block{
	width:32%;
	margin-left:0;
}
.event_list .l_img_r_text_block .text_block{
	width:63%;
	/*width:90%;
	padding-left: 5%;*/
	padding-top:0;
}


.default_text{
	color:#A9A9A9;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#A9A9A9;
}
::-moz-placeholder { /* Firefox 19+ */
	color:#A9A9A9;
}
:-ms-input-placeholder { /* IE 10+ */
	color:#A9A9A9;
}
:-moz-placeholder { /* Firefox 18- */
	color:#A9A9A9;
}
select{
	border:0;
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	font-size: 1.1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 1px;
	background-position:right;
	background-repeat:no-repeat;
	background-size:55px;
}
.search_event_block select{
    /*padding-right: 11%;*/
    background-color: #edeef5;
}
select::-ms-expand{
    opacity:0;
}
input::-ms-clear{
    display: none;
}
option:first-child{
	font-size: .7em;
	color:#CCC;
}
option{
	font-size: .8em;
	color:#000;
}
input{
	border:0;
	width: 96%;
	font-size: 1.1em;
	padding-left:2%;
	padding-right:2%;
}
.bg_input{
	background-position:right;
	background-repeat:no-repeat;
	background-size:50px;
	text-indent: 1px;
}
.input_common_height{
	height:50px;
  background-color: #edeef5;
}
.search_event_block{
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	color:#FFF;
	margin-bottom:2%;
}
.search_event_block .mobile{
	display:none;
}
.search_event_block .content_block{
	padding:0 4% 2% 4%;
}
.search_event_block .content_block .title_block{
	padding:4% 0 4% 0;
	font-weight:100;
	font-size:2.4em;
}
.search_event_block .content_block .title_block img{
	margin-right:2%;
}
.search_event_block .content_block .item_block .b_row{
	margin-bottom:1%;
}
.search_event_block .content_block .item_block .b_row .r_right .bg_input{
  background-color: #edeef5;
	/*width:82%;
	padding-right:16%;*/
	padding-top:0;
	padding-bottom:0;
}
.search_event_block .content_block .item_block .b_row .button_block{
	font-size:1em;
	display: table;
	border:1px solid #fc7325;
	background:#fc7325;
	color:#fff;
	float: right;
}
.search_event_block .content_block .item_block .b_row .button_block .content_block{
	padding-top:6%;
	padding-bottom:6%;
	padding-left:1.4em;
	padding-right:1.4em;
	position:relative;
}
.search_event_block .content_block .item_block .b_row .button_block .content_block .img_block{
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	/*right:1.2em;*/
  left: 10px;
}
.search_event_block .content_block .item_block .b_row .button_block .content_block .img_block img{
	display:block;
	max-width:19px;
	max-height:17px;
}
.search_event_block .content_block .item_block .b_row .button_block:hover .img_block img{
	-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1
}
.search_event_block .content_block .item_block .b_row .r_left{
	width:50%;
	float:left;
}
.search_event_block .content_block .item_block .b_row .r_right{
	width:49%;
	margin-left:1%;
	float:right;
}
.search_event_block .content_block .item_block .b_row .r_right .my_datepicker_block{
	position:relative;
}
.my_datepicker{
  background-color: #ECDAC6;
	padding-top:5%;
	background-size: cover;
    background-repeat: no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:11;
	display:none;
}
.my_datepicker .datepicker th{
	color:#000;
}
.my_datepicker .datepicker .datepicker-switch{
	color:#FFF;
	opacity:0;
}

/*-----------*/

.inside_title_banner{
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	/*color:#FFF;*/
	font-weight:600;
	font-size:2.6em;
	/*margin-bottom:2%;*/
  padding-bottom: 2%;
}
.inside_title_banner .text_block{
	padding-top:4%;
	padding-bottom:2%;
}
.newsF .tab_block .category_block{
	margin-bottom: 3%;
}
.newsF .paragraph{
	background:#FFF;
}
.newsF .paragraph h2,.newsF .paragraph h1{
	font-weight:bold;
}
.newsF .paragraph .content_block .year_content h4{
	font-size: 1.3em;
    font-weight: 500;
    padding-bottom: 1%;
}
.newsF .paragraph .content_block .text_block:first-child{
	border-top:0;
}
.newsF .paragraph .content_block .text_block{
	border-top:1px solid #F2F2F2;
	position:relative;
	padding-bottom:4%;
}
.newsF .paragraph .content_block .text_block .left_block{
	width:85%;
	word-wrap:break-word;
}
.newsF .paragraph .content_block .text_block .left_block .title{
	font-size:1.3em;
	line-height:1.1em;
	font-weight:500;
	padding:4% 0 3% 0;
}
.newsF .paragraph .content_block .text_block .left_block .content{
	width:100%;
}
.newsF .paragraph .content_block .text_block .left_block #more_content{
	display:none;
	font-weight:300;
}
.newsF .paragraph .content_block .text_block .left_block #more_content a,.newsF .paragraph .content_block .text_block .left_block #more_content a:visited,.newsF .paragraph .content_block .text_block .left_block #more_content a:focus{
	color:#FB6533;
}
.newsF .paragraph .content_block .text_block .right_block{
	position:absolute;
	right:0;
	bottom:2em;
	color:#FB6533;
	font-weight: 500;
}

.newsF .paragraph .content_block .text_block .right_block .download_block{
	/*border-bottom:1px solid #FB6533; */
	font-size:.9em;
	margin-bottom:10%;
}
.newsF .paragraph .content_block .text_block .right_block .download_block a,.newsF .paragraph .content_block .text_block .right_block .download_block a:visited,.newsF .paragraph .content_block .text_block .right_block .download_block a:focus{
	color:#FB6533;
}
.newsF .paragraph .content_block .text_block .right_block .show_detail_block{
	border-bottom:1px solid #FB6533;
	font-size:.9em;
	margin-bottom:10%;
	cursor:pointer;
}
.newsF .paragraph .content_block{
	color: #333333;
	/*font-family: Lora;*/
	padding: 3% 0;
}
.newsF .paragraph .content_block a,.newsF .paragraph .content_block a:visited,.newsF .paragraph .content_block a:focus{
	color:#FB6533 !important;
  /*text-transform:capitalize;*/
}
.newsF .paragraph .content_block .section_title{
	font-size: 1.3em;
    font-weight: 500;
    padding-bottom:1%;
}
.newsF .paragraph .content_block .sub_title{
	font-size: 1.1em;
    padding-top:1em;
	padding-bottom:.8em;
}
.newsF .paragraph .content_block p{
	font-size: 1em;
	margin-bottom: 1.25em;
    font-weight: 300;
	line-height: 1.4em;
	letter-spacing:0.6px;
	text-align: justify;
	text-justify:distribute-all-lines;
}
.newsF .paragraph .content_block h2{
	padding-top:1.2em;
}
.newsF .paragraph .content_block table{
	font-size:.9em;
	margin-top: 1.3%;
}
.newS .paragraph .content_block{
	padding:0 3%;
}
.other_page .paragraph a,.other_page .paragraph a:visited,.other_page .paragraph a:focus{
	color:#FE6732;
}

/*-----------*/
.desktop_filter.filter_block {
    margin-bottom: 1%;
}
.filter_block .type_block_group{
	float:left;
	margin-right: 1%;
	/*margin-top: 1%;*/
	margin-bottom: 1%;
}
.filter_block .type_block{
	border-radius: 24px;
	border: 1px solid #eeeeee;
	background: #eeeeee;
	/*font-family: NanumGothic;*/
	font-family:'Raleway', sans-serif;
	color:#000;
	padding:6px 29px;
	font-size:100%;
	text-transform:uppercase;
}
.filter_block .type_block.active{
	background:#ffe996;
}
.filter_block .type_block_group:nth-child(2) .type_block.active{
	background:#b1fccd;
	border:1px solid #b1fccd !important;
}
.filter_block .type_block_group:nth-child(3) .type_block.active{
	background:#ade3fe;
	border:1px solid #ade3fe !important;
}
.filter_block .type_block_group:nth-child(4) .type_block.active{
	background:#fff1d0;
	border:1px solid #fff1d0 !important;
}
.filter_block .type_block_group:nth-child(5) .type_block.active{
	background:#fdd0c3;
	border:1px solid #fdd0c3 !important;
}
.filter_block .type_block_group:nth-child(6) .type_block.active{
	background:#f5c7fd;
	border:1px solid #f5c7fd !important;
}
.filter_block .type_block_group:nth-child(7) .type_block.active{
	background:#ffd19f;
	border:1px solid #ffd19f !important;
}
.filter_block .type_block_group:nth-child(8) .type_block.active{
	background:#acecf3;
	border:1px solid #acecf3 !important;
}
.tablet_filter, .mobile_filter{
	display:none;
}
.image_block{
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.zoomout{
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	opacity: 0;
}
.non_cate{
	display:none;
}
#brochure .first_img,
#brochure .last_img{
	width:40%;
	/* margin:0 auto; */
}
#brochure .first_img img,
#brochure .last_img img{
	width:95%;
}
#click-to-read{
	display:block;
	margin-bottom:15px;
}
.year-row-wrapper{
	height: 50px;
	position: relative;
	overflow: visible;
}
.year_row{
	margin-bottom: 2%;
	width:200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.year_row .dropdown_icon {
	position: absolute;
	top: 15px;
	right: 30px;
	cursor: pointer;
	transition: all ease 0.5s;
	pointer-events: none;
}
.year_row .category_year_item_block{
    /* margin-right:1%; */
    display: none;
	/*float:left;*/
}
.year_row .category_year_item_block:last-child{
	margin-right:0;
}
.year_row .category_year_item_block .str_block{
	background: rgba(255,255,255,0.8);
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
	padding: .4em;
	cursor: pointer;
}
.year_row .category_year_item_block .str_block:not(.red_bg):hover {
    background-color: #ccc;
}
.mobile_big_title{
	display:none;
}
.search_frame{
    margin-top: 3%;
	width:31%;
	display: none;
}
.search_frame_wrapper{
	background: #FFF;
	position:relative;
}
.search_input_block{
	float:left;
	width:80%;
	padding:0;
	position:absolute;
	left:2%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#search_box_content{
	background: transparent;
}
.search_btn_block{
	float:right;
	background: #E86026;
	padding:1%;
	text-align:right;
}
.search_btn_block img{
	display:block;
	max-width:35px;
}

.enewsletter-block .str-block{
	font-weight:600;
}

/* ---------------------------------ticket tab--------------------------------------------------------- */

.d-none{
	display:none !important;
}
.str-bold{
	font-weight:bold;
}
.str-smaller{
	font-size:.8rem;
}
.take-ticket-container,.confirm-ticket-block{
	background:#FFF;
	color:#333;
	letter-spacing:2px;
	/*padding:30px 20px;*//*20190724: spacing updated*/
}
.take-ticket-container table td, body.inside .tab_block .tab-content table td{
	padding:0 8px;
}
.take-ticket-container p:not(.str-smaller){
	letter-spacing:2px;
}
.take-ticket-container p:not(.str-smaller):first-child{
	padding-top:0;
}
.ticket-remain {
	/*display: inline-block;*/
    padding-top: 15px;
    font-weight: bold;
	line-height: 1.3;
}
.main-title{
	font-size:1.3em;
	font-weight: bold;
	margin-top:50px;
}
.main-title,.main-content,.sub-title,.ticket-session-block,.person-info{
	padding-left:12px;
}
.sub-title{
	font-size:1.1em;
	font-weight: bold;
	padding-top: 20px;/*20190724: decreased from 30px*/
}
.take-ticket-container .sub-title{
	font-weight: initial;
}
.ticket-session-block .row{
	display:table;
	width:100%;
}
.sessions{
	display:table-cell;
	text-align:left;
	width:25%;
}
.sessions p{
	font-size:.9em;
	margin:.5em;
	margin-left:0;
}
.select-event-block{
	margin-top: 30px;
}
.select-event-block .event-item-group .event-item:first-child,.select-event-block .event-item-group .event-item.tb-head{
	border:1px solid #FCB76A;
	background:#FFF;
}
.select-event-block .event-item-group .event-item:first-child .seat-part,.select-event-block .event-item-group .event-item.tb-head .seat-part{
	border-left:1px solid #FCB76A;
}
.event-item:not(:first-child) .event-part,.event-item:not(:first-child) .seat-part{
	padding-top:12px;
	padding-bottom:12px;
}
.event-item{
	display:table;
	width:100%;
	background:#F3F3F4;
	border-bottom:1px solid #FFF;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.event-item select{
	width: auto;
    border: 1px solid #333;
	padding:9px 30px 7px 18px;
	color:#333;
}
.event-item select:disabled {
	background-color: #ccc;
}
.select-div{
	/*display: inline-block;*/
	width:60px;
	margin:0 auto;
	position:relative;
}

.select-div:has(.no-arrow):after{
	display: none;
}

.select-div .no-arrow{
	padding: 9px 18px 7px 16px;
}

.select-div:after {
    content: '\f078';
    font: normal normal normal 13px/1 FontAwesome;
    color: #E82226;
	top:50%;
    position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    right: 5px;
    pointer-events: none;
}
.event-item p{
	margin:.5em;
	margin-left:0;
}
.event-part{
	display:table-cell;
	width:64%;
	padding-left: 6%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:.9em;
	vertical-align:middle;
}
.seat-part{
	display:table-cell;
	width:36%;
	text-align:center;
	border-left:1px solid #FFF;
	padding-top:10px;
	padding-bottom:10px;
	font-size:.9em;
	vertical-align:middle;
}
.quantity-str{
	font-size:.9em;
	margin-top:10px;
}
.quantity-str span{
	background:#F7941D;
	padding:5px;
}
.enter-information-block,.personal-terms-block{
	margin-top: 30px;
	padding-left:6%;
	padding-right:6%;
}
.enter-information-block input{
	border:1px solid #818284;
	background:#F3F3F4;
	padding:8px 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
.enter-information-block p,.personal-terms-block p{
	margin:.5em;
	margin-left:0;
	font-size:.9em;
}
.enter-information-block .half-block:nth-child(odd){
	padding-right:2%;
}
.enter-information-block .half-block{
	width:49%;
	float:left;
}
.enter-information-block .half-and-half-block{
	width:100%;
	float:left;
}
.enter-information-block .half-and-half-block input{
	width:120px;
}
.enter-information-block .full-block{
	margin-top:10px;
	margin-bottom:10px;
	position: relative;
}
.enter-information-block .full-block .ticket_remark_popup{
	display: none;
	position: absolute;
    top: 0;
    left: 15%;
    width: 45%;
}
.enter-information-block .full-block .ticket_remark_popup img{
	width: 100%;
}
.enter-information-block .full-block,.enter-information-block .ticket-terms{
	float: left;
    width: 100%;
}
.personal-terms-block li{
	letter-spacing:0;
}
.enter-information-block .ticket-terms li,.personal-terms-block li{
	font-size:.9rem;
}
.enter-information-block .dashed-ul {
	margin: 0;
	list-style-type: none;
	letter-spacing:0;
}
.enter-information-block .dashed-ul > li, .personal-terms-block .dashed-ul > li{
	position:relative;
	padding-left:10px;
}
.enter-information-block .dashed-ul > li:before, .personal-terms-block .dashed-ul > li:before {
	position:absolute;
	left:0;
	top:10px;
	border-top:1px solid #333;
	/*content:'';*/
	width: 6px;
}

span.other-font{
	font-family: 'PT Serif';
}

span.other-font-tc{
	font-family: cursive;
}

.eventCatTitle{
	background: #ADDFEB;
}

.one-more-tab{
	padding-left:30px;
}
.button-group{
	text-align:center;
	margin-top: 60px;
    margin-bottom: 30px;
}
.button-group .button-div-block:first-child{
	margin-right:8px;
}
.button-div-block{
	border:1px solid #F2752E;
	display:inline-block;
	color:#F2752E;
	font-size: .9em;
    padding: 10px 0;
    width: 300px;
	font-weight:bold;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.button-div-block:hover{
	background:#F2752E;
	color:#FFF;
}
.event-item-selected{
	background:#FCB76A;
}
.event-item-selected select{
	border: 1px solid #E82226;
	color:#E82226;
	background:#FFF;
}
.confirm-ticket-block .main-title{
	margin-top:0;
}
.building-str{
	font-size:1.1rem;
	font-weight:bold;
}
.thank-caption{
	text-align:center;
	padding-top:60px;
}
#cap-canvas{
	border:1px solid #818284;
	margin-right:10px;
	background:url(../images/captcha_bg.png);
}
.inline-block-top{
	display:inline-block;
	vertical-align:top;
}
.web-ticket-tab{
	color:#00e;
	font-size:1.4em;
}
.text-blue{
	color:#00e;
}
.person-info{
	display:table;
	width:100%;
}
.person-info .table-cell{
	display:table-cell;
}
.person-info .table-cell span{
	float:right;
	padding-right:10px;
}
.t-personal-privacy{
	display:block;
}
.term_600{
	position:relative;
	left:20px;
	list-style-type: decimal;
}
.input_600{
	display:table;
	width:100%;
	padding-bottom:15px;
}
.input_title_600{
	display:table-cell; 
	width:16%;
}
.enter-information-block .input_word_600{
	display:table-cell; 
	width:50%;
}

/* Following styles modified recently */
/* Home Page */
.news_icon {
	position: fixed;
	z-index: 5;
	right: 0;
	top: 240px;
	cursor: pointer;
}
.news_icon2 {
	position: fixed;
	z-index: 5;
	right: 0;
	top: 240px;
	cursor: pointer;
}
.news_icon3 {
	position: absolute;
    z-index: 5;
    right: 0;
	cursor: pointer;
	top: 280px;
}
.sm_share_block {
	width: 100%;
	text-align: center;
	margin-top:20px;
}
.sm_share_block a {
	display: inline-block;
	width: 18%;
}
.home_hightlight_list {
  /*margin-top: 25px;*/
}
.cate_bar.music_cat {
	background:#b1fccd;
	border:1px solid #b1fccd !important;
}
.cate_bar.dance_cat {
	background:#ade3fe;
	border:1px solid #ade3fe !important;
}
.cate_bar.opera_cat {
	background:#fff1d0;
	border:1px solid #fff1d0 !important;
}
.cate_bar.theatre_cat {
	background:#fdd0c3;
	border:1px solid #fdd0c3 !important;
}
.cate_bar.art_cat {
	background:#f5c7fd;
	border:1px solid #f5c7fd !important;
}
.cate_bar.family_cat {
	background:#b350ef;
	border:1px solid #b350ef !important;
}
/* Home Page - Video highlight */
.video_highlight_list {
    background-color: #edeef5;
    position: relative;
}
.video_highlight_list.prg_list_hl img.series_hl { 
    position: absolute;
    top: 0;
    left: 0;
}
.right.clear.margin-top-17 .series_slider .more-detail-bg {
    background: url(../images/more-details.png) no-repeat center;
    background-size: contain;
    margin-top: 35px;
    padding: 11px;
    width: 40%;
    text-align: center;
    font-size: 0.8em;
    color: #AA4C08;
}
.more-detail-bg a {
    color: #da6a1d;
}
.series_slider_hm {
    padding: 40px;
}
.video_highlight_main {
    width: 100%;
    max-width:1360px;
    margin: 0 auto;
    /*padding: 40px 0*/
    position: relative;
}
.side-bg .side-bg-left,.side-bg .side-bg-right{
	position:absolute;
	top:0;
	width:286px;
	height:calc(100% + 200px);
	background-repeat:repeat-y;
}
.side-bg .side-bg-left{
	left:-286px;
}
.side-bg .side-bg-right{
	right:-286px;
}
.terms-list ol{
	list-style: decimal;
	margin-left:25px;
}
.terms-list ul{
	list-style: disc;
	margin-left:25px;
}
@media (max-width:1360px){
	.video_highlight_main{
		box-sizing:border-box;
		padding-left:20px;
		padding-right:20px;
	}
}
.sec_video_highlight_main {
	padding: 40px;
	position: relative;
}
.video_highlight_main2 {
    margin: 0 auto;
    padding: 40px;
}
.highlight_left {
    float: left;
    width: 40%;
    margin-right: 10%;
}
.highlight_right {
    float: left;
    width: 50%;
}
.arrow_highlight {
    position: relative;
}
/* Archive Page */
.tab_block .category_block .category_item_block.archive_cate {
    margin-right: 1%;
}
.right.clear.margin-top-17{
	float: right;
	width: 75%;
}
.left.clear.margin-top-17{
	float: left;
	width: calc(25% - 25px);
	margin-right: 25px;
}
.tab_block .category_block .category_item_block.archive_cate .str_block {
	border-radius: 24px;
	border: 1px solid #eeeeee;
    background-color: #eeeeee;
}
.tab_block .category_block .category_item_block.archive_cate:first-child .cactive{
	background:#b1fccd;
	border:1px solid #b1fccd !important;
}
.tab_block .category_block .category_item_block.archive_cate:nth-child(2) .cactive{
	background:#ade3fe;
	border:1px solid #ade3fe !important;
}
.tab_block .category_block .category_item_block.archive_cate:nth-child(3) .cactive{
	background:#fff1d0;
	border:1px solid #fff1d0 !important;
}
.tab_block .category_block .category_item_block.archive_cate:nth-child(4) .cactive{
	background:#fdd0c3;
	border:1px solid #fdd0c3 !important;
}
.tab_block .category_block .category_item_block.archive_cate:nth-child(5) .cactive{
	background:#f5c7fd;
	border:1px solid #f5c7fd !important;
}
/* Programme Detail Page */
.tab_block .category_block .category_item_block.prog_tab {
	background: #eeeef6;
	/*border:1px solid #eeeef6 !important;*/
	margin-right: 5px;
}
.tab_block .category_block .category_item_block.prog_tab .cactive {
	color: #fff;
	background:#FF531A;
	/* border:1px solid #ff6634 !important; */
}
.tab_block .category_block.prog_tab_border {
	border-bottom: 1px solid #ff6634;
	display: flex;
}
/* content only program */
.content-only > .left{
	display:none;
}
.content-only > .right.clear.margin-top-17{
	width:100%;
	max-width:1150px;
	float:none;
}
.content-only > .right .tab_block .category_block.prog_tab_border{
	display:none !important;
}
@media screen and (max-width:1450px){
	.cust-container.content-only{
		padding:0 20px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 1024px){
	.cust-container.content-only{
		padding:0;
	}
}

@media (max-width:1024px){
	.tab_block .category_block.prog_tab_border{
		display:block;
	}
}
.tab_block .category_block.prog_tab_border .row.clear{
	display: inline-block;
}
/*  -------------------------------------------------------------------------------------------- */

@media screen{
	#top_menu_group{
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:10;
	}
}	
@media (max-width:1700px) {
	
}
@media (max-width:1500px) {
	body{
		font-size:17px;
	}
	.banner_left .content_block{
		padding-top: 15%;
	}
	.search_event_block .content_block .item_block .b_row select,.search_event_block .bg_input{
		background-size: 48px;
	}
	.search_event_block .input_common_height{
		height:48px;
	}
}
@media (max-width:1350px) {
	.banner_left .content_block .bottom {
		bottom:2%;
	}
	.banner_left .content_block {
		padding-top: 7%;
	}
	#footer .content_block .four_block .img_block{
		margin-right:5%;
	}
	#main_menu .menu_list{
		/* font-size:0.8em; */
		font-size:0.8em;
	}
	.hidden_top_bar #main_menu .menu_list{
		font-size:0.7em;
	}
}
@media (max-width:1281px) {
	body{
		font-size:16px;
	}
	.search_event_block .content_block .item_block .b_row select,.search_event_block .bg_input{
		background-size: 46px;
	}
	.search_event_block .input_common_height{
		height:46px;
	}
	.banner_left .content_block .top .str_block, .banner_left2 .content_block .top .str_block{
		font-size:1.7em;
	}
	.banner_left .content_block .bottom .title_block, .banner_left2 .content_block .bottom .title_block{
		font-size:1.1em;
	}
}
@media (max-width:1220px) { /* hi-res laptops and desktops */ 
	.banner_left .content_block{
		width:86%;
	}
}
@media (max-width:1150px) { /* hi-res laptops and desktops */ 
	body{
		font-size:15px;
	}
	.banner_left .content_block .top .button_block, .banner_left2 .content_block .top .button_block{
		margin-top:8%;
	}
}
@media (max-width:1080px) { /* hi-res laptops and desktops */ 
	body{
		font-size:14px;
	}
	.search_event_block .content_block .item_block .b_row select,.search_event_block .bg_input{
		background-size: 44px;
	}
	.search_event_block .input_common_height{
		height:44px;
	}
}
@media (max-width:1040px) { /* hi-res laptops and desktops */ 
	.banner_left .content_block .bottom{
		bottom:2%;
	}
}
@media screen and (max-width: 1025px\0), screen\0 {
    #footer .content_block .four_block .icon_block{
		margin-right:4%;
	}
}
@media screen and (max-width:1025px) { /* big landscape tablets, laptops, and desktops */
	body{
		font-size:20px;
	}
	#news_pop {
	    font-size: 0.75em;
	}
	.cust-container{
		width:90%;
	}
	.fancybox-wrap{
		margin-top:5%;
		margin-bottom:5%;
	}
	.year_row .category_year_item_block{
		/* margin-bottom:1%; */
	}
	.desktop_big_title{
		display:none;
	}
	.mobile_big_title{
		display:block;
		padding-left:2.5%;
		padding-top:3%;
	}
	.fancybox-lock{
		overflow:hidden !important;
	}
	.fancybox-overlay{
		position:fixed !important;
		left:0 !important;
		top:0 !important;
		height:100vh !important;
		width:100% !important;
		overflow:hidden;
	}
	.event_popup_container{
		position:relative;
		width:100%;
		height:100%;
	}
	.fancybox-wrap{
		position:absolute !important;
		top:50px !important;
		padding-top:35px !important;
		padding-bottom:120px !important;
	}
	.fancybox-wrap.center-type{
		top: 50% !important;
		transform:translateY(-50%);
		padding-bottom:0 !important;
	}
	.fancybox-wrap.center-type .fancybox-inner{
		height:auto !important;
	}
	#main_menu .menu_list_block .menu_list .mobile_item{
		display:inline;
	}
	.tablet_slider{
		display:block;
	}
	.desktop_slider,.mobile_slider{
		display:none;
	}
	.program_block .direction{
		width:7%;
	}
	.block_wrapper{
		padding:0;
	}
	.event_b_block{
		margin-top:2.7%;
	}
	.margin-top-17{
		margin-top:2.7%;
	}
	.event_b_block .content_block .slider_block .event_detail_list li:first-child{
		max-height:none;
		overflow-y:auto;
	}
	.event_b_block .content_block .slider_block .event_detail_list li:first-child:hover{
		overflow-y:auto;
	}
	.search_event_block .mobile{
		display:block;
	}
	.search_event_block .desktop{
		display:none;
	}
	.home .tab_n_mob{
		margin-left:3%;
		margin-right:3%;
		width:94%;
	}
	.tab_n_mob{
		display:block;
		margin-top:2.7%;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.desk{
		display:none;
	}
	.no_program{
		padding-top:5%;
		padding-bottom:5%;
	}
	.search_event_block .content_block .item_block .b_row{
		margin-bottom:2%;
	}
	.search_event_block .content_block .item_block .b_row select,.search_event_block .bg_input{
		background-size: 50px;
	}
	.search_event_block .input_common_height{
		height:50px;
	}
	.search_event_block .content_block .item_block .b_row .r_left{
		width:100%;
	}
	.search_event_block .content_block .item_block .b_row .r_right{
		margin-left:0;
		width:100%;
		margin-top:2%;
	}
	.search_event_block .content_block .item_block .b_row .mobile{
		margin-top:0;
		margin-bottom:2%;
	}
	.desktop_filter, .mobile_filter{
		display:none;
	}
	.tablet_filter{
		display:block;
		margin-top: 3%;
	}
	.filter_block .type_block_group{
		margin-right: 2%;
		margin-top:0;
		margin-bottom:0;
	}
	.search_event_block{
		margin-bottom:0;
	}
	.newsF .paragraph .content_block .text_block .left_block{
		width:100%;
	}
	.newsF .paragraph .content_block .text_block{
		padding-bottom:12%;
	}
	.top_outside{
		min-height:60px; /* from 190px */
	}
	.tablet_row{
		display:block;
	}
	.desktop_row,.mobile_row{
		display:none;
	}
	.first{
		display:none;
	}
	.tablet_row .image_block,.tablet_row .video_block{
		width:100%;
		margin-top:6%;
	}
	.slide_tablet_row .image_block,.slide_tablet_row .video_block{
		margin-top:0;
	}
	.tablet_row .first{
		margin-left:0;
		display:block;
	}
	.home_today_event{
		width:100%;
		margin-left:0;
		margin-right:0;
		margin-top:2.7%;
	}
	.home_hightlight_list{
		width:100%;
		margin-left:0;
		margin-top: 2.7%;
	}
	.tl_event_block .t_event_block,.tl_event_block .l_news_block{
		width:45.5%;
		float:left;
	}
	.home .tl_event_block .t_event_block{
		margin-left:3%;
		margin-right:1.5%;
	}
	.home .tl_event_block .l_news_block{
		margin-left:1.5%;
		margin-right:3%;
	}
	.l_news_block .content_block{
		margin-top:0;
		padding-bottom:0;
	}
	.l_news_block .content_block .slider_block{
		margin-top:7%;
	}
	.wider_block{
		width:94%;
		margin-left:3%;
		margin-right:3%;
		margin-top: 0;
	}
	.menu_list_block{
		display:none;
	}
	#main_menu .header-fb-icon, #main_menu .header-subscribe-icon, #main_menu .header-share-icon,#main_menu .header-ig-icon,#main_menu .header-youtube-icon {
		display:none;
	}	
	#main_menu .mobile-fb-icon,#main_menu .mobile-ig-icon,#main_menu .mobile-youtube-icon{
    display: inline-block;
    vertical-align: bottom;
    width:27px;
	margin-right:10px;
    margin-bottom: -3px;
	}
	#main_menu .search_block .search_img{
		width:44%;
		display:inline-block;
		max-width:32px;
	}
	#main_menu .search_block .for_close img{
		width:80%;
	}
	#main_menu .search_block{
		padding-right: 4%;
		width: 100px;
	}
	#main_menu .three_line_block{
		display:inline-block;
	}
	#main_menu .logo_block{
		display:block;
	}
	.banner_right, .banner_right2{
		width:100%;
	}
	.banner_left, .banner .read_more{
		/*width:100%;*/
		bottom: 30px;
		left: 40px;
    }
    .banner_left2{
        width:100%;
    }
	.banner_left .content_block .bottom{
		display:none;
	}
	.banner_left .content_block .top{
		margin-top:6%;
		padding-bottom:5%;
	}
	.banner_left .content_block{
		padding-top:0;
		width:92%;
	}
	.banner_left .content_block .top .str_block, .banner_left2 .content_block .top .str_block{
		margin-top:2%;
		width:100%;
	}
	.banner_left .content_block .top .button_block, .banner_left2 .content_block .top .button_block{
		margin-top:0;
		width:20%;
		padding:2% 0;
		float:right;
	}
	.banner_right .flexslider .shadow_mask, .banner_right2 .flexslider .shadow_mask{
		-webkit-box-shadow: inset 0px 4px 21px 0px rgba(50, 50, 50, 0.68);
		-moz-box-shadow:    inset 0px 4px 21px 0px rgba(50, 50, 50, 0.68);
		box-shadow:         inset 0px 4px 21px 0px rgba(50, 50, 50, 0.68);
	}
	.main_list_block{
		display:none;
	}
	#footer .content_block .four_block .img_block {
		width: auto;
		padding: 20px 3px 0 0;
	}
	#footer .content_block .img_block_w3c {
		display: block;
	}
	#footer .content_block .img_group{
		display:block;
		margin-top:4%;
		text-align:right;
	}
	#footer .content_block .img_group .img_block{
		vertical-align: middle;
		display: inline-block !important;
	}
	#footer .content_block .follow_block{
		margin-top:3%;
	}
	#footer2 .content_block .img_group{
		display:none;
		margin-top:3%;
	}
	#footer2 .content_block .str_block .img_block{
		display:none;
	}
	#top_menu{
		display:none;
	}
	.inside #wrapper > .right{
		float:left;
		width:94%;
		padding-left:3%;
		padding-right:3%;
		min-height:auto !important;
		margin-left:0;
	}
	.inside #wrapper > .left{
		width:94%;
		margin-left:3%;
		margin-right:3%;
	}
	.inside .image_block,.inside .video_block{
		margin-left:0;
	}
	.series_slider .text_block .content_block .button_block{
		width:26%;
	}
	.home #event_popup .left{
		width:100%;
	}
	.inside #event_popup .left{
		width:100%;
	}
	#event_popup .right{
		display:none;
	}
	.block_ticket .desktop{
		display:none;
	}
	.block_ticket .tablet_and_mobile{
		display:block;
	}
	.series_slider{
		margin-top:2.7%;
	}
	/* .left.clear.margin-top-17 {
		width: 33.5%;
	}
	.right.clear.margin-top-17 {
		width: 63.2%;
	} */
	.left.clear.margin-top-17 {
		width: 100%;
		float:none;
	}
	.right.clear.margin-top-17 {
		width: 100%;
		float:none;
	}
    .banner_left2 .content_block {
        padding-bottom: 6%;
	}
	.year_row {
		width: 100%;
	}
	.right.clear.margin-top-17 .series_slider .more-detail-bg {
		padding: 10px;
		width: 80%;
	}
}
@media screen and (min-width:768px) and (max-width:1025px){	
	.tablet_image_block_right_group .image_block,.tablet_image_block_right_group .video_block{
		display:block;
		width:100%;
		margin-left:0;
	}
	.tablet_image_block_left_group .image_block,.tablet_image_block_left_group .video_block{
		display:block;
		width:100%;
	}
	.inside .tl_event_block .t_event_block, .inside .tl_event_block .l_news_block{
		width:100%; /* 48.5% */
	}
	.inside .tl_event_block .t_event_block{
		padding-right:1.5%;
	}
	.inside .tl_event_block .l_news_block{
		/* padding-left:1.5%; */
	}

}
@media screen and (max-width: 1024px) {
  .banner_left .top .button_block ,.banner .read_more .button_block{
    width: 90%;
  }
}
@media (max-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	#main_menu .search_block{
		width:12%;
	}
	.series_slider .text_block .content_block .button_block{
		width:30%;
	}
}
@media screen and (max-width:768px){
  .no_program_event {
    font-size: 0.8em;
  }
	.l_img_r_text_block .text_block {
		width: 45%;
	}
	.news_icon,.news_icon2{
		top: 120px;
	}
	.news_icon img,
	.news_icon2 img{
		width:50px;
	}
	.tabs_content table{
		width:100% !important;
	}
	/*.tabs_content tr td:not(:first-child){
		width:auto !important;
	}*/
	.tl_event_block .content_block .big_title {
		font-size: 1.5em;
	}
	.sessions{
		border-top: 1px solid #333;
		padding: 10px 0;
		display:block;
		width:100%;
	}
	.take-ticket-block .button-group .button-div-block{
		margin-right:0;
		margin-bottom:10px;
	}
	.enter-information-block,.personal-terms-block{
		padding-left:0;
		padding-right:0;
	}
	.enter-information-block input{
		width:100%;
	}
	.enter-information-block .half-block{
		width:100%;
		padding-right:0;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.enter-information-block .full-block{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.main-title,.main-content,.sub-title,.ticket-session-block{
		padding-left:0;
	}
	.paragraph .button-group .button-div-block{
		width: 100%;
		max-width: 300px;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#footer .content_block .four_block{
		width:100%;
		padding-top: 4%;
		padding-bottom: 6%;
	}
	#footer .content_block .subscribe_block .footer_pad1{
		padding: 4% 12% 4% 6%;
	}
  .banner_left .top .button_block ,.banner .read_more .button_block{
    width: 100%;
  }
}
@media (max-width:767px) {
	body{
		font-size:17px;
	}
	.search_frame{
		width:100%;
	}
	.mobile_big_title{
		padding-left:5%;
		padding-top:6%;
	}
	.filter_block .type_block_group{
		margin-top:1%;
		margin-bottom:1%;
	}
	.mobile_slider{
		display:block;
	}
	.desktop_slider,.tablet_slider{
		display:none;
	}
	.program_block .direction{
		width:10%;
	}
	#main_menu{
		height:60px;
	}
	#news_pop .content_block{
		padding-top:2%;
	}
	#news_pop .content_block .news_item_block .title{
		padding-top:15px;
	}
	#news_pop {
	    font-size: 0.6em;
	}
	.series_slider .series_logo{
		padding:0;
	}
	.series_slider .series_logo a{
		padding:0;
	}
	.no_program{
		padding-top:10%;
		padding-bottom:5%;
	}
	.home_today_event{
		margin-top:3%;
	}
	.home_hightlight_list{
		margin-top:3%;
	}
	.search_event_block .content_block .title_block{
		font-size:1.7em;
	}
	.search_event_block .content_block .item_block .b_row select,.search_event_block .bg_input{
		background-size: 40px;
	}
	.search_event_block .input_common_height{
		height:40px;
	}
	.inside #wrapper > .left{
		margin-top:3%;
	}
	.desktop_filter, .tablet_filter{
		display:none;
	}
	.mobile_filter{
		margin-top:3%;
		display:block;
	}
	.mobile_row{
		display:block;
	}
	.desktop_row,.tablet_row{
		display:none;
	}
	.home .mobile_row{
		/* margin-left: 3%; */
		/* margin-right: 3%; */
		width:100%;
	}
	.mobile_row .first{
		display:block;
		margin-left:0;
	}
	.mobile_row .image_block,.mobile_row .video_block{
		width:100%;
		margin-top:3%;
	}
	.slide_mobile_row .image_block,.slide_mobile_row .video_block{
		width:100%;
		margin-top:0;
	}
	.top_outside{
		width: 100%;
		min-height: 60px;
	}
	.home .tl_event_block .l_news_block{
		margin-top:3%;
	}
	.home .tl_event_block .t_event_block,.home .tl_event_block .l_news_block{
		margin-left: 0;
		margin-right: 0;
		width:100%;
		margin-bottom:20px;
	}
	.l_news_block .content_block2{
		margin-bottom:0;
	}
	.wider_block{
    width: 100%;
		margin-top:0;
    margin-left: 0;
    margin-right: 0;
	}
	.image_block > .content_block .conditions_block .type_block_group{
		width:64%;
	}
	#main_menu .logo_block img{
		width:70%;
	}
	.banner_left .content_block .top .button_block, .banner_left2 .content_block .top .button_block{
		float:left;
		width:35%;
	}
	.video_block .video_text_mask .content_block .down .date_block{
		float:none;
	}
	.tab_block .paragraph table{
		width:100%;
	}
	#footer{
		margin-top:6%;
	}
	#footer .content_block .img_group{
		width:97%;
		margin-top:10px;
	}
	#footer .content_block .img_group .img_block{
		width: 49%;
		text-align: center;
	}
	#footer2 .content_block{
		padding-top:4%;
	}
	#footer2 .content_block .str_block{
		width:100%;
		text-align:center;
		padding-bottom: 4%;
		line-height:20px;
		max-width: none;
	}
	#footer .content_block .four_block .img_block{
		text-align:left;
	}
	.mobile_image_block_group{
		display:block;
		margin-top:4%;
	}
	.row_block{
		display:none;
	}
	.series_slider{
		margin-top:3%;
	}
	.series_slider.series_slider_hm{
		margin-top:0;
	}
	.series_slider .text_block .content_block .button_block{
		width:33%;
	}
	.inside .l_news_block .content_block{
		margin-top:3%;
	}
	.inside .tl_event_block .t_event_block,.inside .tl_event_block .l_news_block{
		width:100%;
	}
	.series_slider .img_block,
	.series_slider.series_slider_hm .img_block{
		width:100%;
	}
	.series_slider .text_block{
		width:100%;
		margin-bottom: 12%;
	}
	.series_slider.series_slider_hm .text_block.hvh-item{
		width:100%;
		margin-bottom:10px;
		min-height:180px;
	}
	.series_slider.series_slider_hm .text_block.hvh-item .dirnav{
		bottom:15px;
	}
	.series_slider.series_slider_hm .text_block.hvh-item .prev.dirnav{
		left:auto;
		right:150px;
	}
	.series_slider .img_block .content_block{
		padding:3% 3%;
	}
	.series_slider.series_slider_hm .img_block .content_block{
		padding:0;
	}
	.series_slider .text_block .content_block{
		padding:3% 3%;
	}
	.series_slider .series_logo{
		/* top:3%;
		left:3%; */
	}
	.l_news_block .content_block2{
		padding:3% 0% 0 0;
		width:100%;
	}
	.tab_n_mob{
		margin-top:3%;
	}
	.date_str_block .M_N_D{
		font-size:2em;
	}
	.datepicker .datepicker-switch{
		font-size:2em;
	}
	.newsF .paragraph .content_block .text_block .right_block.trailer_block{
		
		bottom:0;	
	}
	.slider_direction_block, .slider_direction_block2{
		width:6%;
	}
	.video_highlight_main{
		width:90%;
		padding-left:0;
		padding-right:0;
	}
	.sec_video_highlight_main{
		padding:0;
	}
	.cust-container{
		width:90%;
	}
	.series_slider .text_block .content_block .title_block{
		padding-top:0;
	}
	.right.clear.margin-top-17 .series_slider .more-detail-bg{
		display:none;
	}
	.series_slider .text_block{
		margin-bottom:0;
	}
	.series_slider .text_block .content_block{
		min-height:80px;
	}
	.series_slider .dirnav{
		bottom:15px;
	}
	.series_slider .dirnav.next{
		right:10px;
	}
	.series_slider .dirnav.prev{
		left:auto;
		right:120px;
	}
}


@media (max-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	#main_menu .search_block {
		width: 15%;
	}
}
@media (max-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
	#main_menu .search_block {
		width: 18%;
	}
	#main_menu .logo_block img{
		width:90%;
	}
	.newsF .paragraph .content_block .text_block{
		padding-bottom:28%;
	}
	.search_event_block .content_block .item_block .b_row .r_right{
		margin-top:3%;
	}
	.search_event_block .content_block .item_block .b_row .mobile{
		margin-top:0;
		margin-bottom:3%;
	}
	.search_event_block .content_block .item_block .b_row{
		margin-bottom:3%;
	}
	.date_str_block .M_N_D{
		font-size:1.5em;
	}
	.datepicker .datepicker-switch{
		font-size:1.5em;
	}
}
@media (max-width:1200px) and (min-width:1024px){
	.t_event_items .l_img_r_text_block .img_block{
		float:none;
		width:100%;
		padding-right:0;
	}
	.t_event_items .l_img_r_text_block .text_block{
		float:none;
		width:100%;
	}
}
@media (max-width:425px) {
	.banner_left .top .button_block ,.banner .read_more .button_block{
		font-size: 0.7em;
	}
	.l_img_r_text_block .img_block, .l_img_r_text_block .text_block, .right.clear.margin-top-17, .left.clear.margin-top-17 {
		width: 100%;
	}
  .event_list .l_img_r_text_block .img_block {
    width: 30%;
  }
}
@media (max-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
	body{
		font-size:16px;
	}
}
@media (max-width:992px) { /* smartphones, iPhone, portrait 480x320 phones */
	.enter-information-block .full-block .ticket_remark_popup{
		width: 80%;
	}
}



.fadein{
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (min-width:0\0){
	.tab_block .category_block .category_item_block .str_block .middle_str{
		left:0;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
}

.shakespaeare_image_block{
	display:none !important;
}

/** [2020-10-13] Click For Arts and other layout style */
.loading-overlay{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:#f9f7f8;
	z-index:9999;
}
body.loading-overlay-open{
	overflow:hidden;
}
.online_pg_page .side-bg{
	display:none;
}
.online_pg_top_highlight{
	position:relative;
}
.highlight-title{
	position:absolute;
	left:0;
	bottom:calc(100% + 20px);
	/*transform-origin:0 0;*/
}
.highlight-title.mobile{
	display:none;
}
.highlight-title{
	padding-top:5px;
	border-bottom:5px solid #ef5b2b;
	font-weight:bold;
	font-size:1.2em;
	display:inline-block;
	margin:0;
}

.highlight-filter-menu{ 
	font-family: 'Arimo', sans-serif;
	background-color:#f0e7de;
	padding:20px 10%;
	text-align:center;
}
.highlight-filter-menu p,
.online_pg_top_highlight p{
	margin:0;
}
.highlight-filter-menu .menu-title{
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	position:relative;
	display:inline-block;
}
.highlight-filter-menu .menu-title:before{
	content:'';
	position:absolute;
	bottom:3px;
	left:0px;
	height:7.5px;
	width:90%;
	background-color:white;
	z-index:4;
}
.highlight-filter-menu .menu-title span{
	z-index:5;
	position:relative;
}
.highlight-filter-menu .filter-option{
	padding:8px 10%;
	border-bottom:1px solid white;
	cursor:pointer;
	transition:all 0.5s;
	text-align:left;
}
.highlight-filter-menu .filter-option.active{
	border-left:7px solid #f96303;
	background-color:rgba(255,255,255,.5)
}
.highlight-filter-menu .filter-option:last-child{
	border-bottom:none;
}
.highlight-filter-menu .filter-option img{
	display:inline-block;
	vertical-align:middle;
	max-width:30px;
}
.highlight-filter-menu .filter-option p{
	display:inline-block;
	vertical-align:middle;
	max-width:calc(100% - 40px);
	padding-left:10px;
	font-size:0.9em;
}
.online_pg_top_highlight{
	margin:20px 0;
	padding-top:40px;
}
.online_pg_top_highlight .image_area{
	display:inline-block;
	position:relative;
	width:45%;
	padding-top:29%;
	vertical-align:bottom;
	z-index:2;
	margin-bottom:20px;
}
.online_pg_top_highlight .image_area .block{
	/*opacity:0;*/
	position:absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width:100%;
	height:100%;
	opacity:0;
	transition:all 0.5s;
	overflow:hidden;
}
.online_pg_top_highlight .image_area .block.active{
	opacity:1;
	z-index:10;
}
.online_pg_top_highlight .image_area .block img{
	width:100%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	transition:all 0.5s;
}
.online_pg_top_highlight .image_area .block:hover img, 
.online_pg_top_highlight .image_area .block.active img{
	transform: translate(-50%,-50%) scale(1.05);
}
.online_pg_top_highlight .text_area{
	position:relative;
	display:inline-block;
	width:calc(62.5% - 5px);
	margin-left:-7.5%;
	/*background-color:#fde9e2;*/
	background-image:url(../images/clickforarts_bg.jpg);
	background-position:right top;
	background-size:cover;
	box-sizing:border-box;
	vertical-align:middle;
	z-index:1;
	text-align:right;
	min-height:435px;
}
.online_pg_top_highlight .cfa-icon{
	margin-right:10px;
	max-width:150px;
	margin-bottom:-10px;
	margin-top:10px;
	display:none;
}
.online_pg_top_highlight .cfa-icon.mobile{
	display:none;
} 
.online_pg_top_highlight .text_area .container{
	/*position:absolute;
	left:0;
	top:50%;*/
	padding-left:calc(12.5% + 2.5%);
	/*transform:translateY(-50%);
	bottom:5%;*/
	margin-bottom:30px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
	padding-top:20%;
}
.online_pg_top_highlight .text_area .container .left-area,
.online_pg_top_highlight .text_area .container .right-area{
	display:inline-block;
	max-width:calc(50% - 15px);
	margin-right:10px;
	padding-right:0%;
	vertical-align: top;
}
.online_pg_top_highlight .text_area .container .block{
	max-width:100%;
	margin-bottom:35px;
	box-sizing:border-box;
	position:relative;
	cursor:pointer;
	font-family: 'PT Serif', 'Microsoft JhengHei'; 
}
.online_pg_top_highlight .text_area .container .block.mobile_show{
	display:none;
}
.online_pg_top_highlight .text_area .container .block:last-child{
	margin-bottom:0;
}
.online_pg_top_highlight .text_area .container .block:before{
	content:'';
	position:absolute;
	top:-7.5px;
	height:5px;
	width:0px;
	transition:all 0.5s;
	background-color:#f96303;
}
.online_pg_top_highlight .text_area .container .block.active:before{
	width:30%;
}
.online_pg_top_highlight .text_area .container .block .subject{
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:5px;
	color:#000;
	position:relative;
}
.online_pg_top_highlight .text_area .container .block.active .subject{
	color:#E86026
}
.online_pg_top_highlight .text_area .container .block .subject .arrow{
	margin-bottom:-2.5px;
	transition:all 0.5s;
} 
.online_pg_top_highlight .text_area .container .block:hover .subject .arrow{
	transform:translateX(7.5px);
}
.online_pg_top_highlight .text_area .container .block .type{
	color:#666;
	font-size:0.9em;
}
.online_pg_page .inside_banner img{
	width:100%;
}
@media screen and (max-width: 1024px) {
	.online_pg_page .inside_banner{						
		padding-top: 35%;
	}
	.online_pg_page .inside_banner img{
		position:absolute;
		height:100%;
		width:auto;
		top:0;
		left:50%;
		transform:translateX(-50%)
	}
}

@media (max-width:1025px) {
	.online_pg_top_highlight .image_area{
		width:100%;
		padding-top:65%;
	}
	.online_pg_top_highlight .text_area{
		width:100%;
		padding:0%;
		margin:0%;
		margin-top:-20px;
		padding-top:20px;
		min-height:0;
		background-image:url(../images/clickforarts_bg_mobile.jpg);
	}
	.online_pg_top_highlight .text_area .container{
		padding:0;
		position:relative;
		top:0;
		transform:none;
		padding:20px;
	}
	.online_pg_top_highlight .text_area .cfa-icon{
		
	}
	.online_pg_top_highlight .text_area .container .block.mobile_show{
		display:block;
	}
	.online_pg_top_highlight .text_area .container .left-area{
		margin-bottom:25px;
	}
	/* html[lang="tc"] .highlight-title,
	html[lang="sc"] .highlight-title,
	html[lang="en"] .highlight-title{
		margin-bottom:10px;
	} */
	.highlight-title.mobile_hide{
		display:none;
	}
	.highlight-title.mobile{
		display:inline-block;
		position:relative;
		margin-top:calc(75px - 1.5em - 5px);
	}
	.online_pg_top_highlight .cfa-icon.mobile{
		display:inline-block;
		margin:0;
		float:right;
		max-width:75px;
		margin-bottom:5px;
	}
	.online_pg_top_highlight .cfa-icon.mobile_hide{
		display:none;
	}
	.online_pg_top_highlight{
		padding-top:0;
	}
}
/** END [2020-10-13] Click For Arts and other layout style */
.side-bg{
	display:none;
}
#main_menu{
	background-color:#ef5b2b;
	background-image:none !important;
}
#main_menu .menu_list_block .menu_list li.click_for_arts_nav{
	background-color: #eeeff1;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding:0 12.5px;
	position:relative;
}
#main_menu .menu_list_block .menu_list li.click_for_arts_nav.active:after{
	content:'';
	position:absolute;
	left:0;
	top:100%;
	height:3px;
	background-color:#ef5b2b;
	width:100%;
}
#main_menu .menu_list_block .menu_list li.click_for_arts_nav a{
	color:#ef5b2b;
}
#main_menu .menu_list_block .menu_list li.click_for_arts_nav img{
	vertical-align:middle;
	margin-left:-10px;
}
#main_menu .menu_list_block .menu_list li img{
	vertical-align:middle;
}
.banner_right .flexslider{
	padding-left:2.5%;
}
@media (max-width:1025px) {
	#main_menu .menu_list_block .menu_list li.click_for_arts_nav{
	    display: block;
		border-bottom: 1px solid #BBB;
		position: relative;
		text-align: left;
		line-height: 1;
		padding: 20px 30px;
		margin: 0;
	}
	#main_menu .menu_list_block .menu_list li.click_for_arts_nav img,
	#main_menu .menu_list_block .menu_list li img{
		display:none;
	}
	#main_menu .menu_list_block .menu_list li.active{
		background-color:transparent;
	}
	#main_menu .menu_list_block .menu_list li.active a{
		color:#ef5b2b;
	}
	#main_menu .menu_list_block .menu_list li.active:after{
		display:none;
	}
	#main_menu .menu_list{
		font-size:1em
	}
	.hidden_top_bar #main_menu .menu_list{
		font-size:1em;
	}
}
@media (max-width:1200px) {
	.banner_right .flexslider{
		padding-left:30px;
	}
}
.banner_right .flex-viewport{
	padding-bottom:30px;
}
.banner_right .flexslider .flex-control-nav, .banner_right2 .flexslider .flex-control-nav{
	bottom:calc(2% + 30px);
}
.banner:before{
	content:'';
	position:absolute;
	left:0;
	top:-175px;
	width:2.5%;
	min-width:40px;
	height:calc(90% + 175px - 30px);
	background-color:#ef5b2b;
	z-index:2;
}
.banner .read_more{
	width:20%;
	left:auto;
	right:15%;
	bottom:0;
	transform:translateY(50%);
	/*bottom:auto;
	padding-bottom:calc(1.3em + 7%);*/
}

#main_menu .menu_list_block .menu_list li a,
#event_popup .right .content_block a .text_block,
.date_str_block .M_N_D,
.event_list .l_img_r_text_block .text_block,
.tl_event_block .content_block .big_title,
.l_img_r_text_block .text_block,
.tab_block .caption_title
{
	font-family: 'PT Serif', 'Microsoft JhengHei';
}
.tab_block .category_block .category_item_block .str_block{
	transition:color 0.5s;
}
.en .tab_block .category_block .category_item_block .str_block:hover{
	color:#999;
}
.image_block > .content_block .block-desc{
	height:auto;
}
.banner_left .top .button_block,.banner .read_more .button_block{
	box-shadow:none;
	background:none;
	background-color:#ef5b2b;
	width:100%;
	padding:3.5% 2.5%;
	margin: 0 !important;
	z-index:10;
	box-sizing:border-box;
}

.home_hightlight_list{
	position:relative;
	margin-top:50px;
}

.l_news_block{
	float:none;
	margin-bottom:30px;
}
@media (max-width:767px) {
	.home_hightlight_list .image_block,
	.home_hightlight_list .wider_block{
	}
	.banner:before{
		top:-60px;
		height:calc(90% + 60px - 30px);
	}
}
.himage .content_block .block-desc,
.image_block > .content_block .block-desc{
	width:100%;
	margin-left:auto;
	background-color:white;
	z-index:2;
	position:relative;
}
.himage .content_block .conditions_block,
.image_block > .content_block .conditions_block,
.home_hightlight_list .conditions_block.clear {
	box-sizing:border-box;
	border-top:none;
	background-color:white;
	opacity:1;
	padding-bottom:15px;
}
.image_block > .content_block .img_block img{
	vertical-align:bottom;
}
.cate_right {
	float:left;
	text-align:left;
}
.cate_right > a{
	margin-right:10px;
}
.cate_bar{
	margin:0;
	padding:0;
	padding-top:2px;
	border-radius:0;
	background:none !important;
	font-family: 'Arimo', sans-serif;
}
.cate_bar.music_cat{
	border:none !important;
	border-top:5px solid #b1fccd !important;
}
.cate_bar.dance_cat {
	border:none !important;
	border-top:5px solid #ade3fe !important;
}
.cate_bar.opera_cat {
	border:none !important;
	border-top:5px solid #fff1d0 !important;
}
.cate_bar.theatre_cat {
	border:none !important;
	border-top:5px solid #fdd0c3 !important;
}
.cate_bar.art_cat {
	border:none !important;
	border-top:5px solid #f5c7fd !important;
}
.cate_bar.family_cat {
	border:none !important;
	border-top:5px solid #b350ef !important;
}
.cate_bar.default{
	border:none !important;
	border-top:5px solid #000 !important;
}
.date_to_date_group{
	float:right;
}
.date_to_date_block_old .top, .date_to_date_block_old .bottom, .date_to_date_block_old .topfontpoint9em, .date_to_date_block_old .bottomfontoneem {
	font-family: 'Arimo', sans-serif;
}
.date_to_date_block_old .top, .date_to_date_block_old .topfontpoint9em {
    color:#e86026;
	font-size: 0.9em;
	text-transform:uppercase;
}
.date_to_date_block_old .bottom, .date_to_date_block_old .bottomfontoneem {
	color: #999;
	font-size:1.4em;
}
.date_to_date_block_old .top, .date_to_date_block_old .topfontpoint9em{
	font-weight:bold;
}
.date_to_date_block_old .bottom, .date_to_date_block_old .bottomfontoneem{
	font-weight:normal;
}
.himage .content_block,.image_block:not(.image_block_new) > .content_block{
  /*padding-bottom:70px;*/
  padding-bottom:0px;
}
#footer{
	border-top:2px solid rgba(106,106,106,.3);
	border-bottom:2px solid rgba(106,106,106,.3);
}
.footer_pad1,
.footer_pad2{
	padding-top:0;
}
#footer .content_block .four_block .title_block{
	position:relative;
	display:inline-block;
	width:auto;
	padding-top:30px;
}
#footer .content_block .four_block .title_block:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background-color:#ef5b2b;
	height:5px;
}
#footer .content_block .four_block .button_block{
	border:2px solid rgba(106,106,106,.3);
}
#footer .content_block .four_block .button_block input{
	border-right:2px solid rgba(106,106,106,.3);
}
#footer .content_block .four_block.subscribe_block,
#footer .content_block .related_link_block{
	background-color:#f9f7f8;
}

#footer .related_link_block .img_block:has(> a > img[src="../../images/related_link_01_en.jpg"]),
#footer .related_link_block .img_block:has(> a > img[src="../../images/related_link_01_tc.jpg"]),
#footer .related_link_block .img_block:has(> a > img[src="../../images/related_link_01_sc.jpg"]){
	display: none;
}

#footer2 .content_block .four_block li {
	font-weight:bold;
}
@keyframes b {
  0% {
    tranform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-50%);
  }
}


.event_b_block .event-area{
	border-left:5px solid #ef5b2b;
	background-color:white;
}
.event_b_block .event-area .event-item{
	margin-bottom:0;
}
.event_b_block .event-area .event-item .event-venue{
	border-bottom:1px solid rgba(106,106,106,.3);
	background-color:white;
}
.event_b_block .event-area .event-item .event-details{
	background-color:#f3f4f8;
	border-bottom:1px solid rgba(106,106,106,.3);
}
.event_b_block .content_block .b_button{
	background:none ;
	background-color:#ef5b2b;
}
.tab_block .category_block .category_item_block.prog_tab{
	background:transparent;
	padding:0;
	margin-right:0;
}
.tab_block .category_block .category_item_block.prog_tab .cactive{
	background:transparent;
	color:#000;
	position:relative;
}
.tab_block .category_block .category_item_block.prog_tab .cactive:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:3px;
	content:'';
	background-color:#ef5b2b;
	/*color: #000;
	background:transparent;
	border-bottom:3px solid #ef5b2b;*/
}
.tab_block .category_block .category_item_block .str_block{
	padding: 6px 0px;
	color:black;
	padding:15px;
	border-bottom:1px solid #EEE;
}
.tab_block .category_block.prog_tab_border {
	border-bottom: 0px;
	
}
html[lang="en"] .sale_btn_block{
	background-image:url(../images/now-on-sale_en_v2.png) !important;
}
html[lang="en"] .sale_btn_block:hover{
	background-image:url(../images/now-on-sale_en_v2.gif) !important;
}
html[lang="tc"] .sale_btn_block,
html[lang="sc"] .sale_btn_block{
	background-image:url(../images/now-on-sale_tc_v2.png) !important;
}
html[lang="tc"] .sale_btn_block:hover,
html[lang="sc"] .sale_btn_block:hover{
	background-image:url(../images/now-on-sale_tc_v2.gif) !important;
}
.lottie-obj svg{
	vertical-align:middle;
}
.search_img.lottie-obj svg,
.header-fb-icon .lottie-obj svg,
.a2a_kit .lottie-obj svg{
	max-height:28px;
}
.a2a_kit .lottie-obj,.a2a_kit .gif-obj{
	width:28px;
	margin:0 auto;
	vertical-align:middle;
}
.hidden_top_bar #main_menu .header-fb-icon .lottie-obj,
.hidden_top_bar #main_menu .search_block .lottie-obj{
	/*width:80%; */
}
.open_mobile_menu .three_line_group.for_close{
	display:none;	
}
.open_mobile_menu .three_line_group{
	display:block;
}
.open_mobile_menu .three_line_group img{
	display:none;
}
.event_b_block .event-area .event-item .event-venue .text_block{
	width:calc(80% - 20px);
}
.home_hightlight_list.v2 .bottom .image_block{
	margin-top:0;
	margin-bottom:6%;
}
.fancybox-close{
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    line-height: 50px;
    display: inline-block;
	background:none;
	top:-55px;
}
.fancybox-close:before, .fancybox-close:after {
	width: 35px;
	height: 5px;
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 50%;
	left:23%;
	display: block;
	background-color: #fff;
	transition: all 0.25s ease-out;
}

.fancybox-close:after {
	transform: rotate(-135deg);
}

.fancybox-close:hover:before, .fancybox-close:hover:after {
	transform: rotate(0deg);
}
.a2a_button_sina_weibo img{
	display:none;
}
.a2a_button_sina_weibo{
	height:28px;
	vertical-align:bottom;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:50%;
	background-image:url("https://www.lcsd.gov.hk/CE/CulturalService/Programme/images/animation_json/weibo.png");
}
.a2a_button_sina_weibo:hover{
	background-image:url("https://www.lcsd.gov.hk/CE/CulturalService/Programme/images/animation_json/weibo.gif");
}
    

@media (max-width:1200px) {
	.banner_right .flexslider{
		padding-left:30px;
	}
	#main_menu .search_block{
		width:40px;
		padding-right:0;
		max-width:none;
	}
	#main_menu .search_block > a{
		max-width:none;
		display:inline-block;
	}
	#main_menu .search_block > a .search_img{
		width:100%;
		max-width:100%;
	}
	#main_menu .search_block .search_img{
		max-width:none;
	}
	.three_line_block{
		float:none;
		margin-left:10px;
		width:calc(70% - 20px);
		min-height:0px;
	}
	.three_line_block .three_line_group{
		position:relative;
		top:auto;
		left:auto;
		transform:none;
	}
}
@media (max-width:1025px) {
	#main_menu .search_block{
		width:70px;
	}
	#main_menu .search_block > a{
		width:30%;
	}
}
@media (max-width:500px) {
	.banner:before{
		width:5%;
		min-width:0;
	}
	.banner_right .flexslider{
		padding-left:5%;
	}
}

/* Episode style */
.episode_area{
	display:inline-block;
	font-family: 'PT Serif', 'Microsoft JhengHei';
	font-size:14px;
	position:relative;
}
.episode_area .episode_count{
	display:inline-block;
	vertical-align:middle;
}
.episode_area .episode_menu_area{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin-left:5px;
}
.episode_area .episode_menu_area .episode_icon{
	height:30px;
	width:30px;
	background-image:url("https://www.lcsd.gov.hk/CE/CulturalService/Programme/images/episode_btn.gif");
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
}
.episode_area .episode_menu_area .episode_icon:hover{
}
.episode_area .episode_menu_area ul.episode_menu{
	display:none;
	position:absolute;
	left:3px;
	top:3px;
	min-width:140px;
	border: 1.5px solid rgba(106,106,106,.3);
	padding:5px 10px;
	z-index:2;
	background-color:white;
}
.episode_area .episode_menu_area ul.episode_menu li{
	border-bottom:2px dotted #000;
	padding:5px 0;
	font-size:0.9em;
}
.episode_area .episode_menu_area ul.episode_menu li a{
	color:#999;
	transition:color 0.5s;
	width:100%;
	display:block;
}
.episode_area .episode_menu_area ul.episode_menu li:last-child{
	border-bottom:none;
}
.episode_area .episode_menu_area ul.episode_menu li:hover a{
	color:#e86026;
}
.episode_area .episode_menu_area ul.episode_menu.active{
	display:block;
}
.programs_1561{
	min-height: 319px;
}
@media screen and (orientation: portrait) {
	/*竖屏 css*/

}    
@media screen and (orientation: landscape) {
	/*横屏 css*/
	/*
	html {
		overflow: auto;
	}
	  
	html,
	body,
	div,
	iframe {
		margin: 0px;
		padding: 0px;
		height: 100%;
		border: none;
	}
	  
	iframe {
		display: block;
		width: 100%;
		border: none;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.tab_block .paragraph iframe{
		height: 100vh;
		width: 100vw;
		max-width: 100vw;
		top: 0;
		position: fixed;
		left: 0;
		z-index: 10;
	}
	*/
}