@charset "utf-8";
/* CSS Document */
@media (max-width: 1440px)
{
    .container{
        padding:0px 30px;
    }
}
@media (max-width: 1325px)
{
	.customPrevBtn{
		left:30px;
	}
	.customNextBtn{
		right:30px;
	}
}
@media (max-width: 1280px)
{
	ul.sf-menu .menupoint, .menupoint {
        margin-left: 40px;
    }
    .btn2bmr{
        margin-right:10px;
    }
    .tableheader .tdheader3 {
        padding-left: 20px;
        width: 400px;
    }
}
@media (max-width: 1240px)
{
    
}
@media (max-width: 1200px)
{
	.container{
        padding:0px 20px;
    }
    .btn1{
        padding:0px 20px;
    }
	.btn1b {
        width: auto;
        min-width: 140px;
    }
    .btn2{
        padding:0px 20px;
    }
    ul.sf-menu .menupoint, .menupoint {
        margin-left: 30px;
    }
    .tableheader .tdheader3 {
        padding-left: 20px;
        width: 350px;
    }
    .tableheader .tdheader1 {
        width: 157px;
    }
}
@media (max-width: 1150px)
{
    
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
}
@media (max-width: 1100px)
{
    ul.sf-menu .menupoint, .menupoint {
        margin-left: 20px;
    }
}
@media (max-width: 1050px)
{
	.tableproduct td.tdproduct1{
        padding-right:30px;
    }
    .tableproduct td.tdproduct2{
        padding-left:30px;
    }
    .pageproduct2 {
        padding: 30px;
    }
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
    .tablefootera td.tdfootera{
        display:block;
        width:100%;
        padding-bottom:40px;
    }
    .tablefootera td.tdfootera2{
        padding-left:0px;
    }
    .tablehp3 td.tdhp3_1{
        padding-right:20px;
    }
    .tablehp3 td.tdhp3_2{
        padding-left:20px;
    }
}
@media (max-width:950px)
{
	
    .marginfit20px{
        margin-left:-10px;
        margin-right:-10px;
    }
    .tdhp3a1overflow{
        overflow-x:auto;
        white-space: nowrap;
        width:calc(100vw - 60px);
    }
    .tableproduct td.tdproduct1{
        padding-right:20px;
    }
    .tableproduct td.tdproduct2{
        padding-left:20px;
    }
    .detail_product_img_point {
        width: 70px;
    }
}
@media (max-width:900px)
{
	.tableabout2 td.tdabout2{
        display:block;
        width:100%;

    }
    .tableabout2 td.tdabout2_1{
        padding-right:0px;
        padding-bottom:40px;
    }
    .tableabout2 td.tdabout2_2{
        padding-left:0px;

    }
    .tableabout3 td.tdabout3{
        display:block;
        width:100%;
    }
    .tableabout3 td.tdabout3_1{
        padding-right:0px;
        padding-bottom:40px;
    }
    .tableabout3 td.tdabout3_2{
        padding-left:0px;
    }
    .hp4point{
        margin:0px 10px 20px 10px;
    }
    .hp4point img{
        max-width: 200px;
        max-height: 35px;
    }
    .navbtn{
        height:40px;
        font-size:14px;
        padding:0px 15px;
        margin-right:10px;
    }
    .navpart{
        padding-bottom: 50px;
    }
    .pagecontentpart {
        padding-top: 40px;
        padding-bottom: 70px;
    }
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
}
@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;
	}
    .tablefooter td.tdfooter{
        display:block;
        width:100%;
    }
    .tablefooter td.tdfooter1{
        padding-right:0px;
        padding-bottom:40px;
    }
    .col4prod {
        width: 33.33%;
    }
    .tablehp3 td.tdhp3{
        display:block;
        width:100%;
    }
    .tablehp3 td.tdhp3_1{
        padding-right:0px;
        padding-bottom:30px;
    }
    .tablehp3 td.tdhp3_2{
        padding-left:0px;
        padding-top:0px;
        padding-bottom:30px;
    }
}
@media (max-width:720px)
{
	.displayd{
		display:none;
	}
	.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;
        line-height:35px;
	}
		.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;
        font-size:14px;
	}
		.btn1t{
			font-size:16px;
		}
		.btn1download{
			padding-left:65px;
		}
	.btn2{
		padding:0px 20px;
		height:40px;
		font-size:14px;
	}
    
    .wa_float_icon img{
        max-width:150px;
    }
    .homepart1{
        height:100vw;
    }
    .customPrevBtn{
        top:65px;
		left:-10px;
        opacity:0.6;
	}
    .customNextBtn{
        top:65px;
		right:-10px;
        opacity:0.6;
	}
    .col3home{
        display:block;
        width:100%;
        margin-bottom:40px;
        max-width: 450px;
        margin:0px auto;
    }
    .homepart5{
        text-align: center;
    }
    .homedestinationimg {
        height: 60vw;
    }
    .tablefooterb td.tdfooterb{
        padding-right: 35px;
    }
    .pageheaderimg1{
	    height:70vw;
    }
    .pageproduct2 {
        padding: 20px;
    }
    .news_point {
        width: 50%;
    }
    .homedestinationimg2 {
        height: 30vw;
    }
    .container{
        padding-left:10px;
        padding-right:10px;
    }
    .tdhp3a1overflow{
        overflow-x:auto;
        white-space: nowrap;
        width:calc(100vw - 20px);
    }
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
    .homepart2 {
        padding: 70px 0px;
    }
    .tableproduct td.tdproduct{
        display:block;
        width:100%;
    }
    .tableproduct td.tdproduct1{
        padding-right:0px;
    }
    .tableproduct td.tdproduct2{
        padding-left:0px;
        padding-top:30px;
    }
    .sizebtn{
        height:41px;
        padding:0px 10px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .bx-wrapper .bx-controls-direction a {
        width: 34px !important;
        height: 34px !important;
    }
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
    .col4prod {
        width: 50%;
    }
    .bx-wrapper .bx-prev {
        left: 10px !important;
    }
    .bx-wrapper .bx-next {
        right: 10px !important;
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 25px !important;
    }
}


@media (max-width:540px)
{
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
    .popupindex_qb{
        width:calc(100% - 20px);
    }
    #posfixed_qb{
        margin-left:calc((100% - 40px)/-2);
    }
    .btn1, .btn2{
        width:100%;
        max-width: none;
        margin-bottom:10px;
    }
    .pageheaderimg1{
	    height:60vw;
    }
    .pageheaderimg1 .padbot80{
        padding-bottom:40px;
    }
    .pageheaderimg1 .padbot15{
        padding-bottom:5px;
    }
    .sizebtn{
        margin-right:1px;
    }
    .news_point {
        width: 100%;
    }
    .homedestinationimg2 {
        height: 60vw;
    }
    .tablecontact td.tdcontactnopadtd{
        display:block;
        width:100%;
    }
    .tdcontactsep{
        display:none;
    }
    .tdcontactsepdiv{
        width:0px;
        display:none;
    }
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
    .customPrevBtn{
        top:45px;
		left:-0px;
	}
	.customNextBtn{
        top:45px;
		right:-0px;
	}
	.customPrevBtnG{
		top:30vw !important;
	}
	.customNextBtnG{
		top:30vw !important;
	}
    .tablefooterb td.tdfooterb{
        display:inline-block;
        vertical-align: top;
        width:50%;
        box-sizing:border-box;
        padding-right: 25px;
    }
    
}
@media (max-width:360px)
{
	
}