<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Basic sample */

body{
	/*overflow:hidden;
	background-color:#fcfcfc;
	margin:0;
	padding:0;*/
}

.flipbook-viewport{
	overflow-x:hidden;
	overflow-y:hidden;
	/*overflow:hidden;
	width:100%;
	height:100%;*/
}
.flipbook-viewport {
	margin: auto;
	clear: both;
}

.flipbook-viewport .container{
	width: auto !important;
	max-width: initial;
	/*position:absolute;
	top:10%;
	left:10%;
	margin:auto;*/
}
#v3 .flipbook-viewport .container:not(.in-full) {
	/* min-height: 500px; */
    min-height: 300px;
}
@media (max-width: 750px) {
	#v3 .flipbook-viewport .container {
	    min-height: initial;
    }
}


.flipbook-viewport .flipbook{
	/*width:800px;
	height:400px;
	left:-400px;
	top:-200px;*/
	margin: 0 auto;
}

.flipbook-viewport .page{
	/*width:400px;
	height:400px;
	background-color:#fcfcfc;*/
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*margin:0;*/
                 
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 2.5s linear;
	-moz-transition: -moz-box-shadow 2.5s linear;
	-o-transition: -webkit-box-shadow 2.5s linear;
	-ms-transition: -ms-box-shadow 2.5s linear;

	-webkit-box-shadow:0 0 20px #333333;
	-moz-box-shadow:0 0 20px #333333;
	-o-box-shadow:0 0 20px #333333;
	-ms-box-shadow:0 0 20px #333333;
	box-shadow:0 0 20px #333333;
}

.flipbook-viewport .double{
	width:720px;
	height:480px;
	background-size:100% 100%;
}

#nav {
        width: 100%;
        margin: 1em auto 0;
        position: relative;
        z-index: 0;
        text-align: center;
		background: url(/images/tintint/common/player/preview_player_bar.png) no-repeat bottom center;
}

#nav a {
        display: inline-block;
        width: 33px;
        height: 30px;
        text-align: center;
        font-size: 0;
        margin: 0px;
		background: url(/images/tintint/common/player/preview_player2_bar_btn.png) no-repeat;
}

#nav a:hover {
		background: url(/images/tintint/common/player/preview_player_bar_btn_hover.png) no-repeat;
}

#nav #bb-nav-first {
		background-position: -12px 0px;
}

#nav #bb-nav-prev {
		background-position: -45px 0px;
}

#nav #bb-nav-play {
		background-position: -78px 0px;
    width: 32px;
    height: 32px;
    padding: 0px;
}

#nav #bb-nav-next {
		background-position: -111px 0px;
}

#nav #bb-nav-last {
		background-position: -144px 0px;
}

#nav #bb-nav-stop {
		background-position: -78px -30px;
}

#nav #bb-nav-zoom {
		background: url(/images/tintint/common/player/preview_player_zoom_btn.png) no-repeat;
		margin-left: 15px;
}

#nav a:hover#bb-nav-zoom {
		background: url(/images/tintint/common/player/preview_player_zoom_btn_hover.png) no-repeat;
}

/*full width css controll*/
#bookblock_outer {
    margin: auto;
   
}
.flipbook-viewport .flipbook {
	margin: initial;
}
.page img {
	width: 100%;
	height: 100%;
}
.page img.w_ig{
	width: 200%;
	margin-left: -100%;
}
.page.even img.w_ig{
	width: 200%;
    margin-left: 0%;
}

.flipbook-viewport .double{
	width:initial;
	height:initial;
	background-size:100% 100%;
}
.page .double {
	width: 200%;
	height: 100%;
}
#nav #bb-nav-first {
    background-position: -12px 0px;
}
#nav #bb-nav-full {
	background: url(/images/tintint/common/player/preview_player_screen_btn_01.png) no-repeat;
    margin-right: 15px
}
#nav a:hover#bb-nav-full {
    background: url(/images/tintint/common/player/preview_player_screen_btn_02.png) no-repeat;
}

.player_fullWidth #content{
	width: 100%;
}
.player_fullWidth #content #path-bar{
	width: 980px;
	margin:auto;
}
#v2 .player_fullWidth #content .stickyball,
#v2 .player_fullWidth #content .close-stickyball{
	display:none;
}

#v3 .player_fullWidth#bd #breadcrumbs{
	display: none;
}
.player_fullWidth#bd #preview {
	width: 100%;
	max-width: initial;
	padding-left: 0px;
	padding-right: 0px;
}
.player_fullWidth#bd #preview-container {
	position: fixed!important;	
	width:100%;
  --tt-preview-container-padding-top: 0px;
  height: calc(100vh - calc(var(--tt-preview-container-padding-top) + (var(--loginbox-height) + var(--nav-height))));
  height: calc(100svh - calc(var(--tt-preview-container-padding-top) + (var(--loginbox-height) + var(--nav-height))));
  /* height: calc(100vh - 80px); */
  /*min-height: 600px;*/
  display: flex;
  flex-direction: column;
  /*padding-top: var(--tt-preview-container-padding-top);*/
  left: 0;
  z-index: 5;
}

.player_fullWidth#bd #preview-hd {
	/*position: absolute;	*/
	width: 100%;
}
.player_fullWidth#bd #preview-player {
	width: 100%;
	/*height: calc(100vh - 111px);*/
  /*height: 100vh;*/
	background-repeat: repeat;	
    background-position: center center;
    background-size: contain;
    border-radius: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    flex: 1;
    margin: 0px;
}
.player_fullWidth#bd #preview-player .flipbook-viewport {
	/*height: calc(100% - 100px) !important;*/
    /* padding-top: 30px; */
}
.player_fullWidth#bd #preview-player .flipbook-viewport .container {
	height: 100%;
}

.player_fullWidth #bookblock {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.player_fullWidth#bd #preview&gt;div:not(#preview-container) {
	max-width: 1040px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 765px) {
  .player_fullWidth#bd #preview-container {
    --tt-preview-container-padding-top: 45px;
  }
}

@media (max-width: 750px) {
  .player_fullWidth#bd #preview&gt;div:not(#preview-container) {
  	padding-left: 10px;
    padding-right: 10px;
  }
}

/* new jsplayer panel */
#nav {
    height: 40px;
    width: 230px;
    margin: auto;
    background-color: #f3f3f3;
    border-radius: 20px;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
    box-sizing: border-box;
}

#nav a {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 8px;
    margin: 0 6px;
    background: none !important;
}

#nav&gt;a:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background-size: auto 200%;
    background-image: url(/images/tintint/common/player/new/player-func-icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#nav&gt;a:active:before {
    background-position-y: -14px;
}
@media (hover: hover) {
  #nav&gt;a:hover:before {
    background-position-y: -14px;
  }
}

#nav #bb-nav-full {
    position: absolute;
    right: -70px;
    margin-right: 6px;
    width: 36px;
    height: 36px;
}

#nav #bb-nav-zoom {
    position: absolute;
    left: -70px;
    margin-left: 6px;
    width: 36px;
    height: 36px;
}

#nav #bb-nav-full:before {
    /* background-position-x: -14px; */
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(/images/tintint/common/player/new/ic_full_wh.png);
    background-size: contain;
    background-position: center;
}

#nav #bb-nav-full.in-full:before {
    /* background-position-x: 0px; */
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(/images/tintint/common/player/new/ic_fit_wh.png);
    background-size: contain;
    background-position: center;
}

#nav #bb-nav-first:before {
    background-position-x: -28px;
}

#nav #bb-nav-prev:before {
    background-position-x: -42px;
}

#nav #bb-nav-next:before {
    background-position-x: -70px;
}

#nav #bb-nav-last:before {
    background-position-x: -56px;
}

#nav #bb-nav-zoom:before {
    /* background-position-x: -84px; */
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(/images/tintint/common/player/new/ic_zoom_wh.png);
    background-size: contain;
    background-position: center;
}

/* #nav a#bb-nav-play {
    width: 52px;
    height: 52px;
    cursor: pointer;
    margin: 0px 6px;
    padding: 0px;
} */

#nav a#bb-nav-play:before {
    background-image: url(/images/tintint/common/player/new/player-icons.svg);
    width: 32px;
    height: 32px;
}

#nav a#bb-nav-play:active:before {
   background-position-y: 100%;
}
@media (hover: hover) {
  #nav a#bb-nav-play:hover:before {
   background-position-y: 100%;
  }
}

#nav a#bb-nav-play.in-play:before {
    background-position-x: 100%;
}

@media (max-width: 540px){
  #nav a {
      margin:0 5px;
  }
  #nav #bb-nav-full {
    right: -60px;
}

#nav #bb-nav-zoom {
    left: -60px;
}

  /* #nav a#bb-nav-play {
    width: 45px;
    height: 45px;
    margin: 0 2px;
  } */
  /* #nav a#bb-nav-play:before {
    width: 45px;
    height: 45px;
  } */

  #nav #bb-nav-zoom {
  	display: none;
  }
}

@media (max-width: 400px) {
  #nav {
    margin-left: 0px;
    width: calc(100% - 60px);
  }
}</pre></body></html>