@charset "utf-8";
html.hp {
	font-size: 41.4px !important;
}
/* CSS Document */
.title {
	height: 1.2133rem;
	line-height: 1.2133rem;
	font-size: .7467rem;
	font-weight: 500;
	text-align: center;
	background-color: #fff;
}

#search-block label {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: .28rem;
	font-style: italic;
	color: #999999;
}

#search-block .clsSearchText {
	border: 1px #cccccc solid;
}

#search-block img {
	border: 0;
	width: .4267rem;
	height: .4267rem;
	vertical-align: text-bottom;
}

.clsMenuBand {
	height: 3.36rem;
	background-color: #fff;
	width: 100%;
	border-bottom: 1px #eeeeee solid;
}

.clsRedBand {
	height: .0933rem;
	background-color: #89181b;
	width: 100%;
}

.clsIcon {
	border: 0;
	margin: 0;
	padding: 0;
	width: 2.6667rem;
	align-self: center;
}

.clsImg {
	border: 1px #dddddd solid;
}

.clsImg2 {
	border: 1px #dddddd solid;
	width: 5.0667rem;
	height: 3.9467rem;
}

.clsImg3 {
	width: 3.92rem;
	height: 2.287rem;
	padding: .0933rem;
	border: 1px #bbbbbb solid;
}

.clsMapImg {
	border: none;
	margin: .56rem 0 0 0;
}

.clsThumbnail {
	border: 0;
	width: 6.4rem;
	height: 3.6rem;
}

.clsThumbnail2 {
	border: 1px #dddddd solid;
	width: 100%;
	height: 100%;
}

.clsThumbnail3 {
	border: none;
	width: 50%;
	height: 50%;
}

.clsTimeline .line {
	padding: .3733rem 0 0 0;
}

.clsTimeline .line p {
	padding: 0em .1867rem 0 .1867rem;
}

.clsCity {
	width: 90%;
	padding: .0933rem;
}

.clsCity img {
	width: 100%;
	height: 100%;
	padding: .0933rem;
	border: 1px #bbbbbb solid;
}

.clsCity p {
	font-size: .3733rem;
}

.clsCity ul {
	width: 100%;
	font-size: .3733rem;
	padding-left: .56rem;
}

.clsCity li {
	padding-left: .1867rem;
	padding-bottom: .3733rem;
	font-weight: lighter;
	list-style-type: none;
}

.clsCollection {
	padding: .0933rem;
}

.clsCollection .line {
	background: none repeat scroll 0 0 rgba(250, 250, 250, 1.00);
}

.clsCollection img {
	width: 100%;
	height: 100%;
	padding: .0933rem;
	border: 0;
}

.clsCollection p {
	font-size: .3733rem;
}

.clsCollection i {
	font-family: "Caudex", Arial, sans-serif;
	color: #000;
	font-style: italic;
	font-size: smaller;
}

.clsCollection .clsDescription {
	margin: .1867rem;
}

.clsCollection .clsTitle {
	margin: 3.7333rem .56rem 0em .56rem;
}

.clsCollection .clsDescription p {
	font-size: 0.048rem;
	padding: .3733rem .4667rem;
}

.clsCollection ul {
	width: 100%;
	font-size: .4667rem;
	padding: .3733rem .56rem .56rem .3733rem;
	text-align: right;
}

.clsCollection li {
	padding: .1867rem;
	font-weight: lighter;
	list-style-type: none;
}

.clsDiamondPoints {
	list-style-image: url(../images/diamond-btn.png);
	list-style-position: outside;
	align-content: center;
}

.clsDiamondPoints li {
	width: 6em;
	display: list-item;
	padding-bottom: .1867rem;
	text-align: left;

}

.clsDiamondPoints li a {
	color: #000;
	font-size: .3733rem;
}

.clsDiamondPoints img {
	border: none;
	width: .4rem;
	height: .24rem;
}

.clsStrip {
	clear: both;
	margin: 0 auto;
	width: 22.4rem;
	float: none;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: .336rem;
	display: block;
}

.clsStrip a {
	color: #89181b;
}

.clsTM {
	vertical-align: super;
	font-size: .0933rem;
	font-stretch: ultra-condensed;
}

.clsTMBig {
	vertical-align: super;
	font-size: .224rem;
	font-weight: lighter;
}

.clsFireFlower {
	width: 2.6933rem;
	height: 2.6667rem;
}

.clsSuperScript {
	vertical-align: super;
	font-size: .2987rem;
}

.tab-block {
	padding: .7467rem 0 0 0;
	background: #fff;
}

#table-block,
#result-block {
	background: #fff;
}

#table-block,
#result-block {
	text-align: center;
	/* padding: 4.5em 0; */
}

.clsLineSpacer {
	text-align: center;
	padding: .7467rem 0;
	clear: both;
}

#table-block h2 {
	font-size: .7467rem;
}

#result-block a {
	color: #001C74;
	text-decoration: underline;
}

#result-block i {
	font-style: italic;
	color: #333333;
}

#result-block blockquote {
	padding: .3733rem .56rem;
}

#result-block p {
	padding: .1867rem 0;
}

#head-lki {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	padding: 3.36rem 0 1.8667rem;
	text-align: center;
}

#head-lki h1 {
	font-size: .7467rem;
}

#head-white-lki {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
	padding: 3.36rem 0 1.8667rem;
	text-align: center;
}

#head-white-lki h1 {
	color: #333;
	font-size: .7467rem;
}

.four-c-color {
	font-family: "Open Sans", Arial, sans-serif;
	padding: 0;
}

.four-c-color p,
.four-c-color h2 {
	font-weight: lighter;
}

.four-c-color .line {
	background: none repeat scroll 0 0 rgba(250, 250, 250, 1.00);
	padding: .1867rem .1867rem .0933rem .1867rem;
}

.clsSmallSize {
	font-size: .28rem;
}

.clsStdSize {
	font-size: .3733rem;
}

.clsStdSize a {
	color: #89181b;
}

.clsUnderScore {
	color: #89181b;
	text-decoration: underline;
}

.clsWhiteFont {
	color: #ffffff;
}

.clsGoldFont {
	color: #c09e63;
}

.clsRedFont {
	color: #89181b;
}

.clsLineSpacer hr {
	display: block;
	margin-top: .28rem;
	margin-bottom: .28rem;
	margin-left: auto;
	margin-right: auto;
	border-style: double;
	border-width: 1px;
	border-color: #dddddd;
}

.clsDoubleLine {
	background: url(../images/double-line.png) repeat-x;
	width: 100%;
	padding-bottom: .4181rem;
}

.TabNavWrapper,
.TabNavWrapper2,
.TabNavWrapper3 {
	/* This wrapper governs the bottom border when there are no tabs */
	position: relative;
	float: left;
	height: 1.3627rem;
	margin: 0 0 .0373rem 0;
	;
	padding: 0px;
	border: 0px;
	width: 100%;
	font-family: "Open Sans", Arial, sans-serif;
	border-radius: .1333rem;
	-moz-border-radius: .1333rem;
}

.TabNavWrapper {
	/* background-image: url(../images/title_bg.jpg); */
	background-color: rgba(243, 243, 243, 1.00);
}

.TabNavWrapper2 {
	background-color: rgba(240, 240, 240, 1.00);
}

.TabNavWrapper3 {
	background-color: rgba(237, 237, 237, 1.00);
}

.TabNavWrapper ul,
.TabNavWrapper2 ul,
.TabNavWrapper3 ul {
	text-align: center;
	/* top and bottom paddings must be consistent in ul and li */
	margin: 0;
	padding: 0;
	text-align: center;
}

.TabNavWrapper li,
.TabNavWrapper2 li,
.TabNavWrapper3 li {
	font-size: .4667rem;
	/* line-height is for IE7 */
	line-height: 1.0901rem;
	color: #333333;
	border: none;
	display: inline;
	padding-top: .2688rem;
	padding-bottom: .2688rem;
	padding-left: .5675rem;
	padding-right: .5675rem;
	/* margin: 0px; */
	/* border-right: 1px #999999 solid; */
	border: 0;
	text-align: center;
}

.TabNavWrapper li:hover {
	color: #333333;
	cursor: pointer;
}

.TabNavWrapper li.Selected,
.TabNavWrapper2 li.Selected,
.TabNavWrapper3 li.Selected {
	padding-top: .2315rem;
	padding-bottom: .3285rem;
	color: #333333;
	font-weight: normal;
	background-color: #ffffff;
	border-radius: .1333rem .1333rem 0px 0px;
	-moz-border-radius: .1333rem .1333rem 0px 0px;
	text-align: center;
}

.TabNavWrapper li.Selected a,
.TabNavWrapper2 li.Selected a,
.TabNavWrapper3 li.Selected a {
	color: #333333;
	text-decoration: none;
}

.TabNavWrapper a,
.TabNavWrapper2 a,
.TabNavWrapper3 a {
	color: #333333;
	text-decoration: none;
}

.TabNavWrapper a:hover,
.TabNavWrapper2 a:hover,
.TabNavWrapper3 a:hover {
	color: #333333;
	cursor: pointer;
}

.TabNavWrapper .clsLastMenuItem,
.TabNavWrapper2 .clsLastMenuItem,
.TabNavWrapper3 .clsLastMenuItem {
	border: none;
}

.clsClarityTable {
	font-family: "Open Sans", Arial, sans-serif;
	display: table;
	padding: .3733rem;
	width: 100%;
}

.clsClarityTable .row {
	display: table-row;
}

.clsClarityTable .cell {
	display: table-cell;
	font-size: .392rem;
	border: 1px #dddddd solid;
	padding: .0933rem;
	text-align: left;
}

.clsClarityTable .cell .subCell {
	display: table-cell;
	font-size: .392rem;
	border: 0;
	padding: 0;
	width: 3.7333rem;
	text-align: center;
}

.clsClarityTable .cellColor1 {
	background-color: rgba(0, 30, 34, 0.10);
}

.clsClarityTable .cellColor2 {
	background-color: rgba(0, 30, 34, 0.15);
}

.clsClarityTable .cell2 {
	width: 33.333333%;
	display: table-cell;
	font-size: .392rem;
	border: 1px #dddddd solid;
	padding: .3733rem;
	text-align: left;
}

.clsClarityTable .cell2 h3 {
	font-size: .5973rem;
}

.clsClarityTable p {
	font-size: .2987rem;
}
.kedu {
	position: absolute;
    right: 4rem;
    top: 0;
}
#clarityImgFrame {
	/* width:45em; */
	width: 100%;
	height: 14.9333rem;
	background-image: url(../images/hand-image.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	position: relative;
}

#clarityImgFrame #clarityImg1 {
	position: absolute;
	top: 202px;
	left: 0;
	right: 0;
	margin: auto;
	width: 1.12rem;
	height: 1.12rem;
}

#clarityImgFrame #clarityImg2 {
	position: absolute;
	/* top: 0;
	left: 13.8133rem; */
	width: 3.7333rem;
}

#clarityImgFrame #clarityImg2 .value {
	font-family: "Open Sans", Arial, sans-serif;
	line-height: .5333rem;
	left: 0em;
	margin-bottom: .28rem;
	width: 2.9867rem;
	font-size: .3733rem;
}

#clarityImgFrame #clarityImg2 .clsImgRuler {
	width: 1.1667rem;
	height: 9.1733rem;
	float: left;
}

#clarityImgFrame #slider-vertical {
	/* top: -9.4667rem;
	left: 14.9867rem; */
	height: 9.0133rem;
	width: .448rem;
	position: absolute;
	left: 1.2rem;
	top: 0.1867rem;
}

.clsCollectionTable {
	display: table;
	padding: .1333rem;
}

.clsCollectionTable p {
	font-size: .3733rem;
}

.clsCollectionTable .row {
	display: table-row;
}

.clsCollectionTable .cell-3 {
	display: table-cell;
	width: 25%;
	font-size: .392rem;
	border: 0px #dddddd solid;
	padding: 0;
	text-align: left;
}

.clsCollectionTable .cell-3-red {
	display: table-cell;
	width: 25%;
	font-size: .392rem;
	border: 0px #dddddd solid;
	padding: 0;
	text-align: left;
	background: none repeat scroll 0 0 #89181b;
}

.clsCollectionTable .cell-4 {
	display: table-cell;
	width: 33.33%;
	font-size: .392rem;
	border: 0px #dddddd solid;
	padding: .0933rem;
	text-align: left;
}

.clsCollectionTable .cell-6 {
	display: table-cell;
	width: 50%;
	font-size: .392rem;
	border: 0px #dddddd solid;
	padding: .0933rem;
	text-align: left;
}

.clsCollectionTable .cell-8 {
	display: table-cell;
	width: 66.66%;
	font-size: .392rem;
	border: 0px #dddddd solid;
	padding: .0933rem;
	text-align: left;
}

.clsCollectionTable .cell-9 {
	display: table-cell;
	width: 75%;
	font-size: .392rem;
	border: 1px #dddddd solid;
	padding: .0933rem;
	text-align: left;
}

.clsCollectionTable .cell-9-n {
	display: table-cell;
	width: 75%;
	font-size: .392rem;
	border: 0px #dddddd solid;
	padding: 0;
	text-align: left;
}

.clsCollectionTable .cell-12 {
	display: table-cell;
	width: 100%;
	font-size: .392rem;
	border: 0px #dddddd solid;
	padding: .0933rem;
	text-align: left;
}

.clsCollection img {
	padding: .0933rem;
}

.clsCollection h3 {
	margin: 0;
	padding: 0;
}

.clsCollection h4 {
	margin: 0;
	padding: 0;
	font-size: .28rem;
	font-family: "Open Sans", Arial, sans-serif;
}

.clsQuestion {
	padding: .7467rem .1867rem;
	/* font-family: "Open Sans", Arial,sans-serif; */
}

.clsQuestion h1 {
	color: #c09e63;
	font-size: .6533rem;
	padding: 0 0 .3733rem 0;
}

.clsQuestion ul {
	list-style-position: outside;
	align-content: center;
}

.clsQuestion li {
	max-width: 8.0267rem;
	padding-bottom: .1867rem;
	text-align: left;
	color: #c09e63;
	font-size: .56rem;
	display: block;
	;
}

.clsQuestion li a {
	color: #c09e63;
}

.clsQuestion .clsSelected {
	color: #fff;
	display: list-item;
	list-style-image: url(../images/diamond-btn.png);
}

#HDVideo {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	width: 100%;
}

.clsHDVideo {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.clsHDVideo iframe,
.clsHDVideo object,
.clsHDVideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clsVideo {
	width: 14.4rem;
	height: 9.4667rem;
}

.clsVideo2 {
	width: 16.8rem;
	height: 12.5867rem;
}

.clsSmallVideo {
	max-width: 10.56rem;
	height: 7.9467rem;
}

.clsArticle {
	padding: .7467rem;
}

.clsArticle a {
	color: #89181b;
}

.clsArticle p {
	font-size: .448rem;
	padding-bottom: .7467rem;
}

.clsArticle li {
	font-size: .448rem;
	padding-bottom: .7467rem;
}

.clsArticle img {
	width: 100%;
	height: auto;
	padding: 0.25em;
	border: 1px solid #dddddd;
}

.clsArticle i {
	font-style: italic;
	color: #000000;
}

.clsArticle h3 {
	color: #444;
	font-weight: lighter;
	margin: 0em 0 1.0em 0;
	font-size: 1.25em;
}

.clsArticle hr {
	display: block;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
}

.clsContactBox {
	margin-top: 1em;
	width: 100%;
	height: 40em;
}

.clsContactTable {
	display: table;
	margin: 1em 1em 1em 0;
	width: 100%;
}

.clsContactTable .row {
	display: table-row;
}

.clsContactTable .cell {
	display: table-cell;
	border: 0;
	padding: 0.5em 0.25em;
	text-align: left;
}

.clsContactTable .colspan2 {
	display: table-caption;
}

.clsContactTable .cell p {
	font-size: 1.25em;
	font-weight: lighter;
}

.clsContactTable .clsSelect {
	font-size: 0.90em;
	font-weight: lighter;
	width: 90%;
}

.clsContactTable .clsButton {
	font-size: 1.125em;
	height: auto;
	width: 11.25em;
	color: #FFFFFF;
	background-color: #a5a5a5;
	border: #dddddd solid 3px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-style: outset;
	cursor: pointer;
}

/* for owl carousel */

#owl-timeline .item,
#owl-store .item {
	margin: 0.25em;
	border: 1px #aaaaaa solid;
	padding: 0.25em 0.25em 0em 0.25em;
}

#owl-store .item {
	margin: 0.25em;
	border: 1px #aaaaaa solid;
	padding: 0.25em 0.25em 0.25em 0.25em;
}

#owl-store .item img {
	display: block;
	width: 100%;
	height: auto;
}

.bottom {
	position: fixed;
	bottom: 0;
	/* padding: 0 0.6933rem; */
	width: 100%;
	height: 2.3467rem;
	color: #fff;
	display: flex;
	align-items: center;
	background-color: #000;
}

.bottom .bottom-right {
	font-size: .56rem;
	/* padding: 0 0.6933rem; */
}

/* @media screen and (max-width:800px) {
	.clsIcon {
		border: 0;
		margin: 0;
		padding: 0;
		width: 100px;
		align-self: center;
	}

	.clsStrip {
		display: none;
	}

	.clsLineSpacer {
		text-align: center;
		padding: 0;
	}

	#head-lki {
		background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
		padding: 2em 0 0em;
		text-align: center;
	}

	#head-lki h1 {
		font-size: 1.75em;
	}

	#head-white-lki {
		background: none repeat scroll 0 0 rgba(250, 250, 250, 1.00);
		padding: 2em 0 0em;
		text-align: center;
	}

	#head-white-lki h1 {
		color: #000000;
		font-size: 1.75em;
	}

	.TabNavWrapper {
		position: relative;
		float: left;
		height: 2.20em;
		margin: 0 0 0.10em 0;
		padding: 0px;
		border: 0px;
		background-color: rgba(243, 243, 243, 1.00);
		width: 100%;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
	}

	.TabNavWrapper2 {
		position: relative;
		float: left;
		height: 2.20em;
		margin: 0 0 0.10em 0;
		padding: 0px;
		border: 0px;
		background-color: rgba(240, 240, 240, 1.00);
		width: 100%;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
	}

	.TabNavWrapper3 {
		position: relative;
		float: left;
		height: 2.20em;
		margin: 0 0 0.10em 0;
		padding: 0px;
		border: 0px;
		background-color: rgba(237, 237, 237, 1.00);
		width: 100%;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
	}

	.TabNavWrapper ul,
	.TabNavWrapper2 ul,
	.TabNavWrapper3 ul {
		text-align: center;
		margin: 0;
		padding: 0.50em 0.25em;
		text-align: center;
	}

	.TabNavWrapper li,
	.TabNavWrapper2 li,
	.TabNavWrapper3 li {
		line-height: 1.50em;
		color: #000;
		border: none;
		display: inline;
		border-right: 0;
		text-align: center;
	}

	.TabNavWrapper li,
	.TabNavWrapper2 li {
		font-size: 0.75em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 1.50em;
		padding-right: 1.50em;
	}

	.TabNavWrapper3 li {
		font-size: 0.70em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.52em;
		padding-right: 0.52em;
	}

	.TabNavWrapper li:hover,
	.TabNavWrapper2 li:hover,
	.TabNavWrapper3 li:hover {
		color: #333333;
		cursor: pointer;
	}

	.TabNavWrapper li.Selected,
	.TabNavWrapper2 li.Selected,
	.TabNavWrapper3 li.Selected {
		padding-top: 0.4em;
		padding-bottom: 0.60em;
		color: #333333;
		font-weight: normal;
		background-color: #ffffff;
		border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		text-align: center;
	}

	.TabNavWrapper li.Selected a,
	.TabNavWrapper2 li.Selected a,
	.TabNavWrapper3 li.Selected a {
		color: #333333;
		text-decoration: none;
	}

	.TabNavWrapper a,
	.TabNavWrapper2 a,
	.TabNavWrapper3 a {
		color: #000;
		text-decoration: none;
	}

	.TabNavWrapper a:hover,
	.TabNavWrapper2 a:hover,
	.TabNavWrapper3 a:hover {
		color: #333333;
		cursor: pointer;
	}

	.TabNavWrapper .clsLastMenuItem,
	.TabNavWrapper2 .clsLastMenuItem,
	.TabNavWrapper3 .clsLastMenuItem {
		border: none;
	}

	.clsStdSize {
		font-size: 0.80em;
	}

	.clsClarityTable .cell2 {
		padding: 1em 0.5em 1em 0.5em;
	}

	.clsClarityTable .cell2 h3 {
		font-size: 0.80em;
	}

	#clarityImgFrame {
		width: 100%;
		height: 40.125em;
		background-image: url(../images/hand-image.jpg);
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		position: relative;
	}

	#clarityImgFrame #clarityImg2 {
		position: relative;
		top: 0em;
		left: 3em;
		width: 3.125em;
		height: 24.5625em;
	}

	#clarityImgFrame #slider-vertical {
		top: -24.20em;
		left: 6.15em;
		height: 24.15em;
		width: 1.2em;
	}

	.clsVideo {
		width: 20em;
		height: 11.25em;
		;
	}

	.clsVideo2 {
		width: 20em;
		height: 15em;
	}

	.clsArticle {
		padding: 2em 1em 1em 2em;
	}

	.clsArticle ul {
		padding-left: 1em;
	}

	.clsArticle li {
		padding-bottom: 2em;
	}

	.clsContactBox {
		margin-top: 1em;
		width: 100%;
		height: 18em;
	}

	.clsContactTable .cell p {
		font-size: 1.00em;
		font-weight: lighter;
	}

	.clsContactTable .clsSelect {
		font-size: 0.90em;
		font-weight: lighter;
		width: 90%;
	}

	.clsContactTable .clsButton {
		font-size: 1.00em;
		height: auto;
		width: 10.00em;
		color: #FFFFFF;
		background-color: #a5a5a5;
		border: #dddddd solid 3px;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-style: outset;
		cursor: pointer;
	}

	.clsMenuBand,
	.clsRedBand {
		display: none;
	}

	.clsCollection .clsTitle {
		margin: 2.00em 1.0em 0em 1.0em;
		padding: 1.0em 1.0em 0em 1.0em;
	}

	.clsCollection .clsDescription p {
		font-size: 1.0em;
		padding: 1.0em 1.25em 1.0em 1.25em;
	}
} */

/* 兼容ipad竖屏 */
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#clarityImgFrame {
		background-position: center top;
	}

	#clarityImgFrame #clarityImg1 {
		top: 14em;
	}
} */

/* 兼容ipad横屏 */
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#clarityImgFrame {
		background-position: center top;
	}

	#clarityImgFrame #clarityImg1 {
		top: 12em;
	}
} */

@media screen and (orientation: portrait) {
	.bottom {
		position: fixed;
		bottom: 0;
		/* padding: 0 26.25px; */
		width: 100%;
		height: 87.5px;
		color: #fff;
		display: flex;
		align-items: center;
		background-color: #000;
	}

	.bottom .bottom-right {
		width: 100%;
		font-size: 21px;
		/* padding: 0 26.25px; */
	}
}

@media screen and (orientation: landscape) {
	.bottom {
		position: fixed;
		bottom: 0;
		/* padding: 0 36px; */
		width: 100%;
		height: 60px;
		color: #fff;
		display: flex;
		align-items: center;
		background-color: #000;
	}

	.bottom .bottom-right {
		width: 100%;
		font-size: 16px;
		/* padding: 0 56px 0 30px; */
	}
}