/* 浮動icon */
.phone-icon{
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 999;
    -webkit-filter: drop-shadow(3px 3px 3px rgba(75, 75, 75, 0.7));
}

.mail-icon{
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 20px;
    -webkit-filter: drop-shadow(3px 3px 3px rgba(75, 75, 75, 0.7));
}


/* 產品簡介 */
.product-detail{
    position: relative;
    top: 40px;
    margin: 80px 80px 40px;
   
}

.img-machine{
    margin:0 auto 0;
}
.img-machine img{
    width: 90%;
    height: auto;
    display: block;
 
}
.at603-small-pic{
    display: flex;
    list-style: none;
    margin: 0 auto 0 0;
    padding: 0;
    width: 80%;
}
ul.at603-small-pic li{
    margin: 10px 10px 0 0;
}

.at603-text{
    font-weight: bold;
    line-height: 1.5;
}
.at603-accreditation-p{
    color: #A87A52;
    line-height: 1.8;
}
.at603-outfit-text{
    font-weight: bold;
}
.at603-outfit-p{
    font-weight: bold;
    line-height: 1.8;
}
.buy-btn{
    font-weight: bold;
    background-color: #A87A52;
    color: #fff;
    border-radius: 0;
    padding: 5px 60px;
}

/* 認證區域 */
.at603-accreditation-pic{
    margin: auto;
}
/* 便於攜帶 */
.m-t-100{
    margin-top: 100px;
}
.m-b-100{
    margin-bottom: 100px;
}
.carry-bg{
    background-image: url(../img/carry-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
}
.easy-to-carry{
    color: #fff;
    font-weight: bold;
    text-align:right;
    padding-right: 10px;
}
.carry-p{
    display: flex;
    flex-flow: column;
    padding:0 50px 50px;
}

.carry{
    color: #fff;
    margin-top: 40px;
    font-weight: bold;
}

.carry-pic{
    background-image: url(../img/at602-carry-02.png);
    background-position: center ;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
}
.carry-pic img{
    max-width: 660px;
}
.sensitive{
    color: #959595;
    
    font-weight: bolder;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    position: absolute;
    bottom: -45px;
    right: -20px;
}

/* 酒精測試專家 */
.grey-bg{
background-color: #F9F9F9;
background-size: cover;
width: 100%;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 50px;
padding: 0;
}
.upgrade{
    margin-top: 100px;
    width: 210px;
}
.expert-text{
  
    line-height: 1.8;
    font-weight: bold;
}
.w-60{
    width: 60%;
}
.m-t-50{
    margin-top: 50px;
}
.m-b-50{
    margin-bottom: 50px;
}
.step-text{
    padding-top: 20px;
  
    font-weight: bold;
}
.expert-p{
    margin:0 70px 100px;
  
    line-height: 60px;
}

/* 說明大圖+灰塊小字 */
.explanation-con{
    background-size: 100% auto;
    position: relative;
}
.explanation-bg{
    background-image: url(../img/at602-detail.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
   
}
.grey{
    background-color: #ECEBEA;
    background-size: cover;
}
.grey-p{

font-weight: bold;
margin-bottom: 15px;
}

/* 使用步驟 */
.step-con{
    position: relative;
    top: 300px;
    width: 100%;
    margin-bottom: 400px;
}

.step-pic{
    position: relative;
    box-shadow:3px 3px 6px rgba(0,0,0,0.2) ;
}

.step-p{
    position: absolute;
    top: 430px;
    
    width: 95%;
    padding-left: 35px;
}


@media only screen and (min-width: 360px) and (max-width: 576px) {
    .phone-icon{
        bottom: 90px;
        right: 10px;
    }
    .phone-icon img{
      width: 60px;
      height: 60px;
    }

    .mail-icon{
        bottom: 20px;
        right: 10px;
    }
    .mail-icon img{
         width: 60px;
        height: 60px;
    }


    /* 產品簡介 */
.product-detail{
    top: 0px;
    margin: 40px 50px;
}

.img-machine{
    margin: 0 auto 10px;
}
.img-machine img{
width: 100%;
}
.at603-small-pic{
    padding: 0 20% 5% 0;
    width: 100%;
}
ul.at603-small-pic li{
    margin: 10px 10px 0 0;
}
/* 認證區域 */
.at603-blue{
    background-image: url(../img/at603-blue-02.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-width: 68%;
    display: block;
    padding: 100px 30px;
    background-position: bottom;

}
.at603-text{
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.at603-accreditation-p{
    font-size: 14px;
    line-height: 1.5;
}
.at603-outfit-text{
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.at603-outfit-p{
    font-size:12px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.ol,ul{
    padding-left: 1rem;
}
.buy-btn{
    margin-top: 10px;
    font-size: 14px;
    padding: 5px 40px;
}

/* 認證區域 */
.at603-accreditation-pic{
  margin-top: 50px;
  /* max-width: 1920px; */
}
/* 便於攜帶 */
.p-tb-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.p-rl-80{
    padding-right: 80px;
    padding-left: 80px;
}
.easy-to-carry{
    font-size: 18px;
    padding-right: 15px;
    padding-top: 10px;
}
.d-xs-none{
    display: none;
}
.carry-p{
    padding:0 20px 50px;
    margin-top: -30px;
}
.carry{
    font-size: 18px;
    margin-top: 30px;
}
.carry-pic img{
    max-width: 660px;
}
.sensitive{
    font-size: 6vmin;
    bottom: -30px;
    right: -20px;
}

/* 酒精測試專家 */
.grey-bg{
display: flex;
margin-top: 0px;
}
.upgrade{
    margin-top: 50px;
    max-width: 80px;
}
.expert-text{
    font-size: 20px;
    margin-top: 10px;
}
.m-b-30{
    margin-bottom: 30px;
}
.w-40{
    width: 40%;
}
.m-t-10{
    margin-top: 10px;
}
.m-b-10{
    margin-bottom: 10px;
}
.expert-icon{
    padding: 5px 35px;
}
.step-text{
    padding-top: 10px;
    font-size: 14px;
}
.expert-p{
    margin:0 70px 50px;
    font-size: 12px;
    line-height: 1.8;
}

/* 說明大圖+灰塊小字 */
.explanation-con{
    background-size: 100% auto;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 80px;
    height: 228px;
}
.explanation-bg{
    display: none;
}
.grey{
    position: inherit;
    /* margin: 80px 30px; */
    bottom: 0;
    right: 0;
    padding: 15px 80px;
}
.grey-p{
font-size: 14px;
line-height: 1.4;
margin-bottom: 5px;
}
/* 使用步驟 */
.step-con{
    top: 80px;
    margin-bottom: 110px;
}
.p-t-40{
    padding-top: 10px;
}
.p-b-40{
    padding-bottom: 20px;
}
.p-r-100{
    padding-right: 120px;
}
.p-l-100{
    padding-left: 120px;
}
.step-p{
    top: 68%;
    font-size: 14px;
    padding-left: 10%;
}

}

@media only screen and (min-width: 576px) and (max-width: 769px) {
/* 產品簡介 */
.product-detail{
    top: 0px;
    margin: 50px 150px;
}
.p-r-100{
    padding-right: 100px;
}
.p-l-100{
padding-left: 100px;

}

.img-machine{
    margin: 0 auto 10px;
}
.img-machine img {
    width: 100%;
}
/* 認證區域 */
.at603-blue{
    background-image: url(../img/at603-blue-02.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-width: 71%;
    display: block;
    padding: 180px 30px;
    background-position: bottom;

}
.at603-small-pic{
    padding: 5% 8% 5% 0;
    width: 100%;
}
ul.at603-small-pic li{
    margin: 10px 10px 0 0;
}

.at603-text{
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.at603-accreditation-p{
    font-size: 18px;
    line-height: 1.5;
}
.at603-outfit-text{
    font-size: 22px;
    padding-top: 5px;
}
.at603-outfit-p{
    font-size:14px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.buy-btn{
    margin-top: 10px;
    font-size: 18px;
    padding: 5px 40px;
}

/* 認證區域 */
.at603-accreditation-pic{
  margin-top: 50px;
  /* max-width: 1920px; */
}
/* 便於攜帶 */
.p-50-100{
    padding: 50px 100px;
}
.easy-to-carry{
    font-size: 18px;
    padding-right: 10px;
    padding-top: 10px;
}
.carry-p{
    padding:0 30px 30px;
    margin-top: -30px;
}
.carry{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.carry-pic{
    background-position: right;
}
.carry-pic img{
    max-width: 660px;
}
.sensitive{
    font-size: 6vmin;
    bottom: -30px;
    right: -20px;
}

/* 酒精測試專家 */
.grey-bg{
display: flex;
margin-top: 20px;
}
.upgrade{
    margin-top: 50px;
    max-width: 110px;
}
.expert-text{
    font-size: 32px;
    margin-top: 10px;
}
.p-20{
padding: 15px;
}
.w-80{
    width: 80%;
}
.m-t-20{
    margin-top: 20px;
}
.m-b-10{
    margin-bottom: 10px;
}
.step-text{
    padding-top: 10px;
    font-size: 16px;
}
.expert-icon{
    padding: 0 15px;
}
.expert-p{
    margin:0 70px 50px;
    font-size: 14px;
    line-height: 1.8;
}

/* 說明大圖+灰塊小字 */
.explanation-bg{
    background-position: top;
    width: 90%;
    height: auto;
   margin: 60px 80px;
   padding: 130px 80px;
}
.grey{
    position: absolute;
    bottom: 0px;
    right: 62px;
    padding: 10px 40px;
}
.grey-p{
    padding: 5px 20px;
font-size: 14px;
line-height: 1.2;
margin-bottom: 5px;
}
/* 使用步驟 */
.step-con{
    top: 50px;
    margin-bottom: 70px;
    padding: 0 80px;
}
.p-30-50{
    padding: 0 40px 50px;
}
.step-p{
    top: 66%;
    font-size: 16px;
    padding-left: 10%;
}

}


@media only screen and (min-width: 769px) and (max-width: 1200px) {
/* 產品簡介 */
.product-detail{
    top: 0px;
    margin: 50px 160px;
}
.p-r-100{
    padding-right: 100px;
}
.p-l-100{
padding-left: 100px;

}

.img-machine{
    margin: 0 auto 10px;
}
.img-machine img{
    width: 100%;
}
/* 認證區域 */
.at603-blue{
    background-image: url(../img/at603-blue.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-width: 100%;
    display: block;
    padding: 100px 30px;
    background-position: bottom;

}
.at603-small-pic{
    padding: 3% 40% 3% 0;
    width: 100%;
}
ul.at603-small-pic li{
    margin: 10px 10px 0 0;
}

.at603-text{
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.at603-accreditation-p{
    font-size: 16px;
    line-height: 1.5;
}
.at603-outfit-text{
    font-size: 24px;
    padding-top: 5px;
}
.at603-outfit-p{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.buy-btn{
    margin-top: 10px;
    font-size: 16px;
    padding: 5px 40px;
}

/* 認證區域 */
.at603-accreditation-pic{
  margin-top: 50px;
  /* max-width: 1920px; */
}
/* 便於攜帶 */
.p-tb-50{
    padding-top: 100px;
    padding-bottom: 100px;
}
.p-rl-80{
    padding-right: 80px;
    padding-left: 80px;
}
.p-80{
    padding: 80px;
}
.easy-to-carry{
    font-size:20px;
    padding-top: 10px;
    padding-right: 10px;
}
.carry-p{
    padding:0 30px 60px;
    margin-top: -30px;
}
.carry{
    font-size: 20px;
    margin-top: 30px;
    /* margin-bottom: 40px; */
}
.carry-pic{
    background-position: right;
}
.carry-pic img{
    max-width: 660px;
}
.sensitive{
    font-size: 6vmin;
    bottom: -30px;
    right: -20px;
}

/* 酒精測試專家 */
.grey-bg{
display: flex;
margin-top: 20px;
}
.upgrade{
    margin-top: 50px;
    max-width: 120px;
}
.expert-text{
    font-size: 32px;
    margin-top: 10px;
}
.p-20{
padding: 20px;
}
.w-80{
    width: 80%;
}
.m-t-20{
    margin-top: 20px;
}
.m-b-10{
    margin-bottom: 10px;
}
.step-text{
    padding-top: 20px;
    font-size: 16px;
}
.expert-icon{
    padding: 0 40px;
}
.expert-p{
    margin:0 70px 50px;
    font-size: 14px;
    line-height: 1.5;
}

/* 說明大圖+灰塊小字 */
.explanation-bg{
    background-position: top;
    width: 90%;
    height: auto;
   margin: 60px 80px;
   padding: 130px 80px;
}
.grey{
    position: absolute;
    bottom: -45px;
    right: 80px;
    padding: 20px 80px;
}
.grey-p{
font-size: 14px;
line-height: 1.4;
margin-bottom: 5px;
}
/* 使用步驟 */
.step-con{
    top: 100px;
    margin-bottom: 145px;
    padding: 0 100px;
}
.p-70-100{
    padding: 0 30px 80px;
}
.step-p{
    top: 66%;
    font-size: 16px;
    padding-left: 10%;
}






}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    /* 產品簡介 */
    .product-detail{
        top: 0px;
        margin: 150px 160px 80px;
    }
    .p-r-100{
        padding-right: 100px;
    }
    .p-l-100{
    padding-left: 100px;
    
    }
    
    .img-machine{
        margin: 0 auto 10px;
    }
    .img-machine img{
        width: 70%;
    }
    /* 認證區域 */
    .at603-blue{
        background-image: url(../img/at603-blue.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        min-width: 100%;
        display: block;
        padding: 130px 30px;
        background-position: bottom;
    
    }
    .at603-small-pic{
        padding: 1% 40% 1% 0;
        width: 100%;
    }
    ul.at603-small-pic li{
        margin: 10px 10px 0 0;
    }
    
    .at603-text{
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 5px;
    }
    .at603-accreditation-p{
        font-size: 16px;
        line-height: 1.5;
    }
    .at603-outfit-text{
        font-size: 24px;
        padding-top: 5px;
    }
    .at603-outfit-p{
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 5px;
    }
    .buy-btn{
        margin-top: 10px;
        font-size: 16px;
        padding: 5px 40px;
    }
    
    /* 認證區域 */
    .at603-accreditation-pic{
      margin-top: 50px;
      /* max-width: 1920px; */
    }
    /* 便於攜帶 */
    .p-tb-50{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .p-rl-80{
        padding-right: 80px;
        padding-left: 80px;
    }
    .p-80{
        padding: 80px;
    }
    .easy-to-carry{
        font-size:20px;
        padding-top: 10px;
        padding-right: 10px;
    }
    .carry-p{
        padding:20px 30px 100px;
        margin-top: -30px;
    }
    .carry{
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .carry-pic{
        background-position: right;
    }
    .carry-pic img{
        max-width: 660px;
    }
    .sensitive{
        font-size: 6vmin;
        bottom: -30px;
        right: -20px;
    }
    
    /* 酒精測試專家 */
    .grey-bg{
    display: flex;
    margin-top: 20px;
    }
    .upgrade{
        margin-top: 50px;
        max-width: 110px;
    }
    .expert-text{
        font-size: 28px;
        margin-top: 10px;
    }
    .p-20{
    padding: 20px;
    }
    .w-80{
        width: 80%;
    }
    .m-t-20{
        margin-top: 20px;
    }
    .m-b-10{
        margin-bottom: 10px;
    }
    .step-text{
        padding-top: 20px;
        font-size: 16px;
    }
    .expert-icon{
        padding: 0 60px;
    }
    .expert-p{
        margin:0 70px 50px;
        font-size: 14px;
        line-height: 1.5;
    }
    
    /* 說明大圖+灰塊小字 */
    .explanation-bg{
        background-position: top;
        width: 90%;
        height: auto;
       margin: 60px 80px;
       padding: 150px 80px;
    }
    .grey{
        position: absolute;
        bottom: -45px;
        right: 135px;
        padding: 20px 80px;
    }
    .grey-p{
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
    }
    /* 使用步驟 */
    .step-con{
        top: 100px;
        margin-bottom: 145px;
        padding: 0 100px;
    }
    .p-70-100{
        padding: 0 25px 20px;
    }
    .step-p{
        top: 66%;
        font-size: 16px;
        padding-left: 10%;
    }
    
    
    
    
    
    
    }



@media only screen and (min-width: 1600px) {
    /* 產品簡介 */
    .product-detail{
        
        /* top: 0px; */
        margin: 150px 400px 100px;
    }
    .p-r-150{
        padding-right: 160px;
    }
    .p-l-150{
    padding-left: 160px;
    
    }
    
    .img-machine{
        margin: 0;
    }
    .img-machine img{
        width: 85%;
        
    }
    /* .p-l-150{
        padding-left: 200px;
    }
    .p-r-150{
        padding-right: 200px;
    } */
    /* 認證區域 */
.at603-blue{
    background-image: url(../img/at603-blue.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-width: 100%;
    display: block;
    padding: 150px 30px;
    background-position: bottom;

}
    .at603-small-pic{
        padding: 1% 10% 1% 0;
        /* width: 100%; */
    }
    ul.at603-small-pic li{
        margin: 10px 10px 0 0;
    }
    
    .at603-text{
        font-size: 32px;
        line-height: 1.2;
        margin-top: 10PX;
        margin-bottom: 10px;
    }
    .at603-accreditation-p{
        font-size: 20px;
        line-height: 1.5;
    }
    .at603-outfit-text{
        font-size: 24px;
        padding-top: 10px;
    }
    .at603-outfit-p{
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 5px;
    }
    .buy-btn{
        font-size: 18px;
        padding: 5px 40px;
    }
    
    /* 認證區域 */
    .at603-accreditation-pic{
      margin-top: 50px;
    }
    /* 便於攜帶 */
    .p-100{
        padding:80px 180px;
    }
    .easy-to-carry{
        font-size: 20PX;
        padding-right: 10px;
        padding-top: 10px;
    }
    .carry-p{
        padding:0 30px 30px;
        margin-top: -30px;
    }
    .m-t-30{
        margin-top: 30px;
    }
    .carry{
        font-size: 20PX;
        margin-bottom: 80px;
    }
    .carry-pic img{
        max-width: 660px;
    }
    .sensitive{
        font-size: 6vmin;
        bottom: -30px;
        right: -20px;
    }
    
    /* 酒精測試專家 */
    .grey-bg{
    display: flex;
    margin-top: 50px;
    }
    .upgrade{
        margin-top: 50px;
        width: 130px;
    }
    .expert-text{
        font-size: 32px;
        margin-top: 20px;
    }
    .w-60{
        width: 60%;
    }
    .m-t-30{
        margin-top: 30px;
    }
    .m-b-10{
        margin-bottom: 10px;
    }
    .p-20{
        padding: 20px;
    }
    .step-text{
        padding-top: 20px;
        font-size: 18px;
    }
    .expert-icon{
        padding: 0 70px;
    }
    .expert-p{
        margin:20px 70px 50px;
        font-size:16px;
        line-height: 1.5;
    }
    
    /* 說明大圖+灰塊小字 */
    .explanation-bg{
        background-position: top;
        width: 90%;
        height: auto;
       margin: 100px 80px;
       padding: 200px 80px;
    }
    .grey{
        position: absolute;
        bottom: -50px;
        right: 210px;
        padding: 20px 80px;
    }
    .grey-p{
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
    }
    /* 使用步驟 */
    .step-con{
        
        padding: 0 100px;
        top: 150px;
        margin-bottom: 300px;
    }
    .p-30{
        padding: 30px;
    }
    .step-p{
        top: 66%;
        font-size: 18px;
        padding-left: 7%;
    }
    
    
    }