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

	
.n9offerheadline { font-size: 28px;padding-top: 40px; }
.n9offertable { width: 970px; }
	
	
.mofferframemain1 {width: 22%;}
	
.moyremark { width: 96%; }
	
.sectiontable { width: 980px; }
.kvtexttop { padding-top: 15px }
.kvtexttopen { padding-top: 10px }
.kvtexttitle { font-size: 20px;line-height: 120%; }
.kvtexttitleen { font-size: 15px;line-height: 120%; }
.kvtext { font-size: 12px; }
.kvtexten { font-size: 12px; line-height: 120%; }
    
.infobox { width: 15%; height: 180px; margin: 0px 8px; padding: 12px; }
.infoboxen { width: 15%; height: 180px; margin: 0px 8px; padding: 12px; }
.infoicon { padding-bottom: 10px }
.infotitle { font-size: 16px; }
.infotitleen { font-size: 14px; }
.infocontent { font-size: 14px;padding-top: 8px; }
	
.samplebox { width: 90%; }

.tablewidth { width: 100% }
.popuptablewidth { width: 950px }
.moypopuptablewidth { width: 950px }
	
.largetnc { font-size: 16px; }
.largetncen { font-size: 14px; }
.sampletdtitle { font-size: 16px; }
.sampletdtitleen { font-size: 14px; }
.sampletdcontent { font-size: 16px; }
.sampletdcontenten { font-size: 14px; }
	
	
.benefitstablewidth { width: 96% }
	
.tmpheadline1 { font-size:56px; letter-spacing: 7px; }
.tmpheadline2 { font-size:46px; letter-spacing: 5px; }
.mobileimg { width: 430px; height: 404px }
	
.qrcodeframe { width: 160px; height: 190px; background: rgba(255, 255, 255, 0.5); border-radius: 10px; text-align: center; float: left }
.qrcodesize { width: 100px; padding: 20px 0px 15px 0px }
.dlappsize { width: 120px }
.maincontenttable { width: 380px }
.tmpoffercontent { line-height: 160%; }
	
.appbottomspace { width:380px; clear:both; height: 90px; font-size: 16px; padding-top: 10px }

.infotablewidth { padding: 50px 0px 50px 0px }
.infotablewidth2 { padding: 50px 0px 50px 0px }
	
#tmpmainvisual { width: 100%; }
#tmpmainvisualen { width: 100%; }
#tmpmaincenter { padding: 0px 0px 0px 0px }
	
	
.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
}
	
	
}

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

.anametop { position:relative; top:-90px; display: block; }
	
	
.n9offertable { width: 710px; }
.n9offerheadline { font-size: 22px;padding-top: 15px; }
.n9offerhstitle { font-size: 13px; }
.n9offerhsorgprice { font-size: 12px; }
	
	
.mofferframemain1 {width: 21.3%;}
.mofferpricetxt { font-size: 13px; }	
	
.kvtexttitle { font-size: 18px;line-height: 120%; }
.kvtexttitleen { font-size: 18px;line-height: 120%; }
	
.sectiontable { width: 100%; }
.kvtext { width: 90%; display: inline-block; font-size: 16px; line-height: 120%; }
.kvtexten { width: 90%; display: inline-block; font-size: 14px; line-height: 110%; }
.kvtexttop { padding-top: 35px }
.kvtexttopen { padding-top: 15px }
	
.infobox { width: 13%; height: 170px; margin: 0px 8px; padding: 12px; }
.infoboxen { width: 16%; height: 170px; margin: 0px 2px; padding: 7px; }
	
.samplebox { width: 90%; margin: 10px 20px; }
.sampletitle { font-size: 24px; padding-bottom: 10px; }
.samplesubtitle { font-size: 18px; padding-bottom: 10px; padding-top: 20px; }
.samplesubtitleen { font-size: 18px; padding-bottom: 10px; padding-top: 20px; }
.sampletitlebox { width: 94%; padding: 50px 10px;}
.sampletdtitle { font-size: 16px; }
.sampletdtitleen { font-size: 14px; }
.samplecontentbox { width: 94%;padding: 50px 10px; }
.sampletdcontent { font-size: 16px; }
.sampletdcontenten { font-size: 14px; }
	

.languageicon { padding-right: 10px; padding-top: 0px; }
	
#topmainbutton {
	background-position: bottom;
  height: 85px;
}
	
	
.tmpheadline1 { font-size:36px; letter-spacing: 7px; }
.tmpheadline2 { font-size:26px; letter-spacing: 5px; }

.mobileimg { width: 320px; height: 300px }
	
.qrcodeframe { width: 130px; height: 150px; background: rgba(255, 255, 255, 0.5); border-radius: 10px; text-align: center; float: left }
.maincontenttable { width: 340px }
.maintablespace { padding-left: 10px }
.qrcodesize { width: 80px; padding: 15px 0px 10px 0px }
.dlappsize { width: 100px }
.tmpoffercontent { font-size: 16px; line-height: 140%; }
.tmpoffercontent1 { font-size: 12x; line-height: 140%; }
	
.appbottomspace { width:340px; clear:both; height: 60px; font-size: 14px; padding-top: 10px }
	
#tmpmainvisual { width: 100%; }
#tmpmainvisualen { width: 100%; }
#tmpmaincenter { padding: 0px 0px 0px 0px }

.infotablewidth { padding: 50px 0px 50px 0px }
.infotablewidth2 { padding: 50px 0px 50px 0px }
	
.tncfaqtale { height: 120px; padding-top: 0px; }
.tncfaqtale2 { height: 120px; padding-top: 0px; }
	
.tmpgovtable { height: 50px; padding-top: 7px }
.tmpgovwording { font-size:40px }
.tmpgovwordingen { font-size:26px }

.largetncen { font-size: 14px; }
	
	
	
/************************************************************************************

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

.popuptablewidth { width: 700px }
.moypopuptablewidth { width: 700px }
.tablewidth { width: 100% }

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

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


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


.mainvisualtable { padding-bottom:10px}

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

.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: 35%; padding: 0px 20px 25px 20px;  }
#appstepen { width: 35%; padding: 0px 20px 25px 20px;  }


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


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

#topmenutxt {
  margin: 10px 0px 10px 0px;
}
	
#topmenutxten {
  margin: 10px 20px 10px 20px;
}
	
	
/****** 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 {
	font-size: 16px;
	line-height: 130%;
}

.languageicon { padding-right: 15px; padding-top: 16px; }
	
.samplesection { padding: 30px 0px; }
	
.anametop { position:relative; top:-55px; display: block; }
	

.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;
	-webkit-overflow-scrolling:touch;
}
    
    
    
.copyright { padding: 20px 15px 80px 15px; }
.copyrighttxt { width: 100%;text-align: center;margin-bottom: 10px;line-height: 160%; }
        

/************************************************************************************
kv
*************************************************************************************/
.offermsg { font-size: 16px;padding: 6px 0px;background-image: linear-gradient(to right, #74cfe1, #74cfe1, #74cfe1); }
.offermsgen { font-size: 14px;padding: 6px 0px;background-image: linear-gradient(to right, #74cfe1, #74cfe1, #74cfe1); }

    
    
    
/************************************************************************************
note9 offer
*************************************************************************************/
.n9offerhstitle { font-size: 18px; font-weight: bold; }
.n9offerhsorgprice { font-size: 14px; }
.n9offertable { width: 98%; }
.n9offertablebg { padding: 40px 25px 20px 25px; }
.n9offerimage { width: 70%; }
.n9offerheadline { width: 100%;font-size: 20px;line-height: 120%;padding-top: 20px; }
.n9offerheadlineprice { font-size: 70%; }
.n9offersubheadline { font-size: 18px;padding: 15px 0px 5px 0px; }
.n9offersubheadlineen { font-size: 18px;padding: 15px 0px 5px 0px; }
.n9offerline { width: 120px; height: 3px;padding: 10px 0px; }
	

/************************************************************************************
3money handset
*************************************************************************************/
.mofferframemain1 { width: 45.5%; margin: 5px 5px; margin-bottom: 30px; }
.mofferframe1 { width: 100%; height: auto; border-radius: 15px; }
.mofferpricetxt {  font-size: 12px;  }
.mofferselect1 { padding: 2px 5px; margin: 5px 0px 10px 0px; }
	
.moyphoneframe { width: 40%;display: inline-block;vertical-align: top; }
.moyphonetableframe {width: 100%; display: inline-block;vertical-align: top; }

.moypricetitle { font-size: 14px;line-height: 100%; }
.moyprice { font-size: 16px;font-weight: bold;line-height: 120%; }
.moydisprice { font-size: 14px;font-weight: bold;line-height: 120%;white-space: nowrap; }
.moydispriceen { font-size: 12px;font-weight: bold;line-height: 120%;white-space: nowrap; }
	
.moyremark { font-size: 12px; width: 90%; }
	
.tmptable { font-size: 14px; height: 25px; }
.moypopuptablewidth { width: 98% }
	
.tmptablemoy { font-size: 12px;}
	
.moypopsubtxt { line-height: 100%; }	
.moypopsubtxten { line-height: 100%;font-size: 12px; }	
	
.moypoptxt { padding:2px 1px; font-size: 12px; }
.moypoptxten { padding:2px 1px; font-size: 12px; }
	
.moysampleheader { width:95%; }
.moysampleheaderen { width:95%; font-size: 12px; }
	
	
/************************************************************************************
3money
*************************************************************************************/
.giftb { width: 100px }
	
.kvtexttitle { font-size: 23px;line-height: 120%; }
.kvtexttitleen { font-size: 18px;line-height: 120%; }
	
.infobox { width: 80%; height: auto; margin: 3px 0px; padding: 0px; }
.infoboxen { width: 98%; height: auto; margin: 3px 0px; padding: 0px; }
.indogrp { width: 36%; }
.indogrpen { width: 30%; }
.infoicon { width: 100%;padding-bottom: 0px }
.infotext { width: 50%;vertical-align: top;text-align: left;padding-left: 10px;padding-top: 28px }
.infotexten { width: 60%;vertical-align: top;text-align: left;padding-left: 10px;padding-top: 28px }
.infotitle { font-size: 18px; }
.infotitleen { font-size: 16px; }
.infocontent { font-size: 14px;line-height: 100%;padding-top: 5px; }
	
.samplebox { width: 90%; margin: 10px 0px; }
.sampletitle { font-size: 24px; padding-bottom: 0px; }
.samplesubtitle { font-size: 18px; padding-bottom: 10px; padding-top: 20px; }
.samplesubtitleen { font-size: 18px; padding-bottom: 10px; padding-top: 20px; }
.sampletitlebox { width: 94%; padding: 50px 10px;}
.sampletdtitle { font-size: 18px; }
.sampletdtitleen { font-size: 16px; }
.samplecontentbox { width: 94%;padding: 50px 10px; }
.sampletdcontent { font-size: 18px; }
.sampletdcontenten { font-size: 16px; }
	
.faqopenarea { padding-top: 10px; }
.faqopen { width: 15px; }
.faqqu { font-size: 15px; padding: 10px 0px; width: 90%; }
.faqans { font-size: 15px;  padding-bottom: 10px; }
.faqsubtitle { font-size: 20px; padding-bottom: 0px; }
	
	
.plantablescroll { width:100%; overflow:scroll; }
	
.popuptablewidth { width: 800px }
	
	
.tncfaqtale3 { height: 300px; padding-top: 0px; }

.largetnc { font-size: 18px; }
.largetncen { font-size: 16px; }
	
	
/************************************************************************************

*************************************************************************************/
.tmpheadline1 { font-size:38px; letter-spacing: 7px; }
.tmpheadline2 { font-size:24px; letter-spacing: 5px; }

.mobileimg { width: 290px; height: 272px }
	
	
#tmpmainvisual { width: 100%; height: auto; }
#tmpmainvisualen { width: 100%; height: auto; }
#tmpheadline { font-size:28px; line-height:100%; }
#tmpheadlineen { font-size:22px; line-height:100%; }
.tmpheadlinenowrap { font-size:28px; line-height:100%; }
.tmpheadlinenowrapen { font-size:22px; line-height:100%; }
#tmpmaincenter { width: 100%; text-align:center; }
.tmpheadlinesup { vertical-align: 16px; font-size:10px; }
#tmpplus2 { vertical-align: inherit; height:25px; width:18%; float: left; clear: both; font-size:30px; color:#000000; text-align: right; line-height:100%; }
	
#tmptableheadlineen { font-size:20px }

#tmpofferheadlineen { font-size:18px; }
.tmpofferheadlinenowrapen { font-size:18px; }
	
.displaypc { display: none !important; }
.displaymob { display: inline-block !important; }
	
.pdtframe { width: 95%; display: inline-block; text-align: left; padding-left: 5%  }

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

.tmpoffermainheadline { font-size: 16px; }
.tmpoffercontent { font-size: 14px; line-height: 160%; }
.tmpoffermainheadlineen { font-size: 14px; }
.tmpoffercontenten { font-size: 13px; }
	
.tmpgovtable { height: 50px; padding-top: 7px }
.tmpgovwording { font-size:36px }
.tmpgovwordingen { font-size:26px }
	
	
/**** 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: 42px;
}

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

#apptable {width:96%;  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;
	width: 75%;
}

.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: 10px 0px 10px 0px;

}
	
#topmenutxten {
  font-size: 14px;
  margin: 10px 20px 10px 20px;

}
	
	
#topbutton {
  padding: 0px 0px 10px 0px;
	width: 8%;
}

	
.topmenu3up {
	width: 220px;
	margin: 0px 0px 20px 0px;
}

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

.topmenugohomeen {
	width: 140px;
	height: 40px;
}
	
/************************************************************************************
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:100%; padding: 0px 0px 40px 0px; }
#appstepen { width:100%; padding: 0px 0px 40px 0px; }
.steptitle { font-size:20px; font-weight:bold }
	
.infotablewidth { width: 80%; padding: 0px 0px 40px 0px }
.infotablewidth2 { width: 80%; padding: 0px 0px 40px 0px }

/************************************************************************************
TOP MAIN
*************************************************************************************/
#topmainbutton {
  height: 60px;
}
	
	#topmain {
	height: 620px; 
}

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

.toptableheight {
	height: 280px
}

.topmainphotowidth {
	width: 100%
}
	
#topheight {
  clear: both;
  height: 53px
}
	
#mobilesubmenu {
  display: inline-block;
  width: 100%;
  clear: both;
  background: #ffffff;
  padding: 5px 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 {
	padding: 0px 10px 0px 10px;
}

#chlogoen {
	float: left;
	padding: 10px 10px 0px 10px;
}

#pagefooter {
	height: 30px;
}

#pagefooteren {
	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: center;
	padding: 5px 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;
}


}