﻿html,body,div,span,a,form,label,iframe,footer,header,article,aside,h1,h2,h3,h4,h5,h6,p,b,strong,audio,video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
* {box-sizing: border-box;}
body {margin:0; padding:0; font-size:14px; color:#333333; font-family:Verdana,Tahoma;}
a:link, a:active, a:hover, a:visited {color:#333333;text-decoration:none;}
input.type-text, textarea {border: 1px solid #ddd; background: #fff; padding: 1px;}
input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus, select:hover, select:active {border: 1px solid #ddd; background-color:#ffffff;}
input, select, textarea {vertical-align:middle; font-size:14px; color:#333333;}
select {font-size:14px; font-family:Verdana,Tahoma,Arial;}
form {text-align:center;}
th, td {font-size:14px; color:#333333; ; font-family:Verdana,Tahoma;}


.fix_Logo {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline-block; border:0px solid red;}
.fix_Logo img {height:60px; display:block; border:0px solid blue;}




.ngt_Lang {margin:0px 0px 0px 0px; padding:0px; vertical-align:top; display:inline-block; border:0px solid #333333;}
.fix_Cash {margin:0px; padding:3px 0px 0px 0px; vertical-align:top; display:inline-block; text-align:left; color:#000000; border:0px solid #333333;}



.fix_button a {margin:20px auto; padding:10px 20px; display:inline-block; font-size:14px; color:#333333;  border:1px solid #333333; border-radius:6px;}
.fix_button a:hover {color:#ffffff; background:#333333;}


.fix_buttonX  {margin:20px auto; padding:10px 20px; display:inline-block; font-size:14px; font-weight:bold; color:#333333; background:#f7f7f7; border:2px solid #333333; border-radius:6px;}
.fix_buttonX:hover {color:#ffffff; background:#000000;}



.btn_large  {margin: 5px 0px 5px 0px; padding: 2px 20px 2px 20px; border:1px solid #333333; border-width: 1px 1px 1px 20px; font-family:Verdana,arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow:3px 3px 3px #ffffff; font-size:16px; font-weight:bold;   color: #000000; cursor:pointer; background-color:rgba(255,165,0,0.6); }
.btn_large a:hover{ border-width: 1px 20px 1px 1px; color: #333333;}
.btn_large:hover  { border-width: 1px 20px 1px 1px; color: #333333;}

.btn_medium {margin: 5px 0px 5px 2px; padding: 2px 10px 2px 10px; border:1px solid #333333; border-width: 1px 1px 1px 15px; font-family:Verdana,arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow:2px 2px 2px #ffffff; font-size:14px; font-weight:bold;   color: #000000; cursor:pointer; background-color:rgba(255,165,0,0.6); }
.btn_medium a:hover{ border-width: 1px 15px 1px 1px; color: #333333;}
.btn_medium:hover  { border-width: 1px 15px 1px 1px; color: #333333;}

.btn_small  {margin: 5px 0px 0px 0px; padding: 1px  3px 1px  3px; border:1px solid #333333; border-width: 1px 1px 1px 15px; font-family:Verdana,arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow:2px 2px 2px #ffffff; font-size:12px; font-weight:normal; color: #000000; cursor:pointer; background-color:rgba(255,165,0,0.6); }
.btn_small a:hover{ border-width: 1px 15px 1px 1px; color: #333333;}
.btn_small:hover  { border-width: 1px 15px 1px 1px; color: #333333;}


.fix_login_up{margin:0px 0px 0px 0px;padding:10px 20px 15px 20px;border:1px solid #666666;background:-o-linear-gradient(#e8e8e8,#f7f7f7);background:-ms-linear-gradient(#e8e8e8,#f7f7f7);background:-moz-linear-gradient(#e8e8e8,#f7f7f7);background:-webkit-linear-gradient(#e8e8e8,#f7f7f7);background:linear-gradient(#e8e8e8,#f7f7f7);}
.fix_login_dw{margin:0px 0px;padding:30px 20px 20px 20px;box-shadow:3px 3px 3px #666666 inset;border:1px solid #666666;height:270px;background-color:#f7f7f7;background:-o-linear-gradient(#f7f7f7,#ffffff);background:-ms-linear-gradient(#f7f7f7,#ffffff);background:-moz-linear-gradient(#f7f7f7,#ffffff);background:-webkit-linear-gradient(#f7f7f7,#ffffff);background:linear-gradient(#f7f7f7,#ffffff);}

.btnpay_up{margin:5px 2px 0px 0px; padding:5px 5px 5px 5px; width:150px; background-color:#FFCC66; height:60px; text-align:center; border:3px solid #00ff55; border-radius:9px; box-shadow:3px 3px 3px #333333; }
.btnpay_up:hover{background-color:#FFCC66; border:3px solid #00ff55; box-shadow:3px 3px 3px #333333 inset; }


.fix_Pgrid2 {margin:0px 0px; padding:10px 10px; width:40%; vertical-align:top; display:inline-block; text-align:left; letter-spacing:-1px; font-size:14px; color:#333333; font-weight:normal; border:0px double grey;}
/*.fix_Pgrid2 > div {margin:0px 0px; padding:5px 0px; text-align:left; font-size:14px; color:#333333; font-weight:bold; border:0px double grey;}*/



@media screen and (max-width:600px){
.fix_Cent {display:none;}	

header {margin:0px 0px; padding:0px; height:100px; background-color:#ffcc00; border-bottom:8px solid #ff9900; position:fixed; top:0px; width:100%; z-index:200;}
header section {margin:0px auto; padding:0px 0px; width:100%; display:flex; justify-content: space-between; text-align:center; border:0px solid #999999;}


main {margin:120px auto 0px auto; padding:0px 0px; width:100%;  text-align:center; border:0px solid #999999;}
main section {margin:0px auto; padding:0px 0px; width:98%;  text-align:center; border:0px solid #999999;}



footer {margin: 0px auto; padding:10px 0px 100px 0px; width:100%; border-top:8px solid #ff0000; background:#F4F4F4;}
footer section {margin: 0px auto; padding:0px; width:80%; text-align:center; color:#333333; border:0px solid #e8e8e8;}


.ngt_Head [type="checkbox"], label {display:none;} /*hide checkbox for menu tap*/
.ngt_Head {margin:0px 0px; padding:0px 0px; display:inline-block; width:100%; text-align:right; position:relative; right:5px; top:-3px; border:0px solid #333333;}
.ngt_Head ul {display:none;} 
.ngt_Head label {display:inline-block; background:#000000; width:40px; height:40px; cursor:pointer; position:relative; left:0px; top:0px;}
.ngt_Head label:after{content:''; margin:7px 5px; display: block; width:30px; height:5px; background:#e8e8e8; box-shadow:0px 10px 0px #e8e8e8, 0px 20px 0px #e8e8e8;}		
.ngt_Head [type="checkbox"]:checked ~ ul {margin:0px 0px 0px 0px; padding:10px 10px; display:block; list-style:none; z-index:9999; position:relative; top:0px; left:0px; background:#000000; border:0px solid #ffffff;} 	
.ngt_Head ul li {margin:0px 0px; padding:6px 0px 6px 0px; display:block; width:100%; text-align:left; background:#000000; text-indent:0px;}
.ngt_Head ul li a {margin:0px 0px; padding:0px 0px 0px 20px; color:#e8e8e8;}
.ngt_Head > ul > li {margin-left:0px;}
.ngt_Head > ul li ul li {margin:0px 0px 0px 0px; padding:6px 0px 6px 20px; display:block;}
.ngt_Head > ul li ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; list-style:none; position:relative; width:100%; z-index:9999; }


.ngt_btoc{margin:0px auto 0px auto; padding:0; display:block; text-align:center; width:98%; background:Transparent; z-index:99; border:0px solid grey;}
.ngt_btoc > div {margin:0px auto; padding:0; display:inline-block; width:100%; text-align:center; background:Transparent;  border:0px solid red;}
.ngt_btoc div div{margin:0px auto; padding:5px; display:inline-block; color:white; text-align:center; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:1px 1px 1px #999999; width:30%; background-color:black; border:2px solid #000000; border-radius:3px;}


.lyt_banner {margin:0px; padding:20px 0px; position:relative; top:100px; text-align:left; width:100%;  padding-bottom:36%; background-color:#ffcc00;  border:0px solid #000000; z-index:10;}
.lyt_banner > div {position:absolute; top:0px; left:0px; right:0px; bottom:0px;}


.lyer_Home1 {margin:0px; padding:10px; position:relative; top:5px; left:10px; display:inline-block; }
.lyer_Home1 h1 {letter-spacing:-2px; text-shadow:2px 2px 2px #000000; font-size:18px; color:#000000; font-weight:normal;}
.lyer_Home1 h2 {font-size:14px;color:#000000;font-weight:normal; text-shadow:1px 1px 1px #999999; text-align:left;}


.lyer_Home2 {margin:0px; padding:10px; position:relative; top:5px; left:10px; display:inline-block; }
.lyer_Home2 h1 {letter-spacing:-1px; font-size:16px; color:#000000; font-weight:normal;}
.lyer_Home2 h2 {font-size:14px;color:#000000; font-weight:normal; text-align:left;}


.fix_ptitle {margin:10px auto; padding:0px 0px; text-align:center; letter-spacing:-1px; text-shadow:1px 1px 1px #999999; font-size:20px; color:#333333; font-weight:bold; border:0px solid #999999;}


.lyt_twin {margin:0px auto;    padding:10px 10px; width:98%; vertical-align:top; display:inline-block; text-align:center; letter-spacing:-0px; font-size:14px; color:#333333;  border:0px double grey;}
.lyt_twin img {margin:0px 0px; padding:0px 0px;   width:95%; border:0px solid #999999;}





.lyt_wrap {margin:0px auto; padding:0px;             display:flex; flex-direction:column; width:100%; border:0px solid red;}
.lyt_left {margin:0px auto; padding:0px; order:1; width:100%; display:block; text-align:center; vertical-align:top; border:0px solid black; border-radius:0px 0px 0px 0px; background:rgba(255,255,255,0.0); box-shadow:0px 0px 0px grey;}
.lyt_core {margin:0px auto; padding:0px; order:2; width:100%; display:block; text-align:center; vertical-align:top; border:; border-radius:; background:rgba(,); box-shadow:;}
.lyt_rght {margin:0px auto; padding:0px; order:3; width:100%; display:block; text-align:center; vertical-align:top; border:1px solid black; border-radius:0px 0px 0px 0px; background:rgba(255,255,255,1.0); box-shadow:3px 3px 3px grey;}


.ngt_Foot {margin:0px auto; padding:10px 0px; width:40%; vertical-align:top; display:inline-block;  text-align:left; border:0px double grey;}
.ngt_Foot h1 {margin:10px 20px 0px 0px; padding:0px 0px; display:inline-block;  vertical-align:top; text-align:left; font-size:14px; font-weight:bold; border:0px double grey;}
.ngt_Foot h2 {margin:0px 0px; padding:0px 0px 0px 5px;  vertical-align:top; text-align:left; font-size:14px; font-weight:normal; border:0px double grey;}
.ngt_Foot h2 a {margin:0px 0px; padding:0px 0px; border:0px double grey;}


}






@media screen and (min-width:601px){

header {margin:0px 0px; padding:0px; background-color:#ffcc00;  border-bottom:8px solid #ff9900; width:100%; z-index:200;}
header section {margin:0px auto; padding:0px; width:80%; display:flex; justify-content: space-between; text-align:left; border:0px solid #999999;}


main {margin:0px auto 0px auto; padding:0px 0px; width:100%;  text-align:center; border:0px solid #999999;}
main section {margin:0px auto; padding:0px 0px; width:80%;  text-align:center; border:0px solid #999999;}


footer {margin: 0px auto; padding:10px 0px 100px 0px; text-align:center; width:100%; border-top:8px solid #ff9900; background:#F4F4F4;}
footer section {margin: 0px auto; padding:0px; width:75%; text-align:center; color:#333333; border:0px solid #e8e8e8;}


.ngt_Head [type="checkbox"], label {display:none;} /*hide checkbox for menu tap*/
.ngt_Head {margin:0px auto; padding:0px; width:100%; text-align:left; background: #000000; border:0px solid #333333;}
.ngt_Head [type="checkbox"], label {display:none;} 
.ngt_Head ul ul{display: none;}
.ngt_Head ul li:hover > ul {display: block;}
.ngt_Head ul {margin:0px auto; padding:0px 0px; width:70%; border-radius:0px; list-style:none; position:relative;}
.ngt_Head ul li {margin:0px 0px; padding:0px 0px; display:inline-block; border:0px solid #333333;  font-size:13px; border-right:1px inset #a9a9a9;}
.ngt_Head ul ul > li {width:100%;}
.ngt_Head ul li:last-child {border-right:0px inset #696969; }
.ngt_Head ul li:hover {font-size:13px; background:#333333; linear-gradient(#0000ff,#000033);}
.ngt_Head ul ul > li:hover {background:#333333;}
.ngt_Head ul li:hover a {color:#ffffff; font-weight:normal; font-size:13px;}
.ngt_Head ul li a {color:#ffffff; display:block; padding: 8px 20px; font-weight:normal;  font-size:13px; text-decoration: none; }
.ngt_Head ul ul {z-index:100; background:#000000; border-radius:0px; padding:0; width:250px; text-align:left; position:absolute; top:100%;}
.ngt_Head ul ul li {border-top:1px solid #a9a9a9; border-bottom:0px solid #575f6a; position:relative;}
.ngt_Head ul ul li a {padding:10px 10px;  font-size:13px;}	
.ngt_Head ul ul li a:hover { font-size:13px; background:#333333; background:linear-gradient(#000000,#333333,#000000);}
.ngt_Head ul ul ul {position:absolute; left: 100%; top:0;}


.ngt_btoc{margin:0px auto 0px auto; padding:0; display:block; text-align:center; width:72%; background:Transparent; z-index:99; border:0px solid grey;}
.ngt_btoc > div {margin:0px auto; padding:0; width:100%; text-align:left; background:Transparent; list-style:none; border:0px solid red;}
.ngt_btoc div div{margin:0px auto; padding:10px; display:inline-block; color:white; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:1px 1px 1px #999999; width:16%; background-color:black; border:2px solid #000000; border-radius:9px;}




.fix_Cent {margin:0px 30px; padding:20px 0px 0px 0px; text-align:left; width:100%; font-size:12px; line-height:13px; border:0px solid #000000;}

.lyt_banner {margin:0px; padding:0px; position:relative; top:0px; text-align:left; width:100%; padding-bottom:20%; background-color:#ffcc00; border:0px solid #000000; z-index:10; }
.lyt_banner > div {position:absolute; top:0px; left:0px; right:0px; bottom:0px;}




.lyer_Home1{margin:0px; padding:10px; position:relative; top:10%; left:20%; display:inline-block; }
.lyer_Home1 h1 {letter-spacing:-2px; text-shadow:1px 1px 1px grey; font-size:40px; color:#000000; font-weight:bold;}
.lyer_Home1 h2 {font-size:16px; color:#000000;font-weight:normal; text-shadow:1px 1px 1px #999999;text-align:left;}


.lyer_Home2{margin:0px; padding:10px; position:relative; top:5%; left:35%; display:inline-block;}
.lyer_Home2 h1 {letter-spacing:-2px; text-shadow:1px 1px 1px grey; font-size:30px; color:#000000; font-weight:bold;}
.lyer_Home2 h2 {font-size:16px; color:#000000; font-weight:normal; text-shadow:1px 1px 1px #999999; text-align:left;}



.fix_ptitle {margin:10px auto; padding:0px 0px; text-align:center; letter-spacing:-2px; text-shadow:1px 1px 1px #999999; font-size:30px; color:#333333; font-weight:bold; border:0px solid #999999;}


.lyt_twin {margin:0px auto; padding:10px 10px; width:45%; vertical-align:top; display:inline-block; text-align:center; letter-spacing:-0px; font-size:14px; color:#333333;  border:0px double grey;}


.lyt_wrap {margin:0px auto; padding:0px;                display:table; width:100%; border:0px solid red;}
.lyt_left {margin:0px auto; padding:0px 0px 20px 0px;   display:table-cell; text-align:center; vertical-align:top; width:200px; border:0px solid red;}
.lyt_core {margin:0px auto; padding:0px 10px 50px 10px; display:table-cell; text-align:center; vertical-align:top; border:0px solid red;}
.lyt_rght {margin:0px auto; padding:0px 0px 20px 0px;   display:table-cell; text-align:center; vertical-align:top; width:350px; border:0px solid red;}



.ngt_Foot {margin:0px 0px; padding:10px 0px; width:20%; vertical-align:top; display:inline-block; color:#333333; text-align:left; border:0px double grey;}
.ngt_Foot h1 {margin:10px 20px 0px 0px; padding:0px 0px; display:inline-block;  vertical-align:top; text-align:left; font-size:14px; font-weight:bold; border:0px double grey;}
.ngt_Foot h2 {margin:0px 0px; padding:0px 0px 0px 5px;  vertical-align:top; text-align:left; font-size:14px; font-weight:normal; border:0px double grey;}
.ngt_Foot h2 a {margin:0px 0px; padding:0px 0px; border:0px double grey;}


}










#mini_Panel,   #mini_Panel2  {z-index:10001;position:absolute; padding:0px; border:0px solid black; background-color:#eeeeff; background-color:#eeeeff; color:#000000; font-size:12px; font-family:Verdana; text-shadow:0px 1px 1px #fff; line-height:14px;}
#mini_Panel a, #mini_Panel2 a{color:#000000; font-size:12px; font-family:Verdana; text-decoration:none; text-shadow:0px 1px 1px #fff; line-height:14px;}

.sys_form {margin:0px auto; padding:0px; text-align:center; vertical-align:top; display:inline-block; border:0px solid black;}
.sys_sign {margin:0px; padding:0px; display:inline-block; font-size:12px; color:#ffffff; cursor:pointer; background-color:transparent; border:0px; outline:0px;}
.sys_font {margin:0px; padding:0px; display:inline-block; font-size:16px; color:#ffffff; cursor:pointer; background-color:transparent; border:0px; outline:0px;}
.sys_text {margin:0px; padding:0px; display:inline-block; font-size:12px; color:#000000; cursor:pointer; background-color:transparent; border:0px; outline:0px;}

.sys_small {margin: 1px 1px 1px 0px;padding: 1px 5px 1px 5px;border:1px solid #999999;border-width: 1px 1px 1px 10px;font-family:Verdana,arial, helvetica, sans-serif;text-decoration:none;display:inline-block;text-shadow:1px 1px 2px #ffffff;font-size:12px;font-weight:normal;color: #000000;background-color: #d8d8d8;}
.sys_small a:hover{ border-width: 1px 10px 1px 1px; color: #000000;}
.sys_small:hover  { border-width: 1px 10px 1px 1px; color: #000000;}
.sys_medium {margin: 5px 0px 5px 2px;padding: 2px 10px 2px 10px;border:1px solid #999999;border-width: 1px 1px 1px 15px;font-family:Verdana,arial, helvetica, sans-serif;text-decoration:none;display:inline-block;text-shadow:2px 2px 2px #ffffff;font-size:12px;font-weight:bold;color: #000000;background-color: #d8d8d8;}
.sys_medium a:hover{ border-width: 1px 15px 1px 1px; color: #000000;}
.sys_medium:hover  { border-width: 1px 15px 1px 1px; color: #000000;}

