body { user-select: none; /* padrão moderno */ -webkit-user-select: none; /* Chrome, Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge antigo */ } /* reset */ body { margin:0; padding:0; background-color:#000000; } #wrap, input, button, select, textarea { font-family:Arial,Tahoma, serif; font-size:12px; line-height:1.25em; color:#c2bd8e; } fieldset, legend { border:0; border:none; } img { border:0; border:none;} /* base */ a { color:#707070; text-decoration:none; } a:hover,a:focus { color:#f96900; } a.anchor { color:#ea803e; text-decoration:underline; } a.anchor:hover,a.anchor:focus { color:#ea803e; } .bold { font-weight:bold; } .normal { font-weight:normal; } .hand { cursor:pointer; } .underline { text-decoration:underline; } .rf { float:right; } .lf { float:left; } .cBoth { zoom:1 } .cBoth:after{ content:""; clear:both; display:block;} .blind, legend { position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden} caption{visibility:hidden; width:0; height:0; padding:0; margin:0;} .hide{display:none} .inputText { border:1px solid #c79200; background-color:#fffeeb; } /* .labelType { display:block; font-family:"Times New Roman", Times, serif; font-size:18px; color:#ff5a00; line-height:1.25em; } */ .textareaType01 { border:1px solid #c79200; background-color:#fffeeb; } .txtRt { text-align:right; } .txtCt { text-align:center; } .txtJt { text-align:justify; } .vMid { vertical-align:middle; } .vTop { vertical-align:top; } .tm7 { margin-top:7px !important; } .bm8 { margin-bottom:8px !important; } .pdt30 { padding-top:38px !important; } /* common layout */ #wrap { position:relative; margin:0; padding:0; width:100%; overflow:hidden; } #header { position:relative; margin:0; width:977px; height:258px; } #container { margin:0; padding:0; width:977px; } #footer { margin:0; padding:0; width:977px; } #content { position:relative; margin:0; padding:0 0 0 0; width:977px; } #content:after{ content:""; clear:both; display:block;} .bodyBGLeft { position:absolute; right:50%; top:0px; margin:0 489px 0 0; padding:0; width:50%; height:901px; background:url('../img/bg_body_leftBG.png') no-repeat right top; } .bodyBGRight { position:absolute; right:0px; top:0px; margin:0; padding:0; width:50%; height:901px; background:url('../img/bg_body_rightBG.png') no-repeat 489px top; } .bodyLayoutCenter { margin:0; padding:0; background:url('../img/bg_body_allBG.png') no-repeat center top; } .bodyContainer { position:relative; margin:0 auto; padding:0; width:977px; background:url('../img/bg_body_centerBG.png') no-repeat left top; } .engContainer { position:relative; margin:0 auto; padding:0; width:977px; background:url('../img/eng.png') no-repeat left top; } .article_left { float:left; margin:0; padding:263px 0 0 0; width:252px; } .article_right { float:right; margin:0; padding:0; width:718px; } .article_center { clear:both; margin:0 0 0 0; padding:8px 0 0 0; width:977px; } .article_outline { position:relative; margin:0; padding:1px; border:1px solid #231b06; background-color:#9c954f; } .article_outline .innerBox { margin:0; padding:0 0 85px 0; min-height:793px; border:1px solid #231b06; background-color:#18130c; } .article_outline .innerBox2 { margin:0; padding:0 0 85px 0; min-height:793px; border:1px solid #231b06; background-color:#1d1a15; } .article_outline .innerBox3 { margin:0; padding:0; height:249px; border:1px solid #231b06; background-color:#1d1a15; } .article_outline .contentwrap { margin:0; padding:30px 19px 0 19px; border-top:1px solid #000000; } .section_outline { position:relative; margin:0; padding:1px; border:1px solid #231b06; background-color:#9e9852; } .section_outline .innerBox { margin:0; padding:0; border:1px solid #231b06; background-color:#151305; } .section_outline2 { position:relative; margin:0; padding:1px; border:1px solid #9c954f; background-color:#645a2a; } .section_outline2 .innerBox { margin:0; padding:0; border:1px solid #141405; background-color:#151305; } .section_outline3 { position:relative; margin:0; padding:1px; border:1px solid #1e1400; background-color:#a09546; } .section_outline3 .innerBox { margin:0; padding:1px; border:1px solid #1e1400; background-color:#ba9946; } /* Login css */ #LoginArea { position:absolute; left:0px; top:184px; z-index:100; } #LoginArea .innerBox { position:relative; margin:0; padding:0; } #LoginArea .joinUser { margin:4px 0 0 31px; padding:0; width:68px; height:68px; } #LoginArea .join_characterName { position:absolute; left:105px; top:0px; padding:10px 20px; width:100px; height:44px; background:url('../img/bg/bg_login_characterName_box.png') no-repeat left top; overflow:hidden; } #LoginArea .join_characterName p { margin:0; padding:0; font-size:17px; font-weight:bold; color:#eef951; line-height:14px; } #LoginArea .join_characterName p span { font-family:Tahoma; font-size:12px; font-weight:normal; color:#faf7d4; } #LoginArea .btn_gameplay { margin:15px 0 0 10px; padding:0; } #LoginArea .btn_gameplay a { display:block; text-align:center; } .loginBox { margin:0; padding:0; } .loginoutBox { margin:0; padding:0; } /* header css */ #header h1 { margin:0 auto 0 auto; padding:20px 0 0 0; width:231px; } #header h1 a { display:block; width:231px; height:147px; } #gnb { margin:20px 0 0 260px; padding:0; width:716px; } #gnb ul { margin:0; padding:6px 0 0 0; list-style:none; height:63px; word-spacing:-4px; letter-spacing:-4px; } #gnb ul li { display:inline-block; margin:0; padding:0; line-height:56px; word-spacing:normal; letter-spacing:normal; overflow:hidden; } #gnb ul li.home { width:98px; } #gnb ul li.gameguide { width:140px; } #gnb ul li.community { width:135px; } #gnb ul li.itemshop { width:127px; } #gnb ul li.media { width:92px; } #gnb ul li.support { width:124px; } #gnb ul li a { display:block; height:63px; font-size:17px; color:#fcfd8a; text-align:center; } #gnb ul li a:hover { color:#e2aa23; } #gnb ul li a.on { color:#e2aa23; } #gnb:after { content:""; display:block; clear:both; } *:first-child+html #gnb ul li { display:inline; } .lnb { position:absolute; left:259px; top:251px; width:718px; padding-top:-10px; z-index:100; overflow:hidden; } .lnb .innerMid { position:relative; margin:0; padding:0; background:url('../img/bg/bg_lnb_bgMid.png') repeat-y left top; overflow:hidden; } .lnb .innerTop { position:relative; margin:0; padding:0 0 0 0; min-height:180px; background:url('../img/bg/bg_lnb_bgTop.png') no-repeat left top; word-spacing:-4px; letter-spacing:-4px; overflow:hidden; } .lnb .innerBtm { margin:0; padding:0; height:25px; background:url('../img/bg/bg_lnb_bgBtm.png') no-repeat left top; } .lnb_directory { display:inline-block; margin:0; padding:0 0 0 3px; background:url('../img/bg/bg_lnb_crossbar.png') no-repeat left top; vertical-align:top; word-spacing:normal; letter-spacing:normal; } .lnb_directory.gameguide { margin-left:98px; width:138px; } .lnb_directory.community { width:132px; } .lnb_directory.itemshop { width:124px; } .lnb_directory.media { width:89px; } .lnb_directory.support { width:120px; } .lnb_directory dl { margin:0 0 0 0; padding:10px 0 0 0; min-height:233px; } .lnb_directory dl:hover, .lnb_directory dl.on { background:url('../img/bg/bg_lnb_dirHover.png') repeat-x left top; } .lnb_directory dl dt { margin:0; padding:0; text-align:center; } .lnb_directory dl dd { margin:0; padding:0; text-align:center; } .lnb_directory dl dd a { display:block; height:22px; line-height:22px; font-family:Tahoma; font-size:11px; color:#6a5d43; overflow:hidden; } .lnb_directory dl dd a:hover { color:#f8fa2a; } *:first-child+html .lnb_directory { display:inline; } .sitemap {background-color: #FFFFFF;margin: 0;overflow: hidden;padding-bottom: 10px;position: relative;text-align: center;} .sitemap dl { margin:0; padding:0 20px 0 20px; width:136px; display:inline-block; vertical-align:top; } *:first-child+html .sitemap dl { display:inline; zoom:1; } .sitemap dl dt { margin:0 0 13px 0; padding:0; height:44px; font-family:Tahoma,Arial,Verdana; font-size:14px; font-weight:bold; color:#333 !important; text-align:left; line-height:44px; } .sitemap dl dt a { font-family:Tahoma,Arial,Verdana; font-size:14px; font-weight:bold; color:#333 !important; } .sitemap dl dd { margin:0; padding:1px 0 0 0; font-family:Tahoma,Arial,Verdana; font-size:12px; color:#888; text-align:left; } .sitemap dl dd a { margin:0; padding:0 0 0 9px; font-size:12px; color:#888; background:url('../img/icon/icon_sprite_arrow.png') no-repeat -21px -529px; } .sitemap dl dd a:hover { font-size:12px; color:#888; background:url('../img/icon/icon_sprite_arrow.png') no-repeat -21px -529px;text-decoration:underline;} /* footer css */ .footerMenu { position:relative; margin:0; padding:13px 15px 40px 15px; overflow:hidden; } .footerLogo { position:absolute; left:28px; top:21px; margin:0; padding:0; width:116px; height:38px; background:url('../img/icon/webzen_116x38.png') no-repeat left top; text-indent:-5000px; } .footerLogo a { display:block; width:116px; height:38px; } .util_menu { margin:10px 0 0 0; padding:0; text-align:center; } .util_menu ul { margin:0; padding:0; word-spacing:-4px; letter-spacing:-4px; list-style:none; } .util_menu ul li { display:inline-block; margin:0; padding:0 8px; word-spacing:normal; letter-spacing:normal; background:url('../img/bullet/bullet_footer_utilMenu_line.gif') no-repeat left 6px; line-height:1.25em; list-style:none; } .util_menu ul li.first { background:none; } *:first-child+html .util_menu ul li { display:inline; zoom:1; background-position:0 7px; } .util_menu ul li a { font-family:Tahoma, Arial, serif; font-size:11px; color:#484128; text-transform:uppercase; } .util_menu ul li a:hover { color:#7b632f; } .copyright { margin:5px 0 0 0; padding:0; font-family:Tahoma, Arial, serif; font-size:11px; color:#484128; text-transform:uppercase; text-align:center; } .serviceLogo { position:absolute; margin:0; padding:0; right:28px; top:15px; text-align:right; } .serviceLogo a { display:inline-block; width:120px; height:32px; } /* headingType*/ .headingType01 { font-family:Arial, Tahoma, serif; font-size:18px; color:#dfd7a4; line-height:1.25em; } .headingType02 { font-family:Arial, Tahoma, serif; font-size:17px; color:#dfd7a4; line-height:1.25em; } .headingType03 { font-family:Arial, Tahoma, serif; font-size:16px; color:#dfd7a4; line-height:1.25em; } .headingType04 { font-family:Arial, Tahoma, serif; font-size:15px; color:#dfd7a4; line-height:1.25em; } .headingType05 { font-family:Arial, Tahoma, serif; font-size:15px; color:#b2ec1e; line-height:1.25em; } .headingType06 { font-family:Arial, Tahoma, serif; font-size:14px; color:#dfd7a4; line-height:1.25em; } .headingType07 { font-family:Tahoma, serif; font-size:13px; color:#777d19; line-height:1.25em; } .headingType08 { font-family:Arial, Tahoma, serif; font-size:15px; color:#f2ca11; line-height:1.25em; } /* arms pattern css */ .pattern_lt { position:absolute; left:-1px; top:-1px; width:18px; height:18px; background:url('../img/icon/icon_arms1.png') no-repeat left top; } .pattern_rt { position:absolute; right:-1px; top:-1px; width:8px; height:8px; background:url('../img/icon/icon_arms2.png') no-repeat left top; } .pattern_lb { position:absolute; left:-1px; bottom:-1px; width:8px; height:8px; background:url('../img/icon/icon_arms3.png') no-repeat left top; } .pattern_rb { position:absolute; right:-1px; bottom:-1px; width:18px; height:18px; background:url('../img/icon/icon_arms4.png') no-repeat left top; } /* paging */ .paging { margin:0; padding:55px 0 0 0; text-align:center; word-spacing:-4px; letter-spacing:-4px; } .paging a { display:inline-block; _position:relative; margin:0 2px 0 1px; padding:0; width:26px; height:26px; border:1px solid #4a3216; background:#372616; color:#a58d41; font-family:Tahoma; font-size:12px; line-height:26px; text-decoration:none; overflow:hidden; word-spacing:normal; letter-spacing:normal; } .paging a:hover { color:#eafc89; border:1px solid #b06023; background:#844218; } .paging a.prev { font-family:Verdana; padding:0 11px 0 19px; background:#372616 url('../img/bullet/bg_bullet_pagingL1.gif') no-repeat left center; } .paging a.prev:hover { color:#eafc89; border:1px solid #b06023; background:#844218 url('../img/bullet/bg_bullet_pagingL1.gif') no-repeat left center; } .paging a.next { font-family:Verdana; padding:0 21px 0 9px; background:#372616 url('../img/bullet/bg_bullet_pagingR1.gif') no-repeat right center; } .paging a.next:hover { color:#eafc89; border:1px solid #b06023; background:#844218 url('../img/bullet/bg_bullet_pagingR1.gif') no-repeat right center; } .paging strong { display:inline-block; _position:relative; margin:0 2px 0 1px; padding:0; width:26px; height:26px; border:1px solid #b06023; background:#844218; color:#eafc89; font-size:12px; font-weight:normal; line-height:26px; text-decoration:none; overflow:hidden; word-spacing:normal; letter-spacing:normal; } /* */ .titlebox { position:relative; margin:0 0 10px 0; padding:0; } /* */ .btntype1 { margin:0; padding:0; } .btntype1 a { display:inline-block; margin:0; padding:3px 18px 3px 11px; font-family:Verdana; font-size:11px; color:#d8d386; border:1px solid #673c0b; background:#462b0a url('../img/bullet/bg_bullet_arrowR1.gif') no-repeat right center; } .btntype1 a:hover { border:1px solid #98570b; } .btntype1L { margin:0; padding:0; } .btntype1L a { display:inline-block; margin:0; padding:3px 11px 3px 20px; font-family:Verdana; font-size:11px; color:#d8d386; border:1px solid #673c0b; background:#462b0a url('../img/bullet/bg_bullet_arrowL1.gif') no-repeat left center; } .btntype1L a:hover { border:1px solid #98570b; } .btntype2 { margin:0; padding:0; } .btntype2 a { display:inline-block; padding:0; font-family:Tahoma; font-size:11px; color:#d8d386; text-align:center; border:1px solid #173c2a; background-color:#0d2519; } .btntype2 a:hover { color:#d8d386; background-color:#0d2519; } .btntype3 { margin:0; padding:0; } .btntype3 a { display:inline-block; padding:0; font-family:Tahoma; font-size:11px; color:#d8d386; text-align:center; border:1px solid #782d10; background-color:#6e1b08; } .btntype3 a:hover { color:#d8d386; background-color:#6e1b08; } .btntype4 { margin:0; padding:0; } .btntype4 a { display:inline-block; padding:0; font-family:Tahoma; font-size:18px; color:#d8d386; text-align:center; border:1px solid #782d10; background:url('../img/bg/bg_btntype4_backimg.gif') no-repeat center center; } .btntype4 a:hover { color:#d8d386; } .btntype5 { margin:0; padding:0; } .btntype5 a { display:inline-block; padding:0; font-family:Arial; font-size:15px; color:#d8d386; text-align:center; border:1px solid #782d10; background-color:#6e1b08; } .btntype5 a:hover { border:1px solid #b13d02; } .btntype6 { margin:0; padding:0; } .btntype6 a { display:inline-block; padding:0; font-family:Arial; font-size:15px; color:#d8d386; text-align:center; border:1px solid #673c0b; background-color:#462b0a; } .btntype6 a:hover { border:1px solid #98570b; } .btntype7 { margin:0; padding:0; border:1px solid #110e08; } .btntype7 a { display:inline-block; padding:0; font-family:Verdana; font-size:11px; color:#d8d386; text-align:center; border:1px solid #673c0b; background-color:#462b0a; } .btntype7 a:hover { border:1px solid #98570b; } .btntypeHold_R { margin:0; padding:0; } .btntypeHold_R a { display:inline-block; margin:0; padding:3px 18px 3px 11px; font-family:Verdana; font-size:11px; color:#695c54; border:1px solid #423627; background:#30271c url('../img/bullet/bg_bullet_arrowR3.gif') no-repeat right center; } .btntypeHold_R a:hover { border:1px solid #423627; } .btntypeHold_L { margin:0; padding:0; } .btntypeHold_L a { display:inline-block; margin:0; padding:3px 11px 3px 20px; font-family:Verdana; font-size:11px; color:#695c54; border:1px solid #423627; background:#30271c url('../img/bullet/bg_bullet_arrowL2.gif') no-repeat left center; } .btntypeHold_L a:hover { border:1px solid #423627; } /* */ .tabtype1 { margin:0 0 13px 0; padding:0; overflow:hidden; } .tabtype1 ul { width:676px; margin:0 0 0 -1px; padding:0; list-style:none; overflow:hidden; } .tabtype1 ul li { float:left; margin:1px 0 0 0; padding:0 0 1px 0; border-bottom:1px solid #4f3e1f;} .tabtype1 ul li a { display:block; width:168px; height:31px; font-family:Arial; font-size:14px; color:#ac9d71; text-align:center; background:#332a22 none; line-height:31px; border-left:1px solid #000; } .tabtype1 ul li a:hover { color:#f2ca11; background:url('../img/bg/bg_tabtype1_on.gif') no-repeat left top; } .tabtype1 ul li a.on { color:#f2ca11; background:url('../img/bg/bg_tabtype1_on.gif') no-repeat left top; } .tabtype1 ul li a.font12 { font-size:12px; } .tabtype2 { margin:0; padding:0; overflow:hidden; } .tabtype2 ul { margin:0; padding:0; list-style:none; overflow:hidden;} .tabtype2 ul li { float:left; margin:0; padding:0; width:117px; } .tabtype2 ul li a { display:block; padding:6px 0 4px 0; height:15px; font-size:13px; color:#aa9c73; text-align:center; background:#2c231c url('../img/bg/bg_tabtype2_off.gif') repeat left bottom; } .tabtype2 ul li a:hover { color:#f1ca3f; background:#3d2510 url('../img/bg/bg_tabtype2_on.gif') repeat left top; } .tabtype2 ul li a.on { color:#f1ca3f; background:#3d2510 url('../img/bg/bg_tabtype2_on.gif') repeat left top; } .tabtype3 { margin:0; padding:0; border-top:1px solid #93550d; background-color:#522d08; overflow:hidden; } .tabtype3 ul { margin:0; padding:0; list-style:none; overflow:hidden; } .tabtype3 ul li { float:left; margin:0; padding:0 17px; height:30px; line-height:30px; background:url('../img/bg/bg_tab_crossline.gif') no-repeat left center; } .tabtype3 ul li.first { background:none; } .tabtype3 ul li a { font-size:12px; color:#d2b971; } .tabtype3 ul li a:hover { color:#f2ca11; } .tabtype3 ul li a.on { color:#f2ca11; } .tabtype4 { margin:0 0 13px 0; padding:0; overflow:hidden; } .tabtype4 ul { width:676px; margin:0 0 0 -1px; padding:0; list-style:none; overflow:hidden; } .tabtype4 ul li { float:left; margin:1px 0 0 0; padding:0 0 1px 0; border-bottom:1px solid #4f3e1f;} .tabtype4 ul li a { display:block; width:168px; height:31px; font-family:Arial; font-size:14px; color:#ac9d71; text-align:center; background:#332a22 none; line-height:31px; border-left:1px solid #000; } .tabtype4 ul li a:hover { color:#f2ca11; background:url('../img/bg/bg_tabtype1_on.gif') no-repeat left top; } .tabtype4 ul li a.on { color:#f2ca11; background:url('../img/bg/bg_tabtype1_on.gif') no-repeat left top; } .tabtype4 ul li a.font12 { font-size:12px; } /* */ dl.listType1 { position:relative; margin:0; padding:20px 0; border-bottom:1px solid #292210; zoom:1; } dl.listType1:after {content:""; display:block; clear:both;} dl.listType1 dt { margin:0; padding:0 0 7px 0; font-family:Arial, Tahoma, Arial Unicode MS, serif; font-size:16px; color:#f2ca11; text-transform:uppercase; } dl.listType1 dt a { color:#f2ca11; } dl.listType1 dt a:hover { color:#d0fb0a; } dl.listType1 dd { margin:0; padding:0; } dl.listType1 dd a{ font-family:Verdana, Arial, Tahoma, Arial Unicode MS, serif; color:#c2bd8e;} dl.listType1 dd a:hover { color:#dcd07c; } dl.listType1 .newsThumb { float:left; width:154px; } dl.listType1 .newsThumb img { width:144px; height:108px; border:1px solid #000000;} dl.listType1 .newsText { height:46px; overflow:hidden; } dl.listType1 .newsDate { padding:12px 0; font-size:11px; color:#615d42; } dl.listType1 .newsDate .active { font-size:11px; color:#615d42; cursor:pointer; } dl.listType1 .newsDate .active:hover { color:#ff4800; text-decoration:underline; } dl.listType1 .newsDate .active.on { color:#ff4800; text-decoration:underline; } dl.listType1 .btn_read { position:absolute; right:0px; bottom:23px; font-size:11px; color:#b17012; text-decoration:underline; } dl.listType1 a.btn_read { display:block; font-size:11px; color:#b17012; text-decoration:underline; } dl.listType1 a:hover.btn_read { color:#ff4800; } dl.end { padding-bottom:0px; border-bottom:0;} /* */ .featured_video { margin:0; padding:0; } .featured_video .conts { margin:0; padding:7px; background:#372211 url('../img/bg/bg_featured_video.jpg')no-repeat left top;; } .featured_video h3 { margin:0 0 6px 0; padding:0 0 0 2px; height:23px; line-height:23px; } .featured_video .video { margin:0; padding:0; border:1px solid #191000; } .expansion { margin:8px 0 0 0; padding:0; } .expansion .conts { margin:0; padding:1px; background-color:#000000; } .server_setTime { margin:8px 0 0 0; padding:0; } .server_setTime p { margin:0; padding: 0px; height: 26x; color:#787f40; line-height:26px; text-align:center; background:url('../img/bg/bg_pattern_cross.png') repeat left top; } .server_setTime p span { color:#c77e20; } /* 유저 로그인 영역 캐릭터 정보 */ .user_character { margin:0; padding:0; } .user_character .conts { position:relative; margin:0; padding:0; background-color:#000; } .user_character h3 { margin:0; padding:0 9px; height:32px; line-height:32px; border-bottom:1px solid #4d3b0f; background-color:#372211; } .user_character .character_health { margin:0; padding:4px 6px; border-bottom:1px solid #2d2007; background-color:#261903; } .user_character .character_health:after { content:""; display:block; clear:both; } .user_character .character_health .thumb { float:left; margin:0; padding:0; width:45px; height:45px; border:1px solid #322d16; } .user_character .character_health .health { float:right; margin:0; padding:0; width:178px; } .user_character .character_health .health ul { margin:0; padding:0; list-style:none; } .user_character .character_health .health ul li { margin:0; padding:0; word-spacing:-4px; letter-spacing:-4px; } .user_character .character_health .health ul li span { display:inline-block; word-spacing:normal; letter-spacing:normal; vertical-align:middle; } .user_character .character_health .health ul li .text { width:20px; font-size:10px; color:#605d46; } .user_character .character_health .health ul li .graph1 { width:157px; height:10px; border-left:1px solid #982d33; border-top:1px solid #982d33; border-bottom:1px solid #1d1608; background-color:#6a021d; text-align:center; } .user_character .character_health .health ul li .graph2 { width:157px; height:10px; border-left:1px solid #234483; border-top:1px solid #234483; border-bottom:1px solid #1d1608; background-color:#102652; text-align:center; } .user_character .character_health .health ul li .graph3 { width:157px; height:10px; border-left:1px solid #4f8634; border-top:1px solid #4f8634; border-bottom:1px solid #1d1608; background-color:#285219; text-align:center; } .user_character .character_health .health ul li .data { margin-top:-3px; height:10px; font-size:10px; color:#e5edca; } .user_character .character_infor { margin:0; padding:0; } .user_character .character_infor ul { margin:0; padding:6px; list-style:none; } .user_character .character_infor ul li { margin:0; padding:0 0 3px 0; font-size:10px; color:#605d46; } .user_character .character_infor ul li .level { float:left; margin-bottom:5px; font-size:13px; font-weight:bold; color:#f1ca3f; } .user_character .character_infor ul li .profile { float:right; color:#8c9531; } .user_character .character_infor ul li .profile a { color:#8c9531; text-decoration:underline; } .user_character .character_infor ul li .profile a:hover { color:#aecd02; } .user_character .character_infor ul li strong { font-weight:normal; color:#559f2c; } .user_character .character_infor ul li:after { content:""; display:block; clear:both; } .user_character .game_point { margin:0; padding:0; border-top:1px solid #2d2007; border-bottom:1px solid #4d3b0f; background-color:#170e02; } .user_character .game_point ul { margin:0; padding:6px; list-style:none; } .user_character .game_point ul li { margin:0; padding:2px 0; font-size:10px; color:#605d46; } .user_character .game_point ul li span { width:50%; } .user_character .game_point ul li strong { font-weight:normal; color:#d8d082; } .user_character .game_point ul li strong.yellow { font-weight:normal; color:#f1ca3f; } .user_character .game_pointDetail { margin:0; padding:6px; border-top:1px solid #312512; border-bottom:1px solid #4f3e1c; background-color:#1d1607; overflow:hidden; } .user_character .game_pointDetail .detail_view { margin:0; padding:0; border:1px solid #643c19; border-top:0px; background-color:#181405; } .user_character .game_pointDetail .detail_view table { width:100%; border-collapse:collapse; border-spacing:0px; } .user_character .game_pointDetail .detail_view table tbody tr td { padding:7px 10px 5px 10px; border-left:1px solid #251d16; border-bottom:1px solid #251d16; font-size:10px; font-weight:normal; color:#605d46; } .user_character .game_pointDetail .detail_view table tbody tr td:first-child { border-left:0px; } .user_character .game_pointDetail .detail_view table tbody tr td.end { border-bottom:0px; } .user_character .btn_arrowMore { margin:0; padding:0; border-top:1px solid #000000; background-color:#151305; } .user_character .btn_arrowMore a { display:block; height:20px; background:url('../img/bullet/bg_arrow_down.gif') no-repeat center center; text-indent:-5000px; } /* .user_character .btn_arrowMore a:hover, */.user_character .btn_arrowMore.on a { background:url('../img/bullet/bg_arrow_up.gif') no-repeat center center; } .user_character .conts .character_how { position:absolute; right:0px; top:0px; } .user_character .conts .character_how .positionbox { position:relative; margin:0; padding:32px 0 0 0; } .user_character .conts .character_how .btn { position:absolute; right:0px; top:0px; margin:0; padding:0; } .user_character .conts .character_how .btn a { display:block; width:35px; height:32px; background:url('../img/bullet/bg_arrow_down.gif') no-repeat center center; text-indent:-5000px; } .user_character .conts .character_how .btn a.on { background:url('../img/bullet/bg_bullet_backarrow_on.gif') no-repeat left top; } .user_character .conts .character_how .list { position:absolute; right:0px; top:32px; margin:0; padding:0; width:188px; background:url('../img/bg/bg_box_corp_mid.gif?20120711') repeat-y left top; } .user_character .conts .character_how .list .lineTop { margin:0; padding:0; width:188px; height:2px; background:url('../img/bg/bg_box_corp_top.gif?20120711') no-repeat left top; overflow:hidden; } .user_character .conts .character_how .list .lineBtm { margin:0; padding:0; width:188px; height:2px; background:url('../img/bg/bg_box_corp_btm.gif?20120711') no-repeat left top; overflow:hidden; } .user_character .conts .character_how .list ul { margin:2px 4px 4px 0; padding:7px 10px 7px 10px; list-style:none; } .user_character .conts .character_how .list ul li { margin:0; padding:3px 0; } .user_character .conts .character_how .list ul li a { color:#d8d082; } .user_character .conts .character_how .list ul li a:hover { color:#fce738; } /* */ .aside_event { margin:5px 0 0 0; padding:0; } .aside_event.tm8 { margin-top:8px; } .aside_event .conts { margin:0; padding:0; background-color:#170e02; } .aside_event h3 { margin:0; padding:0 9px; height:32px; line-height:32px; border-bottom:1px solid #4d3b0f; background-color:#372211; } .aside_event ul { margin:0; padding:0; list-style:none; } .aside_event ul li { margin:0; padding:10px 10px 5px 10px; } .aside_event ul li.off { display:none; } .aside_event ul li.colorOverlay { background-color:#261903; } .aside_event ul li span { display:block; } .aside_event ul li .subject { padding-bottom:12px; font-size:13px; color:#c2bd8e; } .aside_event ul li .date { font-size:10px; color:#615d42; text-align:right; } .aside_event ul li .date strong { font-weight:normal; color:#f2ca11; } .aside_event ul li .subject:hover { color:#fce738; } .aside_event ul li .date strong:hover { color:#c77e20; } .aside_event .btn_arrowMore { margin:0; padding:0; border-top:1px solid #4d3b0f; background-color:#0e0b01; } .aside_event .btn_arrowMore a { display:block; height:20px; border-top:1px solid #000000; background:url('../img/bullet/bg_arrow_down.gif') no-repeat center center; text-indent:-5000px; } /* .aside_event .btn_arrowMore a:hover, */ .aside_event .btn_arrowMore a.on { background:url('../img/bullet/bg_arrow_up.gif') no-repeat center center; } .aside_event .btn_arrowMore_text { margin:0; padding:0; border-top:1px solid #4d3b0f; background-color:#0e0b01; } .aside_event .btn_arrowMore_text a { display:block; padding-right:15px; height:17px; line-height:17px; border-top:1px solid #000000; background:url('../img/bullet/bg_bullet_arrowR2.gif') no-repeat right center; font-size:11px; color:#7a7957; text-align:right; } .aside_event .btn_arrowMore_text a:hover { color:#dcd07c; } /* */ .aside_recentForum { margin:5px 0 0 0; padding:0; } .aside_recentForum.tm8 { margin-top:8px; } .aside_recentForum .conts { margin:0; padding:0; background-color:#170e02; } .aside_recentForum h3 { margin:0; padding:0 9px; height:32px; line-height:32px; border-bottom:1px solid #4d3b0f; background-color:#372211; } .aside_recentForum ul { margin:0; padding:0; list-style:none; } .aside_recentForum ul li { margin:0; padding:10px 10px 5px 10px; } .aside_recentForum ul li.off { display:none; } .aside_recentForum ul li.colorOverlay { background-color:#261903; } .aside_recentForum ul li span { display:block; } .aside_recentForum ul li .subject { padding-bottom:12px; font-size:13px; color:#c2bd8e; } .aside_recentForum ul li .date { font-size:10px; color:#615d42; text-align:right; } .aside_recentForum ul li .date strong { font-weight:normal; color:#f2ca11; } .aside_recentForum .btn_arrowMore { margin:0; padding:0; border-top:1px solid #4d3b0f; background-color:#0e0b01; } .aside_recentForum .btn_arrowMore a { display:block; height:20px; border-top:1px solid #000000; background:url('../img/bullet/bg_arrow_down.gif') no-repeat center center; text-indent:-5000px; } /* .aside_recentForum .btn_arrowMore a:hover, */.aside_recentForum .btn_arrowMore a.on { background:url('../img/bullet/bg_arrow_up.gif') no-repeat center center; } .aside_recentForum .btn_arrowMore_text { margin:0; padding:0; border-top:1px solid #4d3b0f; background-color:#0e0b01; } .aside_recentForum .btn_arrowMore_text a { display:block; padding-right:15px; height:17px; line-height:17px; border-top:1px solid #000000; background:url('../img/bullet/bg_bullet_arrowR2.gif') no-repeat right center; font-size:11px; color:#7a7957; text-align:right; } .aside_recentForum .btn_arrowMore_text a:hover { background:url('../img/bullet/bg_bullet_arrowR2.gif') no-repeat right center; } /* */ .aside_recent { margin:10px 0 0 0; padding:0; } .aside_recent .conts { margin:0; padding:0; background-color:#170e02; } .aside_recent h3 { margin:0; padding:0 9px; height:32px; line-height:32px; border-bottom:1px solid #4d3b0f; background-color:#372211; } .aside_recent ul { margin:0; padding:0; list-style:none; } .aside_recent ul li { margin:0; padding:4px; } .aside_recent ul li.off { display:none; } .aside_recent ul li.colorOverlay { background-color:#261903; } .aside_recent ul li:after { content:""; display:block; clear:both; } .aside_recent ul li .thumb { float:left; margin:0; padding:0; width:45px; height:45px; border:1px solid #241a07; overflow:hidden; } .aside_recent ul li p { float:right; margin:0; padding:5px 0 0 0; width:182px; } .aside_recent ul li span { display:block; } .aside_recent ul li .subject { position:relative; padding-bottom:10px; font-size:13px; color:#c2bd8e; } .aside_recent ul li .subject a{ position:relative; padding-bottom:10px; font-size:13px; color:#c2bd8e; } .aside_recent ul li .subject .cash { position:absolute; right:0px; top:0px; font-size:10px; color:#8c9531; } .aside_recent ul li .subject .cash a { font-size:10px; color:#8c9531; text-decoration:underline; } .aside_recent ul li .date { font-size:10px; color:#615d42; text-align:right; } .aside_recent ul li .date strong { font-weight:normal; color:#f2ca11; } .aside_recent ul li .subject a:hover { color:#fce738; } .aside_recent ul li .subject .cash a:hover { color:#aecd02; } .aside_recent ul li .date strong:hover { color:#c77e20; } .aside_recent .btn_arrowMore { margin:0; padding:0; border-top:1px solid #4d3b0f; background-color:#0e0b01; } .aside_recent .btn_arrowMore a { display:block; height:20px; border-top:1px solid #000000; background:url('../img/bullet/bg_arrow_down.gif') no-repeat center center; text-indent:-5000px; } /* .aside_recent .btn_arrowMore a:hover, */.aside_recent .btn_arrowMore a.on { background:url('../img/bullet/bg_arrow_up.gif') no-repeat center center; } .aside_recent ul li .nullmessage { position:relative; font-size:11px; color:#c2bd8e; font-family:Arial; } /* */ .aside_snsRead { margin:10px 0 0 0; padding:0; } .aside_snsRead.tm8 { margin-top:8px; } .aside_snsRead .conts { margin:0; padding:0; background-color:#1d1607; } .aside_snsRead h3 { margin:0; padding:0; height:47px; background:url('../img/bg/bg_sns_title.gif') no-repeat left top; } .aside_snsRead h3 ul { margin:0 auto 0 auto; padding:6px 0 0 0; width:100px; list-style:none; word-spacing:-4px; letter-spacing:-4px; } .aside_snsRead h3 ul li { display:inline-block; margin:0; padding:0 8px; text-align:center; word-spacing:normal; letter-spacing:normal; } .aside_snsRead h3 ul li a.facebook { display:block; width:32px; height:32px; background:url('../img/icon/icon_sns_facebook.png') no-repeat left top; text-indent:-5000px; } .aside_snsRead h3 ul li a.discord { display:block; width:32px; height:32px; background:url('../img/icon/icon_sns_discord.png') no-repeat left top; text-indent:-5000px; } *:first-child+html .aside_snsRead h3 ul li { display:inline; } /* */ .aside_ranking { margin:10px 0 0 0; padding:0; } .aside_ranking .conts { margin:0; padding:0; background-color:#2b1c07; } .aside_ranking h3 { margin:0; padding:0 9px; height:32px; line-height:32px; border-bottom:1px solid #4d3b0f; background-color:#372211; } .aside_ranking table { width:100%; border-collapse:collapse; border-spacing:0px; } .aside_ranking table thead tr th { padding:7px 5px 5px 5px; border-top:1px solid #000000; border-bottom:1px solid #130a01; background-color:#211406; font-weight:bold; color:#f2ca11; text-align:center; } .aside_ranking table tbody tr td { padding:7px 5px 5px 5px; background-color:#302211; color:#e7e3c2; text-align:center; } .aside_ranking table tbody tr td p { margin:0; padding:0; text-align:left; } .aside_ranking table tbody tr td.colorOverlay { background-color:#211406; } .aside_ranking .btn_arrowMore { margin:0; padding:0; border-top:1px solid #4d3b0f; background-color:#0e0b01; } .aside_ranking .btn_arrowMore a { display:block; padding-right:15px; height:17px; line-height:17px; border-top:1px solid #000000; background:url('../img/bullet/bg_bullet_arrowR2.gif') no-repeat right center; font-size:11px; color:#7a7957; text-align:right; } .aside_ranking .btn_arrowMore a:hover { color:#dcd07c; } /* */ .bannerBox { margin:8px 0 0 0; padding:0; } .bannerBox .conts { margin:0; padding:0; background-color:#170e02; } /* */ .btnbox1 { margin:0; padding:0; } /* snb */ .snb { margin:0 0 0 0; padding:0; } .snb .conts { margin:0; padding:0; background-color:#211306; } .snb h3 { margin:0; padding:0 10px; height:37px; line-height:37px; background:url('../img/bg/bg_h3_title.jpg') no-repeat left top; border-bottom:1px solid #5c3b23; } .snb ul { margin:0; padding:0; list-style:none; } .snb ul li { margin:0; padding:12px 12px 10px 12px; border-bottom:1px solid #32230c; } .snb ul li.last { border-bottom:0px; } .snb ul li a { font-size:15px; color:#8c8653; } .snb ul li a:hover { color:#f2ca11; } .snb ul li a.on { color:#f2ca11; } /* */ .catagory_title { position:relative; margin:0; padding:0 20px; height:41px; background-color:#211406; border-bottom:1px solid #271e08; } .catagory_title h3 { margin:0; padding:0; line-height:41px; } /* */ .location { position:absolute; right:12px; top:12px; } .location ul { margin:0; padding:0; list-style:none; } .location ul li { float:left; margin:0; padding:0 8px 0 10px; font-size:11px; color:#615d42; background:url('../img/bullet/bg_bullet_arrow_location.gif') no-repeat left center; } .location ul li.one { background:none; } .location ul li a { font-size:11px; color:#615d42; } .location ul li a:hover { color:#f2ca11; } .location ul li a.on { color:#f2ca11; } /*selectBox*/ .selectForm { display:inline-block; display:inline; zoom:1; z-index:50000; font-family:Tahoma; font-size:11px; color:#d8d386; border:1px solid #685938; vertical-align:top; line-height:18px; background:#18130c; position:relative; } .selectForm .selected { display:inline-block; margin:0 2px 0 7px; padding-right:28px; background:url('../img/bg/bg_select_bullet.gif') no-repeat right 0px; cursor:pointer; } .selectForm .list { position:absolute; top:19px; left:-1px; display:block; padding:4px; border:1px solid #685938; border-top:none; background:#19150f; z-index:5000; } .selectForm .list a { display:block; padding:0 1px; color:#685938; line-height:20px; } .selectForm .list a:hover { color:#d8d386; } .selectForm2 { display:inline-block; display:inline; zoom:1; z-index:50000; font-family:Tahoma; font-size:11px; color:#c2bd8e; border:1px solid #685938; vertical-align:top; line-height:24px; background:#261e12; position:relative; } .selectForm2 .selected { display:inline-block; margin:0 2px 0 7px; padding-right:28px; background:url('../img/bg/bg_select_bullet2.gif') no-repeat right 0px; cursor:pointer; } .selectForm2 .list { position:absolute; top:25px; left:-1px; display:block; padding:6px 4px; border:1px solid #685938; border-top:none; background:#261e12; z-index:5000; } .selectForm2 .list a { display:block; padding:0 1px; color:#c2bd8e; line-height:24px; } .selectForm2 .list a:hover { color:#d8d386; } .selectForm3 { display:inline-block; display:inline; zoom:1; z-index:50000; font-family:Tahoma; font-size:11px; color:#c2bd8e; border:1px solid #685938; vertical-align:top; line-height:18px; background:#261e12; position:relative; } .selectForm3 .selected { display:inline-block; margin:0 2px 0 7px; padding-right:28px; background:url('../img/button/btn_select_down.gif') no-repeat right 2px; cursor:pointer; } .selectForm3 .list { position:absolute; top:19px; left:-1px; display:block; padding:6px 4px; border:1px solid #685938; border-top:none; background:#261e12; z-index:5000; } .selectForm3 .list a { display:block; padding:0 1px; color:#c2bd8e; line-height:24px; } .selectForm3 .list a:hover { color:#d8d386; } /* */ .guideFrames { margin:0; padding:0; border:0px; } .guideFrames h3 { margin:0; padding:0 16px; height:33px; line-height:33px; font-weight:normal; } .guideFrames h3 a { color:#f2ca11; } .guideFrames .conts { margin:0; padding:20px 15px; min-height:94px; } /* layer popup box type */ .mask {z-index:500;position:absolute;top:0px;background:#000;opacity:0.5;display:none;width:100%;} .layerpop {z-index:501;position:absolute;display:none;} .mlpopup {width:100%;height:100%;border:0px;} .popuptype_layer1 { padding:3px; width:400px; border:1px solid #bd721b; background-color:#39220b; position:absolute; z-index:3000;} .popuptype_layer1 .innerBox { position:relative; margin:0; padding:0; background-color:#181410; } .popuptype_layer1 .innerBox .conts { margin:0; padding:0; overflow:hidden; } .popuptype_layer1 .innerBox .layerBtn { margin:0; padding:15px 0 15px 0; text-align:center; background-color:#261f18; } .popuptype_layer1 .innerBox .layerBtn a { width:90px; height:24px; line-height:24px; } .popuptype_layer1 .btn_iconClose { position:absolute; right:7px; top:8px; } .popuptype_layer1 .btn_iconClose a { display:block; width:14px; height:14px; background:url('../img/button/btn_close_x.gif') no-repeat left top; text-indent:-5000px; } .popuptype_layer1 .message { margin:0; padding:55px 0 0 0; height:95px; } .popuptype_layer1 .message p { margin:0; padding:0; text-align:center; font-family:Arial; font-size:13px; color:#81765c; } .popuptype_layer1 .message p span { display:block; } .popuptype_layer1 .message p .subject { font-size:23px; color:#f2ca11; } .popuptype_layer1 .message p .summary { margin-top:12px; } .popuptype_layer1 .message p .summary strong { font-weight:normal; color:#f2ca11; } .popuptype_layer2 { margin:0; padding:0; width:659px; border:1px solid #bd721b; background-color:#261f18; } .popuptype_layer2 .innerBox { position:relative; margin:0; padding:0; background-color:#181410; } .popuptype_layer2 .innerBox .conts { margin:0; padding:23px 22px 23px 22px; font-family:Arial; font-size:12px; color:#81765c; overflow:hidden; } .popuptype_layer2 .layerBtn { margin:0; padding:15px 0 15px 0; text-align:center; background-color:#261f18; } .popuptype_layer2 .layerBtn a { width:90px; height:24px; line-height:24px; } .popuptype_layer2 .btn_iconClose { position:absolute; right:7px; top:8px; } .popuptype_layer2 .btn_iconClose a { display:block; width:14px; height:14px; background:url('../img/button/btn_close_x.gif') no-repeat left top; text-indent:-5000px; } .popuptype_layer2 .message { margin:0; padding:10px 0 0 0; } .popuptype_layer2 .message p { margin:0; padding:0; text-align:center; font-family:Arial; font-size:12px; color:#81765c; } .popuptype_layer2 .message p span { display:block; } .popuptype_layer2 .message p .subject { font-size:23px; color:#f2ca11; } .popuptype_layer2 .message p .summary { margin-top:12px; text-align:center; } .popuptype_layer2 .message p .summary strong { font-weight:normal; color:#f2ca11; } .popuptype_layer3 { margin:0; padding:5px; width:674px; border:1px solid #bd721b; background-color:#261f18; z-index:3000; } .popuptype_layer3 .innerBox { position:relative; margin:0; padding:0; background-color:#181410; } .popuptype_layer3 .innerBox .conts { margin:0; padding:0; font-family:Arial; font-size:12px; color:#81765c; overflow:hidden; } .popuptype_layer3 .layerBtn { margin:0; padding:15px 0 15px 0; text-align:center; background-color:#261f18; } .popuptype_layer3 .layerBtn a { width:90px; height:24px; line-height:24px; } .popuptype_layer3 .btn_iconClose { position:absolute; right:7px; top:10px; } .popuptype_layer3 .btn_iconClose a { display:block; width:14px; height:14px; background:url('../img/button/btn_close_x.gif') no-repeat left top; text-indent:-5000px; z-index:10; } .fb_iframe_widget iframe{width: 246px !important;} .alert { padding: 15px 20px; border-radius: 8px; text-align: center; /* Centraliza o texto */ font-weight: bold; font-size: 16px; margin: 10px 0; } /* Estilo de sucesso */ .alert-success { background-color: #d4edda; /* verde claro */ color: #155724; /* verde escuro no texto */ border: 1px solid #c3e6cb; } /* Estilo de erro/perigo */ .alert-danger { background-color: #f8d7da; /* vermelho claro */ color: #721c24; /* vermelho escuro no texto */ border: 1px solid #f5c6cb; } .alert2 { padding: 15px 20px; text-align: center; /* Centraliza o texto */ font-weight: bold; font-size: 16px; } /* Estilo de sucesso */ .alert2-success { color: #155724; /* verde escuro no texto */ } /* Estilo de erro/perigo */ .alert2-danger { color: #721c24; /* vermelho escuro no texto */ } .EditCode { width: 70%; font-size: 16px; outline: none; transition: border-color 0.3s; border:1px solid #d8d082; background:#201d13; color:#c2bd8e; text-align: center; } .EditCode:focus { border-color: #f0ad4e; box-shadow: 0 0 5px rgba(240, 173, 78, 0.5); } .EditSelect { width: 70%; font-size: 16px; outline: none; transition: border-color 0.3s; border: 1px solid #d8d082; background: #201d13; color: #c2bd8e; text-align: center; text-align-last: center; cursor: pointer; padding: 2px; } .EditSelect:focus { border-color: #f0ad4e; box-shadow: 0 0 5px rgba(240, 173, 78, 0.5); } .EditSelect option { background: #201d13; color: #c2bd8e; text-align: center; } .form-styled { display: flex; flex-direction: column; align-items: center; gap: 12px; } .form-styled span { font-weight: bold; color: #c2bd8e; } .EditButton { width: 40%; padding: 10px; font-size: 16px; font-weight: bold; border: 1px solid #d8d082; background: #201d13; color: #c2bd8e; text-align: center; cursor: pointer; border-radius: 4px; transition: all 0.3s ease; } .EditButton:hover { background: #2a2619; border-color: #f0ad4e; color: #f0ad4e; box-shadow: 0 0 5px rgba(240, 173, 78, 0.5); } .google-btn { width: 250px; /* 👈 largura fixa */ align-items: center; padding: 10px 15px; border: 1px solid #ccc; background-color: white; color: #444; font-family: sans-serif; font-size: 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.2s ease; } .google-btn:hover { background-color:rgb(217, 244, 255); } .google-icon { height: 18px; } .coinbadge p { display: flex; justify-content: space-between; /* mantém o valor à direita */ align-items: center; /* alinha verticalmente o ícone e o texto */ padding: 12px 6px; margin: 0; } .coin-item { display: flex; align-items: center; /* deixa o ícone e texto alinhados verticalmente */ gap: 4px; /* espaço entre ícone e texto */ } .itemlist a { display: block; color: #fff; background-color: #37220b; padding: 10px; margin: 5px 0; text-decoration: none; transition: background 0.3s; } .itemlist a:hover { background-color: #643c15; } /* Fundo escuro e transparente cobrindo toda a tela */ .modal.fade { display: none; /* será exibido via JS */ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; /* sempre acima de todo conteúdo */ } /* Modal centralizada */ .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* centraliza exatamente */ max-width: 500px; width: 90%; } /* Conteúdo interno */ .modal-content { background-color: #37220b; padding: 20px; position: relative; font-family: Arial, sans-serif; } /* Input e botão */ #accessPanelKey { width: 100%; font-size: 16px; border: 1px solid #ccc; outline: none; transition: border-color 0.3s; } #accessPanelKey:focus { border-color: #f0ad4e; box-shadow: 0 0 5px rgba(240, 173, 78, 0.5); } .WindowButtom { display: inline-block; padding: 10px 20px; background-color: #f0ad4e; color: #fff; border: none; cursor: pointer; font-weight: bold; transition: background 0.3s; margin-top: 25px; } .WindowButtom :hover { background-color: #ec971f; } .modal { display: none; position: fixed; top:0; left:0; width:100vw; height:100vh; background-color: rgba(0,0,0,0.5); z-index: 9999; } .modal-dialog { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:500px; width:90%; border:1px solid #93550d; } .video { width: 230px; /* largura fixa */ background-color: black; /* fundo preto */ display: flex; justify-content: center; /* centraliza horizontalmente */ align-items: center; /* centraliza verticalmente */ overflow: hidden; /* esconde excessos se houver */ } .video video { width: 230px; /* força largura fixa */ height: auto; /* altura proporcional */ display: block; object-fit: contain; /* mantém vídeo inteiro */ background-color: black; /* caso haja bordas verticais */ pointer-events: none; /* bloqueia interação do mouse */ }