html, body            { position: relative; height: 100%; color:#000; }
#gobook, #goshow	  { position:absolute; z-index:8000; top:1.5rem; right:2.5rem; }
.swiper-container     { position: relative; width: 100%; height: 100%; }
.book				  { position: relative; min-height:100vh; }
.swiper-slide         { text-align: center; font-size: 18px; background: #fff; }
.swiper-slide img     { width: auto; height: auto; max-width: 100%; max-height: 100%; 
                        -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); 
                        -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
                        position: absolute; left: 50%; top: 50%; }
.swiper-button-prev,
.swiper-button-next,
#gobook span,
#goshow span   	  	  { position: absolute; top: 50%; width:32px; height:32px; margin-top:-16px; 
						z-index: 10; cursor: pointer; background-size:32px 32px; background-position: center; background-repeat: no-repeat; }
.swiper-button-prev   { background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im04OC42LDEyMS4zYzAuOCwwLjggMS44LDEuMiAyLjksMS4yczIuMS0wLjQgMi45LTEuMmMxLjYtMS42IDEuNi00LjIgMC01LjhsLTUxLTUxIDUxLTUxYzEuNi0xLjYgMS42LTQuMiAwLTUuOHMtNC4yLTEuNi01LjgsMGwtNTQsNTMuOWMtMS42LDEuNi0xLjYsNC4yIDAsNS44bDU0LDUzLjl6IiBmaWxsPSIjMDAwMDAwIi8+CiAgPC9nPgo8L3N2Zz4K"); }
.swiper-button-next   { background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im00MC40LDEyMS4zYy0wLjgsMC44LTEuOCwxLjItMi45LDEuMnMtMi4xLTAuNC0yLjktMS4yYy0xLjYtMS42LTEuNi00LjIgMC01LjhsNTEtNTEtNTEtNTFjLTEuNi0xLjYtMS42LTQuMiAwLTUuOCAxLjYtMS42IDQuMi0xLjYgNS44LDBsNTMuOSw1My45YzEuNiwxLjYgMS42LDQuMiAwLDUuOGwtNTMuOSw1My45eiIgZmlsbD0iIzAwMDAwMCIvPgogIDwvZz4KPC9zdmc+Cg=="); }
#gobook span		  { background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgLTMxIDQ4MCA0NzkiIHdpZHRoPSIzMnB4Ij48cGF0aCBkPSJtNDcyIDQ4LjVoLTI0di00MGMwLTQuNDE3OTY5LTMuNTgyMDMxLTgtOC04aC0xMzZjLTMxIDAtNTMuMDA3ODEyIDkuMzkwNjI1LTY0IDI2LjUwMzkwNi0xMC45OTIxODgtMTcuMTEzMjgxLTMzLTI2LjUwMzkwNi02NC0yNi41MDM5MDZoLTEzNmMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHY0MGgtMjRjLTQuNDE3OTY5IDAtOCAzLjU4MjAzMS04IDh2MzIwYzAgNC40MTc5NjkgMy41ODIwMzEgOCA4IDhoMTcyLjI4OTA2MmM3LjY0MDYyNiA4LjYxNzE4OCAzMS4xOTkyMTkgMzIgNjEuNzgxMjUgMzIgMjAuODgyODEzIDAgNDAuMjk2ODc2LTEwLjc2MTcxOSA1Ny43Njk1MzItMzJoMTcyLjE2MDE1NmM0LjQxNzk2OSAwIDgtMy41ODIwMzEgOC04di0zMjBjMC00LjQxNzk2OS0zLjU4MjAzMS04LTgtOHptLTE2OC0zMmgxMjh2MzA0aC0xMjhjLTI0LjcxMDkzOCAwLTQzLjcyNjU2MiA1Ljk1MzEyNS01NiAxNy4wMzEyNXYtMjgxLjAzMTI1YzAtMjYuNTQyOTY5IDE4LjgzOTg0NC00MCA1Ni00MHptLTI1NiAwaDEyOGMzNy4xNjAxNTYgMCA1NiAxMy40NTcwMzEgNTYgNDB2MjgxLjAzMTI1Yy0xMi4yNzM0MzgtMTEuMDc4MTI1LTMxLjI4OTA2Mi0xNy4wMzEyNS01Ni0xNy4wMzEyNWgtMTI4em00MTYgMzUyaC0xNjhjLTIuNDY4NzUgMC00LjgwNDY4OCAxLjEzNjcxOS02LjMyMDMxMiAzLjA4OTg0NC0xNC44OTQ1MzIgMTkuMTQ4NDM3LTMwLjg4NjcxOSAyOC45MTAxNTYtNDcuNTI3MzQ0IDI4LjkxMDE1NmgtLjA4MjAzMmMtMjguNzk2ODc0IDAtNTEuNTQyOTY4LTI4LjYzMjgxMi01MS43NjU2MjQtMjguOTIxODc1LTEuNTE1NjI2LTEuOTQxNDA2LTMuODM5ODQ0LTMuMDc4MTI1LTYuMzA0Njg4LTMuMDc4MTI1aC0xNjh2LTMwNGgxNnYyNjRjMCA0LjQxNzk2OSAzLjU4MjAzMSA4IDggOGgxMzZjMzcuMTYwMTU2IDAgNTYgMTMuNDU3MDMxIDU2IDQwIDAgNC40MTc5NjkgMy41ODIwMzEgOCA4IDhzOC0zLjU4MjAzMSA4LThjMC0yNi41NDI5NjkgMTguODM5ODQ0LTQwIDU2LTQwaDEzNmM0LjQxNzk2OSAwIDgtMy41ODIwMzEgOC04di0yNjRoMTZ6bTAgMCIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGQ9Im04OCA4MC41aDEwNGM0LjQxNzk2OSAwIDgtMy41ODIwMzEgOC04cy0zLjU4MjAzMS04LTgtOGgtMTA0Yy00LjQxNzk2OSAwLTggMy41ODIwMzEtOCA4czMuNTgyMDMxIDggOCA4em0wIDAiIGZpbGw9IiMwMDAwMDAiLz48cGF0aCBkPSJtODggMTI4LjVoMTA0YzQuNDE3OTY5IDAgOC0zLjU4MjAzMSA4LThzLTMuNTgyMDMxLTgtOC04aC0xMDRjLTQuNDE3OTY5IDAtOCAzLjU4MjAzMS04IDhzMy41ODIwMzEgOCA4IDh6bTAgMCIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGQ9Im04OCAxNzYuNWgxMDRjNC40MTc5NjkgMCA4LTMuNTgyMDMxIDgtOHMtMy41ODIwMzEtOC04LThoLTEwNGMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHMzLjU4MjAzMSA4IDggOHptMCAwIiBmaWxsPSIjMDAwMDAwIi8+PHBhdGggZD0ibTg4IDIyNC41aDEwNGM0LjQxNzk2OSAwIDgtMy41ODIwMzEgOC04cy0zLjU4MjAzMS04LTgtOGgtMTA0Yy00LjQxNzk2OSAwLTggMy41ODIwMzEtOCA4czMuNTgyMDMxIDggOCA4em0wIDAiIGZpbGw9IiMwMDAwMDAiLz48cGF0aCBkPSJtODggMjcyLjVoMTA0YzQuNDE3OTY5IDAgOC0zLjU4MjAzMSA4LThzLTMuNTgyMDMxLTgtOC04aC0xMDRjLTQuNDE3OTY5IDAtOCAzLjU4MjAzMS04IDhzMy41ODIwMzEgOCA4IDh6bTAgMCIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGQ9Im0yODggODAuNWgxMDRjNC40MTc5NjkgMCA4LTMuNTgyMDMxIDgtOHMtMy41ODIwMzEtOC04LThoLTEwNGMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHMzLjU4MjAzMSA4IDggOHptMCAwIiBmaWxsPSIjMDAwMDAwIi8+PHBhdGggZD0ibTI4OCAxMjguNWgxMDRjNC40MTc5NjkgMCA4LTMuNTgyMDMxIDgtOHMtMy41ODIwMzEtOC04LThoLTEwNGMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHMzLjU4MjAzMSA4IDggOHptMCAwIiBmaWxsPSIjMDAwMDAwIi8+PHBhdGggZD0ibTI4OCAxNzYuNWgxMDRjNC40MTc5NjkgMCA4LTMuNTgyMDMxIDgtOHMtMy41ODIwMzEtOC04LThoLTEwNGMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHMzLjU4MjAzMSA4IDggOHptMCAwIiBmaWxsPSIjMDAwMDAwIi8+PHBhdGggZD0ibTI4OCAyMjQuNWgxMDRjNC40MTc5NjkgMCA4LTMuNTgyMDMxIDgtOHMtMy41ODIwMzEtOC04LThoLTEwNGMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHMzLjU4MjAzMSA4IDggOHptMCAwIiBmaWxsPSIjMDAwMDAwIi8+PHBhdGggZD0ibTI4OCAyNzIuNWgxMDRjNC40MTc5NjkgMCA4LTMuNTgyMDMxIDgtOHMtMy41ODIwMzEtOC04LThoLTEwNGMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHMzLjU4MjAzMSA4IDggOHptMCAwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+Cg=="); }
#goshow span		  { background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8Zz4KCTxwYXRoIGQ9Ik00NS41NjMsMjkuMTc0bC0yMi0xNWMtMC4zMDctMC4yMDgtMC43MDMtMC4yMzEtMS4wMzEtMC4wNThDMjIuMjA1LDE0LjI4OSwyMiwxNC42MjksMjIsMTV2MzAgICBjMCwwLjM3MSwwLjIwNSwwLjcxMSwwLjUzMywwLjg4NEMyMi42NzksNDUuOTYyLDIyLjg0LDQ2LDIzLDQ2YzAuMTk3LDAsMC4zOTQtMC4wNTksMC41NjMtMC4xNzRsMjItMTUgICBDNDUuODM2LDMwLjY0LDQ2LDMwLjMzMSw0NiwzMFM0NS44MzYsMjkuMzYsNDUuNTYzLDI5LjE3NHogTTI0LDQzLjEwN1YxNi44OTNMNDMuMjI1LDMwTDI0LDQzLjEwN3oiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik0zMCwwQzEzLjQ1OCwwLDAsMTMuNDU4LDAsMzBzMTMuNDU4LDMwLDMwLDMwczMwLTEzLjQ1OCwzMC0zMFM0Ni41NDIsMCwzMCwweiBNMzAsNThDMTQuNTYxLDU4LDIsNDUuNDM5LDIsMzAgICBTMTQuNTYxLDIsMzAsMnMyOCwxMi41NjEsMjgsMjhTNDUuNDM5LDU4LDMwLDU4eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); }
.mt-2r				  { margin-top:2rem; }