@charset "utf-8";


/* --------------------------------------------------
	Mobile (Landscape) design for a width of 320px
-------------------------------------------------- */
/* --------------------------------------------------
	Components
-------------------------------------------------- */
.headings1 {
	font-size: 21px;
	margin: 0 10px 20px;
}
body.ja .headings1,
body.ko .headings1,
body.cn .headings1 {
	font-size: 20px;
}

.headings2 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.headings3 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.ua-ios .downloadBtn,
.ua-android .downloadBtn {
	margin-top: 10px;
}
.ua-ios .downloadBtn .androidBtn,
.ua-ios form.androidBtn {
	display: none;
}


.ua-android .downloadBtn .iosBtn,
.ua-android form.iosBtn {
	display: none;
}
/*
.ua-ios .downloadBtn a span:first-child,
.ua-android .downloadBtn a span:first-child {
	display: none;
}
.ua-ios .downloadBtn a span:last-child,
.ua-android .downloadBtn a span:last-child {
	display: block;
}*/
.downloadBtn li {
	margin-bottom: 10px;
}
.downloadBtn li:last-child {
	margin-bottom: 0;
}



/* --------------------------------------------------
	Layout
-------------------------------------------------- */
/* header
---------------------------------------- */
#header {
	width: 100%;
	border-top: 1px solid #e1e1e3;
	border-bottom: 1px solid #e1e1e3;
}
#header #logo {
	margin: 11px 10px;
}
#header #logo img {
	width: 79px;
	height: 22px;
}
#globalNav {
	width: 100%;
	border-top: 1px solid #e1e1e3;
}
#globalNav ul {
	zoom:1;
}
#globalNav ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#globalNav li {
	float: left;
	width: 50%;
}
#globalNav li a {
	display: block;
	padding: 10px 0;
	color: #456;
	text-align: center;
	border-right: 1px solid #e1e1e3;
}
#globalNav li a:last-child {
	border-right: none;
}
.home #globalNav #globalNav01 a {
	color: #fff;
	-webkit-box-shadow: inset 0 0 4px 0 #345;
	box-shadow: inset 0 0 4px 0 #345;
	background-color: #789;
}
.apps #globalNav #globalNav02 a {
	color: #fff;
	-webkit-box-shadow: inset 0 0 4px 0 #345;
	box-shadow: inset 0 0 4px 0 #345;
	background-color: #789;
}


#globalNav .greeAppB {
	position: absolute;
	top: 0;
	right: 10px;
	width: 88px;
}

#globalNav .greeAppB a{
	width:82px;
	margin-top:-1px;
	padding: 5px 0;
	text-align: center;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius:  0 0 5px 5px;
	border-radius:  0 0 5px 5px;
	border: 1px solid #00a0e6;
	border-top-color: #00bef0;
	border-bottom-color: #1873a0;
	color: #fff;
	line-height: 1.3;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #0c7aaf;
	cursor: pointer;
}

#globalNav .greeAppB a:hover{
	text-decoration: none;
	color: #fff;
}

#header .utilityNav {
	display: none;
}




/* main
---------------------------------------- */
#mainHead #breadcrumbsNav {
	display: none;
}
#mainBody > .inner {
	padding-top: 20px;
}



/* footer
---------------------------------------- */
#footer {
	border-top: 1px solid #e1e1e3;
}
#footer .utilityNav {
	padding: 0 10px;
}
#footer .utilityNav:first-child {
	border-top: none;
}
#footer .utilityNav:last-child {
	border-top: none;
	padding-top: 15px;
}

#footer .socialButton li {
	width: 110px;
	height: 25px;
	overflow: hidden!important;
}
#footer .relatedLink {
	margin-bottom: 30px;
}
#footer .relatedLink li,
#footer .utilityLink li {
	margin-bottom: 15px;
	list-style-type: none;
}

#footer .selectCountryLink {
	margin-bottom: 15px;
	padding-top: 15px;
	list-style-type: none;
}
#footer .selectCountryLink ul {
	zoom:1;
}
#footer .selectCountryLink:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#footer .selectCountryLink li {
	display: inline;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #e1e1e3;
	list-style-type: none;
}
#footer .selectCountryLink li.countrySelect {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
#footer #copyright {
	padding-top: 20px;
}


/* --------------------------------------------------
	Modules
-------------------------------------------------- */
/* unitList
---------------------------------------- */
/* #newreleaseList */
#newreleaseList {
	margin: 0 10px;
}
#newreleaseList .headings2 {
	margin-left: 0;
	margin-right: 0;
}
#newreleaseList .unitListInner {
	margin-left: -10px;
}
#newreleaseList .unit {
	position: relative;
	float: left;
	width: 145px;
	margin: 0 0 20px 10px;
}
#newreleaseList .unit .title {
	line-height: 1.2;
	font-size: 11px;
}
#newreleaseList .unit .title a {
	display: inline-block;
	color: #456;
	text-decoration: none;
}
#newreleaseList .unit .title img {
	width: 145px;
	height:81px;
	margin-bottom: 8px;
	vertical-align: bottom;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

/* #appsList */
#appsList .unit {
	position: relative;
	min-height: 48px;
	padding: 10px;
	border-bottom: 1px solid #e1e1e3;
	background: url(/us/images/layout/arrow-icon-01.png) no-repeat 98% center;
	background-size: 9px 14px;
	cursor: pointer;
}
#appsList .unit:first-child {
	border-top: 1px solid #e1e1e3;
}
#appsList .unit .title {
	float: left;
	width: 53%;
	padding-left: 58px;
}
#appsList .unit .title a {
	color: #456;
}
#appsList .unit .title a > img {
	display: none;
}
#appsList .unit .icon {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 48px;
	height: 48px;
}
#appsList .unit .downloadBtn {
	display: none;
}
#newreleaseList .downloadBtn {
	display: none;
}
/*
#appsList .unit .downloadBtn {
	float: right;
}
#appsList .unit .downloadBtn li a {
	display: inline-block;
	min-width: 78px;
	margin: 0;
	padding: 5px 0px;
	font-size: 12px;
	vertical-align: bottom;
}
*/


/* infoList
---------------------------------------- */
.infoList article {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid #e1e1e3;
	min-height: 64px;
	zoom:1;
}
.infoList article:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.infoList article:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
.infoList article .infoContent {
	margin-top: 15px;
	padding-right: 20px;
	line-height: 1.5;
}
.infoList article h3 ~ .infoContent {
	display: none;
}
.infoList article .infoDate {
	position: absolute;
	top: 5px;
	left: 10px;
}

.infoList article h3 {
	margin-top: 15px;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
}

.infoList article.thumb h3.externalLink:after {
	content: none;
}
.infoList article.thumb h3 span {
	float: left;
	width: 63%;
	line-height: 1.4;
}
.infoList article.thumb h3.externalLink span:after {
	padding-left: 5px;
	content: url(/us/images/layout/externalLink-icon-01.gif);
}
.infoList article.thumb h3 img {
	display: inline-block;
	float: right;
	width: 35%;
	height: auto;
}
.infoList article.thumb .infoContent {
	display: none;
}

.infoList article .infoDate .categoryLabel {
	position: static;
	display: inline-block;
	min-width: 50px;
	margin-left: 20px;
	padding: 3px 1px 2px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #99a6b3;
	vertical-align: bottom;
}


/*
.infoList article .infoDate {
	position: absolute;
	top: 0;
	left: 10px;
}
.infoList article.thumb {
	min-height: 156px;
	overflow: hidden;
}
.infoList article.thumb h3 {
	position: absolute;
	top: 1.5em;
	padding: 0 10px 0 0;
}
.infoList article.thumb h3 img {
	display: none;
}
.infoList article.thumb .infoContent {
	margin: 6.8em 0 0 0;
	padding: 0;
}
.infoList article .infoDate .categoryLabel {
	position: static;
	display: inline-block;
	min-width: 50px;
	margin-left: 20px;
	padding: 3px 1px 2px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #99a6b3;
	vertical-align: bottom;
}
*/


/* recommendList
---------------------------------------- */
.recommendList {
	zoom: 1;
	margin: 0 10px;
	padding: 12px 9px 10px;
	border: 1px solid #e1e2e3;
}
.recommendList:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.recommendList .headings2 {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e2e3;
}
.recommendList .unit:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.recommendList .unit {
	position: relative;
	zoom:1;
	min-height: 48px;
	padding-bottom: 10px;
	overflow: hidden;
	cursor: pointer;
}
.recommendList .unit:last-child {
	padding-bottom: 0;
}
.recommendList .unitInner {
	min-height: 48px;
}
.recommendList .unit .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
}
.recommendList .unit .icon img {
	width: 48px;
	height: 48px;
}
.recommendList .unit .title {
	margin-left: 58px;
	line-height: 1.2;
}
.recommendList .unit .title a {
	color: #456;
}
.recommendList .unit .title a:hover {
	text-decoration: none;
}
.recommendList .unit dd.available {
	margin: 0 0 0 58px;
	font-size: 12px;
	color: #789;
}



/* detailedInfo
---------------------------------------- */
#contents #detailedInfo {
	position: relative;
}

#detailedInfo .headings1 {
	margin: -1px 0 30px;
}
#detailedInfo .headings2 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
#detailedInfo .headings3 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
#detailedInfo .headings1 img {
	position: relative;
	top: -20px;
	left: 0;
	width: 100%;
	height: auto;
}
#detailedInfo .headings1 span {
	display: inline-block;
	margin: 0 10px;
}
#detailedInfo .downloadBtn,
.about .downloadBtn
 {
	margin: 0 10px 30px;
}
#detailedInfo .downloadBtn a,
.about .downloadBtn a {
	width: 100%;
	padding: 10px 0;
}
#detailedInfo .downloadBtn .platform-icon,
.about .downloadBtn .platform-icon{
	margin-right: 8px;
}

#detailedInfo .downloadBtn .download-cta,
.about .download-cta {
	display: block;
	float: none;
	text-align: center;
	margin-left: 13px;
}
#detailedInfo .downloadBtn.bluedownloadBtn a,
.about .downloadBtn.bluedownloadBtn a {
	height: 40px;
	padding: 0;
}
#addedInfo .bluedownloadBtn.downloadBtn {
	display:none;
}

#detailedInfo .submitBtn {
	margin: 0 10px 30px;
}
#detailedInfo .submitBtn input[type="submit"] {
	display: block;
	width: 100%;
	padding: 10px 0;
}

/* description */
#detailedInfo .description {
	margin: 0 10px 30px;
}
#detailedInfo .description p {
	margin-bottom: 23px;
	line-height: 1.5;
}
#detailedInfo .description p:last-child {
	margin-bottom: 0;
}
#detailedInfo .description .keyfeature {
	margin: 0;
}
#detailedInfo .description .keyfeature li {
	line-height: 1.4;
}


/* screenshot */
#detailedInfo .screenshot li {
	margin-bottom: 10px;
	list-style-type: none;
}
#detailedInfo .screenshot li:last-child {
	margin-bottom: 0;
}
#detailedInfo .screenshot .screenshotInner {
	padding: 10px 0;
	border-top: 1px solid #e1e2e3;
	border-bottom: 1px solid #e1e2e3;
	background-color: #f7f8f9;
	text-align: center;
}
#detailedInfo .screenshot .headings2 {
	margin: 0 10px 20px;
}
#detailedInfo .screenshot li {
	position: relative;
	top: -1px;
}
#detailedInfo .screenshot li img {
	border-top: 1px solid #e1e2e3;
	vertical-align: bottom;
}

/* movieInfo */
#detailedInfo .movieInfo .headings2 {
	margin-left: 10px;
}
#detailedInfo .movieInfoBg {
	padding: 10px;
}


/* addedInfo
---------------------------------------- */
#contents #addedInfo {
	width: 100%;
	margin-bottom: 30px;
}
#addedInfo .titleIcon {
	display: none;
}
#addedInfo .addedList {
	margin: 0 10px 30px;
}
#addedInfo .addedList {
	margin-top: 30px;
	text-align: left;
}
#addedInfo .addedList dt:first-child {
	margin-top: 0;
}
#addedInfo .addedList dt {
	margin: 15px 0 8px;
	font-weight: bold;
}
#addedInfo .addedList dd {
	margin-bottom: 3px;
}
#addedInfo .addedList dd:last-child {
	margin-bottom: 0;
}
#addedInfo .addedList .fbLink,
#addedInfo .addedList .twLink {
	margin-bottom: 5px;
}
#addedInfo .addedList .fbLink img,
#addedInfo .addedList .twLink img {
	margin-right: 5px;
	vertical-align: middle;
}
#addedInfo .spsiteBanner {
	margin: 0 10px 30px;
}
#addedInfo .spsiteBanner li {
	list-style-type: none;
}
#addedInfo .spsiteBanner a {
	display: inline-block;
}
#addedInfo .spsiteBanner img {
	width: 100%;
	height: auto;
}

#addedInfo .trailerMovie {
	margin-bottom: 30px;
	text-align: left;
}
#addedInfo .trailerMovie h2 {
	margin-right: 10px;
	margin-left: 10px;
}
#addedInfo .trailerMovie p {
	margin: 0 10px;
	line-height: 1.6;
}
#addedInfo .trailerMovie ul {
	margin-top: 20px;
}
#addedInfo .trailerMovie li {
	list-style-type: none;
}
#addedInfo .trailerMovie li:first-child {
	display: none;
}
#addedInfo .trailerMovie li:last-child {
	position: relative;
	padding: 20px 0 56.25%;
	height: 0;
	overflow: hidden;
}
#addedInfo .trailerMovie ul {
	max-width: 100%;
	padding: 10px;
	background-color: #000;
}
#addedInfo .trailerMovie li:last-child iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* mainSlider
---------------------------------------- */
#mainSlider {
	position: relative;
	top: -1px;
}
#mainSlider li {
	display: none;
}
#mainSlider li:first-child {
	display: block;
}
#mainSlider li {
	display: block!important;
}
#mainSlider .sliderInner .mainImg img {
	width: 100%;
	height: auto;
}
#mainSlider .sliderInner .downloadBtn {
	display: none!important;
}
#mainSlider .mainImg a {
	display: inline-block;
}
#mainSlider .sliderInner .slideTextBg {
	display: none;
}
#mainSlider .bx-prevnext {
	display: none!important;
}
#mainSlider .bx-pager {
	display: none;
}

.jCarouselNavi {
	text-align: center!important;
	zoom: 1!important;
}
.jCarouselNavi:after {
	visibility: hidden!important;
	display: block!important;
	font-size: 0!important;
	content: " "!important;
	clear: both!important;
	height: 0!important;
}
.jCarouselNavi a {
	display: inline-block!important;
	width: 20px!important;
	height: 3px!important;
	margin: 0 5px!important;
	border-top: 1px solid #e1e2e3;
	border-bottom: 1px solid #d1d2d3;
	text-indent: -9999px!important;
	vertical-align: bottom!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}


/* Legal
---------------------------------------- */
.legalSec {
	margin: 0 10px 30px;
	line-height: 1.4;
}
.effectDate {
	margin-right: 10px;
	margin-left: 10px;
}
.legalSec .headings3,
.legalSec .headings4 {
	margin-left: 0;
}



/* Pre-register
---------------------------------------- */
#preRegister {
	margin: 0 10px;
	padding: 20px;
}
#preRegister .errorText {
	margin-bottom: 20px;
}
#preRegister dl {
	margin-bottom: 10px;
}
#preRegister dt {
	margin-bottom: 20px;
}
#preRegister dd {
	margin-right: 10px;
}
#preRegister dd input {
	width: 100%;
}
#preRegister .submitBtn input[type="submit"] {
	width: 100%;
}
#preRegister .thanksText {
	margin-bottom: 70px;
}
#preRegister .backBtn input[type="button"] {
	width: 100%;
}


/* Server-Error
---------------------------------------- */
#serverError {
	margin: 0 10px;
	padding: 20px;
}
#serverError .backBtn {
	margin-right: 20px;
}
#serverError .backBtn a {
	width: 100%;
}
#serverError li:first-child {
	margin-bottom: 20px;
}


/* TWILIO
*/

.twilio_container,
#mainSlider .campaign_container,
.unitList .campaign_container {
	display: none;
}

.campaign_container {
  margin: 0 10px 30px;
}

.campaign_button {
	width: 100%;
	height: 40px;
	text-align: center
}

.campaign_modal {
	position:absolute;
	top:50px;
	left:20px;
}

/* ABOUT page
*/

.about #hero {
	display: none;
}

.about #comeplay {
	margin-bottom: 30px;
}

.about a.videoBtn { /*violet*/
	display:none;
}

.about .download-cta {
	display: block;
}

.wpPost {
  padding: 0 10px;
}

.facebookiframeContainer {
  display: none;
 }