/*body*/
body{font:15px/30px 'Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif;color:#ffffff;}
a,a:hover{text-decoration: none;color:#ffffff;}
img{max-width: 100%;}
.tc{text-align: center;}
.icon{background-image: url(../images/icon.png);background-repeat: no-repeat;}

@font-face{
font-family: 'Poppins';
src: url('/fonts/Poppins/Poppins.ttf'),
     url('/fonts/Poppins/Poppins.eot'); /* IE9+ */
}
@font-face{
font-family: 'Poppins Light';
src: url('/fonts/Poppins-Light/Poppins-Light.ttf'),
     url('/fonts/Poppins-Light/Poppins-Light.eot'); /* IE9+ */
}
@font-face{
font-family: 'Poppins Bold';
src: url('/fonts/Poppins-Bold/Poppins-Bold.ttf'),
     url('/fonts/Poppins-Bold/Poppins-Bold.eot'); /* IE9+ */
}
@font-face{
font-family: 'Poppins SemiBold';
src: url('/fonts/Poppins-SemiBold/Poppins-SemiBold.ttf'),
     url('/fonts/Poppins-SemiBold/Poppins-SemiBold.eot'); /* IE9+ */
}

/*banner*/
.banner{background-image: url(../images/banner_bg.jpg);background-color: #1d1d1d;background-repeat: no-repeat;background-position: center;min-height: 838px;padding-bottom: 100px;}
.header{padding: 25px 0 0;display: flex;justify-content: space-between;}
.header>a{display: flex;align-items: center;color:#ffffff;}
.header>a>div{margin-right: 15px;flex-shrink: 0;}
.header>a>span{font-size: 30px;line-height: 40px;font-family: 'Poppins Light';padding-top: 3px;}
.header>a>span>strong{font-family: 'Poppins SemiBold';}
.header .lang-select{cursor: pointer;}
.header .lang-select .dropdown-menu{left: auto;right: 0;}
.header+h3{font-size: 40px;line-height: 1.2;text-align: center;max-width: 920px;margin: 80px auto 40px;font-weight: normal;}
.header+h3>span{color: #f8517b;}

.list{text-align: center;}
.list>ul{display: inline-block;list-style-type: none;padding-left: 0;}
.list>ul>li{padding-left: 65px;position: relative;text-align: left;font-size: 20px;line-height: 30px;margin-bottom: 28px;}
.list>ul>li:before{content: '';position: absolute;background-image: url(../images/icon.png);background-repeat: no-repeat;}
.list>ul>li.l1:before{width: 25px;height: 24px;background-position: -5px -5px;left: 2px;top: 3px;}
.list>ul>li.l2:before{width: 28px;height: 22px;background-position: -40px -5px;left: 0;top: 4px;}
.list>ul>li.l3:before{width: 24px;height: 30px;background-position: -78px -5px;left: 2px;top: 0;}
.list>ul>li.l4:before{width: 27px;height: 14px;background-position: -112px -5px;left: 1px;top: 8px;}
.list>ul>li.l5:before{width: 22px;height: 29px;background-position: -148px -5px;left: 3px;top: 1px;}

.button{display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.button>a{display: inline-flex;border-radius: 12px;width: 288px;height: 73px;align-items: center;justify-content: center;margin: 0 20px;background-color: #F33867;transition: background-color .3s ease-in-out;}
.button>a:hover{background-color: #D43355;}
.button>a>.icon-win{width: 29px;height: 24px;background-position: -73px -261px;border-radius: 0;margin: 0;}
.button>a>.icon-mac{width: 24px;height: 30px;background-position: -39px -261px;border-radius: 0;margin: 0;}
.button>a>p{margin-bottom: 0;font-size: 18px;line-height: 25px;font-weight: bold;color: #ffffff;text-align: left;text-transform: uppercase;letter-spacing: .02em;margin-left: 25px;}
.button>a>p>span{font-size: 15px;font-weight: normal;text-transform: none;letter-spacing: 0;}

@media (max-width: 767px){
	.button{flex-direction: column;}
	.button>a{margin: 0 0 20px;}
}

/*site-list*/
.site-list{padding: 65px 0;}
.site-list h3{font-size: 30px;color: #000000;font-weight: bold;text-align: center;margin-bottom: 10px;}
.site-list p{font-size: 18px;color: #000000;text-align: center;margin-bottom: 0;}
.site-list .row>div{margin-top: 50px;}
.site-list .icon{width: 54px;height: 54px;border-radius: 27px;margin: 0 auto 5px;}
.site-list .icon1{background-position: -181px -5px;}
.site-list .icon2{background-position: -5px -69px;}
.site-list .icon3{background-position: -69px -69px;}
.site-list .icon4{background-position: -133px -69px;}
.site-list .icon5{background-position: -197px -69px;}
.site-list .icon6{background-position: -5px -133px;}
.site-list .icon7{background-position: -69px -133px;}
.site-list .icon8{background-position: -133px -133px;}
.site-list .icon9{background-position: -197px -133px;}
.site-list .icon10{background-position: -5px -197px;}
.site-list .icon11{background-position: -69px -197px;}
.site-list .icon12{background-position: -133px -197px;}
.site-list .icon13{background-position: -197px -197px;}
.site-list .icon14{background-position: -276px -5px;}
.site-list .icon15{background-position: -261px -69px;}
.site-list .icon16{background-position: -261px -133px;}
.site-list .icon17{background-position: -261px -197px;}
.site-list .icon18{background-position: -245px -5px;width: 21px;height: 12px;}
.site-list .more{border-radius: 12px;background-color: #E6E6E6;width: 82px;height: 82px;cursor: pointer;margin: 0 auto;transition: all .3s;}
.site-list .more>p{font-size: 18px;font-weight: bold;height: 55px;line-height: 55px;color: #2481f5;}
.site-list .more:hover{background-color: #DDDDDD;}
.site-list .com-list{width: 320px;height: 52px;max-width: 100%;border-radius: 12px;margin: 0 auto 55px;border: 1px solid #2699E9;transition: all .3s;}
.site-list .com-list>a{font-size: 16px;color: #2481f5;line-height: 21px;padding: 5px 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .3s;}
.site-list .com-list:hover{background-color: #2699E9;}
.site-list .com-list:hover>a{color: #ffffff;}
.site-list .note{margin: 50px 0 20px;}

#cover{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 100;position: fixed;display: none;}
#cover>div{width: 100%;height: 100%;display: flex;position: relative;justify-content: center;align-items: center;}
#cover .box{width: 90%;}
#cover .container{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;max-width: 100%;}
#cover .innerbox{max-width: 900px;background-color: #ffffff;border-radius: 15px;padding: 30px;position: relative;margin: 0 auto;}
#cover ul{list-style-type: none;display: grid;justify-content: center;grid-template-columns: repeat(auto-fill,120px);padding-left: 0;margin-bottom: 0;}
#cover ul>li{color: #000000;}
#cover span.close{cursor: pointer;transition: all .5s ease-in-out;top: -40px;right: -3%;position: absolute;opacity: 1;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
#cover span.close:before{content: '\2716';font-size: 20px;color: #ffffff;}
#cover span.close:hover{transform: rotate(180deg);}

@media (max-width: 575px){
	#cover .innerbox{border-radius: 10px;padding: 10px;}
	#cover ul{display: block;}
	#cover ul>li{display: inline-block;font-size: 14px;line-height: 21px;padding: 0 2px;}
}

/*guide*/
.guide{padding: 60px 0 70px;background-color: #EAEAEA;}
.guide h3{font-size: 30px;color: #000000;font-weight: bold;text-align: center;margin-bottom: 70px;}
.guide .row{margin-top: 55px;}
.guide .step{padding-left: 50px;display: flex;font-size: 22px;line-height: 30px;color: #000000;}
.guide .step>span{font-size: 27px;font-weight: bold;line-height: 23px;color: #f33867;border-radius: 12px;border: 2px solid #F33867;width: 42px;height: 29px;margin-right: 27px;text-align: center;flex-shrink: 0;margin-top: 10px;}
.guide .button{margin-top: 70px;}

@media (max-width: 991px){
	.guide .step{padding-left: 0;margin-top: 20px;}
	.guide .step>span{margin-top: 3px;}
}

/*support*/
.support{padding: 70px 0 80px;}
.support h3{font-size: 30px;color: #000000;font-weight: bold;text-align: center;margin-bottom: 40px;}
.support h3+p{color: #000000;text-align: center;margin-bottom: 60px;}
.support .row>div{text-align: center;}
.support ul{padding-left: 0;margin: 0 auto;list-style-type: none;display: inline-block;}
.support li{font-size: 18px;color: #000000;margin-bottom: 40px;padding-left: 40px;position: relative;text-align: left;}
.support li:before{content: '';position: absolute;background-image: url(../images/icon.png);background-repeat: no-repeat;width: 24px;height: 23px;background-position: -5px -261px;left: 0;top: 5px;}

@media (max-width: 767px){
	.support ul{display: block;}
}

/*footer*/
.footer{background-color: #0F101C;padding: 50px 0 70px;}
.footer p{text-align: center;font-size: 18px;line-height: 36px;margin-bottom: 0;}
.footer a{color: #ffffff;margin: 0 15px;display: inline-block;}

@media (max-width: 575px){
	#footer-inside{flex-direction: column;}
	#footer .lang_box{margin-top: 20px;}
}