@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#FFF;}
a {text-decoration:none;}
h1 {font-size:50px;}
body,html {height:100%;}
body { overflow-x:hidden; background-color:#000;}
input {border:none;}
#logo {width:201px; height:88px; border:1px none #OOO; position:fixed; top:70px; right:0px;}
header {width:100%; height:70px; border:1px none #CCC; position:fixed;}
#nav {width:360px; height:30px; border:1px none #CCC; margin:auto; margin-top:20px;}
#nav ul {width:360px; height:30px;}
#nav ul li{width:auto; height:25px; position:relative; float:left; padding-left:20px; padding-top:8px; font-size:16px; color:#FFF;  list-style:none;}
#nav ul li a{font-size:16px; color:#FFF; text-align:center; list-style:none;}
#wrap {width:100%; height:100%; border:1px solid #OOO; float:left; background-image:url(../img/bg.jpg); background-position:center center; background-size:cover;}
#wrap-inner {width:100%; height:100%; border:1px solid #000; float:left; background-image:url(../img/web-background-inner.png); background-position:center center; background-size:cover;}
#box-col {width:33.3%; height:100%; border:1px none #OOO; float:left;}
#box-col-one {width:33.3%; height:100%; border:1px none #OOO; float:left;}
#box-col-two {width:33.3%; height:100%; border:1px none #OOO; float:left;}
#box-col-three {width:33.3%; height:100%; border:1px none #OOO; float:left;}
#form-wrap {width:100%; height:auto; margin:auto; border:1px none #CCC;}
#land {width:450px; height:350px; margin:auto; border:1px solid #CCC; margin-top:10%;}
#head-cont {width:320px; height:417px; border:1px none #OOO; margin:auto; margin-top:50%;}

#lyrics {width:100%; height:150px; border:1px none #000; margin:auto; margin-top:15%; text-align:center;}
marquee { text-align:center;}
#tit {width:100%; height:50px; border:1px none #000; margin:auto; margin-top:5%; text-align:center;}
#button-wrap {width:100%; height:100px; border:1px none #000; margin:auto; margin-top:20px;}
#button-pr {width:165px; height:auto; border:1px none #000; margin:auto;}
#button-home {width:165px; height:auto;}
#phone-vector {width:312px; height:600px; border-top:1px solid #222; margin:auto; margin-top:30px; background-image:url(../img/phone-vector.png);}
#mobile-slide {width:290px; height:500px; border:1px solid #CCC; margin:auto; margin-top:45px; background-color:#000;}
#music-wrap {width:450px; height:auto; border:1px none #000; margin:auto; margin-top:40px;}
#playpausebtn {width:40px; height:auto; border:1px none #000; float:left}
#play-cloud {width:400px; height:auto; border:1px none #000; float:left; margin-left:5px;}
#play-cloud-img {width:400px; height:auto; border:1px none #000; margin:auto;}
#play-down {width:165px; height:auto; border:1px none #000; margin:auto; margin-top:10px;}
#required-input {width:100%; height:10px; border:1px none #CCC; float:left; margin-top:10%; background:none; color:#FB1102; font-size:20px; font-size:14px}
#top-input-first {width:100%; height:50px; border-bottom:1px solid #CCC; float:left; margin-top:3px; background:none; color:#FFF; font-size:20px;}

#top-input {width:100%; height:50px; border-bottom:1px solid #CCC; float:left; margin-top:10%; background:none; color:#FFF; font-size:20px;}
#btn-input {width:100%; height:55px; border:1px solid #CCC; float:left; margin-top:10%; background:none; color:#FFF; font-size:20px; border-radius:5px;}
#download-iss {width:100%; height:40px; border:1px solid #CCC; float:left; margin-top:10%; background:none; color:#FFF; font-size:20px; border-radius:5px; background-image:url(../img/donw-bg.jpg); background-repeat:repeat-x; text-align:center; padding-top:15px;}
#download-iss-two {width:100%; height:40px; border:1px solid #CCC; float:left; margin-top:7%; background:none; color:#FFF; font-size:20px; border-radius:5px; background-image:url(../img/donw-bg.jpg); background-repeat:repeat-x; text-align:center; padding-top:15px;}

#top-input-two {width:100%; height:50px; border-bottom:1px solid #CCC; float:left; margin-top:10%; background:none; color:#FFF; font-size:20px;}
#top-input-three {width:100%; height:50px; border-bottom:1px solid #CCC; float:left; margin-top:10%; background:none; color:#FFF; font-size:20px; display:none}
#top-input-select {width:100%; height:50px; border-bottom:1px solid #CCC; float:left; margin-top:10%; background:none; color:#FFF; font-size:20px;}
option {width:100%; height:50px; border-bottom:1px solid #CCC; float:left; background-color:#FFF; color:#000; font-size:20px;}

#quote-text {width:100%; height:50px; border:1px solid #CCC; float:left; margin-top:10%; background:none; color:#FFF; font-size:15px;}
#quote-layer {width:290px; height:auto; border:1px none #FFF; margin:auto; margin-top:-50px; text-align:center;}
#d-quote {width:300px; height:50px; border:1px solid #CCC; position:absolute; margin-top:10%; z-index:2000}
#crop-btn {width:300px; height:50px; border:1px solid #CCC; float:left; margin-top:20px;}
#play {display:none;}
#live-water {width:175px; height:169px; border-top:1px solid #FFF; margin:auto; margin-top:180px; background-image:url(../img/live-water.png);}
#live-tit {width:150px; height:30px; border:1px none #FFF; margin:auto; font-size:40px; font-weight:bold; color:rgba(9,158,212,1.00); text-align:center;}
#live-water-two {width:175px; height:169px; border-top:1px solid #FFF; margin:auto; margin-top:80px; background-image:url(../img/live-water.png);}
#dstv-base {width:100%; height:118px; border:1px none #222; margin:auto; margin-top:32px; padding-top:50px; background-image:url(../img/dstv-base.png);}
#land-base {width:100%; height:88px; border:1px none #222; margin:auto; margin-top:12px; padding-top:20px; background-image:url(../img/land-base.png);}
#live-quote {width:90%; height:auto; border:1px none #FFF; margin:auto; text-align:center;}

#wate-name {width:120px; height:30px; border:1px none #CCC; margin:auto; margin-top:10px;}
#screen {width:290px; height:500px; border:1px none #CCC; margin:auto; margin-top:45px;}
canvas {max-width:100%; max-height:100%; }
#land-screen {width:450px; height:350px; border:1px none #CCC; float:left; margin-top:45px;}