html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
margin:0px;padding:0px;border:0px;outline:0px;font-family:'Bebas Neue','Arial Narrow', Arial, sans-serif;}
div{display: block;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
html	{-webkit-locale: en;min-height:100%; }
body	{margin:0px; font:'Bebas Neue','Arial Narrow', Arial, sans-serif;color:#fff;-webkit-font-smoothing: antialiased; background-color:#313131;min-height:100%;height: 100%;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;outline: none;font-family: 'Bebas Neue','Arial Narrow', Arial, sans-serif;}
a {text-decoration:none;font-family: 'Bebas Neue','Arial Narrow', Arial, sans-serif;color:#fff;}
a:hover {text-decoration:none;}
button, img		{outline: none;}
ul	{list-style:none;}

h1{font-size:32px; font-weight:700; }
h2{font-size:28px; font-weight:700;}
h3{font-size:20px; font-weight:500;}
h4{font-size:18px; font-weight: 700;}

figure	{cursor:pointer;}

#wrapper		{overflow: hidden;width:100%;}
#header			{width:100%;margin-top:50px; }

/*main slider*/
.cbp-fwslider {	height:700px;max-width: 1680px;margin: 0 auto;overflow: hidden;}
.cbp-fwslider ul li {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);float: left;height: 700px; overflow:hidden;}
nav				{position:relative; top:250px; z-index:3;margin: 0 auto; max-width:1100px;}
.cbp-fwslider nav span {position: absolute;top: 50%;width: 30px;height: 60px;text-align: center;margin-top: -50px;	cursor: pointer; opacity:0.7;filter:alpha(opacity=70);font-size:0;}
.cbp-fwslider nav span:hover{opacity:1;filter:alpha(opacity=100);}
span.cbp-fwnext{background: url('../images/arrowR.png') no-repeat;}
span.cbp-fwprev{background: url('../images/arrowL.png') no-repeat;}
.cbp-fwslider nav span.cbp-fwnext {right: 0px;}
.cbp-fwslider nav span.cbp-fwprev {	left: 0px;}

div.bg			{position:relative; z-index:1; width:100%;height:700px;}
div.bg object	{margin:0 auto;z-index:1;}
div.rohan		{background: url('../images/p1.jpg') no-repeat center; }

div.contents	{margin:0 auto;max-width: 1000px;position:relative; z-index:2;height: 100%;*width:1000px; top:-700px;}
div.logo		{text-align: center; padding-top:20px;margin:0 auto;width:27%;}
div.des			{width:45%;float:right;margin-top: 60px;margin-right: 2%;position: relative;}
div.des	h1		{text-shadow: 2px 2px #000;}
div.des h3		{margin-top:10px; text-shadow: 1px 1px #000;}
div.des	span	{margin-right: 20px;display: inline-block;width:18%; min-width:60px; text-align:left;}

a.gohome		{display:block; width:135px; height:36px; background:#1ba1e2;  border-radius:5px; text-align: center; margin-top:10px;font-weight:700;box-shadow:-1px 1px 20px 0px #222;}
a.gohome:hover	{background:#ffbe13;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}

div.des1		{width:45%;float:left;margin-top: 60px;margin-left: 2%; text-align:left;}
div.des1 h1		{line-height:110%; text-shadow: 2px 2px #000;}
div.des1 h3		{margin-top:20px;text-shadow: 1px 1px #000;}
div.des1 a h3	{font-weight:700;padding-top:5px;}

#block			{margin:0 auto; max-width:1000px; margin-top: -150px;position:relative; z-index:3;height:100%;overflow-y:auto;overflow-x:hidden;}

#img			{width:100%;}

/* announce block--------------------------------*/
#headline			{background: rgba(0,0,0,0.8); background:#000\9; opacity:0.8\9;filter:alpha(opacity=80);width:100%; height:13%;position: absolute;top:0; z-index:3;padding:0 10px;min-height:30px;}
#headline h4		{width: 100%;float: left;text-shadow: 1px 1px #000; padding-top:3px;letter-spacing: -1px; color:white;}
#headline h5		{font-size:14px; float:right;text-shadow: 1px 1px #000;padding-top: 1.5%;font-weight: 300;}

div.news			{width:100%; float:left;min-width:270px;}
.grid				{float:left;width:100%;}
.grid li			{display: inline-block; width: 32.5%; text-align: left;position: relative;margin:4px; }
.grid figure			{margin: 0;position: relative;height: 100%;}
.grid figure img	{display: block; position: relative;}
.grid figcaption	{position: absolute;left: 0;padding: 0 10px;background: rgba(0,0,0,0.8); background: #000\9;overflow:hidden;}
.grid figcaption h2 {text-shadow: 1px 1px #000;color:#52bdf1; line-height:130%;padding-top: 8px;}
.grid figcaption p	{font-size: 16px;}
.cs-style-3 figure {overflow: hidden;}
.cs-style-3 figcaption {
	height: 87%;width: 100%;top: auto;bottom: 0;opacity:0\9;filter:alpha(opacity=0);
	-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity:0.8\9; filter:alpha(opacity=80);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;
}


/* game */
div.game		{width:100%; float:left;min-width:270px;}
#game			{float:left; height: 240px;width:100%;}

.cs-style-1 #text {height: 100%;width: 100%;opacity: 0;text-align: center;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;filter:alpha(opacity=0);backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover #text,
.cs-style-1 figure.cs-hover #text {opacity: 1;filter:alpha(opacity=100);}


.game .grid li		{display: inline-block; width: 32.5%; text-align: left;position: relative;margin:3px;}
.game .grid figure	{margin: 0;position: relative; height:100%;}
.game .grid #text	{position: absolute;top: 0px;padding: 0 10px;background: #1ba1e2;overflow:hidden;text-overflow:ellipsis; text-align:left;}
.game .grid #text p{font-size:16px;padding-top:20px;line-height:150%;}
.game .grid #text h1{text-shadow: 1px 1px #096693;margin-top: 5px;}
.game .grid #text h4{color:#1e1e1e;  text-shadow: 1px 1px #096693; margin-top:7px;}

div.three			{float:left;margin-bottom: 20px;min-width:270px;width:100%;}
#sns				{list-style: none;width:32.5%; float:left; height:246px; margin:4px;}
ul.fb				{background-color:#34609d;}
ul.fb img			{margin-left: 8%;}
ul.tw				{background-color:#1ba1e2;}
#sns li				{display: inline-block;text-align: left;position: relative;min-width:270px;height: 100%;width:100%;}
#sns figure			{margin: 0;position: relative;height: 100%;}
#sns figure img		{display: block; position: relative;opacity: 0.3;filter:alpha(opacity=30);top: 33px;}
#sns figcaption		{position: absolute;left: 0;padding: 0 10px;background: none; overflow:hidden;}
#sns figcaption	img	{height:100%;opacity: 1;filter:alpha(opacity=100);margin: 0 auto;top:0;}
#sns_btn			{position: absolute;top: 0px;padding: 0 10px;background: #1ba1e2;overflow:hidden;text-overflow:ellipsis; text-align:left;}
ul.fb a				{width:60%;height:27%; display:block; margin-left:40%;text-align:center;margin-top: 10px;}
ul.tw a				{width:60%;height:27%; display:block; margin-right:40%;text-align:center;margin-top: 10px;}


.cs-style-2 figure {overflow: hidden;}
.cs-style-2 figcaption {height: 100%;width: 100%;top: auto;bottom: 0;opacity: 0;filter:alpha(opacity=0);
	-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-2 figure:hover figcaption,
.cs-style-2 figure.cs-hover figcaption {
	opacity: 1;filter:alpha(opacity=100);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;
}

#menu		{width: 100%;height:31.5%; font-size:30px;font-weight:700;margin-bottom: 2%;padding: 22px 0 14px 14px;text-shadow: 1px 1px #fff;letter-spacing:-1px; background:#fff; z-index:1;overflow:hidden;
position: relative;color:#ffbe13;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#menu:after {width: 0%;height: 100%;top: 0; left: 0;background: #ffbe13;content: '';position: absolute;	z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#menu:hover, #menu:active {color: #0e83cd;}
#menu:hover:after, #menu:active:after {width: 100%;}
#menu a			{width: 100%;height: 100%;display: block;}
#menu span.text	{color:#1ba1e2;float: left;z-index: 3;position: absolute;}
#menu span.img	{float: right;position: absolute;top: 0;right:0;z-index: 1;}
#menu span.arrow{float: right;position: relative;z-index: 2;right: 14px;}

div.b9			{background-color:#1ba1e2; }
div.b9 img		{width:100%; max-width:320px; opacity:0.3;filter:alpha(opacity=30);}
div.b9 img:hover{opacity:0.7;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;filter:alpha(opacity=70);-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
div.b9 center	{margin-top: 35px;}
div.tw-followers{margin-top:7px; padding-bottom:10px;}



/*sub----------------------------------------------*/
div.subwrapper	{background:url('../images/bg.jpg') no-repeat top center #000;width:100%;min-height:900px;}
#middle			{max-width:1000px;margin:0px auto;overflow: hidden;padding: 80px 0 30px 0;text-align:left;position: relative;min-height: 900px;}
aside			{float:left;background:rgba(50,50,50,0.7);width:30%; margin-right:1%;padding:40px 2%;overflow: auto;position:absolute; top:80px; bottom:30px;background-size: contain;}

div.Left_Menu	{width:auto;float: none;top:0px; margin:0px;text-transform: uppercase;}
div.Left_Menu h4{color:#ffbe13; }
div.Left_Menu ul{font-weight:100;font-size:38px; letter-spacing:-2px; line-height:36px;background:none;width:auto;color:#bbb;}
div.Left_Menu ul li		{padding:10px 0px;margin:0px; background:none;}
div.Left_Menu ul li.on	{color:#ffbe13;}
div.Left_Menu li.on	a	{color:#ffbe13;}
div.Left_Menu li a		{color:#bbb;text-transform:uppercase;}
div.Left_Menu li a:hover{color:#ffbe13;}
div.Left_Menu ul ul.left_sub_menu li{padding:5px 0px;}

div.rss_area		{color:#ddd; margin-top:20px;text-transform: none;}
div.rss_area p		{border-top: 1px solid #888;font-size: 14px;padding: 5px 0px;}
div.rss_area ul		{font-weight: 100;font-size: 38px;letter-spacing: 0px;line-height: 36px;}
div.rss_area ul li	{border-top:1px solid #888;font-size:14px;padding:5px 0px;line-height: 20px;color: #666;}
div.rss_area ul li a{font-weight:bold; color:#ddd; letter-spacing:0px;}
div.rss_area ul li a:hover{color:#1ba1e2;}
div.rss_area ul li a:active{color:#3a85aa;}

#container		{float:left;background:rgba(50,50,50,0.7);width:69%;padding:40px 3%;min-height:100%; overflow:auto;position:relative; left:31%;min-height: 900px;
				scrollbar-face-color: #ffdb7d;scrollbar-shadow-color: #fff;scrollbar-arrow-color: #fff;scrollbar-dark-shadow-color: #fff;scrollbar-highlight-color:#fff;
}

#fullcontainer	{background:#fff;width:100%;padding:40px 3%;min-height:100%; overflow:auto;position:relative;min-height: 900px;
scrollbar-face-color: #ffdb7d;scrollbar-shadow-color: #fff;scrollbar-arrow-color: #fff;scrollbar-dark-shadow-color: #fff;scrollbar-highlight-color:#fff;
}

div.iframe_pack	{background:none;margin-top: 20px;}

/*scroll bar chrome*/
::-webkit-scrollbar{width: 12px;}
::-webkit-scrollbar-thumb{background: #ffdb7d; border:2px solid #fff;}
::-webkit-scrollbar-track {background:#fff;}

#title			{background:none;position:relative;padding:0px;}
div#title div.title_1depth	{background:none;border:none;float:none;padding:0px;width:100%;text-align:left;font-size: 18px;margin-bottom: 5px;color:#888;}
div#title div.title_2depth	{color:#3a85aa;letter-spacing:-1px;background:none;border:none;font-size: 32px;font-weight: 700;width:100%;text-align:left;padding:0;float:none;}
div.subcontents	{margin-top:10px;}
div.content_right{float:left;}
div#title div.location{color:#bbb;}

/*announcement----------------------------------------------*/
div.Left_Menu ul ul.left_sub_menu{margin-top:15px;}
div.Left_Menu ul ul.left_sub_menu li a{font-size:22px; color:#888;font-weight:600;letter-spacing: -1px;line-height: 28px;}
div.Left_Menu ul ul.left_sub_menu li a:hover{color:#1ba1e2;}
div.Left_Menu ul ul.left_sub_menu li a img{margin-right:10px;}

div.Left_Menu li.rss_area{width:100%;padding:0px;}
div.Left_Menu li.rss_area dl{border-top: 1px solid #999;padding: 5px 0px; margin:0px;}
div.Left_Menu li.rss_area dl dt, div.Left_Menu li.rss_area dl dd{color: #888;font-size: 14px;padding: 0px;letter-spacing: 0px;line-height: 18px;}
div.Left_Menu li.rss_area dl dt a{font-weight: bold;color: #ddd;letter-spacing: 0px;}
div.Left_Menu li.rss_area dl dt a:hover{color:#1ba1e2;text-decoration:none; }

div.news_detail		{margin-top:20px;padding:20px 10px; font-size:15px;}
div.news_detail h3	{color: #ffbe13;letter-spacing: -1px;font-weight:bold;margin-bottom:20px;}
div.news_detail div.news_contents{color:#bbb;}
div.news_detail div.news_contents p{font-family: Tahoma, Verdana, Segoe, sans-serif;}
div.news_detail div.news_contents a{font-family: Tahoma, Verdana, Segoe, sans-serif;}
div.news_detail div.news_contents a:hover{color: #ffbe13;}}

div.news_btn	{position: relative;z-index: 1;}
div.news_btn a	{display:block; background:#096693; padding:5px;margin-top:50px;font-size:12px;margin-bottom:20px;}
div.news_btn a:hover{background:#1ba1e2;}
div.news_btn a.news_btn1{float:left;margin-right:20px;}
div.news_btn a.news_btn2{float:left;}
div.news_btn a.news_btn3{float:right;}


/*support--------------------------------------*/
li.support		{font-size:14px; font-weight:bold;color:#888;letter-spacing:0;text-transform: uppercase; line-height:16px;}
div.Left_Menu li.support a{color:#ffbe13;}
div.support		{background:rgba(0,0,0,0.5); width:95%;float: left;margin-top:20px;}
div.support:hover{background:rgba(0,0,0,0.8);}
div.support span{display:block;float:left;}
div.support h2	{color:#1ba1e2;}
div.support:hover h2{color:#ffbe13;}
div.support:active h2{color:#3a85aa;}
span.support_logo	{width: 16.7%; border-right:#e1e1e1;}
span.support_tilte	{padding-top:20px;width: 78%;padding: 4% 0%;}
span.support_arrow	{width:5.3%;padding: 5% 0%;}

/*log in--------------------------------------*/
div.subwrapper div#ContentArea{width:100%; border:none; background:none;padding:20px 0 0 0 ;}

dl.overview1	{width:45%;padding: 0 10px;}
dl.overview2	{width:55%;}
div.overview	{width:auto; border:none;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;margin-top: 5px;width:100%;background: rgba(0,0,0,0.5);}
div.overview div.top_btn span.btn{width:40px; height:20px; background:#1ba1e2;  border-radius:3px; text-align: center; padding: 4px; color:#fff;}
div.overview div.top_btn span.btn:hover{background:#ffbe13;}
div.overview dd	{color:#3a85aa;font-size: 14px;font-weight:bold;width:50%;}
div.overview dt	{font-weight:bold; font-size:12px;color:#ddd;width:50%;}
table.rps_history{width:100%;}
table.rps_history th{background:#303030;}
table.rps_history td{border-bottom:1px dashed #303030;}
div.iframe_pack		{background:none;margin-top: 20px;}

dl.input dd		{color:#1ba1e2;}
div.login		{float:left; width:50%;margin:20px 20px 20px 0px;border:none;}

p.member		{color:#ffbe13; font-size:14px;margin-bottom:10px;font-weight: bold;text-transform: uppercase;}
p.explanation	{color:#ffbe13; font-size:14px;margin-bottom:10px;font-weight: bold;text-transform: uppercase;}
p.explanation a	{color:#b40000;}
p.explanation span{color:#b40000;}

div.find		{max-width:320px; margin-top:-40px; margin-left:-20px;}
div.join		{float:left; background:rgba(0,0,0,0.5); border:1px solid #e1e1e1; width:90%;margin:0px 20px 20px 0px;}

.clearfix:after {content: ""; display: table; clear: both;}
.findidform		{width:70%;float:left;min-width:318px;padding:10px 25px;}
.editform		{width:100%;float:left;}
.editform h4	{margin:5px 0px;}
.form-1			{width: 100%;position: relative; }
.form-1 .field	{position: relative;}
.form-1 .field i {left: 0px; top: 0px;position: absolute;height: 36px; width: 36px;border-right: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);color: #777777;text-align: center;line-height: 42px;
 -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;pointer-events: none;}
.form-1 .field i > img	{position:relative; top:10px;}
.form-1 input[type=text],
.form-1 input[type=password] {font-size: 14px;font-weight: 400;text-shadow: 0 1px 0 rgba(255,255,255,0.8); width: 100%; padding: 10px 18px 10px 45px; border: 1px solid #e1e1e1;color: #777;
 box-shadow: inset 0 0 5px rgba(0,0,0,0.1),inset 0 3px 2px rgba(0,0,0,0.1); border-radius: 3px;
 -webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
.form-1 input[type=text] {margin-bottom: 10px;}
.form-1 input[type=text]:hover ~ i, .form-1 input[type=password]:hover ~ i { color: #52cfeb;}
.form-1 input[type=text]:focus ~ i, .form-1 input[type=password]:focus ~ i {color: #42A2BC;}
.form-1 input[type=text]:focus,.form-1 input[type=password]:focus,.form-1 button[type=submit]:focus {outline: none;}
.form-1 .submit {height: 40px;margin-top:10px;}
.form-1 .submit i{font-style:normal; font-weight:600;}
.form-1 .login_btn	 { width: 100%;height: 100%; font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: #1ba1e2; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
.form-1 .login_btn:hover, .form-1 .login_btnfocus { background: #52cfeb;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.form-1 .login_btn:active {background: #096693; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}
.form-1 span.help{position:relative;}

ul.regist_input1		{width:100%;}
ul.regist_input1 li		{margin-right:5%;}
ul.regist_input1 li.size1{width:45%;}
ul.regist_input1 li.size2{width:95%;color:#444; font-size:13px;font-weight:bold;}

div#ContentArea .form-1			{width: 100%;position: relative; }
div#ContentArea .form-1 .field	{position: relative;}
div#ContentArea .form-1 .field input#firstname{width:60%; float:left; margin-right:3%;}
div#ContentArea .form-1 .field input#lastname{width:35%; float:left;padding-left:10px;}

div#ContentArea .form-1 .field i {left: 0px; top: 0px;position: absolute;height: 36px; width: 36px;border-right: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);color: #777777;text-align: center;line-height: 42px;
 -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;pointer-events: none;}
div#ContentArea .form-1 .field i > img	{position:relative; top:10px;}
div#ContentArea .form-1 input[type=text],
div#ContentArea .form-1 input[type=password] {font-size: 14px;font-weight: 400;text-shadow: 0 1px 0 rgba(255,255,255,0.8); width: 100%; padding: 10px 18px 10px 45px; border: 1px solid #e1e1e1;color: #777;
 box-shadow: inset 0 0 5px rgba(0,0,0,0.1),inset 0 3px 2px rgba(0,0,0,0.1); border-radius: 3px;height:auto;
 -webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
div#ContentArea .form-1 input[type=text] {margin-bottom: 10px;}
div#ContentArea .form-1 input[type=text]:hover ~ i, .form-1 input[type=password]:hover ~ i { color: #52cfeb;}
div#ContentArea .form-1 input[type=text]:focus ~ i, .form-1 input[type=password]:focus ~ i {color: #42A2BC;}
div#ContentArea .form-1 input[type=text]:focus,.form-1 input[type=password]:focus,.form-1 button[type=submit]:focus {outline: none;}
div#ContentArea .form-1 .submit {height: 40px;margin-top:10px;}
div#ContentArea .form-1 .submit i{font-style:normal; font-weight:600;}
div#ContentArea .form-1 .login_btn	 { width: 100%;height: 100%; font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: #1ba1e2; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
div#ContentArea .form-1 .login_btn:hover, .form-1 .login_btnfocus { background: #52cfeb;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
div#ContentArea .form-1 .login_btn:active {background: #096693; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

ul.regist_input2{float:none; margin:0 auto;}
.regist_input1 p.field span{position: absolute;top: 5px;left: 102%;background:none;}
p.agree					{margin: 10px 0px 0px 2%; float:left; color:#444; font-size:12px;font-weight:bold;width:47%;}	
div#ContentArea div.btn_regi {height:auto; width:47%; background:none;margin:0 auto;float:none;}
div#ContentArea div.btn_regi span.btn_register{width: 100%;height: 100%;padding:0px; font-size: 18px;line-height: 40px;font-family: 'Bebas Neue','Arial Narrow', Arial, sans-serif;}
div#ContentArea span.txt_alarm	{position:relative;left: 0px;}
ul.regist_input2 li.agree{color:#3a85aa;}

dl.input dd		{width:100%;}
span.btn_result1{padding:0px;}
dl.small_dt dt	{margin:0px; padding:0px; width:auto;}
ul.regist_input1 .pass1{background:white;}
ul.regist_input1 .pass2{background:white;}

.submit			{display:block; width: 100%;height: 100%; font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: #3a85aa; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
.submit:hover	{background: #52cfeb;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.submit:active	{background: #096693; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

div.btn_op2		{width:60%; margin:0 auto;}
div.btn_op2 .btn_result1{width:60%; margin-right:2%; float:left;}
div.btn_op2 .btn_result2{width:38%; float:left;}

div.btn_com		{width:30%; margin:auto;}

.cancel			{display:block; width: 100%;height: 100%; font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: #444; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
.cancel:hover	{background: #777;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.cancel:active	{background: #777; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

div.countdown span{height: 100%;}
span.btn_result2{display:block; width: 100%;margin:0 auto; font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: #444; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
span.btn_result2:hover	{background: #777;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
span.btn_result2:active	{background: #777; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}
span.btn_result3{padding: 0 10px;display:block; width: 100%;margin:0 auto; font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: #444; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
span.btn_result3:hover	{background: #777;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
span.btn_result3:active	{background: #777; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

div#signup_area	{width:100%;background: none;border:none;;}
div.steps		{width:100%; background:none; }
div.steps ul li	{width:32%; margin-right:1%; float:left; height:30px; color:#fff;}
div.steps ul li.on span.steps{background:#ffbe13;}
div.steps ul li.on #stepright{border-left: 8px solid #ffbe13;}
div.steps ul li span.steps{background:#1ba1e2; display:block; float:left;width:100%; height:100%; text-align:center;font-size: 18px;font-weight: bold;padding-top: 5px;}
#stepright		{width: 0;height: 0;border-top: 15px solid transparent;border-left: 8px solid #1ba1e2;border-bottom: 15px solid transparent;position: absolute;}
#stepleft		{width: 0;height: 0;border-top: 15px solid transparent;border-left: 8px solid #fff;border-bottom: 15px solid transparent;position: absolute;}

#recaptcha_area, #recaptcha_table{margin:0 auto;}
div.btn_area	{padding:0px; margin-top:50px;}

h3.title		{color:#fffffff; font-size: 24px;text-align: center;}
h3.title01		{color:#777777; font-weight:bold; text-align:center; font-size: 24px;}
.title20		{color:#fffffff; font-size: 24px;text-align: center;}
p.result_alarm	{font-size: 13px; letter-spacing: 0.8px;}
p.register_title	{width:100%;font-weight: bold;color: #777777; font-family: 'Roboto', sans-serif;}

.memberinfo		{background: rgba(0,0,0,0.5);float: left; color:#3a85aa;font-weight:bold; padding:2% 3%;margin-bottom: 10px;}
.memberinfo dt	{clear: both;float: left;width: 130px;color: #444444;font-size: 14px;font-weight: bold;padding: 7px 0 0 20px;margin: 2px 0;}
.memberinfo dd	{float: left;margin: 5px 0;font-size: 14px;}
.memberinfo select{ border: 0 !important; width: 100%; -webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);height: 25px;padding: 3px;}
.memberinfo .field input{padding:10px 18px;}

ul.info_Score	{border-radius: 5px;background: #ffbe13;padding: 23px 10px 0px 10px;}
ul.info_Score li.score{border-bottom:2px solid #b40000;padding:0px; color:#b40000; }
span.help		{background: url('../images/login_icon9.png') no-repeat;}
ul.rps_balance a.btn_addrps{display:block;width: 120px;height: 30px;background: #b40000;border-radius: 5px;text-align: center;padding: 7px;color: #fff;font-family: Times New Roman;font-size: 14px;font-weight: bold;}
ul.rps_balance a.btn_addrps:hover{background:#ffbe13;}

/*-----2015.040.22 <facebook&google login>  -------------*/
div.social_signup	{  padding-bottom: 70px; font-family: 'Roboto', sans-serif; border-bottom: #4e5052 solid 1px;}
.social_p	{font-family: 'Roboto', sans-serif;  letter-spacing: -0.3px; margin-top: 13px;font-size: 13px;}
.login_facebtn	 { width: 48%;height: 100%;  font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: url('../images/facebook_icon.png') no-repeat #2763b8; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer; float:left; margin-right:4%;padding-left:5%;}
.login_googlebtn	 { width: 48%;height: 100%;  font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: url('../images/google_icon.png') no-repeat #cc3732; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer; float:left;padding-left:5%;}
.login_facebtn:hover	{background: url('../images/facebook_icon.png') no-repeat #0048af;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.login_facebtn:active	{background: url('../images/facebook_icon.png')  no-repeat #003d93; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}
.login_googlebtn:hover	{background: url('../images/google_icon.png') no-repeat #bf0802;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.login_googlebtn:active	{background: url('../images/google_icon.png')  no-repeat #930500; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

.login_facebtn02	 { width: 48%;height: 100%;  font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: url('../images/facebook_icon02.png') no-repeat #2763b8; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer; float:left; margin-right:4%;padding-left:5%;}
.login_googlebtn02	 { width: 48%;height: 100%;  font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: url('../images/google_icon02.png') no-repeat #cc3732; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer; float:left;padding-left:5%;}
.login_facebtn02:hover	{background: url('../images/facebook_icon02.png') no-repeat #0048af;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.login_facebtn02:active	{background: url('../images/facebook_icon02.png')  no-repeat #003d93; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}
.login_googlebtn02:hover	{background: url('../images/google_icon02.png') no-repeat #bf0802;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.login_googlebtn02:active	{background: url('../images/google_icon02.png')  no-repeat #930500; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

/*-----------------pop up------------------*/
div#popup div#channel_top{background: url('../images/bg_pop.jpg') no-repeat;}
div#popup div#channel_top1 h1 span.title2{color:#fff;}
div#popup div#channel_top2 ul.member li a{color:#888;}
div#popup div.pop_close	span{color:#888;}
div#popup span.btn_result2{display:block; width: 160px;height: 46px;margin:0 auto; font-size: 18px;line-height: 40px;font-weight:bold;color: white;border: none; border-radius: inherit; background: #444; text-align: center;margin-top: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
div#popup span.btn_result2:hover	{background: #777;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
div#popup span.btn_result2:active	{background: #777; box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

div#popup div.login{width:70%; margin-right:auto; margin-left:auto;float:none;background:none;border:none;margin: 0px auto;}
div#popup .form-1 input[type=text],
div#popup .form-1 input[type=password] {font-size: 14px;font-weight: 400;text-shadow: 0 1px 0 rgba(255,255,255,0.8); width: 100%; padding: 10px 18px 10px 45px; border: 1px solid #e1e1e1;color: #777;height:auto;
 box-shadow: inset 0 0 5px rgba(0,0,0,0.1),inset 0 3px 2px rgba(0,0,0,0.1); border-radius: 3px;
 -webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;
 }

.policy-container{margin-left:0px;margin-top: 105px;height: 400px;width: 550px;overflow: auto; color: #ddd;font-size: 12px;padding: 20px 10px;font-family: verdana, arial, sans-serif; line-height:18px;}
.policy-container p{font-size:12px;font-family: verdana, arial, sans-serif; margin:20px 0px;}
.policy-container strong{font-family: verdana, arial, sans-serif; }
.policy-container ul li a{color:#3a85aa;font-weight:bold;}
.policy-container ul li a:hover{color:#1ba1e2;}
.policy-container .green_11{color:#3a85aa;}

div#ViewMenu{width:330px;}

@media only screen and (max-width:845px){
	#middle		{width:90%;}
	#container	{min-height: 0px;}
	div.logo	{width:30%;}
	div.des		{width:60%; margin-top: 40px; margin-left:auto; margin-right:auto;}
	div.des1	{width:60%; margin-top: 40px;margin-left:40px;}
	div.news	{width:95%; margin:0 auto;}
	div.game	{width:95%; margin:0 auto; float:none;}
	.game .grid {float:none;}
	.game .grid li{width: 49%;margin: 0.5%;float: left;}
	#sns		{width:94.2%;margin:0 auto;margin-bottom: 10px;float: none;}
	#menu		{margin-bottom: 1%;}
	ul.tw a		{margin-left: 40%;}
	aside			{width:100%; height:auto;position:relative; top:0px}
	#container		{width:100%;margin-top:20px;height:auto;left:0px;top:10px;}
	div.content_right{float:none;margin:0 auto;}
}


@media only screen and (max-width:660px){
	div.logo		{width:70%;}
	#game			{height:100%; float:none}
	div.des			{float:none;width:80%;}
	div.des1		{float:none;width:80%;}
	div.des	div		{text-align:center;}
	#headline		{padding-top:2%;}
	div.game		{margin-bottom: 5px;}
	.game .grid		{width: 100%;float: none;}
	.game .grid li	{width: 100%;height: 100%;margin-bottom: 5px;}
	.news .grid		{width: 100%;float: none;}
	.news .grid li	{width: 100%;height: 100%;margin-bottom: 5px;}
	div.findID		{width:70%;}
	div.google_ad_movie{float:none;margin:0 auto;}
	div.login		{width:100%;}
	dl.overview1	{width:100%;}
	dl.overview2	{width:100%;}
	.login_facebtn,.login_googlebtn	{min-width: 100%;}
}


@media only screen and (max-width:520px){
	body		{word-break:break-all;}
	h1			{font-size:28px;}
	h2			{font-size:24px;}
	h3			{font-size:16px;}
	h4			{font-size:14px;}
	nav a			{width:5%;}
	#block			{margin-top: 80px;}
	div.cbp-fwslider {height:100%;}
	div.des	span	{margin-right:2%;}
	a.gohome		{margin:0 auto;}
	div.findID		{width:95%;}
	.login_facebtn,.login_googlebtn	{min-width: 100%;}
}