@charset "utf-8";
/* CSS Document */
@media (max-width: 1280px)
{
	
}
@media (max-width: 1240px)
{
    .bx-down2b .bx-wrapper .bx-prev{
        left:20px !important;
    }
    .bx-down2b .bx-wrapper .bx-next{
        right:20px !important;
    }
    ul.sf-menu .menupoint, .menupoint{
        margin-left:15px;
        margin-right:15px;
    }
    .logo {
        margin-right: 15px;
    }
}
@media (max-width: 1210px)
{
	
	.popupindex_qb{
		width:calc(100vw - 200px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 200px) / 2 * -1);
	}
    ul.sf-menu .menupoint, .menupoint{
        margin-left:10px;
        margin-right:10px;
    }
    .logo {
        margin-right: 10px;
    }
}
@media (max-width: 1150px)
{
    
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
    .tablefooter td.tdfooter{    
        display:block;
        width:100%;
    }
    .tablefooter td.tdfooter1{
        padding-right:0px;
        padding-bottom:30px;
    }
    .tablefooter td.tdfooter2{

    }
}
@media (max-width: 1100px)
{
    .sf-menu_headermenu{
        display:none !important;
    }
    .tablecopyright td.tdcopyright1{
        padding-left: calc(50vw - 640px);
    }
    .tablecopyright td.tdcopyright2{
        padding:30px 30px;
    }
    .tablecopyright td.tdcopyright3{
        padding:30px 30px;
    }
    .tableap3 td.tdap3_2 {
        padding: 40px 40px;
    }
}
@media (max-width: 1050px)
{
	.tableproduct td.tdproduct1{
        padding-right:30px;
    }
    .tableproduct td.tdproduct2{
        padding-left:30px;
    }
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
    .catproductpointpad {
        padding: 25px 25px 5px 25px;
    }
    .col6prod{
        width:25%;
    }
}
@media (max-width:950px)
{
	
    .marginfit20px{
        margin-left:-10px;
        margin-right:-10px;
    }
    .tablehp5 td.tdhp5_1{
        padding-right:10px;
    }
    .tablehp5 td.tdhp5_2{
        padding-left:30px;

    }
    .tablehp5 td.tdhp5_2b{
        padding-left:30px;
    }
    .homepart5{
        padding-top:80px;
        padding-bottom:80px;
    }
    .tableproduct td.tdproduct1{
        padding-right:20px;
    }
    .tableproduct td.tdproduct2{
        padding-left:20px;
    }
    .detail_product_img_point {
        width: 70px;
    }
}
@media (max-width:900px)
{
	
    .popupindex_qb{
		width:calc(100vw - 100px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 100px) / 2 * -1);
	}
    .tablefooterb td.tdfooterb{
        display:inline-block;
        width:33.33%;
        padding-right:20px;
        padding-bottom:30px;
        box-sizing: border-box;
    }
    .tablehp3 td.tdhp3_2 {
        padding:30px 40px;
    }
    .tableprodnav td.tdprodnav{
        display:block;
        width:100%;
        text-align: center;
    }
    .tableprodnav td.tdprodnav1{
        padding-right:0px;
        padding-bottom:10px;
    }
    .tableprodnav td.tdprodnav2{
        text-align: center;
    }
    .selectprodnav {
        
        width: auto;
        max-width: 180px;
        padding: 0px 15px;
        margin-left:8px;
        margin-right: 8px;
    }
    .producthead{
        text-align: center;
    }
    .producthead .maxwidth680{
        margin:0px auto;
    }
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
    .bannerdiv{
        display:block;
        width:100%;
    }
    .banner1height{
        padding-top:150px;
        padding-bottom:100px;
    }
    .header{
		background:rgba(255,255,255,1);
		position:fixed;
		z-index:10000;
		height:93px;
	}
    .header a{
        color:#000;
    }
    .lang_t img{
		filter: invert(0);
	}
    .a_headersocmed img{
		filter: invert(1);
	}
    .headercontactbtn{
		background-image: linear-gradient(to top, #2158ba, #12a7de);
	}
    .headerbtn{
        border: 2px solid #000;
        color:#000;
    }
    .headerbtn img{
        filter: invert(1);
    }
        .headerbtn:hover{
            background: #eee;
        }
    .menu_icon img {
        filter: invert(1);
    }
    .tdheaderm2_mr1{
        margin-right:20px;
    }
    .tablenews td.tdnews_1 {
        padding-right: 25px;
    }
    .tablecopyright td.tdcopyright2{
        width:40%;
        padding:30px 20px;
    }
    .tablecopyright td.tdcopyright3{
        width:170px;
        padding:30px 20px;
    }
    .servicepoint { 
        width:50%;
    }
    .servicepoint2{
        width:100%;
        max-width: 450px;
        margin:0px auto;
        display:inline-block;
    }
    .tablecategoryb td.tdcategoryb1{
        display:none;
    }
    .tablenav td.tdnav1{
        width:200px;
    }
    .tablenav td.tdnav2{
        padding-left:30px;
    }
    .tdcsidebar{
        width:200px;
    }
    .tdccontent {
        width: calc(100% - 230px);
        padding-left: 30px;
    }
}
@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;
	}
    .homepart2{
        padding-bottom:125px;
    }
    .homepart3{
        margin-top:20px;

    }
    .line2 {
        margin: 0px 10px;
    }
    .tableap3 td.tdap3_2 {
        padding: 30px 30px;
    }
    .col6prod{
        width:33.33%;
    }
}
@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;
	}
		.btn1t{
			font-size:16px;
		}
		.btn1download{
			padding-left:65px;
		}
	.btn2{
		padding:0px 20px;
		height:40px;
		font-size:14px;
	}
    
    .wa_float_icon img{
        max-width:150px;
    }
    .homepart2{
        padding-top:80px;
        padding-bottom:80px;
        background-size:100%,auto !important;
    }
    .homepart4{
        padding-top:50px;
        padding-bottom:70px;
    }
    .hp4a{
        display:block;
        width:100%;
        padding-bottom:10px;
    }
    .hp4a1img{
        height:calc(100vw - 40px);
        max-height: 700px;
    }
    .hp4a1pad{
        padding:20px 20px;
    }
    .hp4b1img{
        height:calc(50vw - 40px);
        max-height: 390px;
        color:#fff;
    }
    .marginfit10px_5{
        margin-left:-5px;
        margin-right:-5px;
    }
    .hp4a {
        padding: 0px 5px 10px 5px;
    }
    .hp4b{
        padding: 0px 5px;
    }
    .hp4c{
        padding: 0px 5px;
    }
    .hp4a2padbot20{
        padding-bottom:10px;
    }
    .homepart4{
        background-size:300% !important;
    }
    .tdnews_3{
        display:none;
    }
    .tablenews td.tdnews_2 {
        padding-right: 0px;
    }
    .news_point {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .homepart6 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .navsep img{
        margin:0px 8px;
    }
    .tableap3 td.tdap3{
        display:block;
        width:100%;
        box-sizing: border-box;
    }
    .tableap3 td.tdap3_1{
        min-height:70vw;
    }
    .tableap3 td.tdap3_2{
        padding:40px 30px;
    }
    .hnewsimgpad {
        padding: 25px 25px;
    }
    .hnewsimg {
        height: 73vw;
    }
    .menupagebtn{
        min-width: 130px;
    }
    .menupage{
        margin-right:10px;
    }
    .gallerypoint{
        width:50%;
    }
    .servicepad {
        padding: 20px;
    }
    .catproductpointpad {
        padding: 10px 10px 5px 10px;
    }
    .pagecontentpart2 {
        padding-top: 25px;
        padding-bottom: 70px;
    }
    #menu_product{
        padding-top:20px;
    }
    .prodoverview_part {
        padding-bottom: 40px;
        margin-bottom: 20px;
    }
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
    .tdheaderm2_mr1{
        margin-right:15px;
    }
    .tablehp5 td.tdhp5{
        display:block;
        width:100%;
    }
    .tablehp5 td.tdhp5_1{
        padding-right:0px;
        padding-bottom:30px;
    }
    .tablehp5 td.tdhp5_2{
        padding-left:0px;
        padding-bottom:0px;
        padding-top:0px;

    }
    .tablehp5 td.tdhp5_2b{
        padding-left:0px;
        padding-bottom:0px;
    }
    .tablecontact td.tdcontact{
        display:block;
        width:100%;
    }
    .tablecontact td.tdcontact1{
        padding-right:0px;
        padding-bottom:50px;
    }
    .tablecontact td.tdcontact2{
        padding-left:0px;
    }
    .tablefooterb td.tdfooterb{
        width:50%;
        padding-right:20px;
    }
    .tablecopyright td.tdcopyright{
        display:block;
        text-align: center;
        width:100%;
    }
    .tablecopyright td.tdcopyright1{
        padding: 30px 0px;
    }
    .tablecopyright td.tdcopyright2{
        
        padding:30px 0px;
    }
    .tablecopyright td.tdcopyright3{
        
        padding:30px 0px;
    }
    .tableaboutp1 td.tdaboutp1{
        display:block;
        width:100%;
    }
    .tableaboutp1 td.tdaboutp1_1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tableaboutp1 td.tdaboutp1_2{
        text-align: left;
    }
    .ap4point{
        width:50%;
    }
    .newspoint{
        width:100%;
        display:block;
        margin:0px auto;
        max-width:400px;
    }
    .tablehp3 td.tdhp3{
        width:100%;display:block;
        box-sizing: border-box;
    }
    .tablehp3 td.tdhp3_1{
        
    }
    .servicepoint { 
        width:100%;
    }
    .tableproduct td.tdproduct{
        display:block;
        width:100%;
    }
    .tableproduct td.tdproduct1{
        padding-right:0px;
    }
    .tableproduct td.tdproduct2{
        padding-left:0px;
        padding-top:30px;
    }
    .tablenav td.tdnav1{
        display:none;
    }
    .tablenav td.tdnav2{
        padding-left:0px;
    }
    .tdcsidebar{
        width:100%;
        padding-bottom:30px;
    }
    .tdccontent {
        width: 100%;
        padding-left: 0px;
    }
    .tdnav2h{
        height:30px;
    }
    .pagenavpart{
        border:0px;
    }
    .col3prod{
        width:50%;
    }
    
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
    .maxmobileresponsive{
        width:calc(100vw - 40px);
        overflow-x: auto;
    }
    .catproductpoint{
        width:50%;
    }
    .catproductpointpad {
        padding: 25px 25px 5px 25px;
    }
    .selectprodnav{
        width:calc(50% - 10px);
        box-sizing: border-box;
        padding:0px 10px;
        margin-right:5px;
        margin-left:5px;
    }
    .selectprodnav:first-child{
        margin-left:0px;
    }
    .selectprodnav:last-child{
        margin-right:0px;
    }
    .header_search_box {
        width: 100%;
        margin-bottom:10px;
    }
    .selectprodnav2b{
        border-top:0px;border-left:0px;border-right:0px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        border-bottom:2px solid #000;
    }
    .detail_product_img_point {
        width: 50px;
    }
    .areadtitle{
        padding-left:20px;

    }
    .areadetail{
        padding-left:20px;
        padding-right:20px;
    }
    .navpart {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .aboutpart1 {
        padding-bottom: 30px;
    }
}


@media (max-width:540px)
{
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
    .tableap3 td.tdap3_2{
        padding:30px 20px;
    }
    .ndother td.tdndother2{
        display:none;
    }
    .ndother td.tdndother1 {
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
        
    }
    .catproductpointpad {
        padding: 15px 15px 5px 15px;
    }
    .col6prod{
        width:50%;
    }
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
    .popupindex_qb{
		width:calc(100vw - 50px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 50px) / 2 * -1);
	}
    .tdheaderm2_mr1{
        display:none;
    }
    .tablenews td.tdnews_1{
        width:65px;
        padding-right:15px;
    }
    .tablefooterb td.tdfooterb{
        width:100%;
        padding-right:0px;
    }
    .tablehp3 td.tdhp3{
        width:100%;display:block;
        box-sizing: border-box;
    }
    .tablehp3 td.tdhp3_2{
        padding:30px 20px;
    }
    .catproductpointpad {
        padding: 5px 5px 5px 5px;
    }
}
@media (max-width:360px)
{
	
}