@charset "utf-8";
/* CSS Document */
@media (max-width: 1280px)
{
	.customPrevBtn{
		left:30px;
	}
	.customNextBtn{
		right:30px;
	}
}
@media (max-width: 1250px)
{
    .hp4a{
        padding-bottom:250px;
    }
    .hp4a_img{
        height:250px;
    }
}
@media (max-width: 1210px)
{
	
	.popupindex_qb{
		width:calc(100vw - 200px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 200px) / 2 * -1);
	}
    .bx-down2b .bx-wrapper .bx-prev{
        left:20px !important;
    }
    .bx-down2b .bx-wrapper .bx-next{
        right:20px !important;
    }
    .memberoverflow{
        overflow-x:auto;

    }
    .membermaxwidth100{
        width:calc(100vw - 120px);
    }
}
@media (max-width: 1150px)
{
    .tdheaderm1{
        width:205px;
    }
    .hp4a{
        padding-bottom:20vw;
    }
    .hp4a_img{
        height:20vw;
    }
    .hp4body{
        margin-top:-20vw;
    }
    .hp4a_point {
        padding: 0px 10px;
    }
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
    .tdheaderm2{
        display:none;
    }
    .tablehp3 td.tdhp3{
        display:block;
        width:100%;
    }
    .tablehp3 td.tdhp3_1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tdhp3_1point{
        display:inline-block;
        vertical-align: top;
        margin-right:10px;
        padding-bottom:10px;
    }
    .tdhp3_1overflow{
        
        white-space: nowrap;
        overflow-x:auto;
    }
    .tdhp3_1width100{
        max-width: calc(100vw - 60px);
    }
    .hp4a_txt {
        padding: 25px;
    }
    .tdfooterg1max_img{
        top:-44px;
        width:339px !important;
    }
    .tablefooterg td.tdfooterg1{
        width:339px;
    }
}
@media (max-width: 1050px)
{
	.moreicon1div {
        margin-left: 0px;
    }
    .container4acp{
        padding:0px;
    }
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
    .newspoint {
        padding: 0px 10px 20px 10px;
    }
    .marginfit20px{
        margin-left:-10px;
        margin-right:-10px;
    }
    .tablefooter td.tdfooter{
        display:block;
        width:100%;
    }
    .tablefooter td.tdfooter1{
        
        padding-right:0px;
        padding-bottom:40px;
    }
    .tablefooter td.tdfooter2{
        padding-top:17px;
    }
    .tableprodb td.tdprodb2{
        padding-left:30px;
    }
}
@media (max-width:950px)
{
	.contactpart2 {
        padding: 30px;
    }
	.hp4a_txt {
        padding: 20px 15px;
    }
    .tdprodb2 .btn1{
        margin-bottom:7px;
    }
    .pageheaderimg a{
        margin-bottom:7px;
        display:inline-block;
    }
}
@media (max-width:900px)
{
	.tdfooterg1max_img{
        top:0px;
        width:239px !important;
    }
    .tablefooterg td.tdfooterg1{
        width:239px;
        vertical-align: bottom;
    }
    .tdfooterg1maxh{
        height: auto;
    }
    .tablefooterg td.tdfooterg2 {
        padding-left: 20px;
    }
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
    .tablehp3b td.tdhp3b{
        display:block;
        width: 100%;
    }
    .tablehp3b td.tdhp3b_1{
        padding-right:0px;
        padding-bottom:30px;
    }
    .tablehp3b td.tdhp3b_2{
        
    }
    .hp4a_point{
        display: inline-block;
        width:100%;
        max-width: 400px;
        margin:0px auto;
        margin-bottom: 20px;
    }
    .hp4a_pointb{
        display:inline-block;
        width:100%;
        max-width: 400px;
        margin:0px auto;
        margin-bottom: 20px;
    }
    .hp4a_point_part{
        text-align: center;
    }
    .hp4a_pad{
        text-align: center;
    }
    .hp4a{
        padding-bottom:250px;
    }
    .hp4a_img{
        height:250px;
    }
    .hp4body{
        margin-top:-250px;
    }
    .hp8txt {
        padding: 20px 15px;
    }
    .tableabout1 td.tdabout1_1{
        width:300px;
        padding-right:30px;
    }
    .tableaboutvm td.tdaboutvm1{
        display:block;
        width:100%;
    }
    .tableaboutvm td.tdaboutvm1_1{
        padding-right:0px;
        padding-bottom:40px;
    }
    .tableproda td.tdproda1{
        padding-right:20px;
    }
    
}
@media (max-width:800px)
{
	.displayd800{
		display:none;
	}
	.displaym800{
		display:block;
	}
	.table800width100percent td{
		display:block;
		width:100%;
	}
	.table800width100percent td.displayd{
		display:none;
	}
	.containerpadding35{
		margin:0px auto;
		padding-left:20px;
		padding-right:20px;
	}
	.containerpadding30{
		margin:0px auto;
		padding-left:20px;
		padding-right:20px;
	}
	.marginfitleft35px{
		margin-left:-20px;
	}
	.marginfitleft30px{
		margin-left:-20px;
	}
	.searchinlineblocksearch{
		display:none;
	}
    .homepart5{
        padding-bottom:70px;
    }
    .tablehp5 td.tdhp5{
        display:block;
        width: 100%;
    }
    .tablehp5 td.tdhp5_1{
        padding-right:0px;
        padding-bottom:40px;
    }
    .newspoint{
        width:100%;
        display:block;
        max-width:450px;
        margin:0px auto;
    }
    .tablefooterb td.tdfooterb{
        display:inline-block;
        box-sizing: border-box;
        padding-bottom:30px;
    }
    .tablefooterb td.tdfooterb1{
       width:50%;
    }
    .tablefooterb td.tdfooterb2{
        width:50%;
    }
    .tablefooterb td.tdfooterb3{
        width:50%;
    }
    .tablefooterb td.tdfooterb4{
        width:50%;
    }
    .contactpart2 {
        padding: 0px 0px 30px 0px;
    }
    .areapoint {
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .areadtitle {
        background: url(/bpr/natapala/images/arrow_down_aread.png) no-repeat right 0px center #fff !important;
        background-size: 14px 14px  !important;
    }
}
@media (max-width:720px)
{
	.displayd{
		display:none;
	}
    .displayd_important{
        display:none !important;
    }
	.displaym{
		display:block;
	}
	.displaym_inlineblock{
		display:inline-block;
	}
	.table720width100percent td{
		display:block;
		width:100%;
	}
	.table720width100percent td.displayd{
		display:none;
	}
	.headnavdisplaym{
		display:block;
		/*padding:0px 20px;*/
	}
	.page_title0, .pagetitle0{
		font-size:25px;
	}
		.page_title0b, .pagetitle0b{
			font-size:25px;
			line-height:35px;
		}
	.page_title1, .pagetitle1{
		font-size:20px;
	}
	.page_title2, .pagetitle2{
		font-size:20px;
		line-height:30px;
	}
		.page_title2b, .pagetitle2b{
			font-size:20px;
			line-height:30px;
		}
		.page_title2l, .pagetitle2l{
			font-size:20px;
			line-height:30px;
		}
	.page_title3, .pagetitle3{
		font-size:18px;
		line-height:25px;
	}
		.page_title3b, .pagetitle3b{
			font-size:18px;
			line-height:25px;
		}
	.page_title4, .pagetitle4{
		font-size:17px;
		line-height:25px;
	}
		.page_title4b, .pagetitle4b{
			font-size:17px;
			line-height:25px;
		}
	.page_title5, .pagetitle5{
		font-size:15px;
		line-height:25px;
	}
		.page_title5b, .pagetitle5b{
			font-size:15px;
			line-height:25px;
		}
	.page_title6, .pagetitle6{
		font-size:14px;
		line-height:20px;
	}
		.page_title6b, .pagetitle6b{
			font-size:14px;
			line-height:20px;
		}
	.page_title7, .pagetitle7{
		font-size:16px;
		line-height:21px;
	}
		.page_title7b, .pagetitle7b{
			font-size:16px;
			line-height:21px;
		}
		.page_title7l, .pagetitle7l{
			font-size:16px;
			line-height:21px;
		}
	.page_title8, .pagetitle8{
		font-size:30px;
	}
	.page_title9, .pagetitle9{
		font-size:14px;
		line-height:28px;
	}
		.page_title9b, .pagetitle9b{
			font-size:14px;
			line-height:28px;
		}
	.page_description1, .pagedescription1{
		font-size:14px;
		line-height:22px;
	}
	.page_description2, .pagedescription2{
	}
	.page_description3, .pagedescription3{
	}
	.btn1{
		padding:0px 20px;
		height:40px;
	}
		.btn1t{
			font-size:16px;
		}
		.btn1download{
			padding-left:65px;
		}
	.btn2{
		padding:0px 20px;
		height:40px;
		font-size:14px;
	}
	.customPrevBtn{
		top:18vw;
	}
	.customNextBtn{
		top:18vw;
	}
	.customPrevBtnG{
		top:30vw;
	}
	.customNextBtnG{
		top:30vw;
	}
    .homepart1{
        height:100vw;
    }
    .hp2{
        padding:0px 10px;
        display:block;
        width:100%;
    }
    .hp2_2{
        max-width:none;
    }
    .hp2img1{
        
        height:42vw;
    }
    
    .hp2img2{
        height:75vw;
        max-height:550px;
    }
    .bx-down2 .bx-wrapper .bx-prev {
        left: -15px !important;
    }
    .bx-down2 .bx-wrapper .bx-next {
        right: -15px !important;
    }
    .hp4a_pad {
        padding: 0px 10px;
    }
    .testipointhor{
        padding-left:30px;
        padding-right:30px;
    }
    .testipointhor2{
        padding-left:28px;
        padding-right:30px;
    }
    .tdfooterg1max_img{
        width:189px !important;
    }
    .tablefooterg td.tdfooterg1{
        width:189px;
    }
    .tablefooterg td.tdfooterg2 {
        padding-left: 0px;
    }
    .tableabout1 td.tdabout1{
        display:block;
        width:100%;
    }
    .tableabout1 td.tdabout1_1{
        padding-right:0px;
        padding-bottom:0px;
    }
    .aboutpadbot60, .pagecontentpart1padbot60{
        padding-bottom:30px;
    }
    .line2 {
        margin-bottom: 35px;
        padding-bottom: 35px;
    }
    .vmtxt {
        padding-left: 15px;
    }
    .pageheaderimg{
        height:264px;
        padding:20px 25px;
    }
    .menucpoint {
        min-width: 105px;
        height: 41px;
        padding: 0px 10px 0px 10px;
    }
    .tablehp6 td.tdhp6{
        display:block;
        width:100%;
    }
    .tablehp6 td.tdhp6_1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tableproda td.tdproda{
        display:block;
        width:100%;
    }
    .tableproda td.tdproda1{
        padding-right:0px;
        padding-bottom:25px;
    }
    .dppoint{
        width:50%;
    }
    .dpointpad {
        padding-right: 30px;
    }
    .tableprodb td.tdprodb{
        display:block;
        width:100%;
    }
    .tableprodb td.tdprodb1{
        padding-bottom: 30px;
    }
    .tableprodb td.tdprodb2{
        padding-left:0px;
    }
    .registerbox {
        padding: 35px 20px;
    }
    .registerboxb2 {
        padding: 0px 20px;
    }
    .registerboxb3 {
        padding: 30px 20px;
    }
    .headermemberbox {
        padding: 20px;
    }
    .tablesimres td.tdsimres {
        padding: 10px 10px 10px 10px;
        vertical-align: top;
        border-bottom: 2px solid #fff;
    }
    .tablesimresb td.tdsimresb1{
        padding-right:5px;
    }
    .tablesimresb td.tdsimresb2{
        padding-left:5px;
    }
    .tablehmember td.tdhmember1{
        width:75px;
        padding-right:25px;
    }
    .tablehmember td.tdhmember2{
        padding-right:25px;
    }
    .tablehmember td.tdhmember3{
        width:110px;
    }
    .btn1f{
        padding-left:40px;
        text-align: left;
	}
    .memberpad1 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .membermaxwidth100 {
        width: calc(100vw - 90px);
    }
    .tydiv {
        padding: 15px 15px;
    }
    .tydiv2 {
        padding: 0px 15px;
    }
    .myaccount_table2 td{
		border:0px;
		padding:5px;
	}
	.content1_snp{
		padding:0px;
	}
	.tablecontent1 td .tablenoblock td{
		display:table-cell;
		width:auto;
	}
	.myaccount_table2 .tr_invoice{
		border:2px solid #eee !important;
		display:block;
		width:100%;
		padding:15px;
		margin-bottom:20px;
        border-radius: 10px;
        box-sizing:border-box;
	}
	.myaccount_table2 td{
		display:block;
		width:100%;
		text-align:left !important;
		font-size:15px;
	}
	td.myaccount_td_header{
		display:none;
	}
	.searchaccountinvoicetd .ai_blockspan{
		display:block;
		padding-bottom:10px;
	}
	.myaccount_table2 tr td:first-child{
		padding-left:5px;
	}
    .layananm{
        font-weight: bold;
    }
    .homepart1 .verticalmiddle, .homepart1 .vm {
        top: 30%;
    }
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
    .hp8imgtxtpad {
        padding-left: 35px;
    }
    .tdfooterg2btn1ml15{
        display:block;
        margin-left:0px;
        margin-top:10px;
    }
    .tablefooterc td.tdfooterc{
        display:block;
        width:100%;
    }
    .tablefooterc td.tdfooterc1{
        
        padding-right:0px;
        padding-bottom:40px;
    }
    .tablefooterc td.tdfooterc2{
        padding-left:0px;
    }
    .table_ma td.td_ma1 {
        width: 155px;
        padding-right: 20px;
    }
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
    .headerbtncombine{
        display:none;
    }
    .d_btn_txt{
        display:none;
    }
    .downloadtd2{
        width:44px;
        padding-left:30px;
    }
    .tablesimres td.tdsimres1 {
        width:120px;
    }
    .reqsimtable td.reqsimtd{
        display:block;
        width:100%;
        box-sizing: border-box;
    }
    .reqsimtable td.reqsimtd1{
        padding-right:0px;
        padding-bottom:5px;
    }
    .reqsimtable td.reqsimtd2{

    }
    .memberpad1 .btn1{
        margin-bottom:10px;
    }
}


@media (max-width:540px)
{
    .displaym540{
        display:block;
    }
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
    .tablehp8h td.tdhp8h{
        display:block;
        width:100%;
    }
    .tablehp8h td.tdhp8h1{
        padding-right:0px;
        padding-bottom:20px;
    }
    .tablehp8h td.tdhp8h2{
        text-align: left;
    }
    .tablefooterg td.tdfooterg1{
        display:none;
    }
    .webfooterpartg{
        padding-top:50px;
        height:auto;
        text-align: center;
        margin-top:20px;
    }
    .tdfooterg1max_img{
        top:0px;
        width:239px !important;
    }
    .tablefooterg td.tdfooterg1{
        width:239px;
        vertical-align: bottom;
    }
    .tablecopyright td.tdcopyright{
        display:block;
        width: 100%;
    }
    .tablecopyright td.tdcopyright1{
        padding-right:0px;
        padding-bottom:10px;
    }
    .tablecopyright td.tdcopyright2{
        text-align: left;
    }
    .pageheaderimg{
        height:244px;
    }
    .btn1hp1_b{
        display:block;
        margin-top:5px;
    }
    .dppoint{
        width:100%;
    }
    .dpointpad {
        padding-right: 0px;
    }
    .tablesimc td.tdsimc{
        display:block;
        width:100%;
    }
    .tablesimc td.tdsimc1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tablesimc td.tdsimc2{
        padding-left:0px;
    }
    .tablehmember td.tdhmember3{
        display:none;
    }
    .btn1f{
        width:auto;
    }
    .tablehmember td.tdhmember1 {
        width: 55px;
        padding-right: 15px;
    }
    .tablehmember td.tdhmember2{
        padding-right:0px;
    }
    .tablety td.tdty{
        display:block;
        width:100%;
        text-align: center;
    }
    .tablety td.tdty1{
        padding-right:0px;
        padding-bottom:5px;
    }
    .tablety td.tdty2{
        padding-left:0px;
        text-align: center;
    }
    .tabletyb td.tdtyb{
        display:block;
        width:100%;
        text-align: center;
    }
    .tabletyb td.tdtyb1{
        padding-right:0px;
        padding-bottom:5px;
    }
    .tabletyb td.tdtyb2{
        padding-left:0px;
        text-align: center;
    }
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
	.customPrevBtn{
		top:36vw;
	}
	.customNextBtn{
		top:36vw;
	}
	.customPrevBtnG{
		top:30vw !important;
	}
	.customNextBtnG{
		top:30vw !important;
	}
    .tablesimres td.tdsimres1 {
        width:100px;
    }
    .tablesimresb td.tdsimresb{
        display:block;
        width:100%;
    }
    .tablesimresb td.tdsimresb1{
        padding-right:0px;
        padding-bottom:10px;
    }
    .tablesimresb td.tdsimresb2{
        padding-left:0px;
    }
    .myprof_table td.myprof_td{
        display:block;
        width:100%;
        padding:0px 0px 15px 0px;
        box-sizing: border-box;
    }
    .myprof_table td.myprof_td1{
        padding-right:0px;
        font-weight: bold;
        padding-bottom:2px;
    }
    .myprof_table td.myprof_td2{
        padding-left:10px;
    }
    input.confirmpay_button {
        min-width: auto;
    }
}
@media (max-width:360px)
{
	
}