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



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

#topheader { height: 56px; }
    
/************************************************************************************
moneyback
*************************************************************************************/
.mbhomeframe { width: 100%; }
.mbhomeframeen { width: 100%; }
.videocol2 { width: 46%; }
.videocol3 { width: 32%; }
.mbvideotitle { font-size: 18px; }
    
.mbnewsiconL { width: 25%;height: 80px; }
.mbnewsiconimg { height: 80px; }
.mbnewsiconM { width: 75%;height: 80px; }
    
    
    
/************************************************************************************
apple
*************************************************************************************/
.deviceiconframeon { width: 10%;margin: 0px 2px;font-size: 14px; }
.deviceiconframe { width: 10%;margin: 0px 2px;font-size: 14px; }
.achtxten { font-size: 18px; margin: 0px 20px; }
    
.mainpagepromocol1photo { line-height: 0%;height: 380px;background-size: contain;background-repeat: no-repeat; }
.mainpagepromocol1photomob { display: none; }
.mainpagepromocol1content { height: 380px;}
.mainpagepromocol1space { height: 380px; }
    
    
/************************************************************************************
form new style
*************************************************************************************/
.formheader { width: 96%; }
.forminput {width: 96%; }
.formplanhsframe { width: 31.9% }
.formplanhsframe2 { width: 31.9% }
.formplanhsframe3 { width: 48.5% }
.formhsimg { width: 180px; } 
.forminput2 { white-space: inherit; }
.lablplanspace { display: inline-block; }
.lablplanspace2 { display: inline-block; }
.lablplanbutwidth { margin-bottom: 10px; }
    
    
/************************************************************************************
5G
*************************************************************************************/
.tableoff5g { font-size: 14px; }
.frame5gtpitem { width: 32%; }
    
.boxTitletxt { font-size: 14px; }
.boxTitletxten { font-size: 14px; }
    
.topmainsliderpc { height: 350px; }
.midmainsliderpc { height: 200px; }
	
.pagetablewidth { width: 96%; }
.covpagetablewidth { width: 96%; }
.coltablewidth { width: 96.8%; }
.mainpageapplecol3 { width: 32%;height: auto; margin-bottom: 25px;margin-left: 0.56%;margin-right: 0.56%; }
.mainpagepromocol3 { width: 32%;height: auto; 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; }

/************************************************************************************
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: 16px; }
	
.slider {
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(20vw);
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: scroll;
	font-size: 16px;
	-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; }
.set1tabless { font-size: 12px; }
.set1tablenormaltxt { font-size: 14px !important; }

/************************************************************************************
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: 96px; }
	
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
	
#topheader { height: 60px; }
    
    
    
/************************************************************************************
form new style
*************************************************************************************/
.formtoR { text-align: left; }    
.formplanhsframe { width: 31.5%;font-size: 12px; }
.formplanhsframe2 { width: 31.5%;font-size: 12px; }
.formplanhsframe3 { width: 46.3%;font-size: 12px; }
.formhsimg { width: 130px; } 
    
    
/************************************************************************************
5G
*************************************************************************************/
.tableoff5g { font-size: 14px; }
.frame5gplantitle { font-size: 14px; }
.frame5gtpitem { width: 47%; }
    
    
    
/************************************************************************************
ul li
*************************************************************************************/
.ulappleset2 { list-style-image: url('pt.png');padding: 0px 0px 0px 10px;font-size: 14px;line-height: 120%;text-align: left;font-weight: bold; }
.ulappleset2en { list-style-image: url('pt.png');padding: 0px 0px 0px 10px;font-size: 14px;line-height: 120%;text-align: left;font-weight: bold; }
.liset2 { padding: 3px 0px 5px 0px; }
	
	
.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 { line-height: 0%;height: 300px;background-size: contain;background-repeat: no-repeat; }
.mainpagepromocol1photomob { display: none; }
.mainpagepromocol1content { height: 300px;}
.mainpagepromocol1space { height: 300px; }
	
	
.mainpageapplecol3photomob { display: none; }
.mainpagepromocol3photomob { display: none; }
	
.coltablewidth { width: 97.5%; }
.mainpagepromocolspace { width: 2%; }
.mainpageapplecol3 { width: 48.1%;margin-bottom: 25px;margin-left: 0.8%;margin-right: 0.8%; }
.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%; }
	
.anamehometop { position:relative; top:-80px; display: block; }
.anametop { position:relative; top:-120px; display: block; }
	
.mioffer { width: 16%; }
.miofferpdttitle { font-size: 13px; }
.miofferor { padding-top: 85px }
	
.languageicon { padding-top: 20px; }
	
.achtxt { font-size: 20px; margin: 0px 20px; }
.achtxten { font-size: 16px; margin: 0px 10px; }
	
	
/************************************************************************************
coverage menu
*************************************************************************************/
.menuselect { width: 54%; }
.menuselect2 { width: 77%; }
	

/************************************************************************************
roam price
*************************************************************************************/
.roampricebox { width: 96%;height: auto; }
.roamremark { width: 99%;font-size: 14px; }

	
/************************************************************************************
Apple
*************************************************************************************/
.applenewicon1 { font-size: 12px;padding: 5px 15px; }

	
	
	

#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: 100px
}


#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 {
}
    
.videocol2 { width: 98%;margin: 10px 0px 10px 0px; }
.videocol3 { width: 98%;margin: 10px 0px 10px 0px; }
.spectabtxt { font-size: 22px;width: 90%; }
    
    
    
    
/************************************************************************************
domain5
*************************************************************************************/
.d5topheadercolL { height: 60px; }
.d5topheadercolR { height: 44px; }
.logodomain5 { width: 86px;margin-left: 12%; }
.languagefr { margin-right: 12%;font-size: 14px; }
.languageimg { widows: 22px; }
.d5comlogofr { max-width: 88%;padding: 12px 0px;border-radius: 10px; }

.d5comlogocontainer { bottom: -22%; }
.d5comlogo-containerfr { width: 90%;margin-top: 12px; }
.d5comlogo-container { 
    grid-gap: 18px; 
}

.d5comlogotxt { width: 90%;font-size: 14px; }
.d5comlogo3hk { width: 24px; }
.d5comlogosupreme { width: 72px; }
.d5comlogososim { width: 50px; }
.d5comlogomo { width: 35px; }    

.d5apply-container { 
    grid-template-columns: 1fr;
    grid-gap: 20px; 
}

.d5contentsectionred { max-width: 88%;padding: 100px 0px 100px 0px; }
.d5contentsection { max-width: 88%;padding: 70px 0px 50px 0px; }
.d5photoiconimg { width: 70px;padding: 8px 10px;border-radius: 10px 0px 10px 0px; }
.d5applycol2 { border-radius: 10px;padding-bottom: 20px; }
.d5photoimg { border-radius: 10px 10px 0px 0px; }
.d5applytitle { font-size: 20px;margin-bottom: 10px; }
.d5applytxt { font-size: 15px; }
.d5applybtnL { font-size: 16px; }
.d5applybtn { padding: 10px 0px 10px 0px; }
.d5popimg { width: 90px; }
.d5poptxtfr { font-size: 15px; }

.d5about-container { 
    grid-template-columns: 1fr;
    margin: 30px 0px 50px 0px;
}
.d5abouttitle { font-size: 20px;margin-bottom: 10px; }    
.d5abouttxt { font-size: 15px; }

.d5footer-section { padding: 24px 0px; }
.d5footerfr { max-width: 88%; }
.d5footertitle { font-size: 20px; }
.d5footertxt { font-size: 14px; }
.d5footerlogoimgfrtc { width: 120px;text-align: left; }
.d5footerlogoimgfren { width: 156px;text-align: left; }
.d5footerlogoimgtchthk { width: 90px;margin-right: 0px;margin-bottom: 10px; }
.d5footerlogoimgenhthk { width: 102px;margin-right: 0px;margin-bottom: 10px; }
.d5footerlogoimgtcckhh { width: 120px; }
.d5footerlogoimgenckhh { width: 156px; }
    
    
    
    
/************************************************************************************
hsbc
*************************************************************************************/
.hsbcgrid-container { grid-template-columns: 1fr;width: 96%; }
.hsbcofferfr { width: 94%; }
.hsbcoffertitle { font-size: 26px;margin-bottom: 10px; }
.hsbcoffertxt { font-size: 18px; }
.hsbcsrntitle { font-size: 22px; }
.hsbcsrntitlefr { margin-bottom: 12px; }
   
    
    
/************************************************************************************
moneyback chill3
*************************************************************************************/
.chill3 { font-size: 18px;vertical-align: 6px; }
.chillstampL { width: 35%;margin-top: 28px; }
.chillstampR { width: 100%; }
.chillstampBtxt { font-size: 20px;text-align: center; }
.chillstamptxt { font-size: 16px;text-align: center;width: 80%; }
.chilltxtlogo { width: 28px; }
    
    
/************************************************************************************
moneyback
*************************************************************************************/
.mbheader { font-size: 26px;margin-bottom: 10px; }
.mbcontent { font-size: 18px; }
    
.stepframecol5 { width: 46%;margin: 10px 5px 20px 5px; }
.stepframecol4 { width: 46%;margin: 10px 5px 20px 5px; }
.steptxtcol4 { width: 100%;font-size: 16px; }

.finappframe { width: 96%;margin: 30px 0px 30px 0px; }
.finapptitle { font-size: 18px;padding: 15px 0px 0px 0px; }
.finappdlframe { width: 96%;margin: 0px 0px;padding: 8px 0px; }
.finappdlframeline { border-right: none;border-bottom: 2px #f3f3f3 solid; }
/*.finappdlicon { width: 18%;display: block;margin-right: 0px;margin-bottom: 10px; }*/
/*.finappstoreicon { width: 30%;height: auto;display: inline-block;vertical-align: middle; }*/
.finappdlicon { width: 13%;display: inline-block;margin-right: 0px;margin-bottom: 0px; }
.finappstoreicon { width: 25%;height: auto;display: inline-block;vertical-align: middle; }
.finappremark { margin-bottom: 10px; }

.mbnewstxtL { width: 100%;font-size: 16px; }
.mbnewstxtR { width: 100%;font-size: 16px;margin-bottom: 15px; }
    
.mbnewsplayiconcol2 { width: 94%;margin: 0px 0px; }
.mbnewsiconL { width: 25%;height: 80px; }
.mbnewsiconimg { height: 80px; }
.mbnewsiconM { width: 75%;height: 80px;font-size: 16px; }
.mbnewsiconR { width: 30%;height: 80px;font-size: 16px; }

.mbnewsiconLhead { width: 25%;height: 40px;margin-top: 10px; }
.mbnewsiconMhead { width: 45%;height: 40px;margin-top: 10px;font-size: 16px; }
.mbnewsiconRhead { width: 30%;height: 40px;margin-top: 10px;font-size: 16px; }
    
.mbnewsheadercoinimg { width: 36px;vertical-align: -6px; }
    
    
.mbpteximg { width: 60px;vertical-align: 0px;margin: 10px 0px 0px 10px;transform: rotate(90deg)}

.mbdlbut { position: fixed;top: initial;right: 1%;bottom: 1.5%;z-index: 999;width: 98%;border-radius: 10px;padding: 16px 0px;font-size: 20px;box-shadow: 0px 10px 20px #000000; }

.mbhomeframe { width: 96%;height: auto;padding: 40px 0px; }
.mbhomeframeen { width: 96%;height: auto;padding: 40px 0px; }
.mbhomecolimg { width: 90%;margin-top: 10px; }
.mbhomecoltbimg { width: 100%; }
    
    
.monthgrid-container {
    grid-template-columns: 1fr;
    grid-gap: 20px;
}    
.monthgridcol {
    width: 97%;
}
    
.popuptitle { font-size: 20px; }
.popupcontent { font-size: 16px; }
    
    
.mbbdheader { font-size: 36px; }
.mbbdcontent { font-size: 20px; }
.mbbdheadercake { height: 60px;vertical-align: -7px; }
.mbbdheadersupreme { height: 34px;vertical-align: -3px;margin: 10px 50px 0px 50px; }
    
    
.bddeviceiconframeon { width: 28%;margin: 0px 2px;font-size: 14px; }
.bddeviceiconframe { width: 28%;margin: 0px 2px;font-size: 14px; }
.bddeviceiconimgon { height: 90px; }
.bddeviceiconimg { height: 90px; }
.bdplantablewidthdevice { width: 320px; }
    
    
/************************************************************************************
hsbc
*************************************************************************************/
.hsbcbannerframe { width: 99%; }

    
/************************************************************************************
form new style
*************************************************************************************/
.labl > input + div{ font-size: 14px; }
.lablcol3 { width: 29.5%; }
.lablcol3 > input + div{ font-size: 14px; }
.lablcol2 > input + div{ font-size: 14px; }
.lablphone { width: 48%; }
.lablphone > input + div{ font-size: 14px; }
    
.lablplanbutwidth { width: 100%;margin-bottom: 10px; }
    
.formheader { width: 100%; }
.forminputframe { width: 100%;margin: 5px 0px; }
.forminputframe2 { margin: 5px 0px; }
.formtoR { text-align: left; }
.forminput2 { width: 99%;white-space: inherit; }
.formplanhsframe { width: 99%;font-size: 14px;padding: 20px 0px;margin-bottom: 15px; }
.formplanhsframe2 { width: 31.5%;font-size: 14px;padding: 20px 0px;margin-bottom: 15px; }
.formplanhsframe3 { width: 48%;font-size: 14px;padding: 20px 0px;margin-bottom: 5px; }
.formhsimg { width: 150px; } 
.forminput {width: 100%; }

.lablplanspace { display: none; }
.lablplanspace2 { display: none; }
	
/************************************************************************************
5G
*************************************************************************************/
.frameplan5gcol1 { width: 100%; }
.frameplan5gcol2 { width: 49%;scroll-snap-align: center; }
.frameplan5gcol2new { width: 45%;scroll-snap-align: center; }
.frameplan5gcol3 { width: 32%;scroll-snap-align: center;  }
.tableoff5g { font-size: 14px; }
.frame5gtpitem { width: 98%;margin: 0px 0px 10px 0px; }
.frame5gtpitemspace { display: none; }
.offertext { margin-bottom: 10px;margin-top: 10px; }
	
.vas5gframespace { margin-left: 30px; }
.vas5gframe { width: 90%;margin: 5px 0px; }
.vas5gimg { right: -9%; }			
	
.pagebg { background-position: center bottom, center 1200px;background-size: 100%, 300%; }
	
.mainoffer5gframe { width: 96%; }
.mainoffer5gframex { width: 98%;margin-top: 15px; }

.stdtitle { font-size: 20px;padding: 25px 0px; }
	
.simstdimgframe { width: 100%; }
.simstdimg { height: 80px; }
.simstdtxt { font-size: 12px; line-height: 120%; width: 100%;text-align: center; }
.simstdoffertxt { font-size: 12px; }
.simstdprice { font-size: 22px;line-height: 120%; }

    
.hs5gphoneimg { width: 100px;padding: 10px 0px; }
.frameplanarrow { width: 5%;margin: 80px 8px 0px 8px; }
.popupgrade { top: 0px;right: 0px; }
.popupgradeimg { width: 50px;height: 50px; }
    
    
/************************************************************************************
apple
*************************************************************************************/
.deviceiconframeon { width: 10%;margin: 0px 2px;font-size: 14px; }
.deviceiconframe { width: 10%;margin: 0px 2px;font-size: 14px; }
.deviceiconimgon { height: 90px; }
.deviceiconimg { height: 90px; }
.plantablewidthdevice { width: 900px; }
.applenewicon1 { width: auto;font-size: 12px;padding: 3px 10px;margin: 0px 0px 0px 5px; }

.wificallpimg { width: 100%; }
.wificallptxt { width: 100%;font-size: 14px;line-height: 140%; }
.wificallptxttitle { font-size: 18px; }
    
.actitle { font-size: 22px; }
.aclogoimg { width: 60%; }
.accontent { font-size: 14px; }
.actablescroll { width: 95%; overflow: scroll;-webkit-overflow-scrolling:touch;scroll-snap-type: x mandatory; }	
.acpricetable { width: 740px;margin: 8px 0px; }
.acpricetd { font-size: 14px; }
.acyeartable { width: 690px; }
.acultitle { font-size: 14px;margin-top: 30px; }
.acul { font-size: 14px; }
    
    
.planarrowframe { position: relative; }	
.planarrowleftframe { width: auto;display: inline-block;left: 10px; top: 23% ;z-index: 9999;position:absolute; 	
	-webkit-animation:aleft 0.5s linear infinite alternate;
	-moz-animation: aleft 0.5s linear infinite alternate;
	-ms-animation: aleft 0.5s linear infinite alternate;
	-o-animation: aleft 0.5s linear infinite alternate;
	animation: aleft 0.5s linear infinite alternate;
	}
@-webkit-keyframes aleft {
  from   { left:10px; top:23%;}
  to  { left:0px; top:23%;}
}
@-moz-keyframes aleft {
  from   { left:10px; top:23%;}
  to  { left:0px; top:23%;}
}
@-ms-keyframes aleft {
  from   { left:10px; top:23%;}
  to  { left:0px; top:23%;}
}
@-o-keyframes aleft {
  from   { left:10px; top:23%;}
  to  { left:0px; top:23%;}
}
@keyframes aleft {
  from   { left:10px; top:23%;}
  to  { left:0px; top:23%;}
}
	
.planarrowrightframe { width: auto;display: inline-block;right: 10px; top: 23%;z-index: 9999;position: absolute; 
	-webkit-animation:aright 0.5s linear infinite alternate;
	-moz-animation: aright 0.5s linear infinite alternate;
	-ms-animation: aright 0.5s linear infinite alternate;
	-o-animation: aright 0.5s linear infinite alternate;
	animation: aright 0.5s linear infinite alternate;
	}
@-webkit-keyframes aright {
  from   { right:10px; top:23%;}
  to  { right:0px; top:23%;}
}
@-moz-keyframes aright {
  from   { right:10px; top:23%;}
  to  { right:0px; top:23%;}
}
@-ms-keyframes aright {
  from   { right:10px; top:23%;}
  to  { right:0px; top:23%;}
}
@-o-keyframes aright {
  from   { right:10px; top:23%;}
  to  { right:0px; top:23%;}
}
@keyframes aright {
  from   { right:10px; top:23%;}
  to  { right:0px; top:23%;}
}
	
	
.planarrowdownframe { width: auto;display: inline-block;left: 44%; bottom: 0px;z-index: 999;position: absolute; 
	-webkit-animation:adown 0.5s linear infinite alternate;
	-moz-animation: adown 0.5s linear infinite alternate;
	-ms-animation: adown 0.5s linear infinite alternate;
	-o-animation: adown 0.5s linear infinite alternate;
	animation: adown 0.5s linear infinite alternate;
	}
@-webkit-keyframes adown {
  from   { left: 44%; bottom:15px;}
  to  { left: 44%; bottom:0px;}
}
@-moz-keyframes adown {
  from   { left: 44%; bottom:15px;}
  to  { left: 44%; bottom:0px;}
}
@-ms-keyframes adown {
  from   { left: 44%; bottom:15px;}
  to  { left: 44%; bottom:0px;}
}
@-o-keyframes adown {
  from   { left: 44%; bottom:15px;}
  to  { left: 44%; bottom:0px;}
}
@keyframes adown {
  from   { left: 44%; bottom:15px;}
  to  { left: 44%; bottom:0px;}
}
	
.downarrowframe { position: fixed; bottom: 10px;width: 100%;height: auto;text-align: center; }	
.downarrow { width: 50px;height: auto;display: inline-block;opacity: 0.4;  }
.planarrow { width: auto;height: 35px;opacity: 0.12; }

	
	
/************************************************************************************
amazon
*************************************************************************************/
.iconinfoframe { padding: 30px 0px; }
.iconinfophoto { width: 100%;text-align: center;padding-right: 0px; }
.iconinfocontent { width: 100%;text-align: center; }
.iconinfotitletxt { font-size: 20px; }
.iconinfotxt { font-size: 16px; }
	
	
/************************************************************************************
billto3
*************************************************************************************/
.logoframe { width: 47.5%;margin-right: 0px; }
.activetxt { height: auto; font-size: 16px;padding: 15px 5px; }
.pgtitlelogo { width: 120px; }
.hstitlebk { font-size: 16px;line-height: 120%; }
.arrowr { margin-left: 5px;vertical-align: -5px; }
.moretxt { font-size: 14px; }
.billinfoiconframe { width: 40%;font-size: 15px;padding-bottom: 20px; }
.pgtitlesubtxt { font-size: 14px; }
.billinfoiconimg { width: 70%; }
	
	
	
/************************************************************************************
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: 10px; }

	
/************************************************************************************
col
*************************************************************************************/
.contentcol1 { font-size: 14px; }
.contentcol2 { width: 100%;font-size: 14px; }
.contentcol3 { width: 100%;padding-bottom: 20px; }

.contentcol2video { width: 100%;margin-bottom: 10px; }
.contentcol2videospace { display: none; }
	
.contentcol3video { width: 100%;margin-bottom: 10px; }
.contentcol3videospace { display: none; }

	
/************************************************************************************
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: 60%;font-size: 18px;font-weight: bold;color: #fff; padding: 10px 0px;text-align: center; display: inline-block;background-image: url(bg_button.jpg);background-repeat: no-repeat;background-size: 350%;background-position: 0% 100%;cursor: pointer; }
.roamactivebut { font-size: 18px;border-top: none;position: fixed; left: 0px; bottom: -1px;z-index: 9999;padding: 18px 0px; }
.roamactivetxt { font-size: 16px; }
.roamactivepgbutframe2 { width: 100%;text-align: center;display: inline-block; }
.roamactivebut2 { width: 100%;font-size: 18px; }
.roamactivebut3 { font-size: 18px; }

	
	
/************************************************************************************
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; }
.ulappleset2 { padding: 0px 0px 0px 20px;font-size: 14px; }
	
	
/************************************************************************************
QR
*************************************************************************************/
.roamqr { width: 170px; }
	
/************************************************************************************
FAQ
*************************************************************************************/
.faqframe { padding-bottom: 15px; }
.faqimg { width: 75px;vertical-align: top; }
.faqcontent { width: 70%; font-size: 16px;vertical-align: top; }	
.faqcontent2 { width: 100%; font-size: 16px;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; }

.mainpageapplecol3photomob { display: inline;margin-top: 35px; }
.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: 16px;
	-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; }
.topupstep { font-size: 18px;padding: 5px 8px; }
.topuptxt { width: 70%; }
.topuptxt2 { width: 90%; }
	
/************************************************************************************
flexipack
*************************************************************************************/
.detailbut { margin: 3px 0px; }
.detailbutbt3 { margin-top: 10px; }
.fpappiconframe { width: 100%;font-size: 12px; }
.fpappiconor { width: 100%;margin-top: 10px;margin-bottom: 10px; }

	
/************************************************************************************
hmvod
*************************************************************************************/
.devicepicframe { padding: 0px 0px; width: 48%;margin-bottom: 20px; }
.devicelogoframe { text-align: center; }
	
	
/************************************************************************************
model
*************************************************************************************/
.infotitlebox { width: 97%;padding: 3px;font-size: 13px; }
.infodes { width: 46.5%;margin: 3px 0px;font-size: 13px;line-height: 120%; }
	
	
/************************************************************************************
order form
*************************************************************************************/
.formqtitle { font-size: 16px; }
.formqtitleen { font-size: 15px; }
.formpulldown { padding: 8px 8px; font-size: 14px;width: 100%; }
.formsectionheadline { font-size: 16px; }
.formtableframe { padding: 10px 8px;font-size: 16px;  }
	
	
/************************************************************************************
hs service
*************************************************************************************/
.ticktxt { width: 48%; padding: 0px 0px 10px 0px; }

	
/************************************order button*************************************/
.pageorderbut { width: 100%; position: fixed; left: 0px; bottom: -1px;z-index: 99;padding: 18px 0px; }
.pageorderbutsupreme { width: 100%; position: fixed; left: 0px; bottom: -1px;z-index: 99;padding: 18px 0px; }
.pageorderbutremark { font-size: 14px;float: none;width: 100%;height: auto; background-color: #fff;padding: 10px 0px;text-align: center; position: fixed; left: 0px; bottom: 50px;z-index: 99;border-top: 1px #dbdbdb solid; }

    
/************************************************************************************
5G
*************************************************************************************/
.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;scroll-snap-type: x mandatory; }	
.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: 99%;margin-bottom: 0px; }
.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; }
	
.acharrow { width: auto;height: 13px; }
.achframe { padding-top: 8px;padding-bottom: 0px; font-size: 16px; }
.achtxt { font-size: 16px; margin: 0px 10px 0px 0px; margin-bottom: 10px;width: 160px;text-align: left; }
.achtxten { font-size: 12px; margin: 0px 2px 0px 0px; margin-bottom: 10px;width: 175px;text-align: left; }
	
.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; }
.boxbignewtitle { font-size: 1.1rem; }
.boxbignewcontent { font-size: 14px; }
    
.mainpageapplecol3 { width: 98%;height: auto;margin-bottom: 15px; }
.mainpageapplecol3photo { width: 100%;height: auto;line-height: 0%;background-image: url(space.png) !important }
.mainpageapplecol3.mainslidertxt1 photomob { display: inline; }
	
.boxTitletxt { font-size: 16px; }
.boxTitletxten { font-size: 14px; }

    
	
.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}

.anamehometop { position:relative; top:-80px; display: block; }
.anametop { position:relative; top:-100px; display: block; }

#tmptableheadlineen { font-size:20px }

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

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

/*-- S8 --*/
	
	

#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;
}
	
	#topmain {
	height: 620px; 
}

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

.toptableheight {
	height: 280px
}

.topmainphotowidth {
	width: 100%
}
	
#topheight { clear: both;height: 90px; }
	
#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;
}

#formpagefooter {
	height: 70px;
}

#formpagefooteren {
	height: 70px;
}





/*******************************************
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%;
	clear:both;
	text-align: left;
	padding: 0px 0px 0px 0px;
    height: 51px;
}
	

#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%;
	}
}*/