﻿@charset "utf-8";
/*
* project: Oneshot
* author: watercracker
* date: 2016.06.14
*/

/* Reset*/
html {font-size:12px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, a {margin:0; padding:0; border:0 none;}
body, h1, h2, h3, h4, input, button, select, textarea {font-family:"맑은 고딕", "Malgun Gothic", "돋움", "Dotum"; line-height:12px; color:#2e2e2e; letter-spacing:-1px;}
body {*word-break: break-all; -ms-word-break: break-all;}
img, fieldset, iframe {border:0 none;}
li {list-style: none;}
input, select, button {vertical-align: middle;}
input[type="text"], input[type="password"] {color:#2e2e2e; background-color:#fff;}
textarea {resize:none;}
img {vertical-align: middle;}
i, em, address {font-style: normal;}
label, button {cursor: pointer;}
button {margin:0; padding:0;}
/*a, a:hover {text-decoration:none;}*/
a {color:#2e2e2e; text-decoration:none;}
/*a:hover {text-decoration: none;}*/
a:hover {text-decoration: underline ;}




option {padding-right:6px;}
hr, caption {display:none;}
legend {*width:0}
table {width:100%; border-collapse:collapse; border-spacing:0;}
p, td, li, dd, dt, .block, th {word-break: break-all; word-wrap: break-word;}
input::-ms-clear {display: none;}
iframe {vertical-align:top;}
legend, .hide {position:absolute; width:0; line-height:0; height:0; font-size:0; top:0; left:-9999px; overflow:hidden;}


/* common */
#wrapper {position:relative; min-width:1280px; overflow:hidden;}


/* top area */
.pang-top-menu {min-width:1280px; height:130px; background-color:#63c628;}
.top-area {width:1000px; margin:0 auto;}
.top-area .top-logo {float:left; margin-top:44px;}
.top-area .top-menu {float:right; margin-top:56px;}
.top-area .top-menu li {float:left; font-size:18px; color:#a1dd7e;}
.top-area .top-menu li img {margin-right:7px;}
.top-area .top-menu a {font-size:18px; font-weight:bold; color:#fff; margin:0 20px;}
.top-area .top-menu .last {margin-right:0;}


/* game intro */
.pang-game-intro {min-width:1280px; height:300px; background-color:#f5f5f5;}
.game-intro {width:1000px; margin:0 auto;}
.game-intro .game-icon {width:200px; float:left; margin-top:50px;}
.game-intro .game-data {float:left; margin:54px 0 0 30px;}
.game-intro .game-data .title {font-size:30px; font-weight:bold; height:28px; margin:0 0 7px 0; padding:0;}
.game-intro .game-data li {font-size:15px; padding:5px 0;}
.game-intro .game-data li span {display:inline-block; width:52px;}
.game-intro .game-data .btn {margin-top:18px;}
.game-intro .game-data .btn a {margin-right:5px;}


/* game info */
.pang-game-info {width:1000px; margin:50px auto;}
.pang-game-info .game-img {position:relative; width:1000px; height:480px; overflow:hidden; margin-bottom:20px;}
.pang-game-info .game-img ul {width:5660px;}
.pang-game-info .game-img:after {content:''; display:block; clear:both;}
.game-info-txt {font-size:14px; line-height:20px;}
.game-info-txt a {font-weight:bold; color:#63c628;}

.bx-wrapper .bx-controls-direction a {position: absolute; top:50%; margin-top:-50px; outline:0; width:60px; height:100px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-prev {left:0px; background: url(http://image.panggame.com/www/20160627/mobile/btn-arrow-left.png) no-repeat left top;}
.bx-wrapper .bx-next {right:0px; background:url(http://image.panggame.com/www/20160627/mobile/btn-arrow-right.png) no-repeat left top;}


/* side banner */
.pang-side-banner {width:140px; height:495px; position:fixed; left:50%; top:218px; margin-left:530px;}
.pang-side-banner .s-title {width:140; height:50px; color:#fff; font-size:15px; background-color:#404040; line-height:50px; text-align:center;}
.pang-side-banner .s-banner {width:138px; border:1px solid #c4c4c4; background-color:#fff;}
.pang-side-banner .m-banner {width:110px; margin:0 auto;}
.pang-side-banner .m-banner li {margin-top:15px; text-align:center;}
.pang-side-banner .m-banner li p {margin-top:5px; color:#000; font-size:13px; line-height:17px;}

.pang-side-banner .btn {position:relative; width:110px; height:20px; margin:15px auto; text-align:center;}
.pang-side-banner .btn a {position:absolute; top:0px; outline:0; width:20px; height:20px; text-indent:-9999px; z-index:9999;}
.pang-side-banner .btn a.disabled {display:none;}
.pang-side-banner .btn .slider-prev {left:30px; background: url(http://image.panggame.com/www/20160627/mobile/arrow-black-left.jpg) no-repeat left top;}
.pang-side-banner .btn .slider-next {right:30px; background:url(http://image.panggame.com/www/20160627/mobile/arrow-black-right.jpg) no-repeat left top;}


/* footer */
#pang-footer {min-width:1280px; font-size:12px; color:#4f4f4f; margin:35px 0 0 0; background-color:#fff; padding:35px 0 30px; border-top:1px solid #e2e2e2;}
.footer-area {width:1000px; margin:0 auto; overflow:hidden;}
.pang-ci {float:left; margin-right:30px;}
.pang-sitemap {margin-bottom:12px;}
.pang-sitemap, .pdow-sitemap a {color:#4f4f4f;}
.pang-sitemap li {float:left;}
.pang-sitemap span {margin:0 15px;}
.pang-sitemap:after {content:'';display:block; clear:both;}
.pang-address {margin-bottom:5px; line-height:18px;}


