/************************************* Layout common *************************************/

.navbar {
	height: 55px !important;
}

.container-body {
	margin: 55.4px 0 10px 0;
}

.row-margin-t10 {
	margin-top: 10px;
}

.row-margin-t25 {
	margin-top: 25px;
}

.row-margin-t50 {
	margin-top: 50px;
}

/* image cutoff resize 
.container-body .row-img {
	height: 55vh;
	background-repeat: no-repeat;
	background-size: cover;
}
*/

/* image 100% resize */
.container-body .row-img {
	width: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-size: contain;
}

.container-body .row-img-text {
	text-align: center;
	padding: 8px 30px 8px 30px;
	color: #222;
}

.row-img-text .title-game {
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0 20px 0;
	display: block;
}

.container-body .row-w100 {
	width: 100%;
}

.row-w100 .appstore-box {
	margin: 0 auto;
	display: table;
}

.appstore-box .store-group {
	text-align: center;
}

.appstore-box .store-group .appstore {
	display: inline-block;
	padding: 5px;
}

.row-w100 .game-vision {
	width: 100%;
	margin: 10px auto 0 auto;
}

.row-w100 .game-vision ul {
	font-size: 15px;
	padding: 10px 0 10px 20px;
}

.row-w100 .game-snapshot {
	width: 100%;
	display: inline-block;
}

.game-snapshot img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.row-w100 .title-game-feature {
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0 20px 0;
	display: block;
}

.row-w100 .game-feature {
	width: 100%;
	display: inline-block;
}

.game-feature img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
}

.row-w100 .game-feature-text {
	text-align: center;
	color: #222;
}

.container-body .row-fanpage {
	text-align: center;
	font-family: semilight;
	padding: 10px 20px 10px 20px;
	background: #ececec;
	color: #222;
	border-radius: 30px;
}

.row-fanpage .title-fanpage {
	padding: 10px 0 15px 0;
	font-size: 30px;
	display: block;
}


.contact-box {
	height:79.5vh;
}

.container-footer {
	width: 100%;
	height: 90px;
	background-color: #000000;
	border-color: #080808;
	position: relative;
}

/* image 100% resize */
.container-footer .ci-box {
	display: none;
}

.container-footer .address {
	display: inline-block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 10px;
	font-size: 12px;
	color: #7a7a7a;
	width: 100%;
	right: 5px;
	text-align: right;
}

.btn-box { 
	width: 100%;
	text-align: center;
	padding-top: 25px;
}

.btn-playnow {
	width: 180px;
	height: 44px;
	display: inline-block;
	background-image: url("../images/bt_playnow.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.btn-playnow a {
	width: 100%;
	height: 100%;
	display: block;
}

.btn-contact {
	width: 180px;
	height: 44px;
	display: inline-block;
	background-image: url("../images/bt_arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.btn-contact a {
	width: 100%;
	height: 100%;
	display: block;
}

.btn-fanpage {
	width: 180px;
	height: 44px;
	display: inline-block;
	background-image: url("../images/bt_arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.btn-fanpage a {
	width: 100%;
	height: 100%;
	display: block;
}



@media (max-width: 360px) {
	.container-footer {
		height: 100px;
	}
}

@media (min-width: 320px) {
	/*
	.container-body .multibox-fanpage-left {
		height:145px;
	}
	*/

	.btn-box { 
		width: 100%;
		text-align: center;
		padding-top: 25px;
	}
	
	.btn-playnow {
		width: 260px;
		height: 64px;
		display: inline-block;
		background-image: url("../images/bt_playnow.png");
		background-repeat: no-repeat;
	}

	.btn-contact {
		width: 260px;
		height: 64px;
		display: inline-block;
		background-image: url("../images/bt_arrow.png");
		background-repeat: no-repeat;
	}

	.btn-fanpage {
		width: 260px;
		height: 64px;
		display: inline-block;
		background-image: url("../images/bt_arrow.png");
		background-repeat: no-repeat;
	}
}

@media (min-width: 400px) {
	.container-footer .ci-box {
		display: inline-block;
	}
	
	.container-footer .ci-box img {
		width:auto;
		max-height: 48px;
		padding-top: 25px;
		margin-left: 7px;
	}

	.container-footer .address {
		width: 67%;
	}
}

@media (min-width: 480px) {
	.contact-box {
		height:77vh;
	}

	.container-footer .ci-box img {
		margin-left: 10px;
	}

	.container-footer .address {
		width: 70%;
		right: 10px;
		text-align: right;
	}
}

@media (min-width: 641px) {
	.row-w100 .game-feature {
		width: 32.7%;
		display: inline-block;
		vertical-align: top;
		margin: 0px auto;
	}

	.game-feature img {
		max-width: 80%;
		height: auto;
		display: block;
		margin: 0px auto;
	}

	.container-footer .ci-box img {
		width:auto;
		max-height: 60px;
		padding-top: 20px;
	}
}

@media (min-width: 768px) {
	.row-w100 .game-vision {
		width: 90%;
		margin: 0 auto 0 auto;
	}
}

@media (min-width: 992px) {
	.row-w100 .game-vision {
		width: 737px;
		margin: 0 auto 0 auto;
	}

	/*
	.container-body .multibox-fanpage-left {
		height:110px;
	}
	*/
}

@media (min-width: 1200px) {
	
}

@media (hover: hover) { 
	.btn-contact a:hover {
		background-image: url("../images/bt_arrow_h.png");
	}

	.row-img-text .text-seemore a:hover {
		color: #FF7300;
	}
}

@media (hover: hover) and (pointer: fine) { 
	.btn-playnow a:hover {
		background-image: url("../images/bt_playnow_h.png");
	}
	
	.btn-fanpage a:hover {
		background-image: url("../images/bt_arrow_h.png");
	}
}



/************************************* Main *************************************/

/* image 100% resize */
.container-body .main-img-dualgames {
	padding-top: 32.3%;
	background-image: url("../images/upperbanner.jpg");
}

.container-body .main-img-solitaire-match {
	padding-top: 52.4%;
	background-image: url("../images/main_solitaire_match.jpg");
	background-position: center;
}

.row-img-text .text-seemore {
	padding-top: 10px;
	display: block;
	height: 40px;
}

.row-img-text .text-seemore a {
	color: #ffb300;
	font-weight: bold;
	text-decoration: none;
	width: 95px;
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
}

.container-body .row-contact {
	text-align: center;
	font-family: semilight;
	padding: 10px 20px 10px 20px;
	background: #ececec;
	color: #222;
	border-radius: 30px;
}

.row-contact .title-contact {
	padding: 10px 0 15px 0;
	font-size: 30px;
	display: block;
}



/************************************* Solitaire Match *************************************/

/* image 100% resize */
.container-body .solitaire-match-img-game {
	padding-top: 52.2%;
	background-image: url("../images/main_solitaire_match.jpg");
	background-position: center;
}


/************************************* ConcatUs *************************************/

/* image 100% resize */
.container-body .contact-img-dualgames {
	padding-top: 35.8%;
	background-image: url("../images/img_contactus.jpg");
}

.row-img-text .title-support {
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0 20px 0;
	display: block;
}