@CHARSET "UTF-8";

#webProductsSub {
    margin: 0 auto;
}

.product_image {
    width: 100%;
    height: 495px;
    margin: auto;
    position: relative;
    text-align: center;
    background-image: url(../images/pro-sub-01.png);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.p_img {
    max-width: 1920px;
    max-height: 495px;
    text-align: center;
    position: absolute;
    left: calc(50% - 960px);
}
.p_logo_img {
    margin-top: 25px;
    width: 195px;
}

.product_composition {
    width: 100%;
    height: 550px;
    margin: auto;
    position: relative;
    text-align: center;
    padding: 100px 24px 10px 24px;
    max-width: 1280px;
}
.product_cardreader {
    width: 100%;
    height: 920px;
    margin: auto;
    position: relative;
    text-align: center;
    padding: 100px 24px;
    max-width: 1280px;
}
.p_cp_ul {
    height: 280px;
    padding: 0 20px !important;
    margin-top: 50px;
}
.p_cp_li {
    width: 25%;
    float: left;
    margin-bottom: 22px;
}
.p_cr_li {
    width: 25%;
    float: left;
    margin-bottom: 22px;
}
.p_cr_br {
	display: none;	
}
.p_img_text01 {
    position: absolute;
    top: 50px;
    right: calc(50% - 500px);
    font-size: 20px;
    color: white;
    text-align: left;
}
.p_hr01 {
    border: 0.7px solid #222222;
    opacity: 0.2;
}
.p_cp_text02, .p_cr_text01 {
    font-size: 21px;
    text-align: left;
    color: #343434;
}
.p_cp_img_div {
    height: 200px;
    line-height: 200px;
}
.p_cp_text03, .p_cr_text02 {
    color: #808080;
}
.p_cp_blue {
    color: #003399;
}
.p_cr_img_div {
    height: 200px;
    line-height: 200px;
}
.p_cr_ul {
    height: 560px;
    padding: 0 20px !important;
    margin-top: 50px;
}
@media screen and (max-width: 1012px){
	.product_image {
	    width: 100%;
	    height: 390px;
	}
	.p_img {
	    left: calc(50% - 750px);
	    width: 1500px;
	}
	.p_img_text01 {
	    right: calc(50% - 375px);
	    font-size: 18px;
	    top: 40px;
	}
	.product_composition {
	    padding: 80px 24px 10px 24px;
	}
	.p_cp_text02, .p_cr_text01 {
	    font-size: 19px;
	}
	.p_cp_img_text {
	    font-size: 15px;
	}
	.p_cp_text03, .p_cr_text02 {
	    color: #808080;
	    font-size: 15px;
	}
	.p_cr_img_text {
	    font-size: 15px;
	}
	.p_logo_img {
	    margin-top: 20px;
	    width: 150px;
	}
	.product_cardreader {
	    padding: 50px 24px;
	    height: 820px;
	}
	
	
	
	
}

@media screen and (max-width: 760px){
	.p_img {
	    left: calc(50% - 600px);
	    width: 1200px;
	}
	.p_img_text01 {
	    right: calc(50% - 280px);
	    font-size: 12px;
	    top: 40px;
	    font-weight: 300;
	}
	.product_image {
	    height: 335px;
	}
	.p_logo_img {
	    margin-top: 20px;
	    width: 100px;
	}
	.p_cr_img_div {
	    height: 130px;
	    line-height: 130px;
	}
	.p_cp_img_div {
	    height: 150px;
	    line-height: 150px;
	}
}

@media screen and (max-width: 575px){
	.p_cp_li {
	    width: 50%;
	}
	.p_cr_li {
	    width: 50%;
	}
	.p_cp_img_div {
	    height: 120px;
	    line-height: 130px;
	}
	.p_cp_ul {
	    height: 320px;
	    margin-top: 30px;
	}
	.p_cr_img_div {
	    height: 120px;
	    line-height: 130px;
	}
	.p_cr_ul {
	    height: 555px;
	    margin-top: 30px;
	}
	.p_img {
	    left: calc(50% - 482px);
	    width: 900px;
	}
	.p_img_text01 {
	    right: calc(50% - 160px);
	    font-size: 12px;
	    top: 20px;
	}
	.product_image {
	    height: 231px;
	}
	.product_composition {
	    padding: 60px 16px 10px 16px;
	    height: 600px;
	}
	.p_cp_text02, .p_cr_text01 {
	    font-size: 17px;
	}
	.product_cardreader {
	    padding: 40px 16px;
	}
	.p_logo_img {
	    margin-top: 15px;
	    width: 70px;
	}
	.p_cp_text03, .p_cr_text02 {
	    font-size: 13px;
	    margin-top: 30px;
	}
	.p_cr_br {
		display: block;
	}
	
}