﻿@charset "utf-8";
* {margin: 0;	padding: 0;outline:none}
.yo-register input{outline: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.yo-register input[type=text], .yo-register input[type=button], .yo-register input[type=submit]  {-webkit-appearance: none; /*去除iPhone input默认样式}*/ }
.yo-register img{ display:block;}
.yo-register img, .yo-register iframe{border:none;}


.wrapper1{position:relative;width:1200px;margin:100px auto 0;}

#content{z-index:1;margin:0 auto;text-align:center;background: #424242;}

#un-lobby{display:inline-block;margin:0 auto 0 0;width:100%}
#un-lobby aside{float:left;width:22.1%;margin: 0 8px 0 0;background-color: #fff;}
#un-lobby aside .mobile {
    height: 282px;
    margin-bottom: 10px;
    background: url(./images/s_mobile.png);
}
#un-lobby aside .mobile img {
    width: 85px;
    height: 85px;
    position: absolute;
    top: 174px;
    left: 89px;
}
#un-lobby aside .mobile a {
    display: block;
    height: 100%;
}
#un-lobby aside .mobile:after {
    content: '';
    display: block;
    height: 10px;
    background-color: #515f6b;
}
#un-lobby ul.sidebar {
    display: none;
}
#un-lobby ul.sidebar {
    top: 296px;
    left: 0;
    right: 0;
    bottom: 0;
}
ol, ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
#un-lobby ul.sidebar li {
    position: relative;
    line-height: 44px;
    border-bottom: 1px solid #d9dbde;
}
#un-lobby ul.sidebar li a {
    display: block;
    height: 100%;
    color: #3f4454;
    font-size: 16px;
    text-decoration: none;
    background: no-repeat 30px center;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
#un-lobby ul.sidebar.sidebar-reg {
    display: block;
}
[ng-click] {
    cursor: pointer;
}
#un-lobby ul.sidebar li a:before {
    top: 9px;
    left: 45px;
    width: 22px;
    height: 26px;
}
#un-lobby ul.sidebar li a:before, #un-lobby ul.sidebar li a:after {
    content: '';
    position: absolute;
    background: no-repeat center top;
    -moz-transition: left .4s;
    -o-transition: left .4s;
    -webkit-transition: left .4s;
    transition: left .4s;
}

#un-lobby ul.sidebar li a:before, #un-lobby ul.sidebar li a:after {
    content: '';
    position: absolute;
    background: no-repeat center top;
    -moz-transition: left .4s;
    -o-transition: left .4s;
    -webkit-transition: left .4s;
    transition: left .4s;
}
#un-lobby ul.sidebar li a:after{top:14px;left:192px;width:16px;height:16px;background-image:url('./images/icon_arrow.png')}
#un-lobby ul.sidebar li:hover a{padding-left:5px;color:#ffd053;background-color:#5f687b}
#un-lobby ul.sidebar li:hover a:before{left:47px;background-position:center bottom}
#un-lobby ul.sidebar li:hover a:after{left:190px;background-position:center bottom}

#un-lobby ul.sidebar li.about a:before{background-image:url('./images/s_img02.png')}
#un-lobby ul.sidebar li.contact a:before{background-image:url('./images/s_img03.png')}
#un-lobby ul.sidebar li.partner a:before{background-image:url('./images/s_img04.png')}
#un-lobby ul.sidebar li.deposit a:before{background-image:url('./images/s_img05.png')}
#un-lobby ul.sidebar li.withdrawal a:before{background-image:url('./images/s_img06.png')}
#un-lobby ul.sidebar li.faq a:before{background-image:url('./images/s_img07.png')}

#un-lobby ul.sidebar li.mg a{background-image:url('./images/s_img_mg.png')}
#un-lobby ul.sidebar li.pt a{background-image:url('./images/s_img_pt.png')}
#un-lobby ul.sidebar li.ag a{background-image:url('./images/s_img_ag.png')}
#un-lobby ul.sidebar li.bb a{background-image:url('./images/s_img_bb.png')}
#un-lobby ul.sidebar li.mw a{background-image:url('./images/s_img_mw.png')}
#un-lobby ul.sidebar li.sg a{background-image:url('./images/s_img_sg.png')}
#un-lobby ul.sidebar li.gns a{background-image:url('./images/s_img_gns.png')}
#un-lobby ul.sidebar li.pp a{background-image:url('./images/s_img_pp.png')}
#un-lobby ul.sidebar li.hb a{background-image:url('./images/s_img_hb.png')}
#un-lobby ul.sidebar li.gpi a{background-image:url('./images/s_img_gpi.png')}
#un-lobby ul.sidebar li.fish a{background-image:url('./images/s_img_fish.png')}
#un-lobby ul.sidebar li.kg a{background-image:url('./images/s_img_kg.png')}
#un-lobby ul.sidebar li.live a{background-image:url('./images/s_img_live.png')}
#un-lobby ul.sidebar li.sport a{background-image:url('./images/s_img_sport.png')}
#un-lobby ul.sidebar li.lottery a{background-image:url('./images/s_img_lottery.png')}


#articles{padding:0 25px;color:#525252;font-size:14px;text-align:left;    width: 73%;float: left;background: #e8eef9;min-height: 877px;}
#articles h2{margin:0;width:790px;margin:0 -35px;color:#fffa8d;font-size:26px;padding:10px 0;text-align:center;border-bottom:1px solid #282828}
#articles h3{display:table;padding:0 5px;color:#ff0;font-family:Arial,'微軟正黑體';font-size:18px;text-align:left;background:#600}
#articles h4{color:#ffa500;font-size:14px;text-align:left}

#articles p {margin:3px 0}
.yo-agreement h6 ,.yo-reg-center div.yo-r-bot li , .y-error-msg, .y-correct-msg, .y-warn-msg,.radio-type label{
	font-size:12px;
}
.yo-t-title h1 {
    line-height: 72px;
}
#articles tr td {
    text-align: center;
}
.yo-sm-reg .yo-reg-center {  
    width: 100% !important;
}
#articles tr th {
    text-align: center;
}

#news{position:relative;height:40px;top:162px;background:rgba(0, 0, 0, 0.4);width:100%;position:fixed;z-index: 99;}
#news .wrapper:before{float:left;margin-right:10px;padding-left:5px;color:#ecc866;line-height:40px}
#hot-news{white-space:nowrap;overflow:hidden}
#hot-news a{color:#d8d4ce;font-size:14px;text-decoration:none;line-height:40px}
#hot-news a:hover{text-decoration:underline}
#marquee{width:600px;max-height:500px;margin:30px auto 0 auto;background-color:#fff;background-image:url('../../../web/css/caipiao/images/table_background.jpg');-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:default;-moz-transition:margin-top ease-in 300ms;-o-transition:margin-top ease-in 300ms;-webkit-transition:margin-top ease-in 300ms;transition:margin-top ease-in 300ms}
.wrapper{position:relative;width:1000px;margin:0 auto;overflow:hidden}