﻿@charset "UTF-8";
@import url("vendors/bootstrap.min.css");
@import url("vendors/fontawesome-all.min.css");
@import url("vendors/lightbox.min.css");
@import url("vendors/slick.css");
/* Override Bootstrap */

/*前Start*/

body {
    font-family: 'Open Sans', 'Roboto', sans-serif, "微軟正黑體", "Microsoft JhengHei";
    color: #4A4A4A;
    font-size: 15px;
    line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
}

#main {
    font-family: 'Open Sans', 'Roboto', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}

.title02_inside{
    font-family: 'Open Sans', 'Roboto', sans-serif, "微軟正黑體", "Microsoft JhengHei";
}


.HDCCTVsection{
    margin: 0 0 0 10%;
}

.HDCCTVsection_R{
    margin: 0 0 0 5%;
}

.img-fluid-MM{
    max-width: 100%;
    height:auto;
    margin: 0 auto;
    -ms-height:auto;
    -moz-height:auto;
    -webkit-height:auto;
    -o-height:auto;
}

@media screen and (max-width: 576px) {
    .HDCCTVsection{
        margin: 0 0 0 0%;
    }

    .HDCCTVsection_R{
        margin: 0 0 0 0%;
    }

    .img-fluid-MM{
        zoom:0.26;
        -moz-transform: scale(0.26);
        max-width: 100%;
        height:auto;
        margin: 0 auto;
        -ms-height:auto;
        -moz-height:auto;
        -webkit-height:auto;
        -o-height:auto;
    }
}

@media (min-width: 576px) and  (max-width: 764px) {
    .img-fluid-MM {
        zoom:0.40;
        -moz-transform: scale(0.26);
        margin: 0 auto; 
    }
}

@media screen and (min-width: 992px){
    .HDCCTVsection{
        margin: 0 0 0 19%;
    }

    .HDCCTVsection_R{
        margin: 0 0 0 10%;
    }
}

/*前END*/

/*Start*/

.sectionforp {
    color: white;
    margin: 3px 15px 3px 15px;
 }
 .sectionforp_bgimg {
    background-color: rgb(0, 68, 139);
 }
 .sectionforp_bgimg_margin {
    text-align: center;
    padding: 1rem 0 1rem 0;
 }

.BoxFloat{
    float: left;
}
.clearfix{
    clear:both;
}

.TitlePdName{
    font-size: 1.3rem;
}

.Box1{
    text-align: center;
    padding: 25px;
}

.Box2{
    display: none;
    padding: 0;
    margin: 38px -32px 0 10px;
}

.Box3{
    padding: 0;
    margin: 0px 0 0px 30px;
}

.Box3RR{
    padding: 0;
    margin: 0px 0 0px 30px;
}

.Box4{
    padding: 12px 10px;
}

.Box2Img{
    margin: 22px 20px 22px 0;
}

.Box3Img{
    zoom: 1.2;
    margin: 8px 10px 8px -8px;
}
.Box3Img_Spl{
    zoom: 0.6;
    margin: 16px 10px 15px -16px;
    -moz-transform: scale(0.6) translate(-10%,-50%);
}

.dlText{
    line-height: 1.6em;
}
.dlTextBold{
    font-weight:bold;
}

.productList{
    /* border:1px solid #000; */
    padding:40px 0px 20px 0px;
}

/*START展開照片*/

.lightbox-Target {
    position: fixed;
    top: -100%;
    width: 100%;
    background: rgba(14, 73, 134, 0.88);
    opacity: 0;
    overflow: hidden;
    z-index: 10;
}

.lightbox-Target .content {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #333;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid #fff;
    box-sizing: border-box;
}

.lightbox-Target .imgMargin{
    margin: auto;
    position: inherit;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border-radius: 0px;
    border: none;
    box-sizing: border-box;
}

.lightbox-Target img {
    margin: auto;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border-radius: 20px;
    border: 5px solid rgb(199, 199, 199);
    box-sizing: border-box;
}



.lightbox-Target-Article{
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border-radius: 20px;
    border: 5px solid rgb(199, 199, 199);
    box-sizing: border-box;
}

.lightbox-Target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.lightbox-Target:target .content,
.lightbox-Target:target .imgMargin{
    max-height: 88%;
    max-width: 88%;
    margin: 20px 20px 20px 30px;
}

.lightbox-Target:target .content,
.lightbox-Target:target img {
    max-height: 100%;
    max-width: 100%;
}



.lightbox-Target:target .content,
.lightbox-Target:target  .lightbox-Target-Article{
    overflow-y: scroll;
    max-height: 80%;
    max-width: 70%;
    top: 12%;
    background-color: #FFF;
}

.lightbox-Target:target .lightbox-close {
    top: 17%;
}

.lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: rgb(158, 165, 173);
    color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 10%;
    right: 5%;
}

.lightbox-close:before {
    content: " ";
    display: block;
    height: 30px;
    width: 3px;
    background: rgb(255, 255, 255);
    position: absolute;
    left: 24px;
    top: 10px;
    transform: rotate(45deg);
}

.lightbox-close:after {
    content: " ";
    display: block;
    height: 30px;
    width: 3px;
    background: rgb(255, 255, 255);
    position: absolute;
    left: 24px;
    top: 10px;
    transform: rotate(-45deg);
}

/*END展開照片*/

@media screen and (max-width: 576px) {

    .sectionforp_bgimg_margin{
        padding: 15px;
    }

    .Box1 {
        margin: 0 0 -20px 0;
    }

    .Box1-Reco {
        margin: 0 0 -130px 0;
    }
    .TitlePdName{
        font-size: 2.7rem;
    }
    .Box2{
        display: none;
    }
    .Box3{
        text-align: center;
        margin: 20px 0 15px 0;
    }

    .Box3RR{
        text-align: center;
        margin: 20px 0 15px 0;
    }
    .Box3Img{
        zoom: 1.6;
        margin: 0px 8px 10px 8px;
    }

    .Box3Img_Spl{
        zoom: 0.8;
        margin: -10px 8px 10px 14px;
        -moz-transform: scale(0.5) translate(-65%,12%);
    }
    .Box4{
        padding: 0px 20px;
    }
    
    .productList{
        /* border:1px solid rgb(163, 15, 15); */
        padding:40px 0px 20px 0px;
    }

    .lightbox-Target:target .lightbox-close {
        top: 13%;
    }

    .lightbox-Target:target .imgMargin{
        max-height: 80%;
        max-width: 80%;
        margin: 20px 30px 20px 30px;
        }

    .lightbox-Target:target .content,
    .lightbox-Target:target  .lightbox-Target-Article{
        overflow-y: scroll;
        max-height: 65%;
        max-width: 70%;
        top: 26%;
        background-color: #FFF;
            
        }

}

@media screen and (min-width: 992px) {

    .TitlePdName{
        font-size: 1.6rem;
    }
    .Box2{
        display: block;
    }
    .Box3{
        margin: 30px 0 15px 0;
    }

    .Box3RR{
        margin: 22px 0 15px 0;
    }

    .Box3Img{
        zoom: 1.3;
        margin: 8px 8px 8px 8px;
    }

    .Box3Img_Spl{
        zoom: 0.65;
        margin: 15px 14px 10px 14px;
        -moz-transform: scale(0.5) translate(-66%,-70%);
    }

    .Box4{
        padding: 25px 30px;
    }
    
    .productList{
        /* border:1px solid rgb(26, 167, 89); */
        padding:40px 70px 20px 70px;
    }

    .lightbox-Target:target .imgMargin{
    max-height: 100%;
    max-width: 100%;
    margin: 20px 30px 20px 30px;
    }

    .lightbox-Target:target .content,
    .lightbox-Target:target  .lightbox-Target-Article{
    overflow-y: scroll;
    max-height: 75%;
    max-width: 70%;
    top: 10%;
    background-color: #FFF;
}
}

/*START產品清單二樣式*/

.prod222List{
    border:1px solid #000;
}

.TitlePdName_222{
    font-size: 2.0rem;
}

.ImgZoom{
    zoom:0.5;
}

.Box1_222{
    text-align: center;
    margin: 15px 0 0 0;
}

.Box1Img_222{
    margin: -20px 0 -120px 0;
}

.Box2_222{
    zoom: 0.8;
    text-align: center;
}

.Box2Img_222{
    padding: 0px 15px 25px;
}

.Box3_222{
    padding: 30px;
    line-height: 1.6rem;
}

@media screen and (max-width: 576px){
    .prod222List{
        border:1px solid rgb(163, 15, 15);
    }
    .Box2Img_222 {
        padding: 0px 5px 25px;
    }

    .Box3_222{
        padding: 10px 1px;
        font-size: 12px;
        line-height: 1.5rem;
    }
}

@media screen and (min-width: 992px){
    .prod222List{
        border:1px solid rgb(26, 167, 89);
    }
    .Box1Img_222{
        margin: -30px 0 -110px 0;
    }
    .Box3_222{
        padding:0px 10px 20px;
        line-height: 1.5rem;
    }
}

/*END產品清單二樣式*/

/*Features排版*/

.FeatureBox00{
    border:1px solid #000;
}

.FeatureBox11{
    border:1px solid rgb(11, 128, 37);
}

.FeatureBox22{
    border:1px solid rgb(221, 86, 92);
}

.FeaturesBorder{
    border-bottom: 2px solid rgb(222, 226, 230);;
}

.ApplicationsH1{
    font-size: 3.8rem;
    margin:30px;
    color: rgb(51, 102, 204);
}
.InvestorsH1{
    margin: 50px 10px 0 10px;
    width:100%;
}

.TitleH3{
    font-size: 1.6rem;
    font-weight: bold;
    margin:30px;
    color: rgb(51, 102, 204);
}

.FeatureP{
    font-size:1.2rem;
    line-height: 1.35rem;
    margin:0 30px 30px 30px;
}

.FeatureP_Chinese{
    font-size: 1.0rem;
    line-height: 1.9rem;
    margin: 0 30px 30px 30px;
}

.FeaturePs{
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin:0 30px 30px 30px;
}

.imgMargin{
    margin: 65px 0 30px 5px;
}

.imgIcon{
    margin: 30px 0 -10px 30px;
}

.bgGray{
    width:100%;
    border-top:1px solid rgba(41, 155, 222, 0.18);
    border-bottom:1px solid rgba(41, 155, 222, 0.18);
    height:4px;
    background-color: rgba(168, 168, 168, 0.39);
    margin: 5px 0 5px 0;
}

/*START項目選擇器*/

.selectMarginLeft{
    margin: 0 0 0 30px;
}

.selectTitle{
    height: 2.4rem;
    margin:22px 0 5px 0;
}

.selectTor{
    margin:11px 0 5px -45px;
}

.selectOption{
    height: 2.4rem;
    width: 100%;
    border:1px solid #000;
}

.selectorBtn{
    height:2.4rem;
    margin:11px 0 5px 40px;
}

/*END項目選擇器*/

@media screen and (max-width: 576px){
    .imgMargin{
        display:none;
        /* margin: 20px 0 30px 5px; */
    }
    
    .lightbox-Target .imgMargin{
        display:none;
    }

    .lightbox-Target:target .content,
    .lightbox-Target:target .imgMargin{
        display:none;
    }

    .lightbox-Target:target .imgMargin{
        display:none;
    }

    .ApplicationsH1{
        font-size: 2.5rem;
        margin:30px;
    }

    .selectMarginLeft{
        margin: 0 0 0 0px;
    }

    .selectTitle{
        height: 1.8rem;
        margin:5px 0 0px 0;
    }
    .selectTor{
        margin:5px 0 5px 0;
    }
    .searchBtn{
        width:100%;
    }
    .FeatureP{
        font-size:8px;
    }
}

@media screen and (max-width: 992px){

    .selectMarginLeft{
        margin: 0 0 0 0px;
    }

    .selectTor{
        margin:11px 0 5px 0;
    }

    .selectorBtn{
        height:2.4rem;
        margin:11px 0 5px 0;
    }
    .FeatureP{
        font-size:0.8rem;
    }
    
}

/*START_policy*/

.policy_bgimg {
    background-color: rgb(234, 234, 234);
 }
 .sectionforp_bgimg_margin {
    text-align: center;
    padding: 1rem 0 1rem 0;
 }

 .policyforP{
    font-size: 1.8rem;
    text-align: left;
    margin: 3px 0 0 20px;
    color: #007bff;
 }

 .policy-Article > P{
    font-size: 0.9rem;
    padding: 35px 20px 5px 20px;
    line-height: 2.0rem;
 }

 .Sub-Article{
    font-size: 0.9rem;
    line-height: 2.0rem;
 }

 .policy-Article > P.Sub-Article{
    font-size: 0.9rem;
    padding: 0px 20px 20px 20px;
 }

 .policy-h5{
     width:100%;
     border-bottom: 1px solid  #007bff;
     padding: 20px 10px 0 10px;
 }

 .policy-h5 > h5{
     font-size: 1.2rem;
     color: #315377;
     padding: 0 2px 5px 2px;
}

.Word-Blue{
    color: #007bff;
}

/*END_policy*/



/*START_pro_wf*/

.medal_Img{
    position: relative;
    z-index:5;
    height:55px;
}

.LineH_th{
    line-height: 55px;
}

.bg-Img{
    height: 100%;
    background-image: url(https://www.avtech.com.tw/Img/bg_3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-Img01{
   zoom:2.0;
}

.bg-Img0102{
    display: none;
}

.bg-Img06{
    margin: 3px 20px 20px 20px;
}

.pro_wf_h2{
    margin: 60px 20px 5px 20px;
    text-align: center;
    font-weight: bold;
}

.pro_wf_P1{
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1.6rem;
}

.pro_wf_P2{
    line-height: 1.6rem;
    text-align: justify;
    margin: 3px 10px 0 10px;
}

.pro_wf_P1_Mobile{
    display:block;
    text-align: left; 
    margin: 0 0 5px 0;
    line-height: 1.6rem;
}


.img_bg_1{
    height:200px;
}

.ImgBox{
    height: 340px;
    width: 100%;
}

.ImgBox_350{
    height: 100%;
    background-image: url(https://www.avtech.com.tw/Img/bg_1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.img_main_Pic03{
    margin: 0 0 50px 0;
}

.bg-Gray{
    background-color: #DEDEDE;
    padding: 82px 0 0 0;
}

.pro_wf_h5{
    font-size: 1.9rem;
    text-align: left;
    margin: 10px 20px 5px 20px;
    font-weight: bold;
}

.pro_wf_h6{
    font-size: 1.4rem;
    text-align: left;
    margin: 25px 20px 0px 20px;
}

.pro_wf_h6_Sub{
    margin: -10px 20px 0px 20px;
    text-align: center;
}

.BOX_Article03{
    margin: 20px 0 0 -55px;
    padding: 0 0 60px 0;
}

.BOX_Article07{
    margin: 20px 0 0 -25px;
    padding: 0 0 60px 0;
}

.FontWhite{
    color:#FFF;
}

.ImgBox_bg04{
    height: 100%;
    background-image: url(https://www.avtech.com.tw/Img/bg_4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.ImgBox_pic05{
    height: 100%;
    background-image: url(https://www.avtech.com.tw/Img/pic_5.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Fixicon_FB{
    position: fixed;
    z-index: 90;
    bottom: 1.35%;
    right: 315px;
    zoom: 0.28;
    -moz-transform: translate(218% , 32%) scale(0.28);
    line-height: 50px;
    background-color: rgba(183, 183, 183, 0.8901960784313725);
    border-radius: 60px;
    border: 9.0px solid rgba(183, 183, 183, 0.8901960784313725);
}

.Fixicon_FB:hover{
    background-color: rgba(12, 81, 206, 0.8901960784313725);
}

.Fixicon_Shopee {
    -moz-transform: scale(0.15) translate(1240%,268%);
    position: fixed;
    z-index: 90;
    bottom: 1.3%;
    right: 1150px;
    /*right: 1050px;*/
    zoom: 0.15;
    background-color: white;
    border-radius: 60px;
    border: 10px solid rgba(216, 90, 17, 0.8901960784313725);
}

.Fixicon_Shopee:hover{
    border: 10px solid rgba(210, 62, 62, 0.93);
}

.Fixicon_Shopee_buynow {
    position: fixed;
    z-index: 90;
    bottom: 10px;
    right: 158px;
    /* right: 1050px; */
    background-color: rgba(216, 146, 17, 0.95);
    border-radius: 11px;
    color: aliceblue;
    font-size: 0.85rem;
}

    .Fixicon_Shopee_buynow:hover {
        background-color: rgba(255, 255, 255, 0.95);
        color: rgba(216,146,17,0.95);
        font-size: 0.87rem;
        border: 3px solid rgba(216,146,17,0.95);
    }

    .Fixicon_Shopee01 {
        display: none;
    }

.Fixicon_IG{
    position: fixed;
    z-index: 90;
    bottom: 1.35%;
    right: 460px;
    zoom:  0.28;
    -moz-transform: translate(303% , 32%) scale(0.28);
    line-height: 50px;
    background-color: rgba(183, 183, 183, 0.8901960784313725);
    border-radius: 60px;
    border: 9.0px solid rgba(183, 183, 183, 0.8901960784313725);
}

.Fixicon_IG:hover{
    background-color: rgba(220, 16, 157, 0.8901960784313725);
}

.Fixicon_Youtube{
    position: fixed;
    z-index: 90;
    bottom: 1.35%;
    right: 170px;
    zoom:  0.28;
    -moz-transform: translate(135% , 32%) scale(0.28);
    line-height: 50px;
    background-color: rgba(183, 183, 183, 0.8901960784313725);
    border-radius: 60px;
    border: 9.0px solid rgba(183, 183, 183, 0.8901960784313725);
}

.Fixicon_Youtube:hover{
    background-color: rgba(204, 11, 11, 0.8901960784313725);
}

.product_compare_h2{
    border-bottom: 3px solid rgb(35, 114, 195);
    margin: 50px 190px 25px 190px;
}

.widthRWD_33{
    width:33%;
}

.table-txtCenter{
    text-align: center;
}

.table_bg_blue{
    background-color: rgb(35, 114, 195);
    color: rgb(239, 239, 239);
}



@media screen and (max-width: 576px)  {
    .medal_Img {
        z-index: 5;
        height: 25px;
    }

    .LineH_th {
        line-height: 25px;
    }

    .bg-Img01 {
        display: none;
    }

    .bg-Img0102 {
        display: block;
    }

    .pro_wf_h2 {
        font-weight: bold;
        margin: 35px 20px 18px 20px;
        text-align: center;
        font-size: 1.5rem;
    }

    .pro_wf_P {
        text-align: justify;
    }

    .pro_wf_h5 {
        font-size: 1.4rem;
        text-align: left;
        font-weight: bold;
        margin: 0 0 0 10px;
    }

    .pro_wf_P1 {
        text-align: left;
    }

    .pro_wf_P2 {
        line-height: 1.6rem;
        text-align: left;
        margin: 15px 0 15px 0;
    }

    .BOX_Article03 {
        margin: 5px 0 0 0px;
    }

    .Fixicon_FB, .Fixicon_Shopee, .Fixicon_IG, .Fixicon_Youtube , .Fixicon_Shopee_buynow {
        display: none;
    }

    .Fixicon_Shopee01 {
        margin-right: 245px;
        display: block;
        position: fixed;
        z-index: 90;
        bottom: 1.35%;
        right: 120px;
        /*right: 370px;*/
        zoom: 0.42;
        opacity: 0.6;
        -moz-transform: scale(0.4) translate(630%,66%);
        -moz-bottom: -4%;
        -moz-right: 15px;
        -moz-opacity: 0.6;
    }

        .Fixicon_Shopee01:hover {
            opacity: 1.0;
        }


    .product_compare_h2 {
        margin: -30px 90px 15px 90px;
    }

    .product_compare_h2 {
        border-bottom: none;
    }
}

@media screen and (max-width: 992px) {
    .BOX_Article03 {
        margin: 20px 0 0 0px;
    }

    .BOX_Article07 {
        margin: 20px 0 20px 0px;
    }
}

@media (max-width: 900px) and (orientation: landscape) {
    .Fixicon_Shopee01{
        display:none;
    }

    .Fixicon_Shopee_buynow {
        display: none;
    }

    .Fixicon_Shopee {
        display: none;
    }
}

/*START_Investors*/

/*小NAV*/
.InvestorsNav a{
    text-decoration: none;
    color: #FFF;
}

.InvestorsNav{
    list-style: none;
    font-size: 0.9rem;
    margin: 0 5px 10px 5px;
    background-color: #1c8cdc;
    padding: 5px 10px 5px 10px;
    border-radius: 4px; 
}

.InvestorsNav:hover{
    background-color: #000;
}

.InvestorNavUl{
    margin: 0 -15px 0px -15px;
}

.InvestorNavUl > li > a:hover{
    color:#FFF;
    text-decoration: #FFF;
}
/**/

.liWordPre{
    white-space: pre;
}

.table-Outside{
    width: 150%;
}

.table-Word{
    font-size:0.8rem;
}

.NAV_In_2{
    display: none;
}

@media screen and (max-width: 576px) {
    .table-Outside {
        width: 0%;
    }

    .NAV_In_1 {
        display: none;
    }

    .NAV_In_2 {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .table-Outside {
        width: 180%;
    }
}

/*END_Investors*/


/*Share_Start*/
    ul.ulfirst {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.share_icon {
    position: fixed;
    bottom: 10px;
    right: 108px;
    color: #ffffff;
    background-color: #d6d2d2;
    padding: 10px;
    border-radius: 16px;
    width: 35px;
    -moz-transform: scale(1.0) translate(0%,-15%);
    -o-transform: scale(1.0) translate(0%,-15%);
    -ms-transform: scale(1.0) translate(0%,-15%);
}

    .share_icon:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(49, 156, 49);
    }

ul.ulfirst ul {
    display: none;
    border: 1px solid rgb(189, 189, 189);
    border-radius: 65px;
    z-index: 50;
    bottom: 75px;
    right: 180px;
    min-width: 50px;
    padding: 5px 15px 30px 15px;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.7607843137254902);
    zoom: 0.5;
    -moz-transform: scale(0.5) translate(164%,60%);
    -o-transform: scale(0.5) translate(158%,45%);
    -ms-transform: scale(0.5) translate(158%,45%);
}

    ul.ulfirst ul li {
        font-size: 1.8rem;
        display: block;
        text-align: center;
    }

ul.ulfirst li:hover > ul {
    display: block;
}

ul.ulfirst li {
    position: relative;
    white-space: nowrap;
}

ul.ulfirst > li:last-child {
    border-right: none;
}

ul.ulfirst > li {
    float: left;
}

ul.ulfirst a {
    color: #000;
    display: block;
    padding: 14px 17px;
    text-decoration: none;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
}

ul.ulfirst ul:hover > .share_icon {
    color: rgb(255, 255, 255);
    background-color: rgb(49, 156, 49);
}


/* .FB_icon_share{
    background-color: #FFF;
    color: #FFF;
}
.FB_icon_share:hover a{
    background-color: #FFF;
    color: rgb(26, 115, 232);
}
.whatsapp_icon_share{
    background-color: #FFF;
    color: #FFF;
}
.whatsapp_icon_share:hover{
    background-color: #FFF;
    color: rgb(59, 144, 69);
}
.ig_icon_share{
    background-color: #FFF;
    color: #FFF;
}
.ig_icon_share:hover{
    background-color: #FFF;
    color: rgb(225,48,108);
}
.line_icon_share{
    background-color: #FFF;
    color: #FFF;
}
.line_icon_share:hover{
    background-color: #FFF;
    color: rgb(0, 185, 0);
}
.twitter_icon_share{
    background-color: #FFF;
    color: #FFF;
}
.twitter_icon_share:hover{
    background-color: #FFF;
    color: rgb(29, 161, 242);
}
.pinterest_icon_share{
    background-color: #FFF;
    color: #FFF;
}
.pinterest_icon_share:hover{
    background-color: #FFF;
    color: rgb(200, 35, 44);
}

ul.ulfirst .FB_icon_share a:hover{
    color: rgb(26, 115, 232);
}
ul.ulfirst .whatsapp_icon_share a:hover{
    color: rgb(59, 144, 69);
}
ul.ulfirst .ig_icon_share a:hover{
    color: rgb(225,48,108);
}
ul.ulfirst .line_icon_share a:hover{
    color: rgb(0, 185, 0);
}
ul.ulfirst .twitter_icon_share a:hover{
    color: rgb(29, 161, 242);
}
ul.ulfirst .pinterest_icon_share a:hover{
    color: rgb(200, 35, 44);
} */

@media screen and (max-width: 576px)  {
    .share_icon {
        position: fixed;
        bottom: 1.35%;
        right: 85px;
        zoom: 1.2;
        -moz-transform: scale(1.05) translate(0%,-20%);
        -o-transform: scale(1.05) translate(0%,-20%);
        -ms-transform: scale(1.05) translate(0%,-20%);
        opacity: 0.7;
    }

    ul.ulfirst ul {
        display: none;
        bottom: 5.0%;
        right: 155px;
        zoom: 0.55;
        -moz-transform: scale(0.50)translate(164%,50%);
        -o-transform: scale(0.55);
        -ms-transform: scale(0.55);
    }
       ul.ulfirst ul li {
          display: block;
          text-align: center;
          margin: 25px 0;
       }

    .share_icon:hover {
        opacity: 1;
    }

    ul.ulfirst ul:hover > .share_icon {
        opacity: 1;
    }
}



@media (max-width: 900px) and (orientation: landscape) {
    .share_icon {
        display: none;
    }

    ul.ulfirst ul {
        display: none;
    }
}

    /*Share_END*/

    /*btn_Follow_Start*/

ul.ulsecond {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.follow_icon {
    position: fixed;
    bottom: 10px;
    right: 55px;
    color: #ffffff;
    background-color: #d6d2d2;
    padding: 11px 10px 10px 10px;
    border-radius: 27px;
    width: 35.5px;
    -moz-transform: scale(1.0) translate(0%,-15%);
    -o-transform: scale(1.0) translate(0%,-15%);
    -ms-transform: scale(1.0) translate(0%,-15%);
}

        .follow_icon:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(253,29,29);
        }

ul.ulsecond ul {
    display: none;
    border: 1px solid rgb(189, 189, 189);
    border-radius: 65px;
    z-index: 50;
    bottom: 75px;
    right: 80px;
    min-width: 50px;
    padding: 5px 15px 30px 15px;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.7607843137254902);
    zoom: 0.5;
    -moz-transform: scale(0.5) translate(110%,58%);
    -o-transform: scale(0.5) translate(158%,45%);
    -ms-transform: scale(0.5) translate(158%,45%);
}

        ul.ulsecond ul li {
            font-size: 1.8rem;
            display: block;
            text-align: center;
        }

    ul.ulsecond li:hover > ul {
        display: block;
    }

    ul.ulsecond li {
        position: relative;
        white-space: nowrap;
    }

    ul.ulsecond > li:last-child {
        border-right: none;
    }

    ul.ulsecond > li {
        float: left;
    }

    ul.ulsecond a {
        color: #000;
        display: block;
        padding: 14px 17px;
        text-decoration: none;
        zoom: 0.75;
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
    }

    ul.ulsecond ul:hover > .share_icon {
        color: rgb(255, 255, 255);
        background-color: rgb(49, 156, 49);
    }

    ul.ulsecond ul:hover > .follow_icon {
        color: rgb(255, 255, 255);
        background-color: rgb(253,29,29);
    }


    @media screen and (max-width: 576px) {
        .follow_icon {
            position: fixed;
            bottom: 1.35%;
            right: 38px;
            color: #ffffff;
            background-color: #d6d2d2;
            padding: 10px;
            border-radius: 27px;
            width: 35.5px;
            zoom: 1.25;
            -moz-transform: scale(1.05) translate(0%,-20%);
            -o-transform: scale(1.05) translate(0%,-20%);
            -ms-transform: scale(1.05) translate(0%,-20%);
            opacity: 0.7;
        }

        ul.ulsecond ul {
            display: none;
            z-index: 50;
            bottom: 5.0%;
            right: 70px;
            zoom: 0.50;
            -moz-transform: scale(0.5)translate(118%,50%);
            -o-transform: scale(0.50);
            -ms-transform: scale(0.50);
        }
            ul.ulsecond ul li {
                display: block;
                text-align: center;
                margin: 25px 0;
            }

        .follow_icon:hover {
            opacity: 1;
        }

        ul .ulsecond ul:hover > .follow_icon {
            opacity: 1;
        }
    }

@media (max-width: 900px) and (orientation: landscape) {

    .follow_icon {
        display: none;
    }

    ul.ulsecond ul {
        display: none;
    }
}

    /*btn_Follow_END*/





    /*Amazon_START*/

    .amazon_inputWidth {
        width: 100%;
    }

    .amazon-h1 {
        text-align: center;
        font-size: 2.8rem;
        font-weight: bold;
        margin: 45px 0 30px 0;
        padding: 10px 0 0 0;
    }

    .amazon-imgP {
        margin: 0 240px 0 240px;
        font-size: 1.3rem;
        line-height: 2.0rem;
        text-align: center;
        padding: 0 0 25px 0;
        border-bottom: 1px solid #3982dc;
    }

    .amazon-slidedownP {
        margin: 0 300px 70px 300px;
        text-align: center;
        color: rgb(179, 179, 179);
    }

    .first_amaBox {
        border: 1px solid #f1f1f1;
        width: 700px;
        margin: 0 auto;
        padding: 35px 40px 20px 40px;
        box-shadow: 0px 5px 7px #bdbdbd;
        border-radius: 15px;
    }

    .amazon_input_radio_Li {
       float: left;
       font-size: 1.1rem;
       margin: 5px 30px 0 10px;
    }

    .amazon_btn {
        margin: 0 auto;
        padding: 10px 120px;
        font-size: 1.3rem;
    }

    .ama_btn_astore {
        margin: 30px 0 10px 30px;
        display: block;
    }

    @media (min-width: 576px) and (max-width: 992px) {
        .amazon-h1 {
            font-size: 2.0rem;
        }

        .amazon-imgP {
            margin: 0 10px 0 10px;
            font-size: 1.1rem;
            line-height: 1.8rem;
            text-align: center;
            padding: 0 0 25px 0;
            border-bottom: 1px solid #3982dc;
        }

        .amazon-slidedownP {
            margin: 0 0px 70px 0px;
        }

        .first_amaBox {
            width: 530px;
        }
    }

    @media screen and (max-width: 576px) {

        .ama_btn_astore {
            margin: 30px 0 10px 10px;
        }

        .first_amaBox {
            width: 330px;
        }

        .ama_h3 {
            font-size: 1.2rem;
        }

        .amazon-h1 {
            font-size: 1.9rem;
        }

        .amazon-imgP {
            margin: 0 5px 0 5px;
            font-size: 1.0rem;
        }

        .amazon-slidedownP {
            margin: 0 0px 70px 0px;
        }

        .amazon_input_radio_Li {
            float: left;
            margin: 5px 30px 0 0;
            font-size: 1.0rem;
        }
    }

    @media screen and (max-width: 320px) {
        .first_amaBox {
            width: 290px;
            padding: 35px 20px 20px 20px;
        }
    }

    /*Amazon_END*/

    /*cheerup_amazon_START*/

    .cheerup_img {
        margin: 0 0px 0 210px;
    }

    .cheerup_h2 {
        text-align: center;
        font-size: 3.0rem;
        margin: 0;
    }

    .cheerup_h4Big {
        text-align: center;
        font-size: 3.0rem;
        margin: 0;
    }

    .cheerup_h4Small {
        text-align: center;
        font-size: 1.6rem;
        margin: 20px 0;
    }

    .cheerup_btn {
        margin: 0 auto;
        padding: 10px 120px;
        font-size: 1.3rem;
    }

    .cheerup_btn2 {
        margin: 0 auto;
        padding: 10px 105px;
        font-size: 1.3rem;
    }

    @media (min-width: 576px) and (max-width: 992px) {
        .cheerup_img {
            margin: 0 0px 0 140px;
        }

        .cheerup_btn {
            padding: 10px 90px;
        }

        .cheerup_btn2 {
            padding: 10px 74px;
        }
    }

    @media screen and (max-width: 576px) {
        .cheerup_img {
            margin: 0 0px 0 30px;
        }

        .cheerup_h2 {
            text-align: center;
            font-size: 2.0rem;
        }

        .cheerup_h4Big {
            text-align: center;
            font-size: 1.7rem;
        }

        .cheerup_h4Small {
            text-align: center;
            font-size: 1.1rem;
            margin: 20px 0;
        }

        .cheerup_btn {
            padding: 10px 30px;
        }

        .cheerup_btn2 {
            margin: 0 auto;
            padding: 10px 14px;
            font-size: 1.3rem;
            line-height: 1.8rem;
        }
    }

    @media screen and (max-width: 320px) {
        .cheerup_h2 {
            text-align: center;
            font-size: 1.6rem;
        }

        .cheerup_h4Big {
            text-align: center;
            font-size: 1.5rem;
        }

        .cheerup_h4Small {
            text-align: center;
            font-size: 0.9rem;
            margin: 20px 0;
        }

        .cheerup_btn {
            padding: 10px 50px;
            font-size: 1.0rem;
        }

        .cheerup_btn2 {
            margin: 0 auto;
            padding: 10px 38px;
            font-size: 1.0rem;
            line-height: 1.8rem;
        }
    }

    /*cheerup_amazon_END*/

    /*limited warranty_START*/


.lMed-Box1 {
    
    padding: 10px 30px 10px 30px;
    border-radius: 20px;
    margin: 10px;
}


.lMed-h5 {
    width: 100%;
    border-bottom: 1px solid #007bff;
    padding: 20px 10px 0 10px;
}

    .lMed-h5 > h5 {
        font-size: 1.0rem;
        color: #315377;
        padding: 0 2px 5px 2px;
        line-height: 1.9rem;
    }

.lMed_flow_img {
    margin: 0 auto;
}

.lMed_Sub-Article {
    font-size: 1.0rem;
    line-height: 2.5rem;
}

@media screen and (max-width:576px){
    .lMed_h1 {
        font-size: 1.75rem;
        margin: 30px;
    }

    .lMed_Word09rem {
        font-size: 0.9rem;
    }

    .lMed_Word045rem {
        font-size: 0.45rem;
    }
    .lMed_Word13rem {
        font-size: 1.3rem;
    }
}

    /*limited warranty_END*/