@charset "utf-8";
@import url(jquery-ui.min.css);
@import url(responsiveslides.css);
@import url(nomalize.css);
@import url(font-awesome.min.css);
@import url(bootstrap.min.css);
@import url(animate.css);
@import url(fonts.css);

html{}
body{font-size:12px;line-height:1.2em;}
img{border:0;}
br {font-family:'Arial' !important;}
.engType{font-family:'CochinLTStd';}
.engType2, .engType2 em {font-family:'Arial';}
.chiType, .chiType strong {font-family:'CochinLTStd';}
.vspace{margin-bottom:10px;display:block;}
.rslides{position:absolute;z-index:0;}
a:hover,a:active,a:focus{text-decoration:none;}
:lang(en) .font_l{font-size:22px;}
:lang(en) .font_m{font-size:19px;}
:lang(en) .font_s{font-size:16px;}
:lang(en) .l_size{font-size:22px !important;}
:lang(en) .m_size{font-size:19px !important;}
:lang(en) .s_size{font-size:16px !important;}
.font_l{font-size:26px;}
.font_m{font-size:23px;}
.font_s{font-size:20px;}
.l_size{font-size:26px !important;}
.m_size{font-size:23px !important;}
.s_size{font-size:20px !important;}
.scrollable{overflow-x:scroll;}
.addbold {font-weight:bold;}
.smaller {font-size:80%;}

/*Notice*/
#notice{position:absolute;background-color:#ffd6cb;color:#600;top:50%;left:50%;z-index:101;display:none;width:750px;}
#notice h1{font-size:120%;text-align:center;font-weight:bold;text-decoration:underline;line-height:80%;}
#notice h2{font-size:100%;text-align:center;text-decoration:underline;line-height:80%;}
#notice p {font-size:20px !important;}
#notice div{padding:20px;}
#notice img{width:28px;}
#notice .right{text-align:right;font-size:60%;}
#notice .close-btn{float:right;margin:5px;}

/*Menu*/
.container {display:inline-block;cursor:pointer;}
.bar1,.bar2,.bar3 {width:36px;height:5px;background-color:#e8ac3c;margin:6px 0;transition:0.4s;z-index:2;}
.change .bar1 {-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);}
.change .bar2 {opacity:0;}
.change .bar3 {-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px);}
.navbar-toggle{margin:0;float:left;z-index:2;}
#topBar .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:transparent;z-index:10;}
#topBar .navbar-collapse{position:absolute;width:100%;background-color:#600;z-index:1;padding:0;}
#topBar .navbar-nav>li>a{color:#000;}
#topBar .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#54a09a;}
.navbar-header{position:absolute;}
.navbar-header img{width:53%;}
.navbar-brand{position:fixed;right:0;display:none;}
.navbar-brand img{float:right;}
.navbar-right{margin-right:0;}
.navbar{margin:0;}
.navbar .container-fluid{max-width:1920px;margin:0 auto;}
.navbar-default{border-color:rgba(231,231,231,0);background-color:rgba(248,248,248,0);width:100%;}
.navbar-collapse .navbar-nav>li>a{color:#54a09a;border-bottom:1px solid #54a09a;}
.navbar-nav{margin:0;}
.navbar-nav>li>a>span{line-height:0;}
#carouselButtons{display:none;}

#logo{float:right;margin:20px;z-index:1;display:block;}
#logo img{width:100px;}
#circle{display:block;margin:0 auto;z-index:1;position:relative;text-align:center;clear:both;}
#circle img{width:600px;}
.bg{background:url('../images/bg.gif')no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;}
body#inside-page .bg{position:fixed;top:0;width:100%;z-index:-1;}
#bestview{text-align:right;position:absolute;right:20px;bottom:20px;}
footer{background:url('../images/bottom-bar.png')repeat-x;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:100;position:absolute;right:0;bottom:0;left:0;}
footer.mobile{background:url('../images/bottom-bar-mobile.png')repeat-x;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:100;position:absolute;right:0;bottom:0;left:0;}
body#inside-page footer{position:fixed;}
footer .footer_inner{margin:0 auto;position:relative;}
footer .left{color:#000;font-size:14px;margin:70px 20px 0 20px;}
footer .right{right:0;margin:0 20px;}
footer .right ul{padding:0;margin-top:20px;}
footer .right ul li{display:inline-block;margin:10px 5px;}
footer .right ul li img{width:40px;}

/*Landing Upper*/
body#landing{overflow:hidden;}
body#landing #circle {cursor:pointer;}
body#landing #enter-btn{width:70%;text-align:center;margin:0 auto;cursor:pointer;}
body#landing #enter-btn .button{z-index:100;background-color:rgba(124,38,9,0.5);border:0;border-radius:5px;padding:10px;}
body#landing #enter-btn #arrow-btn{margin-top:10px;}
body#landing #main #nav{display:none;}
/*body#landing #main .menu_inner{position:fixed;top:0;width:100%;}*/body#landing #main .menu_inner{position:absolute;top:0;height:60px;width:100%;}

/*Top Bar*/
#main{position:relative;}
body#inside-page #main .menu_inner{position:fixed;top:0;width:100%;height:60px;}
#main .menu_inner{background-color:rgba(155,48,26,0.5);z-index:100;position:relative;}
#main .menu_inner #topBar{position:relative;height:100%;margin:0 auto;z-index:100;height:75px;}
:lang(en) #main .menu_inner #topBar{font-size:70%;line-height:2em;}
#main .menu_inner #topBar ul#left-menu{margin:0;padding:0;font-size:23px;line-height:30px;}
#main .menu_inner #topBar ul#left-menu>li:first-child{margin-top:60px;}
#main .menu_inner #topBar ul#left-menu>li{display:block;position:relative;border-bottom:1px solid #f7d495;text-align:center;}
#main .menu_inner #topBar ul#left-menu li a{color:#fff;padding:0 10px;}
#main .menu_inner #topBar ul#left-menu>li>a{padding:5px 0;display:block;}
#main .menu_inner #topBar ul#left-menu li:last-child a span{border-right:0px;}
#main .menu_inner #topBar ul#left-menu li ul{display:none;}
#main .right-circle{display:none;}
#main #nav{background-color:#600;border:0;border-radius:5px;padding:5px;float:left;position:fixed;top:20px;left:92px;}
#main ul#nav li a{color:#fff;}
/*#main ul#nav li{display:inline-block;padding:5px;}*/#main ul#nav li{display:inline-block;padding:5px;float:left;}

body#inside-page .carousel{position:relative;z-index:0;top:0;margin-top:60px;}
.carousel-indicators li{border-radius:0;background-color:transparent;border:1px solid #600;}
.carousel-indicators .active{background-color:#600;}
.carousel{position:relative;z-index:0;top:60px;}
.carousel-caption{left:0;margin:0;padding:0;bottom:10px;text-align:left;}
.carousel-caption span{background:url('../images/slider/box-bg.png')repeat-x;padding:4px 0;font-size:60%;vertical-align:middle;height:24px;display:inline-block;}
.carousel-indicators{bottom:-40px;}
.glyphicon{font-size:12px;}
:lang(en) .carousel-caption span{padding:0;line-height:2em;}
.carousel-caption img{height:24px;vertical-align:text-bottom;vertical-align:middle;}
#carouselButtons{margin-left:50%;position:fixed;bottom:150px;background-color:rgba(124,38,9,0.5);border:0;border-radius:5px;display:none;}
body#landing #carouselButtons{margin-left:50%;position:relative;top:-38px;background-color:rgba(124,38,9,0.5);border:0;border-radius:5px;display:block;float:right;right:10px;}
body#inside-page #carouselButtons{display:inherit;position:absolute;bottom:10px;margin-left:10%;}
#carouselButtons button {border:0;background-color:transparent;color:#e8ac3c;}

#show-search ::-webkit-input-placeholder{color:#600;}
#show-search ::-moz-placeholder {color:#600;}
#show-search :-ms-input-placeholder{color:#600;}
#show-search :-moz-placeholder {color:#600;}
#show-search>div,#show-lang>div,#show-size-list>div{background-color:#600;text-align:center;}
#show-search  a,#show-lang  a,#show-size-list  a{color:#fff;}
#show-search{width:280px;position:absolute;top:40px;left:-92px;background-color:#600;padding:20px;display:none;}
#show-search p{text-align:center;color:#fff;}
#show-search a{position:absolute;right:0;padding:10px;}
#show-search .aa_text{display:none;}
#search_form{background:#ebf4ed;}
#search_form ::-webkit-input-placeholder{color:#3f834d;}
#show-search .title {margin-bottom:30px;color:#345b3c;}
#search_date {background-repeat:no-repeat;background-position:188px center;}
#show-search input[type='text']{width:218px;border:1px solid #5a4a31;color:#600;font-size:60%;padding:6px 10px;margin-bottom:18px;height:35px;}
#show-search .hidden-labels {background:#000;color:#FFF;}
#show-search select {width:218px;height:36px;border:1px solid #5a4a31;color:#600;font-size:60%;padding:6px 7px;margin-bottom:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../images/arrow-down-s.png);background-repeat:no-repeat;background-position:192px center;}
#show-search .submit{background:#600;font-size:100%;padding:5px 10px;border:1px solid #fff;text-align:center;}
#nav .for_more{z-index:10;background:url('../images/arrow-up-s.png') top center no-repeat;position:absolute;top:-12px;width:30px;height:15px;}
#show-search .for_more{left:33%;}
:lang(zh-Hans) #show-lang .for_more{left:6px;}
#show-lang .for_more{left:2px;}
:lang(en) #show-lang .for_more{left:1px;}
:lang(zh-Hans) #show-size-list .for_more{left:1px;}
#show-size-list .for_more{left:3px;}
/*#nav-popup .sc #show-search .submit{font-family:'FangSong', STFangsong;}
#nav-popup .search-btn {background-repeat:no-repeat;background-size:cover;display:block;width:115px;height:43px;margin:0 auto;margin-top:15px;}*/
#show-lang{position:absolute;top:40px;left:16px;padding:12px;background-color:#600;display:none;} 
#show-size-list{position:absolute;top:40px;left:35px;padding:10px;background-color:#600;display:none;}

body#inside-page #inside{position:relative;z-index:10;}
body#inside-page .inside-programme{margin:100px auto 150px auto;}
#inside{margin:0 auto 150px auto;}
#inside #tabs ul{width:100%;} /*from 20170412    #inside #insideTab{width:100%;background-color:#ffdfa2;} */
#inside ul{padding:0;margin:0 auto;text-align:center;}
#inside ul li{display:inline-block;margin:20px 0;text-align:left;}

/* Production Team table @ Stage Performances*/
.listinfo {width:100%;background-color:#ffd284;}
.listinfo tr td{padding:5px 10px;border:1px solid #fda714;}
.listinfo tr td ul{padding-left:24px;}
.listinfo tr td ul li span{color:#300;}

/*Programme*/
#inside ul li.box img:hover{transform:scale(1.1);}
#inside ul li.box{overflow:hidden;width:310px;height:260px;}
#inside ul li.box img{z-index:0;transition:all 0.2s;width:270px;}
#inside ul li.box div{background-color:rgba(252,193,82,0.8);width:270px;height:227px;position:absolute;z-index:1;color:#600;display:none;}
:lang(en) #inside ul li.box h2{font-size:20px;line-height:1.2em;}
#inside ul li.box h2{font-weight:bold;margin:0;padding:15px;font-size:20px;}
#inside ul li.box p{padding:0 15px;font-size:17px;}
:lang(en) #inside ul li.box p{line-height:1.2em;font-size:17px;}
#inside ul li.box p span{display:block;line-height:1em;}
#inside ul li.box a{color:#600;padding:15px;}
#inside ul li.box div.box-hover{}
#inside ul li.box div>span{background-color:rgba(255,223,162,0.6);width:270px;text-align:center;position:absolute;bottom:0;font-weight:bold;display:inline;}
#inside ul li.box div>span a{display:inline-block;}
#inside ul li.box div>span a.fa-share-alt{position:absolute;right:0;}
#inside .ui-state-active a, .ui-state-active a:link{color:#300;}

/*Programme Inside*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border:0;border-bottom-right-radius:0;}
.ui-tabs{padding:0;}
.ui-state-active a, .ui-state-active a:link{background-color:#ffdfa2;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background-color:#ffdfa2;border:0;}
.ui-widget-header{background-color:#ffdfa2;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:0;}
.ui-tabs .ui-tabs-nav{padding:0;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#600;}
.ui-tabs .ui-tabs-panel{padding:20px;background-color:#fcc152;color:#600;}
#inside #tabs{}
#inside #tabs ul li{padding:10px;font-weight:bold;font-size:130%;line-height:1.5em;margin:0;width:50%;}
#inside #tabs ul li a{color:#300;text-decoration:none;width:100%;text-align:center;}
#inside #tabs ul li:last-child a{border:0;}
#inside #tabs h1{font-size:190%;margin-top:0;font-weight:bold;}
#inside #tabs h2{font-size:115%;}
#inside #tabs hr{border-top:1px solid #600;}
#inside #tabs .share{text-align:center;margin-top:50px;}
#inside #tabs .share a{color:#600 !important;text-decoration:none !important;}
#inside #tabs .at-share-btn-elements{text-align:right;}
#inside #tabs .ui-tabs-active a:after ,#inside  #tabs .ui-state-active a:after{content: " ▾";color:#600;}
#inside #tabs {color:#9C0031;}
#inside #tabs .detail-date{display:inline-block;background-color:#ffe0a5;padding:5px 10px;margin:10px;}
#inside #tabs .title{font-size:120%;color:#900;margin-bottom:10px;font-weight:bold;}
#inside #tabs p .direct{margin-right:10px;}
#inside #tabs p.main-cast span{color:#900;margin-left:10px;}
#inside #tabs .left-border{border-left:5px solid #900;padding-left:10px;}
#inside #tabs table tr td:first-child{color:#900;}
/* <Cross Out 20170815>
#inside #tabs #tabs-6 h2{margin:10px 0;}
#inside #tabs #tabs-6 hr{margin:0;}
#inside #tabs #tabs-6 a{color:#900;text-decoration:underline;border-right:0;padding:0;}
#inside #tabs #tabs-6 a:hover{color:#bd2727;}
#inside #tabs #tabs-6 .title{color:#900;font-size:130%;margin:10px 0;}
#inside #tabs #tabs-6 .title img{padding:0 8px;}
#inside #tabs #tabs-6 ul{display:block;list-style-type:disc;margin-left:15px;margin-bottom:10px;}
#inside #tabs #tabs-6 ul li{display:list-item;padding:0;width:100%;}
#inside #tabs #tabs-6 .text-red{color:#900;}
#inside #tabs #tabs-6 .left{display:block;}
#inside #tabs #tabs-6 .right{display:block;}
#inside #tabs #tabs-6 .right img{margin-top:20px;}
*/

/* Added by Ernest */
#inside #tabs .venuelogo {float:right;height:120px;padding-left:15px;}
#inside #tabs .stage {float:right;padding-left:15px;}
#inside #tabs .price {}
#inside #tabs .shortbtn {float:left;padding:10px;padding-left:15px;padding-right:15px;margin-right:10px;cursor:pointer;font-weight:bold;border-radius:2px;font-size:120%;background-color:#ffdfa2;margin-bottom: 5px;}
#inside #tabs hr {clear:both;}
#inside #tabs .venue {float:right;font-weight:bold;font-size:115%;} /* Updated on 13/4/2017 */
#inside #tabs .sectionfont {font-size:115%;color:#900;font-weight:bold;}
#inside #tabs .castfont {font-size:100%;color:#900;}
#inside #tabs .bigfont {font-size:150%;font-weight:bold;}

/*Archives List*/
body.archives_list #inside{background-color:#fcecd2;color:#300;padding:20px 35px;margin:150px auto;}
body.archives_list #inside nav a{color:#300;}
body.archives_list #inside nav a:hover{color:#777;}
body.archives_list #inside hr{border-top:1px solid #300;clear:both;}
body.archives_list #inside .left{float:left;}
body.archives_list #inside .right{text-align:right;}
body.archives_list #inside ul{clear:both;padding:0;}
body.archives_list #inside ul li{width:300px;margin:20px;padding-left:30px;padding-right:30px;vertical-align:top;}
body.archives_list #inside ul li div{padding:10px 0;text-align:center;}
:lang(zh-Hans) body.archives_list #inside ul li div{font-size:90%;}
body.archives_list #inside ul li img{width:240px;height:325px;}
body.archives_list #inside ul li span{color:#300;}

/*Archives*/
body.archives #inside{background-color:#fcecd2;color:#300;padding:20px 35px;margin:150px auto;}
body.archives #inside nav a{color:#300;}
body.archives #inside nav a:hover{color:#777;}
body.archives #inside hr{border-top:1px solid #300;clear:both;}
body.archives #inside .right{text-align:center;}
body.archives #inside .left ul{margin-left:24px;}
body.archives #inside ul{display:block;list-style-type:square;color:#dc4c24;}
body.archives #inside ul li{display:list-item;}
body.archives #inside ul li span, body.archives #inside ul li a {color:#300;}
body.archives #inside .table{margin-left:20px;display:table;width:auto;}
body.archives #inside .table .v-middle{display:table-cell;vertical-align:middle;padding:0 4px;}
/* Added by Ernest */
body.archives #inside .venuelogo {float:right;height:100px;padding-left:15px;}

/*Activities*/
/*body.activities #inside{background-color:#fcecd2;color:#300;padding:20px 35px;position:relative;margin:0 auto 150px auto;}*/
body.activities #inside{background-color:#fcecd2;color:#300;padding:20px 35px;margin:150px auto;}
body.activities #inside nav a{color:#300;}
body.activities #inside nav a:hover{color:#777;}
body.activities #inside hr{border-top:1px solid #300;clear:both;}
body.activities #inside .left{float:left;}
body.activities #inside .right{clear:both;}
body.activities #inside ul{display:block;list-style-type:square;padding-left:40px;color:#dc4c24;}
body.activities #inside ul li{display:list-item;}
body.activities #inside ul li span{color:#300;}
body.activities #inside .table{margin-left:24px;display:table;}
body.activities #inside .table .v-middle:first-child{width:80px;}
body.activities #inside .table .v-middle{display:table-cell;vertical-align:middle;}
body.activities #inside table{width:100%;background-color:#ffd284;}
body.activities #inside table tr th{padding:5px 10px;border:1px solid #fda714;background-color:#fdc35f;}
body.activities #inside table tr td{padding:5px 10px;border:1px solid #fda714;}
body.activities #inside table tr td ul{padding-left:24px;}
body.activities #inside table tr td ul li span{color:#300;}
body.activities #inside .share{text-align:center;margin-top:50px;}
body.activities #inside .share a{color:#600;}
body.activities #inside .at-share-btn-elements{text-align:right;}
/* Added by Ernest */
body.activities #inside .venuelogo {float:right;height:100px;padding-left:15px;}
body.activities #inside #notes ul li {color:#660000 !important;}

/*Gallery*/
body.gallery #inside{background-color:#fcecd2;color:#300;padding:20px;margin:150px auto;}
body.gallery #inside nav a{color:#300;}
body.gallery #inside nav a:hover{color:#777;}
body.gallery #inside hr{border-top:1px solid #300;clear:both;}
body.gallery #inside .left{float:left;}
body.gallery #inside .right{text-align:right;}
body.gallery #inside ul{clear:both;padding:0;}
body.gallery #inside ul li{width:270px;vertical-align:top;}
body.gallery #inside ul li div{padding:10px 0;}
:lang(zh-Hans) body.gallery #inside ul li div{font-size:90%;}
body.gallery #inside ul li img{width:270px;}
body.gallery #inside ul li span{color:#300;}
body.gallery #inside .share{text-align:center;margin-top:50px;}
body.gallery #inside .share a{color:#600;}
body.gallery #inside .video {position:relative;width:100%;height:0;padding-top:56.25%;}
body.gallery #inside .video iframe{position:absolute;width:100%;height:100%;left:0; top:0;}

/*Search*/
/* Added by Ernest */
body.search #inside{background-color:#fcecd2;color:#300;padding:20px 35px;margin:150px auto;}
body.search #inside nav a{color:#300;}
body.search #inside nav a:hover{color:#777;}
body.search #inside h1 span{font-size:80%;display:block;}
body.search #inside hr{border-top:1px solid #300;clear:both;}
body.search #inside .left{float:left;}
body.search #inside .right{text-align:right;}
body.search #inside ul{display:block;list-style-type:square;padding-left:40px;color:#dc4c24;}
body.search #inside ul li{display:list-item;}
body.search #inside ul li span{color:#300;}
body.search #inside .table{margin-left:24px;display:table;}
body.search #inside .table .v-middle:first-child{width:80px;}
body.search #inside .table .v-middle{display:table-cell;vertical-align:middle;}
body.search #inside table{width:100%;background-color:#ffd284;}
body.search #inside table tr th{padding:5px 10px;border:1px solid #fda714;background-color:#fdc35f;}
body.search #inside table tr td{padding:5px 10px;border:1px solid #fda714;}
body.search #inside table tr td ul{padding-left:24px;}
body.search #inside table tr td ul li span{color:#300;}
body.search #inside button{background-color:#fd7a05;border-radius:5px;box-shadow:2px 2px 5px #666;padding:10px 20px;color:#111;border:0;margin-right:50px;margin-bottom:20px;}
body.search #inside input[type='text']{width:218px;border:1px solid #5a4a31;color:#600;font-size:100%;padding:6px 10px;margin-bottom:18px;height:35px;}
.text-right{text-align:right;}
body.search #inside .error {color:#f00;}

@media only screen and (min-width:360px){
	.vspace{margin-bottom:30px;}
	footer .right ul li img{width:50px;}
	/*Notice*/
	#notice{width:85%;}
	#notice div{padding:20px;}
	#notice h1{font-size:20px;}
	#notice h2{font-size:16px;}
	#notice p {font-size:12px;}
	/*Archives*/
	body.archives #inside .left img {width:100%;}
}
@media only screen and (min-width:768px){
	.navbar-toggle{display:block;}
	.navbar-collapse.collapse{position:absolute;width:100%;background-color:#600;z-index:1;padding:0;}
	footer .right ul li img{width:80px;}
	/*Notice*/
	#notice{width:650px;}
	#notice h1{font-size:200%;}
	#notice h2{font-size:150%;}
	#notice p{font-size:100%;}
	#notice div{padding:20px;}
	#notice img{width:auto;}
}
@media only screen and (min-width:1200px){
	body{font-size:24px;}
	body#landing #enter-btn{width:250px;}
	body#landing #enter-btn #arrow-btn{margin-top:20px;}
	:lang(zh-Hans) body{font-size:21px;}
	:lang(en) body#landing #enter-btn .button{font-size:26px;line-height:1.5em;}
	:lang(zh-Hant) body#landing #enter-btn .button{font-size:24px;line-height:1.5em;}
	:lang(zh-Hans) body#landing #enter-btn .button{font-size:24px;line-height:1.5em;}
	#logo{margin:40px;}
	#logo img{width:auto;}
	.scrollable{overflow-x:auto;}
	#main .right-circle{position:absolute;right:0;top:0;z-index:1;display:block;}
	#main #nav{background-color:rgba(124,38,9,0.5);position:absolute;top:10px;right:250px;float:right;left:inherit;}
	body#inside-page #main .right-circle{position:fixed;}
	#topBar .navbar-collapse{background-color:transparent;width:auto;}
	#carouselButtons{margin-left:50%;position:fixed;bottom:150px;background-color:rgba(124,38,9,0.5);border:0;border-radius:5px;padding:5px 10px;display:none;}
	body#landing #carouselButtons{top:-84px;position:fixed;top:inherit;float:inherit;right:inherit;display:none;margin-left:48%;}
	body#inside-page #carouselButtons{bottom:20px;margin-left:20%;}
	
	#circle{width:800px;padding:120px 0 30px 0;clear:inherit;}
	body#landing #main .menu_inner{position:relative;height:auto;}
	/*Top Bar*/
	#main .menu_inner #topBar{width:1200px;}
	#main .menu_inner #topBar ul#left-menu{padding-left:24px;font-size:inherit;line-height:inherit;}
	#main .menu_inner #topBar ul#left-menu>li{display:inline-block;vertical-align:top;position:relative;float:left;border-bottom:0;text-align:left;}
	#main .menu_inner #topBar ul#left-menu>li:first-child{margin-top:0;}
	#main .menu_inner #topBar ul#left-menu>li>a{padding:20px 0;}
	#main .menu_inner #topBar ul#left-menu>li>a>span{border-right:1px solid #fff;padding:0 10px;}
	#main .menu_inner #topBar ul#left-menu li ul{background-color:#600;padding:0;position:absolute;display:none;list-style-type:disc;white-space:nowrap;}
	#main .menu_inner #topBar ul#left-menu li ul .for_more{z-index:10;background:url('../images/arrow-up-s.png') top center no-repeat;position:absolute;top:-15px;width:30px;height:15px;}
	#main .menu_inner #topBar ul#left-menu li ul li{color:#fff;display:block;}
	#main .menu_inner #topBar ul#left-menu li ul li a{padding:5px 10px;display:block;}
	#main .menu_inner #topBar ul#left-menu li ul li a:hover{background-color:#e8ac3c;color:#600;}
	body#inside-page #main .menu_inner{height:75px;}
	#topBar .navbar-collapse{padding:0 15px;}
	.carousel{position:fixed;top:0;}
	body#landing .carousel{position:absolute;}
	.carousel-caption{bottom:430px;}
	.carousel-caption img{height:48px;}
	.carousel-indicators{bottom:40px;}
	body#landing #main #nav{display:block;} /* Added at 20170412 ver. */
	body#landing .carousel-indicators{bottom:90px;position:fixed;display:none;}
	.carousel-caption span{height:48px;font-size:160%;padding:6px;}
	.navbar-collapse.collapse {display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
	.navbar-brand{display:none;}
	.navbar-toggle{display:none;}
	.navbar-header{position:relative;}
	.navbar-header img{width:40%;padding:10px;}
	.bg{display:block;}
	.bg-mobile{display:none;}
	#bestview{font-size:21px;line-height:1.5em;padding:0 30px 20px 0;}
	footer{padding:1rem;height:120px;}
	footer .footer_inner{max-width:1200px;}
	footer .right{position:absolute;bottom:-105px;}
	footer .right ul li{margin:0 30px;}
	footer .right ul li img{width:auto;}
	footer .left{position:absolute;bottom:-83px;margin:0 20px;}
	
	/*Programme Inside*/
	#show-search{right:37%;left:inherit !important;position:absolute;background-color:#600;padding:20px;top:54px;} /* Added at 20170412 ver. */
	:lang(en)  #show-search{right:31%;left:inherit !important;position:absolute;background-color:#600;padding:20px;top:54px;}
	#show-search .for_more{left:80%;}
	#show-lang{right:21%;left:inherit;position:absolute;background-color:#600;padding:10px;top:54px;text-align:center;}
	#show-lang .for_more{left:10px;}
	:lang(en)  #show-lang{right:26%;left:inherit;position:absolute;background-color:#600;padding:10px;top:54px;text-align:center;}
	:lang(en)  #show-lang .for_more{left:1px;}
	#show-size-list{right:0%;left:inherit;position:absolute;background-color:#600;padding:10px;top:54px;text-align:center;}
	body#inside-page #inside{max-width:1200px;}
	#inside{max-width:1200px;margin:30px auto 100px auto;}
	#inside ul{padding:0;margin:0 auto;width:inherit;}
	#inside ul li{margin:0;}
	#inside #tabs ul li a{padding-right:20px;border-right:1px solid #300;}
	#inside #tabs ul li{padding:20px 0 20px 20px;width:auto;}
	#inside #tabs .ui-tabs-active a ,#inside  #tabs .ui-state-active a{padding-right:10px;}
	body#inside-page .carousel{position:relative;z-index:0;top:0;margin-top:inherit;}
	
	/*Programme*/
	#inside ul li.box img{width:auto;}
	#inside ul li.box div{width:310px;height:260px;}
	#inside ul li.box div>span{width:310px;}
	
	/*Archives*/
	body.archives #inside ul{padding-left:40px;}
	body.archives #inside .left{float:left;}
	body.archives #inside .left ul{margin-left:0;}
	body.archives #inside .right{text-align:right;}
	body.archives #inside{margin:150px auto 20px auto;}
	body.archives #inside .left img {width:auto;}
	
	/*Activities*/
	body.activities #inside{top:-125px;margin:30px auto 0 auto;}
	body.activities #inside .right{text-align:right;clear:right;}
	#inside #tabs .detail-date{margin:0 10px;}
	#inside #tabs #tabs-6 .left{display:inline-block;}
	#inside #tabs #tabs-6 .right{float:right;}
	
	/*Gallery*/	
	body.gallery #inside{padding:20px 35px;}
	body.gallery #inside ul li{width:300px;margin:20px;vertical-align:top;}
	body.gallery #inside ul li img{width:300px;}
	
	/*Notice*/
	#notice{width:75%;}
	#notice h1{font-size:190%;}
	#notice h2{font-size:140%;}
	#notice p{font-size:100%;}
}
@media only screen and (min-width:1280px){
	
}