@charset "utf-8";

/* --------------------------------------------------
	Reset
		html5doctor.com Reset Stylesheet
		v1.6.1
		Last Updated: 2010-09-17
		Author: Richard Clark - http://richclarkdesign.com
		Twitter: @rich_clark
-------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
	vertical-align: middle;
}
img {
	vertical-align: bottom;
}


/* --------------------------------------------------
	Font
-------------------------------------------------- */
body {
	color: #456;
	background-color:#ffffff;
	font-size: 14px;
	*font-size: 87.5%;
	line-height: 1;
	-webkit-text-size-adjust: none;
}
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

body.ja #mainHead,
body.ja #mainBody {
	font-size: 13px;
	*font-size: 81.25%;
	line-height: 1;
}
body.ko #mainHead,
body.ko #mainBody {
	font-size: 13px;
	*font-size: 81.25%;
	line-height: 1;
}
body.cn #mainHead,
body.ko #mainBody {
	font-size: 13px;
	*font-size: 81.25%;
	line-height: 1;
}



/* --------------------------------------------------
	Components
-------------------------------------------------- */
a,
a:link,
a:visited {
	color: #09c;
	-webkit-touch-callout: none;
	text-decoration: none;
	cursor: pointer;
}
a,
a:hover,
a:active {
	text-decoration: underline;
}

.externalLink:after {
	content: url(/us/images/layout/externalLink-icon-01.gif);
}
.externalLink a {
	padding-right: 5px;
}


.clearfix {
	zoom:1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.inner {
	zoom: 1;
}
.inner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.hidden {
	display: block;
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	outline: none;
}


.headings1 {
	font-size: 23px;
	font-weight: bold;
	line-height: 1;
}
body.ja .headings1,
body.ko .headings1,
body.cn .headings1 {
	font-size: 22px;
}

.headings2 {
	font-size: 19px;
	font-weight: bold;
	line-height: 1;
}
body.ja .headings2,
body.ko .headings2,
body.cn .headings2 {
	font-size: 18px;
}

.headings3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
body.ja .headings3,
body.ko .headings3,
body.cn .headings3 {
	font-size: 13px;
}

/* US BUTTON START (blue) */

.downloadBtn li {
	list-style-type: none;
}
.downloadBtn a span:last-child {
	display: none;
}

.downloadBtn.bluedownloadBtn a span:last-child {
	display: inline;
}
.downloadBtn.bluedownloadBtn li a,
.twilio_modal .send,
.twilio_box .send,
.campaign_modal .send,
.campaign_container .campaign_button,
.twilio_container .twilio_button {
	padding: 0;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #00a0e6;
	border-top-color: #00bef0;
	border-bottom-color: #1873a0;
	color: #fff;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #0c7aaf;
	cursor: pointer;
	background: -webkit-gradient(linear, center top, center bottom, from(#3be), to(#09c));
	background: gradient(linear, left top, left bottom, color-stop(0%, #3be), color-stop(100%, #09c));
	background: -webkit-linear-gradient(top, #3be 0%,#09c 100%);
	background: -moz-linear-gradient(center top , #3be, #09c);
	background: -o-linear-gradient(top, #3be 0%,#09c 100%);
	background: -ms-linear-gradient(top, #3be 0%,#09c 100%);
	background: linear-gradient(center top , #3be, #09c);
	background-color: #09c;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1),0 1px 0 #00bef0 inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1),0 1px 0 #00bef0 inset
}

.downloadBtn.bluedownloadBtn li a:hover,
.twilio_modal .send:hover,
.twilio_box .send:hover,
.campaign_modal .send:hover,
.campaign_container .campaign_button:hover,
.twilio_container .twilio_button:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#2ae), to(#07c));
	background: gradient(linear, left top, left bottom, color-stop(0%, #2ae), color-stop(100%, #07c));
	background: -webkit-linear-gradient(top, #2ae 0%,#07c 100%);
	background: -moz-linear-gradient(center top , #2ae, #07c);
	background: -o-linear-gradient(top, #2ae 0%,#07c 100%);
	background: -ms-linear-gradient(top, #2ae 0%,#07c 100%);
	background: linear-gradient(center top , #2ae, #07c);
	text-decoration: none;
}

.campaign_container{
	position: relative;
}

#mainSlider .campaign_container {
	top: -140px;
	left:10px;
}

#mainSlider .sliderInner .campaign_container .campaign_button,
#addedInfo .campaign_container .campaign_button {
	height: 36px;
	width: 105px;
	padding: 0 12px;
	display: inline-block;
}

.twilio_container .twilio_button{
	display: inline-block;
}

#mainSlider .downloadBtn.bluedownloadBtn li a .download-cta,
#addedInfo .downloadBtn.bluedownloadBtn li a .download-cta,
#detailedInfo .downloadBtn.bluedownloadBtn li a .download-cta,
.campaign_container .campaign_button .download-cta,
.twilio_container .twilio_button .download-cta,
.about .downloadBtn.bluedownloadBtn li a .download-cta {
	float: left;
	color: #ffffff;
	font-size: 16px;
	text-shadow: none;
	margin-top: 12px;
}

.campaign_container .campaign_button .download-cta {
	display: block;
	float: none;
}

#mainSlider .downloadBtn.bluedownloadBtn .platform-icon,
#addedInfo .downloadBtn.bluedownloadBtn .platform-icon,
#detailedInfo .downloadBtn.bluedownloadBtn .platform-icon,
.twilio_container .twilio_button .platform-icon,
.about .downloadBtn.bluedownloadBtn .platform-icon{
	float: right;
	height: 28px;
	width:28px;
	background-repeat: none;
	background-color: transparent;
	margin-top: 4px;
}

#mainSlider .downloadBtn.bluedownloadBtn li.iosBtn a .platform-icon,
#addedInfo .downloadBtn.bluedownloadBtn li.iosBtn a .platform-icon,
#detailedInfo .downloadBtn.bluedownloadBtn li.iosBtn a .platform-icon,
.twilio_container .twilio_button .platform-icon-ios,
.about .downloadBtn.bluedownloadBtn li.iosBtn a .platform-icon{
	background-image: url("/us/images/layout/button_ios_icon.png");
	background-position: 2px -1px;
}

#mainSlider .downloadBtn.bluedownloadBtn li.androidBtn a .platform-icon,
#addedInfo .downloadBtn.bluedownloadBtn li.androidBtn a .platform-icon,
#detailedInfo .downloadBtn.bluedownloadBtn li.androidBtn a .platform-icon,
.twilio_container .twilio_button .platform-icon-android,
.about .downloadBtn.bluedownloadBtn li.androidBtn a .platform-icon{
	background-image: url("/us/images/layout/button_android_icon.png");
	background-position: 0 -1px;
}

#mainSlider .sliderInner .downloadBtn.bluedownloadBtn {
	margin: 5px 0 0 13px;
}



#mainSlider .sliderInner .bluedownloadBtn.downloadBtn li a,
#addedInfo .bluedownloadBtn.downloadBtn li a {
	height: 36px;
	width: 140px;
	padding: 0 12px;
}

#addedInfo .downloadBtn li a {
	min-width: 144px;
	margin-bottom: 10px;
}

#addedInfo .downloadBtn li:last-child a {
	margin-bottom: 0;
}

#addedInfo .downloadBtn + form {
	margin-top: 10px;
}

.icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.icon img {
	display: inline-block;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	box-shadow: inset 1px 1px 1px 1px #fff;
}

/* list */
.discList {
	margin-left: 18px;
}
.discList li {
	list-style-type: disc;
	margin-bottom: 5px;
}
.decimalList {
	margin-left: 18px;
}
.decimalList li {
	list-style-type: decimal;
	margin-bottom: 5px;
}

/* --------------------------------------------------
	Layout
-------------------------------------------------- */
/* main
---------------------------------------- */
/* contents ----------------- */
#contents {
	padding-bottom: 30px;
}
#contents section {
	margin-bottom: 30px;
}

/* footer
---------------------------------------- */
#footer a {
	color: #456;
}
#footer .utilityNav {
	border-top: 1px solid #e1e1e3;
	background-color: #fff;
}

#footer .socialButton {
	float: left;
	padding: 6px 0 3px;
}
#footer .socialButton ul {
	zoom: 1;
}
#footer .socialButton ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#footer .socialButton li {
	float: left;
	list-style-type: none;
}
#footer .socialButton li.tweetBtn {
	width: 155px;
}
#footer #copyright {
	padding: 30px 0 25px;
}





/* --------------------------------------------------
	Modules
-------------------------------------------------- */
/* unitList
---------------------------------------- */
.unitList {
	clear: both;
}
.unitListInner {
	zoom:1;
	margin-bottom:44px;
}
.unitListInner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.unitList li {
	list-style-type: none;
}

.unit {
	zoom:1;
}
.unit:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}



/* linkList
---------------------------------------- */
#contents .linkList {
	margin-bottom: 13px;
}
.linkList ul {
	margin: 0 0 0 -20px;
	zoom:1;
}
.linkList ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.linkList li {
	float: left;
	width: 205px;
	margin: 0 0 15px 20px;
	padding-left: 10px;
	list-style-type: none;
	display: inline;
}
.col1 .linkList li:nth-child(4n+1) {
	clear: left;
}



/* detailedInfo
---------------------------------------- */
/* movieInfo */
.movieInfoBg {
	max-width: 100%;
	background-color: #000;
}

.movieInfoInner {
	position: relative;
	padding: 20px 0 56.25%;
	height: 0;
	overflow: hidden;
}

.movieInfoInner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*
	ColorBox version: 1.3.19
---------------------------------------- */
/*
	ColorBox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#cboxOverlay{
	background: #000;
}
#cboxContent {
	margin-top: 20px;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border:1px solid #ccc;
}
#cboxLoadedContent {
	padding: 15px;
	border: 5px solid #000;
	background: #000;
}
#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}
#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}
#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}
#cboxPrevious {
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	height: 36px;
	margin-top: -32px;
	background: url(/us/images/layout/control-icon-01.png) no-repeat left top;
	text-indent: -9999px;
}
#cboxPrevious:hover {
	background-position: left -37px;
}
#cboxNext {
	position: absolute;
	top: 50%;
	right: 0;
	width: 25px;
	height: 36px;
	margin-top: -32px;
	background: url(/us/images/layout/control-icon-01.png) no-repeat top right;
	text-indent: -9999px;
}
#cboxNext:hover {
	background-position: right -37px;
}

#cboxLoadingOverlay {
	background: #000;
}
#cboxLoadingGraphic {
	background: url(/us/images/layout/loading.gif) no-repeat center center;
}
#cboxClose {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(/us/images/layout/control-icon-01.png) no-repeat top center;
	width: 12px;
	height: 13px;
	text-indent: -9999px;
}
#cboxClose:hover{
	background-position: center -37px;
}

/* About */
.about #contents{
	font-family:helvetica,arial,sans-serif;
}


.about .download {
	text-align:center;
}

.about hr {
	border:none;
	background-color: #eee;
	color:#999;
	height:1px;
	margin:15px 0;
}
#comeplay {
	text-indent:-9999px;
	background:url(/us/images/about/comeplay-headline.png) no-repeat top center;
	height:145px;
	margin-left:10px;
}
.about #features h2 {
	font-size:22px;
	color:#00A0DC;
	margin: 0 0 10px 0;
}
.about #features h3 {
	font-size:16px;
	margin:0 0 10px 0;
}
.about #features .title {
	color:#00A0DC;
}
.about .button_wrap {
	text-align: center;
}

.about #features {
	margin:10px 0 0 30px;
}
.about #features p {
	font-weight:normal;
	font-size:16px;
	color:#999;
	margin:0 0 15px 0;
}
a.videoBtn { /*violet*/
	outline:none;
	text-align:center;
	display:block;
	font-family:helvetica,arial, sans-serif;
	letter-spacing:.05em;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #6f69af; /* Old browsers */
	background: -moz-linear-gradient(top,  #6f69af 0%, #6961aa 40%, #3f3d7a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f69af), color-stop(40%,#6961aa), color-stop(100%,#3f3d7a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6f69af 0%,#6961aa 40%,#3f3d7a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6f69af 0%,#6961aa 40%,#3f3d7a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6f69af 0%,#6961aa 40%,#3f3d7a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6f69af 0%,#6961aa 40%,#3f3d7a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f69af', endColorstr='#3f3d7a',GradientType=0 ); /* IE6-9 */
}

/* Legal
---------------------------------------- */
.legalSec {
	margin-bottom: 30px;
}
.legalSec .legalSec {
	margin: 20px 0;
}
.legalSec .legalSec:last-child {
	margin-bottom: 0;
}
.legalSec .headings3 {
	margin-bottom: 20px;
	font-size: 17px;
}
.legalSec .headings4 {
	margin-bottom: 15px;
}
.effectDate {
	margin-bottom: 10px;
}
.legalSec .italic {
	font-style: italic;
}





/* Pre-register
---------------------------------------- */
/*#preRegister {
	position: relative;
	border: 1px solid #e2e3e4;
	background-color: #f7f8f9;
}
#preRegister dt {
	font-weight: bold;
}
#preRegister dd input[type="email"] {
	padding: 3px;
	border: 1px solid #e2e3e4;
	font-size: 16px;
}
#preRegister li {
	list-style-type: none;
}
#preRegister .error dd input {
	background-color: #fdd;
}
#preRegister .errorText {
	color: #f44;
	line-height: 1.2;
}
#preRegister .noteText {
	line-height: 1.2;
	font-size: 11px;
}
#preRegister .submitBtn {
	margin-top: 30px;
}
#preRegister .thanksText {
	font-weight: bold;
	text-align: center;
}*/


/* Server-Error
---------------------------------------- */
#serverError {
	border: 1px solid #e2e3e4;
	background-color: #f7f8f9;
}
#serverError ul {
	margin-top: 30px;
	list-style-type: none;
}
#serverError p:first-child {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
#serverError a {
	text-decoration: none;
}



/* MODALS */
.gree_modal {
	text-align: left;
	line-height: 20px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display:none;
	padding:5px 10px 10px 15px;
	border:1px solid #ccc;
	background:#445565;
	color:#fff;
	font-family:arial, helvetica,sans-serif;
	font-size:14px;
	z-index:100;
	position:absolute;
	width:243px;
}

.twilio_modal {
	height:85px;
	top:40px;
	left:-20px;
}

.campaign_modal {
	height:64px;
	top:40px;
	left:-20px;
}

.gree_modal .close {
	width:20px;
	height:20px;
	background:url("/us/images/layout/closed_corner_btn.png") no-repeat 0 0;
	position:absolute;
	top:6px;
	right:6px;
	display:block;
	float:right;
}

.campaign_modal .campaign_form {
	position:relative;
	width:240px;
	float:left;
}

.gree_modal .clear_text {
	background: url("/us/images/layout/closed_corner_btn.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: right;
  height: 20px;
	width: 20px;
	position: absolute;
}

.campaign_modal .clear_text {
  left: 125px;
  top: 14px;
}
.twilio_modal .clear_text {
	top:14px;
	right:2px;
}

.twilio_modal .input_box{
	position:relative;
	width:171px;
	float:left;
}

.gree_modal input.phone_num,
.gree_modal input.email_input{
	border: 1px solid #E2E3E4;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	float:left;
	color:#333;
	margin: 8px 0 5px;
	padding:5px;
	height:19px;
}

.twilio_modal input.phone_num {
	width: 161px;
}

.campaign_modal input.email_input {
	width: 136px;
}

.gree_modal p,
.twilio_modal p{
	padding:0;margin:0;
	color:#fff;
	font-family:arial, helvetica,sans-serif;
	font-size:14px;
}
.gree_modal .arrow_tip{
	width:26px;
	height:13px;
	display:block;
	position:absolute;
	top:-13px;
	left:115px;
	background:url(/us/images/layout/arrow_tip_02.png) no-repeat 0 0;
}
.gree_modal .send{
	display:block;
	height:29px;
	margin:8px 0 10px 10px;
	float:right;
	text-decoration: none;
	line-height: 2;
	text-align: center;
}
.campaign_modal .send{
	width:80px;
	height: 31px;
}
.twilio_modal .send{
	width:55px;
}

.twilio_modal .platform {
	float: left;
}

.twilio_modal .platform a {
	font-size:11px;
	color:#fff;
	text-decoration:underline;
}

.twilio_modal .platform a:hover {
	color:#999;
}

.gree_modal .message {
	margin:20px auto;
}



/* PAGER */
.yiiPager {
	font-size: 11px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 14px;
  text-align: center;
  position: relative;
  margin-right: 20px;
}

.yiiPager .first,
.yiiPager .last {
	display: none;
}

.yiiPager .previous,
.yiiPager .next {
	display: inline-block;
	padding: 0 10px;
	width: 45px;
}

.yiiPager .pagehide.previous,
.yiiPager .pagehide.next {
	display: inline-block;
	position: relative;
	text-indent:-9999px;
}

.yiiPager li.page {
	display: inline-block;
	list-style: none;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.yiiPager li.page a {
	display: block;
  text-indent: -9999px;
  height: 10px;
  width: 10px;
  background-color: transparent;
  background-position: center left;
  background-image: url("/us/images/layout/c_pagination_s.png");
  margin: 0 3px;
}
.yiiPager li.page.selected a {
	background-position: center right;
}


.yiiPager li a:hover {
	text-decoration: none;
}

#detailedInfo .description p.subtext {
  font-size: 12px;
  font-style: italic;
}

.desc-container {
	display: block;
	overflow: hidden;
	height: 110px;
}

.desc-more-link {
	display: none;
}

.desc-more-link-c {
	float: right;
	margin-bottom: 20px;
}

.legalSec p {
	margin-bottom: 10px;
}

.legalSec ul li ul li {
	list-style: circle outside;
	margin-left: 20px;
}

.wpPost {
  margin-bottom: 32px;
}

.wpPost h3 {
  margin-bottom: 4px;
}

.wpPost p {
  margin-bottom: 8px;
}

#mainSlider  .sliderInner a {
  display: block;
  height: 100%;
  width: 100%;
}

/*
*
*
*
*
LEGAL CHANGES
*
*
*/
.legalSec h3 {
  font-size: 17px;
  margin-bottom: 20px;
  margin-top: 22px;
  font-weight: bold;
  line-height: 1;  
}

.legalSec ul {
  margin-left: 18px;  
  margin-bottom: 22px;
}

.legalSec ul ol {
  margin-left: 18px;  
  margin-bottom: 16px;
}

.language-links {
	margin: 20px 0;
	padding: 10px;
	border-radius: 4px;
	background-color: #EFF5F7;
  border-color: #BCE8F1;
  color: #31708F;
}

.language-links a {
	border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
    background-color: #FFFFFF;
    color: #333333;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
}

.language-links a:hover {
	text-decoration: none;
	background-color: #EBEBEB;
    border-color: #ADADAD;