﻿@charset "utf-8";
/* CSS Document */
#pageWrapper {width:960px; margin:0 auto; background-color:#FFF; padding-bottom:20px;
-webkit-box-shadow: 0px 0px 3px 0px #999;
box-shadow: 0px 0px 3px 0px #999;}
ul.imptNotes {margin:0 30px; padding:0 0 0 20px;}

html .rus *,
html .eng *,
html .vie *,
html .ind *,
html .esp *,
html .por *,
html .tag * {font-family:'Roboto', Arial, Helvetica, sans-serif;}
html .chi * {font-family:Arial, Helvetica, PMingLiU, STKaiti, XiSongCS, sans-serif !important;}
html .tha * {font-family: 'Droid Serif Thai', sans-serif;}
html .kor * {font-family:Arial, Helvetica, 'Nanum Myeongjo', sans-serif !important;}

/* For Japanese */
.jpn.ver1 #pageWrapper {padding-bottom:0;}
.jpn.ver1 p {margin:0; font-size:12px;}
.ie7 #pageWrapper,
.ie8 #pageWrapper {border:solid #CCC; border-width:0 1px;}
.jpn.ver1 #pgBody {width:858px; border:1px solid #595959; margin:40px auto; padding-bottom:30px;}
.jpn.ver1 h2			{background-image:url(../../img/landing/frommobile/subtitle_bg.png); margin:20px -19px 0; height:62px; padding:21px 0 20px 0;}
.jpn.ver1 h2.sub1	{height:67px; padding:16px 0 20px 0;}
.jpn.ver1 #pgBody img {display:block; margin-left:auto; margin-right:auto;}
.jpn.ver1 #pgBody h2 img {margin:0 auto; display:block;}
.jpn.ver1 #img_01-01 {margin-top:-20px;}
.jpn.ver1 img.sub {margin:0 0 30px 0;}
.jpn.ver1 img.sub.arrow {margin:0 0 10px 0;}
.jpn.ver1 .grayBox {background:#F2F2F2; padding:30px; margin:0 30px 30px;}
.jpn.ver1 .yellowBoxes {overflow:auto; margin:20px 0 0; text-align:center; position:relative; z-index:1;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY5ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,249,244,1) 100%);*/ /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(250,249,244,1)));*/ /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,249,244,1) 100%);*/ /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,249,244,1) 100%);*/ /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,249,244,1) 100%);*/ /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,249,244,1) 100%);*/ /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf9f4',GradientType=0 );*/ /* IE6-8 */
}
.jpn.ver1 .yellowBox {background:#FFF500; width:399px; display:inline-block; padding:15px 0;}
.jpn.ver1 .yellowBox:first-child {margin-right:19px;}
.jpn.ver1 #img_01-08 {position:relative; z-index:0; margin:0 0 10px 0;}
.jpn.ver1 .comparison {width:820px; margin:0 auto; border:2px solid #000; border-collapse:collapse;}
.jpn.ver1 .comparison th,
.jpn.ver1 .comparison td {border:1px solid #000; padding:15px 20px; vertical-align:middle; font-size:16px; font-weight:bold;}
.jpn.ver1 .comparison tbody th {width:170px; text-align:left;}
.jpn.ver1 .comparison tbody td {text-align:center;}
.jpn.ver1 .comparison thead th,
.jpn.ver1 .comparison thead td {font-size:18px;}
.jpn.ver1 .comparison thead th {background:#F2F2F2;}
.jpn.ver1 .comparison thead .brastel {background:#FF1A63; color:#FFF;}
.jpn.ver1 .comparison tbody .brastel {background:#FFFDD9;}
.jpn.ver1 .red {color:#FF1A63;}
.jpn.ver1 .small {font-size:24px;}
.jpn.ver1 .small span {font-size:20px; position:relative; top:-1px; margin-right:2px;}
.jpn.ver1 .medium {font-size:40px; letter-spacing:-1px;}
.jpn.ver1 .medium span {font-size:36px; position:relative; top:-1px; margin-right:2px;}
.jpn.ver1 .large {font-size:60px;}
.jpn.ver1 .large span {font-size:50px; position:relative; top:-1px; margin-right:2px;}
.jpn.ver1 .tableNotes {position:relative; width:820px; margin:10px auto 0;}
.jpn.ver1 .tableNotes p {text-indent:-20px; margin-left:20px;}
.jpn.ver1 .tableNotes div {position:absolute; right:0; top:0;}
.jpn.ver1 .buttons {text-align:center;}
.jpn.ver1 .buttons .onOpenerWindow {display:inline-block; height:122px; background-image:url(../../img/landing/frommobile/buttons.png); background-repeat:no-repeat;}
.jpn.ver1 .buttons .apply {width:418px; margin-right:10px;}
.jpn.ver1 .buttons .recharge {width:399px; background-position:right 0px;}
.jpn.ver1 .buttons .apply:hover {background-position:left bottom;}
.jpn.ver1 .buttons .recharge:hover {background-position:right bottom;}
.jpn.ver1 #img_03-01 {margin-bottom:30px;}
.jpn.ver1 div.tips {text-align:right; padding-right:20px;}
.jpn.ver1 a.tips {font-size:18px; font-weight:bold;}
.jpn.ver1 a.tips:hover {text-decoration:none;}
.jpn.ver1 #img_04-01 {margin-top:30px;}
.jpn.ver1 #img_04-03 {margin-bottom:10px;}
.jpn.ver1 h3 {border-bottom:1px solid #000; margin:30px 30px 30px 100px; text-indent:-70px; height:8px;}
.jpn.ver1 ul.imptNotes li {margin-bottom:3px;}
.jpn.ver1 #pgFooter {background:#fff500; padding:20px; position:relative;}
.jpn.ver1 #pgFooter * {color:#100e0b;}
.jpn.ver1 #pgFooter .small ,
.jpn.ver1 #pgFooter .small * {font-size:18px; line-height:20px;}
.jpn.ver1 #pgFooter .medium {font-size:26px;}
.jpn.ver1 #pgFooter .large {font-size:44px; line-height:40px; font-weight:bold;}
.jpn.ver1 #pgFooter .phoneNumbers {height:40px; margin-top:10px;}
.jpn.ver1 #pgFooter .phoneNumbers p {float:left;}
.jpn.ver1 #pgFooter .phoneNumbers p.text {margin:0 5px 0 20px;}
.jpn.ver1 #pgFooter .phoneNumbers p.text:first-child {margin:0 5px 0 0;}
.jpn.ver1 #pgFooter #businessHrs {margin-top:10px;}
.jpn.ver1 #pgFooter a {text-decoration:none;}
.jpn.ver1 #pgFooter a:hover {text-decoration:underline;}
.jpn.ver1 span.email {margin-left:20px;}
.jpn.ver1 #pgFooter img {position:absolute; right:30px; top:20px;}
.jpn.ver1 #privacyWrapper {padding:20px 30px; text-align:right; overflow:auto;}
.jpn.ver1 #privacyWrapper * {font-size:18px; float:right;}
.jpn.ver1 #privacyWrapper .thanks {margin-right:40px;}
.jpn.ver1 #privacyWrapper a {color:#000; text-decoration:none; display:block;}
.jpn.ver1 #privacyWrapper a:hover {text-decoration:underline;}
.jpn.ver1 .separator {height:16px; margin:3px 15px 0px 15px; width:2px; background-color:#333;}
.jpn.ver1 div.sns {height:20px; margin:10px 0 30px 33px;}
.jpn.ver1 div.sns div {float:left;}
.jpn.ver1 div.sns .facebook {margin-right:10px;}
.jpn.ver1 div.follow_guidance {background-color:#fff500; padding:15px 0; width:600px; margin:0 auto 40px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

/* For other languages */
p {margin:0; font-size:16px;}
.pgBody p {margin-bottom:10px;}
.pgBody p span {font-weight:bold; font-size:16px;}
.blue {color:#0073DB;}
.blueBg {background-color:#0073DB;}
.pgHeader {height:650px; width:100%; background-image:url(../../img/landing/frommobile/header_bg.jpg); position:relative;}
.pgHeader div,
.pgHeader ul,
.pgHeader a {position:absolute;}
h1 {position:absolute; margin:0; padding:0; width:450px; top:50px; left:40px; font-size:36px; line-height:44px;}
.jpn h1 {top:30px; font-size:30px;}
.rus h1 {top:30px; line-height:41px;}
.vie h1 {top:35px;}
.ind h1 {top:30px; font-size:34px; line-height:40px;}
.esp h1 {font-size:32px;}
.por h1 {top:25px; line-height:40px;}
.tag h1 {top:40px; font-size:34px; line-height:42px;}
.pgHeader a {display:block; top:30px; right:50px;}
.pgHeader .askYourself {left:40px; top:205px; font-size:34px; font-weight:bold;}
.jpn .pgHeader .askYourself {top:162px; font-size:30px; width:450px;}
.rus .pgHeader .askYourself {top:215px; font-size:32px; font-weight:900;}
.vie .pgHeader .askYourself {top:185px;}
.chi .pgHeader .askYourself {top:170px;}
.ind .pgHeader .askYourself {font-size:30px;}
.esp .pgHeader .askYourself {font-size:28px;}
.por .pgHeader .askYourself {top:198px;}
.kor .pgHeader .askYourself {top:180px;}
.tag .pgHeader .askYourself {top:195px; font-size:28px;}
.pgHeader ul {left:40px; top:250px; margin:5px 0 0 0; padding:0 0 0 20px; width:350px;}
.rus .pgHeader ul {top:255px;}
.vie .pgHeader ul {top:230px;}
.chi .pgHeader ul {top:215px;}
.ind .pgHeader ul {width:445px; top:245px;}
.por .pgHeader ul {top:242px;}
.kor .pgHeader ul {top:230px;}
.tag .pgHeader ul {top:240px; width:420px;}
.pgHeader li {font-size:18px; line-height:22px; margin-bottom:5px;}
.rus .pgHeader li {line-height:20px; margin-bottom:3px;}
.ind .pgHeader li {line-height:20px;}
.por .pgHeader li {line-height:20px;}
.pgHeader .icon {padding-top:132px; line-height:22px; font-size:18px; text-align:center; font-weight:bold; top:405px;}
.rus .pgHeader .icon {top:413px;}
.tha .pgHeader .icon {font-size:16px;}
.chi .pgHeader .icon {top:385px;}
.ind .pgHeader .icon {font-size:16px; line-height:20px;}
.esp .pgHeader .icon {font-size:16px;}
.kor .pgHeader .icon {top:395px;}
.vie .pgHeader .icon {font-size:16px;}
.pgHeader .toAnyPhone {width:132px; background:url(../../img/landing/frommobile/to_any_type_of_phone.png) no-repeat top; left:40px;}
.tha .pgHeader .toAnyPhone,
.vie .pgHeader .toAnyPhone {width:140px;}
.tag .pgHeader .toAnyPhone {width:146px;}
.pgHeader .anyTimeOfDay {left:203px; width:117px; background:url(../../img/landing/frommobile/anytime_of_day.png) no-repeat top;}
.rus .pgHeader .anyTimeOfDay {left:196px; width:146px; padding-top:142px;}
.tha .pgHeader .anyTimeOfDay {left:208px;}
.vie .pgHeader .anyTimeOfDay {width:127px;}
.tag .pgHeader .anyTimeOfDay {left:214px;}
.pgHeader .forOnly {width:232px; height:232px; left:347px; top:345px; background:url(../../img/landing/frommobile/only.png) no-repeat;}
.rus .pgHeader .forOnly {left:360px;}
.tha .pgHeader .forOnly {left:353px;}
.vie .pgHeader .forOnly {left:357px; top:350px;}
.kor .pgHeader .forOnly {left:363px;}
.ind .pgHeader .forOnly {top:397px; left:357px;}
.tag .pgHeader .forOnly {top:368px; left:378px;}
.pgHeader .forOnly .only {position:absolute; top:58px; left:105px; font-size:42px; letter-spacing:-1px; font-weight:bold;}
.rus .pgHeader .forOnly .only {top:74px; left:88px; font-size:28px;}
.tha .pgHeader .forOnly .only {top:126px; left:63px; font-size:40px;}
.chi .pgHeader .forOnly .only {left:120px;}
.ind .pgHeader .forOnly .only {font-size:38px; top:61px; left:100px;}
.pgHeader .forOnly div.rate {font-weight:bold; position:absolute; top:50px; left:20px;}
.rus .pgHeader .forOnly div.rate {top:48px; left:23px;}
.tha .pgHeader .forOnly div.rate {top:5px; left:18px;}
.vie .pgHeader .forOnly div.rate {top:48px; left:22px;}
.chi .pgHeader .forOnly div.rate {left:35px;}
.ind .pgHeader .forOnly div.rate {top:54px; left:16px;}
.kor .pgHeader .forOnly div.rate {left:40px;}
.pgHeader .forOnly div.rate .currency {font-size:36px;}
.pgHeader .forOnly div.rate .rate {font-size:100px;}
.pgHeader .forOnly div.rate .per6secs {font-size:36px; letter-spacing:-1px;}
.pgSubHeader {padding:20px 60px 25px 314px; position:relative;}
.esp .pgSubHeader {padding:20px 15px 25px 314px;}
.vie .pgSubHeader {padding:20px 10px 25px 314px;}
.tag .pgSubHeader {padding:20px 20px 25px 314px;}
.pgSubHeader img {position:absolute; left:40px; top:-45px;}
.chi .pgSubHeader img {top:-72px;}
.pgSubHeader p.title {color:#FCEE21; font-size:24px; line-height:30px; font-weight:bold; margin:0 0 5px 0;}
.pgSubHeader p,
.highLight {color:#FFF; font-size:20px; line-height:26px;}
.ind .pgSubHeader p,
.ind .highLight {font-size:18px;}
.vie .pgSubHeader p,
.tag .pgSubHeader p {font-size:18px;}
.pgBody {padding:0 40px 20px;}
.pgBody h2 {font-size:30px; margin:30px 0 10px 0;}
.pgBody table {width:100%; border-collapse:collapse; margin-bottom:10px;}
.pgBody table thead td {line-height:22px;}
.pgBody table td,
.pgBody table th {padding:10px 8px; font-size:18px; border:1px solid #000; text-align:center; vertical-align:middle;}
.pgBody table td.first {text-align:left;}
.rus .pgBody table td.first {width:165px;}
.ind .pgBody table td.first {width:160px;}
.pgBody table .large {font-size:26px; font-weight:bold;}
.pgBody table tbody th {background:#FFFDD9; color:#FF004B;}
.rus .pgBody table tbody th {width:128px;}
.ind .pgBody table tbody th {width:130px;}
.pgBody table tfoot td {border:none; font-size:12px; text-align:right; padding:5px;}
.highLight {padding:25px 40px; text-align:center}
.buttonsOther {text-align:center; margin:25px 0 0;}
.buttonsOther a {display:inline-block; width:424px; height:99px; background-image:url(../../img/landing/frommobile/buttons_other_lang.png); line-height:99px; text-align:center; color:#FFF; text-decoration:none; font-size:36px; font-weight:bold;}
.tha .buttonsOther a {font-size:32px;}
.ind .buttonsOther a {font-size:32px; line-height:38px; padding-top:8px; height:91px;}
.esp .buttonsOther a {font-size:30px;}
.por .buttonsOther a {font-size:32px;}
.ie7 .buttonsOther a,
.ie8 .buttonsOther a {background-color:#FFF;}
.buttonsOther a.apply {margin-right:28px;
text-shadow: 2px 2px 0px #006D12;
filter: dropshadow(color=#006D12, offx=2, offy=2);
}
.jpn .buttonsOther a.apply {font-size:24px;}
.chi .buttonsOther a.apply {text-shadow: 1px 1px 0px #006D12, 2px 2px 0px #006D12;}
.buttonsOther a.apply:hover {background-position:left bottom;}
.buttonsOther a.recharge {background-position:right top;
text-shadow:2px 2px 0px #2671AA;
filter: dropshadow(color=#2671AA, offx=2, offy=2);
}
.jpn .buttonsOther a.recharge {font-size:24px;}
.chi .buttonsOther a.recharge {text-shadow: 1px 1px 0px #2671AA, 2px 2px 0px #2671AA;}
.buttonsOther a.recharge:hover {background-position:right bottom;}
.howToDial {text-align:center;}
.howToDial div {display:inline-block;}
.howToDial span {display:block; float:left; font-size:32px; margin:0 2px; text-align:center; font-weight:bold; height:44px;}
.tha .howToDial span {font-size:30px;}
.chi .howToDial span {font-size:38px;}
.kor .howToDial span {height:38px;}
.howToDial span.sep {margin:0 5px; font-weight:normal;}
.howToDial span.prefix,
.howToDial span.c_code {width:36px;}
.howToDial span.prefix {background-color:#FCEE21;}
.howToDial span.c_code {background-color:#F2F2F2;}
.howToDial span.txtBlock {border:1px solid #000; font-size:12px; height:38px; padding:4px 20px 0; line-height:16px;}
.jpn .howToDial span.txtBlock {line-height:34px;}
.kor .howToDial span.txtBlock {height:36px; line-height:36px; padding:0 20px;}
.rus .howToDial span.txtBlock.destNum,
.vie .howToDial span.txtBlock.destNum,
.tha .howToDial span.txtBlock.destNum {line-height:32px;}
.chi .howToDial span.txtBlock.destNum {line-height:28px;}
.por .howToDial span.txtBlock.destNum {line-height:34px;}
.howToDial span.txtBlock span {font-size:12px; display:inline; margin:0; font-weight:normal; height:auto;}
.pgBody .customerService {margin:30px 0; border:solid #000; border-width:1px 0; padding:20px 0; position:relative; overflow:auto;}
.pgBody .customerService p {margin-bottom:5px;}
.pgBody .customerService a {position:absolute; right:0; bottom:20px; display:block;}
.pgBody .customerService div {float:left; margin-right:10px; font-size:18px;}
.pgBody .customerService .phoneNum {font-weight:bold;}
p.imptNotes {text-transform:uppercase; font-size:16px; font-weight:bold;}
.pgBody ul.imptNotes {margin:0;}
.pgBody ul.imptNotes li {margin-bottom:5px;}
.dialExample {text-align:center;}
.dialExample div {display:inline-block;}
.dialExample span {display:block; float:left; font-size:16px; line-height:22px; color:#222;}
.dialExample span.eg {margin-right:20px;}
.dialExample span.prefix,
.dialExample span.num {padding:0 3px;}
.dialExample span.prefix {background-color:#FFFBAB;}
.dialExample span.num {background-color:#F7F7F7;}
.dialExample span.sep {margin:0 2px;}