@charset "utf-8";
/* CSS Document */
@media (max-width: 1325px)
{
	
}
@media (max-width: 1210px)
{
	.careerhead {
		padding-bottom: 40px;
	}
	.menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
}
@media (max-width: 1075px)
{
    
}
@media (max-width: 1050px)
{
	
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.categorypoint{
		width:50%;
	}
	.tableproduct td.tdproduct1{
        padding-right:15px;
    }
    .tableproduct td.tdproduct2{
        padding-left:15px;
    }
}
@media (max-width:950px)
{
	
	.popupindex2{
		width:calc(100% - 80px);
		margin-left:calc((50% - 40px) * -1);
	}
	.aboutpart1 {
		padding-bottom: 50px;
	}
	.aboutpart2{
		height:auto;
		position:relative;
		top:0px;
		padding-top:20px;
	}
	.aboutpart2b{
		height:auto;
		position:relative;
		top:0px;
		padding-top:20px;
	}
	.aboutpart2c{
		height:auto;
		position:relative;
		top:0px;
		padding-top:20px;
	}
	.aboutpart3 {
		padding-top: 50px;
		padding-bottom: 70px;
	}
	.tablecontactinfo td.tdcontactinfo2 {
        padding: 30px 30px;
    }
}
@media (max-width:900px)
{
	.ap2txt{
		padding:20px;
	}
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
	.tablehp5 td.tdhp5_1{
		padding-right:15px;
	}
	.tablehp5 td.tdhp5_2{
		padding-left:15px;
	}
	.tablefinfo td.tdfinfo{
		display:block;
		width:100%;
		box-sizing: border-box;
		vertical-align: middle;
		padding:10px 10px;
		border-right: 0px solid #FFFFFF4D;
		border-bottom: 0px solid #FFFFFF4D;
		text-align: center;
	}
	.tablefinfo td.tdfinfo3{
		border-right: 0px;
	}
	.tablenews td.tdnews_1{
		width:205px;
		padding-right:35px;
	}
	.tablenews td.tdnews_2{
		padding-right:0px;
	}
	.brandtxtdiv {
    	padding: 15px;
	}
}
@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{
		width:100%;
		display:block;
		box-sizing: border-box;
		padding:10px 10px;
	}
	.pageheaderimg {
		height: 300px;
	}	
	.ap3pointpad {
		padding: 20px;
	}
	.brandpoint{
		width:50%;
	}
	table.tablehp4b td.tdhp4b {
		display:inline-block;
		width:100%;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
		height: auto;
	}
	table.tablehp4b tr:last-child td.tdhp4b {
		border-bottom: 1px solid #ddd;
	}
	table.tablehp4b td.tdhp4b:last-child {
		border-right:  1px solid #ddd;
	}
}
@media (max-width:720px)
{
	.displayd{
		display:none;
	}
	.displaym{
		display:block;
	}
	.displaym_inlineblock, .displaym_ib{
		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{
		right:15px;
		bottom:15px;
	}
	.wa_float_icon img{
		max-width:50px;
		
	}
	.tablehp5 td.tdhp5{
		display:block;
		width:100%;
	}
	.tablehp5 td.tdhp5_1{
		padding-right:0px;
		padding-bottom:30px;
	}
	.tablehp5 td.tdhp5_2{
		padding-left:0px;
	}
	.container{
		padding-left:10px;
		padding-right:10px;
	}
	.hp4txtdiv {
    	padding: 15px;
	}
	.footerpoint{
		display:block;
		padding-bottom:20px;
	}
	.aboutpart2, .aboutpart2b, .aboutpart2c{
		padding-top:10px;
	}
	.marginfit10px{
		margin-left:-5px;
		margin-right:-5px;
	}
	.ap2point, .ap2bpoint {
		padding: 0px 5px 10px 5px;
	}
	.ap2bpointpad {
		padding: 20px 30px;
	}
	.ap3point{
		width:50%;
		padding:0px 5px 10px 5px;
	}
	.ap3img img {
		max-height: 80px;
		max-width: 80px;
	}
	.newscol2{
		padding:0px 5px 10px 5px;
	}
	.brandpoint {
		padding:0px 5px 10px 5px;
	}
	.tableproduct td.tdproduct{
		display:block;
        width:100%;
		box-sizing: border-box;
	}
	.tableproduct td.tdproduct1{
		width:100%;
        padding-right:0px;
    }
    .tableproduct td.tdproduct2{
        padding-left:0px;
        padding-top:30px;
    }
	.productpart1bg2 {
		padding: 15px;
		padding-bottom: 30px;
	}
	.gallerypoint{
		width:50%;
		padding:0px 5px 10px 5px;
	}
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
	.tablecontactinfo td.tdcontactinfo{
		width:100%;
		display:block;
        box-sizing: border-box;
	}
	.tablecontactinfo td.tdcontactinfo1{
		padding-right:0px;
	}
	.tablecontactinfo td.tdcontactinfo2{
		padding-left:0px;
        padding:30px 20px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        border-top-right-radius: 0px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
	}
    .tdcontactinfo1gmaps{
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-left-radius: 0px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
    }
    .tdcontactsepdiv {
        width: 10px;
    }
	.tablecontact td{
		display:block;
		width:100%;

	}
	.tdcontactsepdiv{
		display:none;
	}
	.tablecontact td.tdcontactnopadtd{
		width:100%;
	}
	.input_box2 {
		padding: 10px 10px;
	}
	.newspad {
		height: auto;
	}
	.newspart1{
		padding-top:30px;
		padding-bottom:30px;
	}
	.newscol2{
		display:block;
		width:100%;
	}
	.newsimgdiv{
		height:54vw;
	}
	.pagecontentpart1 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.tablenews td.tdnews_1{
		width:125px;
		padding-right:20px;
	}
	.news_point {
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 20px;
	}
	.newstxtdiv {
		padding: 20px 20px;
		min-height: auto;
	}
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
	table.tablehp4 td.tdhp4{
		display:block;
		width:100%;
		height:auto;
		padding:10px;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
	}
	table.tablehp4 tr:last-child td.tdhp4 {
		border-bottom: 1px solid #ddd;
	}
	table.tablehp4 td.tdhp4:last-child {
		border-bottom: 1px solid #ddd;
	}
	.ap2point {
		display: block;
		width: 100%;
	}
	.aboutpart4pad {
		padding-top: 80px;
		padding-bottom: 80px;
		padding-left: 0%;
	}
	.ap2bpoint{
		display:block;
		width:100%;
		box-sizing: border-box;
		
	}
	.ap2bpointpad {
        padding:20px 20px 40px 20px;
		min-height: auto;
    }
	.tablecp1 td.tdcp1{
		width:100%;
		display:block;
		box-sizing: border-box;
	}
	.tablecp1 td.tdcp1_1{
		padding-right:0px;
		padding-bottom:30px;
	}
	.tdcp1_2maxheight {
		max-height: none;
	}
	.areadtitle2 {
		padding-left: 20px;
	}
	.areadetail2 {
		padding-top: 10px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.brandimgdiv {
		padding: 20px;
		height: 100px;
}

@media (max-width:540px)
{
    .displayd540{
		display:none;
	}
	.displaym540{
		display:block;
	}
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
	.hero {
		height: calc(110vh);
	}
	.herotext {
		height: calc(110vh);
	}
	.scrollpart{
		display:none;
	}
	.tablenews td.tdnews_1{
		width:80px;
		padding-right:15px;
	}
	.news_point {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.producttd{
		display:block;
		width:100%;
		box-sizing: border-box;
	}
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
	.brandpoint{
		width:100%;
	}
}
@media (max-width:360px)
{
	
}