.video_mask { display:none; position: fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.9); z-index:100;}
.video_pop1 { display:none; position: fixed; top:50%; left: 50%; z-index: 110; transform: translate(-50%,-50%); min-width: 960px;}
.video_pop1 .video_close { position: absolute; top:-50px; right:-7%; z-index: 110; width:7%;}
.video_pop1 .c1 video { outline: none; width: 100%;}
.hot_product .p3,.hot_product .p4 { position: relative; width: 100%;}
.hot_product .p3 .video_btn { position:absolute; top:36%; left:70.2%; bottom:auto; width:9%;}
.hot_product .p4 .video_btn { position:absolute; top:31%; left:35.5%; bottom:auto; width:9%;}
.hot_product .p5 .video_btn { position:absolute; top:43%; left:70%; bottom:auto; width:9%;}

.home_f1 { background:#F6F6F6;}
.home_f1 .a1 { position:relative; width:100%; margin:auto;}
.home_f1 .a1_txt1 { display:none; position:absolute; top:32%; right:-13.6%; width:60%; font-style:italic; color:#00205B;}
.home_f1 .a1_txt1 h1 { font-size:46px; padding-bottom:30px; font-weight:700;}
.home_f1 .a1_txt1 h2 { font-size:32px; padding-bottom:24px; font-weight:700; margin-left:-20px;}
.home_f1 .a1_txt1 p { font-size:18px; line-height:24px; margin-left:-12px;}

.home_f1 .a1 .p2 { position:absolute; top:47%; left:58.3%; width:auto;}
.home_f1 .a1 .p2 { font-size:1.2vw; line-height:150%; padding:17px 0; color:#333;}
.home_f1 .a1 .p2 #linkText { font-size:1.575vw; font-weight:700; margin:auto 3px;}
.home_f1 .a1 .p2 .copy_btn:link, .home_f1 .a1 .p2 .copy_btn:visited { font-size:1vw; color:#cbcbcb; text-decoration:underline; margin:auto 5px;}
.home_f1 .a1_bg p { display:none;}
.btn1:link, .btn1:visited { position:absolute; width:12%; height:50px; line-height: 50px; background: #F9E103; color:#000; font-size: 1.2vw; font-weight: 700; text-align: center;}
.btn1:hover { background:#FFF;}
.p3 .btn1 { top:70%; left:16.7%;}
.p4 .btn1 { top:75%; right:17.5%;}
.p5 .btn1 { top:70%; left:16.7%;}
@media only screen and (min-width:1281px) and (max-width:1679px) {
    .home_f1 .a1_txt1 h1 { font-size:36px; padding-bottom:20px; font-weight:700;}
    .home_f1 .a1_txt1 h2 { font-size:28px; padding-bottom:10px; font-weight:700; margin-left:-20px;}
    .home_f1 .a1_txt1 p { font-size:16px; line-height:20px; margin-left:-12px;}
    .p3 .btn1 { height:40px; line-height: 40px;}
    .p4 .btn1 { height:40px; line-height: 40px;}
    .p5 .btn1 { height:40px; line-height: 40px;}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
    .home_f1 .a1 { width:100%;}
    .home_f1 .a1_txt1 h1 { font-size:34px; padding-bottom:15px; font-weight:700;}
    .home_f1 .a1_txt1 h2 { font-size:28px; padding-bottom:10px; font-weight:700; margin-left:-20px;}
    .home_f1 .a1_txt1 p { font-size:16px; line-height:20px; margin-left:-10px;}
    .p3 .btn1 { height:32px; line-height: 32px;}
    .p4 .btn1 { height:32px; line-height: 32px;}
    .p5 .btn1 { height:32px; line-height: 32px;}
}
@media only screen and (min-width:751px) and (max-width:1024px) {
    .video_pop1 { min-width: 860px;}
    .hot_product .video_btn { left:85%;}
    .home_f1 .a1 .p2 { top:46%; left:61.2%; font-size:1.6vw;}
    .home_f1 .a1 .p2 #linkText { font-size:2.075vw;}

    .home_f1 .a1 { width:100%;}
    .home_f1 .a1_txt1 { right:1%; width:47%; top:30%;}
    .home_f1 .a1_txt1 h1 { font-size:32px; padding-bottom:15px; font-weight:700;}
    .home_f1 .a1_txt1 h2 { font-size:26px; padding-bottom:10px; font-weight:700; margin-left:-20px;}
    .home_f1 .a1_txt1 p { font-size:16px; line-height:20px; margin-left:-14px;}
    .p3 .btn1 { height:32px; line-height: 32px; left:5.7%;}
    .p4 .btn1 { height:32px; line-height: 32px; right:10.5%;}
    .p5 .btn1 { height:32px; line-height: 32px; left:5.7%;}
    .hot_product .p3 .video_btn { top:44%; left:75.2%;}
    .hot_product .p4 .video_btn { top:41%; left:33.5%;}
    .hot_product .p5 .video_btn { top:55%; left:73%;}
}
@media only screen and (max-width:750px) {
    .video_btn { width:14%; left:43%;}
    .video_pop1 { width:100%; top:50%; left: 0; transform: translate(0,-50%); min-width:100%;}
    .video_pop1 .video_close { width: 42px; top: -42px; right:0;}
    .hot_product .video_btn { left:85.5%; top:44%; width:5.4%;}
    .home_f1 .a1 .p2 { top:36.8%; left:51%; font-size:12px; padding:10px 0;}
    .home_f1 .a1 .p2 #linkText { font-size:14px; margin:auto;}
    .home_f1 .a1 .p2 .copy_btn:link, .home_f1 .a1 .p2 .copy_btn:visited { font-size:12px; margin:auto 1px;}

    .home_f1 .a1 { width:100%;}
    .home_f1 .a1_txt1 { top:15%; right:1%;}
    .home_f1 .a1_txt1 h1 { font-size:22px; padding-bottom:5px; font-weight:700;}
    .home_f1 .a1_txt1 h2 { font-size:16px; padding-bottom:5px; font-weight:700; margin-left:-10px;}
    .home_f1 .a1_txt1 p { font-size:12px; line-height:18px; margin-left:-8px;}

    .home_f1 .a1_bg { position:relative;}
    .home_f1 .a1_bg p { display:block; position:absolute; top:0; left:0; padding:7.5% 20px 20px 8.7%; width:17.7%; background:rgba(255,255,255,0);}

    .p3 .btn1 { top:30%; left:12%; width:20%; /* padding-right:5%; */ height:30px; line-height: 30px; font-size:12px; font-weight: 500;}
    .hot_product .p3 .video_btn { top:56%; left:56%; width:20%;}
    .p4 .btn1 { top:30%; left:48.2%; width:20%; /* padding-right: 5%; */ height:30px; line-height: 30px; font-size:12px; font-weight: 500;}
    .hot_product .p4 .video_btn { top:58%; left:50%; width:20%;}
    .p5 .btn1 { top:30%; left:12%; width:20%; /* padding-right:5%; */ height:30px; line-height: 30px; font-size:12px; font-weight: 500;}
    .hot_product .p5 .video_btn { top:58%; left:58%; width:20%;}
}