/************************************************************************************
GENERAL STYLING
*************************************************************************************/
/* @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);*/

@font-face {
    font-family: Helvetica Neue;
    src: url('HelveticaNeue.woff') format('woff');
}

@font-face {
    font-family: MHeiHK;
    src: url('MHeiHK.woff') format('woff');
}

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 {
  margin: 0;
  padding: 0;
  font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif;
  /*font-family: 'Noto Sans', 'Noto Sans TC',  Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif;*/
  color: #000000;
}

sup {
  font-size: 12px;color: #000;line-height: 100%;font-weight: normal;
}

body {
  background: #f2f2f2;
}

img,
fieldset {
  border: 0;
}


/* set image max width to 100% */

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
}

a {
  color: #76A8F6;
  text-decoration: none;
  outline: none;
  /* for Firefox */
  hlbr: expression(this.onFocus=this.blur());
  /* for IE */
  cursor: pointer;
  font-size: inherit;
}

a:hover {
  color: #59a0ff;
  text-decoration: underline;
  cursor: pointer;
}

#pagehomecontent {
  width: 100%;
}

#photoheadline {
  font-size: 55px;
  font-weight: bold;
  line-height: 0%;
  float: left;
}

#headline {
  font-size: 35px;
  font-weight: bold
}

#subheadline {
  font-size: 24px;
  font-weight: bold
}

#subheadlineen {
  font-size: 20px;
  font-weight: bold
}

h1 { font-size: inherit;font-weight: inherit;line-height: 120% !important;color: inherit;display: inline-block; }
h2 { font-size: inherit;font-weight: inherit;line-height: 120% !important;color: inherit;display: inline-block; }
h3 { font-size: inherit;font-weight: inherit;line-height: 120% !important;color: inherit;display: inline-block; }
h4 { font-size: inherit;font-weight: inherit;line-height: 120% !important;color: inherit;display: inline-block; }
h5 { font-size: inherit;font-weight: inherit;line-height: 120% !important;color: inherit;display: inline-block; }
h6 { font-size: inherit;font-weight: inherit;line-height: 120% !important;color: inherit;display: inline-block; }
h7 { font-size: inherit;font-weight: inherit;line-height: 120% !important;color: inherit;display: inline-block; }

.dollar { width: 36px;height: auto;display: inline-block;vertical-align: -8px;margin-right: 2px; }
.textlink { width: auto;height: auto;display: inline-block;cursor: pointer;color: #e6007e; }


/************************************************************************************
domain5
*************************************************************************************/
.d5topheaderfr { width: 100%;max-width: 1600px;height: auto;position: absolute;top: 0%;left: 0%;z-index: 999; }
.d5topheadercolL { width: 50%;height: 80px;display: flex;justify-content: left;align-items: center;float: left; }
.d5topheadercolR { width: 50%;height: 60px;display: flex;justify-content: right;align-items: center;float: left;text-align: right; }
.logodomain5 { width: 120px;height: auto;display: inline-block;filter: invert(1);margin-left: 5%; }
.languagefr { width: auto;height: auto;display: inline-block;margin-right: 5%;font-size: 14px;font-weight: bold;line-height: 120%;color: #fff;filter: drop-shadow(0px 0px 5px #00000059);cursor: pointer; }
.languagefr:hover { filter: invert(86%) sepia(54%) saturate(4858%) hue-rotate(235deg) brightness(93%) contrast(91%); }
.languageimg { width: 20px;height: auto;display: inline-block;filter: invert(1);vertical-align: -5px; }

.d5comlogocontainer { width: 100%;height: auto;display: inline-block;position: absolute;left: 0%;bottom: -16%;text-align: center; }
.d5comlogofr { width: 1100px;max-width: 80%;height: auto;display: inline-block;background-color: #fff;border-radius: 20px;box-shadow: 0px 0px 10px #00000030;padding: 30px 0px; }
.d5comlogotxt { width: 100%;height: auto;display: inline-block;font-size: 16px;font-weight: normal;line-height: 120%;color: #2A349E; }
.d5comlogo-containerfr { width: 80%;height: auto;display: inline-block;margin-top: 30px; }
.d5comlogo-container { 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px; 
    width: 100%;
    height: auto;
}
.d5comlogoimgfr { width: 100%;height: auto;text-align: center;display: flex;justify-content: center;align-items: center; }
.d5comlogo3hk { width: 34px;height: auto;display: inline-block; }
.d5comlogosupreme { width: 140px;height: auto;display: inline-block; }
.d5comlogososim { width: 84px;height: auto;display: inline-block; }
.d5comlogomo { width: 60px;height: auto;display: inline-block; }

.d5contentsectionred { width: 700px;max-width: 80%;display: inline-block;padding: 150px 0px 150px 0px; }
.d5contentsection { width: 1100px;max-width: 80%;display: inline-block;padding: 110px 0px 50px 0px; }
.d5apply-container { 
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 50px; 
    width: 100%;
    height: auto;
}
.d5applycol2 { width: 100%;height: auto;display: inline-block;background: #fff;border-radius: 20px;text-align: center;box-shadow: 0px 0px 10px #00000030;vertical-align: top;padding-bottom: 30px;position: relative; }
.d5photofr { width: 100%;height: auto;display: inline-block;line-height: 0%;position: relative; }
.d5photoiconimg { width: 90px;height: auto;display: inline-block;position: absolute;left: 0%;top: 0%;padding: 12px 24px;background-color: #fff;border-radius: 20px 0px 20px 0px; }
.d5photoimg { border-radius: 20px 20px 0px 0px; }
.d5applytitle { width: 90%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;text-align: left;margin: 10px 0px 20px 0px; }
.d5applycontentfr { width: 90%;height: auto;display: inline-block;text-align: left;margin-top: 15px; }
.d5applytxt { width: 60%;height: auto;display: inline-block;font-size: 16px;font-weight: bold;line-height: 120%;color: #000;text-align: left;float: left;margin-right: 6%; }
.d5applytxtcolor { width: auto;height: auto;color: #2A349E !important;font-weight: bold;cursor: default !important;text-decoration: none !important; }
.d5applybtnfr { width: 100%;height: auto;display: inline-block;position: absolute;left: 0%;bottom: 4%;text-align: center; }
.d5applybtn { width: 34%;height: auto;display: inline-block;background-color: #2A349E;border-radius: 5px;padding: 15px 0px 15px 0px;float: left;text-align: center;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.d5applybtn:hover { background-color: #2532c3; }
.d5applybtnL { width: auto;height: 26px;display: inline-block;font-size: 20px;font-weight: bold;line-height: 120%;color: #fff; }
.d5applybtnR { width: auto;height: 26px;display: inline-block; }

.d5popimgfr { width: 100%;height: auto;display: inline-block;text-align: center;margin-top: 30px;margin-bottom: 20px; }
.d5poptxtfr { width: 100%;height: auto;display: inline-block;text-align: left;font-size: 16px;font-weight: normal;line-height: 140%;color: #696969; }
.d5poptxtlink { color: #3667A9;text-decoration: underline; }

.d5about-container { 
    display: grid;
    grid-template-columns: 1.03fr 0.97fr;
    grid-template-rows: auto;
    grid-gap: 20px; 
    width: 100%;
    height: auto;
    margin: 40px 0px 70px 0px;
}
.d5aboutcol2 { width: 100%;height: auto;display: inline-block;text-align: left; }
.d5abouttitle { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;margin-bottom: 15px; }
.d5abouttxt { width: 100%;height: auto;display: inline-block;font-size: 16px;font-weight: bold;line-height: 120%;color: #696969;text-align: justify; }

.d5footer-section { width: 100%;height: auto;display: inline-block;padding: 42px 0px;background-color: #2A349E; }
.d5footerfr { width: 1100px;max-width: 80%;height: auto;display: inline-block; }
.d5footercolL { width: 49%;height: auto;display: inline-block;vertical-align: bottom; }
.d5footercolR { width: 49.5%;height: auto;display: inline-block;vertical-align: bottom;text-align: right; }
.d5footertitle { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%;color: #fff;margin-bottom: 5px;text-align: left; }
.d5footertxt { width: 100%;height: auto;display: inline-block;font-size: 16px;font-weight: normal;line-height: 160%;color: #fff;text-align: left; }
.d5footerlogoimgfrtc { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.d5footerlogoimgfren { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.d5footerlogoimgtchthk { width: 110px;height: auto;display: inline-block;filter: invert(1);margin-right: 20px; }
.d5footerlogoimgenhthk { width: 130px;height: auto;display: inline-block;filter: invert(1);margin-right: 20px; }
.d5footerlogoimgtcckhh { width: 140px;height: auto;display: inline-block;filter: invert(1); }
.d5footerlogoimgenckhh { width: 230px;height: auto;display: inline-block;filter: invert(1); }




/************************************************************************************
hsbc
*************************************************************************************/
.hsbcoffertitle { width: 100%;height: auto;display: inline-block;font-size: 30px;font-weight: bold;line-height: 120%;margin-bottom: 20px; }
.hsbcofferfr { width: 80%;height: auto;display: inline-block;margin: 10px 0px; }
.hsbcoffericon { width: 20%;height: auto;display: inline-block;vertical-align: middle; }
.hsbcoffertxt { width: 77%;height: auto;display: inline-block;vertical-align: middle;text-align: left;font-size: 20px;font-weight: bold;line-height: 120%; }
.hsbcgrid-container { display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: auto;grid-gap: 20px;margin-top: 30px;margin-bottom: 15px; }
.hsbcgridcol { width: 99%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;border-radius: 40px;box-shadow: 0px 3px 10px #dbdbdb;background-image: linear-gradient(to right, #f7f7f7 0%, #ffffff 20%, #ffffff 80%, #f7f7f7 100%);position: relative;line-height: 0%; }
.hsbcsrntitlefr { width: 100%;height: auto;display: inline-block;margin-bottom: 30px; }
.hsbcsrntitle { width: 100%;height: auto;display: inline-block;font-size: 28px;font-weight: bold;line-height: 120%;font-style: italic;color: #8900a6; }


/************************************************************************************
moneyback chill3
*************************************************************************************/
.chill3 { font-size: 20px;font-weight: bold;color: inherit; }
.chill3b { font-size: 15px;font-weight: bold;color: inherit;vertical-align: 5px; }
.chillul { list-style-type: decimal;padding-left: 20px; }
.chillli { padding: 5px 0px; }
.chillstampL { width: 20%;height: auto;display: inline-block;vertical-align: middle; }
.chillstampR { width: 78%;height: auto;display: inline-block;vertical-align: middle; }
.chillstampBtxt { font-size: 22px;font-weight: bold;line-height: 120%; width: 90%;height: auto;display: inline-block;text-align: left;margin-bottom: 5px; }
.chillstamptxt { font-size: 18px;font-weight: bold;line-height: 120%; width: 90%;height: auto;display: inline-block;text-align: left; }
.chillremark { font-size: 14px;font-weight: bold;line-height: 120%; }
.chilltxtlogo { width: 34px;height: auto;display: inline-block;vertical-align: -8px; }



/************************************************************************************
moneyback
*************************************************************************************/
.mbheader { width: 100%;height: auto;display: inline-block;font-size: 36px;font-weight: bold; color: #8900a6;line-height: 100%;text-align: center;margin-bottom: 30px; }
.mbcontent { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 140%;text-align: left;z-index: 1; }
.mbcontenthl { color: #8900a6; }

.mbvideotitle { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 100%;margin-bottom: 10px;text-align: left; }
.normalbuton { font-size: 18px;font-weight: bold;color: #caa3f2;line-height: 100%;width: auto;height: auto;border-radius: 10px; padding: 10px 26px;display: inline-block;cursor: pointer;background: #000;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.normalbuton:hover { color: #fff; }
.stepframecol4 { width: 22%;display: inline-block;text-align:left;font-size: 16px;line-height: 120%;margin: 10px 10px 20px 10px;vertical-align: top;text-align: center; }
.stepframecol5 { width: 18.5%;display: inline-block;text-align:left;font-size: 16px;line-height: 120%;margin: 10px 5px 20px 5px;vertical-align: top;text-align: center; }
.stepimg { width: 100%;height: auto; /*border: #4599e1 1px solid;*/margin-bottom: 5px; }
.stepno { width: 30px;height: 30px;float: left;margin-right: 5px;border-radius: 100%;background-color: #000;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: bold;line-height: 100%; }
.steptxtcol4 { width: 90%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%;margin-top: 5px;text-align: left; }

.appframe { width: 90%;height: auto;display: inline-block;border: 2px #dbdbdb solid;border-radius: 20px; padding: 20px; }
.apptitle { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 100%;text-align: center;margin-bottom: 20px; }

.finappframe { width: 98.5%;height: auto;display: inline-block;/*border: 2px #dbdbdb solid;border-radius: 5px;*/border-bottom: 2px #f3f3f3 solid;border-top: 2px #f3f3f3 solid;line-height: 0%;margin: 40px 0px 40px 0px;background-image: linear-gradient(90deg,#fff,#e7e7e7,#e7e7e7,#e7e7e7,#fff); }
.finapptitle { font-size: 22px; font-weight: bold;color: #000; line-height: 100%;/*background-color: #dbdbdb;*/ width: 100%;height: auto;display: inline-block;text-align: center;padding: 20px 0px 7px 0px; }
.finappdlframe { width: 40%;height: auto;display: inline-block;margin: 20px 0px;vertical-align: bottom; }
.finappdlframeline { border-right: 2px #c5c5c5 solid; }
.finappdlicon { width: 14%;height: auto;display: inline-block;margin-right: 10px; vertical-align: middle; }
.finappstoreicon { width: 24%;height: auto;display: inline-block;vertical-align: middle; }
.finappremark { width: 90%;height: auto;display: inline-block;font-size: 12px;font-weight: bold;line-height: 120%;text-align: left;margin-top: 10px; }


.mbnewsplayframe { width: 100%;height: auto;display: inline-block;border-radius: 20px;background: #f5e3f7;padding: 20px 0px;text-align: center; }
.mbnewsplayinsframe { width: 96%;height: auto;display: inline-block;text-align: left; }
.mbnewstxtL { width: 12%;height: auto;display: inline-block;float: left;font-size: 20px;font-weight: bold;line-height: 120%;color: #8900a6;vertical-align: top; }
.mbnewstxtR { width: 88%;height: auto;display: inline-block;float: left;font-size: 20px;font-weight: bold;line-height: 120%;vertical-align: top; }

.mbnewsplayiconframe { width: 100%;height: auto;display: inline-block;border-radius: 20px;border: 5px #f5e3f7 solid;padding: 20px 0px;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.mbnewsplayiconinsframe { width: 96%;height: auto;display: inline-block;text-align: center; }
.mbnewsplayiconcol2 { width: 46%;height: auto;display: inline-block;margin: 0px 10px; }
.mbnewsiconL { width: 22%;height: 100px;display: inline-block;float: left;vertical-align: top;border-bottom: 1px #dbdbdb solid; }
.mbnewsiconimg { width: auto;height: 100px;display: inline-block;float: left;vertical-align: top; }
.mbnewsiconM { width: 78%;height: 100px;display: flex;justify-content: left;align-items: center;float: left;text-align: left;font-size: 20px;font-weight: bold;line-height: 120%;vertical-align: top;border-bottom: 1px #dbdbdb solid; }
.mbnewsiconR { width: 40%;height: 100px;display: flex;justify-content: center;align-items: center;float: left;font-size: 20px;font-weight: bold;line-height: 120%;vertical-align: top;border-bottom: 1px #dbdbdb solid; }

.mbnewsiconLhead { width: 20%;height: 40px;margin-top: 30px;display: inline-block;float: left;vertical-align: top;background-color: #000; }
.mbnewsiconMhead { width: 40%;height: 40px;margin-top: 30px;display: flex;justify-content: left;align-items: center;float: left;font-size: 20px;font-weight: bold;color: #fff;line-height: 120%;vertical-align: top;background-color: #000; }
.mbnewsiconRhead { width: 40%;height: 40px;margin-top: 30px;display: flex;justify-content: center;align-items: center;float: left;font-size: 20px;font-weight: bold;color: #fff;line-height: 120%;vertical-align: top;background-color: #000; }

.mbnewsheadercoinimg { width: 46px;height: auto;display: inline-block;vertical-align: -8px; }
.mbnewscontentcoinimg { width: 30px;height: auto;display: inline-block;vertical-align: -7px; }

.mbtxtcoinblank { width: 1px;height: 20px;display: inline-block;vertical-align: -4px; }
.mbtxtcoin { width: auto;height: 20px;display: inline-block;vertical-align: -4px; }
.blockbuton { font-size: 14px;font-weight: bold;color: #caa3f2;line-height: 100%;width: auto;height: auto;padding: 7px 20px;border-radius: 3px;margin: 5px 0px 10px 0px; display: inline-block;background: #000;text-align: center;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.blockbuton:hover { color: #fff; }
.popuptitle { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%;text-align: left; }
.popupcontent { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%;text-align: left;margin-top: 20px; }
.popuppt { padding-left: 25px; }
.popuppt li { padding: 5px 0px; }
.popuppttnc { padding-left: 18px;list-style-type: decimal; }


.mbptpointxt { font-size: 26px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: 100%;height: auto;text-align: center; }
.mbptpoint { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #df2080;width: auto;height: auto; }
.mbptpointimg { width: 60px;height: auto;display: inline-block;vertical-align: -7px; }
.mbpteximg { width: 60px;height: auto;display: inline-block;vertical-align: -7px;margin: 0px 10px; }

.mbcol1txt { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 140%;text-align: center;margin-bottom: 20px; }

.mbpagebuton { font-size: 24px;font-weight: bold;color: #caa3f2;line-height: 100%;width: auto;height: auto;border-radius: 10px; padding: 15px 40px;display: inline-block;cursor: pointer;background: #000;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.mbpagebuton:hover { color: #fff; }

.mbdlbut { font-size: 16px;color: #caa3f2;font-weight: bold;line-height: 100%; background-color: #000000;border-radius: 10px; margin: 0px 0px 0px 0px;padding: 15px 40px;cursor: pointer;display: inline-block;
text-align: center;position: absolute;top: 13%;right: 0px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.mbdlbut:hover { color: #ffffff; }

.mbhomeframe { width: 100%;height: auto;display: inline-block;line-height: 0%; padding: 30px 0px; position: relative;vertical-align: top; }
.mbhomeframeen { width: 100%;height: auto;display: inline-block;line-height: 0%; padding: 30px 0px; position: relative;vertical-align: top; }
.mbhometop { width: 100%;height: auto;display: inline-block;position: absolute;top: 0px;left: 0px;text-align: left; }
.mbhomebottom { width: 100%;height: auto;display: inline-block;position: absolute;bottom: 0px;left: 0px;text-align: right; }
.mbhomecoltxt { width: 88%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 140%;text-align: justify; }
.mbhomecoltxten { width: 88%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 140%;text-align: left; }
.mbhomecolimg { width: 80%;height: auto;display: inline-block;margin-top: 20px; }
.mbhomecoltbimg { width: 80%;height: auto;display: inline-block; }
.mbhomecoltbimgstill { width: auto;height: 70px;display: inline-block; }

.monthgrid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
    /*padding: 5px;*/
    margin-top: 20px;
    margin-bottom: 8px;
}

.monthgridcol {
    width: 98%;
    display: inline-block;
    margin: 0px;
    vertical-align: top;
    float: left;
    scroll-snap-align: center;
    border: 5px #8900a6 solid;
    position: relative;
    line-height: 0%;
}

.iconddup { width: auto;height: 32px;display: inline-block;vertical-align: -11px; }


.mbbdheader { width: 100%;height: auto;display: inline-block;font-size: 40px;font-weight: bold; color: #8900a6;line-height: 100%;text-align: center;margin-bottom: 10px; }
.mbbdcontent { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 140%;text-align: center;margin-bottom: 30px; }
.mbbdheadercake { width: auto;height: 70px;display: inline-block;vertical-align: -7px; }
.mbbdheadersupreme { width: auto;height: 40px;display: inline-block;vertical-align: -3px; }


.bddeviceiconframeon { font-size: 18px;font-weight: bold;line-height: 100%; text-align: center;cursor: pointer;margin: 0px 10px;display: inline-block;width: 10%;vertical-align: top;color: #6e2aa5; }
.bddeviceiconframe { font-size: 18px;font-weight: bold;line-height: 100%; text-align: center;cursor: pointer;margin: 0px 10px;display: inline-block;width: 10%;vertical-align: top; }
.bddeviceiconimgon { width: auto;height: 110px;/*filter: invert(17%) sepia(83%) saturate(2132%) hue-rotate(260deg) brightness(99%) contrast(97%);*/ }
.bddeviceiconimg { width: auto;height: 110px; }
.bdplantablewidthdevice { width: 88%;padding-bottom: 10px;max-width: 1600px; }




/************************************************************************************
Airtag
*************************************************************************************/
.airtagaccimg { width: 70px; height: auto;display: inline-block;vertical-align: -35px; }


/************************************************************************************
hsbc
*************************************************************************************/
.hsbcbannerframe { width: 49%; height: auto;display: inline-block;float: left; }
#hsbcbannerframespace {width:10px; clear:both; height: 20px}
/*
.hsbcofframe { width: 96%;height: auto;display: inline-block;background-color: #f2f2f2;border: 2px #b80018 solid; margin: 0px 0px 6px 0px;padding: 0px 0px 5px 0px;border-radius: 10px; }
.hsbcoftitle { width: 100%;height: auto;display: inline-block;background-color: #b80018;font-size: 14px;line-height: 120%;color: #fff; padding: 5px 0px;border-radius: 8px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
.hsbcofrowlocal { width: 100%;height: auto;display: inline-block;float: left;text-align: center;padding: 8px 0px 0px 0px;color: #000; }
.hsbcofdata { width: 100%;height: auto;display: inline-block;font-size: 30px;line-height: 120%;font-weight: bold;color: #b80018; }
*/

.hsbccolorframe { border: 2px #e2391f solid !important; }
.hsbccolortxt { color: #e2391f !important; }
.hsbctdcolor { background-color: #e2391f !important;background-image: linear-gradient(to right, #e2391f, #e2391f) !important; }

.hsbcofframe { width: 96%;height: auto;display: inline-block;background-color: #f2f2f2;border: 2px #0461ae solid; margin: 0px 0px 6px 0px;padding: 0px 0px 5px 0px;border-radius: 10px; }
.hsbcoftitle { width: 100%;height: auto;display: inline-block;background-color: #0461ae;background-image: linear-gradient(to right, #0461ae , #49b045);font-size: 14px;color: #fff; line-height: 120%;color: #fff; padding: 5px 0px;border-radius: 8px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
.hsbcofrowlocal { width: 100%;height: auto;display: inline-block;float: left;text-align: center;padding: 8px 0px 0px 0px;color: #000; }
.hsbcofdata { width: 100%;height: auto;display: inline-block;font-size: 30px;line-height: 120%;font-weight: bold;color: #0461ae; }


/************************************************************************************
apple
*************************************************************************************/
.deviceiconframeon { font-size: 18px;font-weight: bold;line-height: 100%; text-align: center;cursor: pointer;margin: 0px 10px;display: inline-block;width: 10%;vertical-align: top;color: #6e2aa5; }
.deviceiconframe { font-size: 18px;font-weight: bold;line-height: 100%; text-align: center;cursor: pointer;margin: 0px 10px;display: inline-block;width: 10%;vertical-align: top; }
.deviceiconimgon { width: auto;height: 110px;/*filter: invert(17%) sepia(83%) saturate(2132%) hue-rotate(260deg) brightness(99%) contrast(97%);*/ }
.deviceiconimg { width: auto;height: 110px; }
.plantablewidthdevice { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.applenewicon1 { background-image: url(bgnew.jpg);background-size: cover;width: auto;font-size: 14px;font-weight: bold;line-height: 100%; color: #ffffff;padding: 5px 15px;margin: 0px 0px 0px 10px; display: inline-block;vertical-align: 1px;text-align: center; }

.planarrowleftframe { display: none; }
.planarrowrightframe { display: none; }
.planarrowdownframe { display: none; }

.offerappicon {width: 30px;vertical-align: -8px;line-height: inherit; }
.offercol1a { width: auto;height: auto;display: inline-block;font-size: 16px;font-weight: bold;line-height: 120%; padding: 10px 10px;vertical-align: middle; }
.offercol1b { width: auto;height: auto;display: inline-block;font-size: 14px;font-weight: bold;line-height: 120%; padding: 10px 10px;vertical-align: middle; }

.formhr { border: 0;border-top: 1px solid #d9d9d9; }

.wificallpimg { width: 20%;height: auto;display: inline-block;vertical-align: middle; }
.wificallptxt { width: 78%;height: auto;display: inline-block;vertical-align: middle;font-size: 16px;line-height: 160%; }
.wificallptxttitle { font-size: 24px;font-weight: bold; }

.actitle { font-size: 30px;font-weight: bold; line-height: 120%;color: #000;width: 100%;height: auto;display: inline-block; }
.aclogo { width: 100%;height: auto;display: inline-block;text-align: center;margin-top: 20px;margin-bottom: 20px; }
.accontent { font-size: 16px;line-height: 120%;width: 100%;height: auto;display: inline-block;text-align: left; }
.actable { border-collapse: collapse;border-spacing: 0; }
.acpricetable { border: #848484 3px solid;border-radius: 20px;margin: 20px 0px;width: 88.8%;max-width: 1600px; }
.acpricetd { font-size: 16px;line-height: 120%;padding: 10px;border-right: #848484 3px solid;text-align: center;vertical-align: middle; }
.acyearimg { width: 100%;height: auto;display: inline-block;text-align: left;margin-top: 20px;margin-bottom: 10px; }
.acyeartable { width: 88.8%;max-width: 1600px; }
.acyearpt { font-size: 14px;line-height: 120%;width: auto;height: auto;display: inline-block;margin-left: 58px; }
.acultitle { font-size: 16px;font-weight: bold;line-height: 120%;margin-top: 30px; }
.acul { list-style: disc; padding-left: 20px;font-size: 16px; line-height: 160%; }
.actnc { padding-left: 20px;line-height: 160%; }

/************************************************************************************
form new style
*************************************************************************************/
.labl {
    display : inline-block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}
.labl > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.labl > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #c5c5c5;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
}
.labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #fff;
    border: 2px solid #e50fab;
}    

.lablcol3 {
    display : inline-block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    width: 30%;
    float: left;
}
.lablcol3 > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.lablcol3 > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #c5c5c5;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
}
.lablcol3 > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #fff;
    border: 2px solid #e50fab;
}    

.lablcol2 {
    display : inline-block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    width: 47.5%;
    float: left;
}
.lablcol2 > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.lablcol2 > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #c5c5c5;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
}
.lablcol2 > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #fff;
    border: 2px solid #e50fab;
}    

.lablphone {
    display : inline-block;
    width: auto;
    text-align: center;
    vertical-align: middle;
}
.lablphone > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.lablphone > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #fff;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 16px;
}
.lablphone > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #fff;
    border: 2px solid #e50fab;
}    

.lablcolor {
    display : inline-block;
    width: 60px;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    line-height: 120%;
    margin-right: 20px;
}
.lablcolor > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.lablcolor > input + div{ /* DIV STYLES */
    cursor:pointer;
    border: 1px solid #dbdbdb;
    border-radius: 100px;
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    display: inline-block;
}
.lablcolor > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #fff;
    border: 2px solid #e50fab;
}    
.lablcolorbox { width: 28px;height: 28px;border-radius: 100px;display: inline-block;margin-top: 2px;}

.lablcolor2tc {
    display : inline-block;
    width: 60px;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    line-height: 120%;
    margin-right: 20px;
}
.lablcolor2tc > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.lablcolor2tc > input + div{ /* DIV STYLES */
    cursor:pointer;
    /*border: 1px solid #dbdbdb;*/
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    display: inline-block;
    background-image: url(tick-off-tc.svg);
    background-repeat: no-repeat;
    background-position: center center;
    
}
.lablcolor2tc > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    /*background-color: #fff;
    border: 2px solid #e50fab;*/
    background-image: url(tick-on-tc.svg);
}    

.lablcolor2en {
    display : inline-block;
    width: 60px;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    line-height: 120%;
    margin-right: 20px;
}
.lablcolor2en > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.lablcolor2en > input + div{ /* DIV STYLES */
    cursor:pointer;
    /*border: 1px solid #dbdbdb;*/
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    display: inline-block;
    background-image: url(tick-off-en.svg);
    background-repeat: no-repeat;
    background-position: center center;
    
}
.lablcolor2en > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    /*background-color: #fff;
    border: 2px solid #e50fab;*/
    background-image: url(tick-on-en.svg);
}    


.lablspace { width: 5%;height: auto;display: inline-block;float: left; }
.lablplanspace { width: 9px;height: auto;display: inline-block; }
.lablplanspace2 { width: 100%;height: 1px;display: inline-block; }
.phoneimg { width: 150px;height: auto;display: inline-block; }
.lablerttxt { color: #FF0000;float: none !important; }

.labltitle { padding: 7px 0px !important; }
.forminputframe { width: 50%;height: auto;display: inline-block;float: left;margin: 15px 0px; }
.forminputframe2 { width: 100%;height: auto;display: inline-block;float: left;margin: 15px 0px; }
.formheader { width: 150px;height: auto; display: inline-block;vertical-align: top;text-align: left;margin-top: 8px;margin-bottom: 10px; }
.formheader2 { width: 100%;height: auto; display: inline-block;vertical-align: top;text-align: left;margin-top: 8px;margin-bottom: 10px; }
.forminput {width: 70%;height: auto; display: inline-block;vertical-align: top; }
.forminput2 {width: 86%;height: auto; display: inline-block;vertical-align: top;white-space: nowrap; }
.forminput3 {width: 100%;height: auto; display: inline-block;vertical-align: top; }
.formtoR { text-align: right; }
.formspace { clear: both;height: 1px; }
.formerrtxt { font-size: 14px;color: #FF0000;width: 100%;height: auto;display: inline-block;text-align: left; }
.lablRspace { margin-right: 0px !important; }
.formplanicon { width: 24px;vertical-align: -5px;line-height: inherit; }
.formplanhsframe { width: 32%;height: auto;display: inline-block;border: 1px solid #c5c5c5;border-radius: 5px;text-align: center;font-size: 16px;font-weight: bold;line-height: 120%;padding: 30px 0px;vertical-align: top; }
.formplanhsframe2 { width: 32%;height: auto;display: inline-block;border: 1px solid #c5c5c5;border-radius: 5px;text-align: center;font-size: 16px;font-weight: bold;line-height: 120%;padding: 30px 0px;vertical-align: top; }
.formplanhsframe3 { width: 49%;height: auto;display: inline-block;border: 1px solid #c5c5c5;border-radius: 5px;text-align: center;font-size: 16px;font-weight: bold;line-height: 120%;padding: 30px 0px;vertical-align: top; }
.formhsimg { width: 230px; } 


.tab { overflow: hidden;background: #fff;background-image: url(tabline.jpg);background-position: bottom;background-repeat: no-repeat; }
.tab button { background-color: #ffffff; float: left; border: none; outline: none; cursor: pointer; padding: 20px 0px; transition: 0.3s; font-size: 32px;font-weight: bold; color: #000;line-height: 120%; border-right: #fff 1px solid;text-align: left; }
.tab button:hover { background-color: #F3E3DB; }
.tab button.active { background-color: #f3f1ee;color: #000000;font-weight: bold;/*text-decoration: underline;text-decoration-color: #000000;*/ }
.tabcontent { -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; display: none;position: relative;background-color: #f3f1ee; }



/************************************************************************************
5G
*************************************************************************************/
.tab5goff { color: #f7008e;font-weight: bold; 
	-webkit-animation:color_change 5s infinite alternate;
	-moz-animation: color_change 5s infinite alternate;
	-ms-animation: color_change 5s infinite alternate;
	-o-animation: color_change 5s infinite alternate;
	animation: color_change 5s infinite alternate;}

@-webkit-keyframes color_change {
		  from { color: #f7008e; }
		  to { olor: #7e25e2; }
		}
		@-moz-keyframes color_change {
		  from { color: #f7008e; }
		  to { color: #7e25e2; }
		}
		@-ms-keyframes color_change {
		  from { color: #f7008e; }
		  to { color: #7e25e2; }
		}
		@-o-keyframes color_change {
		  from { color: #f7008e; }
		  to { color: #7e25e2; }
		}
		@keyframes color_change {
		  from { -color: #f7008e; }
		  to { color: #7e25e2; }
		}
			
.frameplan5gcol1 { width: 49.5%;display: inline-block;margin: 0px;vertical-align: top; }
.frameplan5gcol2 { width: 49.5%;display: inline-block;margin: 0px;vertical-align: top;float: left; }
.frameplan5gcol2new { width: 47%;display: inline-block;margin: 0px;vertical-align: top;float: left; }
.frameplan5gcol3 { width: 32%;display: inline-block;margin: 0px;vertical-align: top;float: left; }
.tableoff5g { border-collapse: collapse; border: 2px solid #f3dd88; padding: 0px; text-align: center;font-size: 14px;line-height: 100%;font-weight: bold;background-color: #f2f2f2; }
.tableoffshadow { box-shadow: 0px 0px 10px #bfbfbf; }
.hs5grow1space { width: 1%;height:140px;display: inline-block;vertical-align: middle;margin: 0px; }
.hs5grow1 { width: 97%;height:auto;display: inline-block;vertical-align: top;margin: 0px;padding: 15px 0px 10px 0px;color: #fff; }
.hs5gtxttitlebg01 { background: url(5gplantitlebg01.jpg);background-size: 100% 100%; }
.hs5gtxttitlebg02 { background: url(5gplantitlebg02.jpg);background-size: 100% 100%; }
.hs5gtxtwht { color: #ffffff !important; }
.hs5gtxtblue { color: #00acb8 !important; }
.hs5gtxtblk { color: #000000 !important; }
.hstab5gshadow { box-shadow: 0px 0px 10px #959595; }
.hc5gbgnone { background: none !important; }
.frame5gplantitle { font-size: 18px;font-weight: bold;line-height: 100%;padding: 8px 0px 8px 0px;background: #dbdbdb; text-align: center;color: #000;hsrow2 }
.frame5gtpitem { width: 32.3%;display: inline-block;border: #f3dd88 2px solid;text-align: center;vertical-align: top;position: relative;float: left;margin: 0px 0px 10px 0px;line-height: 100%; }
.frame5gtpitemspace { width: 1%;display: inline-block;vertical-align: top;float: left; }
.topup5giconframe { width: 100%;display: inline-block;padding: 10px 0px; }
.topup5gicon { width: auto;height: 90px;padding: 0px 10px; }
.topup5gprice1 { font-size: 24px;font-weight: bold;line-height: 100%; display: inline-block;width: 100%; }
.topup5gprice2 { font-size: 60%; }
.topup5gdes { font-size: 16px;font-weight: bold;line-height: 100%;display: inline-block;width: 100%; }
.framehs5gmain2 { border-bottom: none !important;padding: 30px 0px !important; }
.topup5gsubtitle { font-size: 24px;font-weight: bold;color: #f3dd88;display: inline-block; }
.hs5gphoneimg { width: 150px;height: auto;padding: 15px 0px; }
.frameplanarrow { width: 3%;display: inline-block;margin: 100px 15px 0px 15px;vertical-align: top;float: left; }
.popupgrade { position: absolute;top: -20px;right: -20px; }
.popupgradeimg { width: 80px;height: 80px; }
.hs5gtxthihglight { color: #9839b7; }
            
            
.pagebg { background-color: #000000 !important;background-image: url('bg5gbottom.png'), url('bg5g.jpg');background-repeat: no-repeat, no-repeat;background-position: center bottom, center 550px;background-size: 100%, 100%; }
.pagebgform { background-color: #000000 !important; }
			
.bgcolor5g { background-color: #0d0d0d; }
.textcolorwht5g { color: #ffffff !important; }		
.textcolorblk5g { color: #000000 !important; }		
.bordercolorwht5g { border: #fff 2px solid !important; }
.borderLcolorblk5g { border-left: #000 2px solid !important; }
.borderRcolorblk5g { border-right: #000 2px solid !important; }
.imgcolorwht5g { filter:invert(100%); }	
.textshadowblk5g { text-shadow: 0px 0px 8px #000; }
.undercolor5g { border-bottom: #fff 1px solid !important; }
.undercolor5g2px { border-bottom: #fff 2px solid !important; }
.title5glogo { width: auto;height: 40px;display: inline-block;vertical-align: -9px; }	
.frameworldofv { display: inline-block;float: right;line-height: 0%; }
.imgworldofv { width: auto;height: 45px; }
.frameofferline { padding: 5px 0px;display: inline-block;line-height: 0%;width: 100%; }
.frameofferlinebtm { padding: 5px 0px;line-height: 0%;width: 100%;position: absolute;bottom: 0%; }
.imgofferline { width: auto;height: 4px; }
.offertext { font-size: 16px;line-height: 120%;display: inline-block;color: #FFF;width: 100%;margin-bottom: 15px; }
			
.vas5gframespace { margin-left: 40px; }
.vas5gframe { transform: skewX(-26deg);width: 46%;overflow: hidden;line-height: 0%;border: 2px solid #f3dd88;display: inline-block;margin: 5px 5px;cursor: pointer; }
.vas5gimg { transform: skewX(26deg);position: relative;right: -9%; }			
		
.mainoffer5gframe { width: 30%;height: 240px;display: inline-block;vertical-align: middle;position: relative; }
.mainoffer5gframex { width: 4%;height: auto;display: inline-block;vertical-align: middle; }
.mainoffer5gframeximg { height: 50px; }
.mainoffer5gtitle { font-size: 28px;font-weight: bold;color: #f3dd88;display: inline-block;width: 100%;line-height: 120%; }
.mainoffer5ginfo { font-size: 20px;color: #ffffff;width: 100%;text-align: center;display: inline-block;line-height: 140%; }
.mainoffer5gpdtname { font-size: 30px;font-weight: bold;display: inline-block;color: #fff; }
.mainoffer5giconframe { width: 100%;height: 90px; display: inline-block;padding: 10px 0px;line-height: 0%; }
.mainoffer5gicon { width: auto;height: 100px;padding: 0px 10px; }

.stdtitle { font-size: 28px;line-height: 120%;display: inline-block;font-weight: bold;padding: 40px 0px;font-style: italic; }

.tdhs01 { color:#000000; }
.simstdimgframe { width: 20%;height: auto;display: inline-block;vertical-align: middle; }
.simstdimg { width: auto;height: auto; }
.simstdtxt { font-size: 16px;line-height: 120%; color: #000;font-weight: bold; width: 78%;display: inline-block;text-align: left;vertical-align: middle; }
.simstdiconnew { padding: 2px 6px; background-color: #7337a8; color: white; font-size: 12px; border-radius: 3px; display: inline-block; }
.simstdoffertxt { font-size: 14px;line-height: 120%;color: #6400A7; }
.simstdlabel { width: 72px;height: auto;display: inline-block;background-color:#ae0098;color: #fff;padding: 2px 0px 5px 0px;font-size: 12px;font-weight: bold;margin-top: 3px; }
.simstdprice { font-size: 30px;line-height: 140%;font-weight: bold;color: #7337a8; }


/************************************************************************************
coverage
*************************************************************************************/
.menucol1 { width: 100%;display: inline-block;text-align: left;margin-bottom: 20px;font-size: 16px; }
.menucol1loc { width: 100%;display: inline-block;text-align: left;margin-bottom: 15px;font-size: 16px; }
.menucol1submit { width: 100%;display: inline-block;text-align: right;margin-bottom: 10px; }
.menucol2 { width: 50%;display: inline-block;text-align: left;float: left; margin-top: 10px;margin-bottom: 20px;font-size: 16px; }
.menutitle { width: 155px;display: inline-block;float: left;text-align: right;line-height: 200%;  }
.menuselect { width: 68%;display: inline-block;float: right; }
.menuselect2 { width: 84%;display: inline-block;float: right; }

.covpagetablewidth { width: 88%; max-width: 1600px; }



/************************************************************************************
scroll tab menu
*************************************************************************************/
	.linkTabsRow{
		width: 88%;
		max-width: 1600px;
		position: relative;
		text-align: left;
	}
	.linkTabs{
		background-image: url(../applecss/tabline.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		padding-bottom: 2px;
		cursor: pointer;
	}
	.slick-track{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.slick-slide{
		height: 50px !important;
		padding-top: 8px;
		padding-bottom: 8px;
		background: #e6e6e6;
    	border-right: #fff 1px solid;
		text-align: center;
	}
	.slick-selected{
		background-image: url(../applecss/bgtab.jpg);
		background-size: cover;
		background-position: center;
		color: white;
		font-weight: bold;
		cursor: default;
	}
	.slickBtnImg{
		position: absolute;
		left: 0px;
		top: -68px;
		cursor: pointer;
	}

/************************************************************************************
amazon
*************************************************************************************/
.iconinfoframe { width: 100%;height: auto;display: inline-block; }
.iconinfophoto { width: 33%;height: auto;display: inline-block;vertical-align: middle;text-align: center; }
.iconinfocontent { width: 50%;height: auto;display: inline-block;vertical-align: middle;text-align: left; }
.iconinfotitletxt { font-size: 24px;font-weight: bold;line-height: 120%; }
.iconinfotxt { font-size: 20px;font-weight: normal;line-height: 120%;padding-top: 10px; }
.iconhr { border: 0;border-top: 1px solid #d8d8d8; }


/************************************************************************************
billto3
*************************************************************************************/
.logoframe { width: 18.6%;display: inline-block;border: #dbdbdb 2px solid;margin-right: 10px;line-height: 0%; }
.activeframe { width: 99%;height: auto;border: #dbdbdb 2px solid;display: inline-block;position: relative;background-repeat: no-repeat;background-size: cover;background-position: top; }
.activetxt { font-size: 22px;font-weight: 500; line-height: 120%;width: 96%; height: 70px; display: inline-block;text-align: center;padding: 30px 10px; }
.pgtitlelogo { width: 110px;display: inline-block;float: right; }
.pgtitlesubtxt { font-size: 16px;font-weight: normal;display: inline-block;line-height: 120%;padding-top: 5px; }
.logoboku { width: 70px; }
.hstitlebk { font-size: 20px;line-height: 100%;font-weight: bold;width: auto;display: inline-block;vertical-align: top; }
.arrowr { width: 12px;margin-left: 5px;vertical-align: -3px; }
.moretxt { width: 100%;display: inline-block;font-size: 16px;font-weight: 500; }
.butdevicelogo { height: 35px; width: auto;vertical-align: -10px; }
.billinfocontainer { width: 100%;height: auto;display: inline-block;text-align: center; }
.billinfoiconframe { width: 20%;height: auto;padding: 0px 10px;display: inline-block;font-size: 18px;font-weight: 500;line-height: 120%;vertical-align: top; }
.billinfoiconimg { width: 80%; }


/************************************************************************************
ms
*************************************************************************************/
.mainsliderframe { position: absolute;z-index: 99;top: 60px; right: 0px;width: 50%;height: auto;text-align: left; }
.mainslidertxtframe { position: relative; background-image: url(bg-promo-slider.png);background-size: 100% 100%; height: 300px;padding: 35px 50px 35px 50px; }
.mainslidertxt1 { font-size: 1.25em;font-weight: bold; line-height: 120%;color: #fff;display: inline-block;padding-bottom: 20px;height: 22px;width: 99%; }
.mainslidertxt2 { font-size: 4.375em;font-weight: bold; line-height: 120%;color: #fff;display: inline-block;height: 180px;padding-bottom: 10px;width: 99%; }
.mainslidertxt2en { font-size: 3.6em;font-weight: bold; line-height: 120%;color: #fff;display: inline-block;height: 180px;padding-bottom: 10px;width: 99%; }
.mainslidertxt3 { font-size: 0.875em;line-height: 120%;color: #fff; display: inline-block;padding-top: 30px; }
.mainsliderhr { border: 0;border-top: 1px solid #eee; }
.mainsliderbutton { width: 260px;background: #000;padding: 22px 0px;display:inline-block;line-height: 100%;cursor: pointer;font-size: .875em; color: #fff;text-align: center;border: #000 1px solid; }
.mainsliderbutton:hover { background: #737373; }

/************************************************************************************
topnav
*************************************************************************************/
.topnavframe { width: 100%;display: inline-block;background: #434448;font-size: 16px;line-height: 100%;font-weight: bold; }
.topnavbutoff { color: #fff;padding: 15px 30px;display: inline-block;background: #434448;cursor: pointer; }
.topnavbutoff:hover { display: inline-block; background-image: -webkit-gradient(linear,right top,left top,from(#743ad5),to(#d53a9d));background-image: -webkit-linear-gradient(right,#743ad5,#d53a9d);background-image: -o-linear-gradient(right,#743ad5 0,#d53a9d 100%);background-image: linear-gradient(270deg,#743ad5 0,#d53a9d); }
.topnavbuton { color: #fff;padding: 15px 30px;display: inline-block;background: #434448;background-image: -webkit-gradient(linear,right top,left top,from(#743ad5),to(#d53a9d));background-image: -webkit-linear-gradient(right,#743ad5,#d53a9d);background-image: -o-linear-gradient(right,#743ad5 0,#d53a9d 100%);background-image: linear-gradient(270deg,#743ad5 0,#d53a9d); }

.slider { display: flex;font-size: 16px;line-height: 100%;background: #434448;color: #fff;font-weight: bold; }
section { padding: 15px 20px;width: auto; scroll-snap-align: center;text-align: center;position: relative;cursor: pointer; }
section:hover { background-image: -webkit-gradient(linear,right top,left top,from(#743ad5),to(#d53a9d));background-image: -webkit-linear-gradient(right,#743ad5,#d53a9d);background-image: -o-linear-gradient(right,#743ad5 0,#d53a9d 100%);background-image: linear-gradient(270deg,#743ad5 0,#d53a9d); }
.sectionoff {  }
.sectionon { display: inline-block;background: #434448;background-image: -webkit-gradient(linear,right top,left top,from(#743ad5),to(#d53a9d));background-image: -webkit-linear-gradient(right,#743ad5,#d53a9d);background-image: -o-linear-gradient(right,#743ad5 0,#d53a9d 100%);background-image: linear-gradient(270deg,#743ad5 0,#d53a9d); }


/************************************************************************************
content size
*************************************************************************************/
.contentset2 { font-size: 20px;font-weight: bold;line-height: 120%;display: inline-block;padding-bottom: 15px; }
.content1 { font-size: 14px;line-height: 120%;display: inline-block; }


/************************************************************************************
col
*************************************************************************************/
.contentcol1 { width: 100%;display: inline-block;float: left; }
.contentcol2 { width: 50%;display: inline-block;float: left; }
.contentcol3 { width: 32%;display: inline-block;float: left;text-align: center; }
.contentcol3in { width: 240px;display: inline-block;text-align: left; }

.imghow { width: 200px; }

.contentcol2video { width: 49.5%;display: inline-block; }
.contentcol2videospace { width: 1%;display: inline-block; }

.contentcol3video { width: 32.5%;display: inline-block; }
.contentcol3videospace { width: 1%;display: inline-block; }



/************************************************************************************
roam price
*************************************************************************************/
.roampricebox { width: 535px;height: auto;float: right; border: #dbdbdb 2px solid;display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: top;padding-top: 45px; }
.roamdayno { font-size: 80px;color: #fff;font-weight: bold;line-height: 100%;position: absolute;right: 30px;top: 80px; }
.roamdaytxt { font-size: 70%;color: inherit;line-height: inherit;vertical-align: 5px; }
.roampriceframe { width: 100%;display: inline-block;text-align: center; }
.roamday { font-size:35px;font-weight: 500;color: #000; display: inline-block; }
.roamprice { font-size:60px;font-weight: 700;color: #f45b22;width: 100%; display: inline-block;padding-bottom:45px; }
.roamactivepgbutframe { display: none; }
.roamactivebut { width: 100%;font-size: 22px;font-weight: bold;color: #fff; padding: 10px 0px;border-top: #dbdbdb 2px solid;text-align: center; display: inline-block;background-image: url(bg_button.jpg);background-repeat: no-repeat;background-size: 350%;background-position: 0% 100%;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.roamactivebut:hover { background-size: 250%;background-position: 0% 80%; }
.roamactivetxt { width: 100%;font-size: 22px;font-weight: bold;color: #000; padding: 10px 0px;border-top: #dbdbdb 2px solid;text-align: center; display: inline-block; }
.roamremark { width: 535px;float: right; text-align: center;display: inline-block;font-size: 16px;font-weight: normal; }
.roamactivebut2 { width: 100%;font-size: 22px;font-weight: bold;color: #fff; padding: 10px 0px;border-top: #dbdbdb 2px solid;text-align: center; display: inline-block;background-image: url(bg_button.jpg);background-repeat: no-repeat;background-size: 350%;background-position: 0% 100%;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.roamactivebut2:hover { background-size: 250%;background-position: 0% 80%; }
.roamactivepgbutframe2 {  }
.roamactivebut3 { width: 100%;font-size: 22px;font-weight: bold;color: #fff; padding: 10px 0px;border-top: #dbdbdb 2px solid;text-align: center; display: inline-block;background-image: url(bg_button.jpg);background-repeat: no-repeat;background-size: 350%;background-position: 0% 100%;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.roamactivebut3:hover { background-size: 250%;background-position: 0% 80%; }



/************************************************************************************
ul li
*************************************************************************************/
.ulset2 { list-style-image: url('pt.png');padding: 0px 0px 10px 20px;font-size: 16px;line-height: 120%;text-align: left; }
.ulset2en { list-style-image: url('pt.png');padding: 0px 0px 10px 20px;font-size: 16px;line-height: 120%;text-align: left;  }
.liset2 { padding: 3px 0px 10px 0px; }
.ulset3 { font-size: 16px;line-height: 120%;padding-left: 20px; }
.ulset4 { font-size: 12px;line-height: 120%;padding-left: 20px; }
.ulset5 { list-style-image: url('pt2.png');padding: 15px 0px 0px 20px;font-size: 16px;line-height: 120%; }
.liset5 { padding: 3px 0px 10px 0px; }

.ulappleset2 { list-style-image: url('pt.png');padding: 0px 0px 0px 20px;font-size: 16px;line-height: 120%;text-align: left;font-weight: bold; }
.ulappleset2en { list-style-image: url('pt.png');padding: 0px 0px 0px 20px;font-size: 16px;line-height: 120%;text-align: left;font-weight: bold; }


/************************************************************************************
QR
*************************************************************************************/
.roamqrframe { width: 100%;display: inline-block;float: left;text-align: center;padding: 20px 0px; }
.roamqr { width: 250px;line-height: 0%;padding-bottom: 15px; }
.roamqrdayno { font-size: 44px;font-weight: 1000;line-height: 100%;display: inline-block; }
.roamqrdaytxt { font-size: 70%;color: inherit;line-height: inherit;vertical-align: 2px; }
.roamqrtel { font-size: 22px;font-weight: 700;line-height: 100%;display: inline-block; }


/************************************************************************************
FAQ
*************************************************************************************/
.faqframe { display: inline-block;padding-bottom: 20px;width: 100%;  }
.faqimg { width: 90px;height: auto; line-height: 0%;display: inline-block;vertical-align: middle; }
.faqcontent { width: 90%;padding-left: 10px; font-size: 18px; line-height: 140%;display: inline-block;vertical-align: middle; }
.faqcontent2 { width: 100%; font-size: 18px; line-height: 140%;display: inline-block;vertical-align: middle; }

/************************************************************************************
page icon
*************************************************************************************/
.infoiconframe { display: inline-block;padding-bottom: 20px;width: 50%;float: left; }
.infoiconimg { width: 100px;height: auto; line-height: 0%;display: inline-block;vertical-align: middle; }
.infoiconcontent { width: 80%;padding-left: 0px; font-size: 16px; line-height: 120%;display: inline-block;vertical-align: middle; }

/************************************************************************************
table
*************************************************************************************/
.set1table { border-collapse: collapse; border: 2px solid #dbdbdb; padding: 0px; text-align: center;font-size: 16px;line-height: 120%;font-weight: normal;padding: 12px 10px; }
.set1tabless { border-collapse: collapse; border: 2px solid #dbdbdb; padding: 0px; text-align: center;font-size: 16px;line-height: 120%;font-weight: normal;padding: 12px 10px; }
.set1tablenormal { font-weight: normal; }
.set1tabletitle { background: #e4eff5; border-left: #fff 2px solid;border-right: #fff 2px solid;text-align: center;font-size: 18px; }
.set1tableL { background: #e4eff5; border-left: #fff 2px solid;text-align: left; }
.set1tableR { background: #fff; border-right: #fff 2px solid; }
.set1tableheader { /*background-image: url(bgheader.jpg);background-size: 100% 100%;*/color: #fff;background-color: #000; }
.set1tableheader2 { background: #f5f5f5; color: #000; }
.set1tableheaderprc { background: #f8e8f3;color: #b11d8d;font-weight: bold;font-size: 160% !important; }
.set1tablehighlgt { color: #DF008A; }
.set1tabledisprc { color: #282828;font-weight: normal;font-size: 70% !important;text-decoration: line-through; }
.set1tablenormaltxt { color: #000;font-weight: normal;font-size: 16px !important; }

/************************************************************************************
Main slider
*************************************************************************************/
.midmainsliderpc { width: 100%;max-width: 1600px;height: 300px;background-size: cover;background-position: center; display: inline-block;margin-bottom: 20px; }
.midmainslidermob { display: none; }


/************************************************************************************
location
*************************************************************************************/
.covertitle { width: 99.5%;display: inline-block;padding: 3px;font-size: 16px;font-weight: bold;color: #000000;background: #f5f5f5; }
.coverloc { width: 10%;display: inline-block;padding: 5px 3px;border-right: #c3c3c3 1px solid;margin: 3px 0px;text-align: left;font-size: 14px;line-height: 110%;vertical-align: middle; }
.coverhighlight { background: #ff0097;color: #ffffff !important; }
.conponappicon { width: 50px;vertical-align: -13px; }

/************************************************************************************
form
*************************************************************************************/
input[type=text] { 
    width: 100%;
	padding: 5px 5px 5px 5px;
    margin: 5px 0px 5px 0px;
    box-sizing: border-box;
	border: 1px solid #C5C5C5;
    border-radius: 5px;
	font-size: 20px;
	font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif;
}


/************************************************************************************
idd code
*************************************************************************************/
.iddcode1 { font-size: 18px;font-weight: bold;display: inline-block;padding: 5px 20px;border-radius: 5px;background: #e6048c;color: #fff;margin: 5px 3px 5px 3px; }
.iddcode2 { font-size: 18px;font-weight: bold;display: inline-block;padding: 5px 20px;border-radius: 5px;background: #88298f;color: #fff;margin: 5px 3px 5px 3px; }
.iddcodetxt { width: 170px; display: inline-block; }
.iddcodetxten { width: 290px; display: inline-block; }

/************************************************************************************
Inbound
*************************************************************************************/
.mobnetwork { width: 180px;margin-right: 20px; }


/************************************************************************************
getaway
*************************************************************************************/
.supremetxt { font-size: 22px !important; color: #000000;line-height: 120%;font-weight: bold; }
.supremelogo { width: 110px; vertical-align: -11px }
.logopn { width: 140px;vertical-align: -8px; }

.mtfaqtitle { font-size:20px; line-height: 140%; color:#000000; font-weight: bold; }
.mtfaqans { font-size:16px; line-height: 120%; color:#000000; }
.gttalkstepframe { width: 20%;display: inline-block;text-align:left;font-size: 16px;line-height: 120%;padding: 10px 10px;vertical-align: top; }
.infoimg { border: #dbdbdb 1px solid; }
.topupstep { display: inline-block;border-radius: 100%;background-color: #7d00ad;color: #ffffff;font-size: 18px;padding: 5px 9px;font-weight: bold;float: left;margin-right: 5px; }
.topuptxt { display: inline-block;width: 80%; }
.topuptxt2 { display: inline-block;width: 95%; }

/************************************************************************************
3care
*************************************************************************************/
.infortitle { width: 100%;display: inline-block;font-size: 28px; text-align: left; }


/************************************************************************************
flexipack
*************************************************************************************/
.pageorderpgbut { font-size: 18px;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: 15px 60px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.pageorderpgbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
.detailbut { font-size: 14px;font-weight: bold;background: #FF009E;color: #fff; padding: 3px 8px;margin-top: 5px; border-radius: 3px;display: inline-block;cursor: pointer; }
.detailbutbt3 { font-size: 14px;font-weight: bold;width: 130px;text-align: center; background: #FF009E;color: #fff; padding: 3px 8px;margin: 5px 3px 0px 3px; border-radius: 3px;display: inline-block;cursor: pointer; }
.fpappiconframe { width: 20%;display: inline-block;vertical-align: top; }
.fpapptxtframe { width: 90%;display: inline-block; }
.fpappicon { width: 60px; }
.fpappiconor { width: 5%;display: inline-block;margin-top: 20px; }


/************************************************************************************
hmvod
*************************************************************************************/
.devicepicframe { padding: 0px 30px; display: inline-block;text-align: center; }
.devicepic { height: 70px; width: auto;padding-bottom: 5px; }
.devicelogoframe { display: inline-block;text-align: left; }
.devicelogo { height: 50px; width: auto;padding-bottom: 5px; }


/************************************************************************************
model
*************************************************************************************/
.infotitlebox { width: 99.5%;display: inline-block;padding: 3px;font-size: 16px;font-weight: bold;color: #000000;background: #f5f5f5; }
.infodes { width: 19%;border-right: #c3c3c3 1px solid;margin: 5px 0px;display: inline-block;padding: 1px 3px; text-align: left; font-size: 16px;line-height: 120%;vertical-align: middle; }
.infodesspc { padding: 0px 10px 0px 10px;display: inline-block;color: #bbb; }


/************************************************************************************
hs service
*************************************************************************************/
.tickbox { width: auto;height: 20px;vertical-align: -3px; }
.ticktxt { display: inline-block;padding: 0px 20px 0px 5px;vertical-align: top; }
.tickboxframe { display: inline-block; }

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

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

.pagetablewidth { width: 88%; max-width: 1600px; }
.frametitle { width: 100%;display: inline-block;padding: 15px 0px; }
.frametab { background-image: url(tabline.jpg);background-position: bottom;background-repeat: no-repeat;padding-bottom: 2px; }
.framehsprice { width: 45%;display:inline-block;vertical-align: top; }
.framehsoffer { width: 55%;display:inline-block;vertical-align: top; }

.topmainsliderpc { width: 100%;max-width: 1600px;height: 550px;background-size: cover;background-position: center; display: inline-block; }
.topmainslidermob { display: none; }

.hstitle { font-size: 30px;line-height: 100%;font-weight: bold;width: auto;display: inline-block;vertical-align: top; }
.hstitlesup { vertical-align: 24px;padding-left: 10px;line-height: inherit; }
.hstitlesupen { vertical-align: 15px;padding-left: 5px;line-height: inherit; }
.hstitleicon1 { background-image: url(bgnew.jpg);background-size: cover;width: 60px;font-size: 14px;font-weight: bold;line-height: 100%; color: #ffffff;padding: 8px 0px;margin: 0px 5px 0px 10px; display: inline-block;vertical-align: top;text-align: center; }
.hstitleicon2 { background-image: url(bgnetwork.jpg);background-size: cover;width: 60px;font-size: 14px;font-weight: bold;line-height: 100%; color: #ffffff;padding: 8px 0px;margin: 0px 5px; display: inline-block;vertical-align: top;text-align: center; }
.hstitleicon3 { background-image: url(bgnetwork.jpg);background-size: cover;font-size: 14px;font-weight: bold;line-height: 100%; color: #ffffff;padding: 8px 10px;margin: 0px 5px; display: inline-block;vertical-align: top;text-align: center; }
.tabon { font-size: 16px;line-height: 120%;font-weight: bold;padding: 12px 35px;color:#fff;display: table-cell;width: auto;background-image: url(bgtab.jpg);background-size: cover;background-position: center; }
.taboff { font-size: 16px;line-height: 120%;font-weight: normal;padding: 12px 35px;color:#000;display: table-cell;width: auto;background: #e6e6e6;border-right: #fff 1px solid;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.taboff:hover { background: #f2e1f5; }
.hsprice1 { font-size: 40px;line-height: 100%;display: inline-block;font-weight: bold;padding: 40px 0px 20px 0px;font-style: italic; }
.hsprice1bold { font-size:125%;line-height: inherit;color: #ff9100; }
.hsprice2 { font-size: 30px;line-height: 100%;display: inline-block;font-weight: bold;padding: 0px 0px;font-style: italic; }
.hsprice2sup { vertical-align: 16px;padding-left: 5px;line-height: inherit;font-style: normal; }
.hsprice2supen { vertical-align: 8px;padding-left: 5px;line-height: inherit;font-style: normal; }
.hsprice2bold { font-size:150%;line-height: inherit; }
.hsprice2boldsup { vertical-align: 24px;padding-left: 7px;line-height: inherit;font-style: normal; }
.hsofferul { list-style-image: url('pt.png');padding: 40px 0px 0px 20px;font-size: 22px;line-height: 120%;font-weight: bold; }
.hsofferulen { list-style-image: url('pt.png');padding: 40px 0px 0px 20px;font-size: 20px;line-height: 120%;font-weight: bold; }
.hsofferli { padding: 3px 0px 10px 0px; }
.hsofferbut { background: #7337a8;width: auto;font-size: 12px;font-weight: bold;line-height: 100%; color: #ffffff;padding: 6px 15px;margin-top: 2px; display: inline-block;vertical-align: top;text-align: center;border-radius: 3px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.hsofferbut:hover { background: #e6007e; }
.hsofferlibold { font-size: inherit;line-height: inherit;color: #ff9100;font-weight: bold; }
.hsoffericon { width: 30px;vertical-align: -7px;line-height: inherit; }

.tableoff { border-collapse: collapse; border: 2px solid #dbdbdb; padding: 0px; text-align: center;font-size: 14px;line-height: 100%;font-weight: bold; }
.plantablewidthcol1 { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol2 { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol3 { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol4 { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol5 { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.frameplancol1 { width: 45%;display: inline-block;margin: 0px;vertical-align: top;scroll-snap-align: center;position: relative; }
.frameplancol2 { width: 40%;display: inline-block;margin: 0px;vertical-align: top;scroll-snap-align: center;position: relative; }
.frameplancol3 { width: 32.6%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative; }
.frameplancol4 { width: 24.25%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative; }
.frameplancol5 { width: 19.2%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative; }
.frameplanspace { width: 1%;display: inline-block;margin: 0px;vertical-align: top;float: left; }
.frameplantitle { width: 99%;display: inline-block;font-size: 18px;font-weight: bold;line-height: 100%;padding: 8px 0px 8px 5px;background: #dbdbdb; text-align: center; }

.framehsmain1 { width: 90%;display: inline-block;border-bottom: #dbdbdb 2px solid; }
.hsrow1space { width: 1%;height:140px;display: inline-block;vertical-align: middle;margin: 0px; }
.hsrow1 { width: 97%;height:auto;display: inline-block;vertical-align: top;margin: 0px;padding-top: 20px; }
.hsrow1databold { font-size: 30px;line-height: 140%;font-weight: bold;color: #7337a8; }
.hsaddoffer { height: 60px;display: inline-block;font-size: inherit;line-height: 120%;padding: 10px 0px; }
.hsrow1databolddis { text-decoration: line-through;color: #7a7a7a; }
            
.framehsmain2 { width: 90%;display: inline-block;border-bottom: #dbdbdb 2px solid;padding: 20px 0px; }
.hsrow2 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px; }
.hsrow2pricedis { font-size: inherit;line-height: inherit;font-weight: normal;text-decoration: line-through; color: #8f8f8f; }
.hsrow2pricebold { font-size: 185%;line-height: 140%;font-weight: bold;color: #ff9100; }
.hsrow2greytxt { font-size: inherit;line-height: inherit; color: #8f8f8f; }
.hsrow2priceltd { background-color: #ff0000;color: #fff000;font-weight: bold;padding: 0px 30px;display: inline-block;border-radius: 3px;box-shadow: 0px 0px 5px #ffff; }

.framehsmain3 { width: 100%;display: inline-block;padding: 20px 0px; }
.hsrow3 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px; }
.hsrow3greyframe { width: 100%;display: inline-block;background: #e4e4e4;padding: 10px 0px;margin: 2px 0px 0px 0px; }
.hsrow3txtframe { width: 90%;display: inline-block;padding: 5px 0px;height: 16px; }
.hsrow3txtleft { width: auto;display: inline-block;float: left;padding-top: 3px; }
.hsrow3txtright { width: auto;display: inline-block;float: right;font-weight: bold;padding-top: 3px; }
.hsrow3txtrightbold { width: auto;display: inline-block;float: right;font-weight: bold;font-size: 120%; }
.hsrow3boxtitle { width: 100%;display: inline-block;padding: 5px 0px;height: auto;line-height: 120%; }


.framehsoffer1 { width: 100%;display: inline-block;padding: 20px 0px 10px 0px; }
.hsoffrow1 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px; }
.hsoffrow1frame { width: 100%;display: inline-block;background: #ffffff;margin: 5px 0px 0px 0px; }
.hsoffrow1txtframe { width: 90%;display: inline-block;padding: 5px 0px;height: 20px; }
.hsoffrow1txt2frame { width: 90%;display: inline-block;padding: 5px 0px;height: 50px; }
.hsoffrow1txtleft { width: auto;display: inline-block;float: left;text-align: left; }
.hsoffrow1txtright { width: auto;display: inline-block;float: right;font-weight: bold;padding-top: 5px; }
.hsoffrow1txtdataright { font-size: 20px;color: #e6007e; width: auto;display: inline-block;float: right;font-weight: bold;padding-top: 2px; }
.hsoffrow1txt2right { width: 100%;display: inline-block;font-weight: bold;font-size: 13px;padding-top: 2px;text-align: right;line-height: 120%; clear: both; }
.hsoffrow1txtrightbold { width: auto;display: inline-block;float: right;font-weight: bold;font-size: 120%; }
.hsoffrow1icon { width: 20px;vertical-align: -5px;line-height: inherit; }

.framehsoffer2 { width: 100%;display: inline-block;padding: 20px 0px; }
.hsoffrow2 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px; }
.hsoffrow2frame { width: 100%;display: inline-block;margin: 5px 0px 0px 0px;line-height: 120%; }

.framehsoffer3 { width: 100%;display: inline-block;padding: 20px 0px; }
.hsoffrow3 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px; }
.hsoffrow3frame { width: 100%;display: inline-block;background: #ffffff;margin: 5px 0px 0px 0px; }
.hsoffrow3framenormal { width: 100%;display: inline-block;background: #ffffff;margin: 5px 0px 0px 0px;font-weight: normal;font-size: inherit;line-height: 120%; }

.framefreeitem { width: 49%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative;margin-bottom: 15px;float: left; }
.framefreeitemspace { width: 1%;display: inline-block;vertical-align: top;float: left; }
.freeicon { background-image: url(bgfree.jpg);background-size: cover; color: #ffffff;padding: 7px 15px; position: absolute;left: 10px;top: 10px;display: block;font-size: 16px;font-weight: bold;line-height: 100%; }
.freeimg { width: auto;height: 220px;padding: 15px 0px; }
.freegreytxt { width: 100%;display: inline-block;background: #e6e6e6;padding: 12px 0px;font-size: 15px;line-height: 100%;font-weight: bold; }
.freeprice { font-size: inherit;line-height: inherit;color: #838383;padding-top: 10px;font-weight: normal; }

.tabletab { width: 100%;display: inline-block;font-size: 18px; text-align: center;font-weight: bold;CURSOR: pointer; }
.tabletabimg { vertical-align: -2px; }

.spectab { width: 100%;display: inline-block;font-size: 22px; CURSOR: pointer; border-bottom: #000 2px solid; padding-bottom: 10px;text-align: left; }
.spectabtxt { display: inline-block;width: 85%;font-size: 28px;font-weight: bold; }
.spectabimg { width: 18px; float: right;padding: 0px 5px 0px 0px;display: inline-block; }

.spectable { border-collapse: collapse; border: 2px solid #000000; padding: 0px; text-align: center;font-size: 16px;line-height: 100%;font-weight: bold;margin-bottom: 30px; }
.spectitletd { font-size: 16px;line-height: 120%; color: #8e8e8e; padding: 12px 10px;border-left: #ffffff 2px solid;text-align: left;font-weight: normal;width: 25%;vertical-align: top; }
.spectitletdtop {  }
.spectitletdtoppc { border-top: #fff 2px solid; }
.speccontenttd { font-size: 16px;line-height: 120%; color: #000000; padding: 12px 10px;border-right: #ffffff 2px solid;text-align: left;font-weight: normal;width: 75%; }
.specul { padding-left: 18px; }

.limited { padding: 2px 6px;background-color: red; color: white; font-size: 12px; border-radius: 3px; white-space: nowrap;width: auto;display: inline-block;line-height: 100%; }
.remark { font-size: 12px;line-height: 120%;display: inline-block; }
.tableremarkno { font-size: 12px;line-height: 120%;vertical-align: top;width: 1.5%; }
.tableremark { font-size: 12px;line-height: 120%;vertical-align: top; }

.framehsothersmain1 { width: 90%;display: inline-block;border-bottom: #dbdbdb 2px solid;padding: 20px 0px; }
.hsothersrow { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px; }
.framehsothersmain2 { width: 90%;display: inline-block; }
.hsothersframe { width: 49.5%;display: inline-block;float: left; }
.hsothersspace { width: 1%;display: inline-block;margin: 0px;vertical-align: top;float: left; }
.hsothersrow1 { width: 32.5%;height:auto;display: inline-block;vertical-align: top;margin: 0px;padding: 20px 0px;line-height: 120%;text-align: center; }
.hsothersicon { vertical-align: -3px; }

.navframe { font-size: 16px;display: inline-block; padding: 20px 0px 20px 0px;border-bottom: #000 1px solid;width: 100%;position: relative; }
.navitemspc { padding: 0px 10px 0px 0px;display: inline-block;color: #bbb; }
.navitemoff { padding: 0px 10px 0px 0px;display: inline-block;color: #bbb;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.navitemoff:hover { color: #000; }
.navitemon { padding: 0px 10px 0px 0px;display: inline-block;color: #000; }

.achframe {position: relative; width: 100%;padding-top: 15px;display: inline-block;text-align: center;font-size: 22px;line-height: 120%;font-weight: bold;}
.achtxt { margin: 0px 30px;display: inline-block;cursor: pointer;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.achtxt:hover { color: #737373; }
.achtxten { margin: 0px 30px;display: inline-block;cursor: pointer;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.achtxten:hover { color: #737373; }

.plnoptiontitle { font-size: 16px;font-weight: bold; line-height: 120%;display: inline-block;width: 100%;text-align: left;padding-bottom: 10px; }
.plnimg { width: 100%; }
.plnoptionframe { width: 205px;display: inline-block;line-height: 0%;border: #dbdbdb 2px solid;float: left;margin-right: 10px; margin-bottom: 10px;cursor: pointer; position: relative; }
.plnoptionframespace { width: 10px;display: inline-block; float: left; }
.plnoptionremark { font-size: 12px;line-height: 160%;display: inline-block; }
.plnoptionbannertxt { font-size: 15px; position: absolute;z-index: 99;width: 100%;text-align: center;bottom: 10px;line-height: 120%; }
.plnoptionbannertxten { font-size: 13px; position: absolute;z-index: 99;width: 100%;text-align: center;bottom: 8px;line-height: 110%; }

.mainpagetitle { font-size: 2.875em;line-height: 140%;font-weight: 700;width: auto;display: inline-block;vertical-align: top;width: 100%; text-align: left; }
.mainpagepromocol1 { width: 99.8%;height: auto; display: inline-block;border: 1px solid #aaa;margin-bottom: 40px; }
.mainpagepromocol1photo { width: 50%;height: 320px; float: left;display: inline-block;background-size: cover;background-position: center;position: relative;background-color: #f2f2f2;  }
.mainpagepromocol1photomob { display: none; }
.generationLabel { line-height: 140%; position: absolute;top: 5px;left: 5px; text-align: center;color: #fff;font-size: 0.9em;font-weight: 500; padding: 2px 10px;background-image: url(label-purple.png);background-size: 100% 100%; }
.boxTitle { width: 100%;background-color: #e7e7e7; /*position: absolute;bottom: 0px;left: 0px;background-image: -webkit-gradient(linear,right top,left top,from(#743ad5),to(#d53a9d));background-image: -webkit-linear-gradient(right,#743ad5,#d53a9d);background-image: -o-linear-gradient(right,#743ad5 0,#d53a9d 100%);background-image: linear-gradient(270deg,#743ad5 0,#d53a9d);*/ }
.boxTitletxt { line-height: 140%;padding: 10px 5px;font-size: 16px;color: #000;font-weight: bold;text-align: center; }
.boxTitletxten { line-height: 140%;padding: 10px 5px;font-size: 14px;color: #000;font-weight: bold;text-align: center; }
.mainpagepromocol1content { width: 50%;height: 320px; float: left;display: inline-block;position: relative;text-align: center; }
.mainpagepromocol1space { vertical-align: middle;height: 320px;width: 1px;display: inline-block; }
.mainpagepromocol1centerframe { vertical-align: middle;display: inline-block;width: 90%; }
.boxbigtitle { width: 100%;display: inline-block;text-align: center;font-size: 1.1rem;font-weight: bold;padding-bottom: 30px; }
.boxbigcontent { width: 100%;display: inline-block;text-align: center;font-size: 16px;line-height: 160%;padding-bottom: 30px; }
.boxbigcontentboldtxt { font-size: 1.7rem;color: #f60;font-weight: 700;padding: 0px 5px; }
.boxbigcontentboldnormaltxt { font-size: inherit;color: #f60;font-weight: bold; }
.boxbignewtitle { width: 100%;display: inline-block;text-align: left;font-size: 1.4rem;font-weight: bold;line-height: 120%;padding-bottom: 5px; }
.boxbignewcontent { width: 100%;display: inline-block;text-align: left;font-size: 16px;font-weight: bold;line-height: 120%; }

.mainpageapplecol3 { width: 32%;height: auto; display: inline-block;border: 1px solid #aaa;float: left;margin-bottom: 14px;margin-left: 0.5%;margin-right: 0.5%;line-height: 0%; }
.mainpageapplecol3photo { width: 100%;height: auto; display: inline-block;background-size: contain;background-position: center;background-repeat: no-repeat; position: relative; }
.mainpageapplecol3photomob { display: none; }
.mainpageapplecol3content { width: 100%;height: auto; display: inline-block;position: relative;text-align: center; }
.mainpageapplecol3centerframe { vertical-align: middle;display: inline-block;width: 92%;padding: 15px 0px 0px 0px; }


.coltablewidth { width: 88.8%; max-width: 1600px; }
.mainpagepromocolspace { width: 1%;height: auto; display: inline-block;float: left; }
.mainpagepromocol3 { width: 32.15%;height: auto; display: inline-block;border: 1px solid #aaa;float: left;margin-bottom: 20px;margin-left: 0.5%;margin-right: 0.5%;cursor: pointer;line-height: 0%; }
.col3L { float: left; }
.col3R { float: right; }
.mainpagepromocol3photo { width: 100%;height: 215px; display: inline-block;background-size: cover;background-position: center;position: relative; }
.mainpagepromocol3photomob { display: none; }
.mainpagepromocol3content { width: 100%;height: auto; display: inline-block;position: relative;text-align: center; }
.mainpagepromocol3centerframe { vertical-align: middle;display: inline-block;width: 92%;padding: 15px 0px 0px 0px; }
.boxsmallcontentline1 { width: 100%;height: 45px;display: inline-block;text-align: center;font-size: 16px;padding-bottom: 20px;line-height: 120%; }
.boxsmallcontentline2 { width: 100%;display: inline-block;text-align: center;font-size: 16px;padding-bottom: 30px; }
.boxsmallcontentboldtxt { font-size: 1.7rem;color: #f60;font-weight: 700;padding: 0px 4px 0px 4px; }
.boxsmallnopad { padding: 0px }
.boxsmallcontentboldnormaltxt { font-size: inherit;color: #f60;font-weight: bold; }
.boxsmallcontentlinetxt { font-size: inherit;color: #d0d0d0;font-weight: bold;padding: 0px 5px;display: inline-block;vertical-align: 3px; }

.mainpagepromosupport { font-size: 1.1rem;font-weight: bold;padding: 20px 0px; width: 32.15%; display: inline-block;border: 1px solid #aaa;float: left;margin-bottom: 20px;margin-left: 0.5%;margin-right: 0.5%;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.mainpagepromosupport:hover { background: #efefef; }

.frameinfo { width: 100%;display: inline-block;padding-bottom: 40px; }
.frameinfophoto { width: 30%;display: inline-block;line-height: 0%;vertical-align: top; }
.frameinfocontent { width: 68%;display: inline-block;vertical-align: top; }
.infoheaderframe { width: 100%;display: inline-block; }
.infotitle { font-size: 18px;font-weight: bold;line-height: 120%;float: left;padding-top: 25px;padding-left: 5px; }
.ecarelogo { width: 70px;float: left; }
.infocontent { font-size: 14px;line-height: 120%;display: inline-block;padding-bottom: 10px; }
.infosubtitle { font-size: 16px;font-weight: bold;line-height: 120%;display: inline-block; }
.infoul { font-size: 14px;line-height: 120%;padding-left: 20px; }
.ecareadd { font-size: 14px;line-height: 160%;display: inline-block; }

#tmpheight5px {width:10px; clear:both; height: 5px}
#tmpheight10px {width:10px; clear:both; height: 10px}
#tmpheight15px {width:10px; clear:both; height: 15px}
#tmpheight20px {width:10px; clear:both; height: 20px}
#tmpheight30px {width:10px; clear:both; height: 30px}
#tmpheight40px {width:10px; clear:both; height: 40px}
#tmpheight50px {width:10px; clear:both; height: 50px}
#tmpheight60px {width:10px; clear:both; height: 60px}
#tmpheight70px {width:10px; clear:both; height: 70px}
#tmpheight80px {width:10px; clear:both; height: 80px}
#tmpheight90px {width:10px; clear:both; height: 90px}
#tmpheight100px {width:10px; clear:both; height: 100px}

.toporderbut { font-size: 22px;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: 26px 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; }
.toporderbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }

.pageorderbut { font-size: 18px;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: 15px 60px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.pageorderbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }

.pageorderbutremark { font-size: 16px;font-weight: bold;color: #f7008e;line-height: 100%;float: right; }
            

.pageorderhomebut { font-size: 18px;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: 15px 60px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.pageorderhomebut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }


.languageicon { width: 40px; padding-right: 20px; padding-top: 25px; }

.dispricetxt { text-decoration:line-through;color:#d38ede; }

.orderphoneimg { width: auto; height: 80px; }

.appstoreicon { width: 80px; }
.appstorestepul { list-style-type: decimal;padding-left: 20px; }

/************************************form*************************************/
.formgiftphoto { width: 200px;vertical-align: -90px; }


/************************************spec button*************************************/
#specbutxt { font-size: 16px; clear: both; color: #FFFFFF; margin: 10px 20px 10px 20px; font-weight: bold; pointer-events: none; }
.specbut { background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 95%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;cursor: pointer;float: none;display: inline-block;text-align: center; }
.specbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
/************************************************************************************/

/************************************spec button*************************************/
#sellbutxt { font-size: 22px; width: 240px;  clear: both; color: #FFFFFF; margin: 10px 20px 10px 20px; font-weight: bold; pointer-events: none; line-height: 100%; }
#sellbutxten { font-size: 20px; clear: both; color: #FFFFFF; margin: 10px 20px 10px 20px; font-weight: bold; pointer-events: none; line-height: 100%; }
.sellbut { background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 95%;margin: 0px 5px 10px 5px;padding: 15px 0px 15px 0px;cursor: pointer;float: none;display: inline-block;text-align: center; }
.sellbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
/************************************************************************************/

.chaticon { width: 24px; vertical-align: -5px; }
.iconnew { padding: 1px 6px; background-color: #ff7800; border: #ffc38d 1px solid; color: white; font-size: 10px; border-radius: 3px; display: inline-block; }

/**** form ****/
.formtableframe {border-collapse: collapse;border: 2px solid #dbdbdb;padding: 15px 8px;text-align: center;height: 20px;font-size: 16px;}
.formheadercolor1 { background-color:#646464;color: #fff;font-weight: bold;padding: 5px 0px !important;border-left: #fff 2px solid !important;border-right: #fff 2px solid !important; }
.formheadercolor2 { background-color:#646464;color: #fff; line-height:140% }
.formtdL { border-left: #fff 2px solid !important; }
.formtdR { border-right: #fff 2px solid !important; }
.formsectionheadline { font-size: 20px;font-weight: bold;line-height: 120%;display: inline-block;width: 100%; }

.formformat { float: left; }
.validate_error { display: none; }
.formalerttxt { color: #FF0000; padding-top: 10px; padding-left: 20px }
.formradio { display:inline-block; }

.tariff_table {
	width: 980px;
	border-collapse: collapse; 
	border: 1px solid #D1D1D1
}

.tariff_table td {
	padding: 10px;
	border: 1px solid #D1D1D1
}

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

.tmpequheadline { font-size: 22px; color: #000000; font-weight: bold; }

.titleappicon { width: 44px; vertical-align: -10px; }

.mioffer { width: 25%; border: #5000A8 5px solid; border-radius: 25px; display: inline-block; line-height: 100%; padding: 10px; margin: 0px 5px; vertical-align: top; }
.mioffertitle { font-size: 30px; line-height: 100%; font-weight: bold; }
.miofferpdttitle { font-size: 20px; line-height: 24px; font-weight: bold; }
.mivalue { white-space: nowrap; font-size: 80%; font-weight: normal; }

.miaddoffer1 { width: 42%; display: inline-block; line-height: 100%; padding: 10px; margin: 0px 8px; vertical-align: top; text-align: left; border-right: #bcbcbc 2px solid; }
.miaddoffer2 { width: 42%; display: inline-block; line-height: 100%; padding: 10px; margin: 0px 8px; vertical-align: top; text-align: left; }
.miaddofferpicframe { display: inline-block; width: 35%; }
.miaddoffertxtframe { display: inline-block; width: 65%;vertical-align: top; text-align: left;margin-top: 20px; }
.miaddoffertitle { font-size: 26px; line-height: 100%; font-weight: bold; }
.miaddofferpdttitle { font-size: 20px; line-height: 100%; font-weight: bold; }

.miofferor { display: inline-block;font-weight: bold; font-size: 160%; padding-top: 120px }
.miofferor2 { display: inline-block;font-weight: bold; font-size: 160%; padding-top: 80px }


.miplanbutover { border-radius: 8px; vertical-align: top; width: 33%; background: url(../images/bg_button.jpg) no-repeat; background-size: 500%; background-position: 0% 95%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; display: inline-block; text-align: center; }

.miplanbutbuy { border-radius: 8px; vertical-align: top; width: 33%; background: url(../images/bg_button.jpg) no-repeat; background-size: 250%; background-position: center top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; float: none; display: inline-block; text-align: center; }
.miplanbutbuy:hover { background: url(../images/bg_button.jpg) no-repeat; background-size: 350%; background-position: center top; }

.miplanbut { border-radius: 8px; vertical-align: top; width: 33%; background-color:#C0C0C0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; float: none; display: inline-block; text-align: center; }
.miplanbut:hover { background: url(../images/bg_button.jpg) no-repeat; background-size: 250%; }

.miplanbuttxt { font-size: 24px; clear: both; color: #FFFFFF; margin: 10px 25px 10px 25px; font-weight: bold; pointer-events: none; }



/************************************************************************************
order form
*************************************************************************************/
.formselect { width: 30%; vertical-align: top; display: inline-block; border: #ffffff 3px solid; cursor: pointer;  }
.formselect:hover { width: 30%; vertical-align: top; display: inline-block; border: #8c3d98 3px solid; cursor: pointer; }
.formselectover { width: 30%; vertical-align: top; display: inline-block; border: #8c3d98 3px solid;  }
.formqtitle { font-size: 20px;font-weight: bold; }
.formqtitleen { font-size: 18px;font-weight: bold; }
.formpulldown { border: 1px solid #C5C5C5; border-radius: 5px; padding: 8px 8px; font-size: 16px;width: 100%;background: #fff; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }

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

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

.headerbg { width: 100%; height: 1000px; background-image: url(landing-pc-tc.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; }
.offerbg { background-image: url(bg_button.jpg); background-size: 200%; color: #ffffff; border: #ffffff solid 2px; padding: 10px;border-radius: 20px; width: 80% }

.freetc1 {   }
.freetc2 {   }
.freetc3 { vertical-align: -19px }

.freeen1 { vertical-align: -30px }
.freeen2 { vertical-align: -44px }
.freeen3 { vertical-align: -19px }

.offertxt { color: #ffffff; font-size: 24px; line-height: 100%; }



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

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

.tablewidth { width: 100% }

.displaypc { display: inline-block }
.displaymob { display: none }

.pdtframe { width: 230px; display: inline-block }
.pdtframe2 { width: 800px; display: inline-block }

#tmpplus { font-size: 26px; font-weight: bold; }
#tmpplus2 { width:20px; display: inline-block; font-size:30px; color:#000000; text-align:center; line-height:100%; padding: 0px 5px 0px 5px; vertical-align: -20px;  }

#tmppdtphoto { width:100%; display: inline-block; padding: 0px 0px 0px 0px }
#tmppdtdes { font-size:18px; line-height: 160%; display: inline-block; text-align:center; color: #000000; padding: 0px 0px 0px 0px; font-weight: bold; }

.tmpsup { vertical-align: super; font-size:10px; line-height: 0%; color: #000000; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.pdtname { white-space: nowrap }

.termstxttc { font-size:12px }
.termstxten { font-size:12px }

#tmpheadline { font-size:40px; color:#7b1a80; line-height:120%; text-align: center; font-weight: bold }
#tmpheadlineen { font-size:32px; color:#7b1a80; text-align: center; line-height:100%; font-weight: bold }

#tmptableheadline { font-size:24px; color:#000000; text-align: center; width: 100%; clear:both; font-weight: bold; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmptableheadlineen { font-size:24px; color:#000000; text-align: center; width: 100%; clear:both; font-weight: bold; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }

#tmpoffertableheadline { font-size:20px; color:#7b1a80; text-align: center; width: 100%; clear:both; font-weight: bold; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }

.gototop { width: 96%; text-align:right }


/*-- position --*/
#tmpmaincenter { width: 750px; height: 350px; text-align:center; padding: 50px 0px 0px 0px }
#tmpmainleft { width: 740px; height: 340px; text-align:left; padding: 210px 0px 0px 10px }
#tmpmainright { width: 400px; height: 350px; text-align:left; padding: 130px 0px 0px 350px }
/*-- position --*/
/*-- content position --*/
#tmpcontentleft { width:100%; clear:both; text-align:left; color: #000000; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmpcontentcenter { width:100%; clear:both; text-align:center; color: #000000; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmpcontentright { width:100%; clear:both; text-align:right; color: #000000; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmpaligncenter { width:980px; margin: auto; }
/*-- content position --*/

.tmpheadlinesup { vertical-align: 22px; font-size:10px; color: #7b1a80; }
.tmpheadlinesupen { vertical-align: 19px; font-size:10px; color: #7b1a80; }


#tmpsubheadline { font-size:28px; color:#000000; line-height:120%; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.tmpfontcolor01 { color:#6e35a2; font-size: 120% }
.tmpfontcolor02 { color:#6e35a2; font-size: 120% }
.tmpfontcolor03 { color:#6e35a2; font-size: 140% }
#tmpcontainer { margin:auto; width: 99% }

.tmpgroupheadline { font-size:18px; color: #000000; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmpcircleCH { background-color:#6e35a2; height:35px; width:35px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; font-size:20px; color:#ffffff; line-height:160%; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmpcircleEN { background-color:#6e35a2; height:35px; width:35px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; font-size:11px; color:#ffffff; line-height:270%; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmpor { height:150px; width:20px; float:left; font-size:20px; color:#000000; text-align:center; line-height:670%; padding: 0px 5px 0px 5px; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
#tmppdtcenter { font-size:16px;  width:150px; float:left; text-align:center; color: #000000; padding: 5px 5px 5px 5px; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.tmppdtcenter2 { font-size:16px; width:320px; float:left; text-align:center; color: #000000; padding: 5px 5px 5px 5px; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.tmppdtphoto { width:100%; }
.tmppdtprice { font-size:11px; color: #000000; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.tmpul { width:90%; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif;}
.tmpli { font-size:18px; color: #D1007B; line-height:150%; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif;}
#tmpterms { font-size:13px; color: #000000; width:96%; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
/*-- tariff table --*/
.tmptable { border-collapse: collapse; border: 1px solid #D1D1D1; padding: 5px; text-align: center; height: 20px; font-size:14px; }
.tmptableform { border-collapse: collapse; border: 1px solid #D1D1D1; padding: 5px; text-align: center; height: 20px; font-size:16px; }
.tmptdboth { padding: 5px; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.tmptrheader { background-color: #8c3d98; font-weight:bold; height: 40px; color:#FFFFFF; }
.tmptrcolor { background-color: #FFEDF8;}
.tmplinkcolor { font-size:14px;  color: #000000 }
.tmptextlarge { font-size: 120%; font-weight:bold }
.tmptable2 { text-align: center; font-size:20px; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }

/*-- function table --*/
.tmptdfunction { padding: 10px; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
/*-- button --*/
.tmpmenutxt { font-size: 22px; margin: 10px 15px 10px 15px; font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.tmpmenuform { text-align:center; width:200px; background: #8a4099; color: #ffffff; border:solid 1px #8a4099; font-weight:bold; transition: background 0.5s; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin: 0px; padding: 0px; cursor:pointer; }
.tmpmenuform:hover { border:solid 1px #8a4099; background: #ffffff; color:#6e35a2; }


/************************************************************************************
VIDEO
*************************************************************************************/

.starvideocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.starvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videocol2 { width: 48%;height: auto;display: inline-block;margin-bottom: 15px;font-size: 18px;font-weight: bold;line-height: 120%;margin: 0px 10px;vertical-align: top; }
.videocol3 { width: 32%;height: auto;display: inline-block;margin-bottom: 15px;font-size: 18px;font-weight: bold;line-height: 120%;margin: 0px 4px;vertical-align: top; }

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

#topmenuposition {
  width: 33%;
  float: right;
}


#menuposition {
  width: 99%;
}


#menutxt {
  font-size: 20px;
  clear: both;
  color: #FFFFFF;
  margin: 13px 30px 0px 30px;
  font-weight: bold;
  pointer-events: none;
}

#menutxten {
  font-size: 18px;
  clear: both;
  color: #FFFFFF;
  margin: 15px 30px 0px 30px;
  font-weight: bold;
  pointer-events: none;
}

#menu1 {
  background: #662d91;
  width: 180px;
  height: 40px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block
}

#menu1:hover {
  background: #901fe5;
}

#menu2 {
  background: #c30005;
  width: 180px;
  height: 40px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block
}

#menu2:hover {
  background: #dd1016;
}

#menu3 {
  background: #0072bc;
  width: 180px;
  height: 40px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block
}

#menu3:hover {
  background: #1796e8;
}

.menu1up {
  background: #9f5bd4;
  background-image: -webkit-linear-gradient(top, #9f5bd4, #672e92);
  background-image: -moz-linear-gradient(top, #9f5bd4, #672e92);
  background-image: -ms-linear-gradient(top, #9f5bd4, #672e92);
  background-image: -o-linear-gradient(top, #9f5bd4, #672e92);
  background-image: linear-gradient(to bottom, #9f5bd4, #672e92);
  width: 200px;
  height: 60px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block;
  border-radius: 10px;
}

.menu1up:hover {
  background: #8445b4;
}

.menu2up {
  background: #fe4a50;
  background-image: -webkit-linear-gradient(top, #fe4a50, #c40107);
  background-image: -moz-linear-gradient(top, #fe4a50, #c40107);
  background-image: -ms-linear-gradient(top, #fe4a50, #c40107);
  background-image: -o-linear-gradient(top, #fe4a50, #c40107);
  background-image: linear-gradient(to bottom, #fe4a50, #c40107);
  width: 200px;
  height: 60px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block
}

.menu2up:hover {
  background: #e02529;
}

.menu3up {
  background: #48b6ff;
  background-image: -webkit-linear-gradient(top, #48b6ff, #0172bd);
  background-image: -moz-linear-gradient(top, #48b6ff, #0172bd);
  background-image: -ms-linear-gradient(top, #48b6ff, #0172bd);
  background-image: -o-linear-gradient(top, #48b6ff, #0172bd);
  background-image: linear-gradient(to bottom, #48b6ff, #0172bd);
  width: 200px;
  height: 60px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block;
  border-radius: 10px;
}

.menu3up:hover {
  background: #2392dd;
}

.menu4up {
  background: #425ab0;
  background-image: -webkit-linear-gradient(top, #5b76d4, #2f4493);
  background-image: -moz-linear-gradient(top, #5b76d4, #2f4493);
  background-image: -ms-linear-gradient(top, #5b76d4, #2f4493);
  background-image: -o-linear-gradient(top, #5b76d4, #2f4493);
  background-image: linear-gradient(to bottom, #5b76d4, #2f4493);
  width: 250px;
  height: 60px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block;
  border-radius: 10px;
}

.menu4up:hover {
  background: #425ab0;
}


.otherplanbutton {
  background: url(bg_button.jpg) no-repeat;
  background-size: 500%;
  background-position: 0% 95%;
  margin: 0px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block;
  text-align: center;
}

.otherplanbutton:hover {
  background: url(bg_button.jpg) no-repeat;
  background-size: 250%;
}




.topmenubuten {
  background: #724dac;
  background-image: -webkit-linear-gradient(top, #8d64ca, #57358b);
  background-image: -moz-linear-gradient(top, #8d64ca, #57358b);
  background-image: -ms-linear-gradient(top, #8d64ca, #57358b);
  background-image: -o-linear-gradient(top, #8d64ca, #57358b);
  background-image: linear-gradient(to bottom, #8d64ca, #57358b);
  width: 300px;
  height: 60px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
}

.topmenubuten:hover {
  background: #824ed1;
}


.topmenugohome {
  background: url(bg_button.jpg) no-repeat;
  background-size: 500%;
  background-position: 0% 95%;
  width: 200px;
  height: 70px;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block;
  text-align: center;
}

.topmenugohome:hover {
  background: url(bg_button.jpg) no-repeat;
  background-size: 250%;
  background-position: 0% 95%;
}

.topmenugohomeen {
  background: #AFAFAF;
  background-image: -webkit-linear-gradient(top, #AFAFAF, #929292);
  background-image: -moz-linear-gradient(top, #AFAFAF, #929292);
  background-image: -ms-linear-gradient(top, #AFAFAF, #929292);
  background-image: -o-linear-gradient(top, #AFAFAF, #929292);
  background-image: linear-gradient(to bottom, #AFAFAF, #929292);
  width: 220px;
  height: 70px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  float: none;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
}

.topmenugohomeen:hover {
  background: #AFAFAF;
}


.formsubmit {
  background: url(bg_button.jpg) no-repeat;
  background-size: 300%;
  background-position: 0% 95%;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    width: 140px;
    height: 42px;
    margin: 10px;
	font-weight: bold;
}

.formsubmit:hover {
  background: url(bg_button.jpg) no-repeat;
  background-size: 250%;
}

.formsubmit2 {
  background: url(bg_button.jpg) no-repeat;
  background-size: 300%;
  background-position: 0% 95%;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    width: 140px;
    height: 42px;
}

.formsubmit2:hover {
  background: url(bg_button.jpg) no-repeat;
  background-size: 250%;
}

.formreset {
    background-color: #AFAFAF;
	background-image: -webkit-linear-gradient(top, #AFAFAF, #929292);
    background-image: -moz-linear-gradient(top, #AFAFAF, #929292);
    background-image: -ms-linear-gradient(top, #AFAFAF, #929292);
    background-image: -o-linear-gradient(top, #AFAFAF, #929292);
    background-image: linear-gradient(to bottom, #AFAFAF, #929292);
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    width: 140px;
    height: 42px;
    margin: 10px;
	font-weight: bold;
}

.formreset:hover {
    background: #AFAFAF;
}



/************************************************************************************
FORM
*************************************************************************************/

.input {
  width: 100%
}

#formtitle {
  clear: both;
  width: 100%;
  line-height: 150%;
  padding-top: 20px
}

#forminput {
  clear: both;
  width: 100%;
}



/************************************************************************************
TOP
*************************************************************************************/

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

#logoheader3d {
  background: #ffffff;
  clear: both;
}

#hklogo3d {
  float: left;
  padding: 20px 30px 15px 20px;
}

.logo3d {
  width: auto;
  height: 50px;
  margin: 11px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#topmainbutton {
  width: 100%;
  max-width: 1600px;
  clear: both;
  /*position: fixed;*/
  z-index: 999;
  height: 73px;
}

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

#logoheader {
  background: #ffffff;
  clear: both;
  padding: 15px 30px 10px 30px;
}

#topheader {
  background: rgba(255,255,255,0);
  clear: both;
  padding: 0px 0px 0px 15px;
    height: 74px;
}

#hklogo {
  float: right;
  padding: 0px 0px 10px 0px;
}

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

.logo {
  width: 68px;
  height: 95px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.logo3bb {
  width: 79px;
  height: 95px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

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

#apptable {
  width: 450px;
  border: #92278f solid 4px;
  border-radius: 20px;
  clear: both;
  color: #000000;
  padding: 10px 0px 10px 0px
}

.appicontd {
  padding-right: 20px;
  line-height: 0%
}

.appdlicontd {
  padding-top: 15px;
  width: 70%
}

#remindertable {
  width: 90%;
  border: #92278f solid 4px;
  border-radius: 15px;
  clear: both;
  color: #000000;
  padding: 10px 10px 10px 10px;
  text-align: left
}

.remindertd {
  text-align: left
}

.qr {
  display: inline
}

.noqr {
  display: none
}

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

.steptitle {
  font-size: 24px;
  font-weight: bold
}


/************************************************************************************
List
*************************************************************************************/

.questiontext {
  font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif;
  font-size: 25px;
  line-height: 100%;
  color: #000000;
}


/****** faqbut2 *******/

#faqbut02 {
  background: #ffffff;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

#faqbut02a {
  background: #d5e6fb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  float: left;
  color: #19467d;
}

#faqbut02a:hover {
  color: #ffffff;
  background: #4687d6
}

.faqquestion {
  width: 100%;
  text-align: left
}

#butfaq1 {
  font-family:  MHeiHK, Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif;
  font-size: 25px;
  margin: 8px 10px 8px 10px;
  text-align: center;
  font-weight: bold;
}

.merchant_wrapper {
  display: inline-block;
  width: 32%;
  text-align: left;
  vertical-align: top;
  font-size: 16px;
}

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


/************************************************************************************
TOP MAIN
*************************************************************************************/

#topmain {
  clear: both;
  height: 460px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#topcontainer {
  height: 449px;
  padding: 0px 30px 0px 30px;
}

#topmaincontent {
  float: left;
  width: 55%;
  padding: 0px 20px 0px 0px;
}

#topmainphoto {
  float: right;
  width: 40%;
}

.toptableheight {
  height: 449px
}

.topmainphotowidth {
  width: 100%
}


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

#type01 {
  float: left;
  width: 20%;
  text-align: center;
  padding-bottom: 15px
}

.type01icon {
  width: 100px
}

#type02 {
  float: left;
  width: 20%;
  text-align: center;
  padding-bottom: 15px
}

.type02icon {
  width: 100px
}

.mainvisual {
  width: 100%;
  line-height: 0%;
  padding-bottom: 0px;
}

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

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#tvc_pc {
  margin: 0px 0px 0px 0px;
  text-align: center;
}

#tvc_mob {
  display: none
}

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

.contentsavingtd {
  padding: 0px 25px 0px 25px;
}

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

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

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

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

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

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

#contentcenter {
  width: 100%;
  text-align: center
}

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

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

#contentright {
  float: right;
  width: 60%;
  padding: 0px 0px 0px 0px;
  text-align: left
}

#photoleft {
  float: left;
  width: 40%;
}

#photorightnormal {
  float: right;
  width: 40%;
}

#photoright {
  float: right;
  width: 40%;
}

#photoright2 {
  float: right;
  width: 40%;
  display: none;
}

#appiconleft {
  float: left;
  width: 15%;
  padding: 12px 20px 0px 0px;
}

#appcontentright {
  float: left;
  width: 80%;
  text-align: left;
}

#floatleft25 {
  float: left;
  text-align: left;
  width: 25%;
}

#floatleft50 {
  float: left;
  text-align: left;
  width: 50%;
}

#photo33 {
  width: 33%;
  float: left;
  text-align: center
}

#photo34 {
  width: 34%;
  float: left;
  text-align: center
}

#photocenter {
  width: 100%;
  text-align: center
}

.mainphoto_pc {
  width: 100%;
}

.mainphoto_mob {
  display: none;
  width: 100%;
}

#tnc {
  width: 100%;
  clear: both;
  font-size: 15px;
  line-height: 150%;
}

.form1 {
  height: 800px;
}


/************************************************************************************
NEW
*************************************************************************************/

#language {
  width: 100%;
  height: 30px;
  clear: both;
  background: #f1f1f1;
  padding: 5px 0px 0px 0px;
}

#mobilesubmenu {
  display: none;
}

#home {
  float: right;
  padding: 3px 10px 0px 0px;
  line-height: 100%;
}

#langtext {
  float: right;
  padding: 3px 10px 0px 10px;
  font-size: 12px;
  font-weight: bold;
}

#langtext a {
  color: #000000;
}

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

#topcolorgroup {
  width: 100%;
  clear: both;
}

#topcolorblue {
  width: 33%;
  height: 10px;
  background: #27a8ec;
  float: left;
}

#topcolormagenta {
  width: 34%;
  height: 10px;
  background: #ff0072;
  float: left;
}

#topcolorgreen {
  width: 33%;
  height: 10px;
  background: #8ad12e;
  float: left;
}


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

#height5px {clear:both; height: 5px}
#height10px {clear:both; height: 10px}
#height15px {clear:both; height: 15px}
#height20px {clear:both; height: 20px}
#height30px {clear:both; height: 30px}
#height40px {clear:both; height: 40px}
#height50px {clear:both; height: 50px}
#height80px {clear:both; height: 80px}
#height100px {clear:both; height: 80px}
#height120px {clear:both; height: 120px}

#height02 {
  clear: both;
  height: 55px
}

#height03 {
  clear: both;
  height: 35px
}

#height04 {
  clear: both;
  height: 55px
}

#height05 {
  clear: both;
  height: 15px
}

#height06 {
  clear: both;
  height: 5px
}

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

#simplus {
  float: left
}

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

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

#width01 {
  float: left;
  width: 10px;
  line-height: 100%
}

#width03 {
  float: left;
  width: 30px;
  line-height: 100%
}

.width02 {
  width: 30%
}


/************************************************************************************
FOOTER
*************************************************************************************/

#pagefooter {
  width: 100%;
  max-width: 1600px;
  height: 30px;
  clear: both;
  background: #eaeaea;
  padding: 10px 0px 0px 0px;
}

#pagefooteren {
  width: 100%;
  max-width: 1600px;
  height: 30px;
  clear: both;
  background: #eaeaea;
  padding: 10px 0px 0px 0px;
}

#formpagefooter {
  width: 100%;
  max-width: 1600px;
  height: 30px;
  clear: both;
  background: #eaeaea;
  padding: 10px 0px 0px 0px;
}

#formpagefooteren {
  width: 100%;
  max-width: 1600px;
  height: 30px;
  clear: both;
  background: #eaeaea;
  padding: 10px 0px 0px 0px;
}

#footer {
  clear: both;
}

#footer a {
  color: #959595;
}

#copyright {
  font-size: 12px;
  color: #959595;
  padding: 2px 0px 0px 10px;
  float: left;
}

#chlogo {
  float: right;
  padding: 0px 10px 0px 0px;
}

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


/************************************************************************************
STRUCTURE
*************************************************************************************/

#pagewrap {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
  background-color: #ffffff;
}

#pagetop {
  width: 95%;
  margin: 0 auto;
}


/************************************************************************************
CLEARFIX
*************************************************************************************/

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
  zoom: 1;
}


/********************************************/
.achframe-scoll{
		position: fixed;
    top: 73px;
    left: 8%;
    background-color: white;
    width: 88%;
    max-width: 1600px;
    z-index: 999999;
    padding-bottom: 15px;
    border-top: 1px solid #ddd;
    margin: auto;
    left: 0;
    right: 0;
}


.achframe-hidden,.achframe-hidden-en{
	width: 100%;
	height: 56px;
	display: none;
}