@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 400;
  src: local("../styles/font/a1"), /* computer */
    url("../styles/font/a1.eot"), /* IE9 Compat Modes */
    url("../styles/font/a1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  
    url("../styles/font/a1.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a1.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 500;
  src: local("../styles/font/a2"), /* computer */
    url("../styles/font/a2.eot"), /* IE9 Compat Modes */
    url("../styles/font/a2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("../styles/font/a2.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a2.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 600;
  src: local("../styles/font/a3"), /* computer */
    url("../styles/font/a3.eot"), /* IE9 Compat Modes */
    url("../styles/font/a3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../styles/font/a3.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a3.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 700;
  src: local("../styles/font/a4"), /* computer */
    url("../styles/font/a4.eot"), /* IE9 Compat Modes */
    url("../styles/font/a4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../styles/font/a4.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a4.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "aTitleGothic";
  font-style: normal;
  font-weight: 800;
  src: local("../styles/font/a5"), /* computer */
    url("../styles/font/a5.eot"), /* IE9 Compat Modes */
    url("../styles/font/a5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../styles/font/a5.woff") format("woff"), /* Modern Browsers */
    url("../styles/font/a5.ttf") format("truetype"); /* Safari, Android, iOS */
}

*{margin:0; padding:0; }

html {margin:0px;padding:0px;}
body
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	word-break:break-all;
	background-color:#fff;
} 


/*.mainbg {  background:url(/styles/image/main/main_bg.jpg) no-repeat top center fixed; background-color:#6e211f; }*/
/*.loginbg { background:url(/styles/image/login/bg_login.jpg) no-repeat top center fixed; background-color:#000; }*/
.mainbg { color:#fff;background:#161514; }
.loginbg { background:#161514; }

body, table, tr, td, select, textarea, input  , div , p , li , label{
	margin: 0px;
    padding: 0px;
   font-family: "aTitleGothic" , "Nanum Gothic", Malgun Gothic, dotum, Verdana, sans-serif;
    word-break: break-all;
}

div, ul, dl, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a, td, th {
    margin: 0px;
    padding: 0px;
   font-family: "aTitleGothic" , "Nanum Gothic", Malgun Gothic, dotum, Verdana, sans-serif;
    font-size: 12px;
    word-break: break-all;
}

.pagingul { width:100%;display:inline-block;margin:0 auto;text-align:center;height:30px;line-height:30px;padding:10px 0px; }


.distpage{width:100%;float:left;margin:0 auto;text-align:center;overflow:hidden;line-height:30px;padding:5px 0;margin-top:20px;}
.distpage li{display:inline-block;font-family:"kakaoBold";cursor:pointer;font-size:12px;}
.distpage .pbtns{ color: #555; font-size: 1.083em; height: 30px; line-height: 28px; padding: 0 3px; margin: 0 2px; min-width: 30px; text-decoration: none; border-radius: 3px; display: inline-block; vertical-align: middle; background: #f3f3f3; border: 1px solid #bbbcc3; }
.distpage .pg_start { text-indent: -999px; overflow: hidden; background: url(/styles/image/btn_first.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; }
.distpage .pg_end{ text-indent: -999px; overflow: hidden; background: url(/styles/image/btn_end.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; }
.distpage .chioce { display: inline-block; background: #4c4f6f; color: #fff; font-weight: bold; height: 30px; line-height: 30px; padding: 0 3px; min-width: 30px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 2px #222542; -moz-box-shadow: inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; }

/* ·Î±×ÀÎ	*/
.LoginLogo {}
.LoginLogo img {width:50%;max-width:700px;position:absolute;top:100px;left:100px;}

/* head */
.headDiv { width:765px;height:80px;position:absolute;top:20px;left:300px;background:url(/styles/image/head/centermenubg.png) no-repeat top center;background-color:rgba(0, 0, 0, 0.1); }
.headDiv ul { list-style:none;text-align:center;height:80px;line-height:45px; }
.headDiv ul li { display:inline-block;font-family:"kakaoBold";width:80px;height:20px;line-height:20px;cursor:pointer;font-size:16px;text-align:center;color:#FFF; }
.headDiv ul li a:link { color:#FFF; text-decoration: none; }
.headDiv ul li a:visited { color:#FFF; text-decoration: none; }
.headDiv ul li a:active { color:#FFF; text-decoration: none; }
.headDiv ul li a:hover { color:#FFF; text-decoration: none; }


.fixinner {position:fixed;top:0px;}
.absinner {position: absolute;top:85px;}
.relinner {position: relative;top:85px;}

/*
.topMenu { width:100%; }
.topMenu .arrow { width:40px;height:32px;right:0px;z-index:10001;background-color:#d93d32; }
.topMenu .arrow img { width:16px;height:auto;padding:6px 12px 6px 12px; }
.topMenu .mainSlide {width:100%;z-index:10000;}
.topMenu .mainSlide .subDiv { box-sizing: border-box;width:100%;box-shadow:0px 0px 30px #000;float:left;z-index:10000;background-color:#d93d32; }
.topMenu .mainSlide .subDiv ul { list-style-type:none;margin:0;padding:0; }
.topMenu .mainSlide .subDiv .tabs { z-index:10000; }
.topMenu .mainSlide .subDiv .tabs li { width: 20%; }
.topMenu .mainSlide .subDiv .tabs li a { text-decoration:none;color:#fff; }
.topMenu .mainSlide .subDiv .tabs .blank { height:32px;width:30px;background-color:#d93d32; }
*/

.topMenu { 
	width:100%; overflow:hidden;
	
	
}
.topMenu ul { width:100%; overflow:hidden; list-style:none; text-align:center; }
.topMenu ul li { 
display:inline-block; height:40px; line-height:40px; text-align:center; font-size:12px; font-weight:800; padding:0 5px; 
background: #fff;
background:-webkit-linear-gradient(top, #fff 0%, #8d8d8d 100%);
background:-moz-linear-gradient(top, #fff 0%, #8d8d8d 100%);
background:-ms-linear-gradient(top, #fff 0%, #8d8d8d 100%);
background:-o-linear-gradient(top, #fff 0%, #8d8d8d 100%);

-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:3px 3px 7px rgba(0,0,0,0.3); }

.tabs > li > a { color: #666; padding: 5px 0 5px 0; display: block; background: #d93d32; text-align: center; text-decoration: none; font-size: 15px; line-height: 20px; border-bottom: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.tabs > li.active > a { border-bottom: 2px solid #FFF; color: #cc0066; }
#element_to_pop_up { display:none; }

.submenus > li {float:left;padding:13px 0;width:25%; text-align:center;}
.submenus a {text-decoration:none;color:#000;}

#div_pop_up1 { display:none;width:100%;background-color:#FFF; }
#div_pop_up2 { display:none;width:100%;background-color:#FFF; }
#div_pop_up3 { display:none;width:100%;background-color:#FFF; }
#div_pop_up4 { display:none;width:100%;background-color:#FFF; }

/* left */
.leftDiv { width:260px;min-height:1030px;position:absolute;top:100px;left:0px;box-shadow:0 5px 25px rgba(255,255,255,0.2); }
.leftDiv .leftDivLogo { width:260px;height:280px;display:block;background:url(/styles/image/left/left_bg.png) no-repeat left top;cursor:pointer; }
.leftDiv .leftDivInfo { width:260px;height:260px;display:block;background:url(/styles/image/left/leftmenuinfo.png) no-repeat top center;position:relative; }

.leftNick { position:absolute;top:70px;left:70px;color:#FFF;text-align:left;text-shadow:3px 3px 3px rgba(0,0,0,0.5); }
.leftLv { position:absolute;top:110px;left:70px;color:#FFF;font-size:12px; }
.leftMsg { position:absolute;top:110px;left:180px;color:#FFF;font-size:12px; }
.leftMsg a { text-decoration:none;color:#FFF;font-size:12px; }
.leftCash { position:absolute;top:142px;right:75px;color:#FFF;font-size:11px;text-align:right; }
.leftPoint { position:absolute;top:175px;right:75px;color:#FFF;font-size:11px;text-align:right; }
.leftP2C { position:absolute;top:210px;left:70px;color:#FFF;font-size:14px;cursor:pointer;text-shadow:3px 3px 3px rgba(0,0,0,0.5) }
.leftP2C A:link { color:#FFF; text-decoration: none; }
.leftP2C A:visited { color:#FFF; text-decoration: none; }
.leftP2C A:active { color:#FFF; text-decoration: none; }
.leftP2C A:hover { color:#FFF; text-decoration: none; }
.leftLO { position:absolute;top:210px;right:60px;color:#FFF;font-size:14px;cursor:pointer;text-shadow:3px 3px 3px rgba(0,0,0,0.5) }
.leftLO A:link { color:#FFF; text-decoration: none; }
.leftLO A:visited { color:#FFF; text-decoration: none; }
.leftLO A:active { color:#FFF; text-decoration: none; }
.leftLO A:hover { color:#FFF; text-decoration: none; }

.leftMenu { width:260px;height:220px;position:absolute;left:0px;top:550px;text-align:center; }
.leftMenu ul { list-style:none;text-align:center; }
.leftMenu ul li { display:inline-block;text-align:center; }
.leftMenu ul li .LeftBtn { width:147px;height:38px;background:url("/styles/image/left/leftmenubtn1.png")no-repeat;margin:5px 0px;font-family: KakaoRegular;text-shadow:3px 3px 3px #555;font-weight:bold;color:#FFF;font-size:12pt;line-height:36px;text-align:center;cursor:pointer; }

.leftNotice {width:220px;height:255px;position:absolute;left:20px;top:770px;text-align:center;padding-top:15px;border-top:2px solid #BBB;margin:0px auto;}
.leftNotice ul {list-style:none;margin-top:10px;}
.leftNotice ul li {font-family: KakaoRegular;color:#FFF;font-size:12pt;font-weight:bold;text-shadow:3px 3px 3px #555;padding:5px 20px 5px 0px;margin-left:10px;}
.leftNotice ul li A:link { color:#FFF; text-decoration: none; }
.leftNotice ul li A:visited { color:#FFF; text-decoration: none; }
.leftNotice ul li A:active { color:#FFF; text-decoration: none; }
.leftNotice ul li A:hover { color:#FFF; text-decoration: none; }

.yellow {color:#f6c046!important;}

/* right */
.rightDiv { width:260px;min-height:870px;position:absolute;top:20px;right:0px;box-shadow:0 5px 25px rgba(255,255,255,0.2);}
.rightDiv ul {list-style:none;}
.rightDiv ul li div{font-family: KakaoRegular;color:#FFF;font-size:30pt;line-height:55px;letter-spacing:1px;font-weight:bold;cursor:pointer;padding-top:5px;text-align:center;}

/* main */
.mainDiv { width:100%;margin:0px auto;position:relative; }
/* contents */
#contents { width:100%;margin:0px auto;padding:0px; }/*overflow:hidden;*/

/* button */
/*.btnDefault { cursor:pointer;display:inline-block;padding:0;width:100px;line-height:32px;background:linear-gradient(#513f3e, #251514);background:-ms-linear-gradient(#513f3e, #251514);border:1px solid #222222;border-radius:6px;text-align:center;color:#ffffff;font-size:14px; }*/
/*.btnMidSize {display:inline-block;padding:0 20px;height:26px;line-height:26px;background:#503223;border:1px solid #333333;border-radius:3px;text-align:center;font-weight:bold;color:#FFFFFF;cursor:pointer;}*/
.btnReply { display:inline-block;padding:0 0 0 0;width:50px;height:30px;line-height:30px;background:#fff;color:#000;border-radius:4px;text-align:center;font-weight:normal;font-size:14px;cursor:pointer; }
.btnR { float:right;margin-left:10px; }

.LeftinFo {position:absolute;left:48px;top:20px;padding:30px 10px;width:210px;min-height:810px;background:url(/styles/image/left/left_bg.png) no-repeat left top rgba(0,0,0,0.1);box-shadow:0 5px 25px rgba(255,255,255,0.2);}
.LeftinFo .GOMAIN {display:block;height:250px;}
.LeftinFo .LinfoBox {margin:0 auto;width:203px;height:255px;background:url(/styles/image/left/leftmenuinfo.png) no-repeat top center;}
.LeftinFo .LinfoBox .NickName {padding:70px 0 0 40px;font-size:18px;font-weight:bold;color:#ffffff;text-shadow:3px 3px 3px rgba(0,0,0,0.5)}
.LeftinFo .LinfoBox .MemInfo {margin-top:5px;height:32px;}
.LeftinFo .LinfoBox .MemInfo .user_level {display:block;float:left;margin-left:20px;}
.LeftinFo .LinfoBox .MemInfo .mess {display:block;float:right;margin-top:10px;margin-right:40px;height:20px;line-height:20px;text-align:right;color:#f6c046;font-weight:bold;}
.LeftinFo .LinfoBox .MemInfo span {margin-left:20px;line-height:30px;color:#ffffff;font-weight:bold;}
.LeftinFo .LinfoBox .moneyINfo {clear:both;margin:5px auto 0 auto;padding:0 20px;width:115px;}
.LeftinFo .LinfoBox .moneyINfo li {margin-bottom:10px;line-height:26px;text-align:right;color:#ffffff;}
.LeftinFo .LinfoBox .pointINfo {clear:both;margin:0px auto 10px auto;padding:0 20px;width:115px;}
.LeftinFo .LinfoBox .pointINfo li {margin-bottom:10px;line-height:26px;text-align:right;color:#ffffff;}
.LeftinFo .LinfoBox .L_btn {margin:0 auto;margin-top:20px;text-align:center;}
.LeftinFo .LinfoBox .L_btn a {display:inline-block;margin:0 10px;text-align:center;color:#ffffff;text-shadow:2px 2px 5px rgba(0,0,0,0.6);}
.LeftinFo .LeftMenu {width:230px;margin-top:20px;}
.LeftinFo .LeftMenu li {margin-bottom:10px;}
.LeftinFo .LeftMenu li a {display:block;margin:0 auto;width:145px;height:35px;line-height:35px;background:url(/styles/image/left/left_btn.png) no-repeat center;text-align:center;color:#ffffff;font-weight:bold;font-size:14px;}
.LeftinFo .LeftNotice {margin:0 auto;margin-top:20px;width:190px;border-top:2px solid #cccccc;}
.LeftinFo .LeftNotice label {display:block;line-height:40px;text-align:center;color:#ffffff;font-weight:bold;font-size:16px;}
.LeftinFo .LeftNotice li a {color:#ffffff;}

.LeftinFo .LeftNotice li {
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ffffff;
	text-align:left;
}

div, ul, li, ol, dl, dt, dd {
    list-style: none;
}


a:visited {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}

div, ul, dl, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a, td, th {
    margin: 0px;
    padding: 0px;
    font-family: "aTitleGothic" , "Nanum Gothic", Malgun Gothic, dotum, Verdana, sans-serif;
    font-size: 12px;
    word-break: break-all;
}



.headerTop {position:relative;margin:0 auto;padding:20px 0;width:789px;background:rgba(0, 0, 0, 0.1);}
.headerTop .HeadArea {margin:0 auto;width:769px;height:80px;background:url(/styles/image/head/centermenubg.png) no-repeat top center;}
.headerTop .HeadArea .GNB {width:769px;height:43px;}
.headerTop .HeadArea .GNB ul {text-align:center;}
.headerTop .HeadArea .GNB ul li {display:inline-block;vertical-align:top;}
.headerTop .HeadArea .GNB ul li a {display:block;padding:0 16px;line-height:43px;color:#ffffff;font-weight:bold;font-size:15px;}
.headerTop .HeadArea .GNB ul li a:hover {color:#f6c045;}
.headerTop .HeadArea .Notice marquee {margin-left:85px;width:650px;line-height:34px;}

.user_level { text-align:center;vertical-align:middle; margin-right:5px;display:inline-block;width:20px; height:20px;background-position:center center !important;background-repeat:no-repeat !important;background-size:100% !important;}
.level_1 { background:url(/styles/img_ok/levelicon/level_1.png); }
.level_2 { background:url(/styles/img_ok/levelicon/level_2.png); }
.level_3 { background:url(/styles/img_ok/levelicon/level_3.png); }
.level_4 { background:url(/styles/img_ok/levelicon/level_4.png); }
.level_5 { background:url(/styles/img_ok/levelicon/level_5.png); }
.level_6 { background:url(/styles/img_ok/levelicon/level_6.png); }
.level_7 { background:url(/styles/img_ok/levelicon/level_7.png); }
.level_8 { background:url(/styles/img_ok/levelicon/level_8.png); }
.level_9 { background:url(/styles/img_ok/levelicon/level_9.png); }
.level_10 { background:url(/styles/img_ok/levelicon/level_vip.png); }
.level_adm { background-image:url(/styles/img_ok/levelicon/level_adm.png); }

/* footer */
.goLink {margin:0 auto;margin-top:30px;width:769px;height:138px;background:url(/styles/image/main/link_bg.png) no-repeat top center;}
.goLink ul {padding:10px 40px;}
.goLink ul li {float:left;margin-right:10px;margin-bottom:15px;}
.goLink ul li a {display:block;width:100px;height:50px;background-repeat:no-repeat;background-position:center;}
.goLink ul li>.naver {background-image:url(/styles/image/main/icon/naver.png);}
.goLink ul li>.espn {background-image:url(/styles/image/main/icon/espn.png);}
.goLink ul li>.flash {background-image:url(/styles/image/main/icon/flash.png);}
.goLink ul li>.champs {background-image:url(/styles/image/main/icon/champs.png);}
.goLink ul li>.mlb {background-image:url(/styles/image/main/icon/mlb.png);}
.goLink ul li>.kbo {background-image:url(/styles/image/main/icon/kbo.png);}
.goLink ul li>.nhl {background-image:url(/styles/image/main/icon/nhl.png);}
.goLink ul li>.nba {background-image:url(/styles/image/main/icon/nba.png);}
.goLink ul li>.kbl {background-image:url(/styles/image/main/icon/kbl.png);}
.goLink ul li>.wkbl {background-image:url(/styles/image/main/icon/wkbl.png);}
.goLink ul li>.kovo {background-image:url(/styles/image/main/icon/kovo.png);}

.footer_wrap {width:100%;margin:0 auto;padding-top:0px;display:inline-block;}
.footer_wrap .FooterArea {margin:0 auto 30px auto;width:1200px;background:none;border-radius:5px;}
.footer_wrap .FooterArea p {padding:15px 0 15px 0;text-align:center;color:#ffffff;font-family:"Tahoma";font-size:11px;}
/* footer */

.whitefont { color:#CCC; !important; }
.yellowfont { color:#FFBB00 !important; }

.menuTexts { display:block;margin:0 10px;padding:0 0 0 10px;line-height:36px;color:#ffffff;font-weight:bold;font-size:16px;text-shadow:2px 2px 5px rgba(255,255,255,0.3); }

body, input, select, textarea {
	font: 13px/1.3 'Malgun Gothic',sans-serif;
}



/*
.level_1 { background-size: 100%; color: #000000; display: inline-block; font-size: 0; height: 24px; width: 24px; vertical-align: middle; }
a { color: #eee; text-decoration: none; }
.user_info { position: absolute; top: 10px; right: 5px; width: 188px; height: 105px; background: url(/styles/image/head/main_info.png) no-repeat; }
.user_info .user_name { display: inline-block; margin-left: 5px; line-height: 24px; text-align: left; color: #ffffff; font-weight: bold; }
.user_info a { display: block; height: 24px; vertical-align: top; text-align: right; font-size: 11px; }
.user_info span { display: inline-block; height: 24px; vertical-align: top; font-size: 11px; }
.user_info .letter_tit { line-height: 24px; }
.user_info .letter_count { line-height: 24px; font-weight: bold; }
.user_info .icon_letter { background: url(/styles/image/head/memoNew.gif) no-repeat center center; display: inline-block; width: 16px; }
.user_info .inFoTopBox { padding: 7px 15px 10px 15px; }
.user_info .inFoTopBox .moneyINFO { height: 18px; text-align: right; color: #ffffff; font-size: 11px; }
.user_info .inFoTopBox .moneyINFO .MPclor { font-weight: bold; color: #f6c045; }
.user_info .inFoTopBox .moneyINFO .btn_point_to_cash { float: left; display: inline-block; vertical-align: top; padding: 0 10px; line-height: 18px; height: 18px; color: #fff000; font-size: 11px; background: rgba(0,0,0,0.7); border-radius: 4px; }
*/
.user_info { width:100%; margin:0 auto; overflow:hidden; padding:5px 0px; background:#3A342F; }	/*background: url(/styles/img_ok/main_userbg.png) no-repeat; background-size:100%; */
.user_info ul { width:100%; list-style:none;text-align:center;   }
.user_info ul li { float:left; width:50%; height:20px; line-height:20px;}
.user_info ul li span {height:30px;display:inline-block;}
.user_info .MPclor { float:left;  width:calc(50% - 20px);background:#000; margin:0px 10px;}

/*
.user_info #dl-menu { width:50px; float:left; margin:0 auto; text-align:center; }
.user_info #dl-menu img { margin:3px 0; vertical-align:middle; cursor:pointer; }
*/
.user_info .username { }
.user_info .msg { }
.user_info .point span { color:#ffcc00; }
.user_info .money span { color:#ffcc00; }
.user_info .mileage span { color:#ffcc00; }

.topMoneyInFo { position: relative; padding: 0 5px; height: 40px; text-align: center; background: linear-gradient(#481919 0%, #29100f 100%); }
.topMoneyInFo ul { text-align: center; margin-left: 16%; }
.topMoneyInFo ul li { display: inline-block; padding: 0 5%; }
.topMoneyInFo ul li a { line-height: 40px; text-align: center; color: #ffffff; font-weight: bold; letter-spacing: -0.1em; font-size:14px; }
a.menuOpen { display: block; position: absolute; z-index: 100; top: 8px; left: 5px; width: 60px; height: 24px; background: url(/styles/image/head/menu_btn.png) no-repeat; background-size: 100%; text-indent: -9999px; }
#Foot { margin: 20px 0 80px 0; text-align: center; }
#Foot address { height: 13px; color: #fff; font-size: 11px; }
#find_area { margin: 0 0 10px 0; padding: 0; text-align: center; }
#find_area span { vertical-align: top; line-height: 22px; font-size: 11px; color: #fff; }
#find_area a { vertical-align: top; margin: 0 5px; line-height: 22px; font-size: 13px;color: #fff; }

/*
.tNotice { margin: 5px; padding: 0 5px; border: 1px solid #ffffff; border-radius: 6px; }
.tNotice marquee { line-height: 27px;font-size:14px;font-weight:bold;}
*/

.tNotice { width:100%; height:30px; background: rgba(0,0,0,0.5); }
.tNotice .tName { float:left; width:20%; line-height:30px; font-size:14px; font-weight:800; text-align:center; color:#d373ff; }
.tNotice marquee { float:right; width:100%; line-height:30px; font-size:14px; font-weight:bold;color:#d373ff; }

marquee {
    display: inline-block;
    width: -webkit-fill-available;
}

:host {
    display: inline-block;
    overflow: hidden;
    text-align: initial;
    white-space: nowrap;
}

.btnDefault {display:inline-block;margin:0;padding:0 3px;min-width:35px;line-height:23px;text-align:center;color:#FFFFFF;vertical-align:middle;background:linear-gradient(#333333, #101010);border:0 none;border:1px solid #444444;border-radius:4px;cursor:pointer;}
.btnDefault span {font-size:13px;font-weight:bold;}
.btn_round_blue {background:#0070bb;}
.btn_round_orange {background:#ff6600;}
.btn_round_yellow {background:#fff000;color:#000000;}
.btn_round_white {background:#ffffff;color:#000000;}
.btn_red { background: #e64b40; border: 1px solid #d54237; color:#fff;}

.menuBtn { cursor:pointer; }