body,html{overflow:visible;font-family:"Hiragino Sans GB","Microsoft YaHei";line-height:150%}div{box-sizing:border-box}a{text-decoration:none;border:0;display:inline-block}a:focus,a:hover{text-decoration:none;border:0;outline:0}a:active{outline:0}img{border:0}dd,dl,dt,h1,h2,h3,h4,h5,h6,input[type=text],li,p,ul{margin:0;padding:0;list-style:none;background:0 0}input:focus{border-color:transparent;outline:0}table{border:0;border-collapse:collapse;border-spacing:0;padding:0;margin:0}@media screen and (min-width:981px) and (max-width:1369px){.t-w0{width:auto}.t-w32{width:32px}.t-w50{width:50px}.t-w60{width:60px}.t-w80{width:80px}.t-w100{width:100px}.t-w120{width:120px}.t-w140{width:140px}.t-w160{width:160px}.t-w180{width:180px}.t-w200{width:200px}}@media screen and (min-width:1370px){.t-w0{width:auto}.t-w32{width:calc(41.6px)}.t-w50{width:calc(65px)}.t-w60{width:calc(78px)}.t-w80{width:calc(104px)}.t-w100{width:calc(130px)}.t-w120{width:calc(156px)}.t-w140{width:calc(182px)}.t-w160{width:calc(208px)}.t-w180{width:calc(234px)}.t-w200{width:calc(260px)}}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both;overflow:hidden}@font-face{font-family:DIN-Light;src:url(../font/DIN-Light.otf)}@font-face{font-family:DIN-Regular;src:url(../font/DIN-Regular.otf)}@font-face{font-family:THSarabunNew;src:url(../font/THSarabunNew.otf)}@-webkit-keyframes shadow{from{box-shadow:8px 13.8px 40px 0 rgba(0,0,0,.05)}to{box-shadow:8px 13.8px 40px 0 rgba(27,188,244,.1)}}@keyframes shadow{from{box-shadow:8px 13.8px 40px 0 rgba(0,0,0,.05)}to{box-shadow:8px 13.8px 40px 0 rgba(27,188,244,.1)}}*{margin:0;padding:0;font-family:DIN-Light}.flo-left{float:left}.flo-right{float:right}.header-wrap{display:none;height:97px;width:100%;background:#fff;position:fixed;left:0;top:0;border-bottom:1px solid #e0e3e7;z-index:99}.header-wrap .header{width:1200px;margin:auto;height:100%}.header-wrap .header .logo-left{width:160px;height:100%;display:block;background:url(../image/NOX-appplayer.png) no-repeat center;margin-left:24px}.header-wrap .header .download-right{width:160px;height:100%;display:block;background:url(../image/btn-download-normal.png) no-repeat center;margin-right:24px}.header-wrap .header .download-right:hover{background:url(../image/btn-download-hover.png) no-repeat center}.header-wrap .header .download-right:active{background:url(../image/btn-download-normal.png) no-repeat center}.header-big-wrap{background:url(../image/bg.jpg) no-repeat top center;height:715px;width:100%;padding:.1px;position:relative}.header-big-wrap .header-big{width:1200px;margin:72px auto 0;background:url(../image/banner.png) no-repeat right top;background-size:53.2%}.header-big-wrap .header-big .logo-wrap{height:32px;width:100%}.header-big-wrap .header-big .logo-wrap .logo{display:inline-block;width:158px;height:32px;background:url(../image/NOX-appplayer.png) no-repeat center}.header-big-wrap .header-big .header-content{width:100%;padding-top:64px}.header-big-wrap .header-big .header-content .title-wrap{font-size:40px;font-size:34px\9\0;color:#474522;line-height:64px;margin-bottom:38px}.header-big-wrap .header-big .header-content .title-wrap .title{font-family:THSarabunNew}.header-big-wrap .header-big .step-content{width:600px}.header-big-wrap .header-big .step-content .step{width:290px}.header-big-wrap .header-big .step-content .step .step-title p{font-size:28px;color:#474522}.header-big-wrap .header-big .step-content .step .step-title span{display:inline-block;width:34px;border-bottom:1px solid #474522;opacity:.4}.header-big-wrap .header-big .step-content .step .step-text{font-size:18px;font-size:16px\9\0;line-height:28px}.header-big-wrap .header-big .step-content .step .step-text p{opacity:.6;font-family:DIN-Regular}.header-big-wrap .header-big .download-wrap{height:172px;width:100%;position:relative}.header-big-wrap .header-big .download-wrap .download{width:270px;height:100%;margin-left:-24px;background:url(../image/download.png) no-repeat left center}.header-big-wrap .header-big .download-wrap .download-click{width:200px;height:64px;display:block;position:absolute;left:3px;top:39px}.header-big-wrap .header-big .download-wrap .download-click:hover+.download{background:url(../image/download-hover.png) no-repeat left center}.header-big-wrap .header-big .download-wrap .download-click:active+.download{background:url(../image/download.png) no-repeat left center}.main-wrap{width:100%;background:#f7f8fa}.main-wrap .main{width:1200px;margin:auto;position:relative}.main-wrap .main .main-content{width:1024px;margin:auto;height:1152px;padding-top:72px;text-align:center;color:#474552}.main-wrap .main .main-content .main-title{font-size:48px;line-height:40px;margin-bottom:16px;font-family:THSarabunNew}.main-wrap .main .main-content span{display:inline-block;width:32px;border-top:1px solid #b5b5ba}.main-wrap .main .main-content .main-text{margin-top:32px;font-size:32px;line-height:18px;font-family:THSarabunNew}.main-wrap .main .main-cover{position:absolute;left:0;bottom:72px;width:100%}.main-wrap .main .main-cover .cover-row{width:360px}.main-wrap .main .main-cover .cover-row .cover-line{box-shadow:8px 13.8px 40px 0 rgba(0,0,0,.05)}.main-wrap .main .main-cover .cover-row .cover-line img{width:100%;display:block}.main-wrap .main .main-cover .cover-row .cover-line .line-content{padding:24px;background:#fff;color:#474552}.main-wrap .main .main-cover .cover-row .cover-line .line-content .line-title{font-size:32px;line-height:32px;margin-bottom:32px;font-family:THSarabunNew}.main-wrap .main .main-cover .cover-row .cover-line .line-content .line-text{font-family:THSarabunNew;font-size:20px;line-height:28px;opacity:.72}.main-wrap .main .main-cover .cover-row .cover-line:hover{-webkit-animation:shadow 1s forwards;animation:shadow 1s forwards}.main-wrap .main .main-cover .cover-row .mag-bot{margin-bottom:60px}.main-wrap .main .main-cover .mag-rig{margin-right:60px}.footer-wrap{width:100%;height:32px;border-top:1px solid #f1f2f4}.footer-wrap .footer{text-align:center;font-size:13px;color:#474552;line-height:32px}.footer-wrap .footer span{margin-right:16px}