project-totopia/w-demo.com_capture/html_sources/유저1/user_메인페이지_files/mainPage.css
2019-07-21 06:39:16 +09:00

1203 lines
20 KiB
CSS

@CHARSET "UTF-8";
.mainContentDiv {
padding-top:100px;
padding-bottom:200px;
color:#fff;
/* position: relative;
width: 1180px;
height:500px;
top: 0px;
margin: 0 auto;
border-radius:25px;
clear: both; */
}
/*new*/
.main-content{
position: relative;
width: 1180px;
height: 357px;
margin: 10px auto 10px auto;
z-index: -1;
}
.main-top-left {
position: absolute;
left: 0;
top: 0;
}
.main-top-right {
position: absolute;
right: 0;
top: 0;
}
.banner_box {
margin-bottom: 7px;
width: 270px;
padding: 11px 10px;
border: solid 1px #000;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(14,30,49,0.89) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#e30e1e31',GradientType=0 );
}
.ban_top_text {
text-align: center;
padding: 5px 0;
text-shadow: 0 1px 0 #000;
}
.jong_bg {
border: solid 1px #000;
text-align: center;
background: #000 url(cssImg/banbg_03.jpg);
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
}
.jong_bg .p1 {
padding: 5px 0;
}
.jong_bg .sp-arr {
background: rgba(0,0,0,0.5);
padding: 8px 3px;
display: block;
}
.jong_bg .sp-arr .sp1 {
text-align: left;
display: inline-block;
color: #ff9d6d;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jong_bg .sp-arr .sp2 {
text-align: center;
display: inline-block;
color: #DBF900;
}
.jong_bg .sp-arr .sp3 {
text-align: right;
display: inline-block;
color: #6dcaff;
width: 100px;
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
}
.jong_bg .p2 {
padding: 5px 0;
/* background-color: rgba(255,229,0,1.00); */
}
.banner_box li:last-child {
padding: 5px 0;
}
.banner_box .lsp1,.banner_box .lsp2,.banner_box .lsp3 {
display: inline-block;
text-align: center;
width: 32%;
}
.video {
position: absolute;
top: 0;
left: 275px;
display: block;
width: 630px;
height: 361px;
margin: 0 auto;
border: solid 1px #000;
overflow: hidden;
}
.video-arr-vv {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.video iframe {
margin: 0px auto 0 auto;
width: 680px;
height: 534px;
margin-top: -100px;
margin-left: -20px;
z-index: 0;
}
.main_bottom_arr {
width: 1180px;
margin: 0 auto;
color:#fff;
}
.main_todaygame {
float: left;
overflow: hidden;
width: 904px;
height: 296px;
padding: 10px;
border: solid 1px #000;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(14,30,49,0.89) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#e30e1e31',GradientType=0 );
}
.main_todaygame h3 {
color: #DBF900;
font-size: 17px;
font-weight: 900;
font-family: NotoSansKR !important;
}
.main_todaygame table {
margin: 10px 0;
font-weight: bold;
border-bottom: solid 1px rgba(255,255,255,0.11);
width: 100%;
}
.topth th {
height: 35px;
font-weight: 300px;
font-family: dotum;
text-shadow: 0 0 1px #000;
color: #ccc;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
border-top: solid 1px #fdd040;
border-right: solid 1px rgba(0,0,0,0.55);
border-left: solid 1px rgba(255,255,255,0.16);
border-bottom: solid 1px #000;
background: #08121d;
background: -moz-linear-gradient(top, #08121d 0%, #1c3856 100%);
background: -webkit-linear-gradient(top, #08121d 0%, #1c3856 100%);
background: linear-gradient(to bottom, #08121d 0%, #1c3856 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08121d', endColorstr='#1c3856', GradientType=0 );
}
.topth th:last-child,.topth th:first-child {
border-right: solid 1px #333;
}
.main_todaygame td {
font-family: dotum;
text-overflow: clip;
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
color: #fff;
border-top: solid 1px rgba(255,255,255,0.11);
vertical-align: top;
height: 210px;
}
.main_todaygame ul {
margin: 0;
padding: 0;
}
.main_todaygame li {
line-height: 33px;
border-bottom: solid 1px #000;
border-top: solid 1px rgba(255,255,255,0.11);
}
.game-result01 {
height: 30px;
line-height: 30px;
background: #000;
border: solid 1px #444;
width: 30px;
display: inline-block;
margin: 0px 10px;
border-radius: 3px;
}
.main_todaygame td span {
display: inline-block;
}
.main_notice {
width: 270px;
height: 296px;
padding: 10px;
float: right;
border: solid 1px #000;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(14,30,49,0.89) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#e30e1e31',GradientType=0 );
}
.main_notice h3 {
padding: 0 0 0 15px;
text-align: left;
color: #FFD600;
font-weight: 900;
font-family: NotoSansKR !important;
}
.main_notice ul {
margin: 10px 0;
border-bottom: solid 1px rgba(255,255,255,0.11);
border-top: solid 1px #000;
}
.main_notice li {
padding: 9px 8px;
text-align: left;
color: #c1c3c2;
font-family: dotum;
border-bottom: solid 1px #000;
border-top: solid 1px rgba(255,255,255,0.11);
}
.main_notice li a{
display: inline-block;
font-size:12px;
width: 211px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*new_end*/
.contentBox{
position: relative;
float: left;
height:auto;
width: 100%;
}
.main_tu{
width: 1200px;
margin: 0 auto;
position: relative;
top: 200px;
}
.sumGetMoneyBox{
position: absolute;
width: 450px;
height: 250px;
top: 25px;
left:25px;
margin: 0 auto;
text-align: center;
}
.sumGetMoneyBox table{
color: #51431c;
}
.perc{
color: #51431c;
}
.gongGaoBox{
position: absolute;
width: 400px;
height: 330px;
top: 0px;
left:25px;
margin: 0 auto;
}
.getMoneyByDateBox{
position: absolute;
width: 675px;
height: 270px;
top: 10px;
left:475px;
margin: 0 auto;
}
.bbsBox{
position: absolute;
width: 400px;
height: 330px;
top: 300px;
left:25px;
margin: 0 auto;
}
.gameBox{
position: absolute;
width: 705px;
height: 265px;
top: 325px;
left:162px;
margin: 0 auto;
}
.mainBbs{
color:#000;
}
.gameBox th{
color: #fff;
}
.banner_nav{
width:100%;
height:520px;
display:bolck;
position: relative;
margin: 0 auto;
clear:both;
overflow:hidden;
}
.photo{
width: 100%;
}
/*elvira*/
.main_cont{width:100%; margin:0 auto; position:relative; clear: both; }
/*左边*/
.content_top_bull{
width:1250px;
margin:0 auto;
}
.banner_game_list{
width:990px;
}
.banner_game_list li{
float:left;
background:url(cssImg/main_banner.png);
text-indent: -9999999px;
cursor:pointer;
}
.banner_game_list .gl1{
width:240px;
height:210px;
margin: 0 10px 10px 0;
}
.banner_game_list .gl11{
width:240px;
height:210px;
background-position-x: -250px;
margin: 0 10px 10px 0;
}
.banner_game_list .gl5{
width:490px;
height:100px;
background-position-x: -500px;
margin: 0 0 10px 0;
}
.banner_game_list .gl6{
width:490px;
height:100px;
margin: 0 0 10px 0;
background-position-x: -500px;
background-position-y: -110px;
}
.banner_game_list .gl2{
width:240px;
height:200px;
margin: 0 10px 0 0;
background-position-x: 0px;
background-position-y: -220px;
}
.banner_game_list .gl7{
width:240px;
height:200px;
margin: 0 10px 0 0;
background-position-x: -250px;
background-position-y: -220px;
}
.banner_game_list .gl12{
width:240px;
height:200px;
margin: 0 10px 0 0;
background-position-x: -500px;
background-position-y: -220px;
}
.banner_game_list .gl13{
width:240px;
height:200px;
background-position-x: -750px;
background-position-y: -220px;
}
.banner_game_list li:hover{
float:left;
background:url(cssImg/main_banner_on.png)
}
.banner_game_list .gl1:hover{
width:240px;
height:210px;
margin: 0 10px 10px 0;
}
.banner_game_list .gl11:hover{
width:240px;
height:210px;
background-position-x: -250px;
margin: 0 10px 10px 0;
}
.banner_game_list .gl5:hover{
width:490px;
height:100px;
background-position-x: -500px;
margin: 0 0 10px 0;
}
.banner_game_list .gl6:hover{
width:490px;
height:100px;
margin: 0 0 10px 0;
background-position-x: -500px;
background-position-y: -110px;
}
.banner_game_list .gl2:hover{
width:240px;
height:200px;
margin: 0 10px 0 0;
background-position-x: 0px;
background-position-y: -220px;
}
.banner_game_list .gl7:hover{
width:240px;
height:200px;
margin: 0 10px 0 0;
background-position-x: -250px;
background-position-y: -220px;
}
.banner_game_list .gl12:hover{
width:240px;
height:200px;
margin: 0 10px 0 0;
background-position-x: -500px;
background-position-y: -220px;
}
.banner_game_list .gl13:hover{
width:240px;
height:200px;
background-position-x: -750px;
background-position-y: -220px;
}
.shop_area_bull{
width:100%;
padding-top:10px;
padding-bottom:10px;
}
.shop_left_box{
width:993px;
float:left;
}
/*右边*/
.shop_right_box{
width:247px !important;
float:right;
}
.chong_huan_box li{
float:left;
}
.personal_indo{
width:100%;
background-color:#fff;
height:210px;
}
.personal_name_level{
width:100%;
text-align:left;
padding: 0px 10px;
height: 40px;
line-height: 40px;
color:#fff;
}
.fleft{
float:left;
text-align:left;
color: #c9c9c9;
}
.fright{
float:right;
text-align:right;
color: #c9c9c9;
}
.out_icon_money,.out_icon_point{
height: 30px;
line-height: 30px;
padding: 0px 10px;
font-weight: bold;
font-size: 13px;
border-bottom: solid 1px #434343;
}
.bet_ing_money_box{
padding: 0px 10px;
}
.bet_ing_money{
height: 36px;
line-height: 36px;
box-sizing: border-box;
margin-top: 7px;
overflow: hidden;
font-size: 13px;
}
.out_btn_area{
padding: 10px;
padding-bottom: 5px;
}
.out_btn_area a{
float: left;
margin-bottom: 5px;
text-indent: -999999px;
background-repeat:no-repeat;
}
.out_btn_area a:hover { background-position-y: -69px; }
.mypage{
background: url('cssImg/out_login_btn1.png');
display: block;
width: 69px;
height: 69px;
line-height: 69px;
text-align: center;
color: #ffffff;
font-size: 13px;
margin-right: 10px;
}
.memo{
background: url('cssImg/out_login_btn1.png') -79px 0;
display: block;
width: 69px;
height: 69px;
line-height: 69px;
text-align: center;
color: #ffffff;
font-size: 13px;
margin-right: 10px;
}
.attend{
background: url('cssImg/out_login_btn1.png') -158px 0;
display: block;
width: 69px;
height: 69px;
line-height: 69px;
text-align: center;
color: #ffffff;
font-size: 13px;
}
.out_btn2_area{
overflow: hidden;
padding: 10px 10px !important;
padding-bottom: 5px;
}
.out_btn2_area a{
float: left;
margin-bottom: 5px;
text-indent: -999999px;
}
.out_btn2_area a:hover { background-position-y: -30px; }
.income{
background: url('cssImg/out_login_btn2.png');
display: block;
width: 76px;
height: 30px;
text-align: center;
}
.outcome{
background: url('cssImg/out_login_btn2.png') -76px 0;
display: block;
width: 75px;
height: 30px;
text-align: center;
}
.point_exchange{
background: url('cssImg/out_login_btn2.png') -151px 0;
display: block;
width: 75px;
height: 30px;
text-align: center;
}
.clock_area{
background: url('cssImg/clock_bg.png') !important;
width: 100%;
height: 85px;
margin-bottom: 5px;
padding: 5px 10px;
box-sizing: border-box;
margin-top:10px;
}
.clock_date{
font-weight: bold;
text-align: right;
font-size: 16px;
color: #fff;
margin-right: 5px;
margin-top: 10px;
}
.clock_timeline{
font-size: 24px;
font-weight: bold;
margin: 0px;
line-height: 32px;
margin-top: 7px;
text-align: right;
color:#fff;
}
.clock_ampm{
color:#23bec5;
}
.out_here{
text-align:center;
display:inline-block;
width:20px;
height:22px;
float:right;
margin-top:5px;
cursor:pointer;
background:url(cssImg/out_login_logout.png);
}
.out_here:hover{
background:url(cssImg/out_login_logout02.png);
}
.m_pic{
width: 1250px;
position: relative;
margin: 0 auto;
padding-top: 40px;
}
.m_bottom{
width: 1250px;
margin:0 auto;
z-index: 999;
}
.m_bottom_tab{
width: 1250px;
position: relative;
margin: 0 auto;
}
.m_bottom_bg{
width: 50%;
height: 238px;
color: #fff;
vertical-align: top;
clear: both;
border-left:2px solid #fff;
text-align: left;
}
.main_money_tab{
width: 100%;
position: relative;
margin: 0 auto;
}
.main_money_tab th{
background: #fff;
height: 30px;
border-right: 1px solid #111;
color: #333;
}
.main_money_tab td{
line-height: 35px;
color:#fff;
font-size: 14px;
font-weight: normal;
border: 1px solid #737373;
}
.main_money_tab td h1{
font-size: 15px;
color: #fff;
font-weight: bold;
}
.main_tree_tab{
width: 320px;
position: relative;
margin: 0 auto;
margin-right:15px;
}
.main_tree_tab td{
border: 1px solid #333;
color: #fff;
font-size: 14px;
font-weight: bold;
}
.main_tree_tab2{
width: 320px;
position: relative;
margin: 0 auto;
}
.main_tree_tab2 td{
border: 1px solid #737373;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 28px;
}
.gonggao_d{
width:100%;
height:207px;
background-color:#e0e0e0;
margin-top:5px;
}
/*lunbo*/
.img_sports_bull{float:left;}
#carousel{width:726px;height:278px;}
#carousel a{border:1px solid #1cd5b5;display:block;padding:4px;float:left;}
#pager{margin-top:5px;width:740px;}
#pager a, #pager span{display:block;height:10px;}
#pager a{border:1px solid #1cd5b5;width:181.7px;margin-right:3px;float:left;}
#pager a:hover{border-color:#999;}
#pager span{background-color:#1cd5b5;width:0px;}
/**today_game*/
.today_game_list_box01{
width:640px;
height:339px;
background: rgba(80, 80, 80, 0.3);
overflow:hidden;
}
.today_box{
width:640px;
float:left;
}
.today_game{
width:630px;
margin:0 auto;
margin-top:5px;
color:#fff;
}
.today_tr_bg{
color: #fff;
}
.today_tr_bg02{
background-color: #ddd;
color: #222;
}
.taday_td_bg{
background: rgba(22, 13, 27,0.8);
}
.today_game td{
font-size:12px;
height:38px;
font-family: , , Dotum, Arial;
font-weight:500;
}
.game_icon_m{
width:640px;
margin-top:5px;
text-align:left;
}
.game_icon_m .title_game_m{
text-align:left;
width:100%;
color:#fff;
font-size:24px;
border-bottom: 2px solid #fff;
}
.game_icon_m .name_game_area{
width:100%;
text-align:left;
padding-left:10px;
box-sizing:border-box;
}
/*lunbo02*/
.img_box{
width:1200px;
height:346px;
float:right;
position:relative;
}
.img_small_bull{width:1200px; margin:0 auto; }
.vui-slider {
position:relative;
overflow:hidden;
background:#999;
}
.vui-slider .vui-items {
overflow:hidden;
width:100%;
height:100%;
}
.vui-slider .vui-item {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
display:block;
padding:0;
margin:0;
border:none;
}
.vui-slider .vui-buttons {
position:absolute;
z-index:5;
bottom:16px;
left:50%;
float:left;
display:inline;
filter:alpha(Opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}
.vui-slider .vui-button {
float:left;
display:inline;
overflow:hidden;
height:12px;
width:12px;
margin:0 5px;
padding:0;
border:none;
border-radius:6px;
background:#FFF;
cursor:pointer;
}
.vui-slider .vui-button-cur {
background-color:#C00;
}
.vui-slider .vui-transfer {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:3;
}
.vui-slider .vui-prev {
position:absolute;
top:50%;
left:0;
z-index:5;
width:30px;
height:50px;
margin-top:-25px;
border-radius:0 10px 10px 0;
background:url(prev.gif) no-repeat;
cursor:pointer;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
opacity:0.3;
transition:0.5s ease;
-o-transition:0.5s ease;
-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
position:absolute;
top:50%;
right:0;
z-index:5;
width:30px;
height:50px;
margin-top:-25px;
border-radius:10px 0 0 10px;
background:url(next.gif) no-repeat;
cursor:pointer;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
opacity:0.3;
transition:0.5s ease;
-o-transition:0.5s ease;
-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity:0.4;
opacity:0.4;
background-color:#000;
}
/*content_shop*/
.content_shop_bull{
width:1250px;
margin:0 auto;
}
.content_shop_bull li{
float:left;
margin-right:10px;
}
.content_shop_bull .lastimg_talk{
margin-right:0px;
}
/****/
.headline_bull{
width:1250px;
height:40px;
background:url(cssImg/title_bg_bull.jpg) no-repeat top left;
}
.headline_left,.headline_right{
width:625px;
height:40px;
font-size:30px;
font-weight:bold;
text-align:center;
line-height:30px;
float:left;
color:#fff;
}
.banner_box{
position:relative;
}
.footer_banner{
position:absolute;
bottom:10px;
left:10px;
z-index:1000;
}
.notice_area{
}
.notice_area .box4{
margin-bottom:10px;
}
.game_area_show{
width:100%;
}
#flash{
width: 540px;
height: 360px;
float:right;
position: relative;
overflow:hidden;
}
#flash .pic_box{
width: 3780px;
height: 360px;
position: absolute;
left: 0px;
top: 0px;
}
#flash .pic_box img{
float: left;
}
#flash ul{
width:520px;
border-top:3px solid #f9cf6a;
position: absolute;
left:10px;
bottom: 10px;
}
#flash ul li{
float:left;
width:130px;
text-align:center;
line-height:37px;
height:37px;
background-color:rgba(255,255,255,0.5);
cursor:pointer;
font-size: 17px;
font-family: Nanum Gothic,sans-serif;
color: #000000;
font-weight: 700;
}
#flash ul li.cur{
background-color:rgba(0,0,0,0.8);
color:#fff;
}
#flash .huakuai{
width: 42px;
height: 6px;
font-size: 0px;/*ie6*/
position: absolute;
left: 0px;
background: url(images/bg.png) no-repeat -57px -86px;
}
.middle_game_show{
width:100%;
margin:15px auto;
}
.ul_game_box li{
float: left;
margin-right: 12px;
}
.ul_game_box li:hover{
filter:alpha(opacity:60);
opacity:0.6;
-moz-opacity:0.6;
-khtml-opacity: 0.6;
}
.ul_game_box li:nth-child(6){
margin-right:0px;
}
.show_notice{
float:left;
width:49%;
}
.show_money{
float:right;
width:49%;
}
.name_notice{
height:33px;
}
.name_left{
float: left;
font-size: 20px;
color: #ffb135;
line-height: 20px;
font-weight: 900;
}
.name_right{
font-size: 12px;
float: right;
color: #ffb135;
line-height: 20px;
cursor: pointer;
font-weight: 600;
}
.notice_main_show{
width:100%;
}
.notice_main_show td{
color:#fff;
height:30px;
}
.notice_main_show td a{
color:#fff;
}
.bg_main{
width:100%;
background:rgba(45, 45, 45, 0.4);
padding: 20px 0;
}
.notice_list_bottom{
position: relative;
top: 30px;
width: 100%;
height: 4px;
margin: 0 auto;
background-image:
linear-gradient(to right,rgba(0, 0, 0, 0.2),
rgba(74, 74, 74, 0.5),
#000000,rgba(111, 111, 111, 0.5),
rgba(0, 0, 0, 0.2));
}