/************************************************************************************
scroll tab menu
*************************************************************************************/
	@media screen and (min-width: 1100px) {
		.slickBtn{
			position: relative;
			z-index: 1;
			width: 45px;
			display: table-cell;
		}
		.prevArrow{
			left: -3.5%;
			position: absolute;
		}
		.nextArrow{
			right: -3.5%;
			position: absolute;
		}
	}
	@media screen and (max-width: 1099px) {
		.slickBtn{
			position: absolute;
			z-index: 1;
			width: 45px;
			display: table-cell;
		}
		.prevArrow{
			left: -8%;
		}
		.nextArrow{
			right: -8%;
		}
	}




/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {

.topmainsliderpc { height: 350px; }
.midmainsliderpc { height: 200px; }
	
.pagetablewidth { width: 96%; }
.covpagetablewidth { width: 96%; }
.coltablewidth { width: 96.8%; }
.mainpagepromocol3 { width: 32%;height: 365px; margin-bottom: 25px;margin-left: 0.56%;margin-right: 0.56%; }
.boxsmallcontentline1 { font-size: 14px; }
.boxsmallcontentline2 { font-size: 14px; }
.boxsmallcontentboldtxt { font-size: 1.5rem; }
.plantablewidthcol1 { width: 96%; }
.plantablewidthcol2 { width: 96%; }
.plantablewidthcol3 { width: 96%; }
.plantablewidthcol4 { width: 96%; }
.plantablewidthcol5 { width: 96%; }
.freeimg { height: 170px; }
.tableoff { font-size: 14px; }
	
.plnoptionframe { width: 18.5%; }
.plnoptionbannertxt { font-size: 12px; }
.plnoptionbannertxten { font-size: 12px; }
	
.mainpagetitle { font-size:  2em; }
	
.mainpagepromosupport { width: 32%;margin-bottom: 25px;margin-left: 0.56%;margin-right: 0.56%; }
	
.roampricebox { width: 99%;height: auto; }
	
    
/************************************************************************************
scroll tab menu
*************************************************************************************/
.linkTabsRow{ max-width: 90%; }
.prevArrow{left: 0%;}
.nextArrow{right: 0%;}
    
    
/************************************************************************************
coverage menu
*************************************************************************************/
.menuselect { width: 66%; }
.menuselect2 { width: 83%; }
.menucol1submit { width: 100%; }
	
	
/************************************************************************************
ms
*************************************************************************************/
.mainsliderframe { top: 20px; }
.mainslidertxtframe { height: 180px;padding: 20px 30px 20px 30px; }
.mainslidertxt1 { font-size: 1em;padding-bottom: 10px;height: 18px; }
.mainslidertxt2 { font-size: 2.5em;height: 95px;padding-bottom: 10px; }
.mainslidertxt2en { font-size: 2em;height: 95px;padding-bottom: 10px; }
.mainslidertxt3 { padding-top: 10px; }
.mainsliderbutton { width: 180px;padding: 15px 0px; }
	
.roamremark { width: 99%; }

	
.contenttoptd {
  padding: 15px 0px 0px 25px;
}
	
.headlineop1 {
  font-size: 24px;
  font-weight: bold;
  line-height:120%
}

.headlineop2 {
  font-size: 30px;
  font-weight: bold;
  line-height:120%
}

.headlineop3 {
  font-size: 22px;
  font-weight: bold;
  line-height:120%
}
	
.headlineop2color {
  font-size: 30px;
  font-weight: bold;
  line-height:120%;
  color: #9f1994
}

.tablewidth { width: 100% }
.spectable { font-size: 14px; }
.spectitletd { font-size: 14px;padding: 8px 6px; }
.speccontenttd { font-size: 14px;padding: 8px 6px; }
.framefreeitem {width: 48.5% }	
	
/************************************************************************************
topnav
*************************************************************************************/
.slider { font-size: 14px; }
	
.slider {
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(20vw);
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: scroll;
	font-size: 14px;
	-webkit-overflow-scrolling:touch;
}
section {
    padding: 12px 18px;
    width: auto;
    scroll-snap-align: center;
    text-align: center;
    position: relative;
	white-space: nowrap;
	-webkit-overflow-scrolling:touch;
}

	
/************************************************************************************
table
*************************************************************************************/
.set1table { font-size: 14px; }
.set1tableL { padding: 8px 6px; }
.set1tableR { padding: 8px 6px; }
	
/************************************************************************************
FAQ
*************************************************************************************/
.faqcontent { width: 85%; }	
.faqcontent2 { width: 100%; }	
	
/************************************************************************************
page icon
*************************************************************************************/
.infoiconcontent { width: 70%; }
	
/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton { height: 55px; }
.logo3d { width: auto;height: 35px; }
.languageicon { padding-top: 20px; }
.toporderbut { font-size: 18px;padding: 19px 30px; }
#topheight { clear: both;height: 55px; }
	
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
	
.tabon { font-size: 14px;padding: 10px 15px; }
.taboff { font-size: 14px;padding: 10px 15px; }
.hsprice1 { font-size: 32px;padding: 30px 0px; }
.hsprice1bold { font-size:130%; }
.hsprice2 { font-size: 25px; }
	
.topmainsliderpc { height: 280px; }
.midmainsliderpc { height: 170px; }
	
.framehsmain2 { padding: 15px 0px; }
.framehsmain3 { padding: 15px 0px; }
.framehsoffer1 { padding: 15px 0px; }
.framehsoffer2 { padding: 15px 0px; }
.framehsoffer3 { padding: 15px 0px; }
	
.tableoff { font-size: 14px; }
.toporderbut { font-size: 18px;padding: 22px 30px; }
.freeimg { height: 140px; }
.freegreytxt { font-size: 14px;padding: 10px 0px; }
.hstitle { font-size: 26px; }
.hstitleicon1 { font-size: 12px;padding: 7px 0px; }
.hstitleicon2 { font-size: 12px;padding: 7px 0px; }
.hstitleicon3 { font-size: 12px;padding: 7px 10px; }
.hsofferul { padding: 25px 0px 0px 20px;font-size: 18px; }
.hsofferulen { padding: 25px 0px 0px 20px;font-size: 16px; }
.freeicon { font-size: 12px;padding: 5px 8px; }
.tabletab { font-size: 18px; }
.tabletabimg { padding: 7px 0px 0px 0px; }
.spectab { font-size: 20px; }
.spectabimg { padding: 7px 0px 0px 0px; }
	
.plantablewidthcol1 { width: 100%; }
.plantablewidthcol2 { width: 100%; }
.plantablewidthcol3 { width: 100%; }
.plantablewidthcol4 { width: 1200px; }
.plantablewidthcol5 { width: 1500px; }
.plantablescroll { width: 100%; overflow: scroll;-webkit-overflow-scrolling:touch; }	
.frameplantitle { font-size: 16px; }
	
.mainpagetitle { font-size:  2em; }
	
.mainpagepromocol1photo { background-image: url(space.png) !important;line-height: 0%; }
.mainpagepromocol1photomob { display: inline; }
	
.mainpagepromocol3photomob { display: none; }
	
.coltablewidth { width: 97.5%; }
.mainpagepromocolspace { width: 2%; }
.mainpagepromocol3 { width: 48.1%;margin-bottom: 25px;margin-left: 0.8%;margin-right: 0.8%; }
.mainpagepromosupport { width: 48.1%;margin-bottom: 25px;margin-left: 0.8%;margin-right: 0.8%; }
	
.framehsothersmain1 { padding: 15px 0px; }
	
.plnoptionframe { width: 23%; }
	
.anametop { position:relative; top:-90px; display: block; }
	
.mioffer { width: 16%; }
.miofferpdttitle { font-size: 13px; }
.miofferor { padding-top: 85px }
	
.languageicon { padding-top: 20px; }
	
.achtxt { font-size: 20px; margin: 0px 20px; }
	
	
/************************************************************************************
coverage menu
*************************************************************************************/
.menuselect { width: 54%; }
.menuselect2 { width: 77%; }
	

/************************************************************************************
roam price
*************************************************************************************/
.roampricebox { width: 96%;height: auto; }

	
/************************************************************************************

*************************************************************************************/


#tmpaligncenter { width:100%; margin: auto; }
	
	
	
.logo {
	width: 60px;
	height: 84px;
}

.logo3bb {
	width: 70px;
	height: 84px;
}


.logo3d {
	width: auto;
	height: 40px;
}


.mainvisualtable { padding-bottom:10px}

#photoheadline {
	font-size:45px;
	font-weight:bold;
	line-height:50%;
    height: 50px
}

.fontcolor1 { line-height:50%;font-size:45px; font-weight:900; color:#09a89e }
.fontcolor2 { line-height:50%;font-size:45px; font-weight:900; color:#92278f }
.fontcolor3 { line-height:50%;font-size:45px; font-weight:900; color:#0475bc }
.fontcolor4 { line-height:50%;font-size:45px; font-weight:900; color:#f15a22 }
.fontcolor5 { line-height:50%;font-size:45px; font-weight:900; color:#ed0677 }
.fontcolor6 { line-height:50%;font-size:45px; font-weight:900; color:#0f9347 }

.fontcolor1en { line-height:50%;font-size:32px; font-weight:900; color:#09a89e }
.fontcolor2en { line-height:50%;font-size:32px; font-weight:900; color:#92278f }
.fontcolor3en { line-height:50%;font-size:32px; font-weight:900; color:#0475bc }
.fontcolor4en { line-height:50%;font-size:32px; font-weight:900; color:#f15a22 }
.fontcolor5en { line-height:50%;font-size:32px; font-weight:900; color:#ed0677 }
.fontcolor6en { line-height:50%;font-size:32px; font-weight:900; color:#0f9347 }


#appstep { width:22%; float:left; padding: 20px 10px 0px 10px;  }


#headline {
	font-size:26px
}
	
#subheadline {
	font-size:18px
}

#subheadlineen {
	font-size:16px
}
	
.contenttoptd {
  padding: 15px 0px 0px 25px;
}
	
.headlineop1 {
  font-size: 17px;
  font-weight: bold;
  line-height:120%
}

.headlineop2 {
  font-size: 28px;
  font-weight: bold;
  line-height:120%
}

	
.headlineop3 {
  font-size: 16px;
  font-weight: bold;
  line-height:120%
}
	
.headlineop2color {
  font-size: 28px;
  font-weight: bold;
  line-height:120%;
  color: #9f1994
}
	
/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton {
  height: 60px
}
	
#topmain {
	height: 770px; 
}

#topcontainer {
	padding: 0px 20px 0px 20px;
}

#topmaincontent {
	float: none;
	width:100%;
	padding: 0px 0px 0px 0px;
}

#topmainphoto {
	float:none;
	width:100%;
}

.toptableheight {
	height: 350px
}

.topmainphotowidth {
	width: 70%
}

#topheight {
  clear: both;
  height: 60px
}


#topbutton {
  padding: 0px 0px 0px 0px;
}	

#topmenutxt {
  font-size: 26px;
  margin: 15px 30px 15px 30px;
}
	
#topmenutxten {
  font-size: 26px;
  margin: 15px 30px 15px 30px;
}
	
	
/****** TOP MAIN *******/


/************************************************************************************
Content
*************************************************************************************/


#contentcontainer {
	padding: 0px 20px 0px 20px;
}

#line {
	padding: 20px 0px 20px 0px;
}

#contentleft {
	float: none;
	width:100%;
	padding: 0px 0px 0px 0px;
	text-align:center;
}

#contentright {
	float:none; 
	width:100%; 
	padding: 0px 0px 0px 0px;
	text-align:center;
}

#photoleft {
	float:none;
	width:100%;
	text-align:center;
}

#photorightnormal {
	float:none;
	width:100%;
	text-align:center;
}

#photoright {
	float:none;
	width:100%;
	text-align:center;
	display:none;
}

#photoright2 {
	float:none;
	width:100%;
	text-align:center;
	display: inherit
}


#floatleft25 {
	float:none;
	width:100%;
	text-align:center;
}

#floatleft50 {
	float:none;
	width:100%;
	text-align:center;
}

#photo33 {
	width:100%; 
	float:none;
}

#photo34 {
	width:100%; 
	float:none;
}



/****** Content *******/

#titleheader {
	position: absolute;
    left: 15px;
    width: 600px;
}


#topcontent {
	position: absolute;
    top: 70px;
    left: 15px;
    width: 370px;
}


.title {
	font-size: 45px;
	font-weight: bold;
	line-height: 100%;
}

.titleinside {
	font-size: 42px;
	font-weight: bold;
	line-height: 100%;
}

.titlecontent {
	font-size: 20px;
	line-height: 130%;
}


#subtitleheader {
    width: 95%;
	margin: 0px 0px 0px 15px;
}

#subcontent {
    width: 95%;
	margin: 10px 0px 0px 15px;
}


.subtitle {
	font-size: 35px;
	font-weight: bold;
	line-height: 100%;
	color: #ba2425;
}

.subtitlecontent {
	font-size: 25px;
	line-height: 130%;
	color: #000000;
}

.networktxt {
	font-size: 20px;
}


#bulletpoint {
	margin: 0px 0px px 15px;
}

.bullet { 
	font-size: 20px;
	line-height: 120%;
	margin-left: 15px;
}

#share {
	text-align:left;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 50px;
	}

.shareicon {
	width: 50px;
	height: 50px;
}

	
.hrline { width: 96% }

#tnc {
    width: 95%;
	margin: 10px 0px 60px 15px;
}

.tnccontent {
	font-size: 13px;
}

/************************************************************************************
PLAN MOB BUTTON
*************************************************************************************/
#butxt01A { 

	margin: 5px 20px 5px 20px;
}

#butxt01C { 
	font-size: 20px;
	margin: 5px 20px 5px 20px;
	
}

#butplanmob1 { 
	font-size: 18px;
	margin: 8px 7px 8px 7px;
}

.plantdbut {
	width:210px;
	}
	
.planmob_tdtext {
	font-size: 18px;
}
	
	
/************************************************************************************
FAQ
*************************************************************************************/
.faq_tdtext {
	font-size: 20px;
}	

#faqbutxt01 { 
	font-size: 20px;
	margin: 5px 20px 5px 20px;
	
}

#butxthomefaq { 
	font-size: 20px;
	
}


/************************************************************************************
SPACE
*************************************************************************************/
.plantdbutsim {
	width:400px;
	text-align:center
	}

#simplus { float: none; clear:both }

.simcenter1 {
    margin: auto;
    width: 400px;
}

.simcenter2 {
    margin: auto;
    width: 50px;
}

.center3 {
    margin: auto;
    width: 470px;
}

.width02 {width: 45%}

#width03 {width: 20px}


}




/************************************************************************************
smaller than 480
*************************************************************************************/

@media screen and (max-width: 480px) {

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
}
	
.copyright { padding: 20px 15px 80px 15px; }
.copyrighttxt { width: 100%;text-align: center;margin-bottom: 10px;line-height: 160%; }
    
/************************************************************************************
scroll tab menu
*************************************************************************************/
.linkTabsRow{ width: 96%; }
.linkTabsRow2{ width: 96%; }
    
    
    
/************************************************************************************
coverage menu
*************************************************************************************/
.menucol1loc { width: 100%;font-size: 14px;margin-top: 10px; }
.menucol1submit { text-align: center; }
.menucol2 { width: 100%;margin-bottom: 10px;font-size: 14px; }
.menutitle { width: 100%;text-align: left;line-height: 120%;margin-bottom: 10px;  }
.menuselect { width: 100%; }
.menuselect2 { width: 100%; }
	
.covpagetablewidth { width: 900px; }

	
/************************************************************************************
scroll tab menu
*************************************************************************************/
.linkTabsRow{ width: 96%; }
	
/************************************************************************************
content size
*************************************************************************************/
.contentset2 { font-size: 16px;padding-bottom: 15px; }
	
/************************************************************************************
col
*************************************************************************************/
.contentcol1 { font-size: 14px; }
.contentcol2 { width: 100%;font-size: 14px; }
.contentcol3 { width: 100%;padding-bottom: 20px; }

	
/************************************************************************************
roam price
*************************************************************************************/
.roampricebox { width: 99%;height: auto;float: none;padding-top: 10px; }
.roamdayno { font-size: 60px;right: 15px;top: 55px; }
.roamdaytxt { vertical-align: 3px; }
.roamday { font-size:30px; }
.roamprice { font-size:56px;padding-bottom:10px; }
.roamactivepgbutframe { width: 100%;text-align: center;display: inline-block;padding-top: 15px; }
.roamactivepgbut { width: 80%;font-size: 18px;font-weight: bold;color: #000; padding: 10px 0px;text-align: center; display: inline-block;background-color: #D0AC51;background-repeat: no-repeat;background-size: 350%;background-position: 0% 100%;cursor: pointer; }
.roamactivebut { display: none;font-size: 18px;border-top: none;position: fixed; left: 1%; bottom: 1.5%;z-index: 9999;padding: 18px 0px;width: 98%;border-radius: 10px;box-shadow: 0px 12px 15px #000; }
.roamactivetxt { font-size: 16px; }
.roamremark { width: 99%;font-size: 14px; }
	
/************************************************************************************
ul li
*************************************************************************************/
.ulset2 { padding: 0px 0px 20px 20px;font-size: 14px; }
.ulset2en { padding: 0px 0px 20px 20px;font-size: 14px; }
.ulset3 { font-size: 14px; }
.ulset5 { padding: 15px 0px 20px 20px;font-size: 14px; }

/************************************************************************************
QR
*************************************************************************************/
.roamqr { width: 170px; }
	
/************************************************************************************
FAQ
*************************************************************************************/
.faqframe { padding-bottom: 15px; }
.faqimg { width: 75px;vertical-align: top; }
.faqcontent { width: 70%; font-size: 14px;vertical-align: top; }	
.faqcontent2 { width: 100%; font-size: 14px;vertical-align: top; }	
	
/************************************************************************************
page icon
*************************************************************************************/
.infoiconframe { padding-bottom: 15px;text-align: center; }
.infoiconimg { width: 100px; }
.infoiconcontent { width: 80%; font-size: 14px;text-align: left; }	
	
/************************************************************************************
ms
*************************************************************************************/
.mainsliderframe { top: 230px; right: 0px;width: 92%; }
.mainslidertxtframe { height: 200px;padding: 25px 20px 25px 20px; }
.mainslidertxt1 { font-size: 0.75em;padding-bottom: 15px;height: 15px; }
.mainslidertxt2 { font-size: 2.25em;height: 90px;padding-bottom: 10px; }
.mainslidertxt2en { font-size: 2em;height: 90px;padding-bottom: 10px; }
.mainslidertxt3 { font-size: 0.75em;padding-top: 20px; }

.mainpagepromocol3photomob { display: inline; }

	
/************************************************************************************
topnav
*************************************************************************************/
.topnavframe { width: 900px;font-size: 14px; }
.topnavbutoff { padding: 12px 18px; }
.topnavbuton { padding: 12px 18px; }
	
.slider {
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(20vw);
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: scroll;
	font-size: 14px;
	-webkit-overflow-scrolling:touch;
}
section {
    padding: 12px 18px;
    width: auto;
    scroll-snap-align: center;
    text-align: center;
    position: relative;
	white-space: nowrap;
	-webkit-overflow-scrolling:touch;
}
	
		
/************************************************************************************
Main slider
*************************************************************************************/
.midmainsliderpc { display: none; }
.midmainslidermob { width: 100%;height: auto;background-size: 100%;background-position: center; display: inline-block;line-height: 0%;margin-bottom: 15px; }
	

/************************************************************************************
location
*************************************************************************************/
.covertitle { width: 98%;padding: 3px;font-size: 15px; }
.coverloc { width: 20%;padding: 5px;margin: 3px 0px;font-size: 12px;line-height: 120% }


/************************************************************************************
idd code
*************************************************************************************/
.iddcode1 { padding: 5px 10px;font-size: 14px;margin-bottom: 10px; }
.iddcode2 { padding: 5px 10px;font-size: 14px;margin-bottom: 10px; }
.iddcodetxt { width: 96%; }
.iddcodetxten { width: 96%; }
	
	
/************************************************************************************
Inbound
*************************************************************************************/
.mobnetwork { width: 45%;margin-right: 10px;margin-bottom: 10px; }

	
/************************************************************************************
getaway
*************************************************************************************/
.mtfaqtitle { font-size:16px; }
.mtfaqans { font-size:14px; }	
.gttalkstepframe { width: 45%; font-size: 14px;padding: 10px 5px; }
.supremetxt { font-size: 19px !important; }

	
/************************************************************************************

*************************************************************************************/
.detailbut { margin: 3px 0px; }
	
/************************************************************************************
hmvod
*************************************************************************************/
.devicepicframe { padding: 0px 0px; width: 48%;margin-bottom: 20px; }
.devicelogoframe { text-align: center; }
	
/************************************************************************************
data
*************************************************************************************/
	
.dtapp { width: 70px; }
.dtqr { display: none }
.dtappdw { width: 100px;line-height: 220%; }
.topupstep { font-size: 18px;padding: 5px 8px; }
.topuptxt { width: 70%; }
	
.dataiconbut1tc { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut1tcon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut2tc { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut2tcon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut3tc { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut3tcon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut4tc { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut4tcon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut5tc { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut5tcon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }

.dataiconbut1en { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut1enon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut2en { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut2enon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut3en { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut3enon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut4en { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut4enon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut5en { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }
.dataiconbut5enon { width: 60px;height: 60px;margin: 0px 10px 0px 10px; }

	
	
/************************************************************************************

*************************************************************************************/
.pagetablewidth { width: 96%; }
.coltablewidth { width: 97%; }
.frametitle { padding: 20px 0px; }
.framehsprice { width: 100%; }
.framehsoffer { width: 100%; }

.topmainsliderpc { display: none; }
.topmainslidermob { width: 100%;height: auto;background-size: 100%;background-position: center; display: inline-block;line-height: 0%; }
	
.hstitle { font-size: 22px;line-height: 120%; width: 100%; }
.hstitlesup { vertical-align: 16px;padding-left: 8px; }
.hstitlesupen { vertical-align: 10px;padding-left: 5px; }
.hstitleicon1 { width: 50px;font-size: 12px;padding: 5px 0px;margin: 5px 3px 5px 0px; }
.hstitleicon2 { width: 50px;font-size: 12px;padding: 5px 0px;margin: 5px 3px; }
.hstitleicon3 { font-size: 12px;padding: 5px 10px;margin: 5px 3px; }

.tabon { font-size: 12px;padding: 8px 10px; }
.taboff { font-size: 12px;padding: 8px 10px; }
.hsprice1 { font-size: 30px;padding: 25px 0px; }
.hsprice1bold { font-size:135%; }
.hsprice2 { font-size: 25px; }
.hsprice2sup { vertical-align: 12px; }
.hsprice2supen { vertical-align: 8px; }
.hsprice2boldsup { vertical-align: 18px;padding-left: 5px; }
.hsofferul { padding: 25px 0px 0px 20px;font-size: 16px; }
.hsofferulen { padding: 25px 0px 0px 20px;font-size: 14px; }
.hsoffericon { width: 22px;vertical-align: -5px; }
.hsofferbut { padding: 6px 15px;margin-top: 0px; }
	
.tableoff { font-size: 14px; }
.plantablescroll { width: 95%; overflow: scroll;-webkit-overflow-scrolling:touch; }	
.frameplancol1 { width: 100%; }
.frameplancol2 { width: 49%; }
.plantablewidthcol1 { width: 100%; }
.plantablewidthcol2 { width: 600px; }
.plantablewidthcol3 { width: 880px; }
.plantablewidthcol4 { width: 1200px; }
.plantablewidthcol5 { width: 1500px; }
	
.framehsmain2 { padding: 15px 0px; }
.framehsmain3 { padding: 15px 0px; }
.framehsoffer1 { padding: 15px 0px; }
.framehsoffer2 { padding: 15px 0px; }
.framehsoffer3 { padding: 15px 0px; }
	
.hsoffrow2frame { margin: 5px 0px 0px 0px; }
.hsoffrow3frame { margin: 5px 0px 0px 0px; }
	
.framefreeitem { width: 96%;margin-bottom: 10px; }
.framefreeitemspace { width: 1%; }
.freeicon { font-size: 14px; }
.freeimg { height: 150px;padding: 10px 0px; }
.freegreytxt { font-size: 14px;padding: 10px 0px; }
.freeprice { padding-top: 5px; }
	
.tabletab { font-size: 16px; }
.tabletabimg { padding: 8px 0px 0px 0px; }
.spectab { font-size: 16px; }
.spectabimg { padding: 0px 0px 0px 0px; }
	
.spectitletd { font-size: 13px;padding: 8px 6px; }
.spectitletdtop { border-top: #fff 2px solid; }
.speccontenttd { font-size: 13px;padding: 8px 6px; }	
	
.tableremarkno { width: 4%; }
	
.toporderbut { font-size: 16px;padding: 18px 15px; }
	
.framehsothersmain1 { padding: 15px 0px; }
.hsothersframe { width: 100%;display: inline-block;float: left;padding-bottom: 10px; }
.hsothersspace { display: none; }
	
.plnoptionframe { width: 45.5%; }
	
.navframe { font-size: 12px; }
.navitemspc { padding: 0px 5px 0px 0px; }
.navitemoff { padding: 0px 5px 0px 0px; }
.navitemon { padding: 0px 5px 0px 0px; }
	
.achframe { padding-top: 20px;font-size: 16px; }
.achtxt { font-size: 16px; margin: 0px 15px; margin-bottom: 10px; }
	
.frameinfophoto { width: 100%;text-align: center; }
.frameinfocontent { width: 100%; }
.infotitle { padding-top: 25px;width: 78%; }
	
.plnoptionbannertxt { font-size: 12px; }
.plnoptionbannertxten { font-size: 12px; }
	
.mainpagetitle { font-size: 1.8em;line-height: 140%; width: 100%; }
	
.mainpagepromocol1 { width: 99%;margin-bottom: 25px; }
.mainpagepromocol1photo { width: 100%;height: auto;line-height: 0%;background-image: url(space.png) !important }
.mainpagepromocol1photomob { display: inline; }
.mainpagepromocol1content { width: 100%;height: auto; }
.mainpagepromocol1space { display: none; }
.mainpagepromocol1centerframe { width: 90%;padding: 15px 0px; }
.boxbigtitle { font-size:  1.1rem;padding-bottom: 15px; }
.boxbigcontent { font-size: 16px;padding-bottom: 15px; }
.boxbigcontentboldtxt { font-size: 1.7rem; }
	
.mainpagepromocol3 { width: 98.2%;height: auto;margin-bottom: 25px; }
.mainpagepromosupport { width: 98%;margin-bottom: 25px; }
.col3L { float: none; }
.col3R { float: none; }
.mainpagepromocol3photo { width: 100%;height: auto;line-height: 0%;background-image: url(space.png) !important }
.mainpagepromocol3.mainslidertxt1 photomob { display: inline; }
.boxsmallnopad { padding: 0px 4px 0px 4px; }

	
.languageicon { padding-right: 15px; padding-top: 16px; }
.tmptable { font-size: 12px; }
.tmptableform { font-size: 14px; }
.orderphoneimg { width: 100%; height: auto; }
	
/************************************form*************************************/
.formgiftphoto { width: 80px;vertical-align: -35px; }
	
	
/************************************spec button*************************************/
#specbutxt { font-size: 14px; margin: 10px 20px 10px 20px; }
.specbut { width: 94% }
/************************************************************************************/
	
/************************************spec button*************************************/
#sellbutxt { font-size: 18px; width: auto; margin: 10px 20px 10px 20px; }
#sellbutxten { font-size: 18px; margin: 10px 20px 10px 20px; }
.sellbut { width: 94%; padding: 5px 0px 5px 0px; }
/************************************************************************************/
	
.headerbg { display: none}

.otherplanbutton {width: 80%;margin: 10px 0px 10px 0px; }
	
.offerbg { background-size: 300%; width: 98% }
	
.freetc1 { vertical-align: 0px }
.freetc2 { vertical-align: 0px }
.freetc3 { vertical-align: 0px }

.freeen1 { vertical-align: 0px }
.freeen2 { vertical-align: 0px }
.freeen3 { vertical-align: 0px }

.offertxt { font-size: 18px;}
	
.tmpequheadline { font-size: 19px; }

.titleappicon { width: 35px; vertical-align: -7px; }
	
.mioffer { width: 84%; border: #5000A8 4px solid; padding: 5px; margin: 5px 0px; }
.mioffertitle { font-size: 26px; }
.miofferpdttitle { font-size: 18px; }
.miofferpicframe { display: inline-block; width: 35%; }
.mioffertxtframe { display: inline-block; width: 65%;vertical-align: top; text-align: left;margin-top: 30px; }
	
.miaddoffer1 { width: 96%; padding: 20px 5px; margin: 10px 0px; border-right: #bcbcbc 0px solid; border-bottom: #bcbcbc 2px solid;  }
.miaddoffer2 { width: 96%; padding: 5px; margin: 15px 0px; }

.miofferor { font-size: 140%; padding-top: 0px; width: 96% }
.miofferor2 { font-size: 140%; padding-top: 0px; width: 96% }
	
.miplanbutover { border-radius: 8px; width: 45%; }
.miplanbutbuy { border-radius: 8px; width: 45%; }
.miplanbut { border-radius: 8px; width: 45%; }
.miplanbuttxt { font-size: 18px; margin: 8px 10px 8px 10px; }

	
	
/************************************************************************************

*************************************************************************************/

#tmpheadline { font-size:34px;  }
#tmpheadlineen { font-size:24px; line-height:120%; }
	
#tmpmaincenter { width: 100%; height: 100px; text-align:center; padding: 50px 0px 0px 0px }
.tmpheadlinesup { vertical-align: 16px; font-size:10px;  }
.tmpheadlinesupen { vertical-align: 12px; font-size:10px; }
	
#tmpplus2 { vertical-align: inherit; height:30px; width:98%; float: left; clear: both; font-size:30px; color:#000000; text-align: center; line-height:100%; }
	
	
.displaypc { display: none }
.displaymob { display: inline-block }
	
.pdtframe { width: 95%; display: inline-block; text-align: center; }
.pdtframe2 { width: 95%; display: inline-block; text-align: center; }

#tmppdtphoto { width:25%; display: inline-block; }
#tmppdtdes { width:100%; font-size:18px; vertical-align: top; display: inline-block; text-align:center; }
.pdtname { white-space: normal}

.anametop { position:relative; top:-60px; display: block; }

#tmptableheadlineen { font-size:20px }

/**** form ****/
.tariff_table {
	width: 100%;
}
.formformat { float: none }

.formalerttxt { padding-top: 0px; padding-left: 0px }

/*-- S8 --*/
	
	
sup { font-size: 10px; }

#headline {
	font-size:24px
}

#subheadline {
	font-size:18px
}

#subheadlineen {
	font-size:16px
}

.headlineop1 {
  font-size: 17px;
  font-weight: bold;
  line-height:120%
}

.headlineop2 {
  font-size: 24px;
  font-weight: bold;
  line-height:120%
}

.headlineop3 {
  font-size: 16px;
  font-weight: bold;
  line-height:120%
}
	
.headlineop2color {
  font-size: 24px;
  font-weight: bold;
  line-height:120%;
  color: #9f1994
}

#opstepPC {
  width: 99%;
  display: none
}

#opstepMOB {
  width: 99%;
  display: inline
}
	
#hklogo {
	padding: 10px 0px 5px 0px;
}


#bblogo {
	padding: 10px 0px 5px 0px;
}

.logo {
	width: 43px;
	height: 60px;
	margin: 0px 0px 0px 0px;
}

.logo3bb {
	width: 50px;
	height: 60px;
}

#hklogo3d {
	padding: 20px 0px 15px 5px;
}

.logo3d {
	width: auto;
	height: 40px;
	margin: 5px 0px 0px 10px;
}

.appicon {
	width: 100px;
	height: 100px;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

#apptable {width:96%;  border:#92278f solid 4px; border-radius: 20px; clear: both; color: #000000; padding:10px 0px 10px 0px}
.appicontd {padding-right:0px; line-height:0%; width:110px}

.mainvisualtable { padding-bottom:5px}

#photoheadline {
	font-size:18px;
	font-weight:bold;
	height: 50px
}

.fontcolor1 { line-height:50%;font-size:22px; font-weight:900; color:#09a89e }
.fontcolor2 { line-height:50%;font-size:22px; font-weight:900; color:#92278f }
.fontcolor3 { line-height:50%;font-size:22px; font-weight:900; color:#0475bc }
.fontcolor4 { line-height:50%;font-size:22px; font-weight:900; color:#f15a22 }
.fontcolor5 { line-height:50%;font-size:22px; font-weight:900; color:#ed0677 }
.fontcolor6 { line-height:50%;font-size:22px; font-weight:900; color:#0f9347 }


.fontcolor1en { line-height:50%;font-size:16px; font-weight:900; color:#09a89e }
.fontcolor2en { line-height:50%;font-size:16px; font-weight:900; color:#92278f }
.fontcolor3en { line-height:50%;font-size:16px; font-weight:900; color:#0475bc }
.fontcolor4en { line-height:50%;font-size:16px; font-weight:900; color:#f15a22 }
.fontcolor5en { line-height:50%;font-size:16px; font-weight:900; color:#ed0677 }
.fontcolor6en { line-height:50%;font-size:16px; font-weight:900; color:#0f9347 }


/************************************************************************************
BUTTON
*************************************************************************************/

#menuposition {width:99%; float: both; padding-bottom:15px}

	
#topmenutxt {
  font-size: 16px;
  margin: 13px 20px 13px 20px;

}
	
#topmenutxten {
  font-size: 12px;
  margin: 15px 20px 16px 20px;

}
	
	
#topbutton {
  float: right;
  padding: 0px 0px 0px 0px;
}

	
.topmenubuten {
	width: 160px;
	height: 40px;
}
	
.topmenugohome {
	width: 120px;
	height: 50px;
}

.topmenugohomeen {
	width: 140px;
	height: 50px;
}
	
/************************************************************************************
List
*************************************************************************************/
.questiontext {
	font-size: 18px;
}

#butfaq1 { 
	font-size: 18px;	
}

.merchant_wrapper {
    display: inline-block;
    width: 46%;
	font-size:12px;
}

.appdlicontd {padding-top:8px;  width:55%; padding-right:30px}
.qr { display:none }
.noqr { display:inline  }
#appstep { width:95% }
.steptitle { font-size:20px; font-weight:bold }


/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton {
  height: 51px;
  background:#FFFFFF;
}
	
	#topmain {
	height: 620px; 
}

#topmaincontent {
	padding: 25px 0px 0px 0px;
}

.toptableheight {
	height: 280px
}

.topmainphotowidth {
	width: 100%
}
	
#topheight { clear: both;height: 52px; }
	
#mobilesubmenu {
  display: inline-block;
  width: 100%;
  clear: both;
  background: #ffffff;
  padding: 0px 0px 0px 0px;
}	
	
/****** TOP MAIN *******/


/************************************************************************************
Content
*************************************************************************************/

.upgradephoto { width:100%; padding-top:20px}

#contentsaving {
	float:left; 
	width:100%; 
	padding: 0px 0px 50px 0px;
}

#contentsavingspace {clear:both; height: 0px}

#contentgame {
	float:left; 
	width:100%; 
	padding: 0px 0px 0px 0px;
}

.contentgametd {
  padding: 0px 0px 0px 0px;
  text-align: center
}

.contenttoptd {
  padding: 0px 0px 0px 0px;
  text-align: center
}

#appiconleft {
	float:none; 
	width:100%; 
	padding: 0px 0px 0px 0px;
}

#appcontentright {
	float:none;
	width:100%;
	text-align:center;
}

.mainphoto_pc {
	display:none;
}

.mainphoto_mob {
	display:inline;
}



.form1 {
    height: 1050px;
}


#type01 {float:left; width:33%; text-align:center}
.type01icon {width:70px}

#type02 {float:left; width:50%; text-align:center}
.type02icon {width:70px}



/****** Content *******/
#chlogo {
	float: left;
	padding: 10px 10px 0px 8px;
}

#chlogoen {
	float: left;
	padding: 10px 10px 0px 8px;
}
	
#copyright {
	width: 90%;
	text-align: left;
}

#pagefooter {
	height: 70px; padding: 10px 0px 60px 0px;
}

#pagefooteren {
	height: 70px; padding: 10px 0px 60px 0px;
}







/*******************************************
TOP
*******************************************/
#langtext {
	font-size: 12px;
}

.homeicon {
	width: 18px;
	height: 15px;
    margin: 0px 0px 0px 0px;
}

#logoheader {
	width: 95%;
	background: #ffffff;
	clear:both;
	text-align: left;
	padding: 5px 0px 10px 10px;
}

#topheader {
	width: 100%;
	background: #ffffff;
	clear:both;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
	

#topcolorblue {
	height: 7px;
}

#topcolormagenta {
	height: 7px;
}

#topcolorgreen {
	height: 7px;
}



/*******************************************
MAIN PHOTO
*******************************************/


#titleheader {
	position: absolute;
    top: 10px;
    left: 10px;
    width: 350px;
    height: 100px;
}


#topcontent {
	position: absolute;
    top: 45px;
    left: 10px;
    width: 260px;
}


.title {
	font-size: 32px;
	font-weight: bold;
	line-height: 100%;
}

.titleinside {
	font-size: 26px;
	font-weight: bold;
	line-height: 100%;
}

.titlecontent {
	font-size: 16px;
	line-height: 120%;
}

.simbanner_pc {
	display:none;
}

.simbanner_mob {
	display:inline;
}


#simbanner_pc {
	display:none;
}

#simbanner_mob {
	display:inline;
}



.shopadd {
	width: 13px;
	height: 20px;
	}
	
	
/************************************************************************************
BUTTON
*************************************************************************************/
#butxt01A { 
	font-size: 20px;
	margin: 5px 10px 5px 10px;
}

#butxt01B { 
	font-size: 18px;
	margin: 5px 30px 5px 30px;
}

#butxt01C { 
	font-size: 18px;
	margin: 5px 10px 5px 10px;
	
}



/****** button01 *******/
#button01 {
	margin: 5px 0px 5px 0px;
}


#butxt01Ahome { 
	font-size: 16px;
	margin: 5px 10px 5px 10px;
	line-height: 120%;
	
}


/*******************************************
MENU
*******************************************/
#menugroup {
	width: 100%;
	clear:both;
	margin: 1px 0px 0px 0px;
}



/****** menu01 *******/
#menu01 { height: 105px; }

#menu01a { height: 100px; }

.menuicon01 {
	width: 35px;
	height: 60px;
    margin: 10px 0px 0px 0px;
}

/****** menu01 *******/
#menu02 { height: 105px; }

#menu02a { height: 100px; }

.menuicon02 {
	width: 64px;
	height: 60px;
    margin: 10px 0px 0px 0px;
}

/****** menu03 *******/
#menu03 { height: 105px; }

#menu03a { height: 100px; }

.menuicon03 {
	width: 51px;
	height: 60px;
    margin: 10px 0px 0px 0px;
}

/****** menu04 *******/
#menu04 { height: 105px; }

#menu04a { height: 100px; }

.menuicon04 {
	width: 51px;
	height: 60px;
    margin: 10px 0px 0px 0px;
}

/****** menu05 *******/
#menu05 { height: 105px; }

#menu05a { height: 100px; }

.menuicon05 {
	width: 51px;
	height: 60px;
    margin: 10px 0px 0px 0px;
}


/************************************************************************************
PLAN MOB
*************************************************************************************/

.plantable { 
margin:auto;
width: 95%
}

.subtitle_planmob {
	font-size: 26px;
}

.subtitle_mytv {
	font-size: 26px;
}

.subtitle_howto {
	font-size: 26px;
}

.subtitle_faq {
	font-size: 26px;
}


.planmob_subtitle {
	font-size: 20px;
}

.planmob_subtitle2 {
	font-size: 12px;
}

.plus {
	width: 15px;
	height: 15px;
    margin: 8px 3px 0px 3px;
	padding: 0px 0px 0px 0px;
	}
	
.pricetitle {
	font-size: 20px;
    }
	
.price {
	font-size: 30px;
    }
	
.planmob_tdfreetext {
	font-size: 20px;
}

.planmob_tdtext {
	font-size: 12px;
}

.tick {
	width: 25px;
	}

.plantdbut {
	width:150px;
	}

.plantdbutsim {
	width:250px;
	text-align:center
	}
	
	
.center {
    margin: auto;
    width: 140px;
}

.center2 {
    margin: auto;
    width: 285px;
}

.center3 {
    margin: auto;
    width: 320px;
}



.mytv_subtitle {
	font-size: 22px;
}


.howto_subtitle {
	font-size: 22px;
}



.planmob_plantitle {
	font-size: 15px;
}

.planmob_plantext {
	font-size: 18px;
}


.planmob_pchan {
	font-size: 12px;
}

.planbullet { 
	font-size: 12px;
	line-height: 150%;
}

/************************************************************************************
PLAN MOB BUTTON
*************************************************************************************/
#butplanmob1 { 
	font-size: 12px;
	margin: 8px 7px 8px 7px;
}

.top {
	width: 23px;
	height: 20px;
    margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	

/************************************************************************************
NETWORK
*************************************************************************************/




#subcontent {
    width: 95%;
	margin: 5px 0px 0px 10px;
}

.subtitle {
	font-size: 26px;
	font-weight: bold;
	line-height: 100%;
	color: #ba2425;
}

.subtitlecontent {
	font-size: 18px;
	line-height: 130%;
	color: #000000;
}

#networkphoto {
	text-align:center;
	margin-bottom: 10px;
	}
	
	
.combinenetwork {
	width: 90%;
}


#network_pc {
	display: none;
}

#network_content {
	width: 95%;
	margin: 0px 0px 0px 10px;
	clear:both;
}

.networkpic {
	width: 300px;
	padding: 0px 0px 0px 10px;
	}

.networktxt {
	font-size: 18px;
	padding: 0px 10px 0px 15px;
}

#tvc_pc {
	display: none;
}

#tvc_mob {
	display: inline;
	width: 95%;
	margin: 0px 0px 0px 0px;
}


#bulletpoint {
	width: 95%;
	margin: 0px 0px 0px 10px;
	clear: both;
}

.bullet { 
	font-size: 18px;
	line-height: 120%;
	margin-left: 20px;
}

#share {
	text-align:center;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 40px;
	}
	
.shareicon {
	width: 50px;
	height: 50px;
}


.hrline { width: 94% }

#tnc {
    width: 95%;
	margin: 10px 0px 60px 10px;
}

.tnccontent {
	font-size: 12px;
}


/************************************************************************************
FAQ
*************************************************************************************/
.questiontext {
	font-size: 18px;
}

#butfaq1 { 
	font-size: 18px;	
}

.faq_tdtext {
	font-size: 15px;
}

.faqwidth01 {width: 45%;}

.faqwidth02 {width: 35%;}

.faqwidth03 {width: 20%;}

#faqbutxt01 { 
	font-size: 15px;
	margin: 5px 10px 5px 10px;
}

.faqchannel {
	font-size: 18px;
}

#butxthomefaq { 
	font-size: 18px;
	
}

#width03 {width: 0px}


.faqphoto_pc {
	display:none;
}

.faqphoto_mob {
	display:inline;
}


/************************************************************************************
howto
*************************************************************************************/

.mobprice01 {
	font-size: 22px;
	line-height: 100%;
}

.pricecolor01 {
	width: 7px;
	height: 45px;
	}
	
.faq_subtitle {
	font-size: 22px;
}

.faq_subtitle2 {
	font-size: 22px;
}

.faq_subtitle3 {
	font-size: 22px;
}

/************************************************************************************
SPACE
*************************************************************************************/

#height01 {clear:both;; height: 25px}
#height02 {clear:both;; height: 30px}
#height03 {clear:both;; height: 15px}
#height04 {clear:both;; height: 40px}
#simplus { float: none; clear:both }

.simcenter1 {
    margin: auto;
    width: 250px;
}

.simcenter2 {
    margin: auto;
    width: 20px;
}

.width02 {width: 45%}


/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}


}


@media screen and (max-width: 1600px) {
	.achframe-scoll{
		position: fixed;
	    top: 73px;
	    /*left: 0;*/
	    background-color: white;
	    width: 100%;
	    z-index: 999999;
	}
}

@media screen and (max-width: 1024px) {
	.achframe-scoll{
	    top: 55px;
	}
}

@media screen and (max-width: 768px) {
	.achframe-hidden-en{
	    height: 63px;
	}
	
	.achframe-scoll{
		top: 60px;
	}
}

@media screen and (max-width: 700px) {
	.achframe-hidden-en{
	    height: 90px;
	}
}

@media screen and (max-width: 414px) {
	.achframe-scoll{
	    top: 51px;
	}
}

@media screen and (min-width: 414px) and (max-width: 480px){
	.achframe-scoll{
	    top: 50px;
	}
}


/*@media screen and (max-width: 880px) {
	.achframe-scoll{
		width: 96%;
		left: 2%;
	}
}*/