@charset "utf-8";
/* CSS Document */
@media (max-width: 1280px)
{
	.customPrevBtn{
		left:30px;
	}
	.customNextBtn{
		right:30px;
	}
}
@media (max-width: 1210px)
{
	
	.popupindex_qb{
		width:calc(100vw - 200px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 200px) / 2 * -1);
	}
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
    .tdheaderm2{
        display:none;
    }
    .tablefooter td.tdfooter{
        display:block;
        width:100%;
    }
    .tablefooter td.tdfooter1{
        
    }
    .tablefooter td.tdfooter2{
        padding-left:0px;
        padding-top:40px;
    }
}
@media (max-width: 1050px)
{
	
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
    .hp4point1pad{
        padding-left:20px;
    }
    .hp4point1pad2{
        padding-right:20px;
    }
    .hp4pointline{
        padding-right:20px;
    }


    .hp4point2pad{
        padding:0px 40px;
    }
}
@media (max-width:950px)
{
	
	.popupindex2{
		width:calc(100% - 80px);
		margin-left:calc((50% - 40px) * -1);
	}
	.prodpoint{
		width:33.33%;
	}
	.hnewsimgpad {
    	padding: 15px 20px;
	}
    .tablehnews td.tdhnews1{
		width:50%;
		padding-right:10px;
	}
	.tablehnews td.tdhnews2{
		padding-left:10px;
	}
}
@media (max-width:900px)
{
	.tablehp5 td.tdhp5 {
    
        padding: 25px 30px;
    }
    .tablehproduct td.tdhproduct{
        display:block;
        width:100%;
    }
    .tablehproduct td.tdhproduct1{
        
    }
    .tablehproduct td.tdhproduct2{
        
        padding-left:0px;
        padding-right:0px;
        padding-top:20px;
        padding-bottom:20px;
    }
    .tablehproduct td.tdhproduct3{
    }
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
	.detail_product_img_point{
		width:25%;
		margin:0px 1px;
	}
}
@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;
	}
    .productbtn{
        min-width:100px;
        margin-left:4px;
        margin-right:4px;
    }
    .storepointpad {
        padding: 25px;
    }
    .homepart6 {
        padding-bottom: 70px;
    }
    .tablefooterc td.tdfooterc{
        display:block;
        width:100%;
    }
    .tablefooterc td.tdfooterc1{

    }
    .tablefooterc td.tdfooterc2{
        
        padding-left:0px;
        padding-top: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;
	}
		.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;
	}
    .tablehp2 td.tdhp2{
        display:block;
        width:100%;
    }
    .tablehp2 td.tdhp2_1{
        padding-right:0px;
        padding-bottom:1px;
    }
    .hp2_1imgdiv{
        height:42vw;
    }
    
    .hp4point{
        display:inline-block;
        width:100%;
    }
    .hp4point1pad{
        padding-left:0px;
    }
    .hp4point1pad2{
        padding-right:0px;
    }
    .hp4pointline{
        padding-right:0px;
        border-right: 0px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom:30px;
    }


    .hp4point2pad{
        padding:0px 20px;
    }
    .newtxt {
        padding: 20px 20px;
    }
    .footercol4 {
        width: 50%;
    }
    .navpart{
        padding-bottom:50px;
    }
    .pageheaderimg {
        height: 210px;
    }
    .pagecontentpart2 {
        padding-top: 45px;
        padding-bottom: 70px;
    }
    .tablehp6 td.tdhp6{
        display:block;
        width:100%;
    }
    .tablehp6 td.tdhp6_1{
        padding:20px 25px;
        box-sizing:border-box; 
    }
    .tablehp6 td.tdhp6_2{
    }
    .tdhp6_2 .borderradius10right{
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        border-top-right-radius: 0px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
    }
    .tablecnews td.tdcnews{
		display:block;
		width:100%;
	}
	.tablecnews td.tdcnews1{
	}
	.tablecnews td.tdcnews2{
		padding-top:30px;
		padding-left:0px;
	}
    .tdnews_2 {
        padding-left: 25px;
    }
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
    .tablehp5 td.tdhp5 {
        display:block;
        width:calc(100% - 40px);
        padding: 25px 20px;
    }
    .tablehp7h td.tdhp7h{
        display:block;
        width:100%;
        text-align: center;
    }
    .tablehp7h td.tdhp7h1{
        padding-right:0px;
        padding-bottom: 20px;
    }
    .tablehp7h td.tdhp7h2{
        width:100%;
    }
    .newspoint{
        width:100%;
        display:block;
        padding:0px 10px 20px 10px;
        max-width:400px;
        margin:0px auto;
    }
    .storecol2 {
        width: 100%;
    }
    .storepoint{
        height:65vw;
    }
    .nds_point{
        width:100%;
        display:block;
        padding:0px 10px 20px 10px;
        max-width:400px;
        margin:0px auto;
    }
    .prodpoint{
		width:50%;
	}
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
	.tdheaderm1 {
        width: 175px;
        padding-right: 25px;
    }
    .headermlogo {
        margin-left: 15px;
        max-width: 120px !important;
    }
    .tdheaderm3 {
        width: auto;
        padding-left: 15px;
    }
    .headerbtn {
        display: inline-block;
        width: 95px;
        height:40px;
    }
    .headerbtn_ml {
        margin-left: 10px;
    }
    .headercarticon {
        margin-right: 10px;
    }
    .header_search_box {
    
        background: url(images/search.png) no-repeat left 20px center #fff;
        background-size: 20px 20px;
        padding: 12px 12px 12px 50px;
    }
    .search_input{
        width:calc(100% - 100px);
        font-size:13px;
    }
    .btnsearch {
        width: 100px;
    }
}


@media (max-width:540px)
{
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
    .tableproduct td.tdproduct{
		display:block;
		width:100%;
	}
	.tableproduct td.tdproduct2{
		padding-left:0px;
		padding-top:30px;
	}
    .tabledpreviewh td.tddpreviewh{
        display:block;
        width:100%;
        text-align: center;
    }
    .tabledpreviewh td.tddpreviewh1{
    
        padding-right:0px;
        padding-bottom:20px;
    }
    .tabledpreviewh td.tddpreviewh2{
        display:none;
    }
    .tabledpreviewh td.tddpreviewh3{
        padding-left:0px;
    
    }
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
	.customPrevBtn{
		top:36vw;
	}
	.customNextBtn{
		top:36vw;
	}
	.customPrevBtnG{
		top:30vw !important;
	}
	.customNextBtnG{
		top:30vw !important;
	}
    .tablehnews td.tdhnews{
		display:block;
		width:100%;
	}
    .tablehnews td.tdhnews1{
		padding-right:0px;
		padding-bottom:20px;
	}
	.tablehnews td.tdhnews2{
		padding-left:0px;
	}
    .hnewsimg{
        height:70vw;
    }
}
@media (max-width:360px)
{
	
}