.main{
	overflow:visible !important;
}
.patterns {margin:auto;min-width: 910px;}
.patterns img { width:100%;}
.patterns .copy1 { display:none;}
.p_rela {position:relative;background: #000;padding-bottom: 8%;}
.font1 { font-size:16px; line-height:28px;}
.font2 { font-size:18px; line-height:34px;}
.font3 { font-size:20px; line-height:34px;}

.p_btn:link, .p_btn:visited {position:relative;display:block;width:100%;margin-bottom: 2vw;height: 4vw;line-height: 4vw;background:#F9E103;color:#000;padding: 0 50% 0 10%;font-weight:700;min-width:250px;font-size: 1.575vw;box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);}
.p_btn:hover { background:#FFF;}
.p_btn2:link, .p_btn2:visited { position:relative; display:block; text-align:center; width:100%; margin-bottom:2vw; height:4vw; line-height:4vw; background:#F9E103; color:#000; padding:0 30%; font-weight:700;font-size: 1.575vw;box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);}
.p_btn2:hover { background:#FFF;}

.arrow01 {position:absolute;top: calc(50% - 8px);right: 3%;overflow:visible;}
.arrow01:before{content:'';height: 8px;width: 8px;display:block;border: 4px solid #000;border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:0;right:0;}

.arrow02 { position:absolute; top:18px; right:14%; overflow:visible;}
.arrow02:before{content:''; height:10px; width:10px; display:block; border:3px solid #000; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:0; right:0;}

.p_btn2 .arrow01 {right: 10%;}

.blue1 { color:#275097; font-weight:700;}
.white1 { color:#FFF;}

.patterns .p0 { position:relative;}
.patterns .p0 .pimage{width: 100%;}
.patterns .p0 .btn { position:absolute;}
.patterns .p4 .btn {top: 1%;left: 14.6%;}
.patterns .p5 .btn {top: 1%;right: 22.8%;}
.patterns .p6 .btn {top: 1%;left: 14.6%;}
.patterns .p7 .btn {top: 1%;right: 22.8%;}
.patterns .p8 .btn {top: 1%;left: 14.6%;}
.patterns .p9 .btn {top: 1%;right: 22.8%;}
.patterns .p9 .btn2 {position:absolute;top: 70%;left: 37.5%;width: 16%;}

.pp0 .font1 { position:absolute; top:63%; left:51.8%; width:30%; font-weight:300;}
.p2 .ft1 { position:absolute; top:54.3%; left:8.8%;}
.p2 .ft2 { position:absolute; top:64%; left:8.8%;}
.p2 .ft3 { position:absolute; top:54.3%; left:40.2%;}
.p2 .ft4 { position:absolute; top:64%; left:40.2%;}
.p2 .ft5 { position:absolute; top:54.1%; left:76.9%;}
.p2 .ft6 { position:absolute; top:64%; left:76.9%;}

.m1 .ft1 { position:absolute; top:45%; left:10%; width:80%; text-align:center;}

.p2b .ft1 { position:absolute; top:25%; left:58%;}
.p2b .ft2 { position:absolute; top:35%; left:58%;}
.p2b .ft2 .z1 { float:left; background:#002059; padding:0 6px; color:#FFF; line-height:26px; margin-top:7px;}
.p2b .ft2 .z2 { float:right; font-size:18px; padding-left:12px;}
.p2b .ft3 { position:absolute; top:63%; left:57.9%;}

.p3 .ft1 { position:absolute; top:61%; left:25.8%;}
.p3 .ft2 { position:absolute; top:67%; left:25.7%;}
.p3 .ft3 { position:absolute; top:78.6%; left:25.8%;}
.p3 .ft2 .z1 { float:left; background:#002059; padding:0 6px; color:#FFF; line-height:26px;}
.p3 .ft2 .z2 { float:right; font-size:18px; padding-left:12px;}

.p4 .ft1 { position:absolute; top:79%; left:10%; width:80%; text-align:center;}

.p4b .ft1 { position:absolute; top:38.2%; left:58%;}
.p4b .ft2 { position:absolute; top:50%; left:58%;}
.p4b .ft2 .z1 { float:left; margin-right:10px; background:#001C55; padding:0 7px;}
.p4b .ft3 { position:absolute; top:70%; left:58%;}

.p5 .ft1 { position:absolute; top:85%; left:10%; width:80%; text-align:center;}
.p11 .ft1 { position:absolute; bottom:5%; left:10%; width:80%; text-align:center;}

.patterns .p2 .a1 { position:absolute; top:82%; left:8.5%; width:14%;}
.patterns .p2 .a2 { position:absolute; top:82%; left:40.2%; width:14%;}
.patterns .p2 .a3 { position:absolute; top:82%; left:77%; width:14%;}

.patterns .p2 .icon { position:absolute; top:76%;z-index:6;}
.patterns .icon .b1 { float:left; margin-right:19px; position:relative; width:30px;}
.patterns  .icon .b1 img { display:block; width:auto; cursor:pointer;}
.patterns .icon .b1 .x1 { display:none; position:absolute; margin-left:-38px;}
.patterns .p2 .icon1 { left:8.5%;}
.patterns .p2 .icon2 { left:40.2%;}
.patterns .p2 .icon3 { left:77%;}

.patterns .p2b .icon { position:absolute; bottom:4%;z-index:6; left:58%;}
.patterns .p3 .icon { position:absolute; bottom:2.8%;z-index:6; left:25.6%;}
.patterns .p4b .icon { position:absolute; bottom:3.8%;z-index:6; left:58%;}

.patterns .p3 .a1 { position:absolute; top:0; left:58%; width:14%;}
.patterns .p4 .a1 { position:absolute; top:0; left:25.7%; width:14%;}
.patterns .p5 .a1 { position:absolute; top:0; left:58%; width:14%;}

.patterns .p6 .a1 { position:absolute; top:0; left:42%; width:16%;}


.pc { display:block;}
.mobi { display:none;}

.swiper-container {/* position:absolute; */top:0;width: 724px;margin-left: -362px;left:50%;height:100%;}
.button {position:absolute;top: 150px;left:50%;width: 724px;margin-left: -362px;}
.swiper-pagination {top: auto;left: 20%;width: 60%;bottom: 18%;}
.swiper-pagination-bullet {width: 30px;height: 30px;margin: auto 10px;background:none;color:#FFF;opacity:1;filter:Alpha(opacity:100);font-size: 14px;line-height: 30px;}
.swiper-pagination-bullet-active { background:#F8E102; color:#000;}
.swiper-button-prev {background:none;left: -15%;}
.swiper-button-prev:before{content:'';height: 20px;width: 20px;display:block;border: 6px solid #F8E102;border-right-width:0;border-bottom-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:0;right:0;}
.swiper-button-next {background:none;right: -15%;}
.swiper-button-next:before{content:'';height: 20px;width: 20px;display:block;border: 6px solid #F8E102;border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:0;right:0;}
.swiper-button-prev:hover:before { border-color:#FFF;}
.swiper-button-next:hover:before { border-color:#FFF;}
@media only screen and (min-width:1281px) and (max-width:1680px) {
.arrow02:before { width:8px; height:8px;}
.p_btn:link, .p_btn:visited { margin-bottom:8px; font-size:15px;}
.p_btn2:link, .p_btn2:visited { font-size:15px;}
.patterns .icon .b1 { margin-right:8px;}
.p_btn2:link, .p_btn2:visited { height:50px; line-height:50px;}
.patterns .p2b .icon { bottom:2%;}
.patterns .p3 .icon { bottom:2%;}
.patterns .p4b .icon { bottom:2%;}
.patterns .p2 .icon { top:75.5%;}
.font1 { line-height:20px;}
.font2 { line-height:24px;}
.font3 { font-size:18px;}
.p2 .ft1 { top:54.9%;}
.p2 .ft2 { top:64.3%;}
.p2 .ft3 { top:54.9%;}
.p2 .ft4 { top:64.3%;}
.p2 .ft5 { top:54.6%;}
.p2 .ft6 { top:64.3%;}
.pp0 .font1 { top:64%;}
.m1 .ft1 { top:46%;}
.p2b .ft2 .z1 { margin-top:auto;}
.p2b .ft2 { top:37%;}
.p2b .ft3 { top:64%;}
.p3 .ft1 { top:61.5%;}
.p3 .ft3 { top:79%;}
.p4 .ft1 { top:80%;}
.p4b .ft1 { top:39.2%;}
.p4b .ft3 { top:70.6%;}
.p11 .ft1 { bottom:6%;}
.p2b .ft2 .z2 { font-size:16px;}
.p3 .ft2 .z2 { font-size:16px;}
}
@media only screen and (min-width:1281px) and (max-width:1366px) {
.font1 { line-height:20px; font-size:16px;}
.font2 { line-height:24px; font-size:16px;}
.font3 { line-height:28px; font-size:16px;}
.p2 .ft1 { top:54.7%;}
.p2 .ft2 { top:64.3%;}
.p2 .ft3 { top:54.7%;}
.p2 .ft4 { top:64.3%;}
.p2 .ft5 { top:54.2%;}
.p2 .ft6 { top:64.3%;}
.pp0 .font1 { top:64%;}
.m1 .ft1 { top:45%;}
.p2b .ft2 .z1 { margin-top:auto;}
.p2b .ft2 { top:37%;}
.p2b .ft3 { top:64%;}
.p3 .ft1 { top:61.5%;}
.p3 .ft3 { top:79%;}
.p4 .ft1 { top:79%;}
.p4b .ft1 { top:39.2%;}
.p4b .ft3 { top:70.6%;}
.p11 .ft1 { bottom:6%;}
.p2b .ft2 .z2 { font-size:16px; line-height:20px;}
.p3 .ft2 .z2 { font-size:16px; line-height:26px;}

}

@media only screen and (min-width:1025px) and (max-width:1280px) {
.arrow02:before { width:8px; height:8px;}
.p_btn:link, .p_btn:visited {margin-bottom:8px;font-size:15px;padding: 0 10%;}
.p_btn2:link, .p_btn2:visited { font-size:15px;}
.patterns .icon .b1 { margin-right:8px;}
.p_btn2:link, .p_btn2:visited { height:50px; line-height:50px;}
.patterns .p2b .icon { bottom:2%;}
.patterns .p3 .icon { bottom:2%;}
.patterns .p4b .icon { bottom:2%;}
.patterns .p2 .icon { top:75.5%;}
.font1 { line-height:20px; font-size:14px;}
.font2 { line-height:24px; font-size:14px;}
.font3 { line-height:28px; font-size:14px;}
.p2 .ft1 { top:54.7%;}
.p2 .ft2 { top:64%;}
.p2 .ft3 { top:54.7%;}
.p2 .ft4 { top:64%;}
.p2 .ft5 { top:54.2%;}
.p2 .ft6 { top:64%;}
.pp0 .font1 { top:63%;}
.m1 .ft1 { top:45%;}
.p2b .ft2 .z1 { margin-top:auto;}
.p2b .ft2 { top:37%;}
.p2b .ft3 { top:63%;}
.p3 .ft1 { top:61.5%;}
.p3 .ft3 { top:78.6%;}
.p4 .ft1 { top:79%;}
.p4b .ft1 { top:39.2%;}
.p4b .ft3 { top:70.6%;}
.p11 .ft1 { bottom:6%;}
.p2b .ft2 .z2 { font-size:16px; line-height:20px;}
.p3 .ft2 .z2 { font-size:16px; line-height:26px;}
.patterns .p4 .btn {left: 5.6%;}
.patterns .p5 .btn {right: 8%;}
.patterns .p6 .btn {left: 5.6%;}
.patterns .p7 .btn {right: 8%;}
.patterns .p8 .btn {left: 5.6%;}
.patterns .p9 .btn {right: 8%;}
.swiper-pagination { bottom:10%;}
}
@media only screen and (min-width:751px) and (max-width:1024px) {
.font1 { line-height:26px; font-size:14px;}
.font2 { line-height:34px; font-size:14px;}
.font3 { line-height:28px; font-size:16px;}
.pp0 .font1 { top:55%; left:53.4%;}
.p2 .ft1 { top:58%; left:2.8%;}
.p2 .ft2 { top:67%; left:2.8%;}
.p2 .ft3 { top:58%; left:35.8%;}
.p2 .ft4 { top:67%; left:35.8%;}
.p2 .ft5 { top:58%; left:69.2%;}
.p2 .ft6 { top:67%; left:69.2%;}
.arrow02:before { width:8px; height:8px;}
.p_btn:link, .p_btn:visited { margin-bottom:8px; font-size:12px; min-width:200px;padding: 0 10%;}
.p_btn2:link, .p_btn2:visited { font-size:15px;}
.patterns .icon .b1 { margin-right:8px;}
.p_btn2:link, .p_btn2:visited { height:50px; line-height:50px;}
.patterns .p2b .icon { bottom:4%; left:54.3%;}
.patterns .p3 .icon { bottom:3%; left:10.4%;}
.patterns .p4b .icon { bottom:6%; left:54.6%;}
.patterns .p2 .icon1 { left:2.5%; top:77.2%;}
.patterns .p2 .icon2 { left:35.8%; top:77.2%;}
.patterns .p2 .icon3 { left:69.2%; top:77.2%;}
.patterns .p2 .a1 { left:2.5%;}
.patterns .p2 .a2 { left:35.8%;}
.patterns .p2 .a3 { left:69.2%;}
.patterns .p3 .a1 { left:54.3%;}
.patterns .p4 .a1 { left:10.4%;}
.patterns .p5 .a1 { left:54.6%;}
.m1 .ft1 { top:45%; left:5%; width:90%;}
.p2b .ft2 .z1 { margin-top:auto;}
.p2b .ft2 { top:37%; left:54.6%;}
.p2b .ft3 { top:63%; left:54.6%;}
.p3 .ft1 { top:61.5%; left:10.2%;}
.p3 .ft2 { left:10.2%;}
.p3 .ft3 { top:78.6%; left:10.2%;}
.p4 .ft1 { top:71%;}
.p4b .ft1 { top:28.2%; left:54.6%;}
.p4b .ft2 { top:41.6%; left:54.6%;}
.p4b .ft3 { top:64.6%; left:54.6%;}
.p11 .ft1 { bottom:6%;}
.p2b .ft2 .z2 { font-size:14px; line-height:26px; padding-left:8px;}
.p2b .ft1 { top:25%; left:54.6%;}
.p3 .ft2 .z2 { font-size:14px; padding-left:8px;}
.patterns .icon .b1 .x1 { width:86px; margin-left:-26px;}
.patterns .p4 .btn {left: 5.6%;}
.patterns .p5 .btn {right: 8%;}
.patterns .p6 .btn {left: 5.6%;}
.patterns .p7 .btn {right: 8%;}
.patterns .p8 .btn {left: 5.6%;}
.patterns .p9 .btn {right: 8%;}
.swiper-pagination { bottom:10%;}
}

@media only screen and (max-width:750px) {
.pc { display:none;}
.mobi { display:block;}
.patterns {min-width: auto;}
.patterns .icon { display:none;}
.p_btn:link, .p_btn:visited {min-width:inherit;letter-spacing: 0;  margin-bottom:8px;font-size:12px;padding: 0 0 0 10px;height: 36px;line-height: 36px;width: 180px;}
.patterns .p2 .a1 { width:60%; left:7%; top:80%;}
.patterns .m1 .a2 { position:absolute; width:45.6%; right:11.5%; top:82%;}
.patterns .p2b .a3 { position:absolute; width:60%; left:7%; top:92%;}
.patterns .p4 .a1 { position:absolute; width:51.6%; left:auto; right:9.5%; top:0;}
.patterns .p4b .a1 { position:absolute; width:60%; left:7%; top:0;}
.patterns .p5 .a1 { position:absolute; width:36.6%; left:44%; top:0;}
.patterns .p6 .a1 { left:20%; width:60%;}
.p_btn2:link, .p_btn2:visited {height: 36px;line-height: 36px;padding:0;margin-bottom:auto;width: 190px;font-size: 12px;}
.arrow02 { top:12px;}
.arrow02:before { width:6px; height:6px; border:2px solid #000; border-left-width:0; border-top-width:0;}
.swiper-container {width: 70%;/* margin-left:auto; */margin-left: 15%;left: auto;}
.button {width: 70%;left: 15%;margin-left:auto;top: 37%;}
.swiper-pagination {top:auto;bottom: 10%;width:60%;left:20%;}
.swiper-pagination-bullet {margin: auto 2px;width: 18px;height: 20px;line-height: 20px;}
.swiper-button-next:before { border:2px solid #F8E102; border-left-width:0; border-top-width:0;}
.swiper-button-prev:before { border:2px solid #F8E102; border-right-width:0; border-bottom-width:0;}
.arrow03 { display:none;}
.font1,.font2,.font3 { display:none;}

.patterns .p4 .btn {left: 4.6%;}
.patterns .p5 .btn {right: 5%;}
.patterns .p6 .btn {left: 4.6%;}
.patterns .p7 .btn {right: 5%;}
.patterns .p8 .btn {left: 4.6%;}
.patterns .p9 .btn {right: 5%;}
.patterns .p9 .btn2 {left: 50%;width: 190px;margin-left: -95px;}
.arrow01:before{height: 8px;width: 8px;border: 2px solid #000;border-left-width:0;border-top-width:0;top: 2px;right:0;}
.p_rela {padding-bottom: 70px;}
.arrow01 { right:10px;}
}