@charset "utf-8"; /* CSS Document */ /* All */ * { -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } html {font-size:62.5%} body {font-size:14px; font-size:1.4rem} /* 14px */ h1 {font-size:24px; font-size:2.4rem} /* 24px */ body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form {margin:0; padding:0} h1, h2, h3, h4, h5, h6 {font-weight:normal} body {background-color:#000} ul, ol, dl, li {list-style:none} img {vertical-align:top} em {font-style:normal} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} img {max-width:100%; height:auto; border:0} html, body {min-height:100%; height:100%} a {cursor:pointer; text-decoration:none} a, img {border: none; border:0; outline:none} strong {font-weight:normal} @font-face{ font-family:"anton-regular"; font-weight:100; src:url('//web.softnyx.net/Font/anton-regular.eot'); src:url('//web.softnyx.net/Font/anton-regular.eot?#iefix') format('embedded-opentype'), url('//web.softnyx.net/Font/anton-regular.woff') format('woff'), url('//web.softnyx.net/Font/anton-regular.ttf') format('truetype'); url('//web.softnyx.net/Font/anton-regular.svg#anton-regular') format('svg') src:local(※), url('//web.softnyx.net/Font/anton-regular.woff') format('woff') } body, table, input, button, textarea, select, li, a, ul, p, div, h1, h2, h3, h4, h5, span {font-family:"anton-regular", tahoma, Geneva, sans-serif} input {font-family:Tahoma, Geneva, sans-serif} /* Mobile */ /* wt_nav */ #wt_nav {width:100%; background:#000; } .wt_gnb {margin:0; font-size:16px; font-size:1.6rem} .wt_gnb h1 {width:118px; height:73px; background:url("//img.softnyx.com/4/wt2018/main/wt_main_logo_s.png") no-repeat; margin: 10px auto 0; *margin-top:10px;} .wt_gnb h1 a {width:118px; height:73px; display:block;} .wt_gnb>button {border:0; cursor:pointer; float:right; background:#d2181c; padding:6px 16px 5px 10px; color:#FFF; font-size:18px; font-size:1.8rem; margin-top:-35px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative;} .wt_gnb>button .triangle {display:block; border-top:4px solid #fff; border-right:4px solid transparent; border-left:4px solid transparent; bottom:-4px; position:absolute; right:4px; top:17px} .wt_main_menu {display:none; margin:6px 0 0 0;} .wt_main_menu>li>a {display:block; padding:7px 18px; background:#202020; padding-left:10px; color:#FFF; text-decoration:none; border-bottom:#000 solid 1px; text-transform:uppercase} .wt_main_menu>li>a:hover {color:#d2181c} .wt_sub_menu {background:#b70b0e; border-bottom:#000 solid 1px;} .wt_sub_menu li {display:inline-block; zoom:1; *display:inline;} .wt_sub_menu li a {display:block; padding:7px 16px; background:#333; margin:0 0 1px 0; color:#111; text-decoration:none; background:url("//img.softnyx.com/4/wt2018/main/menu_icon.png") no-repeat 10px 52%;} .wt_sub_menu li a:hover {color:#FFF} .charge_point {display:none} /* impotant btn */ #important_btn_area {width:95%;margin:0 auto; clear:both} .important_btn {width:100%;margin:0 auto} .important_btn li {display:block;width:100%;height:45px;text-transform:uppercase;float:left;font-size:24px;font-size:2.4rem;padding:16px 0 6px 0} .important_btn .important_btn_login {padding-top:0} .important_btn .important_btn_gamestart {display:none} .important_btn .important_btn_gamestart a {background:none} .important_btn .important_btn_gamedownload {display:none} .important_btn li a {color:#666;height:33px;border:#333 solid 2px;display:block;text-align:center;padding:12px 0 8px 0;background:#000} .important_btn li a:hover {color:#fff;border:#fff solid 2px} .important_btn .important_btn_cash {padding-right:0 !important} .fixedBtn_bg {display:none} #quickmenu {display:none} /* sub contents area */ .sub_contents01, .sub_contents02 {padding-top:40px; clear:both} .sub_contents01 h2, .sub_contents02 h2 {color:#FFF; font-size:36px; font-size:3.6rem} .sub_contents01 h3, .sub_contents02 h3 {color:#818181; font-size:24px; font-size:2.4rem; clear:both} .sub_contents01>p , .sub_contents02>p{color:#818181; font-size:16px; font-size:1.6rem;} .sub_contents01.sub_contents01_timeline {position:relative} .sub_contents03, sub_contents04 {clear:both} .sub_contents_area {clear:both; width:95%; margin:0 auto; color:#c0c0c0} .sub_contents {padding-top:40px} .sub_contents .sub_contents_maintitle {color:#FFF;font-size:34px; font-size:3.4rem} .sub_contents .sub_contents_subtitle01 {color:#818181;font-size:26px; font-size:2.6rem} .sub_contents .sub_contents_subtitle02 {color:#818181;font-size:16px; font-size:1.6rem} .sub_contents .sub_contents_subtitle03 {color:#fff; background:#F60; font-size:16px; font-size:1.6rem; display:inline-block; zoom:1; *display:inline;} /* my wolfteam */ .mywolfteam_tab_menu li {display:inline-block; zoom:1; *display:inline; width:100%; vertical-align:top; margin-top:10px} .mywolfteam_tab_menu li a {background:#330807; color:#bb0f10; display:block; text-align:center; line-height:36px; font-size:24px; font-size:2.4rem; padding:4px 0} .mywolfteam_tab_menu li a:hover {background:#bb0f10; color:#FFF;} .mywolfteam_tab_menu li.mywolfteam_tab_menu_on a {background:#bb0f10; color:#FFF;} .mywolfteam_info01 {padding-top:18px} .mywolfteam_info01 li {color:#CCC; line-height:18px; display:inline-block; zoom:1; *display:inline; padding-right:12px; font-size:18px; font-size:1.8rem;} .mywolfteam_info01 li.mywolfteam_charge_cash {padding-right:0} .mywolfteam_info01 li.mywolfteam_charge_cash a {background:#bb0f10; color:#FFF;; display:block; padding:2px 6px; } .mywolfteam_info01 li.mywolfteam_charge_cash a:hover {color:#000} .mywolfteam_infomation {padding-top:40px; clear:both} .mywolfteam_infomation>div>h2 {color:#929292;font-size:30px; font-size:3.0rem;} .mywolfteam_infomation>div>h2 span {color:#FFF; font-weight:normal;} .mywolfteam_infomation>div>p {color:#929292;font-size:18px; font-size:1.8rem;} .mywolfteam_infobox_area {padding-top:40px} .mywolfteam_infobox {padding:2%; background:url("//img.softnyx.com/4/wt2018/myWT/boxbg01.png") left top; color:#CCC; width:96%; margin-bottom:10px;} .mywolfteam_infobox>ul>li {font-size:20px; font-size:2.0rem; text-align:center} .mywolfteam_infobox>ul.mywolfteam_infobox_rank>li {text-align:left} .mywolfteam_infobox ul li h3 {text-align:left; color:#FFF} .mywolfteam_infobox ul li.mywolfteam_infobox_title {padding-bottom:18px} .mywolfteam_infobox ul li.mywolfteam_infobox_title.mywolfteam_infobox_title02 {padding-bottom:0} .mywolfteam_infobox ul li.mywolfteam_infobox_title03 {padding-top:40px} .mywolfteam_infobox ul li.mywolfteam_infobox_type01 {font-size:18px; font-size:1.8rem;} .mywolfteam_infobox ul li.mywolfteam_infobox_img01 img {vertical-align:-1px} .mywolfteam_infobox ul li.mywolfteam_infobox_color01 {color:#FFF} .mywolfteam_infobox_gradeBar img {vertical-align:-2px} .gradeBar_bg {display: inline-block; zoom: 1; width: 81.6%; height: 9px; background: #666; position: relative;} .gradeBar_color {display: inline-block; zoom: 1; width: 30%; height: 9px; position: absolute; left:0; background: #d2181c; background: -webkit-linear-gradient(#d2181c, #610002); background: -o-linear-gradient(#d2181c, #610002); background: -moz-linear-gradient(#d2181c, #610002); background: linear-gradient(#d2181c, #610002); } .mywolfteam_infobox_pride_info_area {width:100%; height:110px;} .mywolfteam_infobox_pride_info_area li.mywolfteam_infobox_pride_info_img {float:left; position:relative; width:64px; height:64px; margin-right:12px} .mywolfteam_infobox_pride_info_area li.mywolfteam_infobox_pride_info_img img {position:absolute; top:0; left:0} .mywolfteam_infobox_pride_info_area li.mywolfteam_infobox_pride_info_text {float:left; text-align:left} .mywolfteam_infobox_pride_info_area li.mywolfteam_infobox_pride_info_text li.mywolfteam_infobox_pride_name {color:#FFF} .mywolfteam_infobox_pride_info li {font-size:18px; font-size:1.8rem;} .mywolfteam_infobox li a {color:#bb0f10; font-size:18px; font-size:1.8rem; clear:both} .mywolfteam_infobox li a:hover {color:#fff} .mywolfteam_infobox>ul>li.mywolfteam_infobox_link {clear:both; text-align:left} .mywolfteam_infobox_area02 {position:relative; width:100%; text-align:center; color:#CCC;} .mywolfteam_infobox_area02>li {padding-top:40px; font-size:18px; font-size:1.8rem;} .mywolfteam_infobox_area02>li>h3 {font-size:28px; font-size:2.8rem;} .mywolfteam_infobox_area02>li>p span {color:#FFF} .results_graph, .killdeath_graph, .killRatio_graph {width:100%; height:232px; position:relative; z-index:101;} .graph_text01 {font-size:30px; font-size:3.0rem; position:absolute; top:50%; left:50%; margin-left:-63px; width:126px; z-index:100;} .graph_text02 {font-size:40px; font-size:4.0rem; position:absolute; top:30%; left:50%; margin-left:-63px; margin-top:0; width:126px; z-index:100; color:#FFF} .graph_text03 {position:absolute; top:50%; left:50%; margin-left:-152px; margin-top:-42px; width:200px; z-index:100;} .graph_text03 li {padding:2px 4px; font-size:16px; font-size:1.6rem; color:#FFF; text-align:left; width:44%;} .graph_text03 li.killratio_headshot {background:#d2181c} .graph_text03 li.killratio_grenade {background:#49a8eb} .graph_text03 li.killratio_wolfkill {background:#6cb843} @media \0screen { .graph_text01 {margin-left:-43px} .graph_text02 {margin-left:-43px} .graph_text03 {margin-left:-30px} } .mywolfteam_usedmark {padding-top:10px} .mywolfteam_usedmark>li {display:inline-block; zoom:1; *display:inline; position:relative;} .mywolfteam_usedmark>li.usedmark_center {margin:0 18px} .mywolfteam_usedmark>li p {position:absolute; bottom:0; right:2px; color:#FFF; font-size:13px; font-size:1.3rem; } .mywolfteam_usedmarkNo {padding-top:10px; display:none} h3.myweapon {font-size:30px; font-size:3.0rem; padding-top:40px; color:#CCC; clear:both;} h3.myweapon span {font-size:22px; font-size:2.2rem;} .mywolfteam_infobox_area03 {clear:both} .mywolfteam_infobox_area03>li {display:block; color:#ccc; padding:18px; background:url("//img.softnyx.com/4/wt2018/myWT/boxbg01.png") left top; vertical-align:top; margin-top:10px} .mywolfteam_infobox_area03>li>ul>li {line-height:18px; font-size:18px; font-size:1.8rem; line-height:22px} .mywolfteam_infobox_area03 strong {font-size:24px; font-size:2.4rem; color:#FFF; font-weight:normal} .mywolfteam_infobox_area03 .myweapon_info {padding-top:30px} .mywolfteam_pride_name {padding-top:40px; clear:both} .mywolfteam_pride_name li {font-size:30px; font-size:3.0rem; color:#fff;} .mywolfteam_pride_name li.mywolfteam_pride_country {font-size:18px; font-size:1.8rem; color:#ccc} .mywolfteam_pride_name li img {vertical-align:0} .mywolfteam_pride_listBtn {padding-top:6px; float:left} .mywolfteam_pride_listBtn a {color:#999; border:#999 solid 1px; display:block; text-align:center; padding:4px; background:#333; font-size:16px; font-size:1.6rem;} .mywolfteam_pride_listBtn a:hover {background:#bb0f10; color:#FFF} .mywolfteam_pride_myRank {clear:both; padding-top:10px} .mywolfteam_pride_myRank li {font-size:22px; font-size:2.2rem; color:#CCC} .mywolfteam_pride_myRank li span {color:#bb0f10} .mywolfteam_pride_infoBox {position:relative} .mywolfteam_pride_infoBox>li {text-align:center; color:#CCC; margin-top:40px; vertical-align:top; font-size:18px; font-size:1.8rem;} .mywolfteam_box_prideinfo .mywolfteam_box_prideinfo_img {background:#202020; border:1px solid #bb0f10; display:inline-block; zoom:1; *display:inline; padding:38px} .mywolfteam_box_prideinfo .mywolfteam_box_prideinfo_master {color:#bb0f10;} .mywolfteam_pride_infoBox .mywolfteam_box_title {font-size:26px; font-size:2.6rem; padding:10px 0} .mywolfteam_box_prideRank .mywolfteam_box_prideRank_graph {border:1px solid #49a8eb;} .mywolfteam_box_prideRank .mywolfteam_box_prideRank_today {color:#49a8eb; font-size:22px; font-size:2.2rem;} .mywolfteam_box_bettleNormal .mywolfteam_box_bettleNormal_winlose {color:#bb0f10;} .mywolfteam_box_bettleClassic .mywolfteam_box_bettleClassic_winlose {color:#49a8eb;} .mywolfteam_prideTable_box {overflow:auto; clear:both; padding-top:40px} .mywolfteam_prideTable_box .mywolfteam_pride_table {color:#a6a6a6; font-size:17px; font-size:1.7rem;} .mywolfteam_prideTable_box .mywolfteam_pride_table tr {background:#202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020);} .mywolfteam_prideTable_box .mywolfteam_pride_table tr:hover {background:#313131} .mywolfteam_prideTable_box .mywolfteam_pride_table th {height:26px; background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); border-bottom:#000 solid 5px; border-right: #000 solid 1px; text-transform:uppercase; color:#bebebe; text-shadow:1px 1px 10px #000; font-size:17px; font-size:1.7rem; font-weight:normal} .mywolfteam_prideTable_box .mywolfteam_pride_table td {height:30px; border-bottom:#000 solid 1px; text-align:center;} .mywolfteam_prideTable_box .mywolfteam_pride_table td a {color:#a6a6a6; font-size:15px;} .mywolfteam_prideTable_box .mywolfteam_pride_table td a:hover {color:#fff} .prideList_more {padding-top:40px; text-align:center} .prideList_more a {color:#bb0f10; font-size:18px; font-size:1.8rem; } .prideList_more a:hover {color:#FFF} .mywolfteam_item_sort {padding-top:40px; clear:both} .mywolfteam_item_sort li {display:inline-block; zoom:1; *display:inline; font-size:16px; font-size:1.6rem;} .mywolfteam_item_sort li a {color:#999} .mywolfteam_item_sort li a:hover {color:#fff} .mywolfteam_item_sort li.mywolfteam_item_sort_on a {color:#fff} .mywolfteam_item_sort li.mywolfteam_item_sort_vertical {font-size:10px; color:#999; padding:0 6px; vertical-align:4px;} .mywolfteam_item_box {clear:both} .mywolfteam_item_select {padding-top:10px;} .mywolfteam_item_select select {padding:4px; width:100%; font-size:16px; font-size:1.6rem;} .mywolfteam_item_list {text-align:center; clear:both} .mywolfteam_item_list>li {color:#999; display:inline-block; zoom:1; *display:inline; padding:40px 4px 0 4px; width:100%; vertical-align:top} .mywolfteam_item_list_info li {line-height:24px; font-size:16px; font-size:1.6rem;} .mywolfteam_item_list_info li strong {font-size:18px; font-size:1.8rem; color:#FFF; font-weight:normal} .mywolfteam_item_list_info li a {background:#313131; padding:2px 10px; color:#fff} .mywolfteam_item_list_info li a:hover {background:#535353} .gain_item_select {clear:both; padding-top:18px; font-size:16px; font-size:1.6rem;} .gain_item_select select {font-size:16px; font-size:1.6rem;} .gain_item_select span {color:#999} .gain_item_table_box {overflow:auto; clear:both; padding-top:10px;} .gain_item_table_box .gain_item_table {color:#a6a6a6; font-size:16px; font-size:1.6rem;} .gain_item_table_box .gain_item_table tr { background: #202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020); } .gain_item_table_box .gain_item_table tr:hover {background:#313131} .gain_item_table_box .gain_item_table th {height:26px; background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); border-bottom:#000 solid 5px; border-right:#000 solid 1px; text-transform:uppercase; color:#bebebe; text-shadow:1px 1px 10px #000; font-weight:normal} .gain_item_table_box .gain_item_table td {height:30px; border-bottom:#000 solid 1px; text-align:center} .gift_box_table_box {overflow:auto; clear:both; padding-top:10px} .gift_box_table_box .gift_box_table {color:#a6a6a6; font-size:16px; font-size:1.6rem;} .gift_box_table_box .gift_box_table tr { background: #202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020); } .gift_box_table_box .gift_box_table tr:hover {background:#313131} .gift_box_table_box .gift_box_table th {height:26px; background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); border-bottom:#000 solid 5px; border-right:#000 solid 1px; text-transform:uppercase; color:#bebebe; text-shadow:1px 1px 10px #000; font-weight:normal} .gift_box_table_box .gift_box_table td {height:30px; border-bottom:#000 solid 1px; text-align:center} /* pride */ .prideList_option {padding-top:100px} .prideList_right {padding-top:10px} .prideList_left select {height:32px; padding:4px; border:0; width:100%; font-size:16px; font-size:1.6rem} .pride_searchType select {height:32px; padding:4px; color:#000; font-size:16px; font-size:1.6rem; width:100%} .pride_search {padding-top:10px} .pride_search .search_border {display:inline-block; zoom:1; *display:inline; width:83.54%; float:right} input.search_word {border:#d2181c solid 3px; background:#fff; width:100%; height:24px} input.search_word01 {border:#d2181c solid 3px; background:#fff; font-size:16px; font-size:1.6rem; width:100%; height:24px} .search_btn02 {width:12.44%; background:#d2181c; height:32px; font-size:16px; font-size:1.6rem;display:block; float:left; background:#d2181c url("//img.softnyx.com/4/wt2018/sub/pride/search_icon.png") 50% 50% no-repeat;} .search_btn02 a {display:block; width:100%; text-align:center; color:#000; height:32px} .search_btn02 a:hover {color:#FFF} .pride_table_sort {padding-top:40px; clear:both;} .pride_table_sort li {display:inline-block; zoom:1; font-size:16px; font-size:1.6rem;} .pride_table_sort li.pride_table_sort_vertical {font-size:10px; color:#999; padding:0 6px; vertical-align:4px;} .pride_table_sort li a {color:#999} .pride_table_sort li a:hover {color:#fff} .pride_table_sort li.pride_table_sort_on a {color:#FFF} .prideList_table {color:#999; text-align:center} .prideList_table>li {display:inline-block; zoom:1; *display:inline; border:1px solid #4b4b4b; width:100%; cursor:pointer; margin-top:18px; vertical-align:top; text-align:right} .prideList_table>li:hover {border:1px solid #d2181c; background:#161616} .prideList_table>li>p {float:right; padding:10px 10px 0 0; position:relative; width:64px; height:64px} .prideList_table>li>ul.prideList_table_box {float:right; padding:10px 10px 0 0 } .prideList_table>li>ul.prideList_table_info {clear:both; padding:10px 0 10px 10px} .prideList_table>li>ul.prideList_table_info li {display:inline-block; zoom:1; *display:inline; font-size:16px; font-size:1.6rem; padding-right:10px} .prideList_table>li>ul.prideList_table_info li span {color:#FFF} .prideList_table>li>ul.prideList_table_info li span.pride_master_name {color:#999;} .prideList_table_box_country img {vertical-align:-1px} .prideList_table_box_name {font-size:24px; font-size:2.4rem; padding:4px 0; color:#FFF; } /* paging */ .wt_pride_list_page {text-align:center; margin:18px 0; clear:both} .wt_pride_list_page li {display:inline-block; zoom:1; *display:inline; *border-right:#000 solid 1px; background:#202020; margin:0 2px; font-size:16px; font-size:1.6rem; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .wt_pride_list_page li:hover {background:#414141} .wt_pride_list_page li a {color:#a6a6a6; display:block; padding:4px 9px} .wt_pride_list_page li.wt_weapon_list_page_on {background:#1c1c1c} .wt_pride_list_page li.wt_weapon_list_page_on a {color:#d2181c} /* download */ .wt_downloadList li {width:46.60%; text-align:center; padding-top:40px; display:inline-block; zoom:1; *display:inline; max-width:164px; font-size:18px; font-size:1.8rem} .wt_downloadList li a img {border:1px solid #000} .wt_downloadList li a {color:#999} .wt_downloadList li a:hover {color:#fff} .wt_downloadList li a:hover img {border:1px solid #ccc} .wt_downloadList li span {display:inline-block; zoom:1; *display:inline; padding-top:4px; text-align:center} .wt_sub_title01 {padding-top:60px; color:#a6a5a5; font-size:26px; font-size:2.6rem; clear:both} .wt_sub_text01 {color:#818181; font-size:16px; font-size:1.6rem;} .wt_torrent_btn li {display:inline-block; zoom:1; *display:inline; background:url("//img.softnyx.com/4/wt2018/download/btn_Torrent_bg.jpg"); width:100%; height:62px; line-height:66px; text-align:center; margin-top:18px} .wt_torrent_btn li a {color:#00401d; font-size:26px; font-size:2.6rem; width:100%; height:62px; display:block; border:0} .wt_torrent_btn li a:hover {color:#fff; border:0} .wt_download_table_box {overflow:auto; clear:both; padding-top:10px} .wt_download_table_box .wt_download_table {color:#a6a6a6; font-size:16px; font-size:1.6rem} .wt_download_table_box .wt_download_table tr {background:#202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .wt_download_table_box .wt_download_table tr:hover {background:#313131} .wt_download_table_box .wt_download_table th {height:26px; background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); border-bottom:#000 solid 1px; border-right:#000 solid 1px; text-transform:uppercase; color:#bebebe; text-shadow:1px 1px 10px #000; font-weight:normal} .wt_download_table_box .wt_download_table td {height:26px; border-bottom:#000 solid 1px; border-right:#000 solid 1px; text-align:center} .wt_download_table_box .wt_download_table td a {color:#a6a6a6} .wt_download_table_box .wt_download_table td a:hover {color:#fff} .wt_directx_btn {float:right; background:url("//img.softnyx.com/4/wt2018/download/btn_directx_bg.jpg"); width:100%; height:62px; line-height:66px; text-indent:100px; margin-top:18px;} .wt_directx_btn a {color:#fff; font-size:26px; font-size:2.6rem; width:100%; height:62px; display:block; border:0} .wt_directx_btn a:hover {color:#9ce200; border:0} .wt_graphic_btn li {display:inline-block; zoom:1; *display:inline; padding-top:18px; text-align:center; width:32.64%} .wt_graphic_btn li a img {border:1px solid #000} .wt_graphic_btn li a:hover img {border:1px solid #ccc} /* multimedia */ .wt_video_area {padding-top:40px; width:100%} .wt_video_area iframe {width:100%; height:258px} .wt_video_list_box>li {width:100%; text-align:center; padding-top:40px} .wt_video_list>li img {border:1px solid #000} .wt_video_list>li a:hover img {border:1px solid #666} .wt_video_list_info {padding-top:6px} .wt_video_list_info>li {color:#CCC; line-height:18px; font-size:16px; font-size:1.6rem;} .wt_video_list_info>li a {color:#fff; font-size:22px; font-size:2.2rem;} .wt_video_list_info>li a:hover {color:#d2181c} .wt_video_list_info>li.wt_video_list_name {font-size:16px} /* gallery */ .wt_gallery_list li {width:49.48%; text-align:center; padding-top:40px; display:inline-block; zoom:1; *display:inline} .wt_gallery_list li img {border:1px solid #666; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease} .wt_gallery_list li a:hover img {border:1px solid #ccc; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease} /* wallpaper */ .wt_wallpaper_list {text-align:center} .wt_wallpaper_list>li {width:49.48%; text-align:center; padding-top:40px; display:inline-block; zoom:1; *display:inline} .wt_wallpaper_list>li img {border:1px solid #666} .wt_wallpaper_btn li {padding-top:4px; text-align:center; font-size:16px; font-size:1.6rem;} .wt_wallpaper_btn li a {background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); width:100%; max-width:157px; height:24px; color:#CCC; display:inline-block; line-height:24px} .wt_wallpaper_btn li a:hover {background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg_o.jpg")} /* game info */ .wolfteam_tab_menu li {display:inline-block; zoom:1; *display:inline; width:100%; vertical-align:top; margin-top:10px} .wolfteam_tab_menu li a {background:#330807; color:#bb0f10; display:block; text-align:center; line-height:36px; font-size:24px; font-size:2.4rem; padding:4px 0} .wolfteam_tab_menu li a:hover {background:#bb0f10; color:#FFF;} .wolfteam_tab_menu li.wolfteam_tab_menu_on a {background:#bb0f10; color:#FFF;} .guide_info {margin:40px 0; clear:both} .guide_info>p {color:#c0c0c0; font-size:16px; font-size:1.6rem;} .guide_info>p.guide_info_img {padding-top:40px} .guide_info>p.guide_info_text {padding-top:40px} .guide_info>p.guide_info_text span.guide_info_text02 {color:#fff; font-size:16px; font-size:1.6rem;} .guide_info>p.guide_info_text span.guide_info_text03 {color:#d2181c; font-size:16px; font-size:1.6rem; } .guide_info .guide_info_feature {position:relative; display:inline-block; zoom:1; *display:inline; margin-bottom:40px} .guide_info .guide_info_feature .guide_info_feature_text {position:absolute; top:60%; color:#999; width:100%} .guide_info .guide_info_feature .guide_info_feature_text li.guide_info_feature_text_B {font-size:16px; font-size:1.6rem; padding:2px; background:#222; margin-top:18px; color:#d2181c} .guide_info .guide_info_feature .guide_info_feature_text li.guide_info_feature_text_S {font-size:16px; font-size:1.6rem;} .guide_info .guide_info_feature p.guide_info_feature_pngimg {display:none} /* game guide */ .install_tab_menu {margin-top:60px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;; padding:4px 0} .install_tab_menu li {display:inline-block; zoom:1; *display:inline; vertical-align:top; text-align:center; width:100%} .install_tab_menu li:last-child {border-right:0} .install_tab_menu li a {color:#999; display:block; padding:8px 0; font-size:16px; font-size:1.6rem;} .install_tab_menu li.install_tab_menu_on {background:#333} .install_tab_menu li.install_tab_menu_on a {color:#fff} .install_tab_menu li a:hover {background:#333; color:#fff} .install_tab_menu02 {margin-top:18px} .install_tab_menu02 li {display:inline-block; zoom:1; *display:inline; border:#d2181c solid 1px; vertical-align:top;} .install_tab_menu02 li a {color:#999; display:block; padding:10px} .install_tab_menu02 li.install_tab_menu_on {background:#d2181c} .install_tab_menu02 li.install_tab_menu_on a {color:#fff} .install_tab_menu02 li a:hover {background:#d2181c; color:#fff} .guide_info>p.guide_info_install01 {padding-top:18px; color:#d2181c; margin-bottom:18px; font-size:18px; font-size:1.8rem;} .guide_info .guide_info_install02 li {color:#c0c0c0; max-width:346px; margin:0 auto; line-height:22px} .guide_info .guide_info_install02 li a {color:#d2181c; } .guide_info .guide_info_install02 li a:hover {color:#fff} .guide_info .guide_info_install02 li span {color:#d2181c; display:block; padding-top:6px; font-size:16px; font-size:1.6rem} .guide_info .guide_info_install02 li.guide_info_install02_text {margin-bottom:40px; font-size:18px; font-size:1.8rem;} .guide_info h3.wt_sub_title01 {color:#818181; font-size:18px; font-size:1.8rem; clear:both} .interface_tab_menu {margin-top:18px} .interface_tab_menu li {display:inline-block; zoom:1; *display:inline; width:48.80%; border:#d2181c solid 1px; vertical-align:top; margin-bottom:10px} .interface_tab_menu li a {color:#999; display:block; padding:10px} .interface_tab_menu li.interface_tab_menu_on {background:#d2181c} .interface_tab_menu li.interface_tab_menu_on a {color:#fff} .interface_tab_menu li a:hover {background:#d2181c; color:#fff} .guide_info>p.guide_info_interface01 {padding-top:18px; color:#d2181c; margin-bottom:18px; font-size:18px; font-size:1.8rem} .guide_info>p.guide_info_interface02 {padding-top:40px} .interface_info01 {margin-top:18px} .interface_info01>li {color:#c0c0c0; list-style-type:decimal-leading-zero; *list-style-type:decimal; margin-right:26px; line-height:22px; padding-bottom:10px; font-size:18px; font-size:1.8rem} .interface_info01 ul {padding-bottom:16px} .interface_info01 ul li {color:#818181; list-style-type:disc; margin-right:30px; line-height:22px; font-size:18px; font-size:1.8rem} .interface_info01 ul li img {vertical-align:-2px} .guide_info .wt_howtoplay01 {margin-top:18px} .guide_info .wt_howtoplay01 li {display:inline-block; zoom:1; *display:inline; color:#c0c0c0; vertical-align:top} .guide_info .wt_howtoplay01 li img {width:32px} .guide_info .wt_howtoplay01 li.wt_howtoplay02 {width:33%} .guide_info .wt_howtoplay01 li ul li {display:block; line-height:22px} .guide_info .wt_howtoplay_box01 {margin-top:60px} .guide_info .wt_howtoplay_box01 h3 {color:#c0c0c0;} .wt_howtoplay_box01 .howtoplay_table01 {background:#333; color:#CCC; border:1px solid #555} .wt_howtoplay_box01 .howtoplay_table01 p {padding:0 8px; color:#000; text-align:center; line-height:28px; width:46px; -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000} .wt_howtoplay_box01 .howtoplay_table01 p.keyboard_type01 {background:#ff0000} .wt_howtoplay_box01 .howtoplay_table01 p.keyboard_type02 {background:#ffba00} .wt_howtoplay_box01 .howtoplay_table01 p.keyboard_type03 {background:#10ac4d} .wt_howtoplay_box01 .howtoplay_table01 p.keyboard_type04 {background:#275e9b} /* character */ .character_tab_menu li {display:inline-block; zoom:1; *display:inline; width:48.80%; border:#d2181c solid 1px; vertical-align:top; margin-top:10px} .character_tab_menu li a {color:#999; display:block; padding:10px} .character_tab_menu li.character_tab_menu_on {background:#d2181c} .character_tab_menu li.character_tab_menu_on a {color:#fff} .character_tab_menu li a:hover {background:#d2181c; color:#fff} .character_tab_menu li.character_tab_menu_left {float:left} .character_tab_menu li.character_tab_menu_right {float:right} .wt_character_box01 {color:#c0c0c0} .wt_character_box01>h2 {color:#fff; font-size:36px; font-size:3.6rem; padding-top:40px; clear:both} .wt_character_box01>p {padding-top:18px} .wt_character_box01 .character_type_menu {margin-top:18px} .wt_character_box01 .character_type_menu li {display:inline-block; zoom:1; *display:inline; width:48.80%; vertical-align:top; text-align:center; padding-top:18px} .wt_character_box01 .character_type_menu li a {color:#c0c0c0} .wt_character_box01 .character_type_menu li a:hover {color:#d2181c} .wt_character_box01 .character_type_menu li a img {border:1px solid #666} .wt_character_box01 .character_type_menu li a:hover img {border:1px solid #d2181c} .wt_character_box02 {margin-top:40px} .wt_character_box02 h3 {color:#fff; font-size:26px; font-size:2.6rem} .wt_character_box02 p {padding-top:18px} .wt_character_box02 p strong {font-size:16px; font-size:1.6rem} .wt_character_box02 .wt_character_info {padding-top:18px} .wt_character_box02 .wt_character_info li {list-style-type:disc; margin-right:16px} .wt_character_box02 .wt_character_imgList {margin-top:40px} .wt_character_box02 .wt_character_imgList li {display:inline-block; zoom:1; *display:inline; width:24.22%; text-align:center} /* item */ .item_table_area {margin-top:22px} .item_table_sort li {display:inline-block; zoom:1; *display:inline; font-size:14px; font-size:1.4rem} .item_table_sort li.item_table_sort_vertical {font-size:10px; color:#999; padding:0 8px; vertical-align:2px} .item_table_sort li a {color:#999} .item_table_sort li a:hover {color:#fff} .item_table_sort li.item_table_sort_on a{color:#FFF} .item_search {padding-top:10px} .item_search .item_border {display:inline-block; zoom:1; *display:inline; width:83.54%; float:left} .wt_weapon_list_area {clear:both; text-align:center; padding-top:18px} .wt_weapon_list {display:inline-block; zoom:1; *display:inline; margin-bottom:40px; border:1px solid #1b1b1b; padding:2%; text-align:left; width:95.6%; vertical-align:top; position:relative; font-size:16px; font-size:1.6rem} .wt_weapon_list02 {padding:0; width:100%} .wt_weapon_list li {line-height:22px} .wt_weapon_list li.wt_weapon_list_img {text-align:center; padding-bottom:18px} .wt_weapon_list li.wt_weapon_list_img02 {text-align:center} .wt_weapon_list li.wt_weapon_list_name {position:absolute; bottom:0; background:#000; width:100%; height:30px; padding:0; line-height:30px; opacity:0.80; -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=80)"; filter: alpha(opacity = 80)} .wt_weapon_list li.wt_weapon_list_name p {text-align:center} .wt_weapon_list li.wt_weapon_list_name p.weapon_comment {padding-top:9px; padding-right:5px;} .wt_weapon_list li.wt_weapon_list_name p.weapon_comment.other_weapon_comment {position:absolute; bottom:3px; right:3px} .wt_weapon_list li.wt_weapon_list_name a {color:#FFF} .wt_weapon_list li.wt_weapon_list_name a:hover {color:#d2181c} .wt_weapon_list li p.weapon_name {float:left; font-size:16px; font-size:1.6rem; font-weight:bold} .wt_weapon_list li p.weapon_name a {color:#FFF} .wt_weapon_list li p.weapon_name a:hover {color:#d2181c} .wt_weapon_list li p.weapon_comment {float:right; font-size:12px; font-size:1.2rem; text-align:center; line-height:14px} .wt_weapon_list li p.weapon_comment a {color:#ccc; width:34px; height:18px; background:url("//img.softnyx.com/4/wt2018/sub/speechBubble.png") 50% 50% no-repeat; display:block} .wt_weapon_list li p.weapon_comment a:hover {color:#fff} .wt_weapon_list li p.weapon_sort {float:left; color:#a2a2a2; clear:both;} .wt_weapon_list li p.weapon_stats_text {float:right; color:#a2a2a2} .wt_weapon_list li div.weapon_stats_bg {height:9px; background:#666; position:relative; display:inline-block; zoom:1; *display:inline; width:56.42%; float:right; margin-top:6px} .wt_weapon_list li div p.weapon_stats_color {display:inline-block; zoom:1; *display:inline; width:30%; height:9px; position:absolute; background:#d2181c; background: -webkit-linear-gradient(#d2181c, #610002); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#d2181c, #610002); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#d2181c, #610002); /* For Firefox 3.6 to 15 */ background: linear-gradient(#d2181c, #610002); /* Standard syntax */ } .wt_weapon_list_area .wt_weapon_list_page {text-align:center; margin:18px 0; clear:both} .wt_weapon_list_area .wt_weapon_list_page li {display:inline-block; zoom:1; *display:inline; *border-right:#000 solid 1px; background:#202020; margin:0 2px; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .wt_weapon_list_area .wt_weapon_list_page li:hover {background:#414141} .wt_weapon_list_area .wt_weapon_list_page li a {color:#a6a6a6; display:block; padding:4px 9px} .wt_weapon_list_area .wt_weapon_list_page li.wt_weapon_list_page_on {background:#000} .wt_weapon_list_area .wt_weapon_list_page li.wt_weapon_list_page_on a {color:#d2181c} .wt_weapon_view {display:inline-block; zoom:1; *display:inline; text-align:left; width:100%; clear:both; padding-top:40px} .wt_weapon_view>li {line-height:22px} .wt_weapon_view li.weapon_name_area {height:32px} .itemDetailInfo p {line-height:24px} .wt_weapon_view li.wt_weapon_view_img {text-align:center; padding-bottom:18px} .wt_weapon_view li p {color:#a2a2a2} .wt_weapon_view li p.weapon_name {float:right; font-size:24px; font-size:2.4rem; color:#FFF} .wt_weapon_view li p.weapon_back {float:left; font-size:16px; font-size:1.6rem} .wt_weapon_view li p.weapon_back a {color:#666} .wt_weapon_view li p.weapon_back a:hover {color:#fff} .wt_weapon_view li p.weapon_sort {float:right; clear:both; width:144px; text-align:right} .wt_weapon_view li p.weapon_stats_text {float:left} .wt_weapon_view li div.weapon_stats_bg {height:9px; background:#666; position:relative; display:inline-block; zoom:1; *display:inline; width:56.42%; float:left; margin-top:6px} .wt_weapon_view li div p.weapon_stats_color {display:inline-block; zoom:1; *display:inline; width:30%; height:9px; position:absolute; right:0; background:#d2181c; background: -webkit-linear-gradient(#d2181c, #610002); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#d2181c, #610002); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#d2181c, #610002); /* For Firefox 3.6 to 15 */ background: linear-gradient(#d2181c, #610002); /* Standard syntax */ } .wt_weapon_view_info {margin-top:40px} .wt_weapon_view_info h3 {color:#fff; font-size:16px; font-size:1.6rem; font-weight:normal} .wt_weapon_view_info h3.wt_weapon_info_description {margin-top:40px} .wt_weapon_view_info .wt_weapon_info_type li {display:inline-block; zoom:1; *display:inline; color:#999} .wt_weapon_view_info .wt_weapon_info_type li.wt_weapon_info_type_vertical {font-size:10px; color:#999; padding:0 8px; vertical-align:2px} .wt_weapon_view_info p {color:#999} .wt_weapon_view_comment {margin-top:40px} .wt_weapon_view_comment li {width:100%; color:#CCC} .wt_weapon_view_comment li span {color:#fff; font-size:16px; font-size:1.6rem} .wt_weapon_view_comment li textarea {width:100%; color:#333; background:#c0c0c0; padding:2%; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkitbox-sizing:border-box; font-size:14px; font-size:1.4rem} .wt_weapon_view_comment li a {width:100%; height:32px; display:block; background:#333; color:#CCC; text-align:center; line-height:32px; background:#202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .wt_weapon_view_comment li a:hover {background:#414141} .wt_weapon_view_commentUser {margin-top:40px} .wt_weapon_view_commentUser li.wt_weapon_commentUser_article {padding:2%; background:#333; color:#CCC; width:96%; height:auto; margin-top:4px;} .wt_weapon_commentUser_info li {display:inline-block; zoom:1; *display:inline; color:#999; vertical-align:top} .wt_weapon_commentUser_info li img {vertical-align:-4px} .wt_weapon_commentUser_info li.wt_weapon_commentUser_name {font-size:16px; font-size:1.6rem; color:#FFF;} .wt_weapon_commentUser_info li.wt_weapon_commentUser_date {font-size:16px; font-size:1.6rem; vertical-align:bottom; float:left} .wt_weapon_commentUser_info li.wt_weapon_commentUser_date img {vertical-align:-1px} .wt_weapon_view_info .wt_weapon_list_page {text-align:center; margin:18px 0} .wt_weapon_view_info .wt_weapon_list_page li {display:inline-block; zoom:1; *display:inline; *border-right:#000 solid 1px; background:#202020; margin:0 2px; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .wt_weapon_view_info .wt_weapon_list_page li:hover {background:#414141} .wt_weapon_view_info .wt_weapon_list_page li a {color:#a6a6a6; display:block; padding:4px 9px} .wt_weapon_view_info .wt_weapon_list_page li.wt_weapon_list_page_on {background:#000} .wt_weapon_view_info .wt_weapon_list_page li.wt_weapon_list_page_on a {color:#d2181c} #WT_hold_item {clear:both} /* game mode */ .gamemode_submode {margin-top:10px; color:#c0c0c0; width:100%} .gamemode_submode li {padding:5px; line-height:32px} .gamemode_submode li img {display:block} .gamemode_submode li>p {display:inline-block; zoom:1; *display:inline; vertical-align:top; line-height:24px} .gamemode_tip02 {margin-top:10px} .gamemode_tip02 li {display:inline-block; zoom:1; *display:inline; height:100px; vertical-align:top; padding-right:10px} .gamemode_tip02 li.gamemode_tip02_info {max-width:60%; padding-right:0} .gamemode_tip03 {margin-top:10px} .gamemode_tip03 li {vertical-align:top; padding-right:10px} .gamemode_tip03 li.gamemode_tip03_info {padding-right:0; padding-top:10px} .gamemode_mapBtn {margin-top:10px} .gamemode_mapBtn li {display:inline-block; zoom:1; *display:inline; width:47.16%; padding:1%; text-align:center} .gamemode_mapBtn li a {display:block; background:#313131; color:#c0c0c0; padding:8px 10px} .gamemode_mapBtn li a:hover {background:#535353; color:#FFF} .gamemode_point {padding-top:10px; margin:0 auto} .gamemode_point li {max-width:340px} .gamemode_point li p {padding:10px 0 40px 0} .gamemode_point p.gamemode_point_other02 {padding:10px 0 40px 0} .gamemode_point li img {border:1px solid #333} .gamemode_point p.gamemode_point_other01 img {border:1px solid #333; padding-top:10px} .gamemode_tip li {padding-top:10px} .gamemode_tip li strong {color:#FFF} .wt_sub_title01_small {padding-top:18px} /* wolfrush */ .wolfrush_table_sort {margin:22px 0} .wolfrush_table_sort li {display:inline-block; zoom:1; *display:inline; font-size:16px; font-size:1.6rem} .wolfrush_table_sort li.wolfrush_table_sort_vertical {font-size:14px; color:#999; padding:0 8px; vertical-align:2px} .wolfrush_table_sort li a {color:#999} .wolfrush_table_sort li a:hover {color:#fff} .wolfrush_table_sort li.wolfrush_table_sort_on a{color:#FFF} p.wolfrush_intro_title {font-size:24px; font-size:2.4rem; padding:18px 0} p.wolfrush_intro_title .wolfrush_intro_title_s{font-size:16px; font-size:1.6rem} .wolfrush_contentsPack>h3 {padding-top:40px} .wolfrush_contentsPack>p {margin-top:10px} .wolfrush_contentsPack .wolfrush_contentsPack_small>h3 {padding-top:40px} .wolfrush_contentsPack .wolfrush_contentsPack_small h4 {font-size:17px; font-size:1.7rem; padding-top:40px; color:#818181} .wolfrush_contentsPack_small_wolfType {padding:10px 0} .wolfrush_contentsPack_small_wolfType p {display:inline-block; zoom:1; *display:inline; text-align:center; width:100%; padding:18px 0} .wolfrush_contentsPack_box {background:#333; padding:18px; margin-top:40px} .wolfrush_contentsPack_box p.wolfrush_contentsPack_img {text-align:center} .wolfrush_contentsPack_box p strong {font-size:16px; font-size:1.6rem; padding:6px 0; display:inline-block; zoom:1; *display:inline; color:#FFF} .wolfrushBoss_tip h3 {padding-top:40px} .wolfrushBoss_tip p {margin-top:10px} .wolfrushBoss_tip h4 {font-size:17px; font-size:1.7rem; padding-top:30px; color:#818181} .wolf_hound {padding-top:40px} .wolf_hound>li {display:inline-block; zoom:1; *display:inline; vertical-align:top} .wolf_hound>li h4 {font-size:22px; font-size:2.2rem; padding-top:30px; color:#818181} .wolf_hound>li p {margin-top:10px} p.hellhound_video {max-width:900px} p.hellhound_video video {width:100%; *display:none} /* map */ .guide_maplist {text-align:center} .guide_maplist li {display:inline-block; zoom:1; *display:inline; line-height:30px; min-width:218px; padding:1px; padding-bottom:10px} .guide_maplist li a {color:#c0c0c0; text-align:center} .guide_maplist li a:hover {color:#fff} .guide_info_map.guide_info_wolfrushMap {clear:both; padding-top:40px} .guide_info_map h2 {font-size:36px; font-size:3.6rem; color:#FFF} .guide_info_map h3 {font-size:28px; font-size:2.8rem; color:#FFF} .guide_map_list {padding-top:22px; clear:both} .guide_map_list select {padding:5px 10px; font-size:16px; font-size:1.6rem; width:100%} .guide_info_map .guide_map_info01 {clear:both; padding-top:18px} .guide_info_map .guide_map_info01 li {margin-left:16px; list-style-type:disc} .guide_info_map .guide_map_info02 {margin-top:18px} .guide_info_map .guide_map_area {margin-top:18px} .guide_info_map .guide_map_type {margin-top:18px} .guide_info_map .guide_map_type li {display:inline-block; zoom:1; *display:inline; width:32.24%} /* pride info */ .pride_tab_menu {margin-top:18px} .pride_tab_menu li {display:inline-block; zoom:1; *display:inline; width:48.80%; border:#d2181c solid 1px; vertical-align:top} .pride_tab_menu li a {color:#999; display:block; height:34px; padding:10px} .pride_tab_menu li.pride_tab_menu_on {background:#d2181c} .pride_tab_menu li.pride_tab_menu_on a {color:#fff} .pride_tab_menu li a:hover {background:#d2181c; color:#fff} .pride_tab_menu li.pride_tab_menu_left {float:left} .pride_tab_menu li.pride_tab_menu_right {float:right} .prideinfo_sort {padding-top:18px; clear:both} .prideinfo_sort li {display:inline-block; zoom:1; *display:inline; font-size:14px; font-size:1.4rem} .prideinfo_sort li.prideinfo_sort_vertical {font-size:10px; color:#999; padding:0 8px; vertical-align:2px} .prideinfo_sort li a {color:#999} .prideinfo_sort li a:hover {color:#fff} .prideinfo_sort li.prideinfo_sort_on a{color:#FFF} .pride_info {margin-top:18px; clear:both} .pride_middleTitle {color:#d2181c; font-size:16px; 1.6rem} .pride_middleTitle02 {padding-top:40px} .pride_middleTitle03 {font-size:22px; font-size:2.2rem; padding:5px 0} .pride_middleTitle04 {padding-top:18px} .pride_info_list01 li {margin-left:16px; list-style-type:disc; line-height:22px} .prideinfo_createPride {margin:0 auto; max-width:341px} .prideinfo_createPride li {max-width:341px; padding-bottom:40px} .prideinfo_createPride li img {border:1px solid #333; margin-bottom:8px; display:block} .prideinfo_createPride .prideinfo_createPride01 {padding-top:0} .prideinfo_table {color:#a6a6a6; font-size:18px; font-size:1.8rem} .prideinfo_table tr {background:#202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .prideinfo_table tr:hover {background:#313131} .prideinfo_table th {height:26px; background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); border-bottom:#000 solid 1px; border-right:#000 solid 1px; text-transform:uppercase; color:#bebebe; text-shadow:1px 1px 10px #000; font-weight:normal} .prideinfo_table td {height:26px; border-bottom:#000 solid 1px; border-right:#000 solid 1px; text-align:center} .prideinfo_table td a {color:#a6a6a6} .prideinfo_table td a:hover {color:#fff} .prideinfo_table02 {color:#a6a6a6;font-size:18px; font-size:1.8rem} .prideinfo_table02 tr {background:#202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .prideinfo_table02 tr:hover {background:#313131} .prideinfo_table02 th {height:26px; background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); border-bottom:#000 solid 1px; border-right:#000 solid 1px; text-transform:uppercase; color:#bebebe; text-shadow:1px 1px 10px #000; font-weight:normal} .prideinfo_table02 td {height:26px; border-bottom:#000 solid 1px; border-right:#000 solid 1px; text-align:left} .prideinfo_table02 td a {color:#a6a6a6} .prideinfo_table02 td a:hover {color:#fff} /* grade */ .guide_info_grade {margin-bottom:60px} .guide_info_grade h2 {font-size:36px; font-size:3.6rem; color:#FFF} .guide_info_grade div {padding-top:10px} .wt_grade_table {color:#a6a6a6; font-size:16px; font-size:1.6rem; width:100%} .wt_grade_table tr {background:#202020; background: -webkit-linear-gradient(#2a2a2a, #202020); background: -o-linear-gradient(#2a2a2a, #202020); background: -moz-linear-gradient(#2a2a2a, #202020); background: linear-gradient(#2a2a2a, #202020)} .wt_grade_table th {height:36px; background:url("//img.softnyx.com/4/wt2018/sub/rank/rank_tablebg.jpg"); border-bottom:#000 solid 5px; border-right:#000 solid 1px; text-transform:uppercase; color:#bebebe; text-shadow:1px 1px 10px #000; font-weight:normal} .wt_grade_table td {border-bottom:#000 solid 1px; text-align:center; padding:6px 0} .wt_grade_table td img {vertical-align:-2px} /* red line */ .main_redline {display:none; clear:both} .main_redline.main_redline02 {margin-top:-3px; *display:none} /* google keyword */ #googleSerach {margin-top:40px;width:100%; clear:both} #googleSerach .search_border {display:inline-block; zoom:1; *display:inline; width:80%; float:left} input.keyword {background:#fff url("//img.softnyx.com/4/wt2018/main/keyword.gif") 48px 10px no-repeat;border: #d2181c solid 3px;width:100%;height:27px} input.keyword01 {background:#fff;border: #d2181c solid 3px;font-size:16px;font-size:1.6rem;width:100%;height:27px;} .search_btn01 {width:18%;background:#d2181c;height:34px;font-size:22px;font-size:2.2rem;display:block;float:right} .search_btn01 a {display:block;width:100%;text-align:center;color:#000;height:26px;padding:5px 0 0 0} .search_btn01 a:hover {color:#FFF} #search_result {width:290px;height:550px;position:absolute;left:50%; margin-left:-150px; margin-top:50px;z-index:10000; display:none;background:#fff;padding:0;border:#898989 solid 5px;overflow:hidden} #search_result h2 {font-size:14px;font-size:1.6rem;width:244px} #fmSearchPopUp {width:290px;height:490px} /* timeline */ .years_area {float:left; padding-right:1%; padding-top:46px} .years_area li {vertical-align:top; padding-bottom:36px} .years_area li a {color:#c0c0c0} .years_area li a:hover {color:#f6931f} .years_area li a.years_area_on {color:#f6931f} .vertical_scrollbar_area {float:left; padding-top:56px} .vertical_scrollbar_area>div {padding-top:12px} .years_contentArea {float:left; width:80%} .years_content_menu {background:#333; float:left; width:98%; margin-bottom:80px; padding:1%} .years_content_menu li {display:inline-block; zoom:1; *display:inline; margin:0 3.44%} .years_content_menu li a {color:#FFF} .years_content_menu li span {vertical-align:0; *vertical-align:4px; *margin-right:2px} .years_content_menu li span.color_01 {display:inline-block; width:18px; height:11px; background:#999;} .years_content_menu li span.color_02 {display:inline-block; width:18px; height:11px; background:#F90;} .years_content_menu li span.color_03 {display:inline-block; width:18px; height:11px; background:#F30;} .years_content_menu li span.color_04 {display:inline-block; width:18px; height:11px; background:#1094e7;} .years_content01, .years_content02 {text-align:center; width:100%} .years_content01 li, .years_content02 li {display:inline-block; zoom:1; *display:inline; width:100px; height:100px; vertical-align:top; margin:1%} .years_content01 li img, .years_content02 li img {width:80px; height:80px; border:solid 10px; border-radius:50%;} .years_content01 li.years_content01_cha img, .years_content02 li.years_content01_cha img {border-color:#999} .years_content01 li.years_content01_map img, .years_content02 li.years_content01_map img {border-color:#F90} .years_content01 li.years_content01_story img, .years_content02 li.years_content01_story img {border-color:#F30} .years_content01 li.years_content01_movie img, .years_content02 li.years_content01_movie img {border-color:#1094e7} .years_text01 {clear:both; text-align:center; padding-top:80px} .years_text01 p {vertical-align:top; width:100%} .years_text01_prev {float:left; color:#CCC} .years_text01_now {text-align:center; display:inline-block; zoom:1; *display:inline} .years_text01_now input {border:0; color:#f6931f; font-weight:bold; font-size:26px; font-size:2.6rem; text-align:center; background:none; width:130px} .years_text01_next {float:right; color:#CCC} .years_text02 {text-align:center; position:relative; width:100%;} .years_text02_prev {position:absolute; top:50%; margin-top:-50px; left:0} .years_text02_prev a {color:#FFF; font-size:40px; font-weight:bold; display:block;} .years_text02_prev a:hover {color:#f30} .years_text02_now {padding:2%; background:#333; width:80%; display:inline-block; text-align:right; margin:0 auto;} .years_text02_next {position:absolute; top:50%; margin-top:-50px; right:0} .years_text02_next a {color:#FFF; font-size:40px; font-weight:bold; display:block;} .years_text02_next a:hover {color:#f30} .small_bubble li {display:inline-block; zoom:1; *display:inline; width:66px; height:66px; vertical-align:top; margin-left:8px} .small_bubble li img {width:60px; height:60px; border:solid 3px; border-radius:50%;} .small_bubble li.small_bubble_cha img {border-color:#999} .small_bubble li.small_bubble_map img {border-color:#F90} .small_bubble li.small_bubble_story img {border-color:#F30} .small_bubble li.small_bubble_movie img {border-color:#1094e7} .years_scroll {width:90%; clear:both; margin:0 auto; margin-top:22px} .timeline_popup_info01 {padding-top:40px} .timeline_popup_info01 li {display:block; text-align:center; vertical-align:top;} .timeline_popup_info01 li img {width:130px; height:130px; border:solid 10px; border-radius:50%;} .timeline_popup_info01 li p {font-size:26px; font-size:2.6rem; color:#FFF} .timeline_popup_info01 li div {text-align:left; padding-top:18px; padding-bottom:30px} .timeline_popup_info01 li.timeline_popup_info01_cha img {border-color:#999} .timeline_popup_info01 li.timeline_popup_info01_map img {border-color:#F90} .timeline_popup_info01 li.timeline_popup_info01_story img {border-color:#F30} .timeline_popup_info01 li.timeline_popup_info01_movie img {border-color:#1094e7} .timeline_popup_info02 {padding-top:18px; clear:both} .timeline_popup_info02_map {padding:10px; margin-top:40px; background-color:#000; clear:both; text-align:center} .timeline_popup_info02_map li {display:inline-block; zoom:1; *display:inline; width:30%; padding:2px; vertical-align:top; text-align:left} .timeline_popup_info03 {padding:10px; margin-top:40px; background-color:#000} .timeline_popup_info03 li {display:inline-block; zoom:1; *display:inline; padding:4px} .timeline_popup_info03 li img {width:74px; height:74px} .timeline_popup_info04 {padding-top:40px} .timeline_popup_info04 h3 {font-size:26px; font-size:2.6rem; color:#FFF; text-align:center} .timeline_popup_info04_movie {padding-top:10px} .timeline_popup_info04_movie iframe {width:100%; height:auto; min-height:300px} .timeline_popup_info04_summary {padding-top:18px} /* sitemap */ .wt_sitemap_area {display:none} /* mobile & tablet */ @media all and (min-width:600px) and (max-width:1023px) { /* wt_nav */ .wt_gnb h1 {width:184px; height:112px; background:url("//img.softnyx.com/4/wt2018/main/wt_main_logo.png") no-repeat; margin: 10px auto 0; *margin-top:10px;} .wt_gnb h1 a {width:184px; height:112px; display:block;} /* impotant btn */ #important_btnArea {max-width:1006px;width:95%} .important_btn {max-width:1006px} .important_btn li {display:inline-block;zoom:1;*display:inline;max-width:322px;width:32%;height:45px;font-size:24px;font-size:2.4rem;padding:0 2.0% 0 0} /* my wolfteam */ .mywolfteam_tab_menu {text-align:center} .mywolfteam_tab_menu li {width:31.66%; margin-right:2%} .mywolfteam_tab_menu li.mywolfteam_tab_menu_last {margin-right:0} .mywolfteam_infomation>div>h2 {float:left} .mywolfteam_infomation>div>p {float:right; padding-top:10px} .mywolfteam_infobox_area {padding-top:10px; clear:both; text-align:center} .mywolfteam_infobox {width:44.70%; display:inline-block; zoom:1; *display:inline; border:#000 solid 3px; height:200px; vertical-align:top} .mywolfteam_infobox ul li.mywolfteam_infobox_title {padding-bottom:30px} .mywolfteam_infobox ul li.mywolfteam_infobox_title03 {padding-top:50px} .mywolfteam_infobox_pride_info_area li.mywolfteam_infobox_pride_info_text li.mywolfteam_infobox_pride_name {font-size:16px} .mywolfteam_infobox_area02>li {display:inline-block; zoom:1; *display:inline; width:46.10%; vertical-align:top} .mywolfteam_infobox_area03 {text-align:center} .mywolfteam_infobox_area03>li {display:inline-block; zoom:1; *display:inline; width:40.80%; vertical-align:top; margin:5px} .mywolfteam_infobox_area03>li>ul>li {text-align:left} .mywolfteam_pride_name {float:left} .mywolfteam_pride_listBtn {float:right; padding-top:40px} .mywolfteam_pride_name li {display:inline-block; zoom:1; *display:inline;} .mywolfteam_pride_name li.mywolfteam_pride_country {padding-left:18px} .mywolfteam_pride_myRank li {display:inline-block; zoom:1; *display:inline; padding-right:32px} .mywolfteam_pride_infoBox {text-align:center} .mywolfteam_pride_infoBox>li {display:inline-block; zoom:1; *display:inline; width:49%} .mywolfteam_box_prideinfo .mywolfteam_box_prideinfo_img {padding:87px} .mywolfteam_item_sort li {font-size:18px; font-size:1.8rem;} .mywolfteam_item_sort li.mywolfteam_item_sort_vertical {padding:0 8px;} .mywolfteam_item_select {padding-top:40px; float:right} .mywolfteam_item_list>li {width:31.8%} .gain_item_table_box .gain_item_table {font-size:16px; font-size:1.6rem;} .gift_box_table_box .gift_box_table {font-size:16px; font-size:1.6rem;} /* pride */ .pride_searchType {float:left; width:22%;} .pride_search {padding-top:0; float:right; width:77%;} .prideList_table>li {width:47.42%; margin-left:2%} .prideList_table>li.prideList_table_2nd {margin-right:0} /* download */ .wt_downloadList li {width:19.74%} .wt_torrent_btn li {width:280px; margin-right:18px; padding-left:14px} .wt_download_table_box .wt_download_table {font-size:22px; font-size:2.2rem} .wt_download_table_box .wt_download_table td {font-size:16px; font-size:1.6rem} .wt_directx_btn {width:288px; text-indent:30px} .wt_graphic_btn li {width:11.20%; text-align:left} /* multimedia */ .wt_video_area iframe {height:379px} .wt_video_list_box>li {width:49.72%; display:inline-block; zoom:1; *display:inline; text-align:left} .wt_video_list>li {display:inline-block; zoom:1; *display:inline; vertical-align:top} .wt_video_list_info>li.wt_video_list_name {padding-top:14px} /* gallery */ .wt_gallery_list li {width:24.58%} /* wallpaper */ .wt_wallpaper_list {text-align:left} .wt_wallpaper_list>li {width:24.58%} /* game info */ .wolfteam_tab_menu {text-align:center} .wolfteam_tab_menu li {width:31.66%; margin-right:2%} .wolfteam_tab_menu li.wolfteam_tab_menu_last {margin-right:0} .guide_info .guide_info_feature .guide_info_feature_text li.guide_info_feature_text_B {font-size:18px; font-size:1.8rem; padding:4px; margin-top:18px} .guide_info .guide_info_feature .guide_info_feature_text li.guide_info_feature_text_S {padding:4px} /* game guide */ .install_tab_menu li {width:auto; border-left:1px solid #ccc} .install_tab_menu li:last-child {border-right:0} .install_tab_menu li a {color:#999; display:block; height:auto; padding:8px 18px} .install_tab_menu02 li a {color:#999; display:block; height:auto; padding:10px} .guide_info>p.guide_info_install01 {margin-bottom:0} .guide_info .guide_info_install02 li {display:inline-block; zoom:1; *display:inline; vertical-align:top; height:196px; float:right; margin-top:40px; max-width:none} .guide_info .guide_info_install02 li.guide_info_install02_img {margin-left:2%; max-width:346px; width:50%} .guide_info .guide_info_install02 li.guide_info_install02_text {width:48%} .guide_info .wt_howtoplay01 li img {width:42px} /* character */ .wt_character_box01 .character_type_menu li {width:24.58%} .wt_character_box02 .wt_character_imgList li {width:24.58%} /* item */ .wt_weapon_list_area {text-align:left;} .wt_weapon_list {width:43.64%; margin-right:3.44%} .wt_weapon_list02 {width:47.64%} .wt_weapon_list_R {margin-right:0} .wt_weapon_list li div.weapon_stats_bg {width:50.34%} .wt_weapon_view>li {display:inline-block; zoom:1; *display:inline; vertical-align:top; width:49.72%; line-height:18px} .wt_weapon_view li.wt_weapon_view_img {padding-bottom:0; vertical-align:bottom} .wt_weapon_view_comment li {display:inline-block; zoom:1; *display:inline; width:auto} .wt_weapon_view_comment li.wt_weapon_view_comment_text {width:10%; vertical-align:top; text-align:center; background:#222; height:82px; line-height:82px} .wt_weapon_view_comment li.wt_weapon_view_comment_area {width:78.88%} .wt_weapon_view_comment li.wt_weapon_view_comment_btn {width:10%; vertical-align:top} .wt_weapon_view_comment li textarea {padding:1%; height:82px} .wt_weapon_view_comment li a {height:82px; line-height:82px} .wt_weapon_view_commentUser {margin-top:0; border-bottom:1px dashed #222; padding:18px 0} /* game mode */ .gamemode_submode {background:#484848} .gamemode_submode li:hover {background:#585858} .gamemode_submode li img {display:inline-block} .gamemode_mapBtn li {width:30.96%; padding:1%} .gamemode_point li {display:inline-block; zoom:1; *display:inline; width:49.72%; vertical-align:top} .gamemode_tip02 li.gamemode_tip02_info {max-width:78%} .gamemode_tip03 li {display:inline-block; zoom:1; *display:inline} .gamemode_tip03 li.gamemode_tip03_info {max-width:60%} /* wolfrush */ .wolfrush_contentsPack_small_wolfType p {width:inherit; padding:0 18px} .wolfrush_contentsPack_box p.wolfrush_contentsPack_img {text-align:left} .wolf_hound li.wolf_hound_right {width:70%} /* map */ .guide_info_map h2, .guide_info_map h3 {float:left} .guide_map_list {padding-top:6px} .guide_info_map .guide_map_area {float:left; width:78.32%; max-width:556px} .guide_info_map .guide_map_type {margin:18px 0 0 18px; float:left; width:18.06%} .guide_info_map .guide_map_type li {padding-bottom:18px; display:block; width:100%; max-width:168px} /* pride info */ .pride_tab_menu li a {color:#999; display:block; height:auto; padding:10px} .prideinfo_createPride {margin:0 auto; max-width:none} .prideinfo_createPride li {display:inline-block; zoom:1; *display:inline; max-width:341px; width:47.72%; margin-right:2%; vertical-align:top;} .prideinfo_createPride .prideinfo_createPride02 {padding-top:0} /* google keyword */ #googleSerach {padding-top:40px} #fmSearchPopUp {width:550px;} } /* Desktop */ @media all and (min-width:1024px) { /* wt nav */ #wt_nav {width:100%; margin:0 auto; background:url("//img.softnyx.com/4/wt2018/main/menubar_bg.png") no-repeat; height:130px; z-index:10} .wt_gnb h1 {width:184px; height:112px; background:url("//img.softnyx.com/4/wt2018/main/wt_main_logo.png") no-repeat; margin:0; position:absolute; right:44px; top:14px} .wt_gnb h1 a {width:184px; height:112px; display:block;} .wt_gnb>button {display:none; visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;} .wt_gnb {font-size:22px; font-size:2.2rem; position:relative; z-index:12; width:100%} .wt_gnb>ul {float:left; z-index:12; min-width:886px} .wt_main_menu {position:relative; display:block !important; border-radius:0; border-bottom:none; padding:46px 0 0 0; margin:0; float:right;} .wt_main_menu .rightmenu_area {margin-left:254px; *margin-left:0; *padding-left:254px} .wt_main_menu:after {content:""; display:block; clear:both;} .wt_main_menu>li {text-align:center; padding-right:3.0%; *padding-right:1.8%; display:inline-block; zoom:1; *display:inline; position:relative} .wt_main_menu .top_main_menu_gameStart {text-shadow:none; *vertical-align:10px} .wt_main_menu .top_main_menu_gameStart a {text-shadow:none; padding:4px 2px; *padding:0 2px} .wt_main_menu .top_main_menu_gameStart a:hover {color:#FC0} .wt_main_menu li a {padding:4px 0; border-radius:0; margin:0; background:none; color:#fff; border-bottom:none; text-shadow:#000 2px 2px 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .wt_main_menu>li.active>a {color:#d2181c} .wt_main_menu>li.active>ul {display:block} .wt_sub_menu {display:none; background:url("//img.softnyx.com/4/wt2018/main/menubar_bg.png"); position:absolute; top:36px; margin:0 -26px 0 0; *margin-right:-50px; border-bottom:none; padding:0 10px; min-width:176px; *text-align:left; opacity:0.90; -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=90)"; filter: alpha(opacity = 90); -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .wt_sub_menu.lastmenu_wt {margin-left:-70px} .wt_sub_menu>li {display:block; border-bottom:#666 dotted 1px; *border-bottom:0; text-align:left} .wt_sub_menu>li:last-child {border-bottom:0} .wt_sub_menu li a {display:block; font-size:18px; font-size:1.8rem; padding:8px 10px 8px 16px; *padding:6px 10px 6px 16px; background:#333; color:#aaa; text-decoration:none; background:url("//img.softnyx.com/4/sn/portal_main/menu_icon.gif") no-repeat right 52%; text-transform:capitalize; text-shadow:none; text-align:right} .wt_sub_menu li a:hover {color:#d2181c;} .charge_point {display:block; position:absolute; left:0; top:40px; background:url("//img.softnyx.com/4/wt2018/main/menubar_red_point.png") no-repeat; height:156px; width:250px; z-index:11} /* impotant btn */ #important_btn_area {width:100%;z-index:999; margin-top:1px} /*.fixedBtn {position:fixed;z-index:999;top:0;max-width:1200px;height:100px;z-index:999}*/ .important_btn li {display:inline-block;zoom:1;*display:inline;width:20%;*width:19.98%;font-size:30px; font-size:3.0rem; padding:0; overflow:hidden; height:auto;} .important_btn li a {padding:7% 0 6% 0; margin:1px; height:auto} .important_btn .loginFB_btn {font-size:16px;font-size:1.6rem} .important_btn .important_btn_gamestart {display:block;} .important_btn .important_btn_gamestart a {color:#d11819; background:url("//img.softnyx.com/4/wt2018/main/gamestart_btn_bg.jpg") 50% 50% no-repeat; border:#333 solid 2px; text-shadow:#fff 1px 1px 4px;} .important_btn .important_btn_gamestart a:hover {color:#fff; background:url("//img.softnyx.com/4/wt2018/main/gamestart_btn_bg.gif") 50% 50% no-repeat; border:#d11819 solid 2px; text-shadow:#d11819 1px 1px 4px;} .important_btn .important_btn_gamedownload {display:block} /* quickmenu */ #quickmenu {display:block; position:absolute; left:12px; top:55%; z-index:104; color:#FFF; font-size:16px; font-size:1.6rem;} #quickmenu h3 {text-align:center; font-weight:normal; text-shadow:1px 1px 5px #000; font-size:12px; font-size:1.2rem} #quickmenu li {margin-bottom:10px} #quickmenu li a {background:url("//img.softnyx.com/4/wt2018/main/quickmenu_icon.png") no-repeat; width:54px; height:47px; display:block; color:#FFF; font-size:18px; font-size:1.8rem} #quickmenu li.quickmenu_cash a {background-position:0 0} #quickmenu li.quickmenu_cash a:hover {background-position:-54px 0} #quickmenu li.quickmenu_cash a:hover span {display:inline-block;zoom:1;*display:inline; margin-right:-62px; color:#ffb500} #quickmenu li.quickmenu_mywolfteam a {background-position:0 -57px} #quickmenu li.quickmenu_mywolfteam a:hover {background-position:-54px -57px} #quickmenu li.quickmenu_mywolfteam a:hover span {display:inline-block;zoom:1;*display:inline;} #quickmenu li.quickmenu_youtube a {background-position:0 -114px} #quickmenu li.quickmenu_youtube a:hover {background-position:-54px -114px} #quickmenu li.quickmenu_youtube a:hover span {display:inline-block;zoom:1;*display:inline;} #quickmenu li.quickmenu_fb a {background-position:0 -171px} #quickmenu li.quickmenu_fb a:hover {background-position:-54px -171px} #quickmenu li.quickmenu_fb a:hover span {display:inline-block;zoom:1;*display:inline;} #quickmenu li.quickmenu_download a {background-position:0 -228px} #quickmenu li.quickmenu_download a:hover {background-position:-54px -228px} #quickmenu li.quickmenu_download a:hover span {display:inline-block;zoom:1;*display:inline;} #quickmenu li.quickmenu_top a {background-position:0 -285px} #quickmenu li.quickmenu_top a:hover {background-position:-54px -285px} #quickmenu li a span {display:none; margin-right:-72px; *margin-right:-92px; line-height:16px; padding-top:6px; text-align:left; text-shadow:1px 1px 5px #000} #quickmenu_bg {background:url("//img.softnyx.com/4/wt2018/main/quickmenu_icon_bg.png"); width:210px; height:988px; position:fixed; right:0; top:0; z-index:103; display:none} /* sub contents area */ .sub_contents_area {background:url("//img.softnyx.com/4/wt2018/sub_common/sub_bg.jpg") center 272px no-repeat fixed; width:100%; padding:100px 0} .sub_contents {background:url("//img.softnyx.com/4/wt2018/sub_common/sub_contents_bg.png") center top; min-width:956px; max-width:1160px; margin:0 auto; padding:1%; width:98%; border-top:#6b0b0b solid 10px; display:table} .sub_contents .sub_contents_maintitle {font-size:50px; font-size:5.0rem} .sub_contents01 {clear:none; padding:80px 0 40px 0} .sub_contents02, .sub_contents03 {clear:none; width:100%; padding:80px 0 40px 0; display:inline-block; zoom:1; *display:inline} .sub_contents04 {clear:none; width:100%; padding:40px 0 40px 0; display:inline-block; zoom:1; *display:inline} /* my wolfteam */ .mywolfteam_commonMenu_area {padding-top:100px} .mywolfteam_tab_menu {float:right} .mywolfteam_tab_menu li {width:144px;} .mywolfteam_tab_menu li.mywolfteam_tab_menu_info {width:210px;} .mywolfteam_tab_menu li.mywolfteam_tab_menu_last {margin-right:0} .mywolfteam_tab_menu li a {padding:2px 0} .mywolfteam_info01 {padding-top:18px; float:left} #profileInfo {width:100%} .mywolfteam_infomation {padding-top:60px; *width:100%} .mywolfteam_infomation>div>h2 {float:left} .mywolfteam_infomation>div>p {float:right; padding-top:10px} .mywolfteam_infobox_area {padding-top:10px; clear:both; text-align:center} .mywolfteam_infobox {width:20.98%; display:inline-block; zoom:1; *display:inline; height:200px; vertical-align:top; padding:14px; margin:4px} .mywolfteam_infobox ul li.mywolfteam_infobox_title {padding-bottom:22px} .mywolfteam_infobox ul li.mywolfteam_infobox_title03 {padding-top:50px} .mywolfteam_infobox_pride_info_area li.mywolfteam_infobox_pride_info_text li {font-size:16px; font-size:1.6rem} .mywolfteam_infobox_pride_info_area li.mywolfteam_infobox_pride_info_text li.mywolfteam_infobox_pride_name {font-size:16px; font-size:1.6rem} .mywolfteam_infobox_area02 {padding-top:40px} .mywolfteam_infobox_area02>li {display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:24.18%; margin-right:0.6%; height:292px; text-align:center} .mywolfteam_infobox_area02>li.mywolfteam_infobox_area02_lastbox {margin-right:0} .mywolfteam_usedmark {padding-top:100px} .mywolfteam_infobox_area03 {text-align:center} .mywolfteam_infobox_area03>li {display:inline-block; zoom:1; *display:inline; width:20.22%; vertical-align:top; margin-right:0.6%; text-align:left} .mywolfteam_infobox_area03>li.mywolfteam_infobox_area03_lastbox {margin-right:0} .mywolfteam_pride_name li {display:inline-block; zoom:1; *display:inline;} .mywolfteam_pride_name li.mywolfteam_pride_country {padding-left:18px} .mywolfteam_pride_name {float:right; padding-top:60px} .mywolfteam_pride_listBtn {float:right; padding-top:60px} .mywolfteam_pride_myRank li {display:inline-block; zoom:1; *display:inline; padding-left:32px} .mywolfteam_pride_infoBox>li {display:inline-block; zoom:1; *display:inline; width:24.20%; margin-right:0.6%; vertical-align:top} .mywolfteam_pride_infoBox>li.mywolfteam_pride_infoBox_last {margin-right:0} .mywolfteam_box_prideinfo .mywolfteam_box_prideinfo_img {padding:88px} .mywolfteam_item_sort {padding-top:70px} .mywolfteam_item_sort li {font-size:18px; font-size:1.8rem;} .mywolfteam_item_sort li.mywolfteam_item_sort_vertical {padding:0 8px;} .mywolfteam_item_select {padding-top:40px; float:left} .mywolfteam_item_select select {width:auto} .mywolfteam_item_list {display:inline-block; zoom:1; *display:inline; clear:both} .mywolfteam_item_list>li {width:19.16%; min-width:183px; max-width:204px;} .gain_item_table_box .gain_item_table {font-size:22px; font-size:2.2rem;} .gain_item_table_box .gain_item_table td {font-size:18px; font-size:1.8rem} .gift_box_table_box .gift_box_table {font-size:22px; font-size:2.2rem;} .gift_box_table_box .gift_box_table td {font-size:18px; font-size:1.8rem} /* pride */ .prideList_left {float:left} .prideList_right {padding-top:0; float:right} .prideList_left select {width:auto; background:#fff; color:#000} .pride_searchType {display:inline-block; zoom:1; vertical-align:top} .pride_searchType select {width:auto} .pride_search {display:inline-block; zoom:1; width:358px; padding-top:0; vertical-align:top} .pride_table_sort li {font-size:18px; font-size:1.8rem;} .prideList_table>li {width:48.66%; margin-left:2%; height:130px } .prideList_table>li.prideList_table_2nd {margin-right:0} /* download */ .wt_downloadList li {width:19.74%} .wt_torrent_btn li {width:280px; margin-right:18px; padding-left:14px} .wt_download_table_box .wt_download_table {font-size:22px; font-size:2.2rem} .wt_download_table_box .wt_download_table td {font-size:16px; font-size:1.6rem} .wt_directx_btn {width:288px; text-indent:30px} .wt_graphic_btn li {width:11.20%; text-align:left} /* multimedia */ .wt_video_area iframe {height:479px} .wt_video_list_box>li {width:49.74%; display:inline-block; zoom:1; *display:inline; text-align:right} .wt_video_list>li {display:inline-block; zoom:1; *display:inline; vertical-align:top} .wt_video_list>li.wt_video_list_img {padding-left:10px} .wt_video_list_info>li.wt_video_list_name {padding-top:14px} /* gallery */ .wt_gallery_list li {width:19.62%} /* wallpaper */ .wt_wallpaper_list {text-align:left} .wt_wallpaper_list>li {width:19.62%} /* game info */ .wolfteam_tab_menu {padding-top:100px} .wolfteam_tab_menu li {width:20%; margin-right:10px} .wolfteam_tab_menu.wolfteam_tab_menu_item li {width:15%} .wolfteam_tab_menu.wolfteam_tab_menu_mode li {width:23%} .wolfteam_tab_menu.wolfteam_tab_menu_pride li {width:23%} .wolfteam_tab_menu li.wolfteam_tab_menu_last {margin-right:0} .wolfteam_tab_menu li a {padding:2px 0} .guide_info>p {font-size:20px; font-size:2.0rem;} .guide_info>p.guide_info_text span.guide_info_text02 {font-size:22px; font-size:2.2rem;} .guide_info>p.guide_info_text span.guide_info_text03 {font-size:24px; font-size:2.4rem;} .guide_info .guide_info_feature .guide_info_feature_text li.guide_info_feature_text_B {font-size:24px; font-size:2.4rem; padding:5px 5px 5px 18px; margin-top:60px; opacity:0.80; -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=80)"; filter: alpha(opacity = 80); text-shadow: 0 0 3px #000; font-style:italic} .guide_info .guide_info_feature .guide_info_feature_text li.guide_info_feature_text_S {font-size:22px; font-size:2.2rem; padding:5px 5px 5px 18px} .guide_info .guide_info_feature p.guide_info_feature_pngimg {position:absolute; display:block; top:0} /* game guide */ .install_tab_menu.install_tab_menu_item {float:left; width:76%} .install_tab_menu li {width:auto; border-left:1px solid #ccc} .install_tab_menu li a {height:auto; padding:8px 18px; font-size:22px; font-size:2.2rem;} .install_tab_menu.install_tab_menu03 li a {padding:8px 11px;} .install_tab_menu li.install_tab_menu_left {float:none} .install_tab_menu li.install_tab_menu_right {float:none} .install_tab_menu02 li {width:20%; text-align:center; background:#121212} .install_tab_menu02 li a {height:auto; padding:8px} .guide_info>p.guide_info_install01 {font-size:22px; font-size:2.2rem;} .guide_info h3.wt_sub_title01 {font-size:22px; font-size:2.2rem;} .guide_info .guide_info_install02 li {display:inline-block; zoom:1; *display:inline; vertical-align:top; height:196px; float:right; max-width:none} .guide_info .guide_info_install02 li.guide_info_install02_img {margin-left:2%; width:346px;} .guide_info .guide_info_install02 li.guide_info_install02_text {width:62%; font-size:20px; font-size:2.0rem; line-height:30px} .guide_info .guide_info_install02 li span {font-size:24px; font-size:2.4rem;} .interface_tab_menu li {width:19.38%; text-align:center; background:#121212} .interface_tab_menu li a {height:auto; padding:8px} .interface_info01>li {font-size:20px; font-size:2.0rem;} .guide_info>p.guide_info_interface01 {font-size:22px; font-size:2.2rem} .guide_info .wt_howtoplay01 li img {width:52px} .guide_info .wt_howtoplay01 li.wt_howtoplay02 {width:22%} .guide_info .wt_howtoplay_box01 {width:49%; display:inline-block; zoom:1; *display:inline;; min-height:218px; float:left} .guide_info .wt_howtoplay_box02 {float:right} .guide_info .wt_howtoplay_box03 {clear:both} .wt_howtoplay_box01 .howtoplay_table01 {height:192px} .wt_howtoplay_box01 .howtoplay_table02 {height:252px} /* character */ .character_tab_menu {margin-top:53px} .character_tab_menu li {width:24.40%; text-align:center; background:#121212} .character_tab_menu li a {height:auto; padding:8px} .character_tab_menu li.character_tab_menu_left {float:none} .character_tab_menu li.character_tab_menu_right {float:none} .cha_angela {background:url("//img.softnyx.com/4/wt2018/gameinfo/Angela_bg.png") left 40px no-repeat} .cha_christopher {background:url("//img.softnyx.com/4/wt2018/gameinfo/christopher_bg.png") left 40px no-repeat} .cha_adriana {background:url("//img.softnyx.com/4/wt2018/gameinfo/adriana_bg.png") left 10px no-repeat} .cha_pedro {background:url("//img.softnyx.com/4/wt2018/gameinfo/pedro_bg.png") left 40px no-repeat} .cha_marien {background:url("//img.softnyx.com/4/wt2018/gameinfo/marien_bg.png") left 40px no-repeat} .cha_reinhard {background:url("//img.softnyx.com/4/wt2018/gameinfo/reinhard_bg.png") left 40px no-repeat} .cha_lin {background:url("//img.softnyx.com/4/wt2018/gameinfo/lin_bg.png") left 40px no-repeat} .cha_hamadah {background:url("//img.softnyx.com/4/wt2018/gameinfo/hamadah_bg.png") left 40px no-repeat} .cha_tomita {background:url("//img.softnyx.com/4/wt2018/gameinfo/tomita_bg.png") left 40px no-repeat} .cha_yigit {background:url("//img.softnyx.com/4/wt2018/gameinfo/yigit_bg.png") left 40px no-repeat} .cha_illude {background:url("//img.softnyx.com/4/wt2018/gameinfo/illude_bg.png") left 40px no-repeat} .cha_geremi {background:url("//img.softnyx.com/4/wt2018/gameinfo/geremi_bg.png") left 40px no-repeat} .cha_sarah {background:url("//img.softnyx.com/4/wt2018/gameinfo/sarah_bg.png") left 40px no-repeat} .cha_alex {background:url("//img.softnyx.com/4/wt2018/gameinfo/alex_bg.png") left 40px no-repeat} .cha_kate {background:url("//img.softnyx.com/4/wt2018/gameinfo/kate_bg.png") left 10px no-repeat} .cha_matt {background:url("//img.softnyx.com/4/wt2018/gameinfo/matt_bg.png") left 40px no-repeat} .wt_character_box01>p {width:57%; text-shadow:1px 1px 0 #000} .wt_character_box01 .character_type_menu li {width:15.8%} .wt_character_box02 .wt_character_imgList li {width:21.88%; border:10px solid #000} .wt_character_box02 p {width:66%; text-shadow:1px 1px 0 #000} /* item */ .item_table_area {margin-top:18px} .item_table_sort {float:left; margin-top:14px} .item_search {padding-top:0; float:right; width:224px} .item_search.item_search_item {padding-top:70px} .item_search .item_border {width:80%} .item_search .search_btn02 {width:20%} .wt_weapon_list {width:30.04%; background:#000; padding:1%; background: -webkit-linear-gradient(#000, #121212); background: -o-linear-gradient(#000, #121212); background: -moz-linear-gradient(#000, #121212); background: linear-gradient(#000, #121212);} .wt_weapon_list02 {width:32.04%; padding:0} .wt_weapon_list_center {margin:0 1.08%} .wt_weapon_list li p.weapon_name {font-size:16px; font-size:1.6rem; font-weight:normal;} .wt_weapon_list li div.weapon_stats_bg {width:42.84%} .wt_weapon_view {margin-top:18px; padding:10px 0; background:#000; margin-top:60px} .wt_weapon_view>li {display:inline-block; zoom:1; *display:inline; vertical-align:top; width:49.72%; line-height:18px} .wt_weapon_view li.wt_weapon_view_img {padding-bottom:0; vertical-align:bottom; height:192px} .wt_weapon_view_comment li {display:inline-block; zoom:1; *display:inline; width:auto} .wt_weapon_view_comment li.wt_weapon_view_comment_text {width:10%; vertical-align:top; text-align:center; background:#222; height:82px; line-height:82px} .wt_weapon_view_comment li.wt_weapon_view_comment_area {width:79.14%} .wt_weapon_view_comment li.wt_weapon_view_comment_btn {width:10%; vertical-align:top} .wt_weapon_view_comment li textarea {padding:1%; height:82px} .wt_weapon_view_comment li a {height:82px; line-height:82px} .wt_weapon_view_box {margin-top:18px; padding:0 12px 10px; background:#121212; background: -webkit-linear-gradient(#121212, #000); background: -o-linear-gradient(#121212, #000); background: -moz-linear-gradient(#121212, #000); background: linear-gradient(#121212, #000)} .wt_weapon_view_commentUser {margin-top:0; border-bottom:1px dashed #222; padding:18px 0} .wt_weapon_commentUser_info li.wt_weapon_commentUser_date {float:left; padding-top:4px} /* game mode */ .gamemode_submode {background:#484848} .gamemode_submode li {width:48%; display:inline-block; zoom:1; *display:inline} .gamemode_submode.gamemode_submode_wolfhunt li {display:block; width:100%} .gamemode_submode li:hover {background:#585858} .gamemode_submode li img {display:inline-block} .gamemode_mapBtn li {width:auto; padding:0.34%} .gamemode_point li {display:inline-block; zoom:1; *display:inline; width:49.72%; vertical-align:top; padding-right:2%} .gamemode_tip02 li.gamemode_tip02_info {max-width:100%} .gamemode_tip03 li {display:inline-block; zoom:1; *display:inline} .gamemode_tip03 li.gamemode_tip03_info {max-width:70%} /* wolfrush */ .wolfrush_table_sort {margin-top:34px} .wolfrush_table_sort li {font-size:22px; font-size:2.2rem;} .wolfrush_table_sort li.wolfrush_table_sort_vertical {font-size:16px} .wolfrush_contentsPack .wolfrush_contentsPack_small {padding-left:40px} .wolfrush_contentsPack .wolfrush_contentsPack_small .wolfrush_contentsPack_small02 {padding-left:40px} .wolfrush_contentsPack_small_wolfType p {width:inherit; padding:0 18px} .wolfrush_contentsPack_box p {display:inline-block; zoom:1; *display:inline; vertical-align:top} .wolfrush_contentsPack_box p.wolfrush_contentsPack_img {text-align:left} .wolfrush_contentsPack_box p.wolfrush_contentsPack_text {max-width:68%; padding-right:2%} .wolfrush_contentsPack_box p strong {padding-top:0; font-size:22px; font-size:2.2rem;} .wolfrushBoss_tip>div {padding-left:40px} .wolf_hound li.wolf_hound_left {width:24%} .wolf_hound li.wolf_hound_right {width:64%} /* map */ .guide_maplist li {text-align:center; vertical-align:top} .guide_map_list {padding-top:6px} .guide_info_map .guide_map_area {float:right} .guide_info_map .guide_map_type {margin:18px 18px 0 0; float:right; width:19.70%} .guide_info_map .guide_map_type li {width:100%; padding-bottom:18px; display:block; max-width:168px} .guide_map_list select {font-size:18px; font-size:1.8rem; width:auto} /* pride info */ .pride_tab_menu li {width:30%; text-align:center; background:#121212} .pride_tab_menu li a {height:auto; padding:8px} .pride_tab_menu li.pride_tab_menu_left {float:none} .pride_tab_menu li.pride_tab_menu_right {float:none} .prideinfo_createPride {margin:0 auto; max-width:none; width:100%} .prideinfo_createPride li {display:inline-block; zoom:1; *display:inline; max-width:339px; width:47.72%; margin-right:2%; vertical-align:top;} .prideinfo_createPride .prideinfo_createPride02 {padding-top:0} /* grade */ .wt_grade_table {font-size:18px; font-size:1.8rem} .guide_info_grade div {padding-top:18px} /* timeline */ .years_contentArea {width:92%} .years_content01 li {margin:0 3.44%} .years_content02 li {margin:0 3.64%} .years_content01 li:last-child, .years_content02 li:last-child {margin-right:0} .years_content01 li, .years_content02 li {width:150px; height:150px} .years_content01 li img, .years_content02 li img {width:130px; height:130px} .years_text01_prev {padding-left:8px} .years_text01_next {padding-right:8px} .years_text02_prev {margin-top:-68px; *margin-top:-98px; width:50px} .years_text02_prev a {font-size:60px} .years_text02_now {width:86%} .years_text02_next {margin-top:-68px; *margin-top:-98px; width:50px} .years_text02_next a {font-size:60px} .timeline_popup_info01 {padding-top:60px} .timeline_popup_info01.timeline_popup_info01_map {height:190px} .timeline_popup_info01 li {display:inline-block; zoom:1; *display:inline; text-align:right;} .timeline_popup_info01 li img {width:150px; height:150px; } .timeline_popup_info01 li p {font-size:36px; font-size:3.6rem} .timeline_popup_info01 li div {text-align:right;} .timeline_popup_info01 li.timeline_popup_info01_cha {float:right} .timeline_popup_info01 li.timeline_popup_info01_summary {float:left; width:80%} .timeline_popup_info01 li.timeline_popup_info01_cha img {border-color:#999} .timeline_popup_info01 li.timeline_popup_info01_map img {border-color:#F90} .timeline_popup_info01 li.timeline_popup_info01_story img {border-color:#F30} .timeline_popup_info01 li.timeline_popup_info01_movie img {border-color:#1094e7} .timeline_popup_info02_map li {display:inline-block; zoom:1; *display:inline; width:32.22%; padding:4px} .timeline_popup_info03 li img {width:118px; height:118px} .timeline_popup_info04 {padding-top:60px} .timeline_popup_info04 h3 {font-size:36px; font-size:3.6rem} .timeline_popup_info04_movie iframe {min-height:500px} /* sitemap */ .wt_sitemap_area {width:100%;clear:both;border-top:#bb0f10 solid 10px;display:block;height:370px;} .wt_sitemap {padding-top:80px} .wt_sitemap>ul {width:996px; margin:0 auto} .wt_sitemap>ul>li {display:inline-block;zoom:1;*display:inline;vertical-align:top;top:0;padding-right:6.00%;} .wt_sitemap>ul>li.upperMenu_last {padding-right:0 !important} .wt_sitemap>ul>li.upperMenu_last a {color:#d2181c} .wt_sitemap>ul>li.upperMenu_last a:hover {color:#fff} .wt_sitemap ul li {font-size:15px;font-size:1.5rem;line-height:25px} .wt_sitemap ul li.upperMenu {color:#d2181c;font-size:17px;font-size:1.7rem;text-transform:uppercase;} .wt_sitemap ul li a {color:#b6b6b6;} .wt_sitemap ul li a:hover {color:#fff} }