html, body {width:100%;height:100%;}

@font-face
{
	font-family: hnFont;
	src: url('font/HelveticaNeueLTPro-Lt.otf');
}

@font-face
{
	font-family: hnhFont;
	src: url(font/HelveticaNeueHv.ttf);
}

body {font-family:Helvetica, sans-serif;}
/*body.index {padding-top:117px;}
@media (max-width:768px) {
	body.index {padding-top:67px;}
}*/

/*TOP NAV*/
.navbar-inverse {color:#ffffff;background:rgba(0,0,0,1);border:0;padding:8px 0;}
/*.index .navbar-inverse {background:rgba(0,0,0,0.5);}*/
/*.navbar-inverse * {background:none;}*/
.navbar-inverse .navbar-nav>li>a {color:#ffffff;font-size:14px;letter-spacing:1px;font-weight:bold;padding:15px 4px;margin:0 11px 0;}
.navbar-inverse .navbar-nav>li>a span {display:none;}
.navbar-inverse .navbar-nav>li.active>a,
.navbar-inverse .navbar-nav>li.active>a:hover,
.navbar-inverse .navbar-nav>li a:hover {border-bottom:1px solid #ffffff;background:none;}
.navbar-toggle {/*float:left;*/margin-top:24px;border:0;}
.navbar-toggle .icon-bar {height:1px;}
.navbar-toggle .icon-bar+.icon-bar {height:1px;margin-top:6px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background:none;}

.icon-bar {transition:all 0.3s;}
.navbar-inverse .navbar-toggle .icon-bar {background:none;}
.navbar-inverse .navbar-toggle .icon-bar+.icon-bar {background:#ffffff;transform:rotate(45deg);}
.navbar-inverse .navbar-toggle .icon-bar:last-child {transform:rotate(-45deg) translate(4px, -5px);}

.navbar-inverse .collapsed .icon-bar {background:#ffffff;}
.navbar-inverse .collapsed .icon-bar+.icon-bar {background:#ffffff;transform:rotate(0);}
.navbar-inverse .collapsed .icon-bar:last-child {transform:rotate(0) translate(0, 0);}

.navbar-brand {width:165px;height:50px;padding:0;margin:15px !important;background:url(new-logo.png) center center / auto 100% no-repeat;line-height:88em;overflow:hidden;}

.dropdown-menu {background:none;}
.dropdown-menu>li>a {color:#ffffff;font-size:12px;letter-spacing:2px;font-weight:bold;padding:3px 15px;}
.dropdown-menu>li>a:hover {background:#000000;color:#ffffff;}

@media (min-width: 768px) {
	  .index .navbar-inverse {background:rgba(0,0,0,0.6);}
	.navbar-nav {float:none;padding-top:15px;}
	.navbar-header {float:right;}
	.dropdown-menu {position:static;display:block;float:left;height:0;width:0;min-width:0;overflow:hidden;margin:0;padding:0;border:0;/*transition:all 1s;*/}
	.dropdown-menu li:last-child {margin-bottom:30px;}
	.dropdown-menu li a:hover {color:#6D6E71;background:none;}
	.dropdown-menu li a:active,
	.dropdown-menu li a:visited,
	.dropdown-menu li a:focus {background:none;}
}

@media (max-width:768px) {
  .navbar-inverse {background:rgba(0,0,0,1);}
  .navbar {margin-bottom:0;padding:0;}
  .navbar-brand {/*float:right;*/transform:scale(0.7);transform-origin:left 50%;}
  .nav li {border-bottom:1px solid rgba(255,255,255,0.4);width:75%;margin:0 auto;padding:0;}
  .nav>li>a {padding-left:0;padding-right:0;letter-spacing:0;}
  .navbar-collapse {padding:0 1em;max-height:auto;overflow:hidden;}
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:100%;}
	.navbar-inverse .navbar-nav>li>a {letter-spacing:0;}
	.navbar-inverse .navbar-nav>li.active>a,
	.navbar-inverse .navbar-nav>li.active>a:hover,
	.navbar-inverse .navbar-nav>li a:hover {text-decoration:none;border:0;}  
}

/*FOOTER*/
footer {padding:2em 0;background:#000000;color:#ffffff;}
footer .row {position:relative;}
footer p {margin:0;font-size:12px;}
footer h3 {margin:0;font-size:14px;}
.footer-logo {position:absolute;right:0;bottom:0;width:180px;height:101px;line-height:88em;overflow:hidden;transform:scale(0.7);transform-origin:right bottom;background:url(logo_footer.png) center center / 100% auto no-repeat;}
@media (max-width:768px) {
	.footer-logo {position:static;clear:both;margin:24px auto 0;transform-origin:center center;}
}

/*welcome*/
.index_welcome {width:100%;height:100%;background:center center / cover no-repeat;}


/*article*/
.article_with_top {margin-top:148px;}
.aritcle_top_img {margin-top:24px;margin-bottom:24px;}

@media (max-width:768px) {
  .article_with_top {margin-top:80px;}
  .aritcle_top_img {margin-top:0;margin-bottom:1em;}
}

/*全屏*/
.full-screen,
.full-display {width:100%;height:auto;}
	.full-display-item {position:relative;width:100%;height:100%;}
	.full-display-item a {display:block;width:100%;height:100%;color:#ffffff;text-decoration:none;}
	.full-display-img {width:100%;height:100%;background:center center / cover no-repeat;}
	.full-display-txt {position:absolute;left:0;top:0;width:100%;height:100%;display:table;z-index:3;transition:all 0.2s;}
	.full-display-txt > div {opacity:0;display:table-cell;background:rgba(0,0,0,0);}


@media (max-width:768px) {
	.full-display-txt > div {opacity:1;padding:5% 5%;text-align:left;vertical-align:bottom;background:rgba(0,0,0,0);}
	.full-display-txt h3 {font-size:24px;font-weight:bold;margin-bottom:0.5em;font-family: hnhFont;}
	.full-display-txt p {font-size:14px;font-weight:bold;}	
	.full-display-txt p span {font-size:14px;font-weight:normal;}	
}
@media (min-width:768px) {
	.full-display-txt div {text-align:center;vertical-align:middle;}
	.full-display-small-txt {margin-top:6em;}
	a:hover .full-display-txt > div {opacity:1;}
	.full-display-txt h3 {font-size:42px;font-family:hnhFont;}
	.full-display-txt p {font-size:18px;font-weight:100;font-weight:bold;}
	.full-display-txt p span {font-family:hnFont;font-weight:normal;}
	.full-display-item .full-display-txt > div {background:rgba(0,0,0,0.6);}
	/*.full-display-item a:hover .full-display-txt h3 {margin-bottom:3em;}*/
}

/*carousel*/
.carousel-img-frame {background:center center / cover no-repeat;}
.carousel-caption {left:0;top:0;right:auto;bottom:auto;display:table;padding:0;margin:0;font-family:hnhFont;}
.carousel-caption p {display:table-cell;text-align:center;vertical-align:middle;margin:0;padding:0;font-size:48px;}
.carousel-caption p span {display:block;position:relative;}
.carousel-caption p span:before {position:absolute;left:50%;top:-50px;width:80px;height:1px;margin-left:-40px;content:'';background:#ffffff;}
.carousel-caption p span:after {position:absolute;left:50%;bottom:-50px;width:80px;height:1px;margin-left:-40px;content:'';background:#ffffff;}

.art_scroll {margin:42px 0;}

@media (max-width:768px) {
	.art_scroll {margin:24px 0;}
	.carousel-caption p {font-size:32px;}
}


/*art article*/
.art-article {margin-top:42px;margin-bottom:15em;}
@media (max-width:768px) {
	.art-article {margin-top:1em;margin-bottom:3em;}
}
.art-article img {margin:1em auto;}
.art-info {font-family:hnhFont;}
.art-info h3 {font-size:32px;margin-top:0;margin-bottom:1em;line-height:1.5;}
.tab-content p,
.art-content p {line-height:2;margin-bottom:1em;}
p.txt-bold {font-weight:bold;}

.tab-content h3 {margin-top:0;font-size:18px;font-weight:bold;}
.tab-content {font-size:16px;}
@media (max-width:768px) {
	.tab-content {line-height:1.5;}
	.tab-content p,
	.art-content p {line-height:1.5;margin-bottom:1em;}
}

/*side nav*/
@media (min-width:768px) {
	.side-nav {}
	.side-nav ul,
	.side-nav li {list-style:none;padding:0;font-size:20px;margin-bottom:3em;font-weight:bold;}
	/*.side-nav li.active {font-weight:bold;}*/
	.side-nav li span {cursor:pointer;vertical-align:middle;}
	.side-nav li p i {display:inline-block;width:8px;height:8px;border:1px solid #A7A9AC;border-width:1px 1px 0 0;margin-left:0.5em;margin-top:-4px;vertical-align:middle;overflow:hidden;transform:rotate(45deg);transform-origin:center center;transition:all 0.5s;}
	.side-nav a {color:#A7A9AC;text-decoration:none;/*font-weight:500;*/}
	.side-nav li.active > a {color:#000000;}
	.side-nav li > p {color:#A7A9AC;}
	.side-nav li.active > p {color:#000000;}
	.side-nav li.active > p i {border-color:#000000;}
	.side-nav li.open > p i {transform:rotate(135deg);}
	.side-nav-more {height:0;overflow:hidden;font-size:14px;transition:all 0.5s;font-weight:100;}
	.side-nav-more a {color:#BCBEC0;font-weight:500;}
	.side-nav-more p.active a {color:#000000;}
}
@media (max-width:768px) {
	.art-article .col-sm-4 {z-index:99;}
	.side-nav ul,
	.side-nav li {list-style:none;padding:0;font-size:13px;}
	.side-nav ul {display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-end;width:100%;margin-bottom:2em;}
	.side-nav li {width:33.3333%;text-align:center;font-weight:bold;}
	.side-nav li > p,
	.side-nav li > a {display:block;width:100%;height:3.5em;border-bottom:1px solid #E6E7E8;padding-bottom:0.5em;margin:0;}
	.side-nav li.active > p,
	.side-nav li.active > a {border-bottom:2px solid #000000;}

	.side-nav li p i {display:inline-block;width:8px;height:8px;border:1px solid #000000;border-width:1px 1px 0 0;margin-left:0.2em;margin-top:-4px;vertical-align:middle;overflow:hidden;transform:rotate(45deg);transform-origin:center center;transition:all 0.5s;}
	/*.side-nav li.active > p i {border-color:#000000;}*/
	.side-nav li.open > p i {transform:rotate(135deg);}


	.side-nav li a {color:#000000;text-decoration:none;}
	.side-nav li.active > a {color:#000000;text-decoration-color:none;}
	.side-nav li div {position:absolute;top:100%;left:0;width:100%;height:0;overflow:hidden;background:#ffffff;text-align:left;}
	.side-nav li div p {border-bottom:1px solid #E6E7E8;margin:0 15px;line-height:2.5;}
	.side-nav li div p:first-child {margin-top:1em;}
	.side-nav li div p:last-child {margin-bottom:2em;}
	.side-nav li div p a {display:block;width:100%;height:100%;color:#A7A9AC;}
	.side-nav li div p.active a {color:#000000;}
	/*.side-nav li > p {margin:0;padding:0;}*/

	.side-nav ul.side-nav-with-five li > p,
	.side-nav ul.side-nav-with-five li > a {height:2em;}
	.side-nav ul.side-nav-with-five {align-items:flex-start;}
	.side-nav ul.side-nav-with-five li {margin:0;border:0;padding-bottom:0;}
	.side-nav ul.side-nav-with-five li:nth-child(1),
	.side-nav ul.side-nav-with-five li:nth-child(2),
	.side-nav ul.side-nav-with-five li:nth-child(3) {width:33.3333%;margin-bottom:1em;}
	.side-nav ul.side-nav-with-five li:nth-child(4),
	.side-nav ul.side-nav-with-five li:nth-child(5) {width:50%;}
	.side-nav ul.side-nav-with-five li:nth-child(1) div {position:static;width:300%;}

	.side-nav ul.side-nav-with-six li > p,
	.side-nav ul.side-nav-with-six li > a {height:3em;}
	.side-nav ul.side-nav-with-six {align-items:flex-start;}
	.side-nav ul.side-nav-with-six li {margin:0;border:0;padding-bottom:0;width:33.3333%;margin-bottom:1em;}

	.side-nav ul.side-nav-with-five-first-wide li:nth-child(1) {width:100%;}
	.side-nav ul.side-nav-with-five-first-wide li > p,
	.side-nav ul.side-nav-with-five-first-wide li > a {height:auto;}
	.side-nav ul.side-nav-with-five-first-wide li:nth-child(2),
	.side-nav ul.side-nav-with-five-first-wide li:nth-child(3),
	.side-nav ul.side-nav-with-five-first-wide li:nth-child(4) {width:33.3333%;margin-bottom:1em;}
	.side-nav ul.side-nav-with-five-first-wide li:nth-child(5),
	.side-nav ul.side-nav-with-five-first-wide li:nth-child(6) {width:50%;}
	

	.side-nav ul.side-nav-with-two li > p,
	.side-nav ul.side-nav-with-two li > a {height:2em;}
	.side-nav ul.side-nav-with-two {align-items:flex-start;}
	.side-nav ul.side-nav-with-two li {margin:0;border:0;padding-bottom:0;}
	.side-nav ul.side-nav-with-two li {width:50%;}
}

.tab-item {display:none;}



.sns-share {overflow:hidden;margin-bottom:24px;}
.bdsharebuttonbox {float:right;}
.bds_more {display:none;}


.art-footer {border-top:1px solid #000000;padding-top:16px;margin:24px auto 42px;}
.art-footer a {color:#000000;text-decoration:none;}



.swiper-container {width:100%;height:auto;}
	.index_welcome .swiper-container {height:100%;}
	.swiper-container img {width:100%;}
	.swiper-pagination-bullet-active {background:#ffffff;}
	.swiper-pagination-bullet {background:#ffffff;}

	/*.index_welcome .swiper-wrapper {height:100%;}
	.index_welcome .swiper-slide {height:100%;}*/
	.swiper-slide .item {position:relative;width:100%;height:100%;}
	.swiper-slide .item div {width:100%;height:100%;}



.fix-tool-bar {width:36px;height:auto;position:fixed;bottom:10px;right:10px;z-index:100;opacity:0;transition:all 0.4s;}
	.fix-tool-bar a {display:block;width:36px;height:36px;line-height:88em;overflow:hidden;opacity:0.7;}
	.fix-tool-bar a:first-child {background:url(icon_back.png) center center / 100% auto no-repeat;}
	.fix-tool-bar a:last-child {background:url(icon_top.png) center center / 100% auto no-repeat;margin-top:12px;}


.enter-mail {border-bottom:2px solid #000000;padding-bottom:0.5em;}
.enter-mail input {width:100%;border:0;outline:0;vertical-align:middle;}
.enter-mail button.btn {width:100%;background:none;border:1px solid #000000;outline:0;border-radius:0;padding:4px 1em;}
@media (max-width:768px) {
	.enter-mail button.btn {margin:1em auto;}
}

footer .enter-mail {border-bottom:2px solid #ffffff;padding-bottom:0.5em;}
footer .enter-mail input {width:100%;border:0;outline:0;vertical-align:middle;color:#ffffff;background:none;font-size:12px;}
footer .enter-mail input::-webkit-input-placeholder {color:#ffffff;}
footer .enter-mail button.btn {width:100%;background:none;border:1px solid #ffffff;outline:0;border-radius:0;padding:4px 1em;}
@media (max-width:768px) {
	footer .enter-mail {margin-top:2em;border:0;}
	footer .enter-mail input {margin-bottom:1em;font-size:10px;}
}

.press-list {}
.press-list p {margin-bottom:3em;font-size:18px;border-bottom:2px solid #ffffff;}
.press-list p:hover {border-bottom:2px solid #000000;}
.press-list p a {display:block;width:100%;height:100%;color:#000000;}
.press-list p a:hover,
.press-list p a:active,
.press-list p a:focus,
.press-list p a:visited {text-decoration:none;}
@media (max-width:768px) {
	.press-list p {margin-bottom:1em;}
}


.films-list {}
.films-list a {color:#000000;}
.films-list a:visited,
.films-list a:hover,
.films-list a:focus,
.films-list a:active {text-decoration:none;}
.films-list p.films-data {font-family:hnFont;font-size:14px;}
.films-list p.films-data span {font-weight:bold;}
.films-list p.films-desc {font-size:12px;margin-bottom:1.5em;}
.films-list img.img-responsive {width:100%;}


.index_about {display:table;width:100%;height:100%;color:#ffffff;display:none;}
.index_about_inner {display:table-cell;vertical-align:middle;text-align:center;}
.index_about p {width:60%;margin:0 auto 1em;text-align:left;font-weight:bold;font-size:16px;}
.index_about h2 {font-family:hnhFont;font-size:48px;margin-bottom:.5em;letter-spacing:12px;}
@media (max-width:768px) {
	.index_about p {font-size:11px;width:70%;}
	.index_about h2 {font-size:32px;margin-bottom:1em;}
}