@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 1440
*************************************************************************************/
@media screen and (max-width: 1440px) { 

    
/************************************************************************************
new plan css
*************************************************************************************/
.nplanoffertabfrcol1 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol1en { left: -2px;top: -61px;font-size: 18px; }
    
.nplanoffertabfrcol4 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol4en { left: -2px;top: -61px;font-size: 18px; }
    
}



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

    
/************************************************************************************
new plan css
*************************************************************************************/
.nplanoffertabfrcol1 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol1en { left: -2px;top: -61px;font-size: 18px; }
    
.nplanoffertabfrcol4 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol4en { left: -2px;top: -61px;font-size: 18px; }
    
.nplanpricedataspace { width: 12px; }
    
}


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

.planheightspace { clear: both; height: 140px;}
    
/************************************************************************************
new plan css
*************************************************************************************/
.nplanoffertabfrcol1 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol1en { left: -2px;top: -61px; font-size: 18px; }
    
.nplanoffertabfrcol4 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol4en { left: -2px;top: -61px;font-size: 18px; }
    
.nplanpricedataspace { width: 16px; }
    
}


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

    
/************************************************************************************
new plan css
*************************************************************************************/
.nplanpricedataspace { width: 12px; }
    
.nplanoffertabfrcol1 { left: -2px;top: -61px;font-size: 17px; }
.nplanoffertabfrcol1en { left: -2px;top: -61px; font-size: 17px; }
    
.nplanoffertabfrcol4 { left: -2px;top: -61px;font-size: 17px; }
.nplanoffertabfrcol4en { left: -2px;top: -61px;font-size: 17px; }
    
    
}


/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
	
    
/************************************************************************************
new plan css
*************************************************************************************/
.nplanpricedataspace { width: 10px; }
    
    
    
/************************************************************************************
tabmainland
*************************************************************************************/
.tabmainlandkv { width: 200px; }    
.tabmainlandkv2 { width: 200px; }    

    
    
    
.planoffer1btxt { width: 82%; }
.plantopup5gtxtframe { width: 70%; }
.planofferpriceframeen { width: 25%; }
.planofferinfoframeen { width: 72%; }

    
.mbideatxt { width: 56%; }
.mbrwbtnframe { width: 34%; }
.mbrwbtn { font-size: 18px; }
.mbrwbtnen { font-size: 16px; }
.mbrwimg { width: 90px;vertical-align: -18px; }

.frameplancol2 { width: 48%; }
    
.fpoffertitle { font-size: 24px !important; }

    
    
/************************************************************************************
online sub
*************************************************************************************/
.onsubtablewidth { width: 90%; min-width: 90%; }
    
    
    
/************************************************************************************
tnc page
*************************************************************************************/
.tncoffercol1 { width: 15%; }
.tncoffercol2 { width: 85%; }

    
/************************************************************************************
k11
*************************************************************************************/
.kfree { width: 46px;top: -8px;left: -70px; }
    
    
/************************************************************************************
new 5ghsvbundle
*************************************************************************************/
.bundleframe { width: 24%;height: 360px;padding: 15px;  }
.bundletxt { font-size: 12px; }

    
    
    
/************************************************************************************
mbpt
*************************************************************************************/
.mbptqes { width: 90%;padding: 30px 15px; }
.mbptfaqans { width: 94% }    
    
    
/************************************************************************************
jabso
*************************************************************************************/
.jafreetxtframe { margin: 27px 0px;}
.jaframefreeitemspace { margin-top: 110px; }
    
    
/************************************************************************************
5gplannew
*************************************************************************************/
.mthframetxt { font-size: 12px; }
.optframetxt { font-size: 12px; }
.cpframetxt { font-size: 12px; }
.cpprice { font-size: 20px }
.optdetailtxt { font-size: 12px; }

    
/************************************************************************************
5gbb
*************************************************************************************/
.p3mainphotoframebb { height: 430px; }
.p3mainphotoframebben { height: 470px; }
.popuprouterframeL { left: -20px; }   
.popuprouterimg { width: 120px;height: 120px; }
.plantabiconimg { width: 50px; }
.bbheader { font-size: 36px; padding: 0px 0px 15px 0px; }
.bbheaderen { font-size: 30px; padding: 0px 0px 15px 0px; }
.liveupremarktxt { width: 90%; }
.liveupremarktxten { width: 90%; }
.liveboxtitle { font-size: 32px; }
.liveboxtitleen { font-size: 28px; }

    
/************************************************************************************
3withu
*************************************************************************************/
.wupagefooter { width: 100%; }
.topmenutxtlink { font-size: 16px; }
.iconwtapp { width: 28px; }

    
/************************************************************************************
table
*************************************************************************************/
.set1table { font-size: 16px; }
.set1tableL { padding: 8px 6px; }
.set1tableR { padding: 8px 6px; }
.set1tabless { font-size: 12px; }
    
    
/************************************************************************************
staycation
*************************************************************************************/
.tablestyct { width: 96%; }
.styct36mthheight { height: 270px; }
.styct24mthheight { height: 170px; }
    
    
/************************************************************************************
form new style
*************************************************************************************/
.formheader { width: 96%; }
.forminput {width: 96%; }
.formplanhsframe { width: 31.9% }
.formhsimg { width: 180px; } 
.forminput2 { white-space: inherit; }
.lablplanspace { display: none; }
.lablplanbutwidth { margin-bottom: 10px; }
    
    
/************************************************************************************
plan
*************************************************************************************/
.plandataframe1 { width: 35%; }
.plandataframe2 { width: 55%; }
	
	
/************************************************************************************
offer plan
*************************************************************************************/
.simstep { width: 24%;font-size: 16px;padding: 10px 10px; }
.simstepicon { width: auto;height: 100px; }
.simsteparrow { width: 2%;padding: 10px 0px; }
	
	
/************************************************************************************
scroll tab menu
*************************************************************************************/
.linkTabsRow{ max-width: 90%; }
.prevArrow{left: -3%;}
.nextArrow{right: -3%;}
	

/************************************************************************************
5G
*************************************************************************************/
.tableoff5g { font-size: 14px; }
.tableoff5g3b { font-size: 14px; }
.frame5gtpitem { width: 32%; }
	
	
	
.topmainsliderpc { height: 350px; }
.topmainsliderpc2 { height: 350px; }
	
.pagetablewidth { width: 96%; }
.plantablewidthcol1 { width: 96%; }
.plantablewidthcol2 { width: 96%; }
.plantablewidthcol2new { width: 96%; }
.plantablewidthcol3 { width: 96%; }
.plantablewidthcol3new { width: 96%; }
.plantablewidthcol4 { width: 96%; }
.plantablewidthcol5 { width: 96%; }
.plantablewidthcol6 { width: 96%; }
.freeimg { height: 170px; }
.tableoff { font-size: 14px; }
	
.plnoptionframe { width: 18.5%; }
.plnoptionbannertxt { font-size: 12px; }
.plnoptionbannertxten { font-size: 12px; }
	
.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: 13px; }
.spectitletd { font-size: 13px;padding: 8px 6px; }
.speccontenttd { font-size: 13px;padding: 8px 6px; }
.framefreeitem {width: 48.5% }	
.dbsframefreeitem {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;
}
	
	
	
/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton { height: 55px; }
.logo3d { width: auto;height: 35px; }
.languageicon { padding-top: 20px; }
.toporderbut { font-size: 16px;padding: 20px 20px; }
#topheight { clear: both;height: 55px; }
	
.frameplantitle { font-size: 12px; }
	
}



/************************************************************************************
smaller than 820
*************************************************************************************/
@media screen and (max-width: 820px) {
    
.nplanpricedata { font-size: 25px; }
.nplanpricedatatitle { font-size: 12px; }
    
    
}






/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 767px) {
.whatsapp-button-container { bottom: 9.5% !important; }
}


/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
	
/************************************************************************************
5G live up
*************************************************************************************/
.liveupphotocol2 { width: 280px;height: 370px; }
.liveupphotocol2en { width: 280px;height: 405px; }
    
    
    
/************************************************************************************
k11
*************************************************************************************/
.kfree { width: 32px;top: -5px;left: -40px; }
	
/************************************************************************************
casetify
*************************************************************************************/
.ctyfree { width: 46px;top: -2px;left: -50px; }
    
    
/************************************************************************************
blackvue
*************************************************************************************/
.bvcol2plus { width: 100%;margin: 10px 0px; }
.bvlisttable { padding: 16px 70px !important; }
.bvlistL { width: 15%; }
.bvlistR { width: 84%; }
    
    
/************************************************************************************
new 5ghsvbundle
*************************************************************************************/
.bundleframe { width: 22%;height: 360px;padding: 15px;  }
    
    
/************************************************************************************
jabso
*************************************************************************************/
.jatitle1 { font-size: 56px; }
.jatitle2 { font-size: 44px; }
    
.jaframefreeitem { width: 49.5%; }
.jaframefreeitemspace { margin-top: 95px; }
.jafreetxtframe { margin: 9px 0px; } 
.jaoffertitle { font-size: 20px; }
    
    
/************************************************************************************
5gbb
*************************************************************************************/
.p3mainphotoframebb { height: 370px; }
.p3mainphotoframebben { height: 420px; }
    
/************************************************************************************
3withu
*************************************************************************************/
.topmenutxtlink { font-size: 12px; }
.offericonframe { width: 22%; }
.iconwtapp { width: 24px; }
.wulanguageicon { width: 30px; }
    
    
/************************************************************************************
form new style
*************************************************************************************/
.formtoR { text-align: left; }    
.formplanhsframe { width: 31.5%;font-size: 12px; }
.formhsimg { width: 130px; } 
    
/************************************************************************************
plan
*************************************************************************************/
.plandataframe1 { width: 35%; }
.plandataframe2 { width: 55%; }
	
/************************************************************************************
top banner hide
*************************************************************************************/
.topbanner { top: 60px; }
	
/************************************************************************************
5G
*************************************************************************************/
.tableoff5g { font-size: 14px; }
.tableoff5g3b { font-size: 14px; }
.frame5gplantitle { font-size: 16px; }
.frame5gtpitem { width: 47%; }

.newsupremetabon {   }
	
	
.infopt { font-size: 12px; }
	
.spectab { font-size: 20px; }
.spectabimg { padding: 7px 0px 0px 0px; }
.spectabimg2 { padding: 7px 0px 0px 0px; }
	
	
.tabon { font-size: 14px;padding: 10px 15px; }
.taboff { font-size: 14px;padding: 10px 15px; }
.supremetabon { font-size: 14px;padding: 10px 15px; }
.supremetaboff { font-size: 14px;padding: 10px 15px; }
.hsprice1 { font-size: 32px;padding: 30px 0px; }
.hsprice1bold { font-size:130%; }
.hsprice2 { font-size: 25px; }
	
.topmainsliderpc { height: 280px; }
.topmainsliderpc2 { height: 280px; }
	
.framehsmain2 { padding: 15px 0px; }
.framehsmain2new { padding: 15px 0px; }
.framehsmain2new2 { 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: 12px;padding: 25px 16px; }
.freeimg { height: 140px; }
.freegreytxt { font-size: 14px;padding: 10px 0px; }
.hstitle { font-size: 26px; }
.hstitle2 { font-size: 22px; }
.hstitleicon1 { font-size: 12px;padding: 7px 0px; }
.hstitleicon2 { font-size: 12px;padding: 7px 0px; }
.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; }
	
.plantablewidthcol1 { width: 100%; }
.plantablewidthcol2 { width: 100%; }
.plantablewidthcol2new { width: 100%; }
.plantablewidthcol3 { width: 100%; }
.plantablewidthcol3new { width: 100%; }
.plantablewidthcol4 { width: 1200px; }
.plantablewidthcol5 { width: 1500px; }
.plantablewidthcol6 { width: 1800px; }
.plantablescroll { width: 96%; overflow: scroll;-webkit-overflow-scrolling:touch;scroll-snap-type: x mandatory; }	
.frameplantitle { font-size: 14px; }
	
.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; }

	
/************************************************************************************
roaming
*************************************************************************************/
.mainpagepromocol1photo { background-image: url(space.png) !important;line-height: 0%; }
.mainpagepromocol1photomob { display: inline; }
	
	
/************************************************************************************

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


#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 {
}
    
	
	
.topupstep { width: 26px;height: 26px;font-size: 16px; }

.planofferul { font-size: 18px; }
   
.bktotopbutframe { width: 100%; }
    
.bbfortresslogo { height: 30px;vertical-align: -7px; }
    
    
	
/************************************************************************************
mb10x
*************************************************************************************/
.mbcontent { font-size: 18px; }
.mbpoptxt { font-size: 16px; }
.mbsubtxt { font-size: 20px; }

.mbstepfr { border-radius: 50px;padding: 20px 0px; }
.mbstepimgfr { width: 40%;padding: 6% 0% 0% 0%; }
.mbsteptxtfr { width: 80%;padding: 1% 0% 7% 0%;font-size: 18px; }
.mbsteparrow { width: 24px; }

	
.mboffertxtfr { width: 90% !important;padding: 10px 12px; }
.mboffertxtheader { font-size: 16px;width: 58px;height: 58px; }
.mboffertxt { font-size: 20px;/*width: 76%;*/ }

.mbstep2-container {
    grid-template-columns: 1fr;
    grid-gap: 10px;
}
.mbstep2arrowfr { margin-top: 0px; }
.mbstep2arrow { transform: rotate(90deg); }
.mbstep2txtfr { width: 90%;padding: 2% 0% 2% 0%;font-size: 22px;text-align: center;margin-top: 10px; }
.mbstep2contentfr { width: 80%; font-size: 18px;margin-top: 5px;border-radius: 30px;padding: 20px 20px; }
.mbstep2imgLfr2 { border-radius: 50px; }

.mbtotalfr { width: 86%; padding: 16px; }
.mbtotaltxt1 { font-size: 30px; }
.mbtotaltxt2 { font-size: 18px;padding: 20px 30px; }

.mbstep1txtfr1 { width: 90%;padding: 2% 0% 2% 0%;font-size: 18px;text-align: left;margin-top: 10px; }
.mbstep1txtfr2 { width: 90%;padding: 2% 0% 2% 0%;font-size: 18px;text-align: left;margin-top: 10px; }
.mbstep1arrowfr1 { margin-top: 0px; }
.mbstep1arrowfr2all { text-align: center; }
.mbstep1arrowfr2 { margin-top: 0px;margin: 0% 0% 0% 0%;padding: 10px 0px; }

.mbtxtcoin1 { width: 22px; }
.mbtxtcoin2 { width: 22px; }

	
	
/************************************************************************************
router
*************************************************************************************/
.ruimg { width: 100%; }
.ruimg-container {
    width: 90%;
}
.rutitle { font-size: 30px; }
.rutitleen { font-size: 28px;line-height: 120%;width: 90%; }
.rusubtitle { font-size: 24px; }
.rugifttitle { font-size: 20px; }
.ruiptitle { font-size: 24px; }
.ruip-container {
    grid-template-columns: 1fr;
}

.ruor { width: 32px;height: 32px;font-size: 18px; }
.rugifttxt { font-size: 16px; }
.rugifttxten { font-size: 16px; }

    
    
/************************************************************************************
HS
*************************************************************************************/
.hsheader { font-size: 22px;margin-bottom: 20px; }
.hssubtitle { font-size: 18px;margin-bottom: 5px; }
.hscontent { font-size: 16px;margin-bottom: 20px; }
.hsapp { width: 110px; }
.hsappframeL {  }
.hsappframeR { width: 100px; }

    
    
/************************************************************************************
floating btn
*************************************************************************************/
.fobannerfr { right: 3%; bottom: 1.5%; }
.fobanner { width: 130px;height: auto;display: inline-block; }
   
    
/************************************************************************************
popup faq
*************************************************************************************/
.pfheader { font-size: 24px; }
.pfsubtitle { font-size: 20px; }
.pfnotd { width: 7%; }
.pfqus { font-size: 18px; }
.pfans { font-size: 16px; }
.pfappicon { width: 30px;vertical-align: -8px; }
    
    
    
/************************************************************************************
promo
*************************************************************************************/
.pmmsgbox { width: 75%;padding: 10px 20px;margin: 20px 0px; }
.pmgiftbox { width: 76px;top: -32px;left: -24px; }
.pmmsgtxt { font-size: 20px;line-height: 120%; }
.pmmsgtxten { font-size: 20px;line-height: 120%; }

    
    

/************************************************************************************
plan 3steps
*************************************************************************************/
.planstepfr { width: 93%;border-radius: 24px;margin: 20px 0px 20px 0px;padding: 10px 10px; }
.plansteppic{ width: 22%;margin-bottom: 12px;vertical-align: middle; }
.plansteptxt { width: auto;font-size: 26px;margin-bottom: 12px;margin-right: 0%;vertical-align: middle; }
.plansteptxten { width: auto;font-size: 20px;margin-bottom: 12px;margin-right: 0%;vertical-align: middle; }
.planstepiconLfr { width: 100%; }
.planstepiconarrow { margin-top: 26px; }
.planstepiconimg { width: 64px; }
.planstepiconimgarrow { width: 12px; }
.planstepicontxt { font-size: 16px;margin-bottom: 5px; }
.planstepicontxten { font-size: 14px;margin-bottom: 5px; }
.plansteptitlespace { padding: 0px 0px 5px 0px !important; }
.planstepnofr { width: 22px;height: 22px;font-size: 16px;top: 0px;left: 0px; }

    
    
   
/************************************************************************************
JP plans
*************************************************************************************/
.jpplantablewidth { width: auto; }
.jpplantabletd1width { width: auto; }
.jpplantabletd2width { width: auto; }
.jpplantabletd3width { padding: 0px 0px !important;width: 220px; }
.jpplanheader { font-size: 24px; }
.jpplantable { font-size: 18px; }
.jpplantxtorg { font-size: 20px;width: 68px;margin: 5px; }
.jpplantxtdis { font-size: 30px; }
.jpplantxtcnmo { font-size: 16px; }
.jpplantablewidthscroll { width: 820px; }
    
.jpplancol2-container { grid-template-columns: 1fr;grid-gap: 0px; }

    
    
    
/************************************************************************************
VIDEO
*************************************************************************************/
.starvideocontainer { width: 90%; }

    
/************************************************************************************
new plan css
*************************************************************************************/
.nplancol1-container {
    width: 98%;
    margin: 50px 0px 30px 0px;
}
    
.nplancol2-container {
    grid-gap: 12px;
    width: 660px;
    margin: 50px 30px 30px 30px;
}
    
.nplancol3-container {
    grid-gap: 12px;
    width: 1000px;
    margin: 50px 30px 30px 30px;
}
    
.nplancol4-container {
    grid-gap: 12px;
    width: 1350px;
    margin: 50px 30px 30px 30px;
}

.nplancol4-containeronline {
    grid-gap: 0px 12px;
    width: 1350px;
    margin: 0px 30px 30px 30px;
}

.nplancontainertopen { margin-top: 50px; }

.nplancolframe { width: 96%;height: auto;display: inline-block;border: 2px #774fda solid;padding: 4px;border-radius: 8px;scroll-snap-align: center;box-shadow: 0px 14px 20px #00000017; }
.nplancolframeoffer { border-top-left-radius: 0px; }
.nplanpricedata { font-size: 46px; }
.nplancolframetab { border-top-left-radius: 0px; }
.nplanpricedatatitle { font-size: 14px;white-space: nowrap; }
.nplanpricedataspace { width: 20px; }
    
.nplanoffertabfrcol1 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol1en { left: -2px;top: -61px;font-size: 18px; }
    
.nplanoffertabfrcol4 { left: -2px;top: -61px;font-size: 18px; }
.nplanoffertabfrcol4en { left: -2px;top: -61px;font-size: 18px; }
        
.nplanofferticktxt { width: 73%; }
.nplanoffertick { width: 12%; }

.nplanpopheader { font-size: 24px; }
.nplanpopcontent { font-size: 18px; }

    
    
/************************************************************************************
tabmainland
*************************************************************************************/
.tabmainlandkv { width: 25%;top: 67%;filter: drop-shadow(1px 1px 6px #fff); }    
.tabmainlandkv2 { width: 17%;top: 2%;left: inherit;right: 3%;filter: drop-shadow(1px 1px 6px #fff); }    
.tabmainlandblock { width: 20%; }    
.hmptul { padding-bottom: 20px !important;font-size: 18px !important; }

    
/************************************************************************************
fortress prestige
*************************************************************************************/
.hs5gtxtsm { font-size: 14px; }
.fpoffertitle { font-size: 22px !important; }
.planrouterrentfr { width: 70%; }
    
    
/************************************************************************************
3business
*************************************************************************************/
.bnsrouterframe { width: 140px; }
.bnsroutertxt { font-size: 18px; }
.bnscontactustitle { font-size: 26px;margin-bottom: 15px; }
.bnsmthtxt { font-size: 16px; }
.bnsmthfrtxt { font-size: 16px;padding: 7px 18px;margin-top: 5px; }

.bnsvideoframe { width: 80%; }
.bnshome-containercol2 {
    grid-gap: 20px;
    width: 620px;
    margin: 50px 30px 30px 30px;
}

.bnshomeplantitle { font-size: 24px; }
.bnshomeplansubiconfr { width: 70%; }
.bnshomeplansubicontxt { font-size: 20px; }
    
.bnsplanpop01 { width: 86px;left: 0px;top: -44px; }

    
    
    
/************************************************************************************
online sub
*************************************************************************************/
.onsubtablewidth { width: 90%; min-width: 90%; }
.onsubbannertxt { font-size: 18px;margin-top: 5px; }
    
    
/************************************************************************************
tnc page
*************************************************************************************/
.tncheader { font-size: 24px;margin: 10px 0px 30px 0px; }
.tncoffertxt { font-size: 18px;margin-bottom: 15px; }
.tncoffercol1 { width: 28%; }
.tncoffercol2 { width: 72%; }
    
    
/************************************************************************************
Flash offer css
*************************************************************************************/
.fotoptxt { width: 90%;text-align: left;font-size: 18px; }
.fotopbtnframe { right: 1.5%; top: 30%; }
.fotopbtnen { font-size: 16px; }

    
/************************************************************************************
JP css
*************************************************************************************/
.jpsubheader { font-size: 22px; }
.jpofferpdtfr { width: 96%;margin-top: 20px;padding: 20px 0px; }
.jpnumber { width: 32px;height: 32px;font-size: 20px; }

    
/************************************************************************************
JP router
*************************************************************************************/
.jprfrLcontainer { width: 96%;margin-top: 0px; }
.jprfrRcontainer { width: 96%;margin-top: 0px; }
.jprfrL { height: auto; }
.jprfrR { height: auto; }
.jprfrand { width: 96%;font-size: 30px;margin: 15px 0px; }
.jprheader { font-size: 24px; }
.jprpricetxt { font-size: 20px; }
.jprpricecrstxt { font-size: 20px; }
.jprpriceboldtxt { font-size: 38px; }
.jprpricefreetxt { font-size: 32px; }
.jprpricefreeboldtxt { font-size: 50px; }
.jprpdtimg { height: 160px; }
.jprpdttxt { font-size: 16px; }
.jprpdtpricetxt { font-size: 20px; }
.jprpdtorgpricetxt { font-size: 14px; }
    
    
    
/************************************************************************************
5gmultisim
*************************************************************************************/
.mtsimbtn { font-size: 14px; }
    
    
/************************************************************************************
ecv
*************************************************************************************/
.ecvmblogo { width: 120px;vertical-align: -18px; }
.ecvmbtxt { font-size: 18px; }
.ecvmbofferframe { padding: 24px 0px; }
.ecvmboffertitle { font-size: 24px; }
.ecvmbofferpdtframe { width: 90%;margin: 0px 5px 20px 5px; }
.ecvmbofferheader { font-size: 18px; }
.ecvmbdetailtxt { font-size: 24px; }
.ecvmbdetailappicon { width: 40px;vertical-align: -10px; }
.ecvplantxt { font-size: 22px; }

.ecvpricepopup { font-size: 12px; }

    
/************************************************************************************
addon
*************************************************************************************/
.addongiftframe { width: 98%; }
    
    
    
/************************************************************************************
5G live up
*************************************************************************************/
.liveupoffermaintxt { font-size: 20px; }
.liveupnetplusicon { width: 40px;vertical-align: -12px; }
.liveupoffertxt { font-size: 18px; }
.liveupplancolspace { margin: 5px 8px; }
.liveuptitle { font-size: 24px;margin-bottom: 15px; }
.liveupphtitle { font-size: 24px; }
.liveupphtxt { font-size: 18px; }
.liveupphotocol2 { width: 320px;height: 405px;margin: 0px 0px 20px 0px; }
.liveupphotocol2en { width: 320px;height: 425px;margin: 0px 0px 20px 0px; }
.liveupphotocol3 { width: 46%;margin: 0px 5px 20px 5px; }
   
.liveupiconimg { width: 130px; }
.liveupicontxt { font-size: 18px;text-align: center; }

    
/************************************************************************************
k11
*************************************************************************************/
.kdollar { width: 44px; }
.kdollarpttxt { font-size: 42px; }
.kfree { width: 46px;top: -10px;left: -64px; }
.kplanofferH { height: 190px; }
.kplanofferHen { height: 200px; }

.kipframe { width: 90%;padding: 20px 10px;margin: 0px 0px 30px 0px; }
.kiptxt { width: 58%;font-size: 20px; }
.kipdor { width: 40%;font-size: 18px; }
.kipdoren { width: 40%;font-size: 14px; }
.kipkicon { width: 34px;vertical-align: -4px; }
.kipktxt { font-size: 36px; }

.kstepcontainer { width: 90%;padding: 15px 10px;margin: 20px 0px 0px 0px; }
.kstepframe { width: 98%; }
.ksteparrowframe { width: 100%;margin-top: 15px;margin-bottom: 0px; }
.kstepimg { width: 30%; }
.ksteptxt { font-size: 18px; }
.ksteparrow { width: 15px;transform: rotateZ(90deg); }
    
    
    
/************************************************************************************
casetify
*************************************************************************************/
.ctyoffertitle { font-size: 26px; }
.ctyoffertxt { font-size: 20px; }
.ctyfree { width: 46px;top: -6px;left: -60px; }
.ctyplanofferH { height: 160px; }
.ctyplanofferHen { height: 160px; }
.ctydatabold { font-size: 26px; }
.ctyplanpadding { padding: 15px 0px !important; }
    
.ctycaseframe { width: 40%;margin: 0px 5px 30px 5px; }
.ctycaseimg { width: 100px; }
.ctycasetxt { font-size: 16px; }
    
.ctylocframe { width: 90%;margin-top: 10px;text-align: left; }
.ctylocbut { font-size: 16px;width: 150px;padding: 10px 0px; }
.ctyloctxt { font-size: 16px;padding: 5px 0px 10px 0px;margin-left: 0px; }
.ctylocbuten { font-size: 16px;width: 180px;padding: 10px 0px; }
.ctyloctxten { font-size: 16px;padding: 5px 0px 10px 0px;margin-left: 0px;width: 100%; }

.ctymbcaseframe { width: 100%;margin-bottom: 20px; }
.ctymbcaseimg { width: 120px; }
.ctymbcasetxt { font-size: 16px; }
    
.ctymbframe { width: 100%; }
.ctymbbutframe { width: 88%;margin: 8px 0px; }
.ctymbbut { width: 100%;font-size: 20px; }
.ctymbbuttxt { font-size: 20px; }
.ctymbicon { width: 30px; }

    
    
/************************************************************************************
new 5ghsvbundle
*************************************************************************************/
.bundleframeor { width: 100%;font-size: 24px;margin: 10px 0px; }
.bundleframe { width: 86%;height: auto;padding: 15px 10px;  }
.bundletxt { font-size: 14px; }
    
    
/************************************************************************************
blackvue
*************************************************************************************/
.bvlogo { height: 30px;vertical-align: -3px; }
.bvlogoz1 { height: 30px;vertical-align: -7px; }
.bvphotocol3 { width: 94%;margin: 0px 0px 40px 0px; }
.bvplanwidth { width: 100% !important; }
.bvcol2a { width: 100%; }
.bvcol2b { width: 100%; }
.bvcol2plus { width: 100%;margin: 10px 0px; }
.bvwaimg { height: 36px;vertical-align: -12px; }
.bvhottxt { width: 75%; }
.bvsubtitle { font-size: 20px; }
.bvsubtitleen { font-size: 20px; }
.bvtitle { font-size: 30px;margin-bottom: 10px; }
.bvtitleen { font-size: 30px;margin-bottom: 10px; }

.contentcol2video { width: 100%;margin-bottom: 10px; }
.contentcol2videospace { display: none; }
    
.bvlisttable { padding: 10px 10px !important; }
.bvlisttitle { font-size: 18px;margin-bottom: 10px; }
.bvlistL { width: 20%;font-size: 16px; }
.bvlistR { width: 79%;font-size: 16px; }
.bvlistplus { padding: 0px 0px 0px 0px !important; }

    
/************************************************************************************
FinSIM
*************************************************************************************/
.photocol2 { width: 90%;margin: 10px 0px 30px 0px; }
.photocol3 { width: 90%;margin: 0px 0px 15px 0px; }
.finphtitle { font-size: 22px;margin: 8px 0px; }
.finphtxt { font-size: 16px;height: auto; }
.finsubtitle { font-size: 20px; }
.finicontxt { font-size: 16px;text-align: center; }
.finicontxtjustify { text-align: justify; }
    
.finappframe { width: 96%;margin: 30px 0px 30px 0px; }
.finapptitle { font-size: 18px; }
.finappdlframe { width: 96%;margin: 0px 0px;padding: 15px 0px; }
.finappdlframeline { border-right: none;border-bottom: 2px #dbdbdb solid; }
.finappdlicon { width: 18%;display: block;margin-right: 0px;margin-bottom: 10px; }
.finappstoreicon { width: 30%;height: auto;display: inline-block;vertical-align: middle; }

.finpoptitle { font-size: 22px;margin-bottom: 10px }
.finpopcontent { font-size: 16px; }
.finpopul { width: 90%;padding-left: 15px; }
.finpopli { font-size: 16px; margin: 8px; }
.finpopstoreicon { width: 30%; }

.tabbut1 { font-size: 13px; }
.tabbut2 { font-size: 13px; }

    
/************************************************************************************
IN3 table
*************************************************************************************/
.border-gradient { border: 6px solid;border-image-slice: 1;border-width: 3px; }
.border-gradient-purple { /*border-image-source: linear-gradient(to left, #01acbd, #e5007f);*/ }
.in3tbtitleframe { width: 97%;margin-top: 20px;padding: 8px 0px; }
.in3tbcontentframe { width: 97%;margin-bottom: 0px;border-top: none; }
.in3tbtitleiconframe { top: -25px;left: 6%;width: 80px; }
.in3tblogo { width: 60px;vertical-align: -5px; }
.in3tbtitle { font-size: 24px; }
.in3tbcol3 { width: 100%;height: auto;float: none;border-right: none;border-bottom: 3px #000 solid;padding: 8px 0px 8px 0px; }
.in3tbborder { border-right: none;border-bottom: none; }
.in3tbicon { width: 30px;vertical-align: middle; }
.in3tbicontitle01 { width: 80%;font-size: 18px;margin-bottom: 6px;text-align: left;vertical-align: middle; }
.in3tbicontitle02 { width: 80%;font-size: 18px;margin-bottom: 6px;text-align: left;vertical-align: middle; }
.in3tbicontitle03 { display: none; }
.in3tbicontitle03mob { width: 90%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%;color: #eb0081;margin-top: 0px;text-align: left; }
.in3tbpulldown { width: 90%;height: auto;display: inline-block; }
.in3tbprice { width: 90%;font-size: 60px;margin-bottom: 10px;text-align: left; }

/* Step 2b */
.in3tbcol3{display:inline-block;}
.in3rebate_remarks{text-align: left;width: 90%;padding: 0px 10px;}
/* Step 2b End */
    
    
/************************************************************************************
mbpt
*************************************************************************************/
.mbptcontent { font-size: 18px; }
.mbpteximg { width: 60px;vertical-align: 0px;margin: 10px 0px 0px 10px;transform: rotate(90deg)}
.mbptofferimg { height: 40px; }
.mbptofferimg2 { height: 20px; }
.mbptbuttxt { font-size: 18px;width: 96%;  }
.mbptfaqtitle { font-size: 16px;margin-bottom: 6px;line-height: 120%; }
.mbptfaqans { font-size: 16px;width: 96%;margin-bottom: 30px;margin-left: 18px;line-height: 120%; }
.mbptsteptxt { font-size: 16px; }
    
.mbpticonframe { width: 60%; }
.mbpticonframeplus { width: 100%;font-size: 30px;margin: 10px 0px 10px 0px; }
.mbpticonimg { width: 60%; }
.mbpticontxt { font-size: 16px; }
.mbpticontxtbold { font-size: 22px; }
.mbpticontotaltxt { width: 90%;font-size: 20px;padding: 10px 0px;margin: 20px 0px; }

.mbptqes { width: 90%;padding: 30px 15px; }
.mbptlogoframe { width: 60%; }
.mbptlogoframeor { width: 100%;font-size: 20px;margin: 10px 0px 10px 0px; }
.mbptqtitle { font-size: 22px;margin-bottom: 10px; }
.mbptqcontent { font-size: 16px; }
    
.mbidea { width: 96%; padding: 12px 5px; }
.mbideaimg { width: 10%;vertical-align: top; }
.mbideatxt { font-size: 14px;width: 88%;vertical-align: top;margin-bottom: 10px; }

.mbrwbtnframe { width: 96%; }
.mbrwbtn { font-size: 18px; }
.mbrwbtnen { font-size: 16px; }
.mbrwimg { width: 110px;vertical-align: -18px; }

    
/************************************************************************************
scb
*************************************************************************************/
.scbplanor { width: 100%;font-size: 24px;margin-top: 0px;margin-bottom: 10px; }
.scbplanprice { font-size: 48px; }
.scbpriceL { margin-bottom: 10px; }
.scbplanpriceplus { font-size: 26px;margin: 5px 0px 0px 0px;width: 100%; }
.scbplanboldtxt { font-size: 28px; }
.offerphone { width: 40%; }
.offerphoneplus { margin-top: 80px; }
.offerphonetxt { font-size:16px; }

    
/************************************************************************************
jabso
*************************************************************************************/
.jatitle1 { font-size: 28px; }
.jatitle2 { font-size: 24px;margin: 0px 0px; }
.jasubtitle { font-size: 22px;margin: 8px 0px; }
.jacontent { font-size: 16px; }
    
.jaframefreeitem { width: 99%;margin-bottom: 10px;float: none; }
.jaframefreeitemspace { width: 99%;font-size: 30px;float: none;margin-top: 0px;margin-bottom: 10px; }
.jatimebold { font-size: 20px !important; }
.jaframefreeitemRborder { border-right: #dbdbdb 2px solid; }
.jaframefreeitemLborder { border-left: #dbdbdb 2px solid; }
   
.japopcol2 { width: 44%;margin: 0px 5px; }
.japoptitle { font-size: 22px; }
    
    
/************************************************************************************
5gplannew
*************************************************************************************/
.mthframetxt { font-size: 14px; }
.optframetxt { font-size: 14px; }
.cpframetxt { font-size: 14px; }
.cpprice { font-size: 24px }
.optdetailtxt { font-size: 14px; }
   
    
/************************************************************************************
5gbb
*************************************************************************************/
.bbheader { font-size: 30px; padding: 0px 0px 20px 0px; }
.bbheaderen { font-size: 28px; padding: 0px 0px 20px 0px; }
.p3mainphotoframebb { width: 84%;height: 360px;margin: 0px 8px;padding: 10px;border-radius: 20px; }
.p3mainphotoframebben { width: 84%;height: 480px;margin: 0px 8px;padding: 10px;border-radius: 20px; }
.liveboxtitle { font-size: 26px;margin: 0px 0px 5px 0px; }
.liveboxtitleen { font-size: 24px;margin: 0px 0px 5px 0px; }
.liveboxcontent { font-size: 16px;width: 90%; }
.liveboxcontenten { font-size: 16px;width: 90%; }
.popuprouterimg { width: 86px;height: 86px; }
.popuprouterframeL { bottom: -35px;right: -25px;left: inherit; }
.liveupremark2 { width: 88%; }
.liveupremarktxt { font-size: 16px; }
.liveupremarktxten { font-size: 16px; }
.videotxttitkle { font-size: 22px;width: 90%; }
.videotxttitkleen { font-size: 22px;width: 90%; }
.specpdtframe { width: 100%;padding-bottom: 20px; }
.specpdtframebb { width: 42%;margin: 0px 5px; }
    
    
/************************************************************************************
watsons
*************************************************************************************/
.tablewwtitle { font-size: 18px; }
.tablewwtxtframe1 { padding: 10px 0px; }
.tablewwtxtframe2 { width: 80%; }
.wwtitle { font-size: 14px; }
.wwdetailsframe2 { width: 92%; }
   
    
/************************************************************************************
staycation
*************************************************************************************/
.tablestyct { width: 96%; }
.tablestyctframecol2 { width: 100%; }
.tablestyctframecol3 { width: 100%; }
.tablestyctframespc { width: 100%;font-size: 18px;margin-top: 0px;padding: 10px 0px; }
.styct36mthheight { height: auto; }
.styct24mthheight { height: auto; }
.stycttitle { font-size: 18px; }
.styctpt { font-size: 14px; }
    
    
/************************************************************************************
3withu
*************************************************************************************/
.offerframe { padding: 20px 0px 10px 0px; }
.offericonframe { width: 40%;font-size: 16px;margin: 0px 0px 20px 0px; }
.offericonimg { width: 90px;height: auto;display: inline-block; }
.regtxt { font-size: 16px;margin-top: 16px; }
.iconwtapp { width: 18px; vertical-align: -5px; }
.topwtappbut { font-size: 18px;padding: 10px 20px; }
.butwidth1 { width:150px;margin-bottom: 20px; }
.butwidth2 { width:270px; }
.topmenutxtlink { font-size: 12px;margin-right: 0px;margin-top: 16px;line-height: 100%; }
.wupagefooter {
    width: 100%;
	padding: 10px 0px 70px 0px;
}
.wucopyright {
	width: 100%;
	text-align: center;
    line-height: 200%;
    padding: 0px;
}
.wuchlogo {
	float: none;
	padding: 10px 0px 0px 0px;
    width: 100%;
    height: auto;
    text-align: center;
}
    
.wulanguageicon { width: 34px;vertical-align: 0px;margin-left: 0px;margin-top: 3px; }

    
    
    
/************************************************************************************
square VIDEO
*************************************************************************************/
.sqstarvideocontainer {
    width: 100%;
    padding-bottom: 100%;
}
    
    
/************************************************************************************
cfc
*************************************************************************************/
.cfcchaticon { width: 24px; }
.cfccol2a { width: 140px; }
.cfccol2b { width: auto;margin-left: 10px; }

    
/************************************************************************************
hkuk
*************************************************************************************/
.hkukofferframe { width: 70%; }
.hkukofferframeen { width: 75%; }
.hkukgliconframe { width: 100%;vertical-align: top; }
.hkukgltitleframe { font-size: 16px;vertical-align: top; }
    
    
/************************************************************************************
5G student sim
*************************************************************************************/
.datatxtfreeuse { font-size: 15px; }
.stdsimdataframe1 { width: 30%; }
.stdsimdataframe2 { width: 2%; }
.stdsimdataframe3 { width: 48%; }
.stdsimpdtwidth { width: 48% !important; }
    
    
/************************************************************************************
5g google
*************************************************************************************/
	
.framegoogleitem1 { width: 97%;margin: 0px 0px 10px 0px; }
.framegoogleitem2 { width: 47%;margin: 0px 6px 10px 0px;height: 160px; }
.framegoogleitem2en { width: 47%;margin: 0px 6px 10px 0px; }
.framegoogleitem { width: 98%;float: none; margin: 0px 0px 10px 0px; }
.framegoogleitemframe1 { width: 100%; }
.framegoogleitemframe2 { width: 100%; }
	
.googleiconimg { height: 40px;padding: 35px 0px 0px 0px; }
.googleiconimg2 { height: 24px;padding: 10px 0px; }
.googleiconimgtxt { font-size: 16px;height: auto; }
.googleoffertxt { font-size: 20px;height: auto; }
.googleoffertxt2 { font-size: 16px; }
.googleoffertxtL { font-size: 40px; }
.googleoffertxten { font-size: 20px;height: auto; }
.googleoffertxten2 { font-size: 14px; }
.googleoffertxtLen { font-size: 30px; }
.framegoogle5ghs { width: 46%;margin: 0px 3px 10px 3px; }
.google5ghsimg { height: 100px;padding: 7px 0px 5px 0px; }
.hsdetailbut { font-size: 14px;margin: 3px 0px 3px 0px;padding: 8px 0px; }
.hsdetailbuten { width: 94%; font-size: 12px;margin: 3px 0px 3px 0px;padding: 8px 0px; }
.hsdetailsubtitle { font-size: 18px; }
    
    
    
/************************************************************************************
5g google
*************************************************************************************/
.framegoogle5ghs { width: 46%;margin: 0px 3px 10px 3px; }
.google5ghsimg { height: 100px;padding: 7px 0px 5px 0px; }
.hsdetailbut { font-size: 14px;margin: 3px 0px 3px 0px;padding: 8px 0px; }
.hsdetailbuten { width: 94%; font-size: 12px;margin: 3px 0px 3px 0px;padding: 8px 0px; }
.hsdetailsubtitle { font-size: 18px; }
.hscomingtxt { font-size: 18px;padding: 28px 0px; }
.hsvofferticktxtframe { width: 65%; }
    
/************************************************************************************
easytrade
*************************************************************************************/
.ettitle { font-size: 24px;margin-bottom: 10px; }
.ettitlesup { vertical-align: 15px; }
.etsubtitleip { font-size: 30px;margin: 10px 0px 15px 0px; }
.etsubtitleipen { font-size: 30px;margin: 10px 0px 15px 0px; }
.etsubtitle { font-size: 20px;margin-bottom: 15px; }
.etphonekvframe { margin-bottom: 20px; }
.etphonekvimg { width: 100%; }
.etphonestepframe { margin-bottom: 10px; }
.etphonestepimg { width: 100%; }
.ettable { font-size: 16px; padding: 6px 5px; }
.ettablecolor1 { color: #000;font-weight: bold !important; }
.ettablecolor2 { color: #000;background-color: #fff; }
.ettablenumber { width: 10%; }
.etul { padding-left: 20px; }
.etli { font-size: 16px; }
.etin3logopagetitle { height: 24px;vertical-align: -3px;margin: 0px 5px 0px 5px; }
.etin3logo { height: 35px;vertical-align: -7px;margin: 0px 8px 0px 5px; }
.etin3forlifelogo { height: 25px;vertical-align: -3px;margin: 0px 3px 0px 5px; }

    
    
/************************************************************************************
hsbc 5G offer
*************************************************************************************/
.hsbcofdata { font-size: 26px; }
.hsbcofrowlocal { padding: 0px 0px 0px 0px; }

.hsbcpopcardframe { margin-top: 15px; }
.hsbcpopcardimg { width: 100%; }
.hsbcpopcontent { font-size: 16px;margin: 5px 0px; }
.hsbcpopcontenten { font-size: 14px;margin: 5px 0px; }
.hsbcpopinputframe { margin: 5px 0px; }
.hsbcpopinput { width: 90%; }
.hsbcpopinputtxttc { font-size: 14px; }
.hsbcpopinputtxten { font-size: 12px; }
.hsbcpopyesno { width: 10%;margin-top: 5px; }
.hsbcpopcheck { width: 100%;float: none;text-align: center;margin-top: 10px; }
.hsbcpopbut { font-size: 18px;line-height: 100%; margin: 0px 0px 0px 0px;padding: 10px 30px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.hsbcpopnormalframe { width: 100%;height: auto;display: inline-block;margin: 10px 0px 0px 0px;text-align: center; }
.hsbcpopbutverftc { font-size: 14px; }
.hsbcpopbutverfen { font-size: 12px;padding: 10px 5px; }

    
/************************************************************************************
citi
*************************************************************************************/
.citiplanprice { font-size: 38px;margin-top: 10px; }
.citiofferdatatxt { font-size: 20px;margin-top: 5px !important; }
.citipopoffer { width: 100%; }

.citiplanpriceplus { font-size: 26px;margin: 5px 0px 0px 0px;width: 100%; }
.citiplanboldtxt { font-size: 28px;}    

.citiframefreeitem { width: 99%;margin-bottom: 10px;float: none; }
.citiframefreeitemspace { display: none; }
.citimblogo { height: 32px;vertical-align: -10px; }
.citiinfoimg { width: 100%; }
    

/************************************************************************************
dbs
*************************************************************************************/
.dbsplanprice { font-size: 38px;margin-top: 10px; }
.dbsofferdatatxt { font-size: 20px;margin-top: 5px !important; }
.dbspopoffer { width: 100%; }

.dbsplanpriceplus { font-size: 26px;margin: 5px 0px 0px 0px;width: 100%; }
.dbsplanboldtxt { font-size: 28px;}    
    
    
.dbsframefreeitem { width: 99%; }
.dbsframefreeitemspace { display: none; }
.dbsmblogo { height: 32px;vertical-align: -10px; }
.dbsinfoimg { width: 100%; }
    
.dbsplandollartxt { font-size: 26px; }
.dbsplandollarprice { font-size: 40px; }
.dbsplandollarsubtxt { font-size: 18px; }
    
.dbscardface { width: 100%;height: auto; }
.dbscardiconauto { width: auto;height: 80px; }
.dbscardinfoframe { width: 100%; }
.dbscardinfotitle { font-size: 18px; }
.dbscardinfocontent { font-size: 16px; }
.dbscardinfoicon { width: 100%;height: auto;display: inline-block; }

.dtapp { width: 70px; }
.dtqr { display: none }
.dtappdw { width: 100px;line-height: 220%; }
.dtspace { height: 10px}
    
    
/************************************************************************************
hsbc
*************************************************************************************/

.hsbcbut1 { font-size: 13px; }
.hsbcbut2 { font-size: 13px; }
    
.hsbcplanprice { font-size: 38px; }
.hsbcplanpriceinfo { font-size: 24px;margin: 25px 0px 10px 0px;  }
.hsbcpopoffer { width: 100%; }
.hsbcoffergb { font-size: 26px;margin-right: 30px; }
.hsbcofferdatatxt { font-size: 20px; }
.hsbcofferdatatxts { font-size: 22px; }
.hsbcofferdatatxtlabel { margin-top: 10px;font-size: 12px;padding: 5px 10px; }
.hsbcplanpriceplus { font-size: 40px;width: 100%;margin: 0px 0px;  }
    
.hsbcbannerframe { width: 99%; }

.hsbcplanrwm { font-size: 34px; }
.hsbcplanrwm2 { font-size: 20px;margin-top: 15px; }
.hsbcplanrw { font-size: 60px; }
.hsbcplanrwtxt { font-size: 28px;margin-top: 10px; }
.hsbcplanrwtxt2 { font-size: 28px;margin-top: 10px; }
.hsbcplanrwdd { font-size: 40px;margin: 0px 10px 0px 0px; }
.hsbcplanrworgprice { font-size: 30px; }
.hsbcplanrwtxt { font-size: 20px;margin-top: 10px; }

    
/************************************************************************************
form new style
*************************************************************************************/
.labl > input + div{ font-size: 14px; }
.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; }
    
.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; }
.formhsimg { width: 150px; } 
.forminput {width: 100%; }
.formplanhsframe4 { width: 23.5%;font-size: 12px; }
    
	
/************************************************************************************
plan
*************************************************************************************/
.planprccol2a { padding: 17px 0px; }
.plandataframe1 { width: 35%; }
.plandataframe2 { width: 55%; }
.hstitleonelineen { font-size: 18px !important; }
.frametitlestep { padding: 0px 0px 5px 0px; }
	
.planofferpriceframeen { width: 25%; }
.planofferinfoframe { width: 66%; }
.planofferinfoframeen { width: 72%; }

.plantopup5gtxtframe { width: 75%; }

.planoffer1btxt { width: 84%; }
    
    
	
/************************************************************************************
top banner hide
*************************************************************************************/
.topbanner { top: 51px; }
	
.simstep { width: 24%;display: inline-block;text-align:center;font-size: 14px;line-height: 120%;padding: 0px 5px; }
.simstepicon { width: auto;height: 70px; }
.simsteparrow { width: 2%;display: inline-block;text-align:center;padding: 0px 0px; }
	
.planarrowframe { position: relative; }	
.planarrowleftframe { width: auto;display: inline-block;left: 10px; top: 25% ;z-index: 99;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:25%;}
  to  { left:0px; top:25%;}
}
@-moz-keyframes aleft {
  from   { left:10px; top:25%;}
  to  { left:0px; top:25%;}
}
@-ms-keyframes aleft {
  from   { left:10px; top:25%;}
  to  { left:0px; top:25%;}
}
@-o-keyframes aleft {
  from   { left:10px; top:25%;}
  to  { left:0px; top:25%;}
}
@keyframes aleft {
  from   { left:10px; top:25%;}
  to  { left:0px; top:25%;}
}
	
.planarrowrightframe { width: auto;display: inline-block;right: 10px; top: 25%;z-index: 99;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:25%;}
  to  { right:0px; top:25%;}
}
@-moz-keyframes aright {
  from   { right:10px; top:25%;}
  to  { right:0px; top:25%;}
}
@-ms-keyframes aright {
  from   { right:10px; top:25%;}
  to  { right:0px; top:25%;}
}
@-o-keyframes aright {
  from   { right:10px; top:25%;}
  to  { right:0px; top:25%;}
}
@keyframes aright {
  from   { right:10px; top:25%;}
  to  { right:0px; top:25%;}
}
	
	
.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.12;  }
.downarrow5g { width: 50px;height: auto;display: inline-block;opacity: 0.4;  }
	
.planarrow { width: auto;height: 35px;opacity: 0.12; }
	
.cnyfreegiftframe { width: 96%; }
.cnyplanheader { font-size: 20px; }
.esttitletxt { font-size: 24px; }
.esttitletxten { font-size: 20px; }
.tmpheadlineprice { font-size:18px; line-height:120%; }
.tmpheadlinepriceen { font-size:20px; line-height:120%; }
.tmpheadlinepricesup { vertical-align: 10px; }
	
.planwidthlarge { width: 49% !important; }
.planwidthsmall { width: 49% !important; }
.planofferwidth { width: 98% !important; }
.supremetxt { font-size: 16px !important; }
	
.planoptionline { border-right: none;border-bottom: 2px solid #dbdbdb }
.planoptionspacetc { height: 159px; }
.planoptionspaceen { height: 164px; }
	
.planpop03 { width: 60px;top: 10px; left: 4%; }
.planpop04 { width: 60px;top: 10px; left: 4%; }
.planpop05 { width: 77px;top: -30px;right: -5px; }

    
.planoffermins { margin-top: 10px; }
	
	
.footer-nav2 {
    top: 52px;
}
	
.optiontickframebox { width: 40px;height: 60px;display: inline-block;vertical-align: top; }
.optionmonthtxt { font-size: 14px; }
	
.planheightspace { clear: both; height: 120px;}
.largetxt { font-size: 30px !important; }
.offerhltxt { padding: 5px 0px;font-size: 14px; }

	
	
/************************************************************************************
scroll tab menu
*************************************************************************************/
.linkTabsRow{ width: 96%; }
.linkTabsRow2{ width: 96%; }
	
	
/************************************************************************************
5G
*************************************************************************************/
.frameplan5gcol2 { width: 49%;scroll-snap-align: center; }
.tableoff5g { font-size: 14px; }
.tableoff5g3b { 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; }
	
.option5goffertxtframe { text-align: center;width: 70%;margin-left: 0px; }
.option5gtickicon { height: auto; }
.option5gtickicon { width: 100%;height: auto; }
.option5gtickframe { top: 0px; }
.option5gicon { height: 45px; padding: 0px 3px;vertical-align: -14px; }
.option5giconframe { padding: 0px 0px 5px 0px; }
.option5gtickframebox { width: 20%;margin-left: 25px; }
	
.title5glogo2 { height: 22px;vertical-align: -4px; }	

    
/************************************************************************************
roaming
*************************************************************************************/
.mainpagepromocol1 { width: 99%;margin-bottom: 25px; }
.mainpagepromocol1photo { width: 100%;height: auto;line-height: 0%;background-image: url(../images/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; }
	
	
	
/************************************************************************************
coverage
*************************************************************************************/
.spectab { font-size: 20px; }
.spectabtxt { width: 84%;padding-left: 14px; }
.spectabimg { padding: 0px 14px 0px 0px; }
.spectabimg2 { padding: 0px 0px 0px 0px; }
	

/************************************************************************************
location
*************************************************************************************/
.covertitle { width: 98%;padding: 3px;font-size: 15px; }
.coverloc { width: 20%;padding: 5px;margin: 3px 0px;font-size: 12px;line-height: 120% }
	
/************************************************************************************
3supreme
*************************************************************************************/
.offerlogo { height: 25px;vertical-align: -6px; }
.plantablescroll { width: 96%;overflow: scroll;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory; }
.newsupremetabon {  }
    
/************************************************************************************
getaway
*************************************************************************************/
.mtfaqtitle { font-size:16px;display: table-cell; }
.mtfaqans { font-size:14px; }	
.gttalkstepframe { width: 45%; font-size: 16px;padding: 10px 10px 10px 0px; }
.infopt { font-size: 16px; width: 99%;margin: 5px 0px; }
.infoptspace { display: none; }
.infoicon { width: 27.5%; margin-left: 8px;margin-right: 8px; }
    
.topuptxt3 { width: 76%; }

	
/************************************************************************************
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;
}
	
	
	
	
/************************************************************************************
content size
*************************************************************************************/
.contentset2 { font-size: 16px !important;padding-bottom: 15px; }
	
/************************************************************************************
col
*************************************************************************************/
.contentcol1 { font-size: 14px; }
.contentcol2 { width: 100%;font-size: 14px; }
.contentcol3 { width: 100%;padding-bottom: 20px; }

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

		
	
.pagetablewidth { width: 96%; }
.frametitle { padding: 12px 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%;position: relative; }
	
.topmainsliderpc2 { display: none; }
.topmainslidermob2 { 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%; }
.hstitle2 { font-size: 18px;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; }

.tabon { font-size: 12px;padding: 8px 10px; }
.taboff { font-size: 12px;padding: 8px 10px; }
.supremetabon { font-size: 12px;padding: 8px 10px; }
.supremetaboff { 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: 18px; }
.hsofferulen { padding: 25px 0px 0px 20px;font-size: 16px; }
.hsoffericon { width: 22px;vertical-align: -5px; }
.hsofferbut { padding: 4px 15px;margin-top: 0px; }
	
.tableoff { font-size: 14px; }
.plantablescroll { width: 96%; overflow: scroll;-webkit-overflow-scrolling:touch;scroll-snap-type: x mandatory; }	
.frameplancol1 { width: 100%; }
.frameplancol1full { width: 100%; }
.frameplancol2 { width: 47%;margin: 0px 4px; }
.plantablewidthcol1 { width: 100%; }
.plantablewidthcol1full { width: 100%; }
.plantablewidthcol2 { width: 240%; }
.plantablewidthcol2new { width: 680px; }
.plantablewidthcol3 { width: 880px; }
.plantablewidthcol3new { width: 960px; }
.plantablewidthcol4 { width: 1200px; }
.plantablewidthcol5 { width: 1500px; }
.plantablewidthcol6 { width: 1800px; }
	
.framehsmain2 { padding: 5px 0px; }
.framehsmain2new { padding: 0px 0px; }
.framehsmain2new2 { padding: 0px 0px; }
.framehsmain3 { padding: 15px 0px; }
.framehsoffer1 { padding: 15px 0px; }
.framehsoffer2 { padding: 10px 0px; }
.framehsoffer3 { padding: 3px 0px 10px 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; }
	
.spectitletd { font-size: 13px;padding: 8px 6px; }
.speccontenttd { font-size: 13px;padding: 8px 6px; }	
	
.tableremarkno { width: 4%; }
	
.toporderbut { font-size: 16px;padding: 18px 15px;display: none; }
	
.framehsothersmain1 { padding: 15px 0px; }
.hsothersframe { width: 100%;display: inline-block;float: left;padding-bottom: 10px; }
.hsothersframecol3 { 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; }
	
.frameinfophoto { width: 100%;text-align: center; }
.frameinfocontent { width: 100%; }
.infotitle { padding-top: 25px;width: 78%; }
	
.plnoptionbannertxt { font-size: 12px; }
.plnoptionbannertxten { font-size: 12px; }
	
	
.languageicon { padding-right: 15px; padding-top: 16px; }
.tmptable { font-size: 12px; }
.formtableframe { font-size: 14px; }
.formsectionheadline { font-size: 18px; }
.orderphoneimg { width: 100%; height: auto; }
	
.hsrow1 { padding-top: 10px; }
.hsrow1new { padding-top: 3px; }
.hsrow1databold { font-size: 26px;line-height: 120%; }
.hsrow1databoldnew { font-size: 26px;line-height: 120%; }
.hsrow2pricebold { font-size: 160%;line-height: 120%; }
.hsrow2priceboldnew { font-size: 160%;line-height: 120%; }
	
	
	
/************************************order button*************************************/
.pageorderbut { width: 98%; position: fixed; left: 1%; bottom: 1.2%;z-index: 99;padding: 18px 0px;border-radius: 0px;border-radius: 100px;box-shadow: 0px 15px 12px #545454; }
.pageorderbutsupreme { width: 100%; position: fixed; left: 0px; bottom: -1px;z-index: 99;padding: 18px 0px; }
	
	
/************************************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: 22px; }

.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 }
	
.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:-55px; display: block; }

#tmptableheadlineen { font-size:16px }

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

#formpagefooter {
	height: 70px;
    padding: 10px 0px 50px 0px;
}

#formpagefooteren {
	height: 70px;
    padding: 10px 0px 50px 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;
}


}