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

/*@font-face {
    font-family: PingFangHK;
    src: url('PingFangHK-Semibold.woff2') format('woff2');
}*/

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:  /*PingFangHK,*/ 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: inherit;line-height: 100%;font-weight: normal;color: inherit !important;
}

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: #e6007e;*/
  color: #774fda;
  text-decoration: none;
  outline: none;
  /* for Firefox */
  hlbr: expression(this.onFocus=this.blur());
  /* for IE */
  cursor: pointer;
}

a:hover {
  color: #774fda;
  text-decoration: underline;
  cursor: pointer;
}

#pagehomecontent {
  width: 100%;
}

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

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

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

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


_:-ms-fullscreen, :root .optiontickonlineframebox {
                right: 45px !important;
}


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


.nowarp { white-space: nowrap;color: inherit; }
.txtblk { color: #000000 !important; }
.txtwht { color: #ffffff !important; }
.txtpup { color: #774fda !important; }
.txtgry { color: #929292 !important; }
.txtalignL { text-align: left; }
.disprice { text-decoration: line-through;opacity: 50%; }

.detailbut { font-size: 14px;font-weight: bold;background: #000;color: #fff;padding: 3px 15px;border-radius: 3px;display: inline-block;cursor: pointer; }


.bktotopbutfixframe { width: 100%;height: 1px;display: inline-block;position: fixed;bottom: 7%;left: 0px; text-align: center;margin-bottom: 0px;z-index: 999; }
.bktotopbutframe { width: 88%;max-width: 1600px; height: 1px;display: inline-block;text-align: right; }
.bktotopbutimg { width: 40px;height: auto;display: inline-block;margin-right: 10px; }


/************************************************************************************
new css
*************************************************************************************/
.jyheader { width: 100%;height: auto;display: inline-block;font-size: 28px;font-weight: bold;line-height: 120%; }
.jyheaderen { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%; }
.jymainheader1 { 
	width: auto;height: auto;display: inline-block;font-size: 46px;font-weight: bold;line-height: 120%;color: #774fda; margin-top: 30px;
	background: linear-gradient(90deg, #ffffff 0%, #dfd6ff 10%, #dfd6ff 90%, #ffffff 100%);
	background-repeat: no-repeat;background-size: 100% 30%;
    background-position: 0 90%;padding: 10px 50px; 
}
.jymainheader2 { width: 100%;height: auto;display: inline-block;font-size: 32px;font-weight: bold;line-height: 120%;margin-bottom: 40px; }

.jysubheader { 
	width: auto;height: auto;display: inline-block;font-size: 30px;font-weight: bold;line-height: 120%;font-style: italic; margin-top: 30px;
	background: linear-gradient(90deg, #ffffff 0%, #dfd6ff 10%, #dfd6ff 90%, #ffffff 100%);
	background-repeat: no-repeat;background-size: 100% 30%;
    background-position: 0 90%;padding: 10px 50px; 
}

.mbcoin { width: 22px;height: auto;display: inline-block;vertical-align: -4px; }

.jyplanfr { 
	width: 70%;height: auto;border-radius: 20px;vertical-align: middle;/*border: 3px #774fda solid;*/
	padding: 20px 0px;margin-top: 10px; font-weight: bold;font-size: 140%;display: flex;justify-content: center;align-items: center;position: relative; 
	background: rgba(238, 238, 238, 0.41);
	box-shadow: 0 4px 12px #774fda40;
	border: 1px solid #0000001c;
	background: linear-gradient(117deg, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(242, 242, 242, 1) 100%);
}
.jyplansubheaderfr { width: 100%;height: auto;display: inline-block;text-align: center;position: absolute;top: -22px;left: 0px; }
.jyplansubheader { width: auto;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 100%;color: #fff;background-color: #774fda;border-radius: 100px; padding: 8px 34px; }


.jyplanfr2 { 
	width: 88%;height: auto;border-radius: 20px;vertical-align: middle;border: 3px #774fda solid;
	padding: 20px 20px;margin-top: 10px; font-weight: bold;font-size: 140%;display: flex;justify-content: center;align-items: center;position: relative; 
}
.jyplansubheaderfr2 { width: 100%;height: auto;display: inline-block;text-align: center;position: absolute;top: -26px;left: 0px; }
.jyplansubheader2 { width: auto;height: auto;display: inline-block;font-size: 30px;font-weight: bold;line-height: 100%;color: #774fda;background-color: #fff;border-radius: 100px; padding: 8px 20px; }
.jyplangift2 { width: 100%;height: auto;display: inline-block;font-size: 24px;font-weight: normal;line-height: 120%;margin-top: 10px; }

.jyplangift { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;margin-top: 10px; }
.jyplangiftbold { width: auto;height: auto;display: inline-block;font-size: 30px;font-weight: bold;line-height: 120%;color: #774fda; }
.jyofferimg { border-radius: 16px;box-shadow: 0px 0px 12px #00000038;  }


.jygrid-container {
    display: grid ; width:100%;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: auto;
    grid-gap: 20px;
    /* padding: 5px; */
    margin-top: 20px;
    margin-bottom: 8px;
	width: 90%;
}	
.jygrid-col {
    width: 98%;
    display: inline-block;
    margin: 0px;
    vertical-align: top;
    /*float: left;*/
    scroll-snap-align: center;
     border: 3px #774fda solid; 
    /*border: 2px #fff solid;*/
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    /*display: table;*/
    grid-template-columns: 40% 60%;
    /* background-color: #fff; */
    font-size: 18px;
	background: rgba(238, 238, 238, 0.41);
	box-shadow: 0 4px 12px #774fda40;
	border: 1px solid #0000001c;
	background: linear-gradient(117deg, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(242, 242, 242, 1) 100%);
}


.jyboxTitletxt_L,.jyboxTitletxt_R { display: inline-block;vertical-align: middle;font-weight: bold; }
.jyboxTitletxt_L { width:37%; padding: 16px 0px; }	
.jyboxTitletxt_L img { width: 100px; }
.jyboxTitletxt_R { width:60%;text-align: center;line-height: 130%; }	
.jyboxTitletxt_space { width: 15%;display: table-cell; }




/************************************************************************************
blog slide
*************************************************************************************/
.p1newscontainerframe { width: 96%;height: auto;display: inline-block;margin: 10px 0px 10px 0px;position: relative; }
.p1newsframe { width: 50% !important;height: auto !important;display: inline-block;vertical-align: top;padding: 0px 0px 0px 0px;text-align: center;cursor: pointer; }
.swiper-container1 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.p2newscontainerframe { width: 96%;height: auto;display: inline-block;margin: 10px 0px 10px 0px;position: relative; }
.p2newsframe { width: 50% !important;height: auto !important;display: inline-block;vertical-align: top;padding: 0px 0px 0px 0px;text-align: center; }
.swiper-container2 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
	padding: 10px 0px;
}

.p3newscontainerframe { width: 96%;height: auto;display: inline-block;margin: 10px 0px 10px 0px;position: relative; }
.p3newsframe { width: 25% !important;height: auto !important;display: inline-block;vertical-align: top;padding: 0px 0px 0px 0px;text-align: center; }
.swiper-container3 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
	padding: 10px 0px;
}
.blognewsframe { width: 25%;height: auto;display: inline-block;vertical-align: top; }
.blognewsframeslide { width: 85%;text-align: center; }



/************************************************************************************
may
*************************************************************************************/
.iconplus { width: 32px;height: auto;display: inline-block;vertical-align: -7px; }
.mayplan-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    grid-template-rows: auto;
    grid-gap: 10px;
	margin-top: 30px;
	/*align-items: center;*/
}
.mayplanfr { width: 98%;height: auto;border: 3px #774fda solid;border-radius: 40px;vertical-align: middle;padding: 20px 0px;font-weight: bold;font-size: 140%;display: flex;justify-content: center;align-items: center;position: relative; }
.mayplaniconfr { width: 100%;height: 150px;vertical-align: middle;display: flex;justify-content: center;align-items: center; }
.mayplaniconimg { width: 40px;height: auto;display: inline-block; }
.mayplansubheaderfr { width: 100%;height: auto;display: inline-block;text-align: center;position: absolute;top: -18px;left: 0px; }
.mayplansubheader { width: auto;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 100%;color: #fff;background-color: #774fda;border-radius: 100px; padding: 8px 24px; }
.mayplanpop { width: 150px;height: auto;display: inline-block;position: absolute;top: -42px;right: 50px;z-index: 99;}


.grid-container {
    display: grid ; width:100%;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: auto;
    grid-gap: 20px;
    /* padding: 5px; */
    margin-top: 20px;
    margin-bottom: 8px;
}	
.grid-col {
    width: 98%;
    display: inline-block;
    margin: 0px;
    vertical-align: top;
    float: left;
    scroll-snap-align: center;
     border: 3px #774fda solid; 
    /*border: 2px #fff solid;*/
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    display: table;
    grid-template-columns: 40% 60%;
    /* background-color: #fff; */
    background: #fff;font-size: 18px
}
/*.grid-col:hover { box-shadow: 0px 0px 10px #774fda; }*/

.boxTitle { width: 100%;position: static;background: none; color: #e7e7e7; }
.boxTitletxt {
    line-height: 140%;
    padding: 10px 5px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.boxTitletxt_L,.boxTitletxt_R { display: table-cell;vertical-align: middle;font-weight: bold; }
.boxTitletxt_L { width:30%; padding: 10px 0px; }	
.boxTitletxt_L img { width: 90px; }
.boxTitletxt_R { width:50%;text-align: center;line-height: 130%; }	
.boxTitletxt_space { width: 15%;display: table-cell; }
	
.stepno {
    width: 60px; border-bottom-right-radius: 14px;border-top-left-radius: 14px;
    height: 30px;
    float: left;    position: absolute;
    margin-right: 5px;
    background-color: #774fda;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;position: absolute;
    top: 0;left:0
}
.highlight { color: #774fda;font-size: 25px;font-weight:bold}
.highlighten { color: #774fda;font-size: 22px;font-weight:bold}
.highlight2 { color: #774fda;font-size: 30px;font-weight:bold}

.iconupgrade { width: 300px;height: auto;display: inline-block; }
.icongift { width: 100px;height: auto;display: inline-block; }
.offertxtL { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.offertxtR { width: 100px;height: auto;display: inline-block;vertical-align: middle; }

.iconroam { width: 8%;height: auto;display: inline-block;vertical-align: middle; }
.iconroamtxt { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.iconroamtxten { width: 70%;height: auto;display: inline-block;vertical-align: middle;font-size: 90%; }




/************************************************************************************
mar
*************************************************************************************/
.mboffertxtfr2 { width: 100% !important;height: auto;display: inline-block;padding: 10px 0px;margin-top: 5px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 20%, rgba(236,236,236,1) 80%, rgba(255,255,255,1) 100%); }





/************************************************************************************
love
*************************************************************************************/
.addoffertab { width: auto;height: auto;display: inline-block;font-size: 16px;font-weight: bold;line-height: 100%;color: #ffffff;padding: 6px 14px;background: #774FDA;margin-top: 10px;border-radius: 3px; }
.bannershop { width: 800px;height: auto;display: inline-block;border-radius: 20px; }



/************************************************************************************
mb10x
*************************************************************************************/
.mbcontent { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%; }
.mbpoptxt { width: 90%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;color: #774fda;line-height: 120%;background-color: #fff;padding: 10px;border-radius: 100px;margin-bottom: 10px; }
.mbsubtxt { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;color: #774fda;line-height: 120%;margin-top: 10px; }

.mbstepfr { width: 100%;height: auto;display: inline-block;background-color: #f3f3f3;border-radius: 80px; }
.mbstepimgfr { width: 14%;height: auto;display: inline-block;padding: 2% 2% 2% 2%;vertical-align: middle; }
.mbsteptxtfr { width: 78%;height: auto;display: inline-block;padding: 2% 2% 2% 0%;vertical-align: middle;font-size: 22px;font-weight: bold;line-height: 120%;text-align: left; }
.mbsteparrow { width: 30px;height: auto;display: inline-block;transform: rotate(90deg); }

.mbtotalfr { width: 80%;height: auto;display: inline-block;background: #dfd6ff;margin-top: 30px;padding: 30px;border-radius: 60px; }
.mbtotaltxt1 { width: auto;height: auto;display: inline-block;font-size: 36px;font-weight: bold;line-height: 120%;color: #000;margin-bottom: 20px; }
.mbtotaltxt2 { width: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%;color: #373737;background-color: #f3f3f3ba;border-radius: 60px;padding: 20px 60px; }
.mbtotalbg { background-image: url(../images/bgtotal.png);background-repeat: no-repeat;background-size: 100% auto;background-position: bottom; }

.mbrouter { width: 150px;height: auto;display: inline-block; }

.mboffertxtfr { width: 100% !important;height: auto;display: inline-block;background-color: #dfd6ff;padding: 10px 0px;/*border-radius: 100px;*/margin-top: 5px; }
.mboffertxtheaderfr { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.mboffertxtheader { width: 70px;height: 70px;display: inline-block;font-size: 20px;font-weight: bold;color: #000;line-height: 120%;background-color: #fff;border-radius: 100px;display: flex;justify-content: center;align-items: center; }
.mboffertxt { width: auto;height: auto;display: inline-block;font-size: 24px;font-weight: bold;color: #fff;line-height: 120%;vertical-align: middle;/*margin-right: 10px;*/ }

.mbstep2-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
}
.mbstep2fr { width: 100%;height: auto;display: inline-block;border: 2px #774fda solid; border-radius: 40px;margin-top: 100px;padding: 100px 0px 30px 0px;position: relative; }
.mbstep2arrowfr { width: 100%;height: auto;display: inline-block;margin-top: 100px; }
.mbstep2arrow { width: 30px;height: auto;display: inline-block; }
.mbstep2contentfr { width: 76%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%;text-align: left;background-color: #fff;padding: 20px 40px;border-radius: 50px;margin-top: 30px; }
.mbstep2imgLfr { width: 100%;height: auto;display: inline-block;text-align: center; position: absolute;top: -40%;left: 0px; }
.mbstep2imgLfr2 { width: 100%;height: auto;display: inline-block;background-color: #f3f3f3; border-radius: 80px;text-align: center;padding: 20px 0px; }
.mbstep2imgfr { width: 140px;height: auto;display: inline-block;padding: 12px;vertical-align: middle;text-align: center;position: relative; }
.mbstep2imgtxt { width: auto;height: auto;display: inline-block;padding: 7px 20px;font-size: 18px;font-weight: bold;color: #fff;line-height: 100%;background-color: #774fda;border-radius: 100px;position: absolute;left: 50%;bottom: -4%;transform: translateX(-50%);white-space: nowrap; }
.mbstep2no { width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;font-size: 30px;font-weight: bold;color: #fff;line-height: 100%;background-color: #774fda;border-radius: 100px;position: absolute;top: 0;left: 0; }
.mbstep2txtfr { width: 60%;height: auto;display: inline-block;padding: 2% 2% 2% 0%;vertical-align: middle;font-size: 26px;font-weight: bold;line-height: 120%;text-align: left; }

.mbstep1txtfr1 { width: 60%;height: auto;display: inline-block;padding: 12px 12px 12px 0px;vertical-align: middle;font-size: 22px;font-weight: bold;line-height: 120%;text-align: left; }
.mbstep1txtfr2 { width: 80%;height: auto;display: inline-block;padding: 30px 2% 30px 0px;vertical-align: middle;font-size: 22px;font-weight: bold;line-height: 120%;text-align: left; }
.mbstep1arrowfr1 { width: 100%;height: auto;display: inline-block;margin-top: 80px; }
.mbstep1arrowfr2all { width: 100%;height: auto;display: inline-block;text-align: right; }
.mbstep1arrowfr2 { width: 30px;height: auto;display: inline-block;transform: rotate(90deg);margin: 1% 22% 1% 0%; }

.mbtxtcoin1 { width: 26px;height: auto;display: inline-block;vertical-align: -4px; }
.mbtxtcoin2 { width: 20px;height: auto;display: inline-block;vertical-align: -4px; }


/************************************************************************************
router
*************************************************************************************/
.ruframe { width: 100%;height: auto;display: inline-block;border-radius: 20px;/*box-shadow: 0px 2px 10px #00000030;padding: 20px;*/ }
.rutitle { width: 100%;height: auto;display: inline-block;font-size: 40px;font-weight: bold;line-height: 120%;color: #774fda; }
.rutitleen { width: 100%;height: auto;display: inline-block;font-size: 36px;font-weight: bold;line-height: 150%;color: #774fda; }
.rusubtitle { width: 100%;height: auto;display: inline-block;font-size: 28px;font-weight: bold;line-height: 120%; }
.rugifttitle { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%; }
.ruimg { width: 600px;height: auto;display: inline-block; }
.ruotherframe { width: 100%;height: auto;display: inline-block;margin: 20px 0px 0px 0px;padding: 20px 0px 0px 0px;background-color: #7e7ef2b3; }

.ruimg-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    grid-template-rows: auto;
    grid-gap: 10px;
    width: 80%;
    text-align: center;
    justify-content: center;align-items: center;
}
.rugiftphoto { width: 100%;height: auto;display: inline-block;text-align: center;margin-top: 30px;scroll-snap-align: center; }
.rugiftphotoimg { width: 180px;height: auto;display: inline-block; }
.ruorfr { width: auto;height: auto;display: inline-block; }
.ruor { width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 22px;font-weight: bold;color: #999bf2;line-height: 100%;background-color: #ffffff;border-radius: 50px; }
.rugifttxt { width: 100%;height: auto;display: inline-block;text-align: center;font-size: 18px;font-weight: bold;line-height: 120%; }
.rugifttxten { width: 100%;height: auto;display: inline-block;text-align: center;font-size: 16px;font-weight: bold;line-height: 120%; }

.ruiptitle { width: 100%;height: auto;display: inline-block;font-size: 28px;font-weight: bold;line-height: 100%;margin-bottom: 10px; }
.ruip-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
}

.rumbpt { width: 30px;height: auto;display: inline-block;vertical-align: -6px; }



/************************************************************************************
HS
*************************************************************************************/
.hsheader { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;margin-bottom: 30px; }
.hssubtitle { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%;margin-bottom: 5px; }
.hscontent { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: normal;line-height: 120%;margin-bottom: 30px; }
.hsapp { width: 120px;height: auto;display: inline-block; }
.hstbheader { background-color: #0d6c28 !important; color: #fff;font-weight: bold !important; }
.hsappframeL { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.hsappframeR { width: 110px;height: auto;display: inline-block;vertical-align: middle;line-height: 140%; }


/************************************************************************************
floating btn
*************************************************************************************/
.fobannerfr { position: fixed;right: 2%; bottom: 2%;z-index: 90;display: inline-block; }
.fobanner { width: 180px;height: auto;display: inline-block;filter: drop-shadow(0px 0px 5px #000000a8);opacity: 0.93;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.fobanner:hover { transform: scale(1.06); }


/************************************************************************************
popup faq
*************************************************************************************/
.pfheader { width: 100%;height: auto;display: inline-block;font-size: 28px;font-weight: bold;line-height: 100%;color: #000;text-align: center;margin-bottom: 12px; }
.pfsubtitle { width: 100%;height: auto;font-size: 22px;font-weight: bold;line-height: 100%;text-align: left;padding: 12px 0px;text-decoration: underline; }
.pfnotd { width: 3%; }
.pfqus { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 120%;color: #774fda;text-align: left;margin-bottom: 5px; }
.pfans { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: normal;line-height: 120%;color: #000000;text-align: left;margin-bottom: 20px; }
.pfappicon { width: 40px;height: auto;display: inline-block;vertical-align: -13px; }




/************************************************************************************
promo
*************************************************************************************/
.pmmsgbox { width: auto;height: auto;display: inline-block;padding: 15px 60px;margin: 20px 0px;position: relative;background: rgb(255,255,255);background: linear-gradient(100deg, rgba(255,255,255,1) 0%, rgba(255, 246, 219,1) 100%);border: 2px #774fda solid;border-radius: 20px;box-shadow: 3px -3px 0px #774fda85; }
.pmgiftbox { width: 100px;height: auto;display: inline-block;position: absolute;top: -17px;left: -50px; }
.pmmsgtxt { font-size: 30px;line-height: 100%;font-weight: bold;display: inline-block;vertical-align: top;width: 100%; }
.pmmsgtxten { font-size: 24px;line-height: 100%;font-weight: bold;display: inline-block;vertical-align: top;width: 100%; }
.pmnext { width: 30px;height: auto;display: inline-block;position: absolute;top: 48%;right: 1.5%;cursor: pointer; }
.pmback { width: 30px;height: auto;display: inline-block;position: absolute;top: 48%;left: 1.5%;cursor: pointer; }


/************************************************************************************
plan 3steps
*************************************************************************************/
.planstepfr { width: 99%;height: auto;display: inline-block;border: 2px #774fda solid;border-radius: 36px;margin: 30px 0px 30px 0px;padding: 16px 0px;text-align: center;box-shadow: 0px 2px 10px #0000005c;
background: linear-gradient(178deg, rgba(255,255,255,1) 30%, rgba(225,213,255,1) 100%);
}
.plansteppic { width: 150px;height: auto;display: inline-block;vertical-align: middle; }
.plansteptxt { width: auto;height: auto;display: inline-block;font-size: 36px;font-weight: bold;color: #774fda;line-height: 120%;vertical-align: middle;margin-right: 1.5%; }
.plansteptxten { width: auto;height: auto;display: inline-block;font-size: 28px;font-weight: bold;color: #774fda;line-height: 120%;vertical-align: middle;margin-right: 1.5%; }
.planstepiconLfr { width: 50%;height: auto;display: inline-block;vertical-align: middle; }
.planstep-container { display: grid;grid-template-columns: 1fr auto 1fr auto 1fr;grid-template-rows: auto;grid-gap: 6px;width: 100%;height: auto;text-align: center; }
.planstepiconfr { width: 100%;height: auto;display: inline-block;position: relative; }
.planstepiconarrow { width: 100%;height: auto;display: inline-block;margin-top: 45px; }
.planstepiconimg { width: 120px;height: auto;display: inline-block; }
.planstepiconimgarrow { width: 20px;height: auto;display: inline-block; }
.planstepicontxt { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%; }
.planstepicontxten { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%; }
.plansteptitlespace { padding: 5px 0px 15px 0px !important; }
.planstepnofr { width: 30px;height: 30px;font-size: 18px;font-weight: bold;line-height: 100%;color: #fff;position: absolute;top: 5px;left: 5px;background-color: #774fda;border-radius: 100px;display: flex;justify-content: center;align-items: center; }



/************************************************************************************
JP plans
*************************************************************************************/
.jpplanfr { width: 100%;height: auto;display: inline-block;border: 2px #6f6f6f solid;border-radius: 20px;margin-bottom: 20px; }
.jpplanheaderfr { width: 100%;height: auto;display: inline-block;border-radius: 16px 16px 0px 0px;background-color: #005fb6;padding: 10px 0px 14px 0px; }
.jpplanheader { font-size: 26px;font-weight: bold;color: #fff;line-height: 120%;width: auto;height: auto;display: inline-block; }
.jpplantablewidth { width: 800px;margin: 10px 0px; }
.jpplantabletd1width { width: 270px; }
.jpplantabletd2width { width: 220px; }
.jpplantabletd3width { /*padding: 0px 60px !important;*/text-align: center; }
.jpplantabletd1height { height: 62px; }
.jpplantable { border-collapse: collapse; border: none;text-align: center;font-size: 20px;line-height: 120%;font-weight: bold;padding: 12px 10px;text-align: left; }
.jpplantxtorg { font-size: 26px;font-weight: bold;line-height: 120%;color: #9a9a9a;text-decoration: line-through;width: 90px;height: auto;display: inline-block;text-align: left; }
.jpplantxtdis { font-size: 36px;font-weight: bold;line-height: 120%;color: #774fda;width: auto;height: auto;display: inline-block;text-align: left; }
.jpplantxtmth { font-size: 50%;color: inherit; }
.jpplantxtcnmo { font-size: 16px;color: inherit;text-align: center; }
.jpplantxtthereafter { font-size: 24px;font-weight: bold;line-height: 120%;color: #774fda;width: 100%;height: auto;display: inline-block;text-align: center; }
.jpplantxtthereafteren { font-size: 20px;font-weight: bold;line-height: 120%;color: #774fda;width: 100%;height: auto;display: inline-block;text-align: center; }
.jpplantxtthereafterremk { font-size: 16px;font-weight: bold;line-height: 120%;color: #774fda;width: 100%;height: auto;display: inline-block;text-align: center; }
.jpplantablewidthscroll { width: 88%;padding-bottom: 10px;max-width: 1600px; }

.jpplancol2-container { display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto;grid-gap: 20px;width: 100%;height: auto;text-align: center; }




/************************************************************************************
new plan css
*************************************************************************************/
.nplantabcolor { padding: 2px 6px;background-color: #774fda; color: #fff; font-size: 12px; border-radius: 3px; white-space: nowrap;width: auto;display: inline-block;line-height: 100%;vertical-align: -1px;box-shadow: 0px 0px 5px #fff;margin-right: 3px;margin-top: 3px }
.nplantabcoloron { padding: 2px 6px;background-color: #fff; color: #774fda; font-size: 12px; border-radius: 3px; white-space: nowrap;width: auto;display: inline-block;line-height: 100%;vertical-align: 1px;box-shadow: 0px 0px 5px #fff;margin-right: 3px; }

.nplancol1-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    width: 40%;
    height: auto;
    text-align: center;
    margin-top: 48px;
}

.nplancol2-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 12px;
    width: 70%;
    height: auto;
    text-align: center;
    margin-top: 48px;
}

.nplancol3-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 12px;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 48px;
}

.nplancol4-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 12px;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 48px;
}

.nplancol4-containeronline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: 0px 12px;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 0px;
}

.nplancontainertopen { margin-top: 48px; }

.nplancolframe { width: 96%;height: auto;display: inline-block;border: 2px #774fda solid;padding: 4px;border-radius: 8px;scroll-snap-align: center;position: relative;box-shadow: 0px 20px 20px #00000017; }
.nplancolframetab { border-top-left-radius: 0px; }

.nplanoffertabspacetd { line-height: 0%; }
.nplanoffertabspace { width: 1px;height: 60px; }

.nplanoffertabfrcol1 { width: auto;height: auto;display: inline-block;position: absolute;left: -2px;top: -61px;font-size: 18px;font-weight: bold;line-height: 100%; }
.nplanoffertabfrcol1en { left: -2px;top: -61px;font-size: 18px;font-weight: bold;line-height: 100%; }

.nplanoffertabfrcol4 { width: auto;height: auto;display: inline-block;position: absolute;left: -2px;top: -61px;font-size: 18px;font-weight: bold;line-height: 100%; }
.nplanoffertabfrcol4en { left: -2px;top: -61px;font-size: 18px;font-weight: bold;line-height: 100%; }

.nplanoffertab { width: auto;height: auto;display: inline-block;color: #fff;background-color: #774fda;border: 1px #774fda solid;padding: 6px 4px;border-radius: 8px 8px 0px 0px;margin-right: 1px; }
.nplanoffertaben { width: auto;height: auto;display: inline-block;color: #fff;background-color: #774fda;border: 1px #774fda solid;padding: 4px 4px 5px 4px;border-radius: 8px 8px 0px 0px;margin-right: 1px; }
.nplanoffertabonline { width: auto;height: auto;display: inline-block;color: #774fda;background-color: #f5f5f5;border: 1px #774fda solid;padding: 6px 4px;border-radius: 8px 8px 0px 0px;margin-right: 1px; }
.nplanoffertabonlineen { width: auto;height: auto;display: inline-block;color: #774fda;background-color: #f5f5f5;border: 1px #774fda solid;padding: 4px 4px 5px 4px;border-radius: 8px 8px 0px 0px;margin-right: 1px; }
.nplanpricedatafr { width: 100%;height: auto;display: inline-block;background-color: #774fda;border-radius: 6px;padding: 3px 0px 5px 0px; }
.nplanpricedata-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto;
    grid-gap: 8%;
    width: 84%;
    height: auto;
    text-align: left;
    margin: 0px 8%;
}
.nplanpricedatacol2 { width: 100%;height: auto;display: inline-block;vertical-align: top;text-align: left;padding: 10px 0px 12px 0px;line-height: 100%; }
.nplanpricedatacollinefr { width: 100%;height: auto;display: inline-block;display: flex;justify-content: center;align-items: center; }
.nplanpricedatacolline { width: 1px;height: 50px;display: inline-block;background-color: #ffffff8c; }
.nplanpricedatatitle { width: auto;height: auto;display: inline-block;font-size: 12px;font-weight: bold;line-height: 120%;color: #fff;white-space: nowrap; }
.nplanpricedatasml { width: auto;height: auto;display: inline-block;font-size: 70%;font-weight: bold;line-height: 100%;color: #fff;font-family: Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.nplanpricedata { width: auto;height: auto;display: inline-block;font-size: 40px;font-weight: bold;line-height: 100%;color: #fff;white-space: nowrap;font-family: Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.nplanpricedataremark { width: 100%;height: auto;display: inline-block;font-size: 10px;font-weight: bold;line-height: 120%;color: #fff; }
.nplanpricedataremarknone { width: 100%;height: auto;display: inline-block;font-size: 10px;font-weight: bold;line-height: 120%;color: #774fda; }
.nplanpricedatadis { width: auto;height: auto;display: inline-block;font-size: 18px;font-weight: normal;line-height: 120%;color: #fff;text-decoration: line-through; }


.nplanpricedataspace { width: 24px;height: auto;display: inline-block;vertical-align: middle; }
.nplanpricedataframe { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.nplanpricedatatable { margin: 10px 0px; }
.nplanpricedatatd { width: 5%; }

.nplancontentfr { width: 94%;height: auto;display: inline-block;margin: 16px 0px 70px 0px;font-size: 18px;font-weight: bold; }
.nplancontentheader { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%;text-align: left;margin-bottom: 5px; }
.nplancontentnplanul { width: 100%;height: auto;display: inline-block;text-align: left; }
.nplanul { list-style-image: url(pt-np.png);padding-left: 18px;margin-bottom: 16px; }
.nplanul li { margin: 8px 0px; }
.nplanlinone { list-style: none; }
.nplanuldis { text-decoration: line-through;color: #afafaf; }
.nplanofferbtn { width: auto;height: auto;display: inline-block;font-size: 14px;font-weight: bold;line-height: 100%;color: #fff;padding: 5px 10px;border-radius: 100px;background-color: #774fda;transition: background 0.5s;-webkit-transition: background 0.5s;-moz-transition: background 0.5s; }
.nplanofferbtn:hover { color: #fff;background-color: #8635dd; }
.nplanpopheader { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 100%;margin: 10px 0px 28px 0px; }
.nplanpopcontent { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 120%; }


.nplanoffer { width: 100%;height: auto;display: inline-block;color: #774fda;line-height: 120%;text-align: left;position: relative; }
.nplanofferopenimg { width: 20px;height: 20px;position: absolute;right: 0;top: 0;display: flex;justify-content: center;align-items: center;cursor: pointer; }
.nplanofferfr { width: 100%;height: auto;display: inline-block;background-color: #F5F5F5;border-radius: 6px;margin-top: 8px;padding: 10px 0px; }
.nplanoffertxtfr { width: 96%;height: auto;display: inline-block;margin: 8px 0px; }
.nplanoffertxtfrbg { background-color: #ededed;border-radius: 8px;padding: 5px 0px; }
.nplanoffertxticon { width: 18px;height: auto;display: inline-block;margin-right: 1%;vertical-align: middle; }
.nplanoffertxt { width: 86%;height: auto;display: inline-block;text-align: left;color: #774fda;line-height: 120%;vertical-align: middle; }
.nplanofferticktxt { width: 75%;height: auto;display: inline-block;text-align: left;color: #000;line-height: 120%;vertical-align: middle; }
.nplanoffertick { width: 10%;height: auto;display: inline-block;line-height: 100%;vertical-align: middle;cursor: pointer; }


.nplanbtnfr { width: 100%;height: auto;display: inline-block;position: absolute;bottom: 3%;left: 0%;text-align: center; }
.nplanbtn { width: 92%;height: auto;display: inline-block;background-color: #774fda;font-size: 16px;font-weight: bold;line-height: 120%;color: #fff;text-align: center;padding: 10px 0px;border-radius: 100px;cursor: pointer;transition: background 0.5s;-webkit-transition: background 0.5s;-moz-transition: background 0.5s; }
.nplanbtn:hover { background-color: #8635dd; }

.nplanofoptopenfr { width:auto;height:auto;display: inline-block; }
.nplanofoptopen { width:22px;height:22px;background-color: #774fda;border-radius: 50px;display: flex;justify-content: center;align-items: center;cursor: pointer; }
.nplanofoptopenbox { background-color: #F5F5F5;padding: 10px;border-radius: 6px;margin-top: 8px; }
.nplanofoptopenboxtxt { font-size: 15px; }

.nplanfreesharedatafr { width: auto;height: auto;display: inline-block;line-height: 100%; background-color: #fff;padding: 8px 5px;border-radius: 10px;box-shadow: 3px 3px 5px #00000021;position: relative;text-align: center; }
.nplanfreesharedatatxt { width: auto;height: auto;display: inline-block;font-size: 40px;font-weight: bold;line-height: 70%;color: #774fda;white-space: nowrap;font-family: Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.nplanfreesharedatatxtsl { width: auto;height: auto;display: inline-block;font-size: 28px;color: #774fda;font-family: Helvetica Neue, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體, sans-serif; }
.nplanfreesharedatatxt2 { width: auto;height: auto;display: inline-block;font-size: 12px;font-weight: bold;line-height: 120%;color: #774fda;white-space: normal; }
.nplanfreesharedatafreefr { width: auto;height: auto;display: inline-block;position: absolute;top: -6px;left: -24px; }
.nplanfreesharedatafree { width: 30px;height: 30px;font-size: 18px;font-weight: bold;line-height: 100%;color: #774fda;border: 3px #774fda solid;border-radius: 100px;display: flex;justify-content: center;align-items: center;background-color: #fff; }
.nplanfreesharedatafreeen { width: 30px;height: 30px;font-size: 10px;font-weight: bold;line-height: 100%;color: #774fda;border: 3px #774fda solid;border-radius: 100px;display: flex;justify-content: center;align-items: center;background-color: #fff; }
.nplanhrline { margin: 0px;border: 1px solid #dbdbdb;width: 90%; }


/************************************************************************************
tabmainland
*************************************************************************************/
.tabmainlandkv { width: 180px;height: auto;display: inline-block;position: absolute;top: 4%;left: 6%;filter: drop-shadow(1px 1px 3px #fff)}
.tabmainlandkv2 { width: 10%;height: auto;display: inline-block;position: absolute;top: 4%;left: 2%;filter: drop-shadow(1px 1px 3px #fff)}
.tabmainlandblock { width: 78px;height: auto;display: inline-block;position: absolute;top: 3%;left: 2%;filter: drop-shadow(1px 1px 3px #fff)}
.hmptul { text-align: left;padding-top: 0px !important;padding-bottom: 40px !important; }



/************************************************************************************
fortress prestige
*************************************************************************************/
.planofferframe { width: 100%;height: auto;display: flex;justify-content: center;align-items: center;text-align: center;margin: 0px 0px 20px 0px;position: relative;font-size: 18px;font-weight: bold;line-height: 120%;background-color: #fff; }
.planrouterrentfr { width: 40%;height: auto;display: inline-block;margin: 0px 8px;vertical-align: top;padding: 15px;background-color: #fbfbfb;border-radius: 10px;box-shadow: 0px 3px 5px #e1e1e1; }
.planaddonofferbox { width: 90%;height: auto;display: inline-block;background-color: #f3f3f3;border-radius: 10px;box-shadow: 0px 3px 5px #e1e1e1;padding: 10px;font-size: 20px;font-weight: bold;line-height: 120%;margin-bottom: 20px; }
.hs5gtxtsm { line-height: 150%;color: #000;font-size: 15px; }
.fpgiftimg { width: 28px;height: auto;display: inline-block;vertical-align: -1px; }
.fpoffertitle { font-size: 26px; }



/************************************************************************************
exclusive plan
*************************************************************************************/
.expcolorframe { border: 2px #caa3f2 solid !important;padding: 0px !important; }
.expcolortxt { font-size: 20px !important;color: #000 !important;padding: 18px 0px !important; }
.expcolortxten { font-size: 17px !important;color: #000 !important;padding: 18px 0px !important; }
.exppopup1 { width: 68px;height: 68px;display: flex;justify-content: center;align-items: center;background: #e6007e;border: 3px #ffffffd6 solid;border-radius: 100px;box-shadow: 0px 5px 15px #000;font-size: 20px;font-weight: bold;color: #fff;line-height: 100%;position: absolute;left: 0%;top: -7%; }
.exppopup2 { width: 68px;height: 68px;display: flex;justify-content: center;align-items: center;background: #7f20c6;border: 3px #ffffffd6 solid;border-radius: 100px;box-shadow: 0px 5px 15px #000;font-size: 26px;font-weight: bold;color: #fff;line-height: 100%;position: absolute;left: 0%;top: -7%; }
.exppopup1new { width: 90px;height: 54px;display: flex;justify-content: center;align-items: center;background: #FF5722;border: 1px #ffffffd6 solid;font-size: 16px;font-weight: bold;color: #fff;line-height: 100%;position: absolute;right: -2%;top: -67%;border-top-left-radius: 26px;border-bottom-right-radius: 26px; }
.exppopup1newen { width: 115px;height: 54px;display: flex;justify-content: center;align-items: center;background: #FF5722;border: 1px #ffffffd6 solid;font-size: 14px;font-weight: bold;color: #fff;line-height: 100%;position: absolute;right: -2%;top: -67%;border-top-left-radius: 26px;border-bottom-right-radius: 26px; }
.exptitlesize { font-size: 26px !important; }
.expplantopspace { padding-top: 100px; }
.expplanimg { width: 100%;height: auto;display: inline-block;line-height: 100%; }



/************************************************************************************
online sub
*************************************************************************************/
.onsubtablewidth { width: 60%; min-width: 960px; }
.onsubbannerframe { width: auto;height: auto;box-shadow: 0px 0px 10px #dbdbdb; }
.onsubbannertxt { width: 100%;height: auto;font-size: 20px;font-weight: bold;line-height: 120%;margin-top: 12px; }



/************************************************************************************
simplan
*************************************************************************************/
.simoffericonimg { width: 56px;height: auto;display: inline-block;margin: 5px 0px; }


/************************************************************************************
tnc page
*************************************************************************************/
.tncheader { font-size: 30px;font-weight: bold;line-height: 120%;width: 100%;height: auto;display: inline-block;margin: 20px 0px 40px 0px;text-align: left; }
.tncoffertxt { font-size: 20px;font-weight: bold;line-height: 130%;text-align: left;margin-bottom: 20px; }
.tncoffercol1 { width: 10%;vertical-align: top;display: inline-block; }
.tncoffercol2 { width: 90%;vertical-align: top;display: inline-block; }



/************************************************************************************
Flash mnp offer
*************************************************************************************/
.fsphonefr { width: 20%;height: auto;display: inline-block;vertical-align: top;margin: 0px 5px 20px 5px; }
.fsphoneimg { width: 70%;height: auto;display: inline-block; }



/************************************************************************************
Flash offer css
*************************************************************************************/
.fotopcontainer { width: 100%;height: auto;display: inline-block;padding: 10px 0px 15px 0px;background-image: linear-gradient(to right, #caa3f2, #caa3f2, #caa3f2, #b3b2f4, #b4d8f0); }
.fotoptxt { font-size: 20px;font-weight: bold;line-height: 120%;color: #ffffff;width: auto;height: auto;display: inline-block;position: relative;text-shadow: 0px 1px 10px #390074; }
.fotopbtn { font-size: 20px;font-weight: bold;line-height: 120%;color: #ffffff;padding: 5px 14px;background-color: #b200d1;border-radius: 3px;width: auto;height: auto;display: inline-block;cursor: pointer; }
.fotopbtnen { font-size: 20px;font-weight: bold;line-height: 120%;color: #ffffff;padding: 5px 14px;background-color: #b200d1;border-radius: 3px;width: auto;height: auto;display: inline-block;cursor: pointer; }

.fotopcopybtn { font-size: 16px;font-weight: bold;line-height: 100%;color: #fff;padding: 5px 10px;margin-top: 3px; background-color: #000;border-radius: 3px;width: auto;height: auto;display: inline-block;cursor: pointer; }
.fotopcopybtn:active { transform: translateY(1px) }


.fotopbtnframe { width: auto;display: inline-block;right: -22%; top: 20%;transform: rotate(0deg) scale(1);z-index: 99;position: absolute; 
	-webkit-animation:topbtn 0.8s linear infinite alternate;
	-moz-animation: topbtn 0.8s linear infinite alternate;
	-ms-animation: topbtn 0.8s linear infinite alternate;
	-o-animation: topbtn 0.8s linear infinite alternate;
	animation: topbtn 0.8s linear infinite alternate;
	}
@-webkit-keyframes topbtn {
  from   { transform: rotate(0deg) scale(1) }
  70%   { transform: rotate(0deg) scale(1) }
  85%   { transform: rotate(7deg) scale(1.1) }
  to  { transform: rotate(-7deg) scale(1.1) }
}
@-moz-keyframes topbtn {
  from   { transform: rotate(0deg) scale(1) }
  70%   { transform: rotate(0deg) scale(1) }
  85%   { transform: rotate(7deg) scale(1.1) }
  to  { transform: rotate(-7deg) scale(1.1) }
}
@-ms-keyframes topbtn {
  from   { transform: rotate(0deg) scale(1) }
  70%   { transform: rotate(0deg) scale(1) }
  85%   { transform: rotate(7deg) scale(1.1) }
  to  { transform: rotate(-7deg) scale(1.1) }
}
@-o-keyframes topbtn {
  from   { transform: rotate(0deg) scale(1) }
  70%   { transform: rotate(0deg) scale(1) }
  85%   { transform: rotate(7deg) scale(1.1) }
  to  { transform: rotate(-7deg) scale(1.1) }
}
@keyframes topbtn {
  from   { transform: rotate(0deg) scale(1) }
  70%   { transform: rotate(0deg) scale(1) }
  85%   { transform: rotate(7deg) scale(1.1) }
  to  { transform: rotate(-7deg) scale(1.1) }
}




/************************************************************************************
JP css
*************************************************************************************/
.jpsubheader { width: 100%;height: auto;display: inline-block;font-size: 24px;font-weight: bold;line-height: 120%;text-align: left;margin-bottom: 10px; }
.jpnumberfr { width: auto;height: auto;display: inline-block; }
.jpnumber { width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;font-size: 22px;font-weight: bold;color: #fff;line-height: 100%;background-color: #774fda;border-radius: 50px; }
.jpofferpdtfr { width: 60%;height: auto;display: inline-block;box-shadow: 0px 5px 15px #dbdbdb;border-radius: 20px;margin-top: 28px;padding: 28px 0px; }
.jpwaicon { width: 42px;height: auto;display: inline-block;vertical-align: -11px; }


/************************************************************************************
JP router
*************************************************************************************/
.jprfrLcontainer { width: 46%;height: auto;display: inline-block;vertical-align: middle;margin-top: 12px; }
.jprfrRcontainer { width: 46%;height: auto;display: inline-block;vertical-align: middle;margin-top: 12px; }
.jprfrL { width: 100%;height: 280px;display: flex;justify-content: center;align-items: center;text-align: center;border-radius: 20px;box-shadow: 0px 5px 15px #dbdbdb;padding: 20px 0px;vertical-align: middle; }
.jprfrR { width: 100%;height: 280px;display: flex;justify-content: center;align-items: center;text-align: center;border-radius: 20px;box-shadow: 0px 5px 15px #dbdbdb;padding: 20px 0px;vertical-align: middle; }
.jprfrand { width: 4%;height: auto;display: inline-block;text-align: center;font-size: 36px;font-weight: bold;line-height: 100%;margin: 0px 5px; vertical-align: middle; }
.jprheader { width: 100%;height: auto;display: inline-block;font-size: 28px;font-weight: bold;line-height: 120%;margin-bottom: 5px; }
.jprpricetxt { width: 100%;height: auto;display: inline-block;font-size: 24px;font-weight: bold;line-height: 120%; }
.jprpricecrstxt { width: auto;height: auto;display: inline-block;font-size: 24px;font-weight: normal;line-height: 100%;color: #8e8e8e;text-decoration: line-through; }
.jprpriceboldtxt { width: auto;height: auto;display: inline-block;font-size: 50px;font-weight: bold;line-height: 100%;color: #ed1b24; }
.jprpricefreetxt { width: 100%;height: auto;display: inline-block;font-size: 40px;font-weight: bold;line-height: 120%;margin: 20px 0px 0px 0px;color: #ed1b24; }
.jprpricefreeboldtxt { width: auto;height: auto;display: inline-block;font-size: 60px;font-weight: bold;line-height: 0%;color: #ed1b24; }
.jprpdtimg { width: auto;height: 200px;display: inline-block; }
.jprpdttxt { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%; }
.jprpdtpricetxt { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;line-height: 120%;color: #ed1b24; }
.jprpdtorgpricetxt { width: 100%;height: auto;display: inline-block;font-size: 16px;font-weight: normal;line-height: 120%; }



/************************************************************************************
ecv
*************************************************************************************/
.ecvmblogo { width: 150px;height: auto;display: inline-block;vertical-align: -24px; }
.ecvmbtxt { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold; line-height: 120%;margin-bottom: 10px; }
.ecvmbofferframe { width: 100%;height: auto;display: inline-block;text-align: center;/*border: 2px #dbdbdb solid;*/padding: 40px 0px; }
.ecvmboffertitle { width: 100%;height: auto;display: inline-block;font-size: 28px;font-weight: bold; line-height: 120%;margin-bottom: 10px; }
.ecvmbofferpdtframe { width: 26%;height: auto;display: inline-block;text-align: center;font-weight: bold;margin: 0px 10px;vertical-align: top;position: relative;background-color: #f1f1f1;border: 2px #dbdbdb solid;padding: 0px 0px 10px 0px; }
.ecvmbofferheader { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold; line-height: 120%;margin-bottom: 5px; }
.ecvmbdetailtxt { width: 100%;height: auto;display: inline-block;font-size: 30px;font-weight: bold; line-height: 120%; }
.ecvmbdetailappicon { width: 60px;height: auto;display: inline-block;vertical-align: -18px; }
.ecvphoneimg { width: 200px;height: auto;display: inline-block;margin-top: 10px; }
.ecvplantxt { font-size: 28px;font-weight: bold;line-height: 120%;width: 100%;height: auto;display: inline-block;text-align: center;margin: 10px 0px; }
.ecvorgprice { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;color: #000000;line-height: 100%; }
.ecvdisprice { width: 100%;height: auto;display: inline-block;font-size: 16px;color: #999999;line-height: 100%;text-decoration: line-through; }

.ecvpricepopup { width: auto;height: auto;display: inline-block;padding: 5px 20px;background-color: #9b0599;font-size: 16px;font-weight: bold;line-height: 100%;color: #ffffff;position: absolute;top: 0%;right: 0%; }



/************************************************************************************
addon
*************************************************************************************/
.addongifticon { width: auto;height: 20px;display: inline-block;margin: 3px 5px;vertical-align: -7px; }
.addongiftframe { width: 100%;height: auto;display: inline-block;color: #000; }



/************************************************************************************
5G live up
*************************************************************************************/
.liveupbut { background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 100%;color: #fff !important; }
.liveupbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
.liveuptabon { background-image: url(bgtab-liveup.jpg) !important;background-size: cover !important;background-position: center !important;color: #fff !important; }
.liveuplinkTabs{ background-image: url(tabline-liveup.jpg) !important; }
.liveupnetplusicon { width: 50px;height: auto;display: inline-block;vertical-align: -15px; }
.liveupoffertxt { font-size: 20px;font-weight: bold;line-height: 120%;width: auto;height: auto;display: inline-block; }
.liveuptitlebg { background: url(5gplantitlebg01.jpg) !important;background-size: 100% 100% !important; }
.liveupplancol2 { width: 46%;height: auto;display: inline-block;vertical-align: top; }
.liveupplancolspace { width: 1px;height: 160px;display: inline-block;background-color: #dbdbdb;margin: 10px 8px;vertical-align: top; }
.liveupoffermaintxt { font-size: 22px;font-weight: bold;color: #e6007e; line-height: 120%;width: auto;height: auto;display: inline-block; }
.liveupformheader { background-image: none !important;background-color: #810581 !important;color: #ffffff !important; }
.liveuptitle { font-size: 32px; font-weight: bold;color: #000; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.liveupphtitle { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;margin: 10px 0px; }
.liveupphtxt { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: normal;line-height: 120%;text-align: center; }
.liveupphotocol2 { width: 350px;height: 440px;display: inline-block;margin: 20px 30px 40px 30px;vertical-align: top;background-position: bottom;background-repeat: no-repeat;background-size: 100% auto;border-radius: 20px;box-shadow: 0px 0px 20px #dbdbdb; }
.liveupphotocol2en { width: 350px;height: 460px;display: inline-block;margin: 20px 30px 40px 30px;vertical-align: top;background-position: bottom;background-repeat: no-repeat;background-size: 100% auto;border-radius: 20px;box-shadow: 0px 0px 20px #dbdbdb; }
.liveupphotocol3 { width: 24%;height: auto;display: inline-block;margin: 20px 30px 20px 30px;vertical-align: top; }

.liveupiconimg { width: 180px;height: auto;display: inline-block; }
.liveupicontxt { width: 100%;height: auto;display: inline-block;font-size: 24px;font-weight: bold;line-height: 120%;text-align: center; }


/************************************************************************************
k11
*************************************************************************************/
.kdollar { width: 50px;height: auto;display: inline-block;vertical-align: -8px;margin-right: 5px; }
.kdollartxt { font-size: 22px;line-height: 120%;font-weight: bold;color: #000;display: inline-block; }
.kdollarpttxt { font-size: 46px;line-height: 120%;font-weight: bold;color: #000;display: inline-block; }
.kplanofferH { height: 210px; }
.kplanofferHen { height: 200px; }
.kfree { width: 50px;height: auto;display: inline-block;position: absolute;top: -10px;left: -90px; }

.kipframe { width: 45%;height: auto;display: inline-block;padding: 20px 10px;margin: 20px 10px 40px 10px; border-radius: 15px; background-image: linear-gradient(to right, #f3f3f3, #ffffff, #ffffff);border: 2px #dbdbdb solid;box-shadow: 0px 0px 5px #dbdbdb; }
.kiptxt { width: 48%;height: auto;display: inline-block;font-size: 28px;font-weight: bold;line-height: 120%;vertical-align: middle; }
.kipdor { width: 48%;height: auto;display: inline-block;font-size: 24px;font-weight: bold;line-height: 120%;vertical-align: middle; }
.kipdoren { width: 48%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%;vertical-align: middle; }
.kipkicon { width: 50px;height: auto;display: inline-block;margin-right: 5px;vertical-align: -8px; }
.kipktxt { font-size: 46px;font-weight: bold;line-height: 120%;width: auto;height: auto;display: inline-block; }

.kplantableheader { background-image: none !important;background-color: #000 !important;color: #fff;font-weight: bold; }
.kplantdcolor { background: #fff !important; }

.kstepcontainer { width: 94%;height: auto;display: inline-block;padding: 20px 10px;margin: 20px 0px 0px 0px; border-radius: 15px; background-image: linear-gradient(to right, #f3f3f3, #ffffff, #ffffff);border: 2px #dbdbdb solid;box-shadow: 0px 0px 5px #dbdbdb; }
.kstepframe { width: 22%;height: auto;display: inline-block;vertical-align: top; }
.ksteparrowframe { width: 3%;height: auto;display: inline-block;vertical-align: top;margin-top: 50px; }
.kstepimg { width: 50%;height: auto;display: inline-block; }
.ksteptxt { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%; }
.ksteparrow { width: 20px;height: auto;display: inline-block; }


/************************************************************************************
casetify
*************************************************************************************/
.ctyoffertitle { width: 100%;height: auto;display: inline-block;font-size: 40px;font-weight: bold;color: #774fda; line-height: 120%;text-align: center;margin-bottom: 10px; }
.ctyoffertxt { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;text-align: center; }
.ctytitlebg { background: url(bg-casetifytitlebg.png);background-size: 100% 100%; }
.ctypricetxt { font-size: 36px !important;color: #fff !important;line-height: 100% !important;margin-top: 5px;width: auto;height: auto;display: inline-block;}
.ctydispricetxt { text-decoration:line-through;color:#fff;font-size: 20px; }
.ctytableborder { border: 2px solid #979797 !important; }
.ctyfree { width: 60px;height: auto;display: inline-block;position: absolute;top: -8px;left: -80px; }
.ctyplanofferH { height: 145px; }
.ctyplanofferHen { height: 180px; }
.ctydatabold { font-size: 30px;line-height: 120%;font-weight: bold;color: #000; }
.ctyplanpadding { padding: 25px 0px !important; }
.ctybut { background-image: url(bg-casetifytitlebg.png) !important;background-size: 100% 100% !important;color: #ffffff !important; }
.ctybut:hover { background-size: 160% 100% !important; }
.ctytabline { background-image: url(tabline-casetify.jpg) !important; }
.ctycaseframe { width: 20%; height: auto;display: inline-block;margin: 0px 10px 30px 10px;text-align: center;vertical-align: top; }
.ctycaseimg { width: 150px; height: auto;display: inline-block; }
.ctycasetxt { font-size: 18px;line-height: 120%;font-weight: normal;color: #000;width: 100%;height: auto;display: inline-block;text-align: center; }
.ctyheader { background-image: url(bg-casetifytitlebg.png) !important;background-size: 100% 100% !important; }

.ctylocframe { width: auto;height: auto;display: inline-block;text-align: center;margin-top: 20px; }
.ctylocbut { font-size: 18px;font-weight: bold;color: #fff;line-height: 100%; text-align: center; width: 150px;height: auto;display: inline-block;padding: 15px 0px;background-image: url(bg-casetifytitlebg.png);background-size: 100% 100%;border-radius: 100px;vertical-align: middle;cursor: pointer; }
.ctyloctxt { font-size: 18px;font-weight: bold;color: #000;line-height: 100%; text-align: left; width: auto;height: auto;display: inline-block;padding: 15px 0px;margin-left: 20px;vertical-align: middle; }
.ctylocbuten { font-size: 16px;font-weight: bold;color: #fff;line-height: 100%; text-align: center; width: 180px;height: auto;display: inline-block;padding: 15px 0px;background-image: url(bg-casetifytitlebg.png);background-size: 100% 100%;border-radius: 100px;vertical-align: middle;cursor: pointer; }
.ctyloctxten { font-size: 18px;font-weight: bold;color: #000;line-height: 100%; text-align: left; width: 70%;height: auto;display: inline-block;padding: 15px 0px;margin-left: 20px;vertical-align: middle; }

.ctyappicon { width: 50px;height: auto;display: inline-block;vertical-align: -15px; }

.ctymbcaseframe { width: 320px;height: auto;display: inline-block;text-align: center;vertical-align: middle; }
.ctymbcaseimg { width: 240px;height: auto;display: inline-block; }
.ctymbcasetxt { width: 100%;height: auto;display: inline-block;text-align: center;font-size: 18px;font-weight: bold;line-height: 100%; }

.ctymbframe { width: 340px;height: auto;display: inline-block;text-align: center;vertical-align: middle; }
.ctymbbutframe { width: auto;height: auto;display: inline-block;text-align: center;margin: 20px 0px; }
.ctymbbut { width: 280px;height: auto;display: flex;justify-content: center;align-items: center;background-image: linear-gradient(to right, #f3f3f3, #ffffff, #ffffff);font-size: 26px;font-weight: bold;line-height: 100%;padding: 8px 0px;border: 2px #dbdbdb solid;box-shadow: 0px 0px 5px #dbdbdb;border-radius: 15px;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.ctymbbut:hover { background-image: linear-gradient(to right, #f3f3f3, #f3f3f3, #f3f3f3); }
.ctymbicon { width: 40px;height: auto;display: inline-block;margin-right: 10px; }
.ctymbbuttxt { width: 100%;height: auto;display: inline-block;text-align: center;font-size: 24px;font-weight: bold;line-height: 100%; }


/************************************************************************************
new 5ghsvbundle
*************************************************************************************/
.offerplus { width: 100%;height: auto;display: inline-block;font-size: 30px;font-weight: bold;line-height: 100%;color: #000; margin: 10px 0px 10px 0px; }
.bundleframeor { width: auto;height: auto;display: inline-block;font-size: 24px;font-weight: bold;line-height: 100%;color: #000; margin: 0px 5px;vertical-align: middle; }
.bundleframe { width: 26%;height: 380px;display: inline-block;background-color: #fff;border-radius: 20px;padding: 20px;box-shadow: 0px 0px 10px #dbdbdb;vertical-align: middle;  }
.bundletitle { font-size: 24px; font-weight: bold;color: #000; line-height: 100%;width: 100%;height: auto;display: inline-block;margin-bottom: 5px; }
.bundletitlenoframe { width: auto;height: auto;display: inline-block; }
.bundletitleno { font-size: 24px; font-weight: bold;color: #fff; line-height: 100%;width: 38px;height: 38px;display: flex;justify-content: center;align-items: center;background-color: #6e35a2;border-radius: 50%; }
.bundletitleprice { font-size: 16px; font-weight: normal;color: #000; line-height: 100%;width: 100%;height: auto;display: inline-block;margin-bottom: 20px; }
.bundleimg { width: 100%;max-width: 290px; height: auto;display: inline-block; }
.bundletxtul { padding-left: 20px; text-align: left;color: #000; }
.bundletxt { font-size: 14px; font-weight: normal;color: #000; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: left;margin: 4px 0px; }
.bundletxt::before { content: "\2022";color: #000000;display: inline-block; width: 1em;margin-left: -1em; }



/************************************************************************************
blackvue
*************************************************************************************/
.bvlogo { width: auto;height: 50px;display: inline-block;vertical-align: -5px; }
.bvlogoz1 { width: auto;height: 40px;display: inline-block;vertical-align: -5px; }
.bvphotocol3 { width: 30%;height: auto;display: inline-block;margin: 0px 10px 20px 10px;vertical-align: top;border-radius: 20px; /*box-shadow: 0px 4px 10px #e3e3e3;*/ }
.bvphotoimg { margin-top: 15px; }
.bvplanwidth { width: 80% !important; }
.bvcol2a { width: auto;height: auto;display: inline-block;vertical-align: top; }
.bvcol2b { width: auto;height: auto;display: inline-block;vertical-align: top; }
.bvcol2plus { width: 5%;height: auto;display: inline-block;vertical-align: top;font-size: 40px;font-weight: bold;line-height: 100%; }
.bvhotimg { width: 40px;height: auto;display: inline-block;vertical-align: top;margin-right: 8px; }
.bvhottxt { width: auto;height: auto;display: inline-block;vertical-align: top;text-align: left; }
.bvhottxt1 { width: auto;height: auto;display: inline-block;font-size: 20px;line-height: 120%; }
.bvhottxt2 { width: auto;height: auto;display: inline-block;font-size: 26px;line-height: 120%; }
.bvhottxt2en { width: auto;height: auto;display: inline-block;font-size: 22px;line-height: 120%; }
.bvhotcam { width: 170px;height: auto;display: inline-block; }
.bvhotcamimg { width: auto;height: 100px;display: inline-block; }
.bvwaimg { width: auto;height: 50px;display: inline-block;vertical-align: -14px; }
.bvsubtitle { font-size: 34px; font-weight: bold;color: #000; line-height: 120%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.bvsubtitleen { font-size: 26px; font-weight: bold;color: #000; line-height: 120%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.bvtitle { font-size: 50px; font-weight: bold;color: #fff; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.bvtitleen { font-size: 50px; font-weight: bold;color: #fff; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.bvlogozurich { width: auto;height: 80px;display: inline-block; }

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

.bvplanlogo5g { width: auto;height: 30px;display: inline-block;vertical-align: -9px; }

.bvlisttable { background-color:#fff !important;padding: 16px 100px !important; }
.bvlisttitle { width: 100%;height: auto;display: inline-block;font-size: 20px;line-height: 100%;text-align: left;margin-bottom: 10px; }
.bvlistL { width: 12%;height: auto;display: inline-block;font-size: 18px;line-height: 100%;font-weight: normal; text-align: left;margin-bottom: 5px;vertical-align: top;float: left; }
.bvlistR { width: 87%;height: auto;display: inline-block;font-size: 18px;line-height: 100%;font-weight: normal; text-align: left;margin-bottom: 5px;vertical-align: top;float: left; }

/************************************************************************************
FinSIM
*************************************************************************************/
.photocol2 { width: 35%;height: auto;display: inline-block;margin: 20px 30px 40px 30px;vertical-align: top; }
.photocol3 { width: 24%;height: auto;display: inline-block;margin: 0px 30px 0px 30px;vertical-align: top; }
.finphtitle { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;margin: 10px 0px; }
.finphtxt { width: 90%;height: 100px;display: inline-block;font-size: 18px;font-weight: normal;line-height: 120%;text-align: left;/*margin-bottom: 25px;*/ }
.finsubtitle { font-size: 34px; font-weight: bold;color: #000; line-height: 120%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.finiconimg { width: 180px;height: auto;display: inline-block; }
.finicontxt { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 120%;text-align: center; }
.finappiconimg { width: 50px;height: auto;display: inline-block; }
.finappicon { width: auto;height: auto;display: inline-block;font-size: 14px;font-weight: bold;line-height: 100%;text-align: center;vertical-align: -30px; }

.finappframe { width: 80%;height: auto;display: inline-block;border: 2px #dbdbdb solid;border-radius: 5px;line-height: 0%;margin: 40px 0px 40px 0px; }
.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: 7px 0px; }
.finappdlframe { width: 48%;height: auto;display: inline-block;margin: 20px 0px; }
.finappdlframeline { border-right: 2px #dbdbdb 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; }

.finpoptitle { font-size: 26px; font-weight: bold;color: #000; line-height: 100%;width: 100%;height: auto;display: inline-block;margin-bottom: 20px }
.finpopcontent { font-size: 18px; font-weight: normal;color: #000; line-height: 120%;width: 100%;height: auto;display: inline-block; }
.finpopul { width: 94%;height: auto;display: inline-block;padding-left: 25px; }
.finpopli { font-size: 18px; font-weight: normal;color: #000; line-height: 120%;margin: 10px; }
.finpopstoreicon { width: 18%;height: auto;display: inline-block;vertical-align: middle; }

.tabbut1 { width: 46%;height: auto;display: inline-block;padding: 10px 0px;background-color: #f1f1f1;color: #bebebe;font-size: 20px;font-weight: bold;line-height: 120%;border-radius: 10px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;cursor: pointer;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.tabbut1:hover { background-color: #7700ad;color: #fff; }
.tabbut1on { background-color: #650093;color: #fff;cursor: default; }
.tabbut1on:hover { background-color: #650093;color: #fff;cursor: default; }

.tabbut2 { width: 46%;height: auto;display: inline-block;padding: 10px 0px;background-color: #f1f1f1;color: #bebebe;font-size: 20px;font-weight: bold;line-height: 120%;border-radius: 10px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;cursor: pointer;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.tabbut2:hover { background-color: #7700ad;color: #fff; }
.tabbut2on { background-color: #650093;color: #fff;cursor: default; }
.tabbut2on:hover { background-color: #650093;color: #fff;cursor: default; }



/************************************************************************************
IN3 table
*************************************************************************************/
.border-gradient { border: 10px solid;border-image-slice: 1;border-width: 5px; }
.border-gradient-purple { /*border-image-source: linear-gradient(to left, #01acbd, #e5007f);*/ }
.in3tbtitleframe { width: 99%;height: auto;display: inline-block;padding: 10px 0px;position: relative;background-color: #fff;margin-top: 50px; }
.in3tbcontentframe { width: 99%;height: auto;display: inline-block;padding: 0px 0px;position: relative;background-color: #fff;margin-bottom: 0px;border-top: none; }
.in3tbtitleiconframe { width: auto;height: auto;display: inline-block;position: absolute;top: -44px;left: 29%; }
.in3tblogo { width: 80px;height: auto;display: inline-block;vertical-align: -5px; }
.in3tbtitle { width: auto;height: auto;display: inline-block;font-size: 34px;font-weight: bold;line-height: 120%; }
.in3tbcol3 { width: 33%;height: 180px;display: inline-block;float: left;border-right: 5px #000 solid;vertical-align: top;padding: 10px 0px 20px 0px; }
.in3tbborder { border-right: none; }
.in3tbicon { width: 40px;height: auto;display: inline-block; }
.in3tbicontitle01 { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;color: #764193;margin-bottom: 10px; }
.in3tbicontitle02 { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;color: #904695;margin-bottom: 10px; }
.in3tbicontitle03 { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;line-height: 120%;color: #eb0081;margin-top: 12px; }
.in3tbicontitle03mob { display: none; }
.in3tbpulldown { width: 90%;height: auto;display: inline-block; }
.in3tbprice { width: 100%;height: auto;display: inline-block;font-size: 80px;font-weight: bold;line-height: 100%;color: #a3a3a3; }
.in3tbpriceresult { color: #000000; }

/* Step 2a */
.in3tbcontentframe{display:table;}
.in3tbcol3{display:table-cell;float:unset;}
.in3tbprice{font-size: 60px;}
.in3rebate_remarks{padding: 10px;font-size: 20px;}
/* Step 2a End*/


/************************************************************************************
mbpt
*************************************************************************************/
.mbptcontent { font-size: 20px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: 100%;height: auto;text-align: left; }
.mbptul { list-style-image: url('pt.png');padding: 0px 0px 10px 20px;font-size: 18px;line-height: 120%; }
.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; }
.mbptofferimg { width: auto;height: 60px;display: inline-block; }
.mbptofferimg2 { width: auto;height: 60px;display: inline-block; }
.mbptlibold { font-size: 140%;line-height: inherit;color: #df2080; }
.mbptliimg { width: auto;height: 34px;display: inline-block;vertical-align: -6px; }
.mbptbuttxt { font-size: 20px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: 100%;height: auto;text-align: center; }
.mbptsteptitle { font-size: 20px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: 100%;height: auto;text-align: left;margin-bottom: 10px; }
.mbptfaqtitle { font-size: 20px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: 100%;height: auto;text-align: left;margin-bottom: 6px; }
.mbptfaqans { font-size: 20px;font-weight: normal;display: inline-block;line-height: 100%; color: #000;width: 100%;height: auto;text-align: left;margin-bottom: 30px;margin-left: 22px; }
.mbptsteptxt { display: inline-block;width: 80%;height: auto;vertical-align: top;font-size: 18px;line-height: 120%; }

.mbpticonframe { width: 20%;height: auto;display: inline-block;vertical-align: top;text-align: center; }
.mbpticonframeplus { width: auto;height: auto;display: inline-block;vertical-align: top;text-align: center;font-size: 30px;font-weight: bold;line-height: 100%;margin: 80px 20px 0px 20px; }
.mbpticonimg { width: 70%;height: auto;display: inline-block; }
.mbpticontxt { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%;text-align: left; }
.mbpticontxtbold { font-size: 24px;font-weight: bold;color: #df2080; line-height: 120%;text-align: left; }
.mbpticontotaltxt { width: 30%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 120%;text-align: center;padding: 10px 50px;margin: 20px 0px;border: 3px #df2080 solid; border-radius: 10px; }
.mbpticonptimg {width: auto;height: 24px;display: inline-block;vertical-align: -3px; }

.mbptqes { width: 95%;height: auto;display: inline-block;text-align: center;padding: 30px 30px;background-color: #f2f2f2;margin: 20px 0px;border-radius: 10px; }
.mbptlogoframe { width: 20%;height: auto;display: inline-block;vertical-align: top;text-align: center; }
.mbptlogoframeor { width: auto;height: auto;display: inline-block;vertical-align: top;text-align: center;font-size: 24px;font-weight: bold;line-height: 100%;margin: 45px 20px 0px 20px; }
.mbptqtitle { width: 100%;height: auto;display: inline-block;font-size: 26px;font-weight: bold; line-height: 120%;text-align: center;margin-bottom: 20px; }
.mbptlogoimg { width: 80%;height: auto;display: inline-block; }
.mbptqcontent { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold; line-height: 120%;text-align: left;margin-top: 50px; }

.mbidea { width: 100%; height: auto;display: inline-block;padding: 12px 0px;text-align: center; background-color: #000;/*background-image: linear-gradient(to right, #caa3f2, #caa3f2, #caa3f2, #b3b2f4, #b4d8f0);*/border-radius: 12px; }
.mbideaimg { width: 3%;height: auto;display: inline-block;vertical-align: middle; }
.mbideatxt { font-size: 16px;font-weight: normal;line-height: 120%;color: #fff;width: 62%;height: auto;display: inline-block;text-align: left;vertical-align: middle; }

.mbrwbtnframe { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.mbrwbtn { font-size: 20px;color: #caa3f2;font-weight: bold;line-height: 100%;background-color: #000;border-radius: 100px;border: 2px #fff solid; margin: 0px 0px 0px 0px;padding: 10px 25px;cursor: pointer;display: flex;justify-content: center;align-items: center;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  }
.mbrwbtn:hover { color: #ffffff; }          
.mbrwbtnen { font-size: 18px;color: #caa3f2;font-weight: bold;line-height: 100%;background-color: #00;border-radius: 100px;border: 2px #fff solid; margin: 0px 0px 0px 0px;padding: 10px 25px;cursor: pointer;display: flex;justify-content: center;align-items: center;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  }
.mbrwbtnen:hover { color: #ffffff; }          
.mbrwimg { width: 120px;height: auto;display: inline-block;vertical-align: -18px; }

.mycodebuttxt { /*background: linear-gradient(to right, #caa3f2, #b3b2f4, #b4d8f0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;*/display: block;line-height: 120%;color: #fff; }


/************************************************************************************
jabso
*************************************************************************************/
.jatitle1 { font-size: 72px;font-weight: bold;color: #92278f;line-height: 120%;width: 100%;height: auto;display: inline-block;margin: 15px 0px;background: linear-gradient(135deg,#f7008e .16%,#743ad5 100.16%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.jatitle2 { font-size: 56px;font-weight: bold;color: #92278f;line-height: 120%;width: 100%;height: auto;display: inline-block;margin: 15px 0px;background: linear-gradient(135deg,#f7008e .16%,#743ad5 100.16%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.jasubtitle { font-size: 30px;font-weight: bold;line-height: 100%;width: 100%;height: auto;display: inline-block;margin: 15px 0px; }
.jaoffertitle { font-size: 24px;font-weight: bold;line-height: 100%;width: 100%;height: auto;display: inline-block;margin: 20px 0px 0px 0px; }
.jacontent { font-size: 18px;font-weight: bold;line-height: 140%;width: 100%;height: auto;display: inline-block;margin: 10px 0px; }
.jatimebold { font-size: 24px !important;font-weight: bold;line-height: 140%; color: #000;font-size: inherit; }
.jabold { color: #8c13a7;font-size: inherit; }
.jaofferframe { width: auto;height: auto;display: inline-block;position: relative; }
.jafree1 { width: 70px;height: 70px;position: absolute;top: 30px;left: -70px;background-color: #92278f;color: #fff;font-size: 34px;font-weight: bold;line-height: 100%;border-radius: 100px;display: flex;justify-content: center;align-items: center; }
.jafree2 { width: 70px;height: 70px;position: absolute;top: 30px;left: -70px;background-color: #92278f;color: #fff;font-size: 22px;font-weight: bold;line-height: 100%;border-radius: 100px;display: flex;justify-content: center;align-items: center; }
.jafree3 { width: 70px;height: 70px;position: absolute;top: 30px;right: -25px;background-color: #92278f;color: #fff;font-size: 22px;font-weight: bold;line-height: 100%;border-radius: 100px;display: flex;justify-content: center;align-items: center; }
.jafree3en { width: 70px;height: 70px;position: absolute;top: 30px;right: -25px;background-color: #92278f;color: #fff;font-size: 22px;font-weight: bold;line-height: 60%;border-radius: 100px;display: inline-block;justify-content: center;align-items: center; }
.jafree3entxt1 { font-size: 26px;color: inherit;display: inline-block;width: 100%;height: auto;margin-top: 3px; }
.jafree3entxt2 { font-size: 14px;color: inherit;display: inline-block;width: 100%;height: auto;margin-top: 18px; }

.jaframefreeitem { width: 49.5%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative; margin: 0px 0px 0px 0px;float: left; }
.jaframefreeitemspace { width: 4%;display: inline-block;font-size: 36px;font-weight: bold;line-height: 100%; vertical-align: top;float: left;margin-top: 140px; }
.jafreetxtframeout { width: auto;height: auto; display: inline-block; }
.jafreetxtframe { width: 220px;height: 220px;background: linear-gradient(135deg,#f7008e .16%,#743ad5 100.16%);border-radius: 70px;display: flex;justify-content: center;align-items: center;margin: 52px 0px;box-shadow: 0px 3px 5px #b1b1b1; }
.jafreetxt { font-size: 24px;font-weight: bold;line-height: 140%;color: #fff; }
.japt { padding-left: 20px; list-style-type:lower-roman; }
.jaframefreeitemRborder { border-right: none; }
.jaframefreeitemLborder { border-left: none; }

.japoptitle { font-size: 24px;font-weight: bold;line-height: 120%;width: 100%;height: auto;display: inline-block;margin: 20px 0px; }
.japopcol2 { width: 30%;height: auto;display: inline-block;margin: 0px 10px;box-shadow: 0px 0px 5px #dbdbdb; }


/************************************************************************************
5gplannew
*************************************************************************************/
.mthmainframe { width: 44%;height: auto;display: inline-block;color: inherit;vertical-align: top; }
.mthmainframespace { width: 1px;height: 40px;display: inline-block;margin: 0px 5px;background-color: #dbdbdb;vertical-align: top; }
.mthframe { width: 100%;height: 40px;text-align: center;color: inherit;position: relative;text-align: left;display: flex;justify-content: left;align-items: center; }
.mthframetxt { color: #000;width: 72%;text-align: center;font-size: 14px;font-weight: bold;line-height: 100%; }
.mthtickboxframe { position: absolute;width: 30px;height: 40px;display: inline-block;vertical-align: middle;top: 0px; right: 0px; }
.mthtickboximgframe { width: auto;height: auto;display: inline-block;text-align: center;font-size: 12px; color: #000000;cursor: pointer; }
.mthtickboximg { width: auto;height: 40px; }

.opttitleframe { padding: 6px 0px;background: #e7e7e7;text-align: center;position: relative; }
.optbgframe { width: 98%;height: auto;display: inline-block; background: #fff;padding: 5px 0px 8px 0px;font-size: 14px;font-weight: normal;line-height: 120%;color: #000; }
.optmainframe { width: 96%;height: auto;display: inline-block;color: inherit;vertical-align: top; }
.optmainframespace { width: 0px;height: 44px;display: inline-block;margin: 0px 0px;background-color: #fff;vertical-align: top; }
.optframe { width: 100%;height: 40px;text-align: center;color: inherit;position: relative;text-align: left;display: flex;justify-content: left;align-items: center; }
.optframetxt { color: #000;width: 100%;text-align: center;font-size: 14px;font-weight: bold;line-height: 100%; }
.opttickboxframe { position: absolute;width: 30px;height: 40px;display: inline-block;vertical-align: middle;top: 0px; right: 0px; }
.opttickboximgframe { width: auto;height: auto;display: inline-block;text-align: center;font-size: 12px; color: #000000;cursor: pointer; }
.opttickboximg { width: auto;height: 40px; }
.optdim { opacity: 0.5; }
.opttickdim { cursor: default; }

.optdetailframe { width: 100%;height: auto;display: inline-block;padding: 5px 0px 5px 0px;border-top: 1px #dbdbdb solid; }
.optdetailgrp { width: 100%;height: auto;display: inline-block; }
.optdetailimg { width: auto;height: auto;display: inline-block;vertical-align: middle; }
.optdetailtxt { width: auto;height: auto;display: inline-block;color: #000;vertical-align: middle;font-size: 14px;font-weight: bold;line-height: 100%;margin-bottom: 6px; }
.optdetailplus { width: 100%;height: auto;display: inline-block;color: #000;font-size: 18px;font-weight: bold;line-height: 100%;text-align: center; }

.cpmainframe { width: 44%;height: auto;display: inline-block;color: inherit;vertical-align: top; }
.cpmainframespace { width: 1px;height: 44px;display: inline-block;margin: 0px 5px;background-color: #dbdbdb;vertical-align: top; }
.cpframe { width: 100%;height: 40px;text-align: center;color: inherit;position: relative;text-align: left;display: flex;justify-content: left;align-items: center; }
.cpframetxt { color: #000;width: 72%;text-align: center;font-size: 14px;font-weight: bold;line-height: 100%; }
.cptickboxframe { position: absolute;width: 30px;height: 40px;display: inline-block;vertical-align: middle;top: 1px; right: 0px; }
.cptickboximgframe { width: auto;height: auto;display: inline-block;text-align: center;font-size: 12px; color: #000000;cursor: pointer; }
.cptickboximg { width: auto;height: 40px; }
.cpprice { width: 100%;height: auto;display: inline-block;font-size: 24px;font-weight: bold;color: #000000;line-height: 80%;margin-top: 3px; margin-bottom: 8px; }
.cppricedis { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: normal;color: #caa3f2;line-height: 100%;text-decoration: line-through; }
.cppricemsg { width: 100%;height: auto;display: inline-block;font-size: 14px;font-weight: bold;color: #000;line-height: 100%;margin-top: 15px;background-color: #e6cdff;padding: 3px 0px; }
.cppricemsgen { width: 100%;height: auto;display: inline-block;font-size: 14px;font-weight: bold;color: #000;line-height: 100%;margin-top: 15px;background-color: #e6cdff;padding: 3px 0px; }
.cppricemsgnone { width: 100%;height: auto;display: inline-block;font-size: 14px;font-weight: bold;color: #fff;line-height: 100%;margin-top: 16px;padding: 3px 2px; }
.cppricemsgnoneen { width: 100%;height: auto;display: inline-block;font-size: 14px;font-weight: bold;color: #fff;line-height: 100%;margin-top: 15px;padding: 3px 2px; }

.cppricemsgpopup { width: 20px;height: auto;display: inline-block;vertical-align: -3px;cursor: pointer; }
.cppricemsgpopuptxt { width: 94%;height: auto;display: inline-block;font-size: 12px;font-weight: bold;color: #000; line-height: 130%;text-align: left;margin: 3px 0px 7px 0px;background-color: #fff;padding: 6px;border-radius: 10px; }


.dollar { width: 36px;height: auto;display: inline-block;vertical-align: -8px;margin-right: 2px; }

/************************************************************************************
5gbb
*************************************************************************************/
.p3mainphotoframebb { background-color: #fff; width: 96%;height: 520px;display: inline-block;margin: 0px 8px;padding: 10px;box-shadow: 0px 0px 5px #dbdbdb;position: relative;vertical-align: top;border-radius: 20px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.p3mainphotoframebben { background-color: #fff; width: 96%;height: 520px;display: inline-block;margin: 0px 8px;padding: 10px;box-shadow: 0px 0px 5px #dbdbdb;position: relative;vertical-align: top;border-radius: 20px;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; }
.p3mainphotoframepbb { background-size: 100% auto;background-position: bottom;background-repeat: no-repeat; }
.p3mainphotoframepbben { background-size: 100% auto;background-position: bottom;background-repeat: no-repeat; }
.liveboxtitle { font-size: 36px;font-weight: bold;line-height: 120%;color: #000; width: 100%;height: auto;text-align: center;margin: 10px 0px 20px 0px; }
.liveboxtitleen { font-size: 32px;font-weight: bold;line-height: 100%;color: #000; width: 100%;height: auto;text-align: center;margin: 10px 0px 20px 0px; }
.liveboxcontent { font-size: 20px;font-weight: normal;line-height: 140%;color: #000; width: 90%;height: auto;text-align: left;display: inline-block; }
.liveboxcontenten { font-size: 18px;font-weight: normal;line-height: 140%;color: #000; width: 90%;height: auto;text-align: left;display: inline-block; }
.popuprouterframeL { width: auto;height: auto;position: absolute;bottom: -50px;left: -40px; }
.popuprouterimg { width: 160px;height: 160px; }
.bbheader { font-size: 42px; color:#e6006c; font-weight: bold; line-height: 100%;padding: 0px 0px 30px 0px;width: 100%; }
.bbheaderen { font-size: 38px; color:#e6006c; font-weight: bold; line-height: 100%;padding: 0px 0px 30px 0px;width: 100%; }
.liveupremark2 { background-size: cover;background-position: center; width: 96%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;text-align: center;line-height: 160%;background-color: #f3e4f1;padding: 20px 10px;border-radius: 20px;margin-bottom: 20px; }
.liveupremarktxt { width: auto;height: auto;display: inline-block;text-align: left;font-size: 22px;line-height: 120%;text-shadow: -10px 0px 8px #fff; }
.liveupremarktxten { width: auto;height: auto;display: inline-block;text-align: left;font-size: 20px;line-height: 120%;text-shadow: -10px 0px 8px #fff; }
.plantabiconimg { width: 60px;height: auto;display: inline-block;vertical-align: 3px;position: absolute;top: 3px;right: 3px; }
.bbprice { padding: 15px 0px !important;position: relative;font-size: 120%;text-shadow: 0px 0px 5px #ffffff; }
.bbtxtpup { color: #810581 !important; }
.bbtxtpik { color: #b81788 !important; }
.videotxttitkle { font-size: 28px;font-weight: bold;line-height: 120%;color: #000; }
.videotxttitkleen { font-size: 26px;font-weight: bold;line-height: 120%;color: #000; }
.specpdtframe { width: 40%;height: auto;display: inline-block;background-color: #fff; }
.specpdtimg { width: 70%; }
.speccontenttitle { font-size: 22px;padding-bottom: 10px;color: #000;text-decoration: underline; }
.speccontenttxt1 { font-size: 22px;color: #ff2f8f;line-height: 120%;font-weight: bold;width: 100%;height: auto; display: inline-block; }
.speccontenttxt2 { font-size: 18px;color: #ff2f8f;line-height: 120%;font-weight: normal;width: 100%;height: auto; display: inline-block; }
.specorgprice { text-decoration: line-through;line-height: 120%; }
.specpdtframebb { width: 20%;height: auto;display: inline-block;background-color: #fff;vertical-align: top;margin: 0px 10px; }
.speccontenttitlebb { font-size: 16px;padding-bottom: 10px; }
.bbul { margin: 0px;padding-left: 30px; }
.bbfortresslogo { width: auto;height: 40px;display: inline-block;vertical-align: -9px; }


/************************************************************************************
watsons
*************************************************************************************/
.tablewwframecol4 { width: 25%;display: inline-block;text-align: center;vertical-align: top;position: relative; float: left; }
.tablewwtitle { width: 100%;height: auto;display: inline-block;font-size: 22px;font-weight: bold;color: #000; line-height: 120%; padding: 10px 0px;text-align: center; }
.wwtitle { font-size: 16px;font-weight: bold;color: #000;line-height: 120%; }
.tablewwtxtframe1 { width: 100%;display: inline-block;background: #e6e6e6;padding: 15px 0px; }
.tablewwtxtframe2 { width: 92%;height: auto;display: inline-block;margin: 0px 10px; }

.wwdetailsframe1 { width: 100%;display: inline-block;background: #e6e6e6;padding: 15px 0px; }
.wwdetailsframe2 { width: 46%;height: auto;display: inline-block;margin: 0px 10px;text-align: left;vertical-align: top; }
.wwpttitle { font-size: 16px;font-weight: bold;color: #000;line-height: 120%; }
.wwpt { font-size: 16px;font-weight: bold;color: #000;line-height: 120%;padding-left: 25px; }
.wwli { color: #000; }


/************************************************************************************
staycation
*************************************************************************************/
.tablestyct { width: 88%; max-width: 1600px; border-collapse: collapse; border: 2px solid #f3dd88; padding: 0px; text-align: center;font-size: 14px;line-height: 100%;font-weight: bold;background-color: #f2f2f2; }
.tablestycttitle { width: 100%;height: auto;display: inline-block;font-size: 16px;font-weight: bold;color: #fff; line-height: 120%; padding: 10px 0px;background-color: #df2080;text-align: center; }
.tablestyctframecol2 { width: 48%;display: inline-block;text-align: left;vertical-align: top;position: relative; float: left; }
.tablestyctframecol3 { width: 30.66%;display: inline-block;text-align: left;vertical-align: top;position: relative; float: left; }
.tablestyctframespc { width: 4%;height: auto; display: inline-block;vertical-align: top;float: left;font-size: 20px;font-weight: bold;color: #000;text-align: center;margin-top: 150px; }
.tablestycttxtframe1 { width: 100%;display: inline-block;background: #e6e6e6;padding: 15px 0px; }
.tablestycttxtframe2 { width: 96%;height: auto;display: inline-block;margin: 0px 10px; }
.styct36mthheight { height: 100px; }
.styct24mthheight { height: 150px; }
.stycttitle { font-size: 20px;font-weight: bold;color: #000;line-height: 120%;margin-bottom: 10px; }
.styctcontent { font-size: 16px;font-weight: bold;color: #000;line-height: 120%; }
.styctpt { font-size: 16px;font-weight: bold;color: #000;line-height: 120%;padding-left: 25px; }
.styctptli { color: #000; }
.stdtitle { font-size: 28px;line-height: 120%;display: inline-block;font-weight: bold;padding: 40px 0px;font-style: italic; }


/************************************************************************************
3withu
*************************************************************************************/
.offerframe { width: 100%;height: auto;display: inline-block;border-radius: 10px;background-color: #edeced;padding: 60px 0px;text-align: center; }
.offericonframe { width: 25%;height: auto;display: inline-block;font-size: 18px;font-weight: normal;line-height: 120%;text-align: center;vertical-align: top;margin: 10px 30px; }
.offericonimg { width: 140px;height: auto;display: inline-block; }
.regtxt { width: auto;height: auto;display: inline-block;font-size: 18px;font-weight: bold;color: #000; line-height: 100%;vertical-align: 3px;margin-right: 15px;margin-top: 24px; }
.iconwtapp { width: 32px;height: auto;display: inline-block;vertical-align: -8px; }
.topwtappbut { font-size: 22px;color: #FFFFFF;font-weight: bold;line-height: 100%; background: url(bg_button.jpg) no-repeat;background-size: 300%;background-position: 40% 80%;margin: 0px 0px 0px 0px;padding: 21px 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; }
.topwtappbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 320%;background-position: 60% 70%; }
.pageorderpgbut2 { width: 200px;padding: 8px 0px; font-size: 18px;color: #FFFFFF;font-weight: bold;line-height: 100%; background: url(bg_button.jpg) no-repeat;vertical-align: top; background-size: 300%;background-position: 40% 80%;margin: 0px 0px 0px 0px;cursor: pointer;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.pageorderpgbut2:hover { background: url(bg_button.jpg) no-repeat;background-size: 320%;background-position: 60% 70%; }
.topmenutxtlink { width: auto;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 100%;margin: 0px 5px; }
.wupagefooter {
  width: 100%;
  max-width: 1600px;
  height: auto;
  background: #eaeaea;
  padding: 18px 0px 18px 0px;
  display: inline-block;
    text-align: left;
}
.wucopyright {
  font-size: 14px;
  color: #959595;
  padding: 0px 0px 0px 10px;
  /*float: left;*/
  text-align: left;
    display: inline-block;
}
.footerapp { width: auto; height: 26px; display: inline-block;vertical-align: -8px; }
.wuchlogo {
  float: right;
  padding: 0px 10px 0px 0px;
    display: inline-block;
    line-height: 0%;
}

.wulanguageicon { width: 40px;vertical-align: -3px;margin-left: 3px; }


/************************************************************************************
5gmultisim
*************************************************************************************/
.mtsimbtn { width: 49.5%;height: auto;display: inline-block;padding: 20px 0px;background-color: #e6e6e6;color: #000;font-size: 20px;font-weight: normal;line-height: 120%;cursor: pointer; }
.mtsimbtn:hover { background-color: #f3eaff; }
.mtsimbtnon { background-image: url(bgtab.jpg);background-size: 100% 100%;background-position: center;color: #ffffff;font-weight: bold; }

.mtsimbtn2 { width: 33.1%;height: auto;display: inline-block;padding: 20px 0px;margin: 0px 0.1%; background-color: #e6e6e6;color: #000;font-size: 20px;font-weight: normal;line-height: 120%;cursor: pointer; }
.mtsimbtn2:hover { background-color: #f3eaff; }
.mtsimbtn2on { background-image: url(bgtab.jpg);background-size: 100% 100%;background-position: center;color: #ffffff;font-weight: bold; }



/************************************************************************************
3business
*************************************************************************************/
.planappicon { width: 24px;height: auto;display: inline-block;vertical-align: -6px;margin: 1px; }
.bnsrouterframe { width: 200px;height: auto;display: inline-block;padding: 20px 40px; border-radius: 20px;box-shadow: 0px 0px 10px #dbdbdb; }
.bnsroutertxt { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: bold;line-height: 120%; }
.bnstxtcolor { color: #c10000 !important; }
.bnstdcolor { background-color: #4baeab;background-image: linear-gradient(to right, #4baeab , #4f569e) !important; }
.bnscolorframe { border: 2px #4baeab solid !important; }
.bnspricemsg { background-color: #d0e9e9 !important; }
.bnspricemsgpopuptxt { background-color: #f2ffff !important; }
.bnscontactustitle { font-size: 34px;font-weight: bold;color: #000;line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.bnsmthtxt { width: 100%;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%; }
.bnsmthfrtxt { width: auto;height: auto;display: inline-block;font-size: 18px;font-weight: bold;line-height: 120%;color: #fff;padding: 6px 18px;margin-top: 5px;border-radius: 3px;background-color: #4baeab;background-image: linear-gradient(to right, #4baeab , #4f569e) !important; }

.bnsheader { width: 100%;height: auto;display: inline-block;font-size: 30px;font-weight: bold;line-height: 100%;margin: 30px 0px; }
.bnsvideoframe { width: 70%;height: auto;display: inline-block; }

.bnshome-containercol2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    width: 80%;
    height: auto;
    text-align: center;
    margin-top: 60px;
}

.bnshomeplanfr { width: 100%;height: auto;display: inline-block;vertical-align: top;padding: 20px 0px;text-align: center;background-image: linear-gradient(135deg, #f7f7f7 0%, #ffffff 20%, #ffffff 80%, #f7f7f7 100%);border-radius: 30px;box-shadow: 0px 0px 10px #dbdbdb;scroll-snap-align: center; }
.bnshomeplantitleicon { width: 90%;height: auto;display: inline-block; }
.bnshomeplantitleiconimg { width: 100px;height: auto;display: inline-block; }
.bnshomeplantitle { width: 90%;height: auto;display: inline-block;font-size: 26px;font-weight: bold;color: #50489b;line-height: 100%;margin-bottom: 30px; }
.bnshomeplansubiconfr { width: 50%;height: auto;display: inline-block;margin: 0px 0px 14px 0px;padding: 0px 20px 10px 20px;border-bottom: 1px #dbdbdb solid; }
.bnshomeplansubiconimg { width: 44px;height: auto;display: inline-block;vertical-align: middle; }
.bnshomeplansubicontxt { width: 72%;height: auto;display: inline-block;vertical-align: middle;font-size: 22px;font-weight: bold;line-height: 100%;text-align: left; }

.bnsplanpop01 { width: 100px;height: auto;display: inline-block;position: absolute;top: -50px;left: -40px; }



/************************************************************************************
cfc
*************************************************************************************/
.cfcchaticon { width: 30px; vertical-align: -5px; }
.cfccol2a { width: 160px;height: auto;display: inline-block;vertical-align: middle; }
.cfccol2b { width: 82.5%;height: auto;display: inline-block;vertical-align: middle;margin-left: 10px; }


/************************************************************************************
scb
*************************************************************************************/
.scbheader1 { background-color: #0461ae !important;background-image: linear-gradient(to right, #0461ae , #49b045) !important; color: #fff; }
.scbplanprice { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #0461ae;width: auto;height: auto;vertical-align: top; }
.scbplanpriceplus { font-size: 40px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto;vertical-align: top;margin: 35px 20px 0px 20px; }
.scbplanpriceplus2 { font-size: 40px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto;vertical-align: top;margin: 10px 20px 10px 20px; }
.scbplanor { width: 5%;display: inline-block;vertical-align: top;font-size: 30px;font-weight: bold;line-height: 100%;margin-top: 130px; }
.scbpriceL { width: auto;height: auto;display: inline-block; }
.scbpriceR { width: auto;height: auto;display: inline-block; }
.scbplanboldtxt { font-size: 36px;font-weight: bold;display: inline-block;line-height: 100%; color: #000000;width: auto;height: auto;vertical-align: top;margin: 30px 0px 0px 0px; }
.offerphone { width: auto;height: auto;display: inline-block; }
.offerphoneplus { width: 5%;display: inline-block;vertical-align: top;font-size: 30px;font-weight: bold;line-height: 100%;margin-top: 100px; }
.offerphonetxt { width: 100%;height: auto;display: inline-block;font-size:18px;font-weight: bold;line-height: 120%; }



/************************************************************************************
bea
*************************************************************************************/
.beatxtcolor { color: #c10000 !important; }
.beatdcolor { background-color: #ed171f !important;background-image: linear-gradient(to right, #ed171f, #ed171f) !important; }

/************************************************************************************
hsbc
*************************************************************************************/
.hsbctxtcolor { color: #c10000 !important; }
.hsbctdcolor { background-color: #ffbfc5 !important;background-image: linear-gradient(to right, #caa3f2, #caa3f2, #caa3f2, #b3b2f4, #b4d8f0) !important; }

.hsbctxtcolorpre { color: #312c78 !important; }
.hsbctdcolorpre { background-color: #c10000 !important;background-image: linear-gradient(to right, #c10000 , #9a0000) !important; }


/************************************************************************************
hkuk
*************************************************************************************/
.hkukofferframe { width: 250px;height: auto;display: inline-block;text-align: left;font-size: 18px;font-weight: bold; color: #000;line-height: 120%; }
.hkukofferframeen { width: 370px;height: auto;display: inline-block;text-align: left;font-size: 18px;font-weight: bold; color: #000;line-height: 120%; }
.hkukulset { font-size: 16px;line-height: 120%;padding-left: 25px; }
.hkukli { color: #000;font-weight: normal;padding: 3px 0px; }
.hkukhltxt { color: #eb068d; }
.hkukappicon { width: 50px; height: auto;margin-top: 10px; }
.hkukfree { width: 40px;height: 40px;background-color: #e6007e;color: #fff;font-size: 24px;font-weight: bold;line-height: 160%;border-radius: 100px;text-align: center;display:inline-block; }
.hkukfreeen { width: 40px;height: 40px;background-color: #e6007e;color: #fff;font-size: 16px;font-weight: bold;line-height: 220%;border-radius: 100px;text-align: center;display:inline-block; }
.hkukoffericon { width: 16%;height: auto;display: inline-block;vertical-align: top; }
.hkukglulset { padding-left: 25px; }
.hkukgliconframe { width: 60px;height: auto;display: inline-block;vertical-align: middle; }
.hkukgliconimg { width: auto;height: 50px; }
.hkukgltitleframe { width: auto;height: auto;display: inline-block;vertical-align: middle;font-size: 18px;font-weight: bold;line-height: 100%;color: #fff; }
.hkukgltickimg { width: 26px;height: 26px;vertical-align: -8px;margin-right: 5px; }


/************************************************************************************
5G student sim
*************************************************************************************/
.datatxtfreeuse { font-size: 20px;font-weight: bold;line-height: 100%;color: #e6007e; display: inline-block; }
.stdsimdataframe1 { width: 25%;height: auto;display: inline-block;vertical-align: middle; }
.stdsimdataframe2 { width: 2%;height: auto;display: inline-block;color: #000;vertical-align: middle; }
.stdsimdataframe3 { width: 32%;height: auto;display: inline-block;vertical-align: middle; }
.stdsimdataframe4 { width: 40%;height: auto;display: inline-block;vertical-align: middle; }
.iconzoom { width: auto;height: 50px;display: inline-block;margin-bottom: 5px; }
.stdsimpdtwidth { width: 23.8% !important; }

/************************************************************************************
mb
*************************************************************************************/
.logomb { width: auto;height: 40px;vertical-align: -15px; }
.mgofferimg { width: auto;height: 140px; }
.iconmb { width: auto;height: 50px;margin-bottom: 10px; }

/************************************************************************************
5g google
*************************************************************************************/
.framegoogleitem1 { width: 99%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative;margin-bottom: 15px;float: left;margin: 0px 0px 10px 0px; }
.framegoogleitem2 { width: 49%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative;margin-bottom: 15px;float: left;margin: 0px 7px 10px 0px; }
.framegoogleitem2en { width: 49%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative;margin-bottom: 15px;float: left;margin: 0px 7px 10px 0px; }
.framegoogleitem { width: 32.5%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative;margin-bottom: 15px;float: left;margin: 0px 2px 10px 2px; }
.framegoogleitemframe1 { width: 50%;display: inline-block;vertical-align: middle;text-align: center;background-color: #fff; }
.framegoogleitemframe2 { width: 49%;display: inline-block;vertical-align: middle;text-align: center; }
.googleiconimg { width: auto;height: 40px;padding: 35px 0px 0px 0px; }
.googleiconimg2 { width: auto;height: 35px;padding: 10px 0px; }
.googleiconimgtxt { font-size: 18px;font-weight: bold;color: #000; line-height: 120%;display: inline-block;width: 100%;text-align: center;margin-bottom: 10px; }
.googleoffertxt { font-size: 26px;font-weight: bold;color: #000; line-height: 140%;display: inline-block;padding: 15px 0px;width: 100%;text-align: center;height: 120px; }
.googleoffertxt2 { font-size: 18px;font-weight: bold;color: #000; line-height: 140%;display: inline-block;padding: 10px 0px;width: 100%;text-align: center; }
.googleoffertxtL { font-size: 48px;color: #e6007e; }
.googleoffertxten { font-size: 20px;font-weight: bold;color: #000; line-height: 120%;display: inline-block;padding: 15px 0px;height: 110px; }
.googleoffertxten2 { font-size: 16px;font-weight: bold;color: #000; line-height: 140%;display: inline-block;padding: 15px 0px; }
.googleoffertxtLen { font-size: 48px;color: #e6007e; }
.framegoogle5ghs { width: 23.6%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative;margin-bottom: 15px;float: left;margin: 0px 5px 15px 5px; }
.google5ghsimg { width: auto;height: 180px;padding: 12px 0px 10px 0px; }
.hsdetailbut { font-size: 16px;color: #FFFFFF;font-weight: bold;width: 80%; line-height: 100%; background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 100%;margin: 5px 0px 5px 0px;padding: 10px 0px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.hsdetailbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
.hsdetailbuten { font-size: 16px;color: #FFFFFF;font-weight: bold;width: 80%; line-height: 100%; background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 100%;margin: 5px 0px 5px 0px;padding: 10px 0px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.hsdetailbuten:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
.hsdetailsubtitle { font-size: 24px;font-weight: bold;color: #fff;display: inline-block; }



/************************************************************************************
5g google
*************************************************************************************/
.framegoogle5ghs { width: 23.6%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative;margin-bottom: 15px;float: left;margin: 0px 5px 15px 5px; }
.google5ghsimg { width: auto;height: 180px;padding: 12px 0px 10px 0px; }
.hsdetailbut { font-size: 16px;color: #FFFFFF;font-weight: bold;width: 80%; line-height: 100%; background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 100%;margin: 5px 0px 5px 0px;padding: 10px 0px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.hsdetailbut:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
.hsdetailbuten { font-size: 16px;color: #FFFFFF;font-weight: bold;width: 80%; line-height: 100%; background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 100%;margin: 5px 0px 5px 0px;padding: 10px 0px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.hsdetailbuten:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
.hsdetailsubtitle { font-size: 24px;font-weight: bold;color: #fff;display: inline-block; }
.hssubprice { font-size: 16px;font-weight: bold;color: #000;line-height: 120%; margin-top: 10px; }
.hssubpricecolor { font-size: 20px;color: #e6007e; display: inline-block; }
.hscomingtxt { font-size: 20px;font-weight: bold; color: #e6007e;line-height: 120%; display: inline-block;padding: 31px 0px; }
.hsvofferticktxtframe { width: 75%; text-align: center;color: #000;display: inline-block;line-height: 100%; }


/************************************************************************************
easytrade
*************************************************************************************/
.ettitle { font-size: 50px; font-weight: bold;color: #fff; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px; }
.ettitlesup { vertical-align: 30px; }
.etsubtitleip { font-size: 66px; font-weight: bold;color: #fff; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin: 10px 0px 20px 0px; }
.etsubtitleipen { font-size: 50px; font-weight: bold;color: #fff; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin: 10px 0px 20px 0px; }
.etsubtitle { font-size: 34px; font-weight: bold;color: #fff; line-height: 100%;width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 50px; }
.etphonekvframe { width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 30px;background-color: #f2f2f2;line-height: 0%; }
.etphonekvimg { width: 980px;height: auto;display: inline-block; }
.etphonestepframe { width: 100%;height: auto;display: inline-block;text-align: center;background-color: #dbdbdb;margin-bottom: 20px; }
.etphonestepimg { width: 30px;height: auto;display: inline-block; }
.ettable { border-collapse: collapse; padding: 0px;font-size: 20px;line-height: 120%;font-weight: normal;padding: 12px 10px;color: #000; }
.ettablecolor1 { color: #000;font-weight: bold !important; }
.ettablecolor2 { color: #000;background-color: #fff; }
.ettablenumber { width: 5%; }
.etul { list-style-type: upper-latin;padding-left: 30px; }
.etli { font-size: 20px;color: #000;line-height: 140%; }
.etin3logopagetitle { width: auto;height: 30px;display: inline-block;vertical-align: -4px;margin: 0px 5px 0px 5px; }
.etin3logo { width: auto;height: 66px;display: inline-block;vertical-align: -12px;margin: 0px 8px 0px 5px; }
.etin3forlifelogo { width: auto;height: 50px;display: inline-block;vertical-align: -6px;margin: 0px 5px 0px 5px; }


/************************************************************************************
table
*************************************************************************************/
.set1table { border-collapse: collapse; border: 2px solid #dbdbdb; padding: 0px; text-align: center;font-size: 16px;line-height: 120%;font-weight: bold;padding: 12px 10px; }
.set1tabless { border-collapse: collapse; border: 2px solid #dbdbdb; padding: 0px; text-align: center;font-size: 16px;line-height: 120%;font-weight: bold;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: #f8f0ff; border-left: #fff 2px solid;text-align: left; }
.set1tableR { background: #fff; border-right: #fff 2px solid; }
.set1tableheader { background-image: url(bgtab.jpg);background-size: 100% 100%;color: #fff;font-weight: bold; }
.set1tableheader2 { background: #f5f5f5; color: #000; }
.set1tableheaderprc { background: #fff;color: #774fda;font-weight: bold;font-size: 120% !important; }
.set1tablehighlgt { color: #DF008A; }
.set1tableheaderprc2 { background: #fff;color: #000;font-weight: normal; }
.set1tabledisprclabel { color: #fff;font-weight: normal;font-size: 16px;line-height: 100%;background-color: #774fda;padding: 5px 10px;display: inline-block;border-radius: 3px;margin-top: 8px; }


/************************************************************************************
dbs 5G offer
*************************************************************************************/
.mbofframe { width: 96%;height: auto;display: inline-block;background-color: #fff;border: 2px #caa3f2 solid; margin: 0px 0px 6px 0px;padding: 0px 0px 0px 0px;border-radius: 10px; }
/*.mboftitle { width: 100%;height: auto;display: inline-block;background-color: #ef146f;font-size: 14px;line-height: 120%;padding: 5px 0px;border-radius: 8px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;cursor: pointer; }*/
.mboftitle { width: 100%;height: auto;display: inline-block;background-image: linear-gradient(to right, #caa3f2, #caa3f2, #caa3f2, #b3b2f4, #b4d8f0);font-size: 14px;color: #fff; line-height: 120%;padding: 2px 0px 7px 0px;border-radius: 8px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;cursor: pointer; }
.mbofdata { width: 100%;height: auto;display: inline-block;font-size: 26px;line-height: 120%;font-weight: bold;color: #000;font-family:  MHeiHK, Microsoft JhengHei, 微軟正黑體, sans-serif !important; }
.mbcoinimg { width: 26px;height: auto;display: inline-block;vertical-align: -3px; }
.mbofoptopen { width:22px;height:22px;position: absolute;right: 3px;top: 3px;background-color: rgba(0, 0, 0, 1);border-radius: 50px;display: flex;justify-content: center;align-items: center; }


.dtapp { width: 100px;display: inline-block;text-align: center;line-height: 120%;vertical-align: top;padding-right: 5px; }
.dtqr { width: 100px;display: inline-block;text-align: center;line-height: 120%;vertical-align: top; }
.dtappdw { width: 140px;display: inline-block;text-align: center;line-height: 290%;vertical-align: top;padding: 0px 10px }
.dtspace { width:10px; clear:both; height: 18px}


/************************************************************************************
hsbc 5G offer
*************************************************************************************/
/*
.hsbcofframe { width: 96%;height: auto;display: inline-block;background-color: #8b0000;margin: 0px 0px 6px 0px;padding: 0px 0px 5px 0px;border-radius: 10px;background-image: url(../planimg/bg-hsbcoffer.jpg);background-size: 140% 140%; }
.hsbcoftitle { width: 100%;height: auto;display: inline-block;background-color: #8b0000;font-size: 14px;line-height: 120%;padding: 5px 0px;border-radius: 10px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
.hsbcofdata { width: 100%;height: auto;display: inline-block;font-size: 30px;line-height: 120%;font-weight: bold;color: #ffc107; }
*/

/*
.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%;padding: 5px 0px;border-radius: 8px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
.hsbcofdata { width: 100%;height: auto;display: inline-block;font-size: 30px;line-height: 120%;font-weight: bold;color: #b80018; }
*/

.hsbccolorframe { border: 2px #caa3f2 solid !important; }
.hsbccolortxt { color: #000 !important;font-family:  MHeiHK, Microsoft JhengHei, 微軟正黑體, sans-serif !important; }

.hsbcofframe { width: 96%;height: auto;display: inline-block;background-color: #fff;border: 2px #774fda solid; margin: 0px 0px 6px 0px;padding: 0px 0px 5px 0px;border-radius: 10px; }
.hsbcoftitle { width: 100%;height: auto;display: inline-block;background-color: #774fda;background-image: linear-gradient(to right, #774fda , #774fda);font-size: 14px;color: #fff;line-height: 120%;padding: 0px 0px 5px 0px; border-radius: 8px; border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
.hsbcofdata { width: 100%;height: auto;display: inline-block;font-size: 26px;line-height: 120%;font-weight: bold;color: #774fda; }

.hsbcofrowlocal { width: 100%;height: auto;display: inline-block;float: left;text-align: center;padding: 0px 0px 0px 0px;color: #000; }
.hsbcofrowcnmo { width: 100%;height: auto;display: inline-block;float: left;text-align: center;padding: 0px 0px 0px 0px;color: #000; }
.hsbcofoptframe { padding: 6px 0px;background: #e7e7e7;text-align: center;position: relative;border-bottom: 2px solid #e8e8e8;cursor: pointer; }
.hsbcofoptframe3b { padding: 6px 0px;background: #4f6da1;text-align: center;position: relative;border-bottom: 2px solid #48a4af;cursor: pointer; }
.hsbcofopttitle { width: 100%;display: inline-block;color: #000;font-size: 14px;line-height: 120%;font-weight: bold; }
.hsbcofoptopen { width:22px;height:22px;position: absolute;right: 3px;top: 3px;background-color: rgba(0, 0, 0, 1);border-radius: 50px;display: flex;justify-content: center;align-items: center; }
.hsbcofoptopen3b { width:22px;height:22px;position: absolute;right: 3px;top: 3px;background-color: rgb(78 151 166);border-radius: 50px;display: flex;justify-content: center;align-items: center; }
.hsbcofoptcontent { width: 100%;height: auto; padding: 8px 0px;color: #000;font-size: 14px;line-height: 120%;border-bottom: 2px solid #f3dd88; }
.hsbcofoptcasetifyframe { width: 28%;height: auto;display: inline-block;vertical-align: middle; }
.hsbcofoptcasetifytxt { width: 65%;height: auto;display: inline-block;vertical-align: middle;margin-left: 5px; font-size: 14px;line-height: 120%;color: #000;text-align:left; }
.hsbcofoptcasetifyimg { width:auto;height:90px;margin-bottom: 5px; }


.hsbcpopcardframe { width: 100%;height: auto;display: inline-block;text-align: center; }
.hsbcpopcardimg { width: 70%;height: auto;display: inline-block; }
.hsbcpopcontent { width: 100%;height: auto;display: inline-block;font-size: 18px;line-height: 120%;color: #000;margin: 10px 0px; }
.hsbcpopcontenten { width: 100%;height: auto;display: inline-block;font-size: 18px;line-height: 120%;color: #000;margin: 10px 0px; }
.hsbcpopcontentbold { color: inherit;font-weight: bold;text-decoration: underline; }
.hsbcpopinputframe { width: 100%;height: auto;display: inline-block;margin: 10px 0px; }
.hsbcpopinput { width: 82%;height: auto;display: inline-block;float: left;vertical-align: middle; }
.hsbcpopinputtxttc { font-size: 16px; }
.hsbcpopinputtxten { font-size: 14px; }
.hsbcpopyesno { width: 5%;height: auto;display: inline-block;text-align: center;float: left;vertical-align: middle;margin-top: 5px; }
.hsbcpopcheck { width: 13%;height: auto;display: inline-block;float: left;vertical-align: middle; }
.hsbcpopbut { font-size: 18px;color: #fff;font-weight: bold;line-height: 100%; background-color: #774fda; margin: 0px 0px 0px 0px;padding: 10px 30px;border-radius: 50px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.hsbcpopbut:hover { color: #ffffff;background-color: #8635dd; }
.hsbcpopbutverftc { font-size: 16px; }
.hsbcpopbutverfen { font-size: 14px;padding: 10px 5px; }
.hsbcpopbuten { font-size: 14px;color: #fff;font-weight: bold;line-height: 100%; background-color: #774fda; margin: 0px 0px 0px 0px;padding: 15px 25px;border-radius: 50px;cursor: pointer;float: none;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.hsbcpopbuten:hover { color: #ffffff;background-color: #8635dd; }
.hsbcpopnormalframe { width: 100%;height: auto;display: inline-block;margin: 10px 0px 0px 0px;text-align: center; }


/************************************************************************************
citi
*************************************************************************************/
.citiplanprice { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #005fb6;width: auto;height: auto;vertical-align: top; }
.citiofferdata { font-size: 24px;font-weight: normal;line-height: 100%;text-decoration: line-through;color: #8e8e8e; width: auto;height: auto;text-align: center;display: inline-block; }
.citiofferdatatxt { font-size: 28px;font-weight: bold;line-height: 100%;width: auto;height: auto;text-align: center;width: 100%;margin-top: 10px; }
.citipopoffer { width: 600px;height: auto; }
.citiheader1 { background-color: #005fb6; color: #fff; }

.citipriceL { width: auto;height: auto;display: inline-block; }
.citipriceR { width: auto;height: auto;display: inline-block; }
.citiplanpriceplus { font-size: 40px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto;vertical-align: top;margin: 35px 20px 0px 20px; }
.citiplanpriceplus2 { font-size: 40px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto;vertical-align: top;margin: 10px 20px 10px 20px; }
.citiplanboldtxt { font-size: 36px;font-weight: bold;display: inline-block;line-height: 100%; color: #000000;width: auto;height: auto;vertical-align: top; }

.citiframefreeitem { width: 32.3%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative; margin: 0px 0px 15px 0px;float: left;float: left; }
.citiframefreeitemspace { width: 1%;display: inline-block;vertical-align: top;float: left; }
.citimblogo { width: auto;height: 40px;display: inline-block;vertical-align: -14px; }
.citiiconinfo { width: 25px;height: auto;display: inline-block;vertical-align: -5px; }
.citiinfoimg { width: 70%;height: auto;display: inline-block; }


/************************************************************************************
dbs
*************************************************************************************/
.dbsplanprice { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #ed1b24;width: auto;height: auto;vertical-align: top; }
.dbsofferdata { font-size: 24px;font-weight: normal;line-height: 100%;text-decoration: line-through;color: #8e8e8e; width: auto;height: auto;text-align: center;display: inline-block; }
.dbsofferdatatxt { font-size: 28px;font-weight: bold;line-height: 100%;width: auto;height: auto;text-align: center;width: 100%;margin-top: 10px; }
.dbspopoffer { width: 600px;height: auto; }
.dbsheader1 { background-color: #774fda; color: #fff; }

.dbspriceL { width: auto;height: auto;display: inline-block; }
.dbspriceR { width: auto;height: auto;display: inline-block; }
.dbsplanpriceplus { font-size: 40px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto;vertical-align: top;margin: 35px 20px 0px 20px; }
.dbsplanpriceplus2 { font-size: 40px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto;vertical-align: top;margin: 10px 20px 10px 20px; }
.dbsplanboldtxt { font-size: 36px;font-weight: bold;display: inline-block;line-height: 100%; color: #000000;width: auto;height: auto;vertical-align: top; }


.dbsframefreeitem { width: 99.5%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative; }
.dbsframefreeitemspace { width: 1%;display: inline-block;vertical-align: top;float: left; }
.dbsmblogo { width: auto;height: 40px;display: inline-block;vertical-align: -14px; }
.dbsiconinfo { width: 25px;height: auto;display: inline-block;vertical-align: -5px; }
.dbsinfoimg { width: 70%;height: auto;display: inline-block; }

.dbsplandollartxt { font-size: 40px;font-weight: bold;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto; }
.dbsplandollarprice { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #ed1b24;width: auto;height: auto; }
.dbsplandollarsubtxt { font-size: 26px;font-weight: normal;line-height: 120%;width: auto;height: auto;text-align: center;width: 100%; }
.dbsplantdprice1 { font-size: 26px;font-weight: normal;display: inline-block;line-height: 100%; color: #000;width: auto;height: auto; }
.dbsplantdprice2 { font-size: 50px;font-weight: bold;display: inline-block;line-height: 100%; color: #ed1b24;width: auto;height: auto; }

.dbscardface { width: auto;height: 100px;display: inline-block; }
.dbscardiconauto { width: auto;height: 100px;display: inline-block; }
.dbscardinfoframe { width: 40%;height: auto;display: inline-block; }
.dbscardinfoimgframe { width: 28%;height: auto;display: inline-block;text-align: center;vertical-align: middle; }
.dbscardinfotxtframe { width: 70%;height: auto;display: inline-block;text-align: left;vertical-align: middle; }
.dbscardinfotitle { width: 100%;height: auto;display: inline-block;font-size: 24px;font-weight: bold; }
.dbscardinfocontent { width: 100%;height: auto;display: inline-block;font-size: 20px;font-weight: normal;line-height: 120%; }
.dbscardinfoicon { width: auto;height: 120px;display: inline-block; }
.dbscardstepno { width: 32px;height: 32px;border-radius: 100%;background-color: #ed1b24;color: #ffffff;font-size: 18px;font-weight: bold;line-height: 100%; float: left;margin-right: 5px;display: flex;justify-content: center;align-items: center; }


/************************************************************************************
hsbc
*************************************************************************************/
.hsbcheader1 { background-color: #312c78; color: #fff; }
.hsbcheader2 { background-color: #ab0000; color: #fff; }

.hsbcbut1 { width: 49.5%;height: auto;display: inline-block;padding: 10px 0px;background-color: #adadad;color: #fff;font-size: 20px;font-weight: bold;line-height: 120%;cursor: pointer; }
.hsbcbut1:hover { background-color: #312c78; }
.hsbcbut1on { background-color: #312c78; }

.hsbcbut2 { width: 49.5%;height: auto;display: inline-block;padding: 10px 0px;background-color: #adadad;color: #fff;font-size: 20px;font-weight: bold;line-height: 120%;cursor: pointer; }
.hsbcbut2:hover { background-color: #ab0000; }
.hsbcbut2on { background-color: #ab0000; }

.hsbcplanprice { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #fff;width: auto;height: auto;text-shadow: 0px 0px 8px #000;vertical-align: top; }
.hsbcplanpriceinfo { font-size: 30px;font-weight: bold;display: inline-block;line-height: 100%; color: #fff;width: 100%;height: auto;margin: 20px 0px;text-shadow: 0px 0px 8px #000;  }
.hsbcpopoffer { width: 560px;height: auto; }
.hsbcoffergb { font-size: 32px;font-weight: normal;line-height: 100%;text-decoration: line-through;width: auto;height: auto;text-align: right;margin-right: 40px; }
.hsbcofferdata { font-size: 28px;font-weight: normal;line-height: 100%;text-decoration: line-through;width: auto;height: auto;text-align: center;width: 100%; }
.hsbcofferdatatxt { font-size: 28px;font-weight: bold;line-height: 100%;width: auto;height: auto;text-align: center;width: 100%; }
.hsbcofferdatatxts { font-size: 22px;font-weight: normal;line-height: 100%;width: auto;height: auto;text-align: center;width: 100%; }
.hsbcofferdatatxtlabel { margin-top: 17px;margin-right: 5px; background: #ff0000;width: auto;font-size: 20px;font-weight: bold;line-height: 100%;color: #ffffff;padding: 6px 15px;display: inline-block;text-align: center;border-radius: 3px;vertical-align: top; }
.hsbcplanpriceplus { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #fff;width: auto;height: auto;text-shadow: 0px 0px 8px #000;vertical-align: top;margin: 0px 15px; }

.hsbcbannerframe { width: 49%; height: auto;display: inline-block;float: left; }
#hsbcbannerframespace {width:10px; clear:both; height: 40px}

.hsbcplanrwm { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #fff;width: auto;height: auto;text-shadow: 0px 0px 8px #000; }
.hsbcplanrwm2 { font-size: 26px;font-weight: bold;display: inline-block;line-height: 100%; color: #fff;width: auto;height: auto;text-shadow: 0px 0px 8px #000;vertical-align: top;margin-top: 15px; }
.hsbcplanrw { font-size: 100px;font-weight: bold;display: inline-block;line-height: 100%; color: #fff;width: auto;height: auto;text-shadow: 0px 0px 8px #000;vertical-align: middle; }
.hsbcplanrwtxt { font-size: 28px;font-weight: bold;line-height: 100%;width: auto;height: auto;text-align: center;width: 100%;margin-top: 10px; }
.hsbcplanrwtxt2 { font-size: 28px;font-weight: bold;line-height: 100%;width: auto;height: auto;text-align: center;margin-top: 10px;display: inline-block; }
.hsbcplanrwdd { font-size: 60px;font-weight: bold;display: inline-block;line-height: 100%; color: #fff;width: auto;height: auto;text-shadow: 0px 0px 8px #000;vertical-align: middle;margin: 0px 15px 0px 5px; }
.hsbcplanrworgprice { font-size: 38px;font-weight: normal;line-height: 100%;text-decoration: line-through;width: auto;height: auto;text-align: center;display: inline-block; }
.hsbcplanrwtxt { font-size: 28px;font-weight: bold;line-height: 100%;width: auto;height: auto;text-align: center;width: 100%;margin-top: 10px; }
.hsbcplanrwtdheader { font-size: 24px;font-weight: bold;color: #ff97f5; line-height: 120%;width: 100%; }
.hsbcplanrwtdheaderen { font-size: 20px;font-weight: bold;color: #ff97f5; line-height: 120%;width: 100%; }
.hsbcplanrwtddisprice { font-size: 50px;font-weight: bold;color: inherit; line-height: 120%;width: 100%; }



/************************************************************************************
plan
*************************************************************************************/
.planprccol2a { width: 34% !important; height: auto;display: inline-block;padding: 12px 0px;background-color: #fff8db;text-align: center; }
.planprccol2b { width: 64% !important; height: auto;display: inline-block;padding: 8px 0px;background-color: #fff4fa;text-align: center; }

.planselect1 { width: 34% !important; height: auto;display: inline-block;padding: 12px 0px;text-align: center;border-right: 2px solid #dbdbdb;vertical-align: top; }
.planselect2 { width: 64% !important; height: auto;display: inline-block;padding: 5px 0px 2px 0px;text-align: center;vertical-align: top; }
.planselect { border: 2px solid #ccc; border-radius: 8px; padding: 3px 5px; font-size: 16px;width: 96%;font-weight: bold; }

.planoffer1a { padding: 5px 0px;width: 100%;text-align: left;display: inline-block; }
.planoffer1atxt { padding: 0px 10px;font-size: 14px;line-height: 160%; }

.optiontickonlineframebox { position: relative;width: 35px;height: 50px;display: inline-block;vertical-align: middle;float: right; }
.optiontickonlineframe { width: auto;height: auto;display: inline-block;text-align: center;font-size: 12px; color: #000000;position: absolute;left: 0px;top: 0px;cursor: pointer; }
.optiontickonlineicon { width: auto;height: 50px; }
.planoffer1btxt { padding: 0px 0px 0px 0px;font-size: 14px;line-height: 120%;vertical-align: middle;display: inline-block;width: 84%; }
.planofferhide { opacity: 0.3; }
.plantickofferframe { display: inline-block;width: 100%;border-bottom: 1px solid #dbdbdb;margin-bottom: 2px; }

.frametitlestep { width: 100%;display: inline-block;padding: 0px 0px 8px 0px; }
.stepline { width: 100%;height: 10px;display: inline-block;background-color: #f2f2f2;margin: 20px 0px; }

.planofferpriceframe { width: 28%;height: auto;display: inline-block;vertical-align: middle; }
.planofferinfoframe { width: 70%;height: auto;display: inline-block;vertical-align: middle; }

.planofferpriceframeen { width: 20%;height: auto;display: inline-block;vertical-align: middle; }
.planofferinfoframeen { width: 78%;height: auto;display: inline-block;vertical-align: middle; }

.plantopup5giconframe { width: 26px;height: auto;display: inline-block;vertical-align: middle; }
.plantopup5gtxtframe { width: 76%;height: auto;display: inline-block;color: #000;vertical-align: middle; }
.plantopup5gplusframe { width: 90%;height: auto;display: inline-block;color: #000;font-size: 20px;font-weight: bold;text-align: left;margin-left: 9px; }
.plantopup5gicon { width: auto;height: 32px;padding: 0px 0px;margin: 0px 0px 0px 0px; }



/************************************************************************************
go phone
*************************************************************************************/
.tabletotal { font-size: 30px !important;font-weight: bold !important;line-height: 100% !important;text-align: center !important; }
.gophtitlehl { font-size: 130%;color: #b11d8d; }
.gophidpicon { width: 80px;height: auto;display: inline-block;vertical-align: -30px; }


/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #ffffff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000000;
  padding: 6px 16px;
  border: 2px solid #dbdbdb;
  /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


/************************************************************************************
top banner hide
*************************************************************************************/
.topbanner {
	line-height: 0%;
    position: fixed;
    z-index: 200;
    top: 74px;
    display: inline-block;
    width: 100%;
	text-align: center;
    cursor: pointer;
}

/************************************************************************************
scroll tab menu
*************************************************************************************/
	.linkTabsRow{
		max-width: 82%;
		position: relative;
        text-align: left;
	}
	.linkTabsRow2{
		max-width: 1100px;
	}
	.linkTabs{
		background-image: url(tabline.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		padding-bottom: 2px;
	}
	.linkTabs3b{
		background-image: url(tabline3b.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		padding-bottom: 2px;
	}
	.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;
		transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
		cursor: pointer;
        text-align: center;
        font-size: 16px;
        line-height: 120%;
}
	
	.slick-selected{
		background-image: url(bgtab.jpg);
		background-size: 100% 100%;
		background-position: center;
		color: #fff;
		font-weight: bold;
		cursor: default;
	}
	.slick-selected3b{
		background-image: url(bgtab3b.jpg);
		background-size: cover;
		background-position: center;
		color: white;
		font-weight: bold;
		cursor: default;
	}
	.slickBtnImg{
		position: absolute;
		left: 0px;
		top: -68px;
		height: 68px;
		cursor: pointer;
	}


	.slicken{
        font-size: 14px !important;
}


/************************************************************************************
offer plan
*************************************************************************************/
.pageorderpgbutcolor {
	font-size: 18px;color: #FFFFFF;
	font-weight: bold;
	line-height: 100%; 
	margin: 0px 0px 0px 0px;
	padding: 15px 30px;
	cursor: pointer;
	float: none;
	display: inline-block;
	text-align: center;
	background: #f7008e;
	-webkit-animation: mymove 1s infinite alternate;
	-moz-animation: mymove 1s infinite alternate;
	-ms-animation: mymove 1s infinite alternate;
	-o-animation: mymove 1s infinite alternate;
	animation: mymove 1s infinite alternate;
}

@-webkit-keyframes mymove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@-moz-keyframes mymove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@-ms-keyframes mymove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@-o-keyframes mymove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@keyframes mymove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}

.pageorderpgbutcolor:hover { background: #f7008e; }

.tabbgcolorchange {
	text-align: center;
	background: #f7008e;
	-webkit-animation: tabmove 1.5s infinite alternate;
	-moz-animation: tabmove 1.5s infinite alternate;
	-ms-animation: tabmove 1.5s infinite alternate;
	-o-animation: tabmove 1.5s infinite alternate;
	animation: tabmove 1.5s infinite alternate;
}

@-webkit-keyframes tabmove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@-moz-keyframes tabmove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@-ms-keyframes tabmove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@-o-keyframes tabmove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}
@keyframes tabmove {
  from {background-color: #f7008e;}
  to {background-color: #00adc0;}
}



.simstep { width: 16%;display: inline-block;text-align:center;font-size: 16px;line-height: 120%;padding: 10px 30px;vertical-align: top; }
.simstepicon { width: auto;height: 150px; }
.simsteparrow { width: 5%;display: inline-block;text-align:center;font-size: 16px;line-height: 120%;padding: 10px 0px;vertical-align: top; }

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

.planpop01 { width: 80px;height: auto;display: inline-block;position: absolute;top: 20px;right: -12px; }
.planpop02 { width: 80px;height: auto;display: inline-block;position: absolute;top: -50px;right: -12px; }
.planpop03 { width: 80px;height: auto;display: inline-block;position: absolute;top: 20px;left: 26%; }
.planpop04 { width: 60px;height: auto;display: inline-block;position: absolute;top: -15px;left: -5%; }
.planpop05 { width: 100px;height: auto;display: inline-block;position: absolute;top: -30px;right: 5px; }



.cnyfreegiftframe { width: 99%;display: inline-block; border: #7f2d90 3px solid;border-radius: 20px;padding: 0px 0px;background: #ffffff; }
.cnyplanheader { width: 100%;display: inline-block;background: #7f2d90;border-radius: 10px; border-bottom-left-radius: 0;border-bottom-right-radius: 0; }
.esttitletxt { font-size: 30px;font-weight: bold;color: #ffffff;padding: 5px 0px; }
.esttitletxten { font-size: 24px;font-weight: bold;color: #ffffff;line-height: 120%;vertical-align: middle;width: auto;display: inline-block;padding: 5px 0px; }
.estdetailbut { font-size: 14px;color: #fff;font-weight: bold; line-height: 100%;padding: 7px 25px; background-image: url(bg_button.jpg);background-size: 200%; border-radius: 5px;display: inline-block;cursor: pointer; }
.estdetailbut:hover { background-size: 280%; }
.tmpheadlineprice { font-size:32px; color:#000000; line-height:120%; text-align: center; font-weight: bold; }
.tmpheadlinepriceen { font-size:32px; color:#000000; line-height:120%; text-align: center; font-weight: bold; }
.tmpheadlinepricesup { font-size:12px; vertical-align: 24px;line-height: 100%; }

.planwidthlarge { width: 64% !important; }
.planwidthsmall { width: 34% !important; }
.planofferwidth { width: 49.5% !important; }
.planoptionline { border-right: 2px solid #dbdbdb; }
.planoptionspacetc { height: 58px;display: inline-block; width: 100%; }
.planoptionspaceen { height: 48px;display: inline-block; width: 100%; }

.planheightspace { clear: both; height: 180px;}
.planoffermins { margin-top: 20px; }
.planofferrewards { width: 150px;height: auto; vertical-align: middle;display: inline-block;margin-top: 10px; }
.planofferrewardspt { width: 2%;height: auto; vertical-align: middle;display: inline-block; }
.planofferrewards2 { width: 98px;height: auto; vertical-align: middle;display: inline-block;margin-top: 10px; }
.planofferrewards2pt { width: 2px;height: auto; vertical-align: middle;display: inline-block; }


.plandataframe { width: 44%; display: inline-block; }
.plandataframe1 { width: 44%; display: inline-block; }
.plandataframe2 { width: 48%; display: inline-block; }
.plandatalineframe { width: 2px;height: auto;display: inline-block;vertical-align: top; }
.plandataplusframe { font-size: 24px;font-weight: bold;padding-bottom:7px;display: inline-block;width: auto; }
.largebut2 { padding: 15px 30px !important;font-size: 28px !important; color: #FF6E00; }
.largebutframe { width: 100%;height: auto;display: inline-block;padding: 8px 0px; }

.offerhltxt { color: #f7008e;padding: 8px 5px;background: #fff !important;animation: none !important;font-size: 18px;line-height: 120%; }


/************************************************************************************
SIM standalone
*************************************************************************************/
.largetxt { font-size: 36px !important; }
.largebut { 
	padding: 25px 30px !important;font-size: 28px !important; 
	color: #FF6E00;
	/*-webkit-animation: txtmove 0.3s infinite alternate;
	-moz-animation: txtmove 0.3s infinite alternate;
	-ms-animation: txtmove 0.3s infinite alternate;
	-o-animation: txtmove 0.3s infinite alternate;
	animation: txtmove 0.3s infinite alternate;*/
}
/*@-webkit-keyframes txtmove {
  from {color: rgba(255, 255, 255, 0);}
  to {color: #ffffff;}
}
@-moz-keyframes txtmove {
  from {color:  rgba(255, 255, 255, 0);}
  to {color: #ffffff;}
}
@-ms-keyframes txtmove {
  from {color:  rgba(255, 255, 255, 0);}
  to {color: #ffffff;}
}
@-o-keyframes txtmove {
  from {color:  rgba(255, 255, 255, 0);}
  to {color: #ffffff;}
}
@keyframes txtmove {
  from {color:  rgba(255, 255, 255, 0);}
  to {color: #ffffff;}
}*/






.footer-nav {
	line-height: 0%;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    display: none;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.footer-nav2 {
	line-height: 0%;
    position: fixed;
    z-index: 200;
    top: 74px;
    display: inline-block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.show, .footer-nav:hover {
    display: block;
}


/************************************************************************************
form new style
*************************************************************************************/
.labl {
    display : inline-block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.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;*/
    border: 1px solid #fff0;
    outline: 2px solid #774fda;
}    

.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 */
    /*border: 2px solid #e50fab;*/
    border: 1px solid #fff0;
    outline: 2px solid #774fda;
}    

.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 */
    /*border: 2px solid #e50fab;*/
    border: 1px solid #fff0;
    outline: 2px solid #774fda;
}    

.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;*/
    border: 1px solid #fff0;
    outline: 2px solid #774fda;
}    

.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;*/
    border: 1px solid #fff0;
    outline: 2px solid #774fda;
}    
.lablcolorbox { width: 28px;height: 28px;border-radius: 100px;display: inline-block;margin-top: 2px;}

.lablspace { width: 5%;height: auto;display: inline-block;float: left; }
.lablplanspace { width: 10px;height: auto;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: middle;text-align: left;margin-top: 8px;margin-bottom: 10px; }
.formheader2 { width: 100%;height: auto; display: inline-block;vertical-align: middle;text-align: left;margin-top: 8px;margin-bottom: 10px; }
.forminput {width: 70%;height: auto; display: inline-block;vertical-align: middle; }
.forminput2 {width: 82%;height: auto; display: inline-block;vertical-align: middle;white-space: nowrap; }
.forminput3 {width: 100%;height: auto; display: inline-block;vertical-align: middle; }
.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;color: #000; }
.formplanhsframe4 { width: 24%;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;color: #000; }
.formhsimg { width: 230px; } 
.formhsimg4 { width: 100px; } 


.tab { overflow: hidden;background: #fff;background-image: url(tabline.jpg);background-position: bottom;background-repeat: no-repeat;text-align: center; }
.tab button { width: 49.8%;height: auto;font-size: 20px;font-weight: normal; color: #000;line-height: 120%;padding: 16px 0px;margin: 0px 0.1%;text-align: center;background-color: #e6e6e6;margin-bottom: 2px;/*float: left;*/border: none; outline: none; cursor: pointer; transition: 0.3s;  border-right: #fff 1px solid; }
.tab button:hover { background-color: #f3eaff; }
.tab button.active { background-color: #774fda;color: #fff;font-weight: bold;/*text-decoration: underline;text-decoration-color: #000000;*/ }
.tabcontent { -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; display: none;position: relative;background-color: #fff; }


.lablcolor2tc {
    display : inline-block;
    width: 60px;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    line-height: 120%;
}
.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%;
}
.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);
}    


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


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


.calendar { width: 99.2%;padding: 5px 5px 5px 5px;box-sizing: border-box;border: 1px solid #C5C5C5;border-radius: 5px;font-size: 20px;font-family: 'Noto Sans TC', Microsoft JhengHei, 微軟正黑體, Helvetica, Arial, sans-serif; }
.uploadbut { background-color: #e6007e;color: #fff;border-radius: 0.3rem;padding: 6px 15px;display: inline-block;cursor: pointer; }
.uploadbuttxt { margin-left: 5px; }
.otpbut { width: 42.5%;height: auto;display: inline-block;font-size: 14px;line-height: 100%;padding: 12px 0px;text-align: center; border-radius: 3px;background-color: #e6007e;color: #fff;margin-left: 3px;vertical-align: middle;cursor: pointer; }
.otpbuten { width: 42.5%;height: auto;display: inline-block;font-size: 14px;line-height: 100%;padding: 12px 0px;text-align: center; border-radius: 3px;background-color: #e6007e;color: #fff;margin-left: 3px;vertical-align: middle;cursor: pointer; }
.mobbut { width: 10%;height: auto;display: inline-block;font-size: 14px;line-height: 100%;padding: 12px 0px;text-align: center; border-radius: 3px;background-color: #e6007e;color: #fff;margin-left: 3px;vertical-align: middle;cursor: pointer; }


/************************************************************************************
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 { color: #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; }
		}
			
.frameplan5gcol2 { width: 49.5%;display: inline-block;margin: 0px;vertical-align: top;float: left;position: relative; }
.tableoff5g { border-collapse: collapse; border: 2px solid #e8e8e8; padding: 0px; text-align: center;font-size: 14px;line-height: 100%;font-weight: bold;background-color: #fff; }
.tableoff5g3b { border-collapse: collapse; border: 2px solid #48a4af; 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: 5px 0px 8px 0px;color: #fff; }
.hs5gtxttitlebg01 { /*background: url(bgtab.jpg);background-size: 100% 100%;*/ background-color: #000000; }
.hs5gtxttitlebg02 { /*background: url(bgtab.jpg);background-size: 100% 100%;*/ background-color: #000000; }
/*.hs5gtxtwht { color: #ffffff !important; }
.hs5gtxtblue { color: #00acb8 !important; }*/
.hs5gtxtwht { color: #ffffff !important; }
.hs5gtxtblue { color: #00acb8 !important; }
.hs5gtxtblk { color: #000000 !important;font-family:  MHeiHK, Microsoft JhengHei, 微軟正黑體, sans-serif !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 5px;background: #dbdbdb; text-align: center; }
.frame5gtpitem { width: 32.3%;height: 220px;display: inline-block;border: #e8e8e8 2px solid;text-align: center;vertical-align: top;position: relative;float: left;margin: 0px 0px 10px 0px; }
.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: 40px 0px !important; }
.topup5gsubtitle { font-size: 24px;font-weight: bold;color: #000000;display: inline-block; }
.planofferul { font-size: 24px;font-weight: bold;color: #f3dd88;display: inline-block; }
			
.pagebg { background-color: #000000 !important;background-image: url('../plancss/bg5gbottom.jpg'), url('../plancss/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; }		
.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; }	
.title5glogo2 { width: auto;height: 28px;display: inline-block;vertical-align: -5px; }	
.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 #e8e8e8;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; }
			
.option5grow { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px;color: #000000;text-align: left; }
.option5giconframe { width: auto;display: inline-block;padding: 0px 0px 5px 0px; }
.option5gicon { width: auto;height: 45px;padding: 0px 5px;vertical-align: -15px; }
.option5gtickframebox { position: relative;width: 20%;height: 80px;display: inline-block;float: left;margin-left: 30px; }
.option5gtickframe { width: auto;height: auto;display: inline-block;text-align: center;font-size: 12px; color: #000000;position: absolute;left: 0px;top: 0px;cursor: pointer; }
.option5gtickicon { width: auto;height: 52px; }
.option5goffertxtframe { width: 65%;height: auto;display: inline-block;float: left;margin-left: 10px;text-align: left; }
.optionframe5gmain { border-bottom: none !important;padding: 9px 0px !important; }
.optionframe5gbutmain { position: relative;width: 100%;height: 100px;display: inline-block; }
.optionframe5gbutmain2 { position: relative;width: 100%;height: 80px;display: inline-block; }
.optionframe5gbut { position: absolute;left: 0px;top: 5%; }
.optiontopup5gdes { font-size: 14px;font-weight: bold;line-height: 100%;display: inline-block;width: 100%; }
			
#plan1tick2off { background-color: #fff; z-index: 3 }
#plan2tick2off { background-color: #fff; z-index: 3 }
			
		
.optiontickframebox { position: relative;width: 52px;height: 65px;display: inline-block;vertical-align: top; }
.optiontickframe { width: auto;height: auto;display: inline-block;text-align: center;font-size: 12px; color: #000000;position: absolute;left: 0px;top: 0px;cursor: pointer; }
.optiontickicon { width: auto;height: 62px; }
.optionmonthtxt { font-size: 14px;font-weight: bold;display: inline-block;line-height: 120%;text-align: left;margin-top: 5px; }
.planoptionmthline { border-left: 2px solid #dbdbdb; }
			
.optionoffercol3 { width: 30%;height: auto; display: inline-block;padding: 0px 0px;vertical-align: top; }
.optiontickframebox2 { position: relative;width: 40px;height: 65px;display: inline-block;vertical-align: top; }
			
			
/************************************************************************************
roaming
*************************************************************************************/
.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: 370px; float: left;display: inline-block;background-size: cover;background-position: center;position: relative; }
.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 { position: absolute;bottom: 0px;left: 0px;width: 100%;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: 5px;font-size: 16px;color: #fff;font-weight: 500;text-align: left; }
.mainpagepromocol1content { width: 50%;height: 370px; float: left;display: inline-block;position: relative;text-align: center; }
.mainpagepromocol1space { vertical-align: middle;height: 370px;width: 1px;display: inline-block; }
.mainpagepromocol1centerframe { vertical-align: middle;display: inline-block;width: 80%; }
.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; }



/************************************************************************************
coverage
*************************************************************************************/
.spectab { width: 100%;display: inline-block;font-size: 22px;font-weight: bold;/*border: #774fda 2px solid;*/ padding: 10px 0px;text-align: left;CURSOR: pointer;border-bottom: #000 2px solid; }
.spectabtxt { display: inline-block;width: 84%;/*padding-left: 20px;*/ }
.spectabimg { width: 18px;float: right;padding: 0px 20px 0px 0px;display: inline-block; }
.spectabimg2 { width: 18px; float: right;padding: 0px 5px 0px 0px;display: inline-block; }

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


/************************************************************************************
3supreme
*************************************************************************************/
.supremetxt { font-size: 18px !important; color: #000000;line-height: 120%;font-weight: bold; }
.supremelogo { width: 110px; vertical-align: -11px }
.netplustxtlogo { width: 70px; vertical-align: -6px }
.logopn { width: 120px;padding: 5px 0px 0px 0px; }
.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: 0px 35px 20px 0px;vertical-align: top; }
.infoimg { border: #dbdbdb 1px solid; }
.infopt { font-size: 18px; text-align: center; width: 32.6%;display: inline-block;margin: 0px;vertical-align: top;background: #f3eddb;margin: 0px 0px;padding: 8px 0px;border-radius: 8px;float: left; }
.infoptspace { width: 1%;display: inline-block;margin: 0px;vertical-align: top;float: left; }
.offerlogo { width: auto;height: 35px;vertical-align: -10px; }
.bundlebox { background: #f5f5f5;display: inline-block;width: 100%;padding: 10px 0px;margin: 7px 0px;border-radius: 8px;font-size: 12px; }
.infoicon { width: 150px;display: inline-block;margin-right: 20px; }

.newsupremetabon { background-image: url(bg_3sbutton.jpg);background-size: cover;background-position: center; }
			
.topupstep { width: 32px;height: 32px;border-radius: 100%;background-color: #7d00ad;color: #ffffff;font-size: 18px;font-weight: bold;line-height: 100%; float: left;margin-right: 5px;display: flex;justify-content: center;align-items: center; }
.topuptxt3 { display: inline-block;width: 82%;margin-top: 8px; }
            
/************************************************************************************
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: #774fda;/*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: #774fda;/*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: 30px; }
.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; }

/************************************************************************************
ul li
*************************************************************************************/
.ulset2 { list-style-image: url('pt.png');padding: 0px 0px 10px 20px;font-size: 16px;line-height: 120%; }
.ulset2en { list-style-image: url('pt.png');padding: 0px 0px 10px 20px;font-size: 16px;line-height: 120%; }
.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; }

.jpofferul { padding: 40px 0px 0px 28px;font-size: 22px;line-height: 120%;font-weight: bold; }

            
            
/************************************************************************************
exp
*************************************************************************************/
.exptable { border-collapse: collapse; border: 2px solid #dbdbdb; padding: 0px; text-align: center;font-size: 14px;line-height: 100%;font-weight: bold;color: #000 !important;background-color: #fff; }
.exptd { font-size: 14px;line-height: 120%; color: #000000; padding: 12px 10px;text-align: left;font-weight: normal;width: 30%; }
.exptdL { font-size: 14px;line-height: 120%; color: #000000; padding: 12px 10px;border-left: #ffffff 2px solid;text-align: left;font-weight: normal;width: 20%;vertical-align: top;background: #e4eff5;color: #000 !important; }
.exptdR { font-size: 14px;line-height: 120%; color: #000000; padding: 12px 10px;border-right: #ffffff 2px solid;text-align: left;font-weight: normal;width: 30%;color: #000 !important; }
.expdis { text-decoration: line-through; color: #7A7A7A; }
.expprice { font-weight: bold;font-size: 110%;color: #000; }
.exprecom { background: #fe4a50;width: auto;font-size: 12px;font-weight: bold;line-height: 100%; color: #ffffff;padding: 6px 10px;display: inline-block;vertical-align: top;text-align: center;border-radius: 20px; }



.newplantablewidth { width: 70%; max-width: 1000px; }
.pagetablewidth { width: 88%; max-width: 1600px; }
.frametitle { width: 100%;display: inline-block;padding: 25px 0px 15px 0px; }
.frametab { background-image: url(tabline.jpg);background-position: bottom;background-repeat: no-repeat;padding-bottom: 2px; }
.frametabsupreme { background-image: url(tabline3s.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;position: relative; }
.topmainslidermob { display: none; }

.topmainsliderpc2 { width: 100%;max-width: 1600px;height: 275px;background-size: cover;background-position: center; display: inline-block; }
.topmainslidermob2 { display: none; }

.hstitle { font-size: 30px;line-height: 100%;font-weight: bold;width: auto;display: inline-block;vertical-align: top; }
.hstitle2 { font-size: 24px;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; }
.tabon { text-align: center; 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 { text-align: center;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; }
.supremetabon { font-size: 16px;line-height: 120%;font-weight: bold;padding: 12px 35px;color:#fff;display: table-cell;width: auto;background-image: url(bg_3sbutton.jpg);background-size: cover;background-position: center; }
.supremetaboff { 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; }
.supremetaboff:hover { background: #fff8e9; }
.hsprice1 { font-size: 40px;line-height: 100%;display: inline-block;font-weight: bold;padding: 40px 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 25px;font-size: 22px;line-height: 120%;font-weight: bold; }
.hsofferulen { list-style-image: url('pt.png');padding: 40px 0px 0px 25px;font-size: 20px;line-height: 120%;font-weight: bold; }
.hsofferulsp { list-style-image: url('pt-sp.png');padding: 40px 0px 0px 20px;font-size: 22px;line-height: 120%;font-weight: bold; }
.hsofferulspen { list-style-image: url('pt-sp.png');padding: 40px 0px 0px 20px;font-size: 20px;line-height: 120%;font-weight: bold; }
.hsofferli { padding: 3px 0px 10px 0px; }
.hsofferbut { background: #774fda;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: 100px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;cursor: pointer; }
.hsofferbut:hover { background: #8635dd; }
.hsofferlibold { font-size: inherit;line-height: inherit;color: #774fda; }
.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; }
.plantablewidthcol1full { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol2 { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol2new { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol3 { width: 88%;padding-bottom: 10px;max-width: 1600px; }
.plantablewidthcol3new { 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; }
.plantablewidthcol6 { 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;  }
.frameplancol1full { width: 100%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative; }
.frameplancol2 { width: 40%;display: inline-block;margin: 0px;vertical-align: top;scroll-snap-align: center;position: relative;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%); }
.frameplancol3 { width: 32.6%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%); }
.frameplancol4 { width: 24.25%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%); }
.frameplancol5 { width: 19.2%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%); }
.frameplancol6 { width: 15.8%;display: inline-block;margin: 0px;vertical-align: top;float: left;scroll-snap-align: center;position: relative;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%); }
.frameplanspace { width: 1%;display: inline-block;margin: 0px;vertical-align: top;float: left; }
.frameplantitle { width: 99.1%;display: inline-block;font-size: 14px;font-weight: bold;line-height: 120%;padding: 8px 0px 8px 5px;background: #dbdbdb; text-align: center; }

.framehsmain1 { width: 90%;display: inline-block; }
.framehsmain1new { width: 98%;display: inline-block;padding-top: 3px; }
.hsrow1space { width: 1%;height:140px;display: inline-block;vertical-align: middle;margin: 0px; }
.hsrow1 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px;padding-top: 15px; }
.hsrow1new { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px; }
.hsrow1databold { font-size: 30px;line-height: 140%;font-weight: bold;color: #7337a8; }
.hsrow1databoldnew { font-size: 30px;line-height: 100%;font-weight: bold;color: #7337a8; }
.hsaddoffer { height: 60px;display: inline-block;font-size: inherit;line-height: 120%;padding: 10px 0px; }
.hsrow1datalineprc { color: #000;font-size: 18px;text-decoration: line-through; }
.hsrow1databolddis { text-decoration: line-through;color: #7a7a7a; }
            
.framehsmain2 { width: 90%;display: inline-block;border-bottom: #dbdbdb 2px solid;padding: 15px 0px; }
.framehsmain2new { width: 100%;display: inline-block;border-bottom: #dbdbdb 2px solid;text-align: left; }
.framehsmain2new2 { width: 100%;display: inline-block;text-align: left; }
.hsrow2 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px;color: #000000; }
.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; }
.hsrow2priceboldnew { font-size: 30px;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: 10px 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%; }

.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: 100%;display: inline-block;padding: 5px 0px;height: 20px; }
.hsoffrow1txt2frame { width: 100%;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: 0px 0px 10px 0px; }
.hsoffrow2 { width: 100%;height:auto;display: inline-block;vertical-align: top;margin: 0px;color: #000; }
.hsoffrow2frame { width: 100%;display: inline-block;margin: 5px 0px 0px 0px;line-height: 120%;color: #000; }

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

.framefreeitem { width: 48.5%;display: inline-block;border: #dbdbdb 2px solid;text-align: center;vertical-align: top;position: relative; margin: 0px 2px 15px 2px;float: left; }
.framefreeitemspace { width: 1%;display: inline-block;vertical-align: top;float: left; }
.freeicon { /*background-image: url(bgfree.jpg);background-size: cover;*/ background-color: #774fda;border-radius: 3px; 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: #000;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; }

.spectable { border-collapse: collapse; border: 2px solid #000000; padding: 0px; text-align: center;font-size: 16px;line-height: 100%;font-weight: bold; }
.spectitletd { font-size: 14px;line-height: 120%; color: #8e8e8e; padding: 12px 10px;border-left: #ffffff 2px solid;text-align: left;font-weight: normal;width: 25%;vertical-align: top; }
.speccontenttd { font-size: 14px;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: #774fda; color: #fff; font-size: 12px; border-radius: 3px; white-space: nowrap;width: auto;display: inline-block;line-height: 100%;vertical-align: -1px; }
.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;color: #000000; }
.framehsothersmain2 { width: 90%;display: inline-block; }
.hsothersframe { width: 49.5%;display: inline-block;float: left; }
			
.hsothersframecol2 { width: 49%;display: inline-block;float: left; }
			
.hsothersframecol3 { width: 32.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;color: #000000; }
.hsothersicon { vertical-align: -3px; }

.navframe { font-size: 16px;display: inline-block; padding: 20px 0px 20px 0px;border-bottom: #000 1px solid;width: 100%; }
.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; }

.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;width: 100%;text-align: center;bottom: 10px;line-height: 120%; }
.plnoptionbannertxten { font-size: 13px; position: absolute;width: 100%;text-align: center;bottom: 8px;line-height: 110%; }


.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: 120px;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: 20px;color: #FFFFFF;font-weight: bold;line-height: 100%;background-color: #000; /*background: url(bg_button.jpg) no-repeat;background-size: 500%;background-position: 0% 100%;*/margin: 0px 0px 0px 0px;padding: 27px 20px;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%;*/ }

.pageorderbutbb { position: absolute;top: 0px;right: 0px;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;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.pageorderbutbb:hover { background: url(bg_button.jpg) no-repeat;background-size: 250%; }
/*.pageorderbut { font-size: 18px;color: #caa3f2;font-weight: bold;line-height: 100%; background-color: #000;border-radius: 10px; margin: 0px 0px 0px 0px;padding: 15px 60px;cursor: pointer;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }*/
.pageorderbut { font-size: 18px;color: #fff;font-weight: bold;line-height: 100%; background-color: #774fda;border-radius: 100px; margin: 0px 0px 0px 0px;padding: 15px 60px;cursor: pointer;display: inline-block;text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.pageorderbut:hover { background-color: #8635dd; }
.pageorderpgbutframe { width: 100%;text-align: center;display: inline-block; }
            
.pageorderpgbut {
    font-size: 18px;color: #fff;font-weight: bold;line-height: 100%;background-color: #774fda;
    border-radius: 100px; margin: 0px 0px 0px 0px;padding: 10px 44px;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-color: #8635dd; }
            
/*.pageorderpgbuttxt {     
    background: linear-gradient(to right, #caa3f2, #b3b2f4, #b4d8f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: block;
    line-height: 126%;
}*/
            
.pageorderpgbuttxt {     
    color: #fff;
    display: inline-block;
    line-height: 126%;
}
            
.pageorderbutsupreme { font-size: 18px;color: #FFFFFF;font-weight: bold;line-height: 100%; background: url(bg_3sbutton.jpg) no-repeat;background-size: cover;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; }
.pageorderbutsupreme:hover { background: url(bg_3sbutton.jpg) no-repeat;background-size: 250%; }
.pageorderpgbutsupreme { font-size: 18px;color: #FFFFFF;font-weight: bold;line-height: 100%; background: url(bg_3sbutton.jpg) no-repeat;background-size: cover;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; }
.pageorderpgbutsupreme:hover { background: url(bg_3sbutton.jpg) no-repeat;background-size: 250%; }

.pageorderhomebut { font-size: 18px;color: #FFFFFF;font-weight: bold;line-height: 100%;background-color: #774fda;border-radius: 100px;/* 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-color: #8635dd;/*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:#caa3f2;font-size: 80%; }

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

.offerappicon { width: 30px;vertical-align: -5px;line-height: inherit; }

.plnoptionframecenter { float: none;margin: 0px 5px 5px 5px; }

.pageorderpgbut3b { font-size: 18px;color: #FFFFFF;font-weight: bold;line-height: 100%; background: url(bgtab3b.jpg) no-repeat;background-size: 100% 100%;background-position: center;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; }
.pageorderpgbut3b:hover { background-size: 150% 150%; }
			
			
/************************************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 ****/
.formheadercolor1 { background-image: url(bgtab.jpg);background-size: cover;background-position: center;color: #fff;font-weight: bold; padding: 5px 0px !important; border-left: #fff 2px solid !important;border-right: #fff 2px solid !important; } 
.formheadercolor1sp { background-image: url(bgtabsp.jpg);background-size: 110% 100%;background-position: center;color: #fff;font-weight: bold; padding: 5px 0px !important; border-left: #fff 2px solid !important;border-right: #fff 2px solid !important; } 
.formheadercolor2 { background-color:#7e7e7e;color: #fff; line-height:140% }
.formtdL { border-left: #fff 2px solid !important; }
.formtdR { border-right: #fff 2px solid !important; }
.formtableframe { border-collapse: collapse; border: 2px solid #dbdbdb; padding: 20px 8px; text-align: center; height: 20px; font-size:16px; }
.formsectionheadline { font-size: 20px;font-weight: bold;line-height: 120%; display: inline-block;width: 100%;color: #000; }

.formformat { float: left; }
.validate_error { display: none; }
.formalerttxt { color: #FF0000; padding-top: 10px; padding-left: 20px }
.formpulldown { 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: 14px;  }
.formradio { display:inline-block; }

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

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

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

.tmpequheadline { font-size: 28px; 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;  }

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

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

.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: 980px }

.displaypc { display: inline }
.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;   }
.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:20px; color:#000000; text-align: center; width: 100%; clear:both; font-weight: bold;   }
#tmptableheadlineen { font-size:20px; color:#000000; text-align: center; width: 100%; clear:both; font-weight: bold;   }

#tmpoffertableheadline { font-size:20px; color:#7b1a80; text-align: center; width: 100%; clear:both; font-weight: bold;   }

.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;   }
#tmpcontentcenter { width:100%; clear:both; text-align:center; color: #000000;   }
#tmpcontentright { width:100%; clear:both; text-align:right; color: #000000;   }
#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%;   }
.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;   }
#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%;   }
#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%;   }
#tmpor { height:150px; width:20px; float:left; font-size:20px; color:#000000; text-align:center; line-height:670%; padding: 0px 5px 0px 5px;   }
#tmppdtcenter { font-size:16px;  width:150px; float:left; text-align:center; color: #000000; padding: 5px 5px 5px 5px;   }
.tmppdtcenter2 { font-size:16px; width:320px; float:left; text-align:center; color: #000000; padding: 5px 5px 5px 5px;   }
.tmppdtphoto { width:100%; }
.tmppdtprice { font-size:11px; color: #000000;   }
.tmpul { width:90%;  }
.tmpli { font-size:18px; color: #D1007B; line-height:150%;  }
#tmpterms { font-size:13px; color: #000000; width:96%;   }
/*-- tariff table --*/
.tmptable { border-collapse: collapse; border: 1px solid #dbdbdb; padding: 5px; text-align: center; height: 20px; font-size:14px; }
.tmptdboth { padding: 5px;   }
.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;   }

/*-- function table --*/
.tmptdfunction { padding: 10px;   }
/*-- button --*/
.tmpmenutxt { font-size: 22px; margin: 10px 15px 10px 15px;   }
.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; }


/************************************************************************************
main sliderVIDEO
*************************************************************************************/

.msstarvideocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 41.7%;
}

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

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

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

.starvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
            
            
/************************************************************************************
square VIDEO
*************************************************************************************/

.sqstarvideocontainer {
    position: relative;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
}

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


/************************************************************************************
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: 500%;
  background-position: 0% 95%;*/
    background-color: #774fda;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    width: 140px;
    height: 42px;
    margin: 10px;
	font-weight: bold;
    border-radius: 100px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.formsubmit:hover {
  /*background: url(bg_button.jpg) no-repeat;
  background-size: 250%;*/
    background-color: #8635dd;
    color: #fff;
}

.formreset {
    background-color: #c9c9c9;
	/*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;
    border-radius: 100px;
}

.formreset:hover {
    background: #c9c9c9;
}



/************************************************************************************
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 {
  background: #FFFFFF;
  width: 100%;
  max-width: 1600px;
  clear: both;
  position: fixed;
  z-index: 999;
  height: 73px;
  border-bottom: #CCCCCC solid 1px;
}

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

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

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

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

#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;
  text-align: 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;
}





/************************************************************************************
HONEYBEE FORM
*************************************************************************************/