.warp{ width:auto; max-width: 750px; min-width:100%; min-height: calc(100vh - 10px); padding: 0;}

.warp .w1200{ width: auto;}
.warp .MT45{ margin-top:25px;}

.Top{ height: calc(100vw / (1200 / 795)); background-size: auto 100%; padding-bottom: 10px;}
.topMain{ height: calc(100vw / (1440 / 518)); }
.szfBtn{left: 5px;top: 30px;}
.szfBtn img{width: 45vw;}

.LOGO{width:100%;height: auto;left: 0;top: calc(100vw / (1440 / 400));}
.LOGO img{ width: auto; height: calc((240 / 795) * (100vw / (1440 / 795))); display: block; margin: 0 auto;}

.PageNavBox{ width:96vw; height: auto;}
.PageNavBox ul {flex-wrap: wrap;}
.PageNavBox li{ width: calc((100% - 2px) / 3); height: 60px;background: rgba(46,187,237,0.6);}
.PageNavBox li.T a{ font-size: 14px; padding: 0 10px;}
.PageNavBox li.T a[href="#P4"],
.PageNavBox li.T.br a{ height: auto; line-height: 1.2; padding: 14px 10px;}
.PageNavBox li.i{ background-size: 1px 40px; }
.PageNavBox li.i:nth-of-type(3n){ display: none;}
.PageNavBox li.T:hover a::before,
.PageNavBox li.T:hover a::after{ height: 10px;}


.Main{ margin: 10px; }

.Title>a{ font-size: 20px;}

.SixCardList{ width: auto; padding: 0;}
.SixCardList ul{justify-content: flex-start;}
.SixCardList li{ margin: 10px 10px 0 0; width: calc((100% - 20px) / 3); height: calc((100vw - 40px) / 3); overflow: hidden; margin-left: 0!important;}
.SixCardList li+li+li+li+li+li{ margin-top: 10px;}
.SixCardList li:nth-of-type(3n){ margin-right: 0;}
.SixCardList li em{ width: 100%; height: 100%; top: 0;}
.SixCardList li a{ display: block; text-align: center; line-height:calc((100vw - 40px) / 3); }
.SixCardList li a span{display: inline; margin: 0; line-height: 1.3; font-size: 15px;}
.SixCardList li a span img{ display: none;}





.ColourList ul{ width: 100%; padding-left: 0;}
.ColourList li{ width: calc(100vw / 3); height: auto; margin-top:10px; margin-left:0px !important; }
.ColourList li p{ padding-top: 5px; font-size: 15px; padding-bottom: 15px;}
.ColourList li.br p{ padding: 5px 0;}

.ColourList li.mobile_clear{ display: block !important; width: 100%; height: 0; margin: 0; padding: 0; float: none; clear: both;}

.ButtonList ul{ width: auto;justify-content: flex-start;}
.ButtonList li{ margin: 5px 0 0; width:calc((100vw - 40px) / 3); margin-left: 5px; height: 35px; border-radius: 18px; }
.ButtonList li a{ font-size: 13px; line-height: 35px;}
.Part3 .ButtonList li:nth-last-of-type(1){ width: calc((100vw - 40px) / 3 * 2 + 5px);}

.Part4 .ColourList li span{margin-top: inherit;}
.Part4 .ColourList li a{height: 60px;width:inherit;}
.Part4 .ColourList li div img{}
.Part4 .ColourList li{ width: calc((100vw - 40px) / 2);background: #0063D9;border-radius: 8px;}
.Part4 .ColourList li span.ico{ width: calc(((100vw - 40px) / 2) * 0.95); height: 80px; line-height: 80px;}
.Part4 .ColourList li.br p br{ display: none;}


.Part5 .ColourList ul {}
.Part5 .ColourList li{ width:calc(100vw - 20px); height: 100px;}
.Part5 .ColourList li span.ico{ height: 100px; line-height: 100px; width:calc(100vw - 20px);}

.Part6 .ColourList li{ width:calc((100vw - 30px) / 2);}
.Part6 .ColourList li:nth-of-type(2n){ float: right;}
.Part6 .ColourList li span.ico{ width: 100%;}
.Part6 .ColourList.infor li{ }
.Part6 .ColourList li div{width: inherit;padding-top: 84px;}
.Part6 .ColourList li img{/* display: none; */}
.Part6 .ColourList li span{margin-top: inherit;}







@media screen and (max-width:374px ) {
	
    .ColourList.infor li{ height: auto;}
    .ColourList li span.ico{ width: calc((100vw / 3) * 0.8); height: calc((100vw / 3) * 0.8); line-height: calc((100vw / 3) * 0.8);}
    .ColourList li p{ font-size: 13px;}
    .ButtonList li a{ font-size: 12px;}
}