﻿.hero_banner{}
.hero_banner-sub{ padding:5px;}
.hero_banner-sub-box{padding:5px;}
.section_package{ background-color:#f7f7f7;}

.home-prepaid_sim-wrap{ max-width:1366px; margin:0 auto; background:url(../images/index/prepaid_sim_bg.jpg) left top no-repeat; }
.home-prepaid_sim-stg{ max-width:1240px; margin:0 auto; padding:25px;}

.home-device_sim-wrap{ max-width:1366px; margin:0 auto;  }
.home-device_sim-stg{ max-width:1240px; margin:0 auto; padding:25px;}

.hs-prepaid-tab{margin-top: 40px;}
.hs-prepaid-tab-title{font-size:25px;font-family:db_heavent_cond;float: none;line-height: 1; margin-right:20px; }

.hs-prepaid-tab-title b{font-size:25px;font-family:db_heaventmed_cond;}

.hs-device-tab-title{font-size:25px;font-family:db_heavent_cond; display: inline-block;line-height: 1;margin-bottom: 10px;}
.hs-device-tab-title b{font-size:25px;font-family:db_heaventmed_cond; }

.hs-red-tab-line{height:5px; width:58px; margin-top:-1px; background-color:#df3059; position: absolute;}
.hs-green-tab-line{height:5px; width:58px; margin-top:-1px; background-color:#2ab9a5; position: absolute;}
.hs-yellow-tab-line{height:5px; width:58px; margin-top:-1px; background-color:#f3c613; position: absolute;}
.hs-orange-tab-line{height:5px; width:58px; margin-top:-1px; background-color:#ff9a16; position: absolute;}
.hs-lightgreen-tab-line{height:5px; width:58px; margin-top:-1px; background-color:#b2d234; position: absolute;}

.hs-prepaid-tab-nav{ display:inline-block; margin-right: 15px; background-color:#e7e7e7;font-size:17px; font-family:db_heavent_cond;padding: 2px 10px;}
.hs-prepaid-tab-nav:hover{ cursor:pointer; text-decoration:underline;}
.hs-prepaid-tab-nav.current{background-color:#df3059;color:#fff;}
.hs-prepaid-tab-line-mb { display:none;}
.hs-prepaid-tab-line-pc{ height:3px; width:100%; margin-top:10px; margin-bottom:30px; background-color:#ededed; position:relative;}
.hs-prepaid-tab-line-pc-in{height:5px; width:58px; margin-top:-1px; background-color:#df3059; position: absolute;}
.hs-prepaid-tab-nav-in{margin-top: 10px;}
.hs-prepaid-box{ width:220px; background-color:#fff; margin:0 auto; }
.hs-prepaid-box-inner{ width:100%; height:100%; /*background:url(../images/index/btn_heart.png) top right no-repeat;*/}

.hs-prepaid-favorite-wrap{    position: relative; height:30px;width: 100%;}
.hs-prepaid-favorite1{
	display:none;
	cursor:pointer;
	width: 25px;
    height: 22px;
    position: absolute;
    top: 10px;
    right: 10px;background:url(../images/index/favorite.png);}
.hs-prepaid-img{ text-align:center; width: 150px;height: 180px;margin:0px auto;}

.hs-prepaid-box-title{ font-size:20px;font-family:db_heaventmed_cond; text-align:center; line-height: 1.4; padding-top: 20px; padding-left:10px; padding-right:10px;}
.hs-prepaid-box-desc{ font-size:17px;font-family:db_heavent_cond;  text-align:center; line-height: 1.3; padding-left:10px; padding-right:10px;}

.hs-btn_detail{ font-size:17px; font-family:db_heavent_cond; text-align:center;border:1px solid #b2d234; width:100px; line-height:35px; color:#161616; display: inline-block;}
.hs-btn_buy{font-size:17px; font-family:db_heaventmed_cond; text-align:center;border:1px solid #b2d234; background-color:#b2d234; width:100px; line-height:35px; color:#161616; display: inline-block;}
.hs-btn_buy.btn140{ width:140px;}

.hs-wrap-num{font-size:17px; font-family:db_heaventmed_cond; text-align:center;/*border:1px solid #b2d234;*/ background-color:#e5e5e5; width:100px; line-height:37px; color:#161616; display: block;margin: 0 auto; margin-top:10px; }
/*.hs-btn_detail:hover{color:#161616; text-decoration:underline;}*/
.hs-btn_buy.btnen, .hs-wrap-num.btnen{ width:140px;}

.hs-prepaid-box:hover{ width:220px; background:url(../images/index/bg_prepaid_on.jpg) top center;}
.hs-prepaid-box:hover .hs-prepaid-box-title{ font-size:20px;font-family:db_heaventmed_cond; text-align:center; line-height: 1.4; padding-top: 20px; padding-left:10px; padding-right:10px; color:#fff;}
.hs-prepaid-box:hover .hs-prepaid-box-desc{ font-size:17px;font-family:db_heavent_cond;  text-align:center; line-height: 1.3; padding-left:10px; padding-right:10px; color:#fff;}
.hs-prepaid-box:hover .hs-btn_detail{ font-size:17px; font-family:db_heavent_cond; text-align:center;border:1px solid #fff; width:100px; line-height:35px; color:#fff; display: inline-block;}
.hs-prepaid-box:hover .hs-btn_buy{font-size:17px; font-family:db_heaventmed_cond; text-align:center;border:1px solid #b2d234; background-color:#b2d234; width:100px; line-height:35px; color:#161616; display: inline-block;}
.hs-prepaid-box:hover .hs-btn_detail:hover{color:#161616; background:#fff; border:1px solid #fff;}
.hs-prepaid-box:hover .hs-btn_buy:hover{color:#161616; background:#fff; border:1px solid #fff;}

.hs-prepaid-box:hover .hs-prepaid-box-inner{ /*transform: scale(1.1);*/}

.hs-prepaid-box.current{ width:220px; height:365px; margin-bottom:20px; background:url(../images/index/bg_prepaid_on.jpg) top center;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);}
.hs-prepaid-box.current .hs-prepaid-box-title{ font-size:20px;font-family:db_heaventmed_cond; text-align:center; line-height: 1.4; padding-top: 20px; padding-left:10px; padding-right:10px; color:#fff;}
.hs-prepaid-box.current .hs-prepaid-box-desc{ font-size:17px;font-family:db_heavent_cond;  text-align:center; line-height: 1.3; padding-left:10px; padding-right:10px; color:#fff;}
.hs-prepaid-box.current .hs-btn_detail{ font-size:17px; font-family:db_heavent_cond; text-align:center;border:1px solid #fff; width:100px; line-height:35px; color:#fff; display: inline-block;}
.hs-prepaid-box.current .hs-btn_buy{font-size:17px; font-family:db_heaventmed_cond; text-align:center;border:1px solid #b2d234; background-color:#b2d234; width:100px; line-height:35px; color:#161616; display: inline-block;}
.hs-prepaid-box.current .hs-btn_detail:hover{color:#fff;}
.hs-prepaid-box.current .hs-btn_buy:hover{color:#161616;}

.hs-prepaid-more-wrap{ text-align:center;font-size: 20px;font-family: db_heaventmed_cond;}
.hs-prepaid-more-wrap:hover{ text-align:center;font-size: 20px;font-family: db_heaventmed_cond;}

.box-shadow10{-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);}
.border-radius5{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}
.swiper-button-next{
   background-size: 47px 48px;
    position: absolute;
    z-index: 10;
    top: 43%;
    width: 47px;
    height: 48px;
    right: -20px;
    background-image: url(../images/gbp_howto_next.png);
}
.swiper-button-prev {
   background-size: 47px 48px;
    position: absolute;
    z-index: 10;
    top: 43%;
    width: 47px;
    height: 48px;
	left: -20px;
    cursor: pointer;
	background-image: url(../images/gbp_howto_back.png);
}
.swiper-button-prev:hover{background-image:url(../images/gbp_howto_back_on.png);}
.swiper-button-next:hover{background-image:url(../images/gbp_howto_next_on.png);}
.hs-sim-content, .hs-main_pack-content, .hs-topup_pack-content{ width:100%; position:relative; display:none;}

.txt_more{ color:#000;}
.txt_more:hover{ color:#000; text-decoration:underline;}

.hs-device-box{ width:220px; /*height:365px;*/ /*background:url(../images/index/hs_device_bg.png) top right;*/ background-color:#fff; margin:0 auto; position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.hs-device-box:hover{ width:220px; /*height:365px;*/ background:url(../images/index/hs_device_bg_over.png) #d82e56 top right no-repeat; margin:0 auto; position:relative;}
.hs-device-box:hover .hs-btn_detail:hover{color:#161616; background:#fff; border:1px solid #fff;}
.hs-device-box:hover .hs-btn_buy:hover{color:#161616; background:#fff; border:1px solid #fff;}
.hs-device-box-sd{ width:220px; height:23px; background:url(../images/index/bg_sd.png); margin:0 auto;}
.hs-device-img {
	padding-top: 13px;
     text-align: center;
    position: relative;
    width: 155px;
    /*height: 240px;*/
	    padding-bottom: 20px;
    margin: 0px auto; /*background:url(../images/index/device_sd.png);*/
}
.hs-device-img img{ max-width:120px;
/*position: absolute;
    top: -40px;
	    left: 50%;
    margin-left: -60px;*/
-webkit-filter: drop-shadow(0px 3px 10px #444);
  filter: drop-shadow(0px 3px 10px #444);}
.hs-device-tab-line-pc{ height:3px; width:100%; margin-top:10px; margin-bottom:30px; background-color:#ededed; position:relative;}
.hs-service-tab-line-pc{ height:3px; width:100%; margin-top:10px; margin-bottom:25px; position:relative;}

.hs-device-box-title {
    font-size: 20px;
    font-family: db_heaventmed_cond;
    text-align: center;
    line-height: 1.4;
	    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.hs-device-favorite1 {
	display:none;
    cursor: pointer;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 13px;
    right: 10px;
    background: url(../images/index/favorite.png);
}
.hs-device-favorite1:hover {
    /*background-position:0 -44px;*/
}
.hs-device-box:hover .hs-device-favorite1{
    background-position:0 -44px;
}
.hs-device-box.current .hs-device-favorite1 {
    cursor: pointer;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 53px;
    right: 10px;
    background: url(../images/index/favorite.png);
	background-position:0 -44px;
}
.hs-device-col1 {
    font-size: 17px;
    font-family: db_heavent_cond;
    text-align: right;
    line-height: 1;
	display: inline-block;
	width:100px;
}
.hs-device-col2 {
    font-size: 28px;
    font-family:akrobatregular;
font-weight: bold;
    text-align: right;
    line-height: 1;
	display: inline-block;
	width:85px; color:#2ab9a5;
}
.hs-device-box:hover .hs-device-box-title
,.hs-device-box:hover .hs-device-col1
,.hs-device-box:hover .hs-device-col2{color: #fff;}
.hs-device-box-out{    /*margin-top: 80px;*/
display: block;margin-bottom: 20px;}

.ul-product-detail{ padding:10px; display:none;}
.ul-product-detail li{ list-style: disc;
    margin-left: 20px;
	font-size: 17px;
    font-family: db_heavent_cond;
    line-height: 1.4;}
.hs-device-box:hover .ul-product-detail li{ color:#fff;}
.loadmore-txt{font-size: 17px; color:#8a8a8a; background:url(../images/loadmore.gif) center top no-repeat; width: 75px;
    padding-top: 25px;
    text-align: center;
    margin: 0 auto;
	margin-top:20px;
    font-family: db_heavent_cond; cursor:pointer; display:none;}
@media (max-width: 1024px){
.hs-device-box ,.hs-device-box:hover {
    width: 100%;}
.hs-device-box-out {
    width: 90%;background-size: 100%;margin-left: auto;
    margin-right: auto;
}
}
.hs-btn_detail {
    font-size: 17px;
    font-family: db_heavent_cond;
    text-align: center;
    border: 1px solid #b2d234;
    width: 100px;
    line-height: 35px;
    color: #161616;
    display: inline-block;
}
.hs-device-box:hover .hs-btn_detail {
    font-size: 17px;
    font-family: db_heavent_cond;
    text-align: center;
    border: 1px solid #fff;
    width: 100px;
    line-height: 35px;
    color: #fff;
    display: inline-block;
}
.hs-prepaid-box-btn{ text-align:center;padding-top: 10px;padding-bottom: 5px;}
.hs-device-box-btn{ text-align:center;padding-top: 10px;padding-bottom: 5px;}
.hs-device-content{ width:100%; position:relative;}
.t_main_pack_center{ text-align:center; margin-left: -15px;margin-right: -15px;}

.containing-table {
    display: table;
    width: 100%;
    height: 400px; /* for demo only */
    border: 1px dotted blue;
}
.centre-align {
    padding: 10px;
    border: 1px dashed gray;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.content {
    width: 50px;
    height: 50px;
    background-color: red;
    display: inline-block;
    vertical-align: top; /* Removes the extra white space below the baseline */
}
/*hs-main_pack*/
.home-main_pack-wrap{ max-width:1366px; margin:0 auto;  }
.home-main_pack-stg{ max-width:1240px; margin:0 auto; padding:25px;}
.hs-main_pack-tab-nav{ display:inline-block; margin-right: 15px; background-color:#e7e7e7;font-size:17px; font-family:db_heavent_cond;padding: 2px 10px;}
.hs-main_pack-tab-nav:hover{ cursor:pointer; text-decoration:underline;}
.hs-main_pack-tab-nav.current{ background-color:#f3c613;color:#fff;}
.hs-main_pack-box{ width:220px; height:auto; background-color:#fff; margin:0 auto;}

.hs-main_pack-box-top{background-color:#f3c613; position:relative; padding:15px 15px 10px 15px;}
.hs-main_pack-box-mid{}
.hs-main_pack-box-bottom{text-align: center;padding-top: 10px; padding-bottom:5px;}
/*hs-device*/

.hs-device-tab-nav{ display:inline-block; margin-right: 15px; background-color:#e7e7e7; color:#000; font-size:17px; font-family:db_heavent_cond;padding: 2px 10px;}
.hs-device-tab-nav:hover{ cursor:pointer; text-decoration:underline;}
.hs-device-tab-nav.current{ background-color:#2ab9a5;color:#fff;}
.hs-device-box{ width:220px; background-color:#fff; margin:0 auto;}

.hs-device-box-top{ position:relative; }
.hs-device-box-mid{}
.hs-device-box-bottom{text-align: center;padding-top: 10px; padding-bottom:5px;}

.hs-main_pack-favorite1 { display:none;
    cursor: pointer;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 9px;
    right: 9px;
    background: url(../images/index/favorite.png);
	background-position:0 -66px;
}
.hs-main_pack-favorite1:hover {background-position:0 0px;}
.hs-main_pack-title1{font-size: 20px;font-family: db_heaventmed_cond; color:#fff;}
.hs-main_pack-title2{font-size: 17px;font-family: db_heavent_cond;line-height: 1.4;}
.hs-main_pack-title3{font-size:135px; line-height: 1;font-family:akrobatregular; color:#000384; display:inline-block; font-weight:bold;}
.hs-main_pack-title3_1{font-size:110px; line-height: 1;font-family:akrobatregular; color:#000384; display:inline-block; letter-spacing:-4px;font-weight:bold;}
.hs-main_pack-title3_2{font-size:90px; line-height: 1;font-family:akrobatregular; color:#000384; display:inline-block; letter-spacing:-3px;font-weight:bold;}
.hs-main_pack-title5{font-size: 14px;font-family: db_heavent_cond; line-height: 1.4;}
.hs-main_pack-desc{font-size:17px;font-family: db_heavent_cond;}
.hs-main_pack-desc-num{font-size:25px;font-family: akrobatregular;font-weight: bold; color:#df3059;line-height: 26px;}
.hs-main_pack-desc-txt{font-size:25px;font-family: db_heaventmed_cond; color:#df3059;line-height: 26px;}
.hs-main_pack-col1{ width:50%; background-color:#e6e6e6;float: left;display: block; text-align:center; padding: 5px 0; min-height: 95.5px;}
.hs-main_pack-col2{ width:50%; background-color:#efefef;float: left;display: block; text-align:center; padding: 5px 0; min-height: 95.5px;}
.hs-main_pack-box:hover .hs-main_pack-title3, .hs-main_pack-box:hover .hs-main_pack-title3_1, .hs-main_pack-box:hover .hs-main_pack-title3_2,
.hs-main_pack-box:hover .hs-main_pack-title5, .hs-main_pack-box:hover .hs-main_pack-title4{color:#fff;}
.hs-main_pack-box:hover{ width:220px; background: url(../images/index/hs_device_bg_over.png) #d82e56 top right no-repeat; margin:0 auto;}
.hs-main_pack-box:hover .hs-main_pack-box-top{background:none; }
.hs-main_pack-box:hover .hs-main_pack-col1{ width:50%; background-color:#ffd016;float: left;display: block; text-align:center;}
.hs-main_pack-box:hover .hs-main_pack-col2{ width:50%; background-color:#ffdd57;float: left;display: block; text-align:center;}
.hs-main_pack-box:hover .hs-main_pack-favorite1 {
    cursor: pointer;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 17px;
    right: 9px;
    background: url(../images/index/favorite.png);
    background-position:0 0px;
}
.hs-main_pack-box:hover .hs-btn_detail{ font-size:17px; font-family:db_heavent_cond; text-align:center;border:1px solid #fff; width:100px; line-height:35px; color:#fff; display: inline-block;}
.hs-main_pack-box:hover .hs-main_pack-title2 {font-size: 17px;font-family: db_heavent_cond; color:#fff;}
.hs-main_pack-box:hover .hs-btn_detail:hover{color:#161616; background:#fff; border:1px solid #fff;}
.hs-main_pack-box:hover .hs-btn_buy:hover{color:#161616; background:#fff; border:1px solid #fff;}
/*hs-main_pack*/
/*hs-topup_pack*/
.t_topup_pack_center{text-align: center;margin-left: -15px;margin-right: -15px;}
.home-topup_pack-wrap{ max-width:1366px; margin:0 auto;  }
.home-topup_pack-stg{ max-width:1240px; margin:0 auto; padding:25px;}
.hs-topup_pack-tab-nav{ color: #000; display:inline-block; margin-right: 15px; background-color:#e7e7e7;font-size:17px; font-family:db_heavent_cond;padding: 2px 10px;}
.hs-topup_pack-tab-nav:hover{ cursor:pointer; text-decoration:underline;}
.hs-topup_pack-tab-nav.current{ background-color:#ff7316;color:#fff;}
.hs-topup_pack-box{ width:220px; background-color:#fff; margin:0 auto;}
.hs-topup_pack-box-top{background-color:#ff9a16; position:relative; padding:15px 15px 10px 15px;}
.hs-topup_pack-box-mid{}
.hs-topup_pack-box-bottom{text-align: center;padding-top: 10px; padding-bottom:5px;}
.hs-topup_pack-box-bottom2{text-align: center;padding-top: 10px; height: 47px;}
.hs-topup_pack-favorite1 { display:none;
    cursor: pointer;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 9px;
    right: 9px;
    background: url(../images/index/favorite.png);
    background-position:0 -66px;
}
.hs-topup_pack-favorite1:hover {background-position:0 0px;}
.hs-topup_pack-title1{font-size: 20px;line-height: 1.4;font-family: db_heaventmed_cond; color:#fff;}
.hs-topup_pack-title2{font-size: 16px; line-height: 1.4;font-family: db_heavent_cond;}
.hs-topup_pack-title3{font-size:125px; line-height: 1;font-family:akrobatregular; color:#fff; display:inline-block; font-weight:bold;}
.hs-topup_pack-title3_1{font-size:90px; line-height: 1;font-family:akrobatregular; color:#fff; display:inline-block; font-weight:bold;}
.hs-topup_pack-title3_2{font-size:70px; line-height: 1;font-family:akrobatregular; color:#fff; display:inline-block;font-weight:bold;}
.hs-topup_pack-title4{font-size:40px; line-height: 1;font-family:db_heaventmed_cond; color:#fff;display:inline-block;}
.hs-main_pack-title4{font-size:27px;font-family:db_heaventmed_cond; color:#fff;display:inline-block;}
.hs-main_pack-title4.fontblue{ color:#000384;}

.hs-topup_pack-time1{font-size: 37px; line-height: 1.3;font-family: db_heaventmed_cond; color:#fff; text-align:center;}
.hs-topup_pack-time2{font-size: 30px; line-height: 1.3;font-family: db_heaventmed_cond; color:#fff; text-align:center;}
.hs-main_pack-time2{font-size: 40px;
    line-height: 1.4;
    font-family: akrobatregular;
    color: #000384;
    display: inline-block;
    font-weight: bold;}
.hs-main_pack-box:hover .hs-main_pack-time2{color:#fff;}
.hs-topup_pack-title5{font-size:14px; line-height:1.4;font-family:db_heavent_cond; color:#000;}
.hs-topup_pack-desc{font-size:17px;font-family: db_heavent_cond;}
.hs-topup_pack-desc-num{font-size:25px;font-family: akrobatregular;font-weight: bold; color:#000;line-height: 26px;}
.hs-topup_pack-desc-txt{font-size:25px;font-family: db_heaventmed_cond; color:#df3059;line-height: 26px;}
.hs-topup_pack-col1{ width:50%; background-color:#e6e6e6;float: left;display: block; text-align:center; padding: 5px 0;}
.hs-topup_pack-col2{ width:50%; background-color:#efefef;float: left;display: block; text-align:center; padding: 5px 0;}

.hs-topup_pack-box:hover .hs-topup_pack-title3, .hs-topup_pack-box:hover .hs-topup_pack-title3_1{color:#fff;}
.hs-topup_pack-box:hover{ /*width:220px; background:url(../images/index/bg_main_pack.jpg) center top; margin:0 auto;*/
background: url(../images/index/hs_device_bg_over.png) #d82e56 top right no-repeat;
    margin: 0 auto;
    position: relative;
	width: 100%;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.hs-topup_pack-box:hover .hs-topup_pack-box-top{background:none; }
.hs-topup_pack-box:hover .hs-topup_pack-col1{ width:50%; background-color:#ffd016;float: left;display: block; text-align:center;}
.hs-topup_pack-box:hover .hs-topup_pack-col2{ width:50%; background-color:#ffdd57;float: left;display: block; text-align:center;}
.hs-topup_pack-box:hover .hs-topup_pack-favorite1 {
    cursor: pointer;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 17px;
    right: 9px;
    background: url(../images/index/favorite.png);
    background-position:0 0px;
}
.hs-topup_pack-box:hover .hs-btn_detail{ font-size:17px; font-family:db_heavent_cond; text-align:center;border:1px solid #fff; width:100px; line-height:35px; color:#fff; display: inline-block;}
.hs-topup_pack-box:hover .hs-topup_pack-title2,.hs-topup_pack-box:hover .hs-topup_pack-title5 {font-family: db_heavent_cond; color:#fff;}
.hs-topup_pack-box:hover .hs-btn_detail:hover{color:#161616; background:#fff; border:1px solid #fff;}
.hs-topup_pack-box:hover .hs-btn_buy:hover{color:#161616; background:#fff; border:1px solid #fff;}
/*hs-topup_pack*/
.home_service{ background-color:#fff;}
.home-home_service-wrap{ max-width:1366px; margin:0 auto;  }
.home-home_service-stg{ max-width:1240px; margin:0 auto; padding:25px;}
.home-service-one {
    width: calc(100% - 455px);
    float: left;
    height: 100%;
}
.home-service-two {
	background:url(../images/index/bg1175.png);
    width: 455px;
	height:383px;
    float: right;
	margin-right: -35px;
}
/*hs-call*/
.hs-call-box{ width:220px; height:auto;  margin-left:18px; display:block; float:left;}
.hs-call-box-inner{ width:100%; height:190px; background-color:#f7f7f7; position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.hs-call-box-inner2{ width:100%; height:85px; background-color:#f7f7f7; position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.hs-ic_service{background:url(../images/index/home_ic_service.png); width:66px; height:66px; position:absolute;left: -15px;top: 10px;}
.hs-ic_service1{background-position:0px 0px}
.hs-ic_service2{background-position:-66px 0px}
.hs-ic_service3{background-position:-132px 0px}
.hs-ic_service4{background-position:-198px 0px}
.hs-ic_service5{background-position:-264px 0px}
.hs-ic_service6{background-position:-330px 0px}
.hs-ic_service7{background-position:-396px 0px}
.hs-ic_service8{background-position:-462px 0px}
.hs-ic_service9{background-position:-528px 0px}

.hs-call-box-title {
font-size: 80px;
padding-top: 20px;
font-family: akrobatblack;
text-align: center;
line-height:1;
letter-spacing: 3px;
width: 100%;
color: #b2d234;
}
.hs-call-box-desc {
padding-right: 10px;
font-size: 17px;
font-family: db_heavent_cond;
line-height: 1.3;
padding-left: 60px;
padding-top:20px;
color:#000;
}
.hs-call-box-desc2 {
padding-right: 10px;
font-size: 17px;
font-family: db_heavent_cond;
line-height: 1.3;
padding-left: 60px;
padding-top:30px;
color:#000;
}
.hs-call-box-title2 {
display: inline-block;
line-height:60px;
vertical-align: text-bottom;
}
.hs-call-box-txt {
font-size: 60px;
padding-top: 35px;
font-family: akrobatblack;
text-align: center;
line-height:1;
letter-spacing: 3px;
width: 100%;
color: #b2d234;
}

.hs-call-box-inner:hover,.hs-call-box-inner2:hover {background-color:#b2d234;}
.hs-call-box-inner:hover .hs-ic_service1{background-position:0px -66px}
.hs-call-box-inner:hover .hs-ic_service2{background-position:-66px -66px}
.hs-call-box-inner:hover .hs-ic_service3{background-position:-132px -66px}
.hs-call-box-inner:hover .hs-ic_service4{background-position:-198px -66px}
.hs-call-box-inner:hover .hs-ic_service5{background-position:-264px -66px}
.hs-call-box-inner:hover .hs-ic_service6{background-position:-330px -66px}
.hs-call-box-inner2:hover .hs-ic_service7{background-position:-396px -66px}
.hs-call-box-inner2:hover .hs-ic_service8{background-position:-462px -66px}
.hs-call-box-inner2:hover .hs-ic_service9{background-position:-528px -66px}
.hs-call-box-inner:hover .hs-call-box-title {color: #000;}
.hs-call-box-inner:hover .hs-call-box-txt {color: #000;}

.hs-callc-txt1 {
font-size: 30px;
padding-top: 50px;
font-family: akrobatregular;
font-weight: bold;
line-height:1;
width: 100%;
color: #000;
}
.hs-callc-txt2{
font-size: 130px;
padding-top: 0;
font-family: akrobatblack;
line-height: 1;
letter-spacing: 3px;
width: 100%;
color: #b2d234;
}
.hs-callc-txt3 {
font-size: 21px;
width: 205px;
padding-top: 0;
font-family: db_heavent_cond;
text-align: center;
line-height: 1;
color: #000;padding-bottom: 18px;
}
.hs-ic_call_wrap{ width:230px; height: 60px;}
.hs-ic_call{ background:url(../images/index/home_ic_callcenter.png);
height: 45px;width:45px;
margin:0 3px;
display: block;
float: left;}
.hs-ic_call1{background-position:0px -45px;}
.hs-ic_call2{background-position:-45px -45px;}
.hs-ic_call3{background-position:-90px -45px;}
.hs-ic_call4{background-position:-135px -45px;}
.hs-ic_call:hover{ cursor:pointer;}
.hs-ic_call1:hover{background-position:0px 0px;}
.hs-ic_call2:hover{background-position:-45px 0px;}
.hs-ic_call3:hover{background-position:-90px 0px;}
.hs-ic_call4:hover{background-position:-135px 0px;}
.hs-service-box-sd {
width: 100%;
height: 23px;
background: url(../images/index/bg_sd.png);
margin: 0 auto;
}
.hs-device-box-out .row{ max-width:250px;}
@media (max-width: 1220px){
.home-service-one {
    width: calc(100% - 380px);
}
.home-service-two {
    width: 380px;
}
}
@media (max-width: 1200px){
.home-service-one {
width: 720px;
float: none;
height: 430px;
margin: 0 auto;
}
.home-service-two {
background: url(../images/index/bg1175.png);
width: 455px;
height: 383px;
float: none;
margin-right: 0;
margin: 0 auto;
}
}
@media (max-width: 750px){
    .hs-call-box-title {
    font-size: 70px;}
.home-service-one {width: 100%;height: 500px;}
.hs-call-box {
    width: 30%;
}
.home-service-two {
background: url(../images/index/bg1175.png);
width: 455px;
height: 383px;
float: none;
margin-right: 0;
margin: 0 auto;
}
}
@media (max-width: 640px){

    .hs-call-box-title,.hs-call-box-txt {
    font-size: 55px;
}
.hero_banner-sub{ padding:20px 0px;}
.hero_banner-sub-box{padding:0px;}
.home-prepaid_sim-stg, .home-device_sim-stg, .home-main_pack-stg, .home-topup_pack-stg{ padding:25px 0;}
.swiper-button-next {right: 0px;}
.swiper-button-prev {left: 0px;}
.hs-prepaid-tab, .hs-main_pack-tab, .hs-topup_pack-tab {padding-left: 20px;margin-top: 0px;}
.hs-device-tab {padding-left: 20px;margin-top: 0px;}
.home-prepaid_sim-wrap {background:none;}
.hs-prepaid-tab-title {float: none;}
.hs-prepaid-tab-line-mb {
height: 3px;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ededed;
position: relative; display:block;
}
.hs-prepaid-tab-nav-in{width: 730px; margin-bottom:20px;}
.hs-prepaid-tab-nav-wrap{width: 100%;/*overflow-x: scroll;*/}
.hs-main_pack-tab-nav-in{/*width: 780px;*/ margin-bottom:20px;}
.hs-main_pack-tab-nav-wrap{width: 100%;overflow-x: scroll;}
.hs-topup_pack-tab-nav-in{/*width: 1100px;*/ margin-bottom:20px;}
.hs-topup_pack-tab-nav-wrap{width: 100%;/*overflow-x: scroll;*/}
.hs-main_pack-tab-nav,.hs-topup_pack-tab-nav {
    font-size: 14px; margin-right: 10px;
}
.hs-prepaid-tab-line-pc { display:none;}
.hs-device-tab-line-pc {margin-top: 0px;margin-bottom: 5px;}

.hs-call-box-inner {
    height: 160px;}
.home-service-one {width: 95%;height: 475px;}
.home-service-two {
background-size: 70%;
background-position: right;
background-repeat: no-repeat;
width: 100%;
padding-left: 20px;
height: auto;
}
.hs-callc-txt2 {font-size:90px; width: 185px; text-align:center;}
.hs-call-box {
/*width: 165px;*/
height: auto;
margin-left: 13px;
display: block;
float: left;
}
.hs-ic_service {
background: url(../images/index/home_ic_service.png);
width: 35px;
height: 35px;
position: absolute;
left: -15px;
top: 10px;
background-size: 315px 70px;
}
.hs-ic_service1{background-position:0px 0px}
.hs-ic_service2{background-position:-35px 0px}
.hs-ic_service3{background-position:-70px 0px}
.hs-ic_service4{background-position:-105px 0px}
.hs-ic_service5{background-position:-140px 0px}
.hs-ic_service6{background-position:-175px 0px}
.hs-ic_service7{background-position:-210px 0px}
.hs-ic_service8{background-position:-245px 0px}
.hs-ic_service9{background-position:-280px 0px}

.hs-call-box-inner:hover .hs-ic_service1{background-position:0px -35px}
.hs-call-box-inner:hover .hs-ic_service2{background-position:-35px 35px}
.hs-call-box-inner:hover .hs-ic_service3{background-position:-70px -35px}
.hs-call-box-inner:hover .hs-ic_service4{background-position:-105px -35px}
.hs-call-box-inner:hover .hs-ic_service5{background-position:-140px -35px}
.hs-call-box-inner:hover .hs-ic_service6{background-position:-175px -35px}
.hs-call-box-inner2:hover .hs-ic_service7{background-position:-210px -35px}
.hs-call-box-inner2:hover .hs-ic_service8{background-position:-245px -35px}
.hs-call-box-inner2:hover .hs-ic_service9{background-position:-280px -35px}
.hs-call-box-desc {
font-size: 15px;
font-family: db_heavent_cond;
line-height: 1.3;
padding-left: 25px;
padding-top: 15px;
padding-right: 5px;
}
.hs-call-box-desc2 {
font-size: 15px;
font-family: db_heavent_cond;
line-height: 1.3;
padding-left: 25px;
padding-top: 20px;
padding-right: 5px;
}
}
@media (max-width: 479px){
.hs-call-box {
    width: 165px;
}
.home-service-one {
    width: 360px;height: 745px;}
/*.hs-ic_call {height: 40px;width: 40px;background-size: 120px 80px;}
.hs-ic_call1{background-position:0px -40px;}
.hs-ic_call2{background-position:-40px -40px;}
.hs-ic_call3{background-position:-80px -40px;}
.hs-ic_call1:hover{background-position:0px 0px;}
.hs-ic_call2:hover{background-position:-40px 0px;}
.hs-ic_call3:hover{background-position:-80px 0px;}*/


.hs-call-box-title {font-size: 55px;}
.hs-call-box-txt {font-size: 45px;padding-top:25px;}
.hs-call-box-title2 {
display: inline-block;
line-height: 40px;
padding-top: 20px;
vertical-align: text-bottom;
}
.hs-call-box-inner {height: 140px;}
.hs-callc-txt1 {padding-top: 20px;}
.hs-callc-txt3 {
font-size: 18px;
width: 185px;
line-height: 1.2;
}
}
.hs-wrappack-num {
    font-size: 17px;
    font-family: db_heaventmed_cond;
    text-align: center;
    background-color: #e5e5e5;
    line-height: 37px;
    color: #161616;
    display: inline-block;
    margin: 0 auto;
        padding: 0 10px;
	min-width: 140px;
}
.section-box-out-sd {
	width: 220px;
	margin-left: auto;
    margin-right: auto;
	/*padding-left:15px; padding-right:15px;*/
	padding-bottom: 23px;
    margin-bottom: 10px;
    background: url(../images/index/bg_sd.png) bottom no-repeat;
	background-size: 100% 23px;
}
.hs-topup_pack-tab-nav-wrap,.hs-main_pack-tab-nav-wrap{padding-top: 10px;}
#popup_bg {
position: fixed;
z-index: 990;
width: 100%;
height: 3000px;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
}
.Absolute-Center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
    padding: 25px 0;
width: 100%;
height: 100%;
overflow: auto;
position: fixed;
background-color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.popup_close {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #000;
text-align: center;
font-family: 'db_heaventmed_cond';
width: 35px;
height: 35px;
position: absolute;
right: 25px;
top: 10px;
cursor: pointer;
z-index: 999;
color: #fff;
font-size:25px;
line-height: 35px;
}
.popup_close:hover{background-color: #b2d234;}

.pop-txt-title{font-size: 20px;font-family: db_heaventmed_cond;}
.pop-txt-subtitle{font-size: 18px;font-family: db_heaventmed_cond;}
.pop-txt-desc{font-size: 16px;font-family: db_heavent_cond;line-height: 1.4;}
.pop_content_wrap {
    padding: 0 15px;
	height: 100%;
    overflow: auto;
}
.hs-prepaid-tab-line {
    height: 3px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #ededed;
    position: relative;
}
#popup_bg,.Absolute-Center { display:none;}
.hs-main_pack-tab-nav-wrap{padding-top: 10px;}
@media (min-width: 700px){
.Absolute-Center {
width: 700px;
height: 440px;
position: fixed;
overflow: hidden;
}
}
@media (max-width: 1024px){
.section-box-out-sd {
    width: 90%;
	margin-left: auto;
    margin-right: auto;
}
}
.section-box-out-sd {
    width: 100%;
	max-width: 220px;
    padding-bottom: 23px;
    margin: 0 auto;
	/*padding-left:10px;
	padding-right:10px;*/
    margin-bottom:10px;
    background: url(../images/index/bg_sd.png) bottom no-repeat;
}

.section-box-content{ width: 100%; background-color:#fff; margin:0 auto; text-align: center; padding-bottom:15px;}
.section-box-content-top{background-color:#accb31; position:relative;}
.section-box-content-mid{ /*padding:10px 15px;*/padding:10px 10px;
font-size:16px;font-family: db_heavent_cond;line-height: 1.4;}
.btn_green{font-size:17px; font-family:db_heaventmed_cond; text-align:center;background-color:#b2d234; width:100px; line-height:35px; color:#161616; display: inline-block;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.25);}

.section-box-content:hover{background:url(../images/index/bg_prepaid_on.jpg) center top;}
.section-box-content:hover .section-box-content-top{background:none; }
.section-box-content:hover .section-box-content-mid{ color:#fff;}
.section-box-content:hover .btn_green:hover{color:#161616; background:#fff;}
.hs-box_more{background:url(../images/bg_more.jpg) #b2d234 center top no-repeat; width:100%;}
.hs-box_more:hover{background:url(../images/bg_more.jpg) #b2d234 center top no-repeat;}
.hs-box_more .hs-txt_more{    font-size: 24px;
    /* font-family: db_heaventmed_cond; */
    margin-left: 68px;
    margin-top: 74px;}
.hs-topup_img{ text-align:center; margin-top:10px;}
.width-full{ width: 100%; max-width: 999%;}

/*.table_zeed tr td{border-bottom: solid 1px #EDEDED; padding: 5px 0;}*/
.table_zeed tr td{padding: 5px 0;}
.table_zeed tr td .ic{height: 23px; margin-bottom: 5px;}
.table_zeed tr:last-child td{border-bottom: none;}



