@charset "utf-8";

main {
    display: block;
    position: relative;
	text-align: center;
}


#dtlayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#dtcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 79.5rem;
	padding: 57.5rem 0rem 3.5rem 20.5rem;
	background-image: url("background-image-dt-v2.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1.25rem;
}
#dtcontent h1 {
	color: transparent;
}
#dtcontent p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#dtone {
	display: block;
	width: 76.5rem;
	margin: 0rem auto 0rem auto;
}
#dtintro {
	display: block;
}
#dtintrotitle {
	display: block;
	padding: 0rem 29rem 2.5rem 0rem;
}
#dtintrotitle img {
    height: 4rem;
}
#dtintroleft {
	display: inline-block;
}
#dtintrohandset {
	display: inline-block;
}
#dtintrohandset img {
	height: 27.5rem;
	padding-bottom: 2.5rem;
}
#dtintrotext {
	display: block;
	width: fit-content;
}
#dtintrolinks {
	display: block;
	padding: 7.5rem 0rem 0rem 17.5rem;
}
#dtintrolinksos {
	display: block;
	padding-bottom: 1rem;
}
#dtintrolinksos img {
	height: 4rem;
}
#dtintrolinksstores {
	display: block;
}
#dtintrolinksstores img {
	display: inline-block;
	height: 3.25rem;
	padding: 0rem 0.5rem 0rem 0.5rem;
}

#dtdisclaim {
	display: block;
	padding-top: 7.5rem;
}
.dtdisclaimhr {
	display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1rem auto 1.075rem auto;
    width: 72.5rem;
}

#dttwo {
	display: block;
	padding-top: 7.5rem;
}
.dtlayoutholder {
	display: block;
	text-align: left;
	padding: 0rem 0rem 5rem 4rem;
}
.dtlayoutgraphic {
	display: inline-block;
}
.dtlayoutgraphic img {
	width: 42.5rem;
}
.dtlayoutnotes {
	display: inline-block;
	width: fit-content;
	vertical-align: top;
	padding: 1rem 0rem 0rem 2.5rem;
	text-align: center;
}
.dtlayoutnoteshr {
    display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1.5rem auto 1.575rem auto;
    width: 2.5rem;
}
.dtlayoutnoteslink {
	display: block;
}

#dtreturnlink {
	display: block;
}
#dtreturnlink img {
    height: 2.5rem;
	padding-right: 1rem;
    animation: fading 3.5s infinite;
	vertical-align: middle;
}




#tablayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#tabcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.5rem;
	font-size: 1.25rem;
	background-image: url("background-image-tab.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
#tabcontent h1 {
	color: transparent;
}
#tabcontent p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#tabone {
	display: block;
	height: 42.75rem;
	margin: 0rem auto 0rem auto;
}
#tabintro {
	display: block;
	position: relative;
}
#tabintrotitle {
	display: block;
	padding: 0rem 12.5rem 1rem 0rem;
}
#tabintrotitle img {
    height: 4rem;
}
#tabintroleft {
	display: block;
}
#tabintrohandset {
	display: block;
	position: absolute;
	right: 2.5rem;
	top: 6.5rem;
}
#tabintrohandset img {
	height: 22.5rem;
	padding-bottom: 2.5rem;
}
#tabintrotext {
	display: block;
	width: fit-content;
	position: absolute;
	left: 3.5rem;
}
#tabintrolinks {
	display: block;
	position: absolute;
	left: 20rem;
	top: 24.5rem;
}
#tabintrolinksos {
	display: block;
	padding-bottom: 1rem;
}
#tabintrolinksos img {
	height: 4rem;
}
#tabintrolinksstores {
	display: block;
}
#tabintrolinksstores img {
	display: inline-block;
	height: 3.25rem;
	padding: 0rem 0.5rem 0rem 0.5rem;
}

#tabdisclaim {
	display: block;
	position: absolute;
	top: 36.5rem;
	left: 0rem;
	width: 100%;
}
.tabdisclaimhr {
	display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1rem 1.5rem 1.075rem 1.5rem;
}

#tabtwo {
	display: block;
	position: relative;
}
.tablayoutholder {
	display: block;
	text-align: left;
	padding: 7.5rem 0rem 0rem 2rem;
}
.tablayoutgraphic {
	display: inline-block;
}
.tablayoutgraphic img {
	width: 31rem;
}
.tablayoutnotes {
	display: inline-block;
	width: fit-content;
	vertical-align: top;
	padding: 0.5rem 0rem 0rem 1rem;
	text-align: center;
}
.tablayoutnoteshr {
    display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1.5rem auto 1.575rem auto;
    width: 2.5rem;
}
.tablayoutnoteslink {
	display: block;
	text-align: center;
    background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
	margin: 2rem 2.5rem 0rem 1rem;
}

#tabreturnlink {
	display: block;
	padding: 5rem 0rem 1.5rem 0rem;
}
#tabreturnlink img {
    height: 2.5rem;
	padding-right: 1rem;
    animation: fading 3.5s infinite;
	vertical-align: middle;
}




#moblayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#mobcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.5rem;
	font-size: 1.25rem;
	background-image: url("background-image-mob.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
#mobcontent h1 {
	color: transparent;
}
#mobcontent p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#mobone {
	display: block;
	margin: 0rem auto 0rem auto;
}
#mobintro {
	display: block;
}
#mobintrotitle {
	display: block;
}
#mobintrotitle img {
    height: 4rem;
}
#mobintrotext {
	display: block;
	padding-bottom: 2.5rem;
}
#mobintrolinks {
	display: inline-block;
}
#mobintrolinksos {
	display: block;
	padding-bottom: 1rem;
}
#mobintrolinksos img {
	height: 4rem;
}
#mobintrolinksstores {
	display: block;
}
#mobintrolinksstores img {
	height: 3.25rem;
	padding: 0rem 0.5rem 0rem 0.5rem;
}
#mobintrohandset {
	display: inline-block;
}
#mobintrohandset img {
	height: 22.5rem;
	padding-bottom: 2.5rem;
}

#mobdisclaim {
	display: block;
	width: 100%;
	padding-top: 2.5rem;
}
.mobdisclaimhr {
	display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1rem 1.5rem 1.075rem 1.5rem;
}

#mobtwo {
	display: block;
}
.moblayoutholder {
	display: block;
    background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
	margin: 8rem 3rem 3rem 3rem;
}
.moblayoutgraphic {
	display: inline-block;
}
.moblayoutgraphic img {
	width: 38.5rem;
	border-radius: 1rem;
}
.moblayoutnotes {
	display: inline-block;
	padding-top: 1rem;
}
.moblayoutnoteshr {
    display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1.5rem auto 1.575rem auto;
    width: 2.5rem;
}
.moblayoutnoteslink {
	display: block;
	text-align: center;
	padding-top: 0.5rem;
}

#mobreturnlink {
	display: block;
	padding: 5rem 0rem 1.5rem 0rem;
}
#mobreturnlink img {
    height: 2.5rem;
	padding-right: 1rem;
    animation: fading 3.5s infinite;
	vertical-align: middle;
}




#mob668layout {
	display: block;
	width: 100%;
	height: 100vh;
}
#mob668content {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.75rem;
	font-size: 1.25rem;
	background-image: url("background-image-mob-668.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
#mob668content h1 {
	color: transparent;
}
#mob668content p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#mob668one {
	display: block;
}
#mob668intro {
	display: block;
}
#mob668introtitle {
	display: block;
}
#mob668introtitle img {
    height: 4rem;
}
#mob668introtext {
	display: block;
	padding-bottom: 2.5rem;
}
#mob668introlinks {
	display: inline-block;
	padding-left: 0.75rem;
}
#mob668introlinks img {
	height: 3.25rem;
}
#mob668linkapple {
	display: block;
}
#mob668linkplay {
	display: block;
	padding-top: 0.5rem;
}
#mob668linkos {
	display: block;
	padding-top: 2rem;
}
#mob668linkos img {
	height: 4rem;
}
#mob668introhandset {
	display: inline-block;
}
#mob668introhandset img {
	height: 24.5rem;
	padding-bottom: 2.5rem;
}

#mob668disclaim {
	display: block;
	width: 100%;
	padding-top: 2.5rem;
}
.mob668disclaimhr {
	display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1rem 1.5rem 1.075rem 1.5rem;
}

#mob668two {
	display: block;
}
.mob668layoutholder {
	display: block;
    background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
	margin: 8rem 3rem 3rem 3rem;
}
.mob668layoutgraphic {
	display: inline-block;
}
.mob668layoutgraphic img {
	width: 27.5rem;
	border-radius: 1rem;
}
.mob668layoutnotes {
	display: inline-block;
	padding-top: 1rem;
}
.mob668layoutnoteshr {
    display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1.5rem auto 1.575rem auto;
    width: 2.5rem;
}
.mob668layoutnoteslink {
	display: block;
	text-align: center;
	padding-top: 0.5rem;
}

#mob668returnlink {
	display: block;
	padding: 5rem 0rem 1.5rem 0rem;
}
#mob668returnlink img {
    height: 2.5rem;
	padding-right: 1rem;
    animation: fading 3.5s infinite;
	vertical-align: middle;
}




#mob468layout {
	display: block;
	width: 100%;
	height: 100vh;
}
#mob468content {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 45rem;
	font-size: 1.25rem;
	background-image: url(../story/background-image-mob-468.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
#mob468content h1 {
	color: transparent;
}
#mob468content p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#mob468one {
	display: block;
}
#mob468intro {
	display: block;
}
#mob468introtitle {
	display: block;
}
#mob468introtitle img {
    height: 3rem;
}
#mob468introtext {
	display: block;
	padding-bottom: 2.5rem;
}
#mob468introhandset {
	display: block;
}
#mob468introhandset img {
	height: 24.5rem;
}
#mob468introlinks {
	display: block;
	padding-top: 3.5rem;
}
#mob468introlinks img {
	height: 3.25rem;
}
#mob468linkapple {
	display: block;
}
#mob468linkplay {
	display: block;
	padding-top: 0.5rem;
}
#mob468linkos {
	display: block;
	padding-top: 2rem;
}
#mob468linkos img {
	height: 4rem;
}

#mob468disclaim {
	display: block;
	width: 100%;
	padding-top: 4.5rem;
}
.mob468disclaimhr {
	display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1rem 1.5rem 1.075rem 1.5rem;
}

#mob468two {
	display: block;
}
.mob468layoutholder {
	display: block;
    background-color: #E5E5E5;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1rem 1rem #E5E5E5;
	margin: 8rem 3rem 3rem 3rem;
}
.mob468layoutgraphic {
	display: inline-block;
}
.mob468layoutgraphic img {
	width: 17.5rem;
	border-radius: 1rem;
}
.mob468layoutnotes {
	display: inline-block;
	padding-top: 1rem;
}
.mob468layoutnoteshr {
    display: block;
    border-bottom: 0.075rem solid #01407F;
    margin: 1.5rem auto 1.575rem auto;
    width: 2.5rem;
}
.mob468layoutnoteslink {
	display: block;
	text-align: center;
	padding-top: 0.5rem;
}

#mob468returnlink {
	display: block;
	padding: 5rem 0rem 1.5rem 0rem;
}
#mob468returnlink img {
    height: 2.5rem;
	padding-right: 1rem;
    animation: fading 3.5s infinite;
	vertical-align: middle;
}




@media screen and (min-width: 1181px) {
#tablayout {
	display: none;
}
}

@media screen and (max-width: 1180px) {
#dtlayout{
	display: none;
}
}

@media screen and (min-width: 869px) {
#moblayout{
	display: none;
}
}

@media screen and (max-width: 868px) {
#tablayout {
	display: none;
}
}

@media screen and (min-width: 669px) {
#mob668layout {
	display: none;
}
}

@media screen and (max-width: 668px) {
#moblayout {
	display: none;
}
}

@media screen and (min-width: 469px) {
#mob468layout {
	display: none;
}
}

@media screen and (max-width: 468px) {
#mob668layout {
	display: none;
}
}