/*
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 141204
updated: YYB 151130 /
------------------------------------------------------------
*/
/* reset */
html,body{height:100%}
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,p,th,td,form,fieldset,legend,input,button{margin:0;padding:0}
body,input,button,select{font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:13px;line-height:18px}
input,select,button{vertical-align:middle}
fieldset,img{border:0}
img{vertical-align:top}
ul,ol,li{list-style:none}
a{color:#646464;text-decoration:none}
a:hover{color:#646464;text-decoration:underline}
input[type=radio],input[type=checkbox]{width:13px;height:13px}
input[type=radio]{margin-top:-3px}
input[type=text],input[type=password],input[type=number],textarea{border:1px solid #3976af}
.hidden{top:0;left:0;margin:0;padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;*position:absolute}
/* layout */
.wrap{position:relative;min-height:100%;min-width:960px;background:#f5f5f5}
.content{position:relative;margin:0 auto;width:960px}
.footer{position:absolute;bottom:0;width:100%;min-width:960px;border-top:1px solid #dcdcdc;background:#e6e6e6}
.container{position:relative;padding:0 0 150px 0;min-width:960px}
.container h1{text-align:center}
.container h1.bg{background:#306da6 url(../image/bg_title.jpg) no-repeat center 0}
.container h1.create{background-position:center -250px}
.container h1.myAccount{background-position:center -500px}
.content{overflow:hidden;_zoom:1}
.section{float:left;margin:50px 0 0 0;padding:0 0 0 10px;width:700px}
.rules{margin-top:50px}
.snb{float:right;margin:50px 0 0 0;padding:0 10px 0 0;width:220px}
address{margin:0 auto;padding:20px 0 20px 395px;width:565px;background:url(../image/logo.png) no-repeat 230px 26px;font-style:normal;color:#646464}
address ul{overflow:hidden;_zoom:1}
address li{float:left;margin:0 14px 0 0;padding:0 0 0 14px;background:url(../image/line.gif) no-repeat 0 -15px}
address li:first-child{padding:0;background:none}
/* login */
.fLogin{margin:0 0 29px 0;padding:12px 8px 5px 9px;border:1px solid #3976af}
.fLogin input[type=text],.fLogin input[type=password]{float:left;margin:0 0 6px 0;padding:0 10px;width:100px;height:20px;line-height:20px}
.fLogin input[type=image]{float:right;margin:-28px 0 6px 0}
.logout{margin:0 0 29px 0;padding:10px 9px;border:1px solid #3976af;font-size:14px;color:#000}
.logout .user{margin:0 0 10px 0;padding:0 0 8px 9px;border-bottom:1px solid #3976af;font-family:verdana}
.logout ul{margin:0 0 5px 0}
.logout li{margin:3px 0;padding:0 8px;text-align:right;overflow:hidden;_zoom:1}
.logout li strong{float:left}
.logout .ncash{color:#eb4323}
.logout .btn{margin:10px 0 0 0;text-align:center}
/* member */
.account{margin:50px 150px;font-size:15px;color:#4f4f4f}
.account li{margin:0 0 20px 0}
.account li.line{padding-top:20px; border-top:1px solid #939393}
.account .title{display:inline-block;width:156px;font-weight:bold;font-size:16px;color:#3976af;vertical-align:middle}
.account input[type=text],.account input[type=password]{padding:0 10px;width:310px;height:36px;font-size:16px;line-height:36px}
.account .id input[type=text],.account .email input[type=text]{border-color:#f55d34}
.account .email input[type=text]{width:160px}
.account p{margin:5px 0 0 160px;font-size:13px;color:#6d6d6d}
.account select{width:140px;height:38px;border:1px solid #3976af;font-size:14px;color:#4f4f4f;text-align:center}
.account .at{color:#252525}
.account label + label{margin:0 0 0 55px}
.account .info{font-size:16px;color:#4597a0}
.account .confirmation{margin:0 0 20px 0;font-size:16px;color:#000}
.account .confirmation strong{color:#4597a0}
.account em{font-style:normal;color:#3976af}
.button{margin:40px 0 0 0;text-align:center}
.button a{margin:0 20px}
.button.right{margin-top:20px;text-align:right}
.button.right a{margin-right:0}
.agreement{display:block;margin:10px 0 0 0;text-align:center}
.agreement a{text-decoration:underline;color:#ff0000}
.verification{margin:0 auto;padding:24px 0 30px 44px;width:614px;border:1px solid #17a79e;font-family:verdana;font-size:16px;line-height:24px;color:#646464}
.verification p{margin:20px 0;letter-spacing:-0.5px}
.verification strong,.verification em{color:#3976af}
.verification em{font-style:normal}
.verification .email{margin-top:30px;font-weight:bold;font-size:24px;color:#eb4323}
/* my account */
.login{margin:60px 0 0 50px;overflow:hidden;_zoom:1}
.login h2{margin:0 0 14px 0}
.login li{float:left;width:405px}
.login li:first-child{margin:0 56px 0 0}
.login p{margin:5px 0 25px 0;font-size:18px;line-height:22px;color:#ff7c63}
.login label{display:block;margin:15px 0 0 0;font-weight:bold;font-size:14px;color:#3976af}
.login input[type=text],.login input[type=password]{margin:10px 0 0 0;padding:0 10px;width:338px;height:36px;font-size:18px;line-height:36px}
.login .btn{margin:20px 0 0 0}
.forgot{margin:15px 0 0 0;text-align:center}
.forgot a{margin:0 30px;font-family:"Myriad Pro";text-decoration:underline}
.newAccount{padding:0 0 160px 0;background:url(../image/bg_newaccount.gif) no-repeat center bottom}
.incorrect{letter-spacing:-1px}
.box{margin:0 0 10px 0;padding:20px;min-height:320px;background:#fff;box-shadow:4px 5px 0 #dcdcdc}
.section h2{margin:0 0 15px 0}
.section h3{margin:30px 0 20px 0;font-size:20px;color:#3976af}
.section .account{margin:45px 0 0 0}
p.text{margin:0 0 20px 0;font-size:16px}
.snb .bullet{margin:10px 0 0 0}
.snb .bullet li{margin:5px 0;padding:0 0 0 18px;background:url(../image/bullet.gif) no-repeat 0 4px}
.snb .bullet a{display:inline-block;padding:0 4px 2px 4px;font-size:14px;color:#000}
.menu h2{margin:0 0 15px 0}
.menu{padding:4px 0 0 12px;border-left:1px solid #c8c8c8}
.menu a:hover,.menu a.on{background:#3976af;color:#fff;text-decoration:none}
.square{margin:30px 0 0 0;padding:35px 45px 25px 45px;border:1px solid #3976af;line-height:normal;color:#646464}
.square p{margin:0 0 20px 0;font-size:16px}
.square em{font-style:normal;color:#eb4323}
.square .email{font-family:verdana;font-size:24px;color:#3976af}
/* support */
.fFaqs{margin:0 0 20px 0;padding:15px 0;border:solid #3976af;border-width:1px 0;font-weight:bold;font-size:20px;color:#3976af;text-align:center}
.fFaqs input[type=text]{padding:0 10px;width:310px;height:36px;font-size:16px;line-height:36px;vertical-align:top}
.tabs{margin:0 0 10px 0;height:80px;overflow:hidden;_zoom:1}
.tabs li{float:left;margin:0 8px 0 0}
.tabs a.on img,.tabs a:hover img{margin-top:-80px}
h3.bullet{margin:30px 0 10px 0}
h3.bullet strong{margin:0 4px 0 0;padding:0 19px 0 0;background:url(https://netgameimage.gscdn.com/sign.netgame.com/2015/support/bullet.gif) no-repeat right 4px;font-size:16px;vertical-align:middle}
h3.bullet select{width:230px;height:38px;border:1px solid #3976af;font-size:14px;color:#4f4f4f;vertical-align:middle}
.faqs{font-size:14px}
.faqs dt,.faqs dd{padding:11px 40px 11px 80px;border:solid #3976af;background:url(https://netgameimage.gscdn.com/sign.netgame.com/2015/support/bullet.gif) no-repeat}
.faqs dt{border-width:1px 0;background-position:10px -21px;font-weight:bold;color:#3976af}
.faqs .view{min-height:170px;border-width:0 0 1px 0;background-position:10px -61px;color:#4f4f4f}
.faqs .view p{margin:0 0 15px 0}
.faqs .date{padding-right:10px;border-width:0 0 1px 0;background:none;color:#828282;text-align:right}
.ticket{overflow:hidden;_zoom:1}
.ticket li{float:left;padding:19px;width:300px;border:1px solid #3976af;background:#fff}
.ticket li:first-child{margin-right:20px}
.ticket h3{margin:0 0 16px 0;font-size:18px}
.ticket p{margin:0 0 20px 0;font-size:14px;color:#000}
.guide{padding:10px 0;border:solid #3976af;border-width:1px 0;font-size:14px}
.guide h3{margin:0;font-size:14px}
.guide li,.guide p{margin:5px 0;color:#4f4f4f}
.firefox{margin:15px 0 40px 0}
.download{margin:20px 0 0 0;padding:19px;width:300px;border:1px solid #3976af;background:#fff}
.download h3{margin:0 0 16px 0;font-size:18px;line-height:24px}
.table{border-collapse:collapse;margin:0 0 30px 0;width:100%}
.table th,.table td{padding:11px 5px;border:solid #3976af;font-size:14px}
.table thead th{border-width:1px 0;color:#3976af}
.table td{border-width:0 0 1px 0;border-bottom-style:dotted;color:#4f4f4f;text-align:center}
.table td:first-child{font-weight:bold;color:#3976af}
.table td a{float:left;font-weight:normal}
.table td.not{padding:30px;border-bottom-style:solid;color:#f55d34;text-align:center}
.tableH{border-collapse:collapse;width:100%;border:solid #3976af;border-width:1px 0;font-size:16px}
.tableH th{padding:17px 0;width:140px;text-align:left;color:#3976af;vertical-align:top}
.tableH td{padding:10px 0}
.tableH input[type=text]{padding:0 1%;width:97%;height:36px;font-size:14px;line-height:36px}
.tableH input[type=file]{width:99.5%;height:36px}
.tableH textarea{padding:1%;width:97%;height:210px;font-size:14px;overflow:hidden;overflow-y:auto}
.tableH select{width:140px;height:38px;border:1px solid #3976af;font-size:14px;color:#4f4f4f}
.tableH p{margin:5px 0;font-size:13px;color:#6d6d6d}
.pagination{text-align:center}
.pagination a,.pagination strong{display:inline-block;padding:0 2px;min-width:14px;border:1px solid #939393;background:#fff;font-size:14px;line-height:18px;color:#4f4f4f;text-align:center;text-decoration:none;vertical-align:top}
.pagination .direction{padding:0;border:none}
.pagination strong,.pagination a:hover{border-color:#f55d34;background:#f55d34;color:#fff}
/* rules */
.rules h2{margin:0 10px 20px 10px}
.provision{margin:0 10px;padding:10px;height:580px;border:1px solid #3976af;background:#f5f5f5;font-size:11px;color:#666;overflow:hidden;overflow-y:scroll}
.provision h3{margin:30px 0 10px 0;font-size:12px;color:#333}
.provision h3:first-child{margin-top:0}
.provision h4{margin:15px 0 5px 0;font-size:11px;color:#555}
.provision p{margin:0 0 10px 0;padding:0}
.provision ul,.provision ol{margin:5px 0}
.provision li{margin:0 0 10px 0}
.provision li li{margin:0 0 5px 10px}