.prepaid_sim-wrap{ max-width:1366px; margin:0 auto; }
.prepaid_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;line-height: 1;width: 190px;}
.hs-prepaid-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-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: 143px;height: 178px;margin:0px auto; background:url(../images/sim/shadow-sim.png) center bottom no-repeat; background-size:100% 15px;
padding-bottom:15px;}

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

.txt_more{ color:#000;}
.txt_more:hover{ color:#000; text-decoration:underline;}

.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-prepaid-box-btn{ text-align:center;padding-top: 10px;padding-bottom: 5px;}
	
.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 */
}
#prepaid_sim_menu{ height:133px; width:100%; background:url(../images/prepaid_sim/submenu_sim_bg2.png) center top;}

.onestop_menu_box_set{ width:760px; margin:0 auto;}
.onestop_menu_box_set > li {width:16.666%; list-style: none; display: block; height: auto; float: left; padding: 0; margin: 0; }
.onestop_menu_box_set > li:nth-of-type(1n) {clear: none; }
.onestop_menu_box_set > li:nth-of-type(6n+1) {clear: both;}

li.menu_onestop{height:133px; position: relative; display:block; padding:0 5px;  text-align:center; font-family: db_heavent_cond; color:#616161;}
li.menu_onestop::before{content: ''; position:absolute; z-index:1; width:1px; height: 106px; right:0; top:0; background-image:url(../images/prepaid_sim/onestop_menu_line.jpg);}
li.menu_onestop.fully{}
li.menu_onestop.fully::after{content: ''; position:absolute; z-index:1; width:1px; height: 106px; left:0; top:0; background-image:url(../images/prepaid_sim/onestop_menu_line.jpg);}
li.menu_onestop a{color:#616161;}

.onestop_menu_wrap{position: relative; overflow:auto;}
.onestop_menu_area{position: relative;}

.prepaid_sim_menu{ width:60px; height:50px; background:url(../images/prepaid_sim/submenu_sim.png); margin:0 auto; margin-top:10px;}
.prepaid_sim_menu1{ background-position:0px 0px;}
.prepaid_sim_menu2{ background-position:-60px 0px;}
.prepaid_sim_menu3{ background-position:-120px 0px;}
.prepaid_sim_menu4{ background-position:-180px 0px;}
.prepaid_sim_menu5{ background-position:-240px 0px;}
.prepaid_sim_menu6{ background-position:-300px 0px;}

li.menu_onestop:hover, li.menu_onestop.current { background: url(../images/prepaid_sim/menu_onestop_over.png) center top no-repeat;
background-size: 98%;}
li.menu_onestop:hover .prepaid_sim_menu1, li.menu_onestop.current .prepaid_sim_menu1{ background-position:0px -50px;}
li.menu_onestop:hover .prepaid_sim_menu2, li.menu_onestop.current .prepaid_sim_menu2{ background-position:-60px -50px;}
li.menu_onestop:hover .prepaid_sim_menu3, li.menu_onestop.current .prepaid_sim_menu3{ background-position:-120px -50px;}
li.menu_onestop:hover .prepaid_sim_menu4, li.menu_onestop.current .prepaid_sim_menu4{ background-position:-180px -50px;}
li.menu_onestop:hover .prepaid_sim_menu5, li.menu_onestop.current .prepaid_sim_menu5{ background-position:-240px -50px;}
li.menu_onestop:hover .prepaid_sim_menu6, li.menu_onestop.current .prepaid_sim_menu6{ background-position:-300px -50px;}

li.menu_onestop .onestop_menu_bt{line-height:1.1; font-size:17px; color:#000; font-family: db_heavent_cond;}
li.menu_onestop:hover .onestop_menu_bt, 
li.menu_onestop.current .onestop_menu_bt{font-family: db_heaventmed_cond;}

.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;
}
@media (max-width: 990px){

}
@media screen and (max-width: 800px) {
.hand_touch{ position:absolute; z-index:2; width:60px; height:60px; left:50%; top:40%; margin-left:-30px; margin-top:-30px; background:url(../images/touch.gif) no-repeat center; background-size:100% 100%; border-radius:500px; opacity:0.9; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);}
li.menu_onestop .onestop_menu_bt{line-height:1.2; font-size:16px; color:#000; font-family: db_heavent_cond;}
.onestop_menu_box_set {width: 680px;}
.prepaid_sim-stg {padding: 0; }
#prepaid_sim_menu {margin-bottom: 40px;}
.prepaid_sim-wrap{padding-bottom: 20px; }

.swiper-button-next {right: 0px;}
.swiper-button-prev {left: 0px;}
.hs-prepaid-tab{padding-left: 20px;margin-top: 0px;}
.hs-prepaid-tab-title {float: none;}
.hs-prepaid-tab-line-mb {
height: 3px;
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
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-prepaid-tab-line-pc {
    display: none;
}
}
@media (max-width: 479px){

}
body{background-color: #f7f7f7;}
.section_package{
background-color: #f7f7f7;
background-image: url(../images/prepaid_sim/bg_01.jpg), url(../images/prepaid_sim/bg_02.jpg);
background-position: center top, center bottom;
background-repeat: no-repeat, no-repeat;
padding-top: 20px;}
.section-box-out-sd {
    width: 100%;
	max-width: 220px;
    padding-bottom: 23px;
    margin: 0 auto;
    margin-bottom:10px;
    background: url(../images/index/bg_sd.png) bottom no-repeat;
}