@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/*** reset ***/
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, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption,
footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html, body {width:100%; margin:0; padding:0; font-size:13px; font-family: 'Noto Sans TC',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
ol, ul, li, dl {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse; border-spacing:0;}
legend,caption {visibility:hidden; height:0; overflow:hidden; font-size:0; line-height:0}
a {text-decoration:none}
a:hover,a:active,a:focus {text-decoration:none;}
textarea, input[type="image"],  input[type="text"],  input[type="submit"],  input[type="password"] {-webkit-appearance:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
a, input, button {outline:none;}


/** common **/
.txt_hidden,.event1 h2,.event2 h2,caption {display:inline; position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; font-size:0; text-indent:-1000px;}
.clear:after {display:block; clear:both; content:""}
img {vertical-align:top}
::-webkit-input-placeholder {color:#aba3a3; font-size:0.26rem;}
:-moz-placeholder {color:#aba3a3; font-size:0.26rem;/* Firefox 18- */}
::-moz-placeholder {color:#aba3a3; font-size:0.26rem;/* Firefox 19+ */}
:-ms-input-placeholder {color:#aba3a3; font-size:0.26rem;}

/** skipNav **/
#skipNav {position:relative; z-index:100;}
#skipNav a {display:block; position:absolute; top:-40px; left:0; width:150px; overflow:hidden; text-align:center;}
#skipNav a:hover, #skipNav a:active, #skipNav a:focus {top:0; padding:5px; background:#841200 none; color:#fff; font:bold 12px/18px dotum; text-align:center;}

/** body layout **/
html,body{overflow-x:hidden;}
body {position:relative; background:#504948;}
body.voting {position:relative; background:#504948; background-size: 100%;}
.wrap {margin:0 auto;}

/** header **/
header {position:relative;  background:#504948 url("../images/common/bg_body.jpg") no-repeat center top; background-size:100%; width:100%; height:9.63rem; max-width:1090px;  margin:0 auto;}
header h1 {position:absolute; top:40px; right:-17px; display:none;}
header .btn_area {position:absolute; left:2.06rem; top:6.94rem; }
header .btn_area .clear {display:inline-block;}
header .btn_area .clear + .clear {margin-top:0.04rem}
header .btn_area .btn{display:inline-block; width:2.46rem; height:0.71rem; float:left; margin-right:0.16rem}
header .btn_area .btn.btnNo1{background:url(../images/common/img_btnHeader1.png) no-repeat left top; background-size:100%;}
header .btn_area .btn.btnNo2{background:url(../images/common/img_btnHeader2.png) no-repeat left top; background-size:100%;}
header .btn_area .btn.btnNo3{background:url(../images/common/img_btnHeader3.png) no-repeat left top; background-size:100%; margin-left:0.76rem}
header .btn_area .btn.btnNo4{background:url(../images/common/img_btnHeader4.png) no-repeat left top; background-size:100%;}

/** side_menu **/
.side_menu {width:8.43rem; margin-left:-4.21rem; position:absolute; left:50%; top:0; z-index:5}
.side_menu:after {clear:both; display:block; content:""}
.side_menu li {width:1.89rem; height:0.85rem; float:left; margin-right:0.29rem}
.side_menu li.side_list1 {background:url(../images/common/btn_sideMenuM1.png) no-repeat left top; background-size:100%;}
.side_menu li.side_list2 {background:url(../images/common/btn_sideMenuM2.png) no-repeat left top; background-size:100%;}
.side_menu li.side_list3 {background:url(../images/common/btn_sideMenuM3.png) no-repeat left top; background-size:100%;}
.side_menu li.side_list4 {background:url(../images/common/btn_sideMenuM4.png) no-repeat left top; background-size:100%;margin-right:0}
.side_menu li a{display:block;width:100%;height:100%;}

/** votingArea **/
.votingArea {position:relative; width:9.83rem; margin:0 auto 0.42rem; padding:0.43rem 0 1.35rem; background:url(../images/common/bg_pattern.gif) repeat; }
.votingArea:after{position:absolute; left:0; bottom:0; width:9.83rem; height:0.10rem; margin:0 auto; background:url(../images/common/bg_patternBottom.gif) repeat; content:""; background-size:100%}
.votingArea .form {width:9.67rem; padding:0.02rem; box-sizing:border-box; margin:0 auto;  border:3px solid rgba(0,0,0,0.1); background:url(../images/common/bg_votingImg.png) no-repeat 0.70rem 0.63rem; background-size:2.08rem 2.35rem}
.votingArea .form .innerBox {bordeR:1px solid rgba(0,0,0,0.1); box-sizing:border-box; padding-bottom:0.50rem;}
.votingArea .form .innerBox h2 {margin-left:2.85rem; margin-top:0.71rem; color:#74352d;font-size:0.74rem;}
.votingArea .form .innerBox .btnBlock {display:block; margin-top:0.21rem; margin-left:2.85rem;}
.votingArea .form .innerBox .btnBlock:after{clear:both; display:block; content:""}
.votingArea .form .innerBox .btnBlock .btn {display:inline-block; float:left; width:2.15rem; height:0.65rem; }
.votingArea .form .innerBox .btnBlock .btn1 {background:url(../images/common/btn_voting1.png) no-repeat; background-size:100%; margin-right:0.14rem} 
.votingArea .form .innerBox .btnBlock .btn2 {background:url(../images/common/btn_voting2.png) no-repeat; background-size:100%} 
.votingArea .form .innerBox .txtBlock {padding-left:0.94rem; padding-right:0.58rem;margin-top:0.38rem;}
.votingArea .form .innerBox .txtBlock p strong{color:#504948 ; font-size:0.25rem;}
.votingArea .form .innerBox .txtBlock h3 { font-size:0.25rem; font-weight:bold; color:#74352d; margin-top:0.19rem;}
.votingArea .form .innerBox .txtBlock ul li{color:#504948; font-size:0.22rem;margin-bottom:0.10rem; margin-left:0.9em; text-indent:-0.9em; padding-right:0.5em;}
.votingArea .votingList {width: 9.67rem; margin:0.42rem auto  0; }
.votingArea .votingList .bg_votingListTop {display:block; background:url(../images/common/bg_votingListContentsT.png) no-repeat left bottom; height:0.38rem; background-size:100%;}
.votingArea .votingList .tab_container{ position:relative; background:url(../images/common/bg_votingListContentsC.png) repeat-y left top; display:block;background-size:100% auto; padding-top:0.42rem;}
.votingArea .votingList .bg_votingListBottom{display:block;  background:url(../images/common/bg_votingListContentsB.png) no-repeat left top; height:0.38rem; background-size:100%;}
.votingArea .tab_content h2 {width:4.40rem; height:0.83rem; background:url(../images/common/bg_votingH2.png) no-repeat left top; background-size:100%; margin:0 auto 0; }
.votingArea .tab_content#tab2 h2 {width:4.40rem; height:0.83rem; background:url(../images/common/bg_entryH2.png) no-repeat left top; background-size:100%; margin:0 auto 0; }
.votingArea .tab_content ul {margin-top:0.40rem;}
.votingArea .tab_content ul li {width:7.33rem; height:10.98rem; background:url(../images/common/bg_votingBox.png) no-repeat; background-size:100% auto; margin:0 auto; padding-bottom:0.31rem;}
.votingArea .tab_content ul li .tit {
    font-size:0.63rem; color:#642424; font-weight:bold; padding:0.42rem 0 0 0.52rem;cursor:pointer;}
.votingArea .tab_content ul li .cardImg 
{width:7.28rem; height:6.63rem; margin:0.42rem auto 0; cursor:pointer;}
.votingArea .tab_content ul li .cardImg img {width:100%; height:100%; cursor:pointer;}
.votingArea .tab_content ul li .votesInfo {position:relative; padding:0.29rem 0 0 0.29rem}
.votingArea .tab_content ul li .votesInfo .votingIco {position:Absolute; right:0.42rem; top:0.45rem; display:inline-block; width:2rem; height:1.68rem; background:url(../images/common/ico_voting.gif) no-repeat; background-size:100%;}
.votingArea .tab_content ul li .votesInfo .number {font-size:0.4rem; color:#383838; margin-bottom:0.04rem}
.votingArea .tab_content ul li .votesInfo .votesNum {font-size:0.4rem; color:#383838; position:relative; padding-left:0.45rem; margin-bottom:0.04rem}
.votingArea .tab_content ul li .votesInfo .votesNum:after{content:""; display:inline-block; width:0.45rem; height:0.41rem; background:url(../images/common/ico_votes.gif) no-repeat left top; background-size:100%; position:absolute; left:0; top:0.08rem;}
.votingArea .tab_content ul li .votesInfo .name{font-size:0.4rem;color:#521717}

/** login popup **/
.login.popup {display:none; width:9.84rem; height:10.42rem; background:url(../images/common/bg_loginPop.png) no-repeat; background-size:100%; position:fixed; left:50%; top:50%; margin-left:-4.9rem; margin-top:-5.22rem; z-index: 150000}
.login .close_popup {position: absolute;display:inline-block; width:0.46rem; height:0.46rem; right:0.42rem; top:0.46rem;background:url(../images/common/btn_close.gif) no-repeat; background-size:100%}
.login h2{display:inline; position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; font-size:0; text-indent:-1000px;}
.login .form {width:9.24rem; height:6.50rem; margin:2.89rem auto;text-align: center;}
.login .form h3 {padding-top:0.63rem; font-size:0.43rem; font-weight:bold; color:#7b5c4f;}
.login .form .formBlock {margin-bottom:0.26rem;}
.login .form input[type="text"]{width:5.42rem; height:0.73rem;border-width:1px; border-style:solid; line-height:0.73rem; border-top-color:#dacccb; border-right-color:#ede7e7; border-bottom-color:#ede7e7; border-left-color:#dacccb; background:#f0ecec; box-shadow:inset 1px 1px 3px 0px rgba(229,220,219,1); color:#aba3a3;  text-align:center; box-sizing:border-box;-webkit-box-shadow:inset 1px 1px 3px 0px rgba(229,220,219,1); -moz-box-shadow:inset 1px 1px 3px 0px rgba(229,220,219,1); border-radius:0}
.login .form .formBlock + h3 {padding-top:0}
.login .form p.txt { margin:0 auto 0.16rem; }
.login .form p small{color:#7b5c4f; font-size:0.21rem;}
.login .form .checkBlock{margin:0.16rem auto 0; border:1px solid #bcbcbc; background:#f2f2f2; color:#aba3a3; width:5.42rem; height:0.73rem; line-height:0.73rem; text-align: left; vertical-align: middle; }
.login .form .checkBlock input[type="checkbox"] {width:18px; height:18px; margin-left:0.23rem; margin-top:2px; vertical-align: middle}
.login .form .btn {background:url(../images/common/btn_loginPop.png) no-repeat; background-size:100%; display:inline-block; width:2.86rem; height:0.80rem; margin-top:0.24rem}

/** paging **/
.paging{display:block; width:100%;  text-align: center;margin-top:0.47rem;}
.paging a{display:inline-block; width:0.44rem; height:0.44rem; line-height:0.44rem; text-align: center; font-size:0.14rem; margin-right:0.2rem; vertical-align: middle;}
.paging a.prev{background:url(../images/common/ico_pagingPrev.png) center no-repeat; background-size:0.15rem 0.2rem}
.paging a.next{background:url(../images/common/ico_pagingNext.png) center no-repeat; background-size:0.15rem 0.2rem}
.paging a.active{background:#eeeeee; border-radius:100%}

/** footer **/
footer {width:100%; background:#fff; }
footer:after{clear:both; display:block; content:""}
footer .inner_footer {font-size:0.13rem; padding:0.61rem 0.4rem}
footer .inner_footer .footer_logoBlock .footer_logo { display:inline-block; width:1.22rem; height:0.29rem; background:url(../images/common/footer_logo.gif) no-repeat left center;  background-size:100%;}
footer .inner_footer .footer_logoBlock ul {margin-bottom:0; display:inline-block; vertical-align: top;}
footer .inner_footer .footer_logoBlock ul:after{clear:both ;display:block; content:""}
footer .inner_footer .footer_logoBlock ul li {position:relative; font-size:0.15rem;  padding:0 0.1rem; float:left; }
footer .inner_footer .footer_logoBlock ul li:after{content:""; width:0.01rem; height:0.10rem; background:#ddd; position:absolute; right:0; top:0.03px;  display:block;}
footer .inner_footer .footer_logoBlock ul li a {color:#777 ;}
footer .inner_footer .footer_logoBlock .copyright {padding-left:1.35rem; color:#777}
footer .inner_footer .age{padding-left:1.3rem; margin-top:0.3rem; font-size:0.13rem; color:#777; background:url(../images/common/img_age.png) no-repeat 0.41rem center; background-size:0.51rem;}


/** votingOpenpop **/
.votingOpenpop{display:none; position: fixed;; top:50%; left:50%; background:#fff; margin-left:-4.91rem; margin-top:-4.97rem; z-index:20000; width:100%; max-width:9.83rem; height:10.94rem}
.votingOpenpop .close_votingPopup {display:inline-block; width:0.54rem; height:0.54rem; background:url(../images/common/btn_closePop.gif) no-repeat; background-size:100%;  position:absolute; right:0; top:-0.54rem}
.votingOpenpop .bx-wrapper {position:relative;}
.votingOpenpop .bx-viewport {width:8.65rem !important; margin:0 auto; box-sizing:border-box; border:1px solid #c1c1c1; }
.votingOpenpop .tit{color:#642424; font-size:0.51rem; font-weight:bold; margin-left:0.52rem; margin-top:0.36rem; margin-bottom:0.08rem}
.votingOpenpop .cardImg {width:8.65rem !important; height:5.83rem !important; margin:0 auto;}
.votingOpenpop .cardImg img{width:100%; height:100%; }
.votingOpenpop .number{font-size:0.30rem; color:#383838;}
.votingOpenpop .votesInfo {margin-left:0.52rem;}
.votingOpenpop .votesInfo .clear{margin-top:0.16rem}
.votingOpenpop .votesInfo .votesNum{font-size:0.30rem; color:#383838; position:Relative; padding-left:0.55rem}
.votingOpenpop .votesInfo .votesNum:after{content:""; display:inline-block; width:0.39rem; height:0.35rem; background:url(../images/common/ico_votes.gif) no-repeat left top; background-size:100%; position:absolute; left:0.12rem; top:0rem;}
.votingOpenpop .votesInfo .formArea span {margin-top:0.16rem}
.votingOpenpop .votesInfo .formArea label{ display:inline-block; width:1.78rem}
.votingOpenpop .votesInfo .formArea .gameAccount{display:block; font-size:0.30rem; color:#383838; line-height:0.50rem; height: 0.50rem;}
.votingOpenpop .votesInfo .formArea .gameNumber{display:block; font-size:0.30rem; color:#383838;  line-height:0.50rem; height: 0.50rem;}
.votingOpenpop .votesInfo .formArea .checkArea {display:block;    min-height: 0.50rem; background:#f2f2f2; border:1px solid #c0c0c0; width:4.53rem; margin-left:1.78rem; box-sizing:border-box; } 
.votingOpenpop input[type="text"] {width:4.53rem; height:0.50rem; border:1px solid #dccecd; box-sizing:border-box; padding-left:0.18rem; line-height:0.38rem; background:#f0ecec;}
.votingOpenpop .votesInfo .formArea .checkArea input {margin-top:5px}
.votingOpenpop .bx-controls-direction{position:absolute; left:0; top:50%; width:100%; height:0.57rem; margin-top:-0.28rem;}
.votingOpenpop .bx-controls-direction .bx-prev {position:absolute; left:0.20rem; top:0; font-weight:bold; color:#aaa; font-size:0.56rem; vertical-align: top;}
.votingOpenpop .bx-controls-direction .bx-next {position:absolute; right:0.20rem; top:0;font-weight:bold; color:#aaa; font-size:0.56rem; vertical-align: top; }
.votingOpenpop .votingIco {position:Absolute; right:0.42rem;  top: 7.77rem; display:inline-block; width:2rem; height:1.68rem; background:url(../images/common/ico_voting.gif) no-repeat; background-size:100%;}
.votingOpenpop .name {font-size:0.41rem; position:absolute; right:0.55rem; top:0.46rem; color:#565656; }
::-webkit-input-placeholder .votingOpenpop input[type="text"] {color:#aba3a3; font-size:0.16rem}
:-moz-placeholder .votingOpenpop input[type="text"]{color:#aba3a3; font-size:0.16rem ;/* Firefox 18- */}
::-moz-placeholder .votingOpenpop input[type="text"]{color:#aba3a3; font-size:0.16rem;/* Firefox 19+ */}
:-ms-input-placeholder .votingOpenpop input[type="text"]{color:#aba3a3; font-size:0.16rem ;}



/** media **/
@media(min-width:768px) {
    .side_menu {top:35px}
    
}

@media(min-width:769px) {
    body {position:relative; background:#504948 url("../images/web/bg_body.jpg") no-repeat center 35px;}
    body.voting {position:relative; background:#504948 url("../images/web/bg_body_voting.jpg") no-repeat center 35px;}
    .wrap {width:1090px; margin:0 auto;}

    /** header **/
    header {position:relative; width:100%; height:930px; margin:0 auto; background:none;}
    header h1 {display:block; position:absolute; top:40px; right:-67px;}
    header .btn_area {position:absolute; top:626px; left:50%; width:570px; margin-left:-365px; height:150px}
    header .btn_area:after {display:block; clear:both; content:""}
    header .btn_area .btn {display:inline-block; width:236px; height:68px; margin-right:0}
    header .btn_area .clear {display:block; margin-bottom:15px;}
    header .btn_area .btn.btnNo1 {display:inline-block; margin-right:10px;}
    header .btn_area .btn.btnNo3 {display:inline-block; margin-right:10px; margin-left:75px;}

    /** side_menu **/
    .side_menu {position:fixed; width:201px; margin-left:0;right:0; top:50px; left:auto;  z-index:5}
    .side_menu:after {clear:both; display:block; content:""}
    .side_menu li {width:201px; height:62px; float:none;; margin-right:0.29rem}
    .side_menu li a{display:inline-block; width:100%; height:100%;}
    .side_menu li.side_list1 {background:url(../images/common/btn_sideMenu1.png) no-repeat left top; background-size:100%;height:121px}
    .side_menu li.side_list2 {background:url(../images/common/btn_sideMenu2.png) no-repeat left top; background-size:100%;}
    .side_menu li.side_list3 {background:url(../images/common/btn_sideMenu3.png) no-repeat left top; background-size:100%;}
    .side_menu li.side_list4 {background:url(../images/common/btn_sideMenu4.png) no-repeat left top; background-size:100%;margin-right:0}

    /** votingArea **/
    .votingArea {width:1090px; background: url(../images/common/bg_webVotingArea.jpg) no-repeat; padding-top:47px;  padding-bottom:100px; margin:0 auto 100px;}
    .votingArea:after {width:1090px; height: 12px; background: url(../images/common/bg_webVotingAreaB.jpg) repeat; background-size: 100%; bottom:0;}
    .votingArea .form {width:1014px; border: 4px solid rgba(0,0,0,0.1); padding:5px; background: url(../images/common/bg_votingImg.png) no-repeat 45px 85px; background-size:200px 226px; margin-bottom:47px;}
    .votingArea .form .innerBox {border: 2px solid rgba(0,0,0,0.1); box-sizing: border-box;}
    .votingArea .form .innerBox h2 {margin-left: 280px;margin-top:45px; font-size: 59px; width:260px; float:left;}
    .votingArea .form .innerBox .btnBlock {float:left; width:430px; margin:55px 0 0 0 ; }
    .votingArea .form .innerBox .btnBlock .btn1 {width:206px; height:62px; cursor:pointer}
    .votingArea .form .innerBox .btnBlock .btn2 {width:206px; height:62px; cursor:pointer}
    .votingArea .form .innerBox .txtBlock {clear:both; padding-left:280px; margin-top:0; margin-bottom:40px; padding-top:10px}
    .votingArea .form .innerBox .txtBlock p strong {font-size:23px;}
    .votingArea .form .innerBox .txtBlock h3 {font-size:23px; margin-top:20px}
    .votingArea .form .innerBox .txtBlock ul li {font-size:23px}
    .votingArea .votingList {width:1014px;}
    .votingArea .votingList .bg_votingListTop {width:1014px; height:36px}
    .votingArea .votingList .bg_votingListBottom {width:1014px; height:36px}
    .votingArea .votingList .tab_container {padding-top:15px; padding-bottom:30px;}
    .votingArea .tab_content ul {margin-top:40px; padding:0 19px 0 20px; }
    .votingArea .tab_content ul li {width:230px; height:347px;display:inline-block; margin:0 5px;}
    .votingArea .tab_content ul li .tit {font-size:21px; padding:10px 0 0 10px;width:95%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}
    .votingArea .tab_content ul li .cardImg {width:100%; height:208px; margin-top:10px}
    .votingArea .tab_content ul li .votesInfo {margin-top:4px;padding-top:0; padding-left:10px;  padding-right:10px}
    .votingArea .tab_content ul li .votesInfo .number {font-size:14px; margin-bottom:1px}
    .votingArea .tab_content ul li .votesInfo .votesNum {font-size:14px; padding-left:20px; margin-bottom:2px}
    .votingArea .tab_content ul li .votesInfo .votesNum:after {width:17px; height:15px; top:4px;}
    .votingArea .tab_content ul li .votesInfo .name {font-size:16px; color:#383838; width:75%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}
    .votingArea .tab_content ul li .votesInfo .votingIco {width:63px; height:54px; top:7px; right:14px}
    .votingArea .tab_content#tab1 h2 {width:422px; height:80px}
    .votingArea .tab_content#tab2 h2 {width:422px; height:80px}
    .paging {margin-top:40px;}
    .paging a {font-size:21px; width:33px; height:33px; line-height:33px; color:#504948;}
    .paging a.prev {background-size:12px 13px;}
    .paging a.next {background-size:12px 13px;}

    /** votingOpenpop **/
    .votingOpenpop{margin-left:-506px; margin-top:-409px; width:1013px; height:auto; min-height:800px; min-width:1013px; padding-bottom:20px;}
    .votingOpenpop .close_votingPopup { width:58px; height:57px; background:url(../images/common/btn_closePop.gif) no-repeat; background-size:100%; top:-57px}
    .votingOpenpop .bx-viewport {width:893px !important; margin:0 auto;  }
    .votingOpenpop .tit{font-size:30px; margin-top:20px; margin-left:55px; margin-bottom:5px}
    .votingOpenpop .name {font-size:30px ; top:20px; right:55px;}
    .votingOpenpop .cardImg {width:893px !important; height:657px !important; margin:0 auto;}
    .votingOpenpop .votesInfo .clear{margin-left:50px; margin-top:13px; margin-bottom:10px;}
    .votingOpenpop .votesInfo .clear .number{font-size:25px; font-weight:bold;}
    .votingOpenpop .votesInfo .clear .votesNum{font-size:25px;font-weight:bold; padding-left:25px; margin-left:20px}
    .votingOpenpop .votesInfo .votesNum:after {width:23px;height:22px; top: 3px;}
    .votingOpenpop .votesInfo .formArea {margin-left:50px;}
    .votingOpenpop .votesInfo .formArea span {margin-top:0; width:auto; }
    .votingOpenpop .votesInfo .formArea label{ display:inline-block; width:auto; }
    .votingOpenpop .votesInfo .formArea:after{clear:both; display:block; content:"";}
    .votingOpenpop .votesInfo .formArea .gameAccount{display:inline-block; font-size:18px; line-height:38px; height: 38px; color:#7b5c4f; float:left;}
    .votingOpenpop .votesInfo .formArea .gameNumber{display:inline-block; font-size:18px; line-height:38px; height: 38px; color:#7b5c4f; float:left; margin-left:15px;}
    .votingOpenpop .votesInfo .formArea .checkArea {display:inline-block; font-size:18px; line-height:38px; height: 38px; width:200px; margin:1px 0 0 10px; float:left; min-height:38px;} 
    .votingOpenpop input[type="text"] {width:200px; height:38px; padding-left:6px; line-height:38px; margin-left:7px;}
    .votingOpenpop .votesInfo .formArea .checkArea input {margin-top:0}
    .votingOpenpop .bx-controls-direction{height:58px; margin-top:-28px;}
    .votingOpenpop .bx-controls-direction .bx-prev { font-size:50px; left:15px}
    .votingOpenpop .bx-controls-direction .bx-next {font-size:50px; right:15px}
    .votingOpenpop .votingIco {top:735px; width:110px; height:96px; right:35px;}

/** login popup **/
    .login.popup {display:none; width:530px; height:569px; max-width:auto;  margin-left:-265px; margin-top:-284px; left:50%; top:50%; background-position:left top; }
    .login .form{margin-top:170px; width:443px}
    .login .form h3 {font-size:25px; margin-bottom:5px;}
    .login .form .formBlock {margin-bottom:20px;}
    .login .form .formBlock + h3 {margin-bottom:0}
    .login .form input[type="text"] {width:320px; height:40px; line-height:40px; font-size:20px}
    .login .form p.txt {margin:0 auto 10px}
    .login .form p small{font-size:16px; font-weight:bold;}
    .login .form .checkBlock {width:318px; height:38px; margin-top:12px;}
    .login .form .checkBlock input[type="checkbox"]{width:21px; height:21px; margin-top:9px;}
    .login .form .btn {width:140px; height:40px; margin-top:10px}
    ::-webkit-input-placeholder {color:#aba3a3; font-size:15px;}
    :-moz-placeholder {color:#aba3a3; font-size:15px;/* Firefox 18- */}
    ::-moz-placeholder {color:#aba3a3; font-size:15px;/* Firefox 19+ */}
    :-ms-input-placeholder {color:#aba3a3; font-size:15px;}
    .login .close_popup {width:30px; height:30px; right:15px; top:15px;}

    /** footer **/    
    footer .inner_footer {width:1013px; margin:0 auto; padding:45px 0 0 0; height:95px;}
    footer .inner_footer .footer_logoBlock {float:left; width:45%;}
    footer .inner_footer .footer_logoBlock:after{clear:both;display:block; content:""}
    footer .inner_footer .footer_logoBlock .copyright {display:block; clear:both; margin-left: 122px; font-size:12px;}
    footer .inner_footer .footer_logoBlock .footer_logo {width:117px; height:28px; margin-right:25px; float:left;}
    footer .inner_footer .footer_logoBlock ul {float:left;}
    footer .inner_footer .footer_logoBlock ul li {padding:0 5px}
    footer .inner_footer .footer_logoBlock ul li a {font-size:15px}
    footer .inner_footer .footer_logoBlock ul li:after {width:1px; height:15px; background-color:#999; top:3px }
    footer .inner_footer .footer_logoBlock ul li:last-child:after{display:none; }
    footer .inner_footer .age {float:right; width:45%; font-size:15px;     background: url(../images/common/img_age.png) no-repeat left 5px; background-size:35px 35px; padding-left:50px; margin-top:0}
}

@media(max-width:767px) {
    header h1 {display:none;}
}

.popup{display:none; overflow:hidden; position: fixed;; top:0; left:50%; margin-left:-48.9%; z-index:50}
.popup.event3 {margin-left:-530px; top:-20px}
.popBlind{display:none; position:absolute; top:0; left:0; width:100%; background-color:black; z-index:20000; opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; height:100%;}
.close_popup {position:absolute; right:50px; top:50px}


#gnjoy_topBar {z-index: 10000!important}


/* event_date */
.event_date {max-width:1999px; background:#504948; box-sizing:border-box;margin:0 auto}
.event_date:after {display:block; clear:both; content:""}
.event_date .clear {width:955px; margin:0 auto;}
.event_date .clear > span {display:inline-block; position:relative; float:left; width:268px; margin-right:75px; color:#bd231c; font-size:35px; font-weight:bold; text-align:center; letter-spacing:-2px;line-height:1.4em}
.event_date .clear > span img {width:100%; height:auto;}
.event_date .clear span span {position:absolute; top:145px; left:0; width:100%; text-align:center;}
.event_date .clear .dateBox3 {margin-right:0}
.event_date .clear .dateBox3 span {top:170px;}
/* event1 */
.event1 {position:relative; width:1060px; height:1823px; margin:65px auto 0; background:url(../images/web/bg_event1.gif) no-repeat;}
.event1 .list {width:750px; margin:0 auto; padding-top:200px;}
.event1 .list > li {position:relative; margin-bottom:13px; color:#504948; font-size:22px; line-height:1.35em}
.event1 .list > li b {color:#bd231c}
.event1 .list > li a {color:#504948}
.event1 .list > li span {display:inline-block; position:absolute; top:0; left:-50px; width:38px; height:38px; border-radius:50%; background:#bd231c; content:""; color:#fff; font-size:23px; font-weight:bold; text-align:center; line-height:38px;}
.event1 .list:after {display:block; clear:both; content:""}
.event1 .list .list_block {padding:30px 35px; border:1px solid #504948; border-radius:60px; background:#f0f0f0; margin:25px 0}
.event1 .list .list_block b {display:inline-block; color:#bd231c; font-size:22px; margin-right:3px}
.event1 .list .list_block li {font-size:22px; line-height:1.35em; margin-bottom:5px}
.event1 .list .list_block li p {position:relative; padding-left:18px}
.event1 .list .list_block li p:nth-child(2) {margin-bottom:10px}
.event1 .list .list_block li p .dot {display:inline-block; position:absolute; top:13px; left:7px ; width:4px; height:4px; border-radius:50%; background:#504948;}
/* event2 */
.event2 {width:1060px; margin:60px auto 0; padding:165px 0 200px; background:url(../images/web/bg_event2.jpg) no-repeat;}
.event2 .awardAll {position:relative; width:950px; margin:0 auto 47px; color:#333; font-size:22px; font-weight:bold;}
.event2 .awardAll .event2_top {width:100%; background-image:url('../images/web/img_event2Top2.png'); background-size:100%; background-repeat:no-repeat; height:360px;}
.event2 .awardAll .txt_box {position:absolute; top:208px; left:0; width:91%; text-align:center;}
.event2 .awardAll .txt_box .item {position:absolute; top:-5px; left:780px;}
.event2 .awardAll .txt_box .space {display:inline-block ; padding-left:85px;}
.event2 .award_list {width:100%; margin:0 auto;}
.event2 .award_list .bg_section {margin-bottom:75px; padding:50px 0; background:url(../images/mobile/bg_eventSection.jpg) repeat-y;}
.event2 .award_list .bg_section p:first-child {width:100%; color:#333; font-size:22px; font-weight:bold; text-align:center; padding-bottom:70px}
.event2 .award_list .bg_section.bg_section2 {padding-top:80px; padding-bottom:47px; margin-top:47px}
.event2 .award_list .bg_section.bg_section2.space{margin-top:-100px;}
.event2 .award_block {position:relative; width:770px; margin:0 auto;}
.event2 .award_block:after {display:block; clear:both; content:""}
.event2 .award_block p {margin:15px 0 0; color:#333; font-size:16px; text-align:center;}
.event2 .award_block h3 {width:100%; height:60px; border:none; border-radius:16px 16px 0 0; background:#a70532; color:#fff; font-size:26px; text-align:center; line-height:59px; box-sizing:border-box;}
.event2 .award_block .item_table {width:91%; margin:0 auto; border:none;}
.event2 .award_block .item_table td {text-align:center; vertical-align:middle;}
.event2 .award_block .item_table td span.img {display:inline-block; min-height:100px; line-height:100px; padding-top:15px}
.event2 .award_block .item_table td span.img img {vertical-align:middle;}
.event2 .award_block .item_table td .itemName {display:inline-block; color:#a70532; font-size:17px; font-weight:bold; padding:0 3.5% 18px}
.event2 .award_block .float.v02 .item_table .item1 {padding-left:35px}
.event2 .award_block .float {float:left; width:50%; max-width:384px; border:1px solid #a70532; border-radius:20px; background:#fff; box-sizing:border-box;}
.event2 .award_block .float .item_table td.item1 span.img {margin-top:-18px}
.event2 .award_block .award {float:left; width:100%; max-width:768px; margin-bottom:1px ;  padding-bottom:15px; border:1px solid #a70532; border-radius:20px; background:#fff; box-sizing:border-box;}
.event2 .award_block .award h3 {height:50px; line-height:50px}
.event2 .award_block .sticker {position:absolute; top:-63px; left:50% ; margin-left:-90px;}
.event2 .award_block .award .sticker {left:0px}
.mStyle {display:none}
.event2 .award_block.space2.marginT{margin:135px auto 0 auto;}
.event2 .bg_section.bg_section2.marginT{padding-top:140px;}
.event2 .bg_section.bg_section2.space.marginT{padding-top:40px;padding-bottom:100px;margin-bottom:-80px;}

/**** media ****/
@media (max-width:768px) {
.mStyle {display:block; width:100%; max-width:768px; margin:0 auto; vertical-align:top;}
.mStyle img {width:100%; max-width:768px; vertical-align:top;}
img.contents_bottom {width:97.8%; height:auto; margin:0 auto 40px; vertical-align:top; opacity:0;}

/* event_date ipad */
.event_date .clear {width:97.8%; padding:0 1.1% 50px 1.1%}
.event_date .clear > span {width:30.7%; margin-right:3.8%;}
.event_date .clear span span {top:50%; font-size:28px; line-height:1.4em}
.event_date .clear .dateBox3 {margin-right:0 !important}
.event_date .clear .dateBox3 span {top:55%}

/* event1 ipad */
.event1 {width:97.8%; height:auto; margin:0 auto; margin-top:0; background-size:100% auto;}
.event1 .list {position:relative; width:94%; margin:0 auto; padding:0 3%; padding-bottom:30px; background:url(../images/mobile/bg_contents.jpg) repeat-y}
.event1 .list > li {padding-left:26px; font-size:15px; margin-bottom:6px}
.event1 .list > li:last-child {margin-bottom:0}
.event1 .list > li span {left:0; width:20px; height:20px; font-size:14px; line-height:20px}
.event1 .list  .list_block {padding:15px 17px}
.event1 .list  .list_block li {font-size:14px;}
.event1 .list  .list_block b {font-size:14px}
.event2 .awardAll .event2_top {height:3.5rem;}


/* event2 ipad */
.event2 {width:97.8%; max-width:768px; margin:30px auto 0; padding-top:0; padding-bottom:0; background-size:100% auto;}
.event2 .event2_header {background: url(../images/mobile/bg_contents.jpg) repeat-y; padding-top: 15px; margin-top: -15px;padding-bottom: 30px;}
.event2 .awardAll {max-width:95%; padding-left:0; font-size:16px; margin-bottom:0}
.event2 .awardAll .txt_box {top:-4%; width:100%; text-align:center;}
.event2 .awardAll .txt_box .txt {display:inline-block; position:relative;}
.event2 .awardAll .txt_box .item {left:85%; width:45px; top:-1px}
.event2 .awardAll .txt_box .space {padding-left:25px}
.event2 .award_list {background:url(../images/mobile/bg_contents.jpg) repeat-y; padding-bottom:20px}
.event2 .award_list .bg_section {padding:20px 0; margin-bottom:30px;}
.event2 .award_list .bg_section p:first-child {font-size:16px; padding-bottom:30px}
.event2 .award_list .bg_section.bg_section2 {margin-top:20px; padding-top:30px; padding-bottom:30px;}
.event2 .award_list .bg_section.bg_section2.space{margin-top:-60px;}
.event2 .award_block {position:relative; width:80%; margin:0 auto;}
.event2 .award_block .award {padding-bottom:5px}
.event2 .award_block .award h3 {height:35px; line-height:34px; font-size:16px}
.event2 .award_block:after {display:block; clear:both; content:""}
.event2 .award_block .sticker {position:absolute; top:-30px; left:50%; width:60px; margin-left:-30px; margin-left:-30px ; top:-20px}
.event2 .award_block .item_table {width:100%; border:none;}
.event2 .award_block .item_table td {padding:7px 0; text-align:center; vertical-align:middle;}
.event2 .award_block .item_table td span.img {display:inline-block; min-height:50px; line-height:50px; padding-top:0px}
.event2 .award_block .item_table td img {width:50%}
.event2 .award_block .item_table td .itemName {display:inline-block; margin-top:6px; color:#a70532; font-size:12px; font-weight:bold; padding:0 4%}
.event2 .award_block .float {float:left; width:50%; max-width:384px; border:1px solid #a70532; border-radius:20px; background:#fff; box-sizing:border-box;}
.event2 .award_block .float h3 {width:100%; height:40px; border:none; border-radius:16px 16px 0 0; background:#a70532; color:#fff; font-size:16px; text-align:center; line-height:38px; box-sizing:border-box;}
.event2 .award_block .float .item_table .item1 {padding-left:0}
.event2 .award_block .float.v02 .item_table .item1 {padding-left:0}
.event2 .award_block .float .item_table td.item1 span.img {margin-top:0px}
.event2 .award_block .float .item_table td.item1 .itemName {margin-top:0}

.event2 .award_block.space2.marginT{margin:50px auto 0 auto;}
.event2 .bg_section.bg_section2.marginT{padding-top:50px;}
.event2 .bg_section.bg_section2.space.marginT{padding-top:50px; padding-bottom:50px; margin-bottom:-25px;}

}

@media (max-width:736px) {

/* event_date 6plus */
.event_date .clear {width:97.8%; padding:0 1.1% 30px 1.1%;}
.event_date .clear > span span {font-size:16px;}

/* event1 6plus*/
.event1 .list {margin-top: -25px; padding: 25px 3% 30px;}
.event1 .list > li {font-size:12px;}
.event1 .list .list_block{border-radius: 30px}
.event1 .list  .list_block li {font-size:12px;}

/* event2 6plus */
.event2 .award_list .bg_section p:first-child {font-size:12px}
.event2 .award_block p {font-size:12px;}
.event2 .award_block {position:relative; width:84%; margin:0 auto;}
.event2 .awardAll {font-size:12px}
.event2 .awardAll .txt_box {font-size:11px; top:-8%}
.event2 .awardAll .txt_box .txt {font-size:10px}
.event2 .awardAll .txt_box .item {right:-35px; width:30px;}
.event2 .award_block .item_table td .itemName {font-size:11px; font-weight:normal; padding:0 6%}
.event2 .award_block .item_table td .itemName br {display:none;}

}


@media (max-width:376px) {

/* event2 6*/
.event2 .award_block p {font-size:12px}
.event2 .award_block .float h3 {height:35px; font-size:15px; text-align:center; line-height:33px; box-sizing:border-box;}
.event2 .award_block .award h3 {height:28px; line-height:26px; font-size:15px}
.event2 .award_block .item_table td {padding:0 0 4px}
.event2 .award_block .item_table td span.img {display:inline-block; min-height:40px; line-height:40px; padding-top:0px}
.event2 .award_block .item_table td img {width:40%}
.event2 .award_block .item_table td .itemName {font-size:11px; margin-top:3px}

}

@media (max-width:320px) {
/* event2 5*/
.event_date .clear > span span {font-size:14px;}
.event2 .award_block {width:80%;}
.event2 .award_block .award h3 {font-size:14px}
.event2 .award_block .award .sticker {left:10px; width:40px; top:-10px}
.event2 .award_block .item_table td .itemName {font-size:10px; margin-top:3px}
.event2 .awardAll .txt_box .txt {padding:0 40px}
.event2 .awardAll .txt_box .txt br,.event2 .awardAll .txt_box .txt .space {display:none;}
.event2 .awardAll .txt_box .item {width:25px; right:10px}

}