@media screen and (max-width: 450px){.top{padding:12px 0}header,section>div,footer span{max-width:450px}h1{width:100%;padding-bottom:13%;margin-bottom:12px}.nav-bar{height:40px}nav{width:100%;height:16px;margin:0 auto;text-align:center}nav>ul>li{margin-right:16px}nav>ul>li:last-child{margin-right:0}nav li a,.sub-menu li a,.next,#ask li a{line-height:16px;padding-left:20px;background-size:16px 16px}.fixed{width:100%;position:fixed;top:12px;left:0;text-align:center}.sub-menu{margin-left:-16px;overflow:auto}.sub-menu li{width:144px;height:16px;padding:8px 16px;text-align:left}.sub-menu li:first-child{padding-top:16px}section{padding:54px 0 16px}#hi{padding-top:16px}h2{font-size:32px;line-height:32px;padding-left:36px;background-size:32px 32px}p,span,a{font-size:16px}.pic{height:0;padding-bottom:100%;margin:16px 0}.arrows{margin-top:16px}.prev{padding-right:20px;background-size:16px 16px}#ask li{margin-top:16px}#ask ul{margin-bottom:32px}footer{padding:16px 0}}@media screen and (min-width: 451px) and (max-width: 600px){.top{padding:12px 0}header,section>div,footer span{max-width:600px}h1{width:100%;padding-bottom:13%;margin-bottom:12px}.nav-bar{height:42px}nav{width:100%;height:18px;margin:0 auto;text-align:center}nav>ul>li{margin-right:18px}nav>ul>li:last-child{margin-right:0}nav li a,.sub-menu li a,.next,#ask li a{line-height:18px;padding-left:20px;background-size:18px 18px}.fixed{width:100%;position:fixed;top:12px;left:0;text-align:center}.sub-menu{margin-left:-18px;overflow:auto}.sub-menu li{width:162px;height:18px;padding:9px 18px;text-align:left}.sub-menu li:first-child{padding-top:18px}section{padding:60px 0 18px}#hi{padding-top:18px}h2{font-size:36px;line-height:36px;padding-left:40px;background-size:36px 36px}p,span,a{font-size:18px}.pic{height:0;padding-bottom:100%;margin:18px 0}.arrows{margin-top:18px}.prev{padding-right:22px;background-size:18px 18px}#ask li{margin-top:18px}#ask ul{margin-bottom:36px}footer{padding:18px 0}}@media screen and (min-width: 601px) and (max-width: 800px){.top{padding:15px 0}header,section>div,footer span{max-width:600px}h1{width:100%;padding-bottom:13%;margin-bottom:15px}.nav-bar{height:50px}nav{width:100%;height:20px;margin:0 auto;text-align:center}nav>ul>li{margin-right:20px}nav>ul>li:last-child{margin-right:0}nav li a,.sub-menu li a,.next,#ask li a{line-height:20px;padding-left:24px;background-size:20px 20px}.fixed{width:100%;position:fixed;top:15px;left:0;text-align:center}.sub-menu{margin-left:-20px;overflow:auto}.sub-menu li{width:180px;height:20px;padding:10px 20px;text-align:left}.sub-menu li:first-child{padding-top:20px}section{padding:70px 0 20px}#hi{padding-top:20px}h2{font-size:40px;line-height:40px;padding-left:44px;background-size:40px 40px;margin-bottom:15px}p,span,a{font-size:20px}.pic{height:0;padding-bottom:100%;margin:20px 0}.arrows{margin-top:20px}.prev{padding-right:24px;background-size:20px 20px}#ask li{margin-top:20px}#ask ul{margin-bottom:40px}footer{padding:20px 0}}@media screen and (min-width: 801px) and (max-width: 1000px){.top{padding-top:15px}header,section>div,.fixed ul,footer span{max-width:1000px}h1{width:47.5%;padding-bottom:6.18%;margin-bottom:15px;float:left}.nav-bar{height:50px}nav{width:47.5%;height:20px;text-align:right;float:right;padding-top:3.1%;margin-top:-10px}nav>ul>li{margin-right:20px}nav>ul>li:last-child{margin-right:0}nav li a,.sub-menu li a,.next,#ask li a{line-height:20px;padding-left:24px;background-size:20px 20px}.fixed{width:100%;position:fixed;top:0;left:0;padding-top:0;margin-top:15px}.fixed ul{max-width:1000px;text-align:right;padding:0 5%}.sub-menu{margin-left:-20px;overflow:auto}.sub-menu li{width:180px;height:20px;padding:10px 20px;text-align:left}.sub-menu li:first-child{padding-top:20px}.fixed .sub-menu{padding:0 20px}.fixed .sub-menu li{padding:10px 0;margin:0}.fixed .sub-menu li:first-child{padding-top:20px}section{padding:70px 0 20px}#hi{padding-top:20px}h2{font-size:40px;line-height:40px;padding-left:44px;background-size:40px 40px;margin-bottom:15px}p,span,a{font-size:20px}.info{width:46.5%}.pic{width:47.5%;float:right;border:2px;border-style:solid}.arrows{width:47.5%;margin-top:20px}.prev{padding-right:24px;background-size:20px 20px}#ask li{margin-top:20px}#ask ul{margin-bottom:40px}footer{padding:20px 0}}@media screen and (min-width: 1001px) and (max-width: 1600px){.top{padding:18px 0}header,section>div,footer span{max-width:1200px}h1{width:47.5%;padding-bottom:6.18%;margin-bottom:18px;float:left}.nav-bar{height:60px}nav{width:47.5%;height:24px;text-align:right;float:right;padding-top:3.1%;margin-top:-12px}nav>ul>li{margin-right:24px}nav>ul>li:last-child{margin-right:0}nav li a,.sub-menu li a,.next,#ask li a{line-height:24px;padding-left:28px;background-size:24px 24px}.fixed{width:100%;position:fixed;top:0;left:0;padding-top:0;margin-top:18px}.fixed ul{max-width:1200px;text-align:right;padding:0 5%}.sub-menu{margin-left:-24px;overflow:auto}.sub-menu li{width:216px;height:24px;padding:12px 24px;text-align:left}.sub-menu li:first-child{padding-top:24px}.fixed .sub-menu{padding:0 24px}.fixed .sub-menu li{padding:12px 0;margin:0}.fixed .sub-menu li:first-child{padding-top:24px}section{padding:84px 0 24px}#hi{padding-top:24px}h2{font-size:48px;line-height:48px;padding-left:52px;background-size:48px 48px;margin-bottom:18px}p,span,a{font-size:24px}.info{width:64%}.pic{width:32%;float:right;border:2px;border-style:solid}.arrows{width:64%;margin-top:20px}.prev{padding-right:28px;background-size:24px 24px}#ask li{margin-top:24px}#ask ul{margin-bottom:48px}footer{padding:24px 0}}@media screen and (min-width: 1601px){.top{padding:21px 0}header,section>div,footer span{max-width:1600px}h1{width:64%;padding-bottom:8.32%;margin-bottom:21px;float:left}.nav-bar{height:70px}nav{width:32%;height:28px;margin:0 auto;text-align:right;float:right;padding-top:4.1%;margin-top:-14px}nav>ul>li{margin-right:28px}nav>ul>li:last-child{margin-right:0}nav li a,.sub-menu li a,.next,#ask li a{line-height:28px;padding-left:32px;background-size:28px 28px}.fixed{width:100%;position:fixed;top:0;left:0;padding-top:0;margin-top:21px}.fixed ul{max-width:1600px;text-align:right;padding:0 5%}.sub-menu{margin-left:-28px;overflow:auto}.sub-menu li{width:252px;height:28px;padding:14px 28px;text-align:left}.sub-menu li:first-child{padding-top:28px}.fixed .sub-menu{padding:0 28px}.fixed .sub-menu li{padding:14px 0;margin:0}.fixed .sub-menu li:first-child{padding-top:28px}section{padding:98px 0 28px}#hi{padding-top:28px}h2{font-size:56px;line-height:56px;padding-left:60px;background-size:56px 56px;margin-bottom:21px}p,span,a{font-size:28px}.info{width:64%}.pic{width:32%;float:right;border:2px;border-style:solid}.arrows{width:64%;margin-top:28px}.prev{padding-right:32px;background-size:28px 28px}#ask li{margin-top:28px}#ask ul{margin-bottom:56px}footer{padding:28px 0}}