@media screen and (min-width: 1100px) {
  .slickBtn {
    position: relative;
    z-index: 1;
    width: 45px;
    display: table-cell;
    cursor: pointer;
  }
  .prevArrow {
    right: 505px;
  }
  .nextArrow {
    left: 505px;
  }
}

@media screen and (max-width: 1099px) {
  .slickBtn {
    position: absolute;
    z-index: 1;
    width: 45px;
    display: table-cell;
  }
  .prevArrow {
    left: 0%;
  }
  .nextArrow {
    right: 0%;
  }
}

@media screen and (max-width: 768px) {
  .pagebgselect {
    background-size: 100% 320px, 100% 300%;
  }
  .iphoneimg {
    height: 300px;
  }
  .iphoneselecttxt {
    font-size: 16px;
  }
  .iphoneselecttxtspace {
    width: 20px;
  }
  .iphoneselecttxtline {
    font-size: 16px;
    margin: 0px 10px;
  }
  .intformboxselect {
    height: 700px;
  }

  .intformbox {
    height: auto;
    min-height: auto;
  }

  .ulset6 {
    padding: 25px 0px 0px 20px;
    font-size: 18px;
  }
  .ulset6en {
    padding: 25px 0px 0px 20px;
    font-size: 16px;
  }

  .framegoogleitem {
    width: 32%;
  }
  .framegoogleitem1 {
    width: 97%;
  }
  .framegoogleitem2 {
    width: 48%;
    margin: 0px 4px 10px 0px;
  }
  .framegoogleitem2en {
    width: 48%;
    margin: 0px 4px 10px 0px;
  }

  .tableoff5g {
    font-size: 14px;
  }
  .frame5gplantitle {
    font-size: 14px;
  }
  .frame5gtpitem {
    width: 47%;
  }

  .tabon {
    font-size: 14px;
    padding: 10px 15px;
  }
  .taboff {
    font-size: 14px;
    padding: 10px 15px;
  }
  .hsprice1 {
    font-size: 32px;
    padding: 30px 0px;
  }
  .hsprice1bold {
    font-size: 130%;
  }
  .hsprice2 {
    font-size: 25px;
  }

  .framehsmain2 {
    padding: 15px 0px;
  }
  .framehsmain3 {
    padding: 15px 0px;
  }
  .framehsoffer1 {
    padding: 15px 0px;
  }
  .framehsoffer2 {
    padding: 15px 0px;
  }
  .framehsoffer3 {
    padding: 15px 0px;
  }

  .tableoff {
    font-size: 14px;
  }
  .toporderbut {
    font-size: 18px;
    padding: 22px 30px;
  }
  .freeimg {
    height: 140px;
  }
  .freeimlogo {
    height: 100px;
  }
  .freegreytxt {
    font-size: 14px;
    padding: 10px 0px;
  }
  .hstitle {
    font-size: 26px;
  }
  .hstitleicon1 {
    font-size: 12px;
    padding: 7px 0px;
  }
  .hstitleicon2 {
    font-size: 12px;
    padding: 7px 0px;
  }
  .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: 20px;
  }
  .tabletabimg {
    padding: 7px 0px 0px 0px;
  }

  .plantablewidthcol1 {
    width: 100%;
  }
  .plantablewidthcol2 {
    width: 100%;
  }
  .plantablewidthcol3 {
    width: 100%;
  }
  .plantablewidthcol4 {
    width: 1200px;
  }
  .plantablewidthcol5 {
    width: 1500px;
  }
  .plantablescroll {
    width: 96%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .frameplantitle {
    font-size: 16px;
  }

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

  .mioffer {
    width: 16%;
  }
  .miofferpdttitle {
    font-size: 13px;
  }
  .miofferor {
    padding-top: 85px;
  }

  .languageicon {
    padding-top: 20px;
  }

  .mainpagepromocol1photo {
    line-height: 0%;
    background-size: cover;
    height: 500px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #8e8e8e;
  }
  .mainpagepromocol1photo2 {
    line-height: 0%;
    background-size: cover;
  }
  .mainpagepromocol1photomob {
    display: none;
  }
  .mainpagepromocol1content {
    height: 500px;
  }
  .mainpagepromocol1space {
    height: 500px;
  }

  #tmpaligncenter {
    width: 100%;
    margin: auto;
  }

  .logo {
    width: 60px;
    height: 84px;
  }

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

  .logo3d {
    width: auto;
  }

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

  #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;
  }
}

@media screen and (max-width: 768px) {
  .pagebgselect {
    background-size: 100% 420px, 100% 300%;
  }
  .iphoneimg {
    height: 400px;
  }
  .lablcol2a > input + div {
    padding: 8px 0px;
    font-size: 14px;
  }
  .intformboxselect {
    width: 85%;
    height: 700px;
    padding: 20px 20px;
  }

  /************************************************************************************
	go phone
	*************************************************************************************/
  .intformbox {
    width: 85%;
    height: auto;
    padding: 25px 20px;
  }
  .inttitle01 {
    font-size: 28px;
  }
  .inttitle02 {
    font-size: 20px;
  }

  .intlanguage {
    margin-top: 8px;
  }

  .formtelkvframe {
    width: 700px;
    height: 700px;
  }
  .formotpinput {
    padding: 12px 10px !important;
    font-size: 24px !important;
  }

  .formcptxtnumber {
    font-size: 70px;
  }

  /************************************************************************************
	table
	*************************************************************************************/
  .set1table {
    font-size: 14px;
  }
  .set1tableL {
    padding: 8px 6px;
  }
  .set1tableR {
    padding: 8px 6px;
  }

  .set1tabless {
    font-size: 12px;
  }

  .formtableframe {
    font-size: 14px;
  }
  .formsectionheadline {
    font-size: 18px;
  }

  /************************************************************************************
	5g google
	*************************************************************************************/
  .framegoogleitem1 {
    width: 97%;
  }
  .framegoogleitem2 {
    width: 48%;
    margin: 0px 4px 10px 0px;
  }
  .framegoogleitem2en {
    width: 48%;
    margin: 0px 4px 10px 0px;
  }

  /************************************************************************************
	5G
	*************************************************************************************/
  .tableoff5g {
    font-size: 14px;
  }
  .frame5gtpitem {
    width: 32%;
  }

  .pagetablewidth {
    width: 96%;
  }
  .plantablewidthcol1 {
    width: 96%;
  }
  .plantablewidthcol2 {
    width: 96%;
  }
  .plantablewidthcol3 {
    width: 96%;
  }
  .plantablewidthcol4 {
    width: 96%;
  }
  .plantablewidthcol5 {
    width: 96%;
  }
  .freeimg {
    height: 170px;
  }
  .freeimglogo {
    height: 45px;
  }
  .tableoff {
    font-size: 14px;
  }

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

  .mainpagepromocol1 {
    width: 98%;
  }
  .popupgrade {
    top: 0px;
    right: 0px;
  }

  /************************************************************************************
	TOP MAIN
	*************************************************************************************/
  #topmainbutton {
    height: 55px;
  }
  .logo3d {
    width: auto;
  }
  .languageicon {
    padding-top: 20px;
  }
  .toporderbut {
    font-size: 18px;
    padding: 19px 30px;
  }
  #topheight {
    clear: both;
    height: 55px;
  }

  .freeor {
    font-size: 24px;
  }

  .offerframe {
    font-size: 18px;
    padding: 10px 10px;
  }
  .formpoint {
    margin-bottom: 10px;
  }
  .formhomeoffericon {
    width: 20%;
  }
  .formhomeoffertxt {
    width: 78%;
    font-size: 18px;
  }

  .formtxtL {
    font-size: 16px;
  }
  .formtxtR {
    font-size: 16px;
  }

  .formtxtA {
    font-size: 16px;
  }
  .formotpinput {
    padding: 8px 10px !important;
    font-size: 24px !important;
  }

  .formsubmit {
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 20px 0px;
    border-radius: 0px;
  }

  .formtelkvframe {
    width: 100%;
    height: 540px;
  }

  .formtelframeL {
    width: 100%;
    float: none;
  }
  .formtelframeR {
    width: 100%;
    float: none;
  }
  .formtelbut {
    padding: 20px 0px !important;
    width: 100% !important;
    text-align: center;
  }
  .formtelboxH {
    width: 80% !important;
  }

  .formcptxtframe {
    margin: 30px 0px 30px 0px;
  }
  .formcptxt {
    font-size: 16px;
  }
  .formcptxtnumber {
    font-size: 60px;
  }

  .intformnumberbox {
    width: 92%;
  }

  .lablcol2a {
    width: 100%;
    margin-bottom: 5px;
  }
  .lablspace1 {
    display: none;
  }
  .lablspace2 {
    display: none;
  }
  .lablspaceh {
    display: none;
  }
  .lablcol3a {
    width: 49%;
    margin-bottom: 5px;
    float: none;
  }
  .iphoneimg {
    width: 50%;
    height: auto;
    margin-top: 10px;
  }
  .pagebgselect {
    background-image: url("/iphonepreorder/images/bg-wht-mob-tc.jpg"),
      url("/iphonepreorder/images/bg_supreme.jpg");
    background-size: 100% 250px, 100% 300%;
    background-position: center top 5%, left top;
  }

  .intscol2bgselect {
    width: 100%;
    float: none;
    margin: 0px;
    margin-bottom: 10px;
    background: white;
  }
  .iphoneselectframe {
    position: fixed;
    left: 0px;
    bottom: 65px;
    background-color: #fff;
    padding: 10px 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    z-index: 10;
  }
  .iphoneselectframeL {
    width: auto;
    height: auto;
    display: inline-block;
    margin-left: 10px;
    float: left;
  }
  .iphoneselectframeR {
    width: auto;
    height: auto;
    display: inline-block;
    margin-right: 10px;
    float: right;
  }
  .iphoneselecttxt {
    font-size: 14px;
  }
  .iphoneselecttxtspace {
    display: none;
  }
  .iphoneselecttxtline {
    font-size: 14px;
    margin: 0px 10px;
  }

  .intformboxselect {
    width: 86%;
    height: auto;
    min-height: auto;
    padding: 15px 20px;
    margin-top: 0px;
    background-size: 100% 80px;
  }

  .ipselecttitle {
    width: 40%;
    margin: 7px 0px;
    font-size: 16px;
  }
  .ipselectcontent {
    width: 60%;
    margin: 7px 0px;
    font-size: 16px;
  }
  .ipselectcontentall {
    margin: 7px 0px;
    font-size: 16px;
  }

  /************************************************************************************
iphone redirect
*************************************************************************************/
  .iptitle {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .iptxt {
    font-size: 18px;
  }
  #ipspace {
    width: 10px;
    clear: both;
    height: 20px;
  }

  /************************************************************************************
interest
*************************************************************************************/

  .pagehomebginterest,.pagehomebginterest_en,.pagebginterest,.pagebginterest_en{
    background-image: unset;
    background-size: 100% auto, 100% 300%;
    background-position: center top 71px, left top;
  }

  .pagehomebginterest .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-tc.png");
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif"); */
  }

  .pagehomebginterest_en .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-en.png") !important;
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif") !important; */
  }

  .pagebginterest .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-tc.png");
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif"); */
  }

  .pagebginterest_en .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-en.png") !important;
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif") !important; */
  }


  .pagehomebginterest,.pagehomebginterest_en,.pagebginterest,.pagebginterest_en{
    background-image: unset;
    background-size: 100% auto, 100% 300%;
    background-position: center top 71px, left top;
  }

  .pagehomebgpreorder .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-tc.png");
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif"); */
    
  }

  .pagehomebgpreorder_en .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-en.png") !important;
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif") !important; */
  }

  .pagebgpreorder .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-tc.png");
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif"); */

  }

  .pagebgpreorder_en .intscol2bg .displaymob{
    content:url("/iphonepreorder/images/bg-supreme-kv-mob-en.png") !important;
    /* content:url("/iphonepreorder/images/iphones-model-dark-mob.gif") !important; */
  }


  .pagehomebgpreorder,.pagehomebgpreorder_en,.pagebgpreorder,.pagebgpreorder_en{
    background-image: unset;
    background-size: 100% auto, 100% 300%;
    background-position: center top 71px, left top;
  }


  /*.pagebginterestinbase { background-image: none;  }*/
  .tablewidthinterest {
    width: 100%;
  }
  .intscol2bg {
    width: 100%;
    float: none;
    margin: 0px;
  }
  .intscol2 {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .intformbox {
    width: auto;
    height: auto;
    background-size: 100% 80px;
    /* border-top-left-radius: 1.5em;
    border-top-right-radius: 1.5em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; */
    border-radius: 0;
    box-shadow: 0 0;
  }
  .inttitleheader {
    font-size: 20px;
  }
  .inttitle01 {
    font-size: 22px;
  }
  .inttitle02 {
    font-size: 18px;
  }
  .intbgqna {
    background-size: 100% 260px !important;
  }
  .intformtitle {
    font-size: 16px;
  }
  .intforminput {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .intnametitle {
    width: 30%;
  }
  .intlanguage {
    font-size: 14px;
    padding: 8px 12px;
    margin-top: 12px;
    margin-right: 10px;
  }
  .intgametitle01 {
    font-size: 24px;
  }
  .intgametitle02 {
    font-size: 18px;
  }
  .intgametitle03 {
    font-size: 14px;
  }
  .inttnctitle {
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .inttnctxt {
    font-size: 14px;
    padding-left: 7%;
  }
  .intformtitlebox {
    width: 30%;
    padding: 10px 0px;
    font-size: 16px;
  }
  .intformtitleboxspace {
    width: 3.6%;
  }
  .tnctickboxtxt {
    width: 90%;
  }

  .intexiframeLtxt1 {
    font-size: 24px;
  }
  .intexiframeLtxt2 {
    font-size: 18px;
  }
  .intexiframeRbut {
    font-size: 15px;
    padding: 10px 0px;
  }

  .intexiframeL2 {
    width: 45%;
  }
  .intexiframeR2 {
    width: 50%;
  }

  .intformcontactbox {
    width: 47%;
    padding: 10px 0px;
    font-size: 16px;
  }

  #intpagefooter {
    text-align: center;
    /* padding: 6px 0px; */
    padding-bottom: 65px;
    background: white;
  }
  #intpagefooteren {
    text-align: center;
    padding: 6px 0px;
    display: none;
  }

  .reg_btn_d3_left {
    font-size: 14px;
  }
  .reg_btn_d3 {
    font-size: 14px;
  }
  .reg_circle {
    width: 20px;
    height: 20px;
    top: 0px;
  }

  /************************************************************************************
realme
*************************************************************************************/
  .realmearrow {
    width: 13px;
  }
  .realmebut {
    font-size: 20px;
  }
  .realmepoptxt {
    height: auto;
    font-size: 14px;
  }
  .realmepoptxten {
    height: auto;
    font-size: 14px;
  }

  /************************************************************************************
5g live plan
*************************************************************************************/
  .hsrow1databold {
    font-size: 40px;
  }
  .hsrow1databold2 {
    font-size: 30px;
  }
  .hsrow1databolden {
    font-size: 40px;
  }
  .hsrow2pricebold2 {
    font-size: 30px;
  }
  .hsrow2pricebold2en {
    font-size: 30px;
  }
  .liveplanframe {
    width: 96%;
  }
  .liveiconframe {
    margin: 5px 0px 5px 0px;
  }
  .liveiconimg {
    width: auto;
    height: 50px;
  }
  .liveboxtitle {
    font-size: 24px;
    margin: 0px 0px 5px 0px;
  }
  .liveboxtitleen {
    font-size: 24px;
    margin: 0px 0px 5px 0px;
  }
  .liveboxul {
    padding-left: 20px;
  }
  .liveboxli {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .liveboxlien {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .liveuppriceframe01 {
    font-size: 18px;
    line-height: 120%;
  }
  .liveuppriceframe02 {
    font-size: 18px;
    line-height: 120%;
    padding: 4px 10px;
  }
  .liveuppriceframe02en {
    font-size: 18px;
    line-height: 120%;
    padding: 4px 10px;
  }
  .liveuppriceframeplus {
    font-size: 30px;
    margin: 0px 5px;
  }
  .liveaddonframe {
    padding: 20px 0px 10px 0px;
  }
  .liveupimg {
    height: 35px;
  }

  .liveupplanframeL {
    width: 100%;
    font-size: 16px;
    line-height: 100%;
    border-right: none;
    border-bottom: 2px solid #dbdbdb;
    padding-bottom: 10px;
  }
  .liveuppriceframe01 {
    font-size: 16px;
    line-height: 120%;
  }
  .liveuppriceframe02 {
    font-size: 16px;
    line-height: 120%;
    padding: 4px 10px;
  }
  .liveuppriceframe02en {
    font-size: 12px;
    line-height: 120%;
    padding: 4px 10px;
  }
  .liveuppriceframeplus {
    font-size: 30px;
    margin: 0px 5px;
  }
  .livetimeframe {
    width: 45%;
    margin: 0px 0px 20px 0px;
  }
  .livetimeframemargin {
    margin-bottom: 0px;
  }
  .liveupplanframespace {
    width: 100%;
    height: 2px;
    margin: 10px 0px 20px 0px;
  }
  .liveupplanframeR {
    width: 100%;
    font-size: 16px;
    line-height: 100%;
    margin: 20px 0px 20px 0px;
  }
  .liveupplanframeRspace {
    display: none;
  }
  .liveaddonframe {
    width: 80%;
    padding: 5px 0px 10px 0px;
  }
  .liveupul {
    padding-left: 20px;
  }
  .liveupli {
    font-size: 16px;
    padding-bottom: 6px;
  }
  .liveupinfo {
    font-size: 16px;
  }
  .liveupremark2 {
    font-size: 16px;
    margin-top: 10px;
  }

  /************************************************************************************
info section
*************************************************************************************/
  .mtfaqtitle {
    font-size: 16px;
  }
  .dtapp {
    width: 70px;
  }
  .dtqr {
    display: none;
  }
  .dtappdw {
    width: 100px;
    line-height: 220%;
  }
  .topupstep {
    font-size: 18px;
    padding: 5px 8px;
  }
  .topuptxt {
    width: 70%;
  }
  .gttalkstepframe {
    width: 45%;
    font-size: 14px;
    padding: 10px 5px;
  }

  /************************************************************************************
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;
  }
  .googleiconimg2 {
    height: 24px;
    padding: 10px 0px;
  }
  .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
*************************************************************************************/
  .frameplan5gcol1 {
    width: 100%;
  }
  .frameplan5gcol2 {
    width: 49%;
  }
  .frameplan5gcol2new {
    width: 45%;
  }
  .tableoff5g {
    font-size: 14px;
  }
  .frame5gtpitem {
    width: 98%;
    margin: 0px 0px 10px 0px;
  }
  .frame5gtpitemspace {
    display: none;
  }
  .offertext {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .vas5gframespace {
    margin-left: 30px;
  }
  .vas5gframe {
    width: 90%;
    margin: 5px 0px;
  }
  .vas5gimg {
    right: -9%;
  }

  .pagebg {
    background-position: center bottom, center 1200px;
    background-size: 100%, 300%;
  }

  .mainoffer5gframe {
    width: 96%;
  }
  .mainoffer5gframex {
    width: 98%;
    margin-top: 15px;
  }

  .stdtitle {
    font-size: 20px;
    padding: 25px 0px;
  }

  .simstdimgframe {
    width: 100%;
  }
  .simstdimg {
    height: 80px;
  }
  .simstdtxt {
    font-size: 12px;
    line-height: 120%;
    width: 100%;
    text-align: center;
  }
  .simstdoffertxt {
    font-size: 12px;
  }

  .hs5gphoneimg {
    width: 100px;
    padding: 10px 0px;
  }
  .frameplanarrow {
    width: 5%;
    margin: 80px 8px 0px 8px;
  }
  .popupgrade {
    top: 0px;
    right: 0px;
  }
  .popupgradeimg {
    width: 50px;
    height: 50px;
  }

  /************************************************************************************
scroll tab menu
*************************************************************************************/
  .linkTabsRow {
    width: 96%;
  }
  .linkTabsRow2 {
    width: 96%;
  }

  /************************************************************************************
offer
*************************************************************************************/
  .plnoptionframe {
    width: 45.5%;
  }
  .plnoptionbannertxt {
    font-size: 12px;
  }
  .plnoptionbannertxten {
    font-size: 12px;
  }

  /************************************************************************************
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;
  }
  .ulset6 {
    padding: 25px 0px 0px 20px;
    font-size: 18px;
  }
  .ulset6en {
    padding: 25px 0px 0px 20px;
    font-size: 16px;
  }

  /************************************************************************************
hscoupon
*************************************************************************************/
  .hsothersframe {
    width: 100%;
    display: inline-block;
    float: left;
    padding-bottom: 10px;
  }
  .hsothersframe {
    width: 100%;
    display: inline-block;
    float: left;
    padding-bottom: 10px;
  }
  .hsothersspace {
    display: none;
  }

  .stdtdbg {
    background-size: 130px 65px;
  }
  .stddistxt {
    right: 2px;
    bottom: 2px;
    font-size: 16px;
  }

  .pagetablewidth {
    width: 96%;
  }
  .frametitle {
    padding: 30px 0px;
  }
  .framehsprice {
    width: 100%;
  }
  .framehsoffer {
    width: 100%;
  }

  .hstitle {
    font-size: 22px;
    line-height: 120%;
    width: 100%;
  }
  .hstitlesup {
    vertical-align: 16px;
    padding-left: 8px;
  }
  .hstitlesupen {
    vertical-align: 10px;
    padding-left: 5px;
  }
  .hstitleicon1 {
    width: 50px;
    font-size: 12px;
    padding: 5px 0px;
    margin: 5px 3px 5px 0px;
  }
  .hstitleicon2 {
    width: 50px;
    font-size: 12px;
    padding: 5px 0px;
    margin: 5px 3px;
  }

  .tabon {
    font-size: 12px;
    padding: 8px 10px;
  }
  .taboff {
    font-size: 12px;
    padding: 8px 10px;
  }
  .hsprice1 {
    font-size: 30px;
    padding: 25px 0px;
  }
  .hsprice1bold {
    font-size: 135%;
  }
  .hsprice2 {
    font-size: 25px;
  }
  .hsprice2sup {
    vertical-align: 12px;
  }
  .hsprice2supen {
    vertical-align: 8px;
  }
  .hsprice2boldsup {
    vertical-align: 18px;
    padding-left: 5px;
  }
  .hsofferul {
    padding: 25px 0px 0px 20px;
    font-size: 16px;
  }
  .hsofferulen {
    padding: 25px 0px 0px 20px;
    font-size: 14px;
  }
  .hsoffericon {
    width: 22px;
    vertical-align: -5px;
  }
  .hsofferbut {
    padding: 4px 15px;
    margin-top: 0px;
  }

  .tableoff {
    font-size: 14px;
  }
  .plantablescroll {
    width: 96%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .frameplancol1 {
    width: 100%;
  }
  .frameplancol2 {
    width: 49%;
  }
  .plantablewidthcol1 {
    width: 100%;
  }
  .plantablewidthcol2 {
    width: 600px;
  }
  .plantablewidthcol2mob {
    width: 100%;
  }
  .plantablewidthcol3 {
    width: 880px;
  }
  .plantablewidthcol4 {
    width: 1200px;
  }
  .plantablewidthcol5 {
    width: 1500px;
  }

  .framehsmain2 {
    padding: 15px 0px;
  }
  .framehsmain3 {
    padding: 15px 0px;
  }
  .framehsoffer1 {
    padding: 15px 0px;
  }
  .framehsoffer2 {
    padding: 15px 0px;
  }
  .framehsoffer3 {
    padding: 15px 0px;
  }

  .hsoffrow2frame {
    margin: 5px 0px 0px 0px;
  }
  .hsoffrow3frame {
    margin: 5px 0px 0px 0px;
  }

  .framefreeitem {
    width: 98%;
    margin-bottom: 10px;
  }
  .framefreeitemspace {
    width: 1%;
  }
  .freeicon {
    font-size: 14px;
  }
  .freeimg {
    height: 150px;
    padding: 10px 0px;
  }
  .freeimglogo {
    height: 40px;
    padding: 0px 10px 10px 0px;
  }
  .freegreytxt {
    font-size: 14px;
    padding: 10px 0px;
  }
  .freeprice {
    padding-top: 5px;
  }

  .tabletab {
    font-size: 20px;
  }
  .tabletabimg {
    padding: 8px 0px 0px 0px;
  }

  .tabletabaddon {
    font-size: 16px;
  }
  .tabletabimgaddon {
    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;
  }

  .moborderbut {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 99999;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    line-height: 100%;
    background: url(bg_button.jpg) no-repeat;
    background-size: 500%;
    background-position: 0% 100%;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px;
    float: none;
    display: inline-block;
    text-align: center;
  }

  .languageicon {
    padding-right: 15px;
    padding-top: 16px;
  }
  .tmptable {
    font-size: 12px;
  }
  .tmptableform {
    font-size: 12px;
  }
  .orderphoneimg {
    width: 100%;
    height: auto;
  }

  .mainpagepromocol1 {
    width: 99%;
    margin-bottom: 5px;
  }
  .mainpagepromocol1photo {
    width: 100%;
    height: auto;
    line-height: 0%;
    background-image: url(space.png) !important;
  }
  .mainpagepromocol1photo2 {
    width: 100%;
    height: auto;
    line-height: 0%;
    background-image: url(space.png) !important;
  }
  .mainpagepromocol1photomob {
    display: inline;
  }
  .mainpagepromocol1content {
    width: 100%;
    height: auto;
  }
  .mainpagepromocol1space {
    display: none;
  }
  .mainpagepromocol1space2 {
    display: none;
  }
  .mainpagepromocol1centerframe {
    width: 95%;
    padding: 15px 0px 15px 10px;
  }
  .boxbigtitle {
    font-size: 20px;
    padding-bottom: 5px;
    line-height: 120%;
  }
  .boxbigtitleen {
    font-size: 20px;
    padding-bottom: 5px;
    line-height: 120%;
  }
  .boxbigcontent {
    font-size: 15px;
  }
  .boxbigcontenten {
    font-size: 15px;
  }
  .boxbigcontentboldtxt {
    font-size: 25px;
  }
  .boxbigcontentboldtxten {
    font-size: 25px;
  }

  /************************************pdt info*************************************/
  .infoheadline1 {
    font-size: 22px;
  }
  .infoheadline2 {
    font-size: 18px;
  }
  .infodes {
    font-size: 16px;
  }
  .infocol2 {
    width: 40%;
    display: inline-block;
  }
  .infoul {
    padding: 0px 0px 0px 20px;
    font-size: 14px;
  }
  .infoulen {
    padding: 0px 0px 0px 20px;
    font-size: 14px;
  }
  .infocol2 {
    width: 90%;
  }
  .infocol3 {
    width: 90%;
  }

  /************************************form*************************************/
  .formgiftphoto {
    width: 80px;
    vertical-align: -35px;
  }

  /************************************spec button*************************************/
  #specbutxt {
    font-size: 14px;
    margin: 10px 20px 10px 20px;
  }
  .specbut {
    width: 94%;
  }
  /************************************************************************************/

  /************************************spec button*************************************/
  #sellbutxt {
    font-size: 18px;
    width: auto;
    margin: 10px 20px 10px 20px;
  }
  #sellbutxten {
    font-size: 18px;
    margin: 10px 20px 10px 20px;
  }
  .sellbut {
    width: 94%;
    padding: 5px 0px 5px 0px;
  }
  /************************************************************************************/

  .headerbg {
    display: none;
  }

  .otherplanbutton {
    width: 80%;
    margin: 10px 0px 10px 0px;
  }

  .offerbg {
    background-size: 300%;
    width: 98%;
  }

  .freetc1 {
    vertical-align: 0px;
  }
  .freetc2 {
    vertical-align: 0px;
  }
  .freetc3 {
    vertical-align: 0px;
  }

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

  .offertxt {
    font-size: 18px;
  }

  .tmpequheadline {
    font-size: 19px;
  }

  .titleappicon {
    width: 35px;
    vertical-align: -7px;
  }

  .mioffer {
    width: 84%;
    border: #5000a8 4px solid;
    padding: 5px;
    margin: 5px 0px;
  }
  .mioffertitle {
    font-size: 26px;
  }
  .miofferpdttitle {
    font-size: 18px;
  }
  .miofferpicframe {
    display: inline-block;
    width: 35%;
  }
  .mioffertxtframe {
    display: inline-block;
    width: 65%;
    vertical-align: top;
    text-align: left;
    margin-top: 30px;
  }

  .miaddoffer1 {
    width: 96%;
    padding: 20px 5px;
    margin: 10px 0px;
    border-right: #bcbcbc 0px solid;
    border-bottom: #bcbcbc 2px solid;
  }
  .miaddoffer2 {
    width: 96%;
    padding: 5px;
    margin: 15px 0px;
  }

  .miofferor {
    font-size: 140%;
    padding-top: 0px;
    width: 96%;
  }
  .miofferor2 {
    font-size: 140%;
    padding-top: 0px;
    width: 96%;
  }

  .miplanbutover {
    border-radius: 8px;
    width: 45%;
  }
  .miplanbutbuy {
    border-radius: 8px;
    width: 45%;
  }
  .miplanbut {
    border-radius: 8px;
    width: 45%;
  }
  .miplanbuttxt {
    font-size: 18px;
    margin: 8px 10px 8px 10px;
  }

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

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

  #tmpheadline {
    font-size: 34px;
  }
  #tmpheadlineen {
    font-size: 24px;
    line-height: 120%;
  }

  #tmpmaincenter {
    width: 100%;
    height: 100px;
    text-align: center;
    padding: 50px 0px 0px 0px;
  }
  .tmpheadlinesup {
    vertical-align: 16px;
    font-size: 10px;
  }
  .tmpheadlinesupen {
    vertical-align: 12px;
    font-size: 10px;
  }

  #tmpplus2 {
    vertical-align: inherit;
    height: 30px;
    width: 98%;
    float: left;
    clear: both;
    font-size: 30px;
    color: #000000;
    text-align: center;
    line-height: 100%;
  }

  .displaypc {
    display: none;
  }
  .displaymob {
    display: inline;
    width: 100%;
  }

  .pdtframe {
    width: 95%;
    display: inline-block;
    text-align: center;
  }
  .pdtframe2 {
    width: 95%;
    display: inline-block;
    text-align: center;
  }

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

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

  #tmptableheadlineen {
    font-size: 20px;
  }

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

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

  /*-- S8 --*/

  sup {
    font-size: 10px;
  }

  #headline {
    font-size: 24px;
  }

  #subheadline {
    font-size: 18px;
  }

  #subheadlineen {
    font-size: 16px;
  }

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

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

  .headlineop3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
  }

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

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

  #opstepMOB {
    width: 99%;
    display: inline;
  }

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

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

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

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

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

  .logo3d {
    width: auto;
  }

  .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 {
    width: 100%;
    text-align: center;
    margin: 5px 0px;
  }

  #chlogoen {
    width: 100%;
    text-align: center;
    margin: 5px 0px;
  }

  #copyright {
    width: 100%;
    text-align: center;
    margin: 5px 0px;
  }

  #pagefooter {
    height: 70px;
  }

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

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

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

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

  #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;
  }

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

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

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

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

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

  .width02 {
    width: 45%;
  }

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

@media screen and (max-width: 575.98px) {
  .supreme-footer {
    display: inline-block;
    padding: 20px;
  }
}

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
}