a, dl, dt, dd, b, body, em, ul, li, i, span, h1, h2, h3, h4, h5, h6, p, select, button, input, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    outline: none;
    font-style: normal;
}

html, body {
    height: 100%;
}

body {
    min-width: 1040px;    
}
body.ShowAll {
    display: block !important;
}

/*共用樣式*/
div {
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.ng-isolate-scope,.Layout {
    transition: filter ease-out .2s;
}
.ng-isolate-scope.Blur,.Layout.Blur {
    filter: blur(10px);
}
.FloatLeft {
    float: left;
}

.FloatLeft a,.FloatLeft .Type{
    display: block;
    text-align: left;
    text-decoration:none;
    font-size:12px;
    color: #848484;
    line-height: 16px;
}

.FloatLeft a span{
    font-size:16px;
    color: #e23030;
    font-weight:bold;
}

.FloatRight {
    float: right;
}

.ClearBoth {
    clear: both;
}

.TextLeft {
    text-align: left;
}

.TextRight {
    text-align: right;
}

.MarginAuto {
    margin: 0 auto;
}

.Margin10 {
    margin: 0 10px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}

.MarginBottom20 {
    margin-bottom: 20px;
}

.MarginBottom30 {
    margin-bottom: 30px;
}

.MarginBottom45 {
    margin-bottom: 45px;
}

.MarginLeft10 {
    margin-left: 10px;
}

.MarginLeft20 {
    margin-left: 20px;
}

.MarginLeft40 {
    margin-left: 40px;
}

.MarginLeft85 {
    margin-left: 85px;
}

.MarginLeft110 {
    margin-left: 110px;
}

.BtnStyle1 {
    position: relative;
    width: 100%;
    height: 45px;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    background-color: #FF9E00;
    border-radius: 3px;
    margin-bottom: 10px;
}

.BtnStyle1 a {
    display: block;
    width: 100%;
    height: 100%;
    cursor:default; 
}

.BtnStyle1.Active:hover {
    background-color: #ff8a00;
}

.BtnStyle1 a {
    opacity: .5;
    color: #fff;
    text-decoration: none;
}

.BtnStyle1.Active a {
    cursor: pointer;
    opacity: 1;
}

.Btn {
    position: relative;
    width: 140px;
    height: 35px;
    background-color: #FF9E00;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
}

.Btn a {
    display: block;
    width: 100%;
    height: 100px;
}

.Btn.Active:hover {
    background-color: #ff8a00;
}

.Btn a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.Btn.Gray {
    background-color: #C7C7C7;
}

.Btn.Gray a {
    color: #fff;
}

.Btn2 {
    width: 150px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #ff8a00;
}

.Btn2:hover {
    background-color: #ff8a00;
}

.Btn2 a {
    display: block;
    color: #FF9E00;
    text-decoration: none;
}

.Btn2:hover a {
    color: #fff;
}


/*主選單*/

.Header {
    position: relative;
    width: 100%;
    height: 68px;
    background-color: #fff;
    box-shadow: 0 2px 0px rgba(0, 0, 0, .06);
    z-index: 110;
}
.Header:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color:rgba(0, 0, 0, .15);
    left: 0;
    bottom:0;
}
.Header.Fixed {
    position: fixed;
}

.HeaderMain {
    position: relative;
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    z-index: 1;
}

.Logo {
    width: 110px;
    height: 25px;
    background-image: url("images/logo.png");
    background-size: cover;
    float: left;
    margin-top: 21px;
    margin-right: 35px;
}

.Logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}


/*選單樣式*/

ul.HeaderNav {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

ul.HeaderNav li {
    height: 100%;
    font-size: 16px;
    line-height: 68px;
    float: left;
}

ul.HeaderNav li a {
    display: block;
    color: #333333;
    padding: 0 15px;
    text-decoration: none;
}

ul.HeaderNav li:hover a {
    color: #FF9E00;
    height: 65px;
    border-bottom: 3px solid #FF9E00;
}

ul.HeaderNav li.Active {
    background-color: #FF9E00;
}

ul.HeaderNav li.Active a {
    color: #fff;
    padding: 0 18px;
}

ul.HeaderNav li span {
    display: inline-block;
    width: 8px;
    height: 4px;
    background-image: url("images/icon001.png");
    background-size: 100%;
    vertical-align: middle;
    margin-left: 5px;
}

ul.HeaderNav li:hover span {
    background-position: 0 -4px;
}


/*下拉滑入樣式*/

ul.HeaderNav li.DropDown:hover {
    line-height: 62px;
}

ul.HeaderNav li.DropDown:hover a {
    color: #FF9E00;
    height: 65px;
    border-top: 3px solid #FF9E00;
    border-bottom: none;
}


/*下拉選單樣式*/

ul.HeaderNav li.DropDown {
    position: relative;
}

ul.HeaderNav li.DropDown .DropDownBox {
    position: absolute;
    display: none;
    width: 165%;
    height: auto;
    background-color: rgba(255, 255, 255, .95);
    overflow: hidden;
    top: 67px;
    z-index: 2;
}

ol.DropDownNav li {
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border: none;
    float: none;
}

ul.HeaderNav li:hover ol.DropDownNav li a {
    height: 40px;
    color: #3b3b3b;
    border: none;
}

ul.HeaderNav li ol.DropDownNav li i {
    position: absolute;
    height: 14px;
    line-height: 14px;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #f46240;
    margin:13px 0 0 15px;
}

ul.HeaderNav li ol.DropDownNav li i:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #f46240 transparent transparent;
    top: 0;
    left: -14px;
}

ul.HeaderNav li ol.DropDownNav li i.New {
    background-color: #1ec896;
}

ul.HeaderNav li ol.DropDownNav li i.New:before {
    border-color: transparent #1ec896 transparent transparent;
}

ul.HeaderNav li:hover ol.DropDownNav li a:hover {
    background-color: #eeeeee;
}


/*點擊後狀態*/

ul.HeaderNav li.DropDown.Active:hover a {
    color: #fff;
}

ul.HeaderNav li.DropDown.Active span {
    background-position: bottom;
}

ul.HeaderNav li.DropDown.Active:hover ol.DropDownNav li a {
    color: #3b3b3b;
}


/*登入註冊*/
ul.HeaderLRNav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    height: 30px;
    padding:5px;
    border-radius: 40px;
    float: right;
    margin-top: 14px;
}
ul.HeaderLRNav.Register {
    max-width: 185px;
    background-color: #FFF7EC;
}
ul.HeaderLRNav li {
    height: 30px;
    border-radius: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    float: right;
}
ul.HeaderLRNav li a {
    display: block;
    color: #3b3b3b;
    text-decoration: none;
    padding:0 10px;
}
ul.HeaderLRNav li.Register {
    background-color:#FF9E00;
}
ul.HeaderLRNav li.Register a,ul.HeaderLRNav li.Deposit a  {
    color: #fff;
}
ul.HeaderLRNav li.Register,ul.HeaderLRNav li.Deposit {
    min-width: 70px;
    background-color:#FF9E00;
}
ul.HeaderLRNav li.Register:hover,ul.HeaderLRNav li.Deposit:hover {
    background-color: #ff8a00;
}
.HeaderLive800,.HeaderMember,.HeaderHome {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color:#FF9E00;
    background-image: url("images/icon025.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    text-indent: -9999px;
    float: right;
    margin: 16.5px 0 0 5px;
}
.HeaderMember {
    background-image: url("images/icon026.png");
}
.HeaderHome {
    background-image: url("images/icon044.png");
}
.HeaderLive800:hover,.HeaderMember:hover,.HeaderHome:hover {
    background-color: #ff8a00;
}
.HeaderLive800 a,.HeaderMember a,.HeaderHome a {
    display: block;
    width: 100%;
    height: 100%;
}
/*輪播*/

.Banner {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 33.333333%;
    background-color: #f1f4f5;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.BannerBg {
    position: absolute;
    width: 100%;
    height: 150px;
    background-image: url("images/bg001.png");
    pointer-events: none;
    bottom: 0;
    z-index: 3;
}

.flexslider {
    width: 100%;
    height: 100%;
}
.Banner ul.slides {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.Banner ul.slides li, .Banner ul.slides li a {
    display: block;
    width: 100%;
    height: 100%;
}

.Banner ul.slides li img {
    width: 100%;
}

ol.flex-control-nav, .flexskv {
    position: absolute;
    width: 110px;
    height: 325px;
    z-index: 2;
    top: 45%;
    margin-top: -162.5px;
    right: 40px;
}
ol.flex-control-nav li, .flexskv .flexskvImg {
    width: 110px;
    height: 60px;
    margin-bottom: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}
.flexskvImg {
    background-color: #fcf2dc;
}
ol.flex-control-nav li {
    text-indent: -9999px;
}

ol.flex-control-nav li a {
    display: block;
    height: 60px;
}

ol.flex-control-nav li a.flex-active {
    height: 56px;
    border: 2px solid #FF9D00;
}

.BannerMoreBtn {
    width: 100%;
    height: 35px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 35px;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
}

.BannerMoreBtn a {
    color: #fff;
    text-decoration: none;
}
.SlidesArticle {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.9);
    top: 25px;
}
.SlidesArticle h2 {
    font-size: 38px;
    margin-bottom: 10px;
}
.SlidesArticle h2 span {
    font-size: 24px;
    margin: 0 5px;
}
.SlidesArticle h3 {
    font-size: 26px;
}

/*搜尋區塊*/

.BannerSPbar {
    position: absolute;
    width: 630px;
    height: auto;
    bottom: 10px;
    left: 50%;
    margin-left: -315px;
    z-index: 3;
}

.SearchBar {
    height: 80px;
    padding: 15px 15px 7px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px;
}

.SearchBox {
    width: 545px;
    height: 45px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    float: left;
}

.SearchBox input {
    width: 100%;
    height: 100%;
    border: none;
    text-indent: 15px;
    font-size: 16px;
    color: #666;
}

.SearchOption {
    position: absolute;
    width: 600px;
    height: auto;
    background-color: #fff;
    margin-top: 55px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.SearchOption ul {
    width: 100%;
}

.SearchOption ul li {
    width: 100%;
}

.SearchOption ul li a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    text-decoration: none;
    padding: 5px 10px;
}

.SearchOption ul li a:hover {
    background-color: #ffebd3;
}

.SearchOption ul li a span {
    color: #FF9300;
}

.SearchBtn {
    width: 50px;
    height: 45px;
    border-radius: 5px;
    background-image: url("images/searchicon.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FF9E00;
    float: right;
    text-indent: -9999px;
}

.SearchBtn:hover {
    background-color: #ff8a00;
}

.SearchBtn a {
    display: block;
    width: 100%;
    height: 100%;
}

.SearchRadioAll {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.RadioStyle1 {
    float: left;
    cursor: pointer;
    margin-right: 20px;
}

.RadioStyle1 .Radio {
    width: 16px;
    height: 16px;
    background-image: url("images/radio1.png");
    float: left;
    margin-right: 5px;
}

.RadioStyle1 .Radio.Active {
    background-position: bottom;
}

.RadioStyle1 p {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    float: left;
}


/*公告欄*/

.PostTitle {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #FF9E00;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
    float: left;
    margin-right: 15px;
}

.Post {
    height: 40px;
    float: left;
}

.PostMain {
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 40px;
}


/*主要區塊*/

.ContentMain {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 30px;
}

.ContentMain.PaddingNone {
    padding: 0;
}

.ContentMainLeft {
    width: 260px;
    height: auto;
    float: left;
}

.ContentMainRight {
    width: 700px;
    height: auto;
    float: right;
}

.ActivityBox {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.ActivityBox.Fish {
    margin-bottom: 35px;
}
.Title {
    border-top: 3px solid #FF9E00;
    /*border-left: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;*/
    border-bottom: 1px solid #F3F3F3;
   /* padding: 0 10px;*/
    line-height: 42px;
}
.Title h2 {
    font-size: 18px;
    color: #333333;
    float: left;
}
.Title p {
    font-size: 12px;
    float: right;
}
.Title p a {
    color: #999999;
    text-decoration: none;
}
.Title p a:hover {
    text-decoration: underline;
}
.SptBox,.ColorBox {
    height: auto;
    overflow: hidden;
    margin-bottom: 35px;
}
.SptBox .Pic {
    width: 100%;
    height: 140px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;
}
.SptBox .Article {
    background-color: #fafafa;
    border-bottom: 1px solid #F3F3F3;
    padding: 10px;
}
.SptBox .Article h1 {
    font-size: 12px;
    color:#FF9E00;
    margin-bottom: 5px; 
}
.SptBox .Article h1 span {
    color: #666666;
    float: right;
}
.SptBox .Article h2 {
    font-size: 14px;
    color: #333333;
}
.SptBox ul {
    margin-top: -1px;
}
.SptBox ul li  {
    border-left: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    line-height: 36px;
}
.SptBox ul li:hover {
    background-color: #f8f8f8;
}
.SptBox ul li a {
    display: block;
    padding: 0 10px;
    text-decoration: none;
}
.SptBox ul li h2 {
    font-size: 14px;
    color: #333333;
    float: left;
}
.SptBox ul li h2 span {
    margin-left: 10px;
}
.SptBox ul li h3 {
    font-size: 14px;
    color: #3EACE9;
    float: left;
    margin-left: 10px;
}
.ColorBox ul li {
    border: 1px solid #FA7838;
    margin-top: -1px;
}
.ColorBox ul li a {
    display: block;
    width: 100%;
}
.ColorBox ul li .Pic {
    width: 130px;
    height: 50px;
    margin-right: 10px;
    background-color: #fcf2dc;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}
.ColorBox ul li .Pic img {
    width: 100%;
}
.ColorBox ul li p {
    font-size: 14px;
    color:#FA7838;
    line-height: 50px;
    float: left;
}
.ColorBox ul li i {
    width: 6px;
    height: 10px;
    background-image: url("images/icon028.png");
    background-size: 100%;
    float: right;
    margin-top: 20px;
    margin-right: 15px;
}
.ColorBox ul li.Color2  {
    border: 1px solid #3EACE9;
}
.ColorBox ul li.Color2 p {
    color:#3EACE9;
}
.ColorBox ul li.Color2 i {
    background-position: 0 -10px;
}
.ColorBox ul li.Color3  {
    border: 1px solid #FFB80E;
}
.ColorBox ul li.Color3 p {
    color: #FFB80E;
}
.ColorBox ul li.Color3 i {
    background-position: 0 -20px;
}
.ColorBox ul li:hover {
    background-color: #f8f8f8;
}
.PgBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
    cursor: pointer;
}

.PgBox a {
    text-decoration: none;
}

.PgBox h3 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

.PgBox p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.PgBox .Pic {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.PgBox:hover h3 {
    color: #FF9E00;
}

.TitleBox {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, .95);
    clear: both;
}

.TitleBox.MarginBottomMinus55 {
    margin-bottom: -55px;
    overflow: visible;
}

.TitleBoxLine {
    position: absolute;
    width: 210px;
    height: 3px;
    background-color: #FF9E00;
    bottom: 0px;
}

.TitleBox.Active {
    position: fixed;
    width: 100%;
    left: 0;
    top: 120px;
    z-index: 100;
}

.TitleBox.Active .TitleBoxMain {
    position: relative;
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}

.TitleBox.Line {
    border-bottom: 1px solid #f1f1f1;
}

.TitleBox.Active.Line {
    border: none;
}

.TitleBox h2 {
    position: relative;
    font-size: 18px;
    color: #333333;
    line-height: 35px;
    float: left;
    margin-right: 10px;
}

.TitleBox h2.Color0 {
    color: #FF9E00;
}

.TitleBox h2.Color1 {
    color: #FB6720;
}

.TitleBox h2.Color2 {
    color: #7FC55D;
}

.TitleBox h2.Color3 {
    color: #FA5F6F;
}

.TitleBox h2.Color4 {
    color: #FA5F6F;
}

.TitleBox h2.Color5 {
    color: #FFB80E;
}

.TitleBox p {
    font-size: 14px;
    line-height: 35px;
    color: #666666;
}

.TitleBox span {
    font-size: 12px;
    line-height: 35px;
}

.TitleBox span a {
    color: #999999;
    text-decoration: none;
}

.TitleBox span a:hover {
    text-decoration: underline;
}

.TitleBoxNav {
    float: right;
    margin-bottom: 10px;
}

.TitleBoxNav ul {
    overflow: hidden;
}

.TitleBoxNav ul li {
    float: left;
    font-size: 14px;
    line-height: 35px;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 2.5px;
}

.TitleBoxNav ul li a {
    display: block;
    color: #666666;
    text-decoration: none;
    padding: 0 10px;
}

.TitleBoxNav ul li.Active {
    background-color: #FF9300;
}

.TitleBoxNav ul li.Active a {
    color: #fff;
}

ul.OfferBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

ul.OfferBox li {
    position: relative;
    width: 220px;
    height: 220px;
    float: left;
}

ul.OfferBox li.Margin20 {
    margin: 0 20px;
}

ul.OfferBox li .Pic {
    position: relative;
    width: 100%;
    height: 138px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;
}
ul.OfferBox li .Pic img {
    width: 100%;
    height: 100%;
}
ul.OfferBox li .Bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35px;
    background-color: #ff6155;
    background-color: rgba(255,97,85,.9);
    filter: alpha(90);
    padding: 0 8px;
    line-height: 34px;
    color: #fff;
}
ul.OfferBox li .Bar p {
    float: left;
    font-size: 16px;
}
ul.OfferBox li .Bar h2{
    float: right;
    font-size: 16px;
}
ul.OfferBox li .Bar h2 span {
    font-size: 27px;
    font-weight: bold;
}
ul.OfferBox li .Label{
    position: absolute;
    top: 0;
    right: -4px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    background-color: #ff6155;
    font-size: 14px;
    color: #fff;
    font-style: italic;
    font-weight: bold;
}
ul.OfferBox li .Label:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -8px;
    border-top: 4px solid #7e1811;
    border-right: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}
ul.OfferBox li .Article {
    position: absolute;
    height: 60px;
    padding: 10px;
    background-color: #fff;
    bottom: 0;
    overflow: hidden;
    transition: all ease-out .2s;
}

ul.OfferBox li .Article p {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    color: #000;
    margin-bottom: 5px;
    transition: all ease-out .2s;
}

ul.OfferBox li .Article span.OfferHighLight {
    font-size: 16px;
    color: #FF9E00;
    float: right;
    text-align: right;
}
ul.OfferBox li .Article span.OfferHighLight strong {
    font-size: 18px;
    font-weight: bold;
}
ul.OfferBox li .Article span.OfferHighLight em {
    font-size: 14px;
}

ul.OfferBox li:hover .Article {
    height: 105px;
    background-color: #f8f8f8;
}

ul.OfferBox li:hover .Article p {
    height: 85px;
    color: #FF9E00;
}

.GameAll {
    position: relative;
    width: 100%;
    height: auto;
}

ul.GameJpBox li {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 30px;
}

ul.GameJpBox li:hover {
    background-color: #f8f8f8;
    margin: -15px -15px 15px;
    padding: 15px;
}

ul.GameJpBox li .Article {
    position: relative;
    width: 460px;
    height: 150px;
    float: left;
}

ul.GameJpBox li .Pic {
    width: 220px;
    height: 150px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

ul.GameJpBox li .Pic img {
    width: 100%;
    height: 100%;
}

ul.GameJpBox li a {
    display: block;
    width: 460px;
    text-decoration: none;
}

ul.GameJpBox li h2 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
}

ul.GameJpBox li:hover h2 {
    color: #FF9E00;
}

ul.GameJpBox li p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin-bottom: 7px;
}

ul.GameJpBox li .Jpt {
    display: inline-block;
    padding: 0 12px;
    margin-right: 5px;
    line-height: 20px;
    background-color: #f6f6f6;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    font-size: 12px;
    color: #666666;
}
ul.GameJpBox li:hover .Jpt {
    color: #FF9E00;
    border: 1px solid #FF9E00;
    background-color: #fff;
}
ul.GameJpBox li .Jpt span {
    margin-left: 3px;
}
.GameClass {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.GameClassBox {
    position: relative;
    float: left;
    font-size: 12px;
    color: #9C9C9C;
    margin-top: 8px;
    margin-right: 15px;
    cursor: pointer;
}

.GameClassBox i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: 100%;
    margin-right: 5px;
}

.GameClassBox i.Icon1 {
    background-image: url("images/icon002.png");
}

.GameClassBox i.Icon2 {
    background-image: url("images/icon003.png");
}

.GameClassBox i.Icon3 {
    background-image: url("images/icon004.png");
}

.GameClassTip {
    opacity: 0;
    position: absolute;
    width: 60px;
    height: 25px;
    font-size: 12px;
    color: #666666;
    background-color: #ffffff;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    top: -20px;
    left: 50%;
    margin-left: -30px;
    transition: all ease-out .3s;
}

.GameClassTip i {
    position: absolute;
    display: block;
    width: 10px;
    height: 5px;
    background-image: url("images/icon023.png");
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
}

/*.GameClassBox:hover .GameClassTip {
    top: -30px;
    opacity: 1;
}*/

.HotBtn {
    position: relative;
    width: 37px;
    height: 33px;
    font-size: 17px;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    color: #fff;
    text-align: center;
    line-height: 33px;
    background-image: url("images/icon005.png");
    background-size: cover;
    float: right;
    cursor: pointer;
}

.HotBtn:hover {
    background-position: bottom;
}

.HotBtn span {
    position: absolute;
    font-size: 12px;
    color: #FF9E00;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    right: 45px;
}

.GameLuckStar {
    position: relative;
    margin-bottom: 35px;
}
.GameLuckStar .Pic {
    width: 145px;
    height: 150px;
    background-color: #666;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.GameLuckStar .Article {
    width: 105px;
    height: 135px;
    padding-top: 20px;
    float: left;
}

.GameLuckStar .Article h2 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
}

.GameLuckStar .Article p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.GameLuckStar:hover .Article h2 {
    color: #FF9E00;
}


/*評論*/

#block1 {
    position: relative;
    width: 100%;
    height: 110px;
    overflow: hidden;
    clear: both;
}

#block1 ul {
    list-style: none;
    padding: 7px;
    margin: 0;
    top: 0;
    left: 0;
}
#block1 ul li {
    height: 100px;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
}
.MessageBox {
    overflow: hidden;
}
#block1 ul li h3 {
    width: 100%;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 5px;
}
#block1 ul li h3:hover {
    color: #FF9E00;
    text-decoration: underline;
}
#block1 ul li p {
    width: 100%;
    height: 60px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: #666666;
}

#block1 ul li p span {
    color: #FF9E00;
    margin-left: 10px;
}


/*優惠列*/

.OfferListBox {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.OfferListBox ul li {
    width: 100%;
    height: auto;
}

.OfferListBox ul li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    padding: 10px 0;
}

.OfferListBox ul li:hover {
    background-color: #f8f8f8;
}

.OfferListBox ul li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
    vertical-align: middle;
}

.OfferListBox ul li .Article {
    float: left;
    margin-top: 3px;
}

.OfferListBox ul li h2 {
    font-size: 14px;
    color: #FF9E00;
    margin-bottom: 5px;
}

.OfferListBox ul li p {
    font-size: 14px;
    color: #666666;
}



/*下載專區*/

.DownLoadBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.DownLoadBox ul {
    padding: 10px 0;
}

.DownLoadBox ul li a {
    display: block;
    text-decoration: none;
}

.DownLoadBox ul li {
    padding: 5px;
    margin-bottom: 5px;
}
.DownLoadBox ul li:hover {
    background-color: #f8f8f8;
}
.DownLoadBox ul li h2 {
    font-size: 14px;
    color: #FDA728;
    padding-top: 2.5px;
    margin-bottom: 5px;
}

.DownLoadBox ul li p {
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    margin-bottom: 2.5px;
}

.DownLoadBox ul li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
    vertical-align: middle;
}
.DownLoadBox ul li i img  {
    width: 100%;
}
/*頁尾*/

.Footer {
    width: 100%;
    height: auto;
    padding: 40px 0 40px;
    background-color: #3C3C3C;
}
.Footer.Member {
    background-color: #1e1b29;
}

.FooterMain {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.FooterNav {
    float: left;
    margin-bottom: 20px;
}
.FooterNav.MarginSmallRight {
    margin-right: 40px;
}
.FooterNav.MarginRight {
    margin-right: 90px;
}
.FooterNav h3 {
    font-size: 16px;
    color: #FFB600;
    margin-bottom: 20px;
}
.FooterNav p {
    font-size: 14px;
    line-height: 22px;
    color: #C2C2C2;
    margin-bottom: 25px;
}

.FooterNav ul li {
    font-size: 14px;
    line-height: 20px;
    color: #C2C2C2;
    margin-bottom: 5px;
}
.FooterNav ul li a {
    color: #C2C2C2;
    text-decoration: none;
}
.FooterNav ul li a:hover {
    color: #fff;
}
/*語系*/
.FooterNav ul li.FooterNavSelect {
       cursor: pointer;
}
.FooterNav ul li.FooterNavSelect i {
    display: inline-block;
    width: 8px;
    height: 4px;
    background-image: url(images/icon027.png);
    background-size: 100%;
    vertical-align: middle;
    margin-left: 5px;
}
.FooterNav ul li.FooterNavSelect:hover .FooterNavOption {
    opacity: 1;
}
.FooterNavOption {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    border-radius: 3px;
    margin-top: 5px;
    z-index: 10;
    transition: all ease-out .3s;
}
.FooterNavOption ul li {
    line-height: 25px;
    font-size: 12px;
    background-color: #fafafa;
    border-bottom: 1px solid #dddddd;
    margin: 0;
}
.FooterNavOption ul li a {
    display: block;
    padding: 0 10px;
    color: #333333;
}
.FooterNavOption ul li:hover {
    background-color: #FF9E00;
    border-bottom: 1px solid #ff8a00;
}
.FooterNavOption ul li:hover a {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.Qrcode {
    width: 100px;
    font-size: 14px;
    color: #C2C2C2;
    text-align: center;
    float: right;
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 40px;
}

.Qrcode img {
    margin-bottom: 10px;
}

.Brand {
    width: 995px;
    height: 55px;
    background-image: url("images/brand.png");
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0 auto 40px;
    border-top: 1px solid #575A5B;
    clear: both;
}
.Brand.BorderNone {
    border: none;
}
.BrandList {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #575A5B;
    border-bottom: 1px solid #575A5B;
    margin: 0 auto 20px;
    padding: 25px 0;
    clear: both;
}
.BrandList ul li ,.BrandList ul li a{
    height: 30px;
    background-size: 100%;
    opacity: .6;
    transition: all ease-in .2s;
    vertical-align: middle;
}
.BrandList ul li a {
    opacity: 0;
}
.BrandList ul li:hover,.BrandList ul li:hover a  {
    opacity:1;
}
.BrandList ul li.B1 {
    width: 52px;
    background-image: url("images/brand/pay1.png");
}
.BrandList ul li.B1 a {
    width: 52px;
    background-image: url("images/brand/pay1-1.png");   
}
.BrandList ul li.B2 {
    width: 150px;
    background-image: url("images/brand/pay2.png");
}
.BrandList ul li.B2 a {
    width: 150px;
    background-image: url("images/brand/pay2-1.png");
}
.BrandList ul li.B3 {
    width: 137.5px;
    background-image: url("images/brand/pay3.png");
}
.BrandList ul li.B3 a {
    width: 137.5px;
    background-image: url("images/brand/pay3-1.png");
}
.BrandList ul li.B4 {
    width: 99px;
    background-image: url("images/brand/pay4.png");
}
.BrandList ul li.B4 a{
    width: 99px;
    background-image: url("images/brand/pay4-1.png");
}
.BrandList ul li.B5 {
    width: 82px;
    background-image: url("images/brand/pay5.png");
}
.BrandList ul li.B5 a {
    width: 82px;
    background-image: url("images/brand/pay5-1.png");
}
.BrandList ul li.B6 {
    width: 99px;
    background-image: url("images/brand/pay6.png");
}
.BrandList ul li.B6 a {
    width: 99px;
    background-image: url("images/brand/pay6-1.png");
}
.BrandList ul li.B7 {
    width: 30px;
    background-image: url("images/brand/safe3.png");
}
.BrandList ul li.B7 a {
    width: 30px;
    background-image: url("images/brand/safe3-1.png");
}
.BrandList ul li.B8 {
    width: 30px;
    background-image: url("images/brand/safe2.png");
}
.BrandList ul li.B8 a{
    width: 30px;
    background-image: url("images/brand/safe2-1.png");
}
.BrandList ul li.B9 {
    width: 27px;
    background-image: url("images/brand/safe1.png");
}
.BrandList ul li.B9 {
    width: 27px;
    background-image: url("images/brand/safe1-1.png");
}
.BrandList ul li.B10 {
    width: 143px;
    height: 43.5px;
    background-repeat: no-repeat;
    background-image: url("images/brand/Brands1.png");
    margin-top: -7px;
}
.BrandList ul li.B10 a{
    width: 143px;
    height: 43.5px;
    background-repeat: no-repeat;
    background-image: url("images/brand/Brands1-1.png");
}
.BrandList ul li.FloatLeft {
    margin-right: 10px;
}
.BrandList ul li.FloatRight {
    margin-left: 10px;
}
.BrandList ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.LicenseLogo {
    width: 80px;
    height: 80px;
    background-image: url("images/brand/license1.png");
    background-size: 100%;
    float: left;
    margin: 0 20px 30px 0;
}
.LicenseLogo a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("images/brand/license1-1.png");
    background-color: #3C3C3C;
    background-size: 100%;
    opacity:0;
    transition: all ease-in .2s;
}
.Footer.Member .LicenseLogo a {
    background-color: #1e1b29;
}
.LicenseLogo:hover a {
    opacity:1;
}
.CopyRight {
    clear: both;
}
.CopyRight p {
    font-size: 13px;
    line-height: 18px;
    color: #C2C2C2;
    float: left;
}
.CopyRight p.LicenseArticle {
        display:flex;
      align-items:center;
    width: 900px;
    height: 80px;
    line-height: 20px;
    text-align: justify;
    float: left;
}
.Logo2 {
    position: relative;
    width: 80px;
    height: 18px;
    background-image: url("images/logo2.png");
    background-size: 100%;
    float: left;
    margin-right: 20px;
}
.Logo2:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("images/logo2-1.png");
    background-size: 100%;
    opacity: 0;
    transition: all ease-in .2s;

}
.Logo2:hover:after {
   opacity: 1;
}


/*娛樂場*/
.PgSmallBanner {
    position: relative;
    width: 1000px;
    height: 200px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20px auto 0;
}
.PgDividendBox {
    position: absolute;
    min-width: 440px;
    height: 110px;
    border-radius: 3px;
    top: 50%;
    margin-top: -55px;
    left: 100px;
    background-color: #fff;
    overflow: hidden;
}
.PgDividendLeft {
    position: relative;
    width: 330px;
    height: 100%;
    background-color: #FFFCF8;
    float: left;
}
.PercentageBox {
    position: relative;
    width: 300px;
    height: 5px;
    border-radius: 5px;
    background-color:#f5f5f5;
    clear: both;
    margin-bottom: 10px;
}
.PgLv {
    padding: 10px 15px;
}
.PgLv p {
    font-size: 12px;
    color: #333333;
    margin-bottom: 10px;
}
.PgLv p span {
    color: #FF9E00;
}
.Percentage {
    position: relative;
    width: 0;
    height: 100%;
    border-radius: 10px;
    background-color:#FF9E00;
}
.PgDividendRight {
    min-width: 90px;
    padding: 0 10px;
    height: 100%;
    background-color:#FF9E00;
    float: left;
}
.PgDividendRight h2 {
    font-size: 40px;
    font-weight: bold;
    font-family: "Ariel";
    color: #fff;
    text-align: center;
    text-shadow: 0 0 4px rgba(0,0,0,.15);
    margin-top: 15px;
    margin-bottom: 5px;
}
.PgDividendRight h2 span {
    font-size: 25px;
}
.PgDividendBtn {
    width: 75px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #fff;
    margin: 0 auto;
    text-shadow: 0 0 4px rgba(0,0,0,.15);
    box-shadow: 0 0 4px rgba(0,0,0,.15);
}
.PgDividendBtn:hover {
    background-color: #fff;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
.PgDividendBtn a {
    display: block;
    color: #fff;
    text-decoration: none;
}
.PgDividendBtn:hover a {
    color: #FF9E00;
}
.PgDividendTitle {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border-top: 3px solid #FF9E00;
    border-bottom: 1px solid #dddddd;
}
.PgDividendTitle h2 {
    font-size: 14px;
    color: #333333;
    float: left;
    margin: 0 10px;
}
.PgDividendTitle p {
    font-size: 12px;
    color: #666666;
    float: left;
}
.PgHall {
    width: 191px;
    height: 320px;
    border:1px solid #F1F1F1;
    background-color: #FFFDF8;
    margin-bottom: 10px;
    float: left;
}
.PgHall.Double {
    width: 392.5px;
}
.PgHall.MarginLeft {
    margin-left: 8.75px;
}
.PgHallTitle {
    width: 100%;
    height: 27px;
    font-size: 14px;
    color: #333333;
    line-height: 27px;
    text-align: center;
    border-top: 3px solid #FF9300;
    background-color: #fff;
}
.PgHallTitle.Color2 {
    border-top: 3px solid #3EACE9;
}
.PgHallTitle.Color3 {
    border-top: 3px solid #FF6050;
}
.PgHallPic {
    width: 100%;
    height: 114px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.Double .PgHallPic {
    height: 140px;
}
.PgHallArticle  {
    padding:10px;
}
.PgHallArticle p {
     font-size: 12px;
     line-height:18px;
    color: #333333;
    text-align: justify;
    border-bottom: 1px solid #CDCDCD;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.PgHallArticle p a {
    color: #000000;
    text-decoration: none;
}
.PgHallArticle ul {
    height: 66px;
    overflow: hidden;
}
.PgHallArticle ul li {
    width: 50%;
    height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    float: left;
    margin-bottom: 10px;
}
.PgHallArticle ul li:nth-child(even) {
    box-sizing: border-box;
    padding-left: 15px;
}
.Double .PgHallArticle ul li:nth-child(even) {
    box-sizing:inherit;
    padding-left:inherit;
}
.Double .PgHallArticle ul {
    width: 75%;
    float: left;
}
.Double .PgHallArticle ul li {
    width: 33.3333%;
}
.PgHallArticle ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 8px;
    background-image: url("images/icon024.png");
    margin-right: 5px;
}
.PgHallArticle ul li a {
    color: #666666;
    text-decoration: none;
}
.PgHallArticle ul li a:hover {
    color: #FF9300;
}
.PgHallBtn {
    width: 80px;
    height: 30px;
    font-size: 14px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    background-color: #FF6050;
    margin-bottom: 10px;
}
.PgHallBtn:hover {
    background-color: #FF4835;
}
.PgHallBtn.Active {
    background-color: #FF9E00;
}
.PgHallBtn.Active:hover {
    background-color:#FF9300;
}
.PgHallBtn a {
    display: block;
    color: #fff;
    text-decoration: none;
}
.PgHallBtn.Free {
    width: 78px;
    height: 28px;
    line-height: 28px;
    border:1px solid #cdcdcd;
    background-color: inherit;
}
.PgHallBtn.Free a {
    color: #ACACAC;
}
.PgHallBtn.Free:hover {
    border:1px solid #FF9E00;
    background-color: #FF9E00;
}
.PgHallBtn.Free a:hover {
    color: #fff;
}
.PgMain h3 {
    font-size: 14px;
    color: #333333;
    text-align: center;
    padding: 35px 0 10px;
}
.PgHallListBox {
    height: 135px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}
.PgHallListBox ul.List {
    width: 10%;
    float: left;
    padding: 15px 0 10px;
    margin: 0 2.5%;
}
.PgHallListBox ul.List li {
    height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    margin-bottom: 10px;
}
.PgHallListBox ul.List li a {
    color: #666666;
    text-decoration: none;
}
.PgHallListBox ul.List li a:hover {
    color: #FF9300;
}
.PgHallListBox ul.List li i {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 8px;
    background-image: url("images/icon024.png");
    margin-right: 5px;
}
ul.PgHallBrand {
    width: 39.9%;
    height: 100%;
    float: right;
}
ul.PgHallBrand li {
    width: 24%;
    height: 69px;
    border: 1px solid #f1f1f1;
    margin: -1px -1px 0 0;
    float: right;
    font-size: 12px;
    text-align: center;
}
ul.PgHallBrand li:hover {
    background-color: #FFFDF8;
}
ul.PgHallBrand li a {
    display: block;
    color: #666666;
    text-decoration: none;
}
ul.PgHallBrand li  .Pic {
    width: 60px;
    height: 20px;
    margin: 15px auto 10px;
}
.PgBanner {
    position: relative;
    width: 100%;
    height: 535px;
    background-image: url("images/pgkv01.jpg");
    background-position: center;
    background-size: cover;
}
.PgGo {
    position: absolute;
    width: 35px;
    height: 20px;
    background-image: url("images/icon006.png");
    left: 50%;
    bottom: 20px;
    margin-left: -17.5px;
    cursor: pointer;
}

.PgMain {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 35px 0;
}

.PgMain h2 {
    font-size: 26px;
    color: #333333;
    text-align: center;
    margin-bottom: 30px;
}

.PgNav {
    text-align: center;
}

.PgNav ul {
    display: inline-block;
}

.PgNav ul li {
    float: left;
    color: #F0F0F0;
    margin: 0 10px;
}

.PgNav ul li.PgN {
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

.PgNav ul li.PgN.Active {
    color: #FF9300;
    border-bottom: 3px solid #FF9300;
    padding-bottom: 12px;
}

.PgChange {
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.PgChangeBg1 {
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
    text-align: center;
}

.PgDownLoad {
    display: inline-block;
}

.PgDownLoad h3 {
    font-size: 18px;
    color: #333333;
    float: left;
    margin-right: 50px;
    text-decoration: underline;
}

.PgDownLoad ul {
    width: 400px;
    min-height: 90px;
    float: left;
}

.PgDownLoad ul li {
    font-size: 14px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.PgDownLoad ul li a {
    color: #666666;
    text-decoration: none;
}

.PgDownLoad ul li a:hover {
    color: #FF9300;
    text-decoration: underline;
}

.PgChangeBg2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f8f8f8;
    padding: 50px 0 70px;
}

.PgChangeBg2 h2 {
    font-size: 26px;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
}

.PgChangeBg2 p {
    width: 600px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    text-align: center;
    margin: 0 auto 40px;
}

.PgPicAll {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

.BPic {
    position: relative;
    width: 323px;
    height: 220px;
    float: left;
    margin-bottom: 20px;
}

.SPic {
    position: relative;
    width: 238px;
    height: 220px;
    float: left;
}

.BPic h3, .SPic h3 {
    position: absolute;
    width: 100%;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    text-indent: 20px;
    bottom: 0;
    background-image: url("images/bg002.png");
}

.PgPicAll .Margin {
    margin: 0 15.5px;
}

.PgPicAll .MarginRight {
    margin: 0 16px 0 0;
}


/*小遊戲*/
.GameJptBg {
    position: relative;
    width: 100%;
    height: 150px;
    background-color: #fcf2dc;
    overflow: hidden;
}
.GameJptLabel {
    position: absolute;
    height: 25px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    color: #3A3A3A;
    background-color: #FFC412;
    z-index: 1;
}
.GameJptLabel:after {
    position: absolute;
    content: "";
    border-color:#FFC412  transparent transparent #FFC412 ; 
    border-style: solid;
    border-width: 12.9px;
    right: -24px;
}
.GameJptPic {
    position: absolute;
    width: 1000px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    margin-top: -75px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position:center 35px;
    background-repeat: no-repeat;
    animation: GJPMove 15s;
    z-index: 0;
}
.GameJptBoxBg {
    position: absolute;
    width: 100%;
    z-index: 3;
    bottom: 0;
    text-align: center;
}
.GameJptBox {
    display: inline-block;
    width: auto;
    height: 85px;
    padding: 0 10px;
    text-align: center;
    background-image: url("images/jptbg.png");
    background-size: 100% 100%;
    background-position: center 10px;
    background-repeat: no-repeat;
}
.GameJptBox ul {
    display: inline-block;
    margin-top: -12px;
}
.GameJptBox ul li {
    position: relative;
    width: 56px;
    height: 62px;
    border-radius: 5px;
    background-image: url("images/num/bg.png");
    box-shadow: 0 2px 6px rgba(0,0,0,.4);
    float: left;
    margin: 0 2px;
}
.GameJptBox .GameJptIcon1 {
    height: 62px;
    background-image: url("images/num/0.png");
}
.GameJptBox .GameJptIcon2 {
    height: 62px;
    background-image: url("images/num/o1.png");
}
.GameJptBox .GameJptIcon3 {
    height: 62px;
    background-image: url("images/num/o2.png");
}
.num-top {
    z-index: 2;
    width: 56px;
    height: 31px;
    position: absolute;
}
.num-bottom {
    z-index: 1;
    width: 56px;
    height: 31px;
    position: absolute;
    margin-top: 31px;
}
.num-up {
    width: 56px;
    height: 31px;
    position: absolute;
}
.num-down {
    width: 56px;
    height: 31px;
    position: absolute;
    margin-top: 31px;
}
.GameDividendBox {
    height: 97px;
    border-top: 3px solid #FFC412;
    border-left: 1px solid  #f1f1f1;
    border-right: 1px solid  #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.GameDividendCenter {
    width: 53.8%;
    height: 100%;
    background-color: #FFFCF8;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    float: left;
    display: flex;
    align-items: center;
}
.GameDividendLR {
    width: 23%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
}
.GameDividendArticle {
    margin: 0 auto;
}
.GameDividendLR h2 {
    font-size: 24px;
    color:#3EACE9;
    margin-bottom: 5px;
}
.GameDividendLR p {
    font-size: 14px;
    color:#666666;
}
.GameDividendLR h3 {
    font-size: 35px;
    text-align: center;
    color:#333333;
    margin-bottom: 5px;
}
.GameDividendLR h3 span {
    font-size: 20px;
}
.GameDividendBtn {
    width: 75px;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    background-color:#3EACE9;
    margin: 0 auto;
}
.GameDividendBtn a {
    display: block;
    color: #fff;
    text-decoration: none;
}
.GameLv {
    position: relative;
    width: 500px;
    margin: 0 auto;
}
.GameLv p {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}
.GameLv p.MarginBottom {
    margin-bottom: 15px;
}
.GameLv p.Now {
    width: 100%;
    text-align: center;
}
.GameLv p.Now span {
    font-size: 18px;
    color:#3EACE9;
}
.GameLv .PercentageBox {
    position: relative;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    background-color: #FFE79C;
    margin-top: 10px;
    margin-bottom: 10px;
}
.GameLv .Percentage {
    width: 0;
    background-color: #FFC412;
    background: linear-gradient(to left,#ffc000,#ffd551);
    -webkit-background: linear-gradient(to left,#ffc000,#ffd551);
    transition: all ease-out .3s;
}     
.GameLv .Percentage:after {
    position: absolute;
    content: "";
    width: 15%;
    height: 100%;
    border-radius: 10px;
    opacity: .5;
    box-shadow: 0 0 10px #FFC412;
    right: 0;
}
.PercentageStart,.PercentageEnd {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #FFE79C;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.PercentageStart.Active {
    background-color: #ffd551;
}
.PercentageEnd.Active {
    background-color: #FFC412;
    box-shadow: 0 0 10px #FFC412;
}
.PercentageEnd {
    left: inherit;
    right: 0;
}
.GameMain {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    /* padding-top: 52px; */
}
.SameBanner {
    position: relative;
    width: 1000px;
    height: 320px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-bottom: 5px;
    z-index: 0;
}
.SameBanner ul.slides {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.SameBanner ul.slides li, .Banner ul.slides li a {
    display: block;
    width: 100%;
    height: 100%;
}

.SameBanner ol.flex-control-nav, .SameBanner .flexskv {
    top: 50%;
    margin-top: -105px;
}

.GameNav {
    width: 100%;
    padding: 10px 0;
}

.GameNav.Active {
    position: fixed;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 68px;
    z-index: 105;
}

.GameNav.Active .GameNavMain {
    width: 1000px;
    margin: 0 auto;
}

.GameNav ul {
    float: left;
}

.GameNav ul li {
    font-size: 14px;
    line-height: 30px;
    color: #E0E0E0;
    float: left;
    margin-right: 15px;
}

.GameNav ul li a {
    color: #333333;
    text-decoration: none;
}

.GameNav ul li a:hover {
    color: #FF9300;
}

.GameNav ul li.Active a {
    color: #FF9300;
    border-bottom: 3px solid #FF9300;
    padding-bottom: 10px;
}

.SearchBox2 {
    position: relative;
    width: 200px;
    height: 30px;
    border: 1px solid #E4E4E4;
    border-radius: 30px;
    float: right;
}

.SearchBox2 i {
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("images/searchicon2.png");
    left: 10px;
    top: 50%;
    margin-top: -7.5px;
}

.SearchBox2 input {
    width: 100%;
    height: 100%;
    border: none;
    text-indent: 35px;
    background-color: inherit;
    margin-top: -1px;
}

.SearchBox2Option {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    z-index: 2;
    top: 30px;
}

.SearchBox2Option ul {
    float: inherit;
}

.SearchBox2Option ul li {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    float: inherit;
    margin-right: inherit;
    border-bottom: 1px solid #666666;
}

.SearchBox2Option ul li a {
    display: block;
    color: #fff;
    padding: 5px 10px;
}

.GameListBg {
    position: absolute;
    width: 540px;
    left: 50%;
    margin-left: -270px;
    text-align: center;
    padding-top: 10px;
}

.GameList {
    display: inline-block;
}

.GameList ul li {
    width: 14px;
    height: 14px;
    background-image: url("images/gamelist.png");
    float: left;
    margin: 0 2.5px;
    cursor: pointer;
    text-indent: -9999px;
}

.GameList ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.GameList ul li.Active {
    background-position: bottom;
}

.GamesMain {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    visibility: visible;
    margin-top: 75px;
}

.GamesMain ul {
    position: relative;
}

.GamesMain ul li {
    width: 1000px;
    height: auto;
    overflow: hidden;
    float: left;
}

.GamesBox {
    position: relative;
    width: 235px;
    height: 181px;
    margin-bottom: 20px;
    background-color: #fcf2dc;
    background-image: url("images/logo4.png");
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
}
.GamesBox.PT:after, .GamesBox.MG:after,.GamesBox.QT:after,
.GamesBox.GameOS:after, .GamesBox.Betsoft:after,.GamesBox.BBIN:after,
.GamesBox.AG:after,.GamesBox.PNG:after,.GamesBox.GD:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
}
.GamesBox.PT:after{
    background-image: url(images/game/PT.png);
}
.GamesBox.MG:after{
    background-image: url(images/game/MG.png);
}
.GamesBox.QT:after{
    background-image: url(images/game/QT.png);
}
.GamesBox.GameOS:after{
    background-image: url(images/game/GameOS.png);
}
.GamesBox.Betsoft:after{
    background-image: url(images/game/Betsoft.png);
}
.GamesBox.BBIN:after{
    background-image: url(images/game/BBIN.png);
}
.GamesBox.AG:after{
    background-image: url(images/game/AG.png);
}
.GamesBox.PNG:after{
    background-image: url(images/game/PNG.png);
}
.GamesBox.GD:after{
    background-image: url(images/game/GD.png);
}
.GamesBox img {
    width: 100%;
    height: 100%;
}

.GameBH {
    position: absolute;
}

.GameBrand, .GameHotNew {
    height: 25px;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #3A3A3A;
    background-color: #FFC412;
    padding: 0 10px;
    float: left;
}

.GameHotNew {
    color: #fff;
    background-color: #3A3A3A;
}

.GameJpt {
    position: absolute;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    bottom: 0;
    color: #fff;
    background-image: url("images/bg003.png");
    font-size: 16px;
    transition: all ease .1s;
}

.GameJpt span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
}

.GameJumpBox {
    position: absolute;
    width: 90%;
    height: 90%;
    background-image: url(../styles/images/bg004.png);
    border-radius: 10px;
    z-index: 2;
    top: -30%;
    left: 50%;
    margin-left: -45%;
    margin-top: -45%;
    opacity: 0;
    transition: all ease .1s;
}

.GameBtn1 {
    width: 145px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    background-color: #FFC412;
    border-radius: 5px;
    margin: 0 auto;
}

a .GameBtn1 {
    display: block;
    color: #3A3A3A;
    text-decoration: none;
}

.GameJumpBox.Free {
    width: 100px;
    height: 100px;
    font-size: 12px;
    line-height: 150px;
    left: 50%;
    margin-left: -50px;
    top: 30%;
    margin-top: -50px;
    text-align: center;
}

.GameJumpBox.Free i {
    position: absolute;
    width: 35px;
    height: 35px;
    background-image: url(../styles/images/icon011.png);
    left: 50%;
    margin-left: -17.5px;
    top: 40%;
    margin-top: -17.5px;
}

a .GameJumpBox.Free {
    color: #fff;
    text-decoration: none;
}

.GameJumpBox p {
    padding: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-bottom: 25px;
}

.GameJumpBox h2 {
    width: 100%;
    text-align: center;
    color: #FFC412;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.GamesBox:hover .GameJumpBox {
    opacity: 1;
    top: 63%;
}

.GamesBox:hover .GameJumpBox.Free {
    opacity: 1;
    top: 50%;
}

.GamesBox:hover .GameJpt {
    bottom: -35px;
}

.prev, .next {
    position: absolute;
    width: 64px;
    height: 65px;
    background-image: url("images/prev.png");
    top: 130px;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    transition: all .3s;
}

.prev {
    left: -32px;
}

.next {
    background-image: url("images/next.png");
    right: -32px;
}

.GameAll:hover .prev, .GameAll:hover .next {
    opacity: 1;
}


/*優惠活動*/

.OfferMain {
    width: 1000px;
    height: auto;
    margin: 0 auto 50px;
}

.OfferMain .TitleBox {
    padding: 0;
    margin: 15px 0;
}

.OfferMain .TitleBox h2, .OfferMain .TitleBox p {
    line-height: 40px;
}

.OfferBox2 {
    position: relative;
    width: 238px;
    height: 250px;
    float: left;
    border: 1px solid #f1f1f1;
    margin-bottom: 15px;
    margin-left: 13px;
}
.OfferBox2Wrapper .OfferBox2:nth-child(4n+1){
    margin-left: 0;
}
.OfferBox2.MarginLeft {
    margin-left: 13px;
}

.OfferBox2.MarginLeft {
    margin-left: 13px;
}

.OfferBox2 .Pic {
    width: 100%;
    height: 147px;
    background-color: #fcf2dc;
    background-image: url(images/logo4.png);
    background-position: center;
    background-repeat: no-repeat;}

.OfferBox2 .Article {
    position: absolute;
    width: 100%;
    height: 45px;
    padding: 10px 0 50px;
    background-color: #fff;
    overflow: hidden;
    transition: all ease-out .3s;
    bottom: 0px;
}

.OfferBox2 .Article p {
    height: 100%;
    padding: 0 10px;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    overflow: hidden;
    text-align: justify;
}

.OfferBox2 .Btn {
    position: absolute;
    width: 80px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    margin-left: 10px;
    left: 0px;
    bottom: 10px;
}

.OfferBox2 .Btn.Received {
    background-color: #D5D5D5;
}

.OfferBox2 .Btn.Ing {
    background-color: #3EACE9;
}

.OfferBox2 .Btn.Ing a {
    opacity: .5;
}

.OfferBox2 .Degital {
    position: absolute;
    font-size: 14px;
    color: #FF6050;
    line-height: 40px;
    margin-right: 10px;
    right: 0px;
    bottom: 10px;
}

.OfferBox2:hover .Article {
    height: 100px;
    background-color: #f8f8f8;
}


/*註冊頁面*/

.RegisterSuccess {
    margin-bottom: 20px;
}

.RegisterSuccess ul li {
    overflow: hidden;
    padding: 15px 0;
}

.RegisterSuccess ul li i {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    font-size: 12px;
    color: #666666;
    text-align: center;
    line-height: 100px;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    float: left;
    margin-right: 15px;
    background-position: center 10px;
    background-repeat: no-repeat;
}

.RegisterSuccess ul li i.Rs1 {
    background-image: url("images/rs1.png");
}

.RegisterSuccess ul li i.Rs2 {
    background-image: url("images/rs2.png");
}

.RegisterSuccess ul li i.Rs3 {
    background-image: url("images/rs3.png");
}

.RegisterSuccess ul li.Line {
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    padding: 0;
}

.RegisterSuccess ul li .Article {
    display: inline-block;
    float: left;
}

.RegisterSuccess ul li .Btn {
    width: 80px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    float: left;
}

.RegisterSuccess ul li .Degital {
    float: right;
    color: #FFA800;
    line-height: 30px;
    text-align: right;
    margin: 0;
}

.RegisterBanner {
    position: relative;
    width: 100%;
    height: 585px;
    background-color: #fcf2dc;
    overflow: hidden;
    z-index: 0;
}

.RegisterBanner .Pic {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.RegisterMain {
    position: absolute;
    width: 300px;
    height: auto;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .95);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    z-index: 2;
    top: 50%;
    margin-top: -255px;
    right: 50%;
    margin-right: -500px;
    padding: 30px;
    transition: all ease-out .3s;
}

.RegisterMain:hover {
    background-color: rgba(255, 255, 255, 1);
}

.lRMain {
    position: relative;
    height: auto;
}

.lRMain h2 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
}

.lRMain p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 10px;
}

.lRMain p span {
    color: #FFA800;
}

.lRMain p a {
    color: #FFA800;
    text-decoration: none;
}

.lRMain p a:hover {
    text-decoration: underline;
}

.lRMain .InputBox {
    position: relative;
    height: 40px;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
}

.lRMain .InputBox.W160 {
    width: 160px;
}

.lRMain .InputBox.W170 {
    width: 170px;
}

.lRMain .InputBox input {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    color: #666666;
    text-indent: 55px;
}

.lRMain .InputBox i {
    position: absolute;
    width: 45px;
    height: 40px;
    top: 0;
    left: 0;
    background-color: #DDDDDD;
}

.lRMain .InputBox.Active {
    border: 1px solid #FFA800;
    box-shadow: 0 0 5px rgba(255, 162, 0, 50);
}

.lRMain .InputBox.Warnings {
    border: 1px solid #FF6050;
    box-shadow: 0 0 5px rgba(255, 96, 80, 50);
}

.lRMain .Prompt {
    font-size: 10px;
    color: #CFCFCF;
    text-align: right;
    margin-bottom: 10px;
}

.lRMain .Prompt a {
    color: #999999;
    text-decoration: none;
}

.lRMain .Prompt a:hover {
    text-decoration: underline;
}

.lRMain .SelectBox {
    position: relative;
    height: 40px;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
}

.lRMain .SelectMain {
    width: inherit;
    padding: 0 30px 0 55px;
}

.lRMain .SelectBox i {
    position: absolute;
    width: 45px;
    height: 40px;
    top: 0;
    left: 0;
    background-color: #DDDDDD;
}

.lRMain .SelectBox b {
    position: absolute;
    width: 12px;
    height: 7px;
    top: 0;
    right: 10px;
    background-image: url("images/icon007.png");
    top: 50%;
    margin-top: -3.5px;
}

.lRMain .SelectBox .Word {
    font-size: 14px;
    line-height: 40px;
    color: #666666;
}

.lRMain .SelectBox .Option {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: none;
    top: 40px;
    left: inherit;
    z-index: 2;
}

.lRMain .SelectBox .Option ul {
    border: 1px solid #DDDDDD;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
}

.lRMain .SelectBox .Option ul li {
    clear: both;
    overflow: hidden;
    padding: 0 10px;
}

.lRMain .SelectBox .Option ul li:hover {
    background-color: #f8f8f8;
}

.SendBtn {
    width: 115px;
    height: 40px;
    border: 1px solid #DFDFDF;
    background-image: url("images/bg005.png");
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    color: #666666;
    text-align: center;
    line-height: 38px;
}

.SendBtn:hover {
    background-image: none;
    background-color: #F3F3F3;
}

.SendBtn.Active:hover {
    background-image: url("images/bg005.png");
}

.Warning {
    position: absolute;
    width: 100%;
    height: 30px;
    font-size: 12px;
    padding: 0 5px;
    color: #333333;
    line-height: 30px;
    background-color: #FEF2F2;
    border-radius: 3px;
    top: 23px;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.Warning i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url("images/icon008.png");
    margin: 0 5px 0 0;
}

.RightText {
    font-size: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 10px;
}

.RightText a {
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

.RightText a:hover {
    text-decoration: underline;
}

.LeftText {
    font-size: 12px;
    line-height: 18px;
    color: #aaaaaa;
}

.LeftText a {
    color: #FFA800;
    text-decoration: none;
}

.LeftText a:hover {
    text-decoration: underline;
}
/*存款提示*/
.LightBoxMain.bouseoffer{
    width: 800px;
    margin-left: -430px;
}
.lRMain.bouseoffer h2{
    margin-bottom: 20px;
}
.bouseoffer-wrap{
    width: 100%;
}
.bouseoffer-inner{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.PD.left{
    padding-right: 15px;
}
.PD.right{
    padding-left: 15px;
}
.deposit-amount{
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 16px;
}
.deposit-amount .money{
    font-size: 13px;
    color: #666;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.deposit-amount .money span{
    font-size: 14px; 
}
/* 金額輸入框 */
.deposit-form{
    width: 100%;
}
.deposit-form .field{
    position: relative;
}
.field .input-wrap{
    background: #fff;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #E1E1E1;
    padding: 16px;
    margin-bottom: 16px;
}
.field .input-wrap input{
    display: inline-block;
    width: 100%;
    font-size: 32px;
    text-align: center;
    color: #333333;
    border: 0;
    line-height: 16px;
    text-indent: 0px;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-rendering: auto;
    -webkit-writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-rtl-ordering: logical;
    user-select: text;
    /* font-family: 'Montserrat-Regular' , sans-serif; */
    font-family: Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti;
    text-rendering: optimizespeed;
    background: transparent;
}
.field .input-wrap.red{
    background: #FFEDEB;
    border: 1px solid #FF8979;
}
.field .input-wrap.red input{
    color: #FF200E;
}
.field .input-wrap.ok{
    background: #fcf2dc;
    border: 1px solid #ff9300;
}
/* 金額選擇區塊 */
.deposit-form .choose-wrap{
    width: 100%;
}
.deposit-form .choose-wrap li{
    display: inline-block;
    width: 33.333333%;
    text-align: center;
}
.choose-wrap li .choosebtn-wrap{
    display: inline-block;
    width: 100%; 
    font-size: 16px;
    text-decoration: none;
    color: #000;
    vertical-align: top;
}
.choose-wrap li .choosebtn-wrap .choosebtn-inner {
    padding-left: 2.75px;
    padding-right: 2.75px;
    background: transparent;
    margin-top: 12px;
}
.choose-wrap li .choosebtn-wrap .choosebtn-inner.left {
    padding-left: 0px;
    padding-right: 5.5px;
}
.choose-wrap li .choosebtn-wrap .choosebtn-inner.right {
    padding-left: 5.5px;
    padding-right: 0px;
}
.choose-wrap li .choosebtn-wrap .deposit{
    padding: 16px;
    border-bottom: 4px solid #dddddd;
    transition: all .4s ease-in;
}
.choose-wrap li .choosebtn-wrap.active .deposit{
    border-bottom: 4px solid #FFA627;
    transition: all .2s ease-out;
}
/* 可得多少紅利 */
.deposit-form .pointscredit-wrap{
    width: 100%;
}
.deposit-form .pointscredit-wrap .text{
    text-align: right;
    font-size: 15px;
    padding-top: 36px;
    padding-bottom: 14px;
    color: #333333;
}
.deposit-form .pointscredit-wrap .text i{
    color: #ff9300;
}
.deposit-form .btn-wrap{
    width: 100%;
    text-align: center;
}
.deposit-form .btn-wrap a{
    display: block;
    color: #FFF;
    padding: 14px;
    background: #FF9E00;
    text-decoration: none;
    letter-spacing: 1px;
    border-radius: 3px;
    transition: all .5s ease-in;
}
.deposit-form .btn-wrap a:hover{
    background: #ff8a00;
    transition: all .2s ease-out;
}
/* 左邊區塊 */
.PD .depositbanner-wrap{
    width: 100%;
    height: 180px;
}
.PD .depositbanner-wrap .banner{
    width: 100%;
    height: 100%;
    background-image: url('images/bonusoffer-banner.jpg');
    background-size: 100%;
}
.PD .directions-wrap{
    width: 100%;
    letter-spacing: 2px;
}
.PD .directions-wrap .title{
    font-size: 18px;
    color: #333;
    margin-top: 48px;
    margin-bottom: 25px;
}
.PD .directions-wrap .title i{
    color: #ff9300;
}
.PD .directions-wrap .text{
    font-size: 15px;
    color: #666666;
    text-align: justify;
    line-height: 24px;
}


/*跳窗*/

.LightBox {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 150;
}

.LightBoxBg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url("images/bg006.png");
}

.LightBoxMain {
    position: fixed;
    width: 300px;
    padding: 30px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    margin-left: -180px;
    top: 50px;
    z-index: 2;
}

.Xbox {
    position: absolute;
    width: 32px;
    height: 21px;
    background-color: #EFEFEF;
    border-radius: 25px 0 0 25px;
    top: 15px;
    right: 0;
    padding: 2px;
    cursor: pointer;
}

.X {
    width: 21px;
    height: 21px;
    background-image: url("images/x.png");
    transition: all ease-in-out 1s;
}

.Xbox:hover .X {
    transform: rotate(360deg);
}


/*忘記密碼*/

.FpswNav {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.FpswNav ul li {
    position: relative;
    width: 88px;
    height: 88px;
    background-color: #F9F9F9;
    border: 1px solid #E7E8E7;
    border-radius: 88px;
    float: left;
    margin: 0 5px;
    font-size: 12px;
    line-height: 130px;
    text-align: center;
}

.FpswNav ul li a {
    display: block;
    color: #333333;
    text-decoration: none;
}

.FpwIcon1, .FpwIcon2, .FpwIcon3 {
    position: absolute;
    top: 17px;
    left: 50%;
    margin-left: -17.5px;
    width: 35px;
    height: 35px;
    background-image: url("images/fpswicon.png");
}

.FpwIcon1.Active {
    background-position: 0 -35px;
}

.FpwIcon2 {
    background-position: 0 -70px;
}

.FpwIcon2.Active {
    background-position: 0 -105px;
}

.FpwIcon3 {
    background-position: 0 -140px;
}

.FpwIcon3.Active {
    background-position: 0 -175px;
}

.HNLabel1, .HNLabel2 {
    position: absolute;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #FF6050;
    padding: 0 10px;
    top: 10px;
    left: -5px;
}

.HNLabel2 {
    background-color: #FF9400;
}

.HNLabel1 i, .HNLabel2 i {
    position: absolute;
    display: inline-block;
    width: 5px;
    height: 4px;
    background-image: url("images/icon009.png");
    background-size: 100%;
    left: 0;
    margin-top: 20px;
}

.HNLabel2 i {
    background-image: url("images/icon010.png");
}


/*會員中心*/

.MemberHeader {
    width: 100%;
    height: auto;
    background-color: #1e1b29;
}

.MemberLogo1 {
    width: 66px;
    height: 15px;
    background-image: url("images/logo2.png");
    background-size: 100%;
    text-indent: -9999px;
    float: left;
    margin-top: 10px;
}

.MemberLogo1 a {
    display: block;
    width: 100%;
    height: 100%;
}

.MemberHeaderTop {
    height: 35px;
    border-bottom: 1px solid #2a2639;
}

.MemberMain {
    width: 995px;
    height: auto;
    margin: 0 auto;
}

.MemberBottom {
    height: 125px;
    line-height: 125px;
    position: relative;
    z-index: 10;
}

.MemberListNav {
    float: right;
    line-height: 35px;
}

.MemberListNav ul li {
    float: left;
    font-size: 12px;
    color: #afafaf;
    margin-left: 10px;
}

.MemberListNav ul li a {
    color: #afafaf;
    text-decoration: none;
}

.MemberListNav ul li a:hover {
    text-decoration: underline;
}

.MemberNav {
    text-align: center;
}

.MemberNav ul {
    display: inline-block;
}

.MemberNav ul li {
    font-size: 18px;
    line-height: 125px;
    background-color: #1e1b29;
    float: left;
    transition: all ease-out .1s;
}

.MemberNav ul li:hover {
    line-height: 135px;
    background-color: #22212e;
}

.MemberNav ul li:hover a {
    color: #fff;
}


/*
.MemberNav ul li.OmoveBg {
    position: relative;
    width: 98px;
    height: 72px;
    background-image: url("images/membero1.png");
    margin: 10px 45px 0;
    padding: 26px 0 0 0;
}

.MemberNav ul li.OmoveBg:hover {
    background-color: #1e1b29;
}

.MemberNav ul li.OmoveBg h2, .MemberNav ul li.OmoveBg p {
    color: #ffd4fe;
    line-height: 20px;
}

.MemberNav ul li.OmoveBg h2 {
    font-size: 14px;
}

.MemberNav ul li.OmoveBg h2 span {
    font-size: 30px;
}

.MemberNav ul li.OmoveBg p {
    font-size: 12px;
}
*/

.OmoveBg {
    position: relative;
    width: 98px;
    height: 72px;
    background-image: url("images/membero1.png");
    margin: 10px 45px 0;
    padding: 26px 0 0 0;
}

.MemberNav ul li.Omoveh {
    background-color: #1e1b29;
}

.MemberNav ul li.Omoveh:hover {
    background-color: #22212e;
    cursor: pointer;
}

.OmoveBg h2, .MemberNav.OmoveBg p {
    color: #ffd4fe;
    line-height: 20px;
}

.OmoveBg h2 {
    font-size: 14px;
}

.OmoveBg h2 span {
    font-size: 30px;
}

.OmoveBg p {
    font-size: 12px;
}

.Omove {
    position: absolute;
    width: 98px;
    height: 98px;
    background-image: url("images/membero2.png");
    top: 0;
    animation: Move1 2.5s ease-out ;
    animation-fill-mode: forwards;
}

.MemberNav ul li a {
    display: block;
    height: 100%;
    padding: 0 45px;
    color: #999999;
    text-decoration: none;
}

.MemberNav ul li.Active a {
    color: #fff;
}

.MemberFooter {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #22212e;
    overflow: hidden;
}

.MemberBrand {
    width: 995px;
    height: 35px;
    background-image: url("images/brand.png");
    margin-bottom: 30px;
}

.MemberLogo2 {
    width: 162px;
    height: 37px;
    background-image: url("images/logo2.png");
    float: left;
    margin-right: 20px;
}

.MemberFooter p {
    font-size: 12px;
    line-height: 20px;
    color: #afafaf;
    float: left;
}

.MemberContent {
    position: relative;
    width: 995px;
    height: auto;
    margin: 0 auto 50px;
}

.MemberTitle {
    font-size: 18px;
    color: #333333;
    line-height: 50px;
    border-bottom: 1px solid #8bcdf2;
    margin-bottom: 15px;
}

.MemberLeftNav {
    position: absolute;
    width: 190px;
    height: auto;
}

.MemberLeftNav ul li {
    position: relative;
    width: 100%;
    font-size: 14px;
    line-height: 50px;
}

.MemberLeftNav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    text-decoration: none;
}

.MemberLeftNav ul li i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("images/membericons.png");
    background-size: 200%;
    vertical-align: middle;
    margin: 0 5px 0 25px;
}

.MemberLeftNav ul li.Icon01.Active i {
    background-position: 0 -24px;
}

.MemberLeftNav ul li.Icon02 i {
    background-position: 0 -48px;
}

.MemberLeftNav ul li.Icon02.Active i {
    background-position: 0 -72px;
}

.MemberLeftNav ul li.Icon03 i {
    background-position: 0 -96px;
}

.MemberLeftNav ul li.Icon03.Active i {
    background-position: 0 -120px;
}

.MemberLeftNav ul li.Icon04 i {
    background-position: 0 -144px;
}

.MemberLeftNav ul li.Icon04.Active i {
    background-position: 0 -168px;
}

.MemberLeftNav ul li span {
    display: inline-block;
    width: 7px;
    height: 13px;
    background-image: url("images/arrow.png");
    float: right;
    margin-top: 18.5px;
    margin-right: 20px;
}

.MemberLeftNav ul li .RedPrompt {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #FF6050;
    background-image: inherit;
    float: inherit;
    margin-top: inherit;
    margin-left: 10px;
    margin-top: -2px;
    margin-right: inherit;
    vertical-align: middle;
}

.MemberLeftNav ul li.Active a {
    color: #3eace9;
}

.MemberLeftNav ul li.Active span {
    background-position: bottom;
}

.MemberRightContent {
    width: 765px;
    min-height: 500px;
    border-left: 190px solid #f5f5f5;
    padding-left: 40px;
}

.MemberRightNav {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    margin-bottom: 20px;
}

.MemberRightNav ul {
    display: inline-block;
}

.MemberRightNav ul li {
    float: left;
    padding: 0 15px;
}

.MemberRightNav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333333;
    text-decoration: none;
}

.MemberRightNav ul li.Active {
    height: 47px;
    border-bottom: 3px solid #3eace9;
}

.MemberRightMain {
    padding: 0 50px;
}

.MemberStep {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.MemberStep ul li {
    position: relative;
    float: left;
    text-align: center;
}

.MemberStep.StepThree ul li {
    width: 33.33333%;
}

.MemberStep.StepTwo ul li {
    width: 50%;
}

.MemberStep ul li i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background-color: #c7c7c7;
    margin-bottom: 5px;
}
.MemberStep ul li p {
    position: relative;
    font-size: 12px;
    color: #c7c7c7;
}

.MemberStep ul li span.Line {
    position:absolute; 
    display:block;
    width: 96%;
    height: 2px;
    background-color: #c7c7c7;
    z-index: -1;
    top: 9px;
}

.MemberStep.StepThree ul li span.Line {
    width: 94%;
}

.MemberStep ul li.Step1 div {
    float: left;
}

.MemberStep ul li.Step3 div {
    float: right;
}

.MemberStep ul li.Step3 div span.Line {
    right: 15px;
}

.MemberStep.StepTwo ul li.Step2 div {
    float: right;
}

.MemberStep ul li.Step1 span.Line {
    left: 15px;
}

.MemberStep.StepTwo ul li.Step2 span.Line {
    right: 15px;
}

.MemberStep.StepThree ul li.Step2 span.Line {
    width: 100%;
}

.MemberStep ul li.Active i {
    background-color: #3eace9;
}

.MemberStep ul li.Active p {
    color: #3eace9;
}

.MemberStep ul li.Active span.Line {
    background-color: #3eace9;
}

.InputBox {
    position: relative;
    width: auto;
    height: auto;
    clear: both;
    margin-bottom: 15px;
}

.MemberRightMain .InputBox p {
    line-height: 40px;
    margin: 0;
    cursor: pointer;
}

.InputBox.MarginBottom35 {
    margin-bottom: 35px;
}

.InputBox label {
    width: 75px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 10px 0;
    color: #333333;
    float: left;
}

.InputBox input {
    width: 215px;
    height: 36px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    text-indent: 10px;
    float: left;
}

.InputBox.W240 input {
    width: 240px;
}

.InputBox input.Active {
    border: 1px solid #3eace9;
    box-shadow: 0 0 5px rgba(62, 172, 233, .5);
}

.SelectBox {
    position: relative;
    width: auto;
    height: auto;
    clear: both;
    margin-bottom: 15px;
}
.MemberRightMain .SelectBox p {
    line-height: 40px;
}
.SelectBox input {
    width: 130px;
    height: 36px;
    text-indent: 10px;
    float: left;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-left: 10px;
}

.SelectBox input.Active {
    border: 1px solid #3eace9;
    box-shadow: 0 0 5px rgba(62, 172, 233, .5);
}

.SelectBox label {
    width: 75px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 10px 0;
    color: #333333;
    float: left;
}

.Select {
    position: relative;
    min-width: 185px;
    padding-right: 30px;
    height: 38px;
    float: left;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #333333;
    line-height: 38px;
    text-indent: 10px;
    cursor: pointer;
}

.Select.W70 {
    min-width: 40px;
}

.Select.W100 {
    min-width: 70px;
}

.SelectMain {
    width: 100%;
    height: 100%;
}

.SelectMain i {
    position: absolute;
    width: 10px;
    height: 5px;
    background-image: url("images/icon012.png");
    top: 50%;
    right: 10px;
    margin-top: -2.5px;
}

.Option {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #dddddd;
    background-color: #FFF;
    top: 38px;
    left: -1px;
    z-index: 1;
}

.Option ul {
    margin: 0;
    padding: 0;
}

.Option ul li {
    text-indent:0;
    padding: 8px 10px;
    line-height: 20px;
    clear: both;
}

.Option ul li:hover {
    background-color: #f5f5f5;
}
.Option ul li p {
    margin:0;
    padding: 0; 
}
.InputBox ul.Bank {
    width: 580px;
    height: auto;
    float: left;
}

.InputBox ul.Bank li {
    position: relative;
    height: 35px;
    float: left;
    margin: 0px 15px 15px 0;
}

.InputBox ul.Bank li.Active .BkImg {
    border: 1px solid #3eace9;
}

.RadioBox {
    width: 17px;
    height: 17px;
    background-image: url("images/radio.png");
    cursor: pointer;
    float: left;
    margin: 10px 5px 0 0;
}

.RadioBox.Active {
    background-position: bottom;
}

.BkImg {
    position: relative;
    min-width: 135px;
    height: 35px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}

.BkImg img {
    cursor: pointer;
    float: left;
}

.Degital {
    float: left;
    font-size: 12px;
    color: #666666;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    cursor: pointer;
}

.Delate {
    float: left;
    width: 25px;
    height: 35px;
    line-height: 35px;
    background-image: url("images/delate.png");
    border-left: 1px dashed #dddddd;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.Delate:hover {
    background-color: #f5f5f5;
}

.Delate2 {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-image: url("images/x2.png");
    background-color: #3eace9;
    z-index: 2;
    right: -10px;
    top: -10px;
    opacity: 0;
    cursor: pointer;
    transition: all ease-out .3s;
}

.InputBox ul.Bank li.Active:hover .Delate2 {
    opacity: 1;
}

.AddBank {
    margin-top: -10px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #333333;
    cursor: pointer;
}

.AddBank span {
    vertical-align: middle;
}

.AddBank:hover {
    color: #3eace9;
}

.AddBank i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #3eace9;
    background-image: url("images/icon015.png");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.MemberPrompt {
    position: absolute;
    max-width: 250px;
    padding: 0 10px;
    height: auto;
    border-radius: 5px;
    color: #5e5e5e;
    background-color: #fff8ee;
    border: 1px solid #dddddd;
    font-size: 12px;
    margin-left: 320px;
}

.MemberRightMain .MemberPrompt p {
    line-height: 35px;
    border-bottom: 1px dashed #dddddd;
    margin: 0;
}
.MemberRightMain .MemberPrompt p.LineHeight {
    padding: 10px 0;
    line-height: 22px;
}

.MemberRightMain .MemberPrompt p.BorderNone {
    border: none;
}

.MemberPrompt i {
    position: absolute;
    width: 12px;
    height: 20px;
    background-image: url("images/icon013.png");
    top: 8px;
    left: -12px;
}

.MemberPrompt a, .MemberPrompt span {
    color: #ff0000;
}

.MemberSendBtn {
    min-width: 95px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 12px;
    overflow: hidden;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.MemberSendBtn a {
    display: block;
    color: #666666;
    text-decoration: none;
    background-image: url(../styles/images/bg005.png);
    padding: 0 10px;
}

.MemberSendBtn a:hover {
    background-image: none;
    background-color: #F3F3F3;
}

.MemberSendBtn.Active a:hover {
    background-image: url(../styles/images/bg005.png);
    background-color: inherit;
}

.MemberBtn {
    width: 175px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.MemberBtn a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #c7c7c7;
    cursor: default;
}

.MemberBtn.Active a {
    background-color: #3eace9;
    cursor: pointer;
}

.MemberBtn.Active a:hover {
    background-color: #46bdff;
}
.MemberBtn .spinner{
    width: 35px;
    height: 35px;
    margin: 0 auto;
}
.MemberBtn .spinner .dot1,.MemberBtn .spinner .dot2 {
    background-color: #fff;
}
.MemberRightMain h1 {
    font-size: 18px;
    line-height: 50px;
    color: #333333;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}

.MemberRightMain h2 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
}

.MemberRightMain p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin-bottom: 20px;
}

.MemberRightMain p a {
    color: #3eace9;
    text-decoration: none;
}

.MemberRightMain p a.Red {
    color: #ff0000;
}

.MemberRightMain p a:hover {
    text-decoration: underline;
}

.MemberRightMain p span {
    color: #ff0000;
}

.MemberRightMain p span.Line {
    color: #46bdff;
    margin: 0 5px;
}

.TableStyle1 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #3eace9;
}

.TableStyle1 table {
    width: 100%;
    border: 1px solid #dddddd;
}

.AliplayIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-image: url("images/aliplayicon.png");
    background-color: #3eace9;
    vertical-align: middle;
    margin-right: 5px;
}

.AliplayQrCode {
    width: 90px;
    height: 90px;
    border: 1px dashed #dddddd;
    margin: 10px auto;
}

.TableStyle1 table tr td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
    padding: 15px;
    line-height: 22px;
    text-align: left;
}

.TableStyle1.w50 table tr td {
    width: 50%;
}

.TableStyle1.TextCenter table tr td {
    text-align: center;
    text-indent: inherit;
}

.TableStyle1 table tr td p {
    margin-bottom: 0;
}

.TableStyle1 table tr td.Title {
    min-width: 100px;
    color: #333333;
    background-color: #f5f5f5;
}

.TimesReciprocal {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #ffae00;
    margin-bottom: 20px;
    margin-top: -1px;
}

.TimesReciprocal span {
    font-size: 18px;
    margin: 0 5px;
}

.TimesReciprocal i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("images/icon017.png");
    margin-right: 5px;
}

.MemberPoint h3 {
    font-size: 16px;
    color: #3eace9;
    margin-bottom: 10px;
    margin-top: 30px;
}

.MemberPoint h3 span {
    color: #333333;
}

.MemberPoint ul li {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    text-indent: -15px;
    margin-left: 40px;
}

.MemberPoint ul li a, .MemberPoint ul li span {
    color: #3eace9;
    text-decoration: none;
}

.MemberPoint ul li a:hover {
    text-decoration: underline;
}

.MemberWarning p {
    font-size: 12px;
    color: #333333;
}

.MemberRightMain .MemberWarning p span {
    color: #333333;
    vertical-align: middle;
}

.MemberRightContent .MemberWarning p span {
    vertical-align: middle;
}

.MemberWarning i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("images/warning.png");
    vertical-align: middle;
    margin-right: 5px;
}

.MemberWarning.Active i {
    background-position: bottom;
    ;
}

.VersionWithdrawalBg {
    width: 400px;
    height: auto;
    overflow: hidden;
    border: 1px solid #dddddd;
    border-radius: 3px;
    float: left;
    padding: 20px 20px 40px;
}

.VersionWithdrawalBg ul li {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 5px 0 0;
    font-size: 10px;
    color: #5e5e5e;
    text-align: center;
}

.WithdrawalInput1 {
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #dddddd;
    margin: 0 0 5px 0;
}

.VersionWithdrawalBg ul li input[type="text"] {
    width: 38px;
    height: 36px;
    border: 1px solid #dddddd;
    margin: 0 0 5px 0;
    text-indent: inherit;
    text-align: center;
}

.VersionWithdrawalBg ul li input[type="text"].Active {
    box-shadow: 0 0 2px rgba(0, 0, 0, .3);
}

.VersionWithdrawalooo {
    background-image: url("images/icon014.png");
    background-repeat: no-repeat;
}

.BgColor1 {
    background-color: #f5f5f5;
}

.BgColor2 {
    background-color: #fff8ee;
}

.BgColor3 {
    background-color: #c7c7c7;
}

.BgColor4 {
    background-color: #fff;
}

.VersionDescription {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    margin-bottom: 15px;
}

.VersionDescription span {
    color: #000000;
}

.MemberTableBox {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.MemberRightMain .MemberTableBox ul li {
    line-height: 70px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}

.MemberRightMain .MemberTableBox h2, .MemberRightMain .MemberTableBox p {
    margin: 0;
    line-height: inherit;
}

.MemberRightMain .MemberTableBox h2 {
    min-width: 100px;
    font-size: 14px;
    color: #333333;
    white-space:nowrap;

}

.MemberRightMain .MemberTableBox h2 i.Lock {
    display: inline-block;
    width: 12px;
    height: 16px;
    vertical-align: middle;
    background-image: url("images/icon019.png");
    background-size: 100%;
    margin-left: 5px;
}

.MemberRightMain .MemberTableBox p {
    font-size: 12px;
    color: #999999;
     word-break: break-all;
    height: 70px;
}
.MemberRightMain .MemberTableBox p.FloatLeft{
    width:60%;
    word-break: break-all;
    line-height: 14px;
    box-sizing: border-box;
    padding: 26px;
    overflow: hidden;
}
p.LoginTimes {
    color: #333333;
    line-height: 60px;
}

p.LoginTimes i {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 30px;
    background-image: url("images/icon018.png");
    background-size: 100%;
    margin-right: 10px;
}

.MemberNews {
    width: 109%;
    height: auto;
    margin-bottom: 20px;
}
.LightBoxMain .MemberNews {
    width: 100%;
    max-height: 600px;
    overflow-y:auto; 
}
.LightBoxMain .MemberNews ul li i {
    right: 10px;
}
.LightBoxMain .MemberNews ul li {
    padding: 30px;
}
.LightBoxMain .MemberNews ul li:hover {
    background-color: #fafafa;
}
.MemberNews ul li {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #dddddd;
}
.MemberNews ul li:hover {
    background-color: #fafafa;
}
.MemberNews ul li i {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("images/icon020.png");
    background-size: 100%;
    top: 20px;
    right: 10px;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transition: all ease-out .1s;
}

.MemberNews ul li:hover i {
    top: 10px;
    opacity: 1;
}

.MemberNews ul li .Times {
    width: 20%;
    font-size: 12px;
    text-indent: 20px;
    color: #666666;
    float: left;
}

.MemberNews ul li .Article {
    width: 75%;
    float: left;
}

.MemberNews ul li .Article h2 {
    font-size: 14px;
    color: #333333;
}

.MemberNews ul li .Article p {
    font-size: 14px;
    color: #666666;
    margin: 0;
}


/*幫助中心*/

.HelpCenterBanner {
    width: 100%;
    height: 400px;
    background-image: url("images/hpbanner.jpg");
    background-color: #fcf2dc;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 50px;
}

.HelpCenterBar {
    position: relative;
    width: 100%;
    height: 75px;
    background-color: #f5f5f5;
    margin-bottom: 50px;
}

.HelpCenterBar .HelpCenterSearchTitle {
    top: 0;
}

.HelpCenterBar .HelpCenterSearchTitle h2 {
    font-size: 24px;
    color: #333333;
    line-height: 75px;
    float: left;
}

.HelpCenterBar .HelpCenterSearchBox {
    width: 450px;
    height: 45px;
    border-radius: 45px;
    float: left;
    margin-top: 15px;
    margin-left: 40px;
}

.HelpCenterSearchTitle {
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -500px;
}

.HelpCenterSearchTitle h2 {
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 30px;
}

.HelpCenterSearchTitle p {
    font-size: 14px;
}

.HelpCenterSearchTitle p span {
    text-decoration: underline;
}

.HelpCenterSearchTitle p a {
    color: #fff;
    text-decoration: none;
}

.HelpCenterSearchBox {
    position: relative;
    width: 650px;
    height: 65px;
    background-color: #fff;
    border-radius: 65px;
    margin-bottom: 20px;
}

.HelpCenterSearchBox i {
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("images/searchicon3.png");
    left: 25px;
    top: 50%;
    margin-top: -7px;
}

.HelpCenterSearchBox input {
    width: 100%;
    height: 100%;
    border-radius: 65px;
    border: 1px solid #dddddd;
    font-size: 18px;
    color: #333333;
    text-indent: 50px;
}

.HelpCenterSearchOption {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    top: 75px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
}

.HelpCenterSearchOption ul li {
    font-size: 14px;
    line-height: 22px;
}

.HelpCenterSearchOption ul li:hover {
    background-color: #ffebd3;
}

.HelpCenterSearchOption ul li a {
    display: block;
    padding: 5px 20px;
    color: #666666;
    text-decoration: none;
}

.HelpCenterSearchOption ul li a span {
    color: #FF9F00;
}

.HelpCenterBar .HelpCenterSearchOption {
    top: 55px;
}

.HelpCenterMain {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.HelpCenterLeftNav {
    float: left;
    min-height: 500px;
}

.HelpCenterLeftNav ul li {
    line-height: 40px;
    border-left: 2px solid #E4E4E4;
    font-size: 14px;
    text-indent: 20px;
}

.HelpCenterLeftNav ul li a {
    color: #666666;
    text-decoration: none;
}

.HelpCenterLeftNav ul li.Active {
    border-left: 2px solid #FF9F00;
}

.HelpCenterLeftNav ul li a:hover, .HelpCenterLeftNav ul li.Active a {
    color: #FF9F00;
}

.HelpCenterArticle {
    width: 800px;
    height: auto;
    float: right;
    margin-bottom: 70px;
}

.HelpCenterArticle h2 {
    font-size: 20px;
    color: #333333;
    margin-bottom: 20px;
}

.HelpCenterArticle h3 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

.HelpCenterArticle p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 40px;
}
.HcW50 {
    width: 50%;
}
ul.HelpCenterArticlesmNav {
    margin-bottom: 40px;
}

ul.HelpCenterArticlesmNav li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
}

ul.HelpCenterArticlesmNav li a {
    text-decoration: none;
    color: #666666;
}

ul.HelpCenterArticlesmNav li a:hover {
    text-decoration: underline;
}

ul.HelpCenterArticleColumn li {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-left: 15px;
    text-indent: -15px;
    margin-bottom: 10px;
}
ul.HelpCenterArticleColumn li a ,.HelpCenterArticle p a{
    color: #FF9300;
    text-decoration: none;
}
ul.HelpCenterArticleColumn li a:hover ,.HelpCenterArticle p a:hover{
    text-decoration: underline;
}
.HelpCenterlogin {
    width: 100%;
    height: 85px;
    background-color: #f5f5f5;
    border-radius: 3px;
    margin-bottom: 50px;
}

.HelpCenterlogin h3 {
    font-size: 24px;
    color: #333333;
    line-height: 85px;
    text-indent: 25px;
    float: left;
}

.HelpCenterlogin h3 a {
    color: #FF9F00;
    text-decoration: none;
}

.HelpCenterlogin h3 a:hover {
    text-decoration: underline;
}

.HelpCenterlogin .Btn {
    width: 55px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    float: right;
    margin-top: 25px;
    margin-right: 25px;
}

.HelpCenterArticleNavAll {
    width: 33.3333%;
    min-height: 280px;
    float: left;
    overflow: hidden;
}

.HelpCenterArticleNavAll .Pic {
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 10px;
}

.HelpCenterArticleNav {
    width: 180px;
    float: left;
}

.HelpCenterArticleNav h2 {
    font-size: 20px;
    line-height:26px;
    color: #333333;
    margin-bottom: 10px;
}
.HelpCenterArticleNav ul li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 13px;
}

.HelpCenterArticleNav ul li a {
    color: #666666;
    text-decoration: none;
}

.HelpCenterArticleNav ul li a:hover {
    text-decoration: underline;
}

.HelpCenterList {
    margin-bottom: 30px;
}

.HelpCenterList ul li {
    float: left;
    font-size: 14px;
    margin-right: 10px;
}

.HelpCenterList ul li a {
    color: #FF9F00;
    text-decoration: none;
}

.HelpCenterList ul li a:hover {
    text-decoration: underline;
}

.HelpCenterList ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 12px;
    background-image: url("images/icon016.png");
    margin-left: 10px;
}

.HelpCenterSmNav {
    margin-bottom: 30px;
}

.HelpCenterSmNav ul li {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.HelpCenterSmNav ul li a {
    display: block;
    color: #333333;
    text-decoration: none;
    padding: 0 15px;
}

.HelpCenterSmNav ul li.Active {
    background-color: #FF9300;
    border: 1px solid #FF9300;
}

.HelpCenterSmNav ul li.Active a {
    color: #fff;
}


/*lIVE800*/

.Live800Header {
    width: 100%;
    height: 65px;
    background-color: #fff;
    background-image: url("images/Logo.png");
    background-repeat: no-repeat;
    background-position: 20px center;
}

.Live800Bg {
    padding: 15px;
    background-color: #f5f5f5;
}

.Live800Main {
    padding: 30px;
    background-color: #fff;
}

.Live800Nav ul li {
    width: 33.3333%;
    height: 45px;
    float: left;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}

.Live800Nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333333;
    text-decoration: none;
}

.Live800Nav ul li.Active {
    background-color: #fff;
}


/*小遊戲進入*/

.PlayGameMain {
    position: relative;
    /*min-width: 630px;
    max-width: 900px;*/
    height: calc(100% - 50px);
    overflow: hidden;
    background-color: #f5f5f5;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    margin: 0 auto;
}

.PlayGameHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 0 0 5px 5px;
}

.PlayGameNav1 {
    float: left;
    margin-top: 12.5px;
    margin-left: 15px;
}

.PlayGameNav1 ul li {
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    border-radius: 3px;
    float: left;
    margin: 0 5px;
}

.PlayGameNav1 ul li a {
    display: block;
    padding: 0 10px;
    height: 100%;
    color: #666666;
    text-decoration: none;
}

.PlayGameNav1 ul li.Active {
    background-color: #FF9300;
}

.PlayGameNav1 ul li.Active a {
    color: #fff;
}

.PlayGameNav1 ul li:hover a {
    color: #FF9300;
}

.PlayGameNav1 ul li.Active:hover a {
    color: #fff;
}

.PlayGameHeader .Xbox {
    top: 12.5px;
}
.PlayGameHeader ul.HeaderLRNav {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    margin-right: 60px;
}
.PlayGameHeader ul.HeaderLRNav li {
    height: 100%;
    color: #C9C9C9;
    font-size: 14px;
    line-height: 50px;
    float: left;
    margin: 0 0 0 6px;
}
.PlayGameHeader ul.HeaderLRNav li a {
    display: block;
    color: #FF9300;
    text-decoration: none;
}
.PlayGameHeader ul.HeaderLRNav li a:hover {
    text-decoration: underline;
}
.PlayGameFooter {
    position: absolute;
    width: 100%;
    padding: 7.5px 0;
    height: 35px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 5px 5px 0 0;
    bottom: 0;
}

.PlayGameFooter .SelectBox {
    margin-left: 20px;
}

.PlayGameFooter .SelectBox label {
    height: 35px;
    line-height: 35px;
}

.PlayGameFooter .SelectMain {
    padding-right: 25px;
}

.PlayGameFooter .Select {
    width: inherit;
    min-width: 100px;
    height: 33px;
    line-height: 33px;
}

.PlayGameFooter .Option {
    top: inherit;
    bottom: 33px;
}

.PlayGameFooter .SelectBox input {
    width: 150px;
    height: 31px;
}

.PlayGameFooter .Btn {
    width: 110px;
    font-size: 14px;
    margin-left: 10px;
}

.PlayGameFooter .Btn a {
    opacity: .5;
}

.PlayGameFooter .Btn.Active a, .PlayGameFooter .Btn.Gray a {
    opacity: 1;
}

.PlayGameFooter .Btn.Gray {
    margin-left: inherit;
    margin-right: 20px;
}

.PlayGameBar {
    position: fixed;
    width: 100%;
    height: 50px;
    background-color: rgba(0, 0, 0, .8);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    bottom: 0;
    z-index: 2;
}

.PlayGameBar h2 {
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    float: left;
    margin-left: 20px;
}

ul.PlayGameRecent {
    float: left;
    margin-top: -20px;
    margin-left: 10px;
}

ul.PlayGameRecent li {
    position: relative;
    width: 80px;
    height: 58px;
    overflow: hidden;
    float: left;
    margin: 0 5px;
    border: 1px solid #dddddd;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    transition: all ease-out .3s;
}

ul.PlayGameRecent li:hover {
    margin: -10px 5px 0;
}

ul.PlayGameRecent li img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.PlayGameTime {
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    float: right;
    margin-right: 50px;
}

.PlayGameSwitch {
    position: fixed;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-image: url("images/icon021.png");
    background-color: #FF9300;
    right: 20px;
    bottom: 15px;
    cursor: pointer;
    z-index: 3;
}

.PlayGameSwitch.Active {
    background-position: bottom;
}
.PlayGameBg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("images/playgamebg.jpg");
    background-size: cover;
    background-position: center;
    top: 0;
    z-index: -1;
}

/*錯誤訊息頁面*/

.IpLimitTitle {
    padding: 50px 0 15px;
    text-align: center;
}

.IpLimitTitle h2 {
    font-size: 45px;
    color: #666666;
    margin-bottom: 20px;
}

.IpLimitTitle p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.IpLimitTitle p a {
    color: #FF9300;
    text-decoration: none;
}

.IpLimitTitle p a:hover {
    text-decoration: underline;
}

.IpLimitSearch {
    width: 415px;
    background-color: inherit;
    margin: 0 auto;
}

.IpLimitSearch .RadioStyle1 p {
    color: #333333;
}

.IpLimitSearch .SearchBox {
    width: 355px;
    border: 1px solid #dddddd;
}

.IpLimitMore h1 {
    font-size: 24px;
    line-height: 50px;
    color: #FF9300;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}

.IpLimitMore .Margin {
    margin-left: 10px;
}

.IpLimitBox {
    position: relative;
    width: 190px;
    height: auto;
    border: 1px solid #dddddd;
    float: left;
    margin-bottom: 15px;
}

.IpLimitPic {
    width: 100%;
    height: 145px;
    background-color: #f5f5f5;
}

.IpLimitArticle {
    padding: 10px;
}

.IpLimitBox h2 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

.IpLimitBox p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 10px;
}

.IpLimitBox .Btn {
    width: 80px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
}

.BrandNice {
    width: 100%;
    padding: 50px 0;
    border-top: 1px solid #dddddd;
}

.BrandNice ul {
    overflow: hidden;
}

.BrandNice ul li {
    float: left;
}

.BrandNice ul li i {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    font-size: 30px;
    text-align: center;
    line-height: 48px;
    color: #FF9300;
    border: 2px solid #FF9300;
    vertical-align: middle;
    margin-right: 5px;
}

.BrandNice ul li h3 {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    vertical-align: middle;
}

.BrandNice ul li h3 span {
    font-size: 14px;
    color: #666666;
}

.BrandNice ul li.Line {
    width: 1px;
    height: 52px;
    background-color: #dddddd;
    margin: 0 48px;
}
.PageLoading {
    width: 100%;
}
.PageLoading.Blue .dot1, .PageLoading.Blue .dot2 {
    background-color: #3eace9;
}
.spinner {
    margin: 20px auto 50px;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.GamesBox .spinner {
    margin: 70px auto;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #FF9E00;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.BtnStyle1 .spinner {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}

.BtnStyle1 .dot1, .BtnStyle1 .dot2 {
    background-color: #fff;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.Loading {
    position: absolute;
    width: 104px;
    height: 104px;
    border-radius: 104px;
    background-image: url("images/loading.gif");
    background-position: center;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .6);
    left: 50%;
    top: 50%;
    margin-left: -52px;
    margin-top: -52px;
    z-index: 2;
}

.Layout.PaddingTop {
    padding-top: 68px;
}

@media (max-width: 1440px) {
    .Layout.PaddingTop {
        padding-top: 58px;
    }
    .GameNav.Active {
        top: 58px;
    }
    .TitleBox.Active {
        top: 110px;
    }
    .Header {
        height: 58px;
    }
    .Logo {
        margin-top: 16px;
    }
    /*選單樣式*/
    ul.HeaderNav li {
        font-size: 14px;
        line-height: 58px;
    }
    ul.HeaderNav li:hover a {
        height: 55px;
    }

    /*下拉滑入樣式*/
    ul.HeaderNav li.DropDown:hover {
        line-height: 63px;
    }
    ul.HeaderNav li.DropDown:hover a {
        height: 55px;
    }
    /*下拉選單樣式*/
    ul.HeaderNav li.DropDown .DropDownBox {
        top: 57px;
    }
    ol.DropDownNav li {
        line-height: 40px;
    }
    ul.HeaderNav li.DropDown:hover {
        line-height: 52px;
    }
    /*登入註冊*/
    ul.HeaderLRNav {
        margin-top: 9px;
    }
    ul.HeaderLRNav li {
        font-size: 12px;
    }
    .HeaderLive800,.HeaderMember,.HeaderHome {
        margin-top: 11.5px;
    }
    /*語系*/
    ul.HeadrLanguage {
        margin-top: 17px;
    }
    .BannerSPbar {
        width: 540px;
        margin-left: -270px;
    }
    .SearchBar {
        height: 75px;
        padding: 15px 10px 0px;
    }
    .SearchBox {
        width: 475px;
        height: 36px;
        border-radius: 3px;
    }
    .SearchBox input {
        font-size: 14px;
        height: 36px;
    }
    .SearchBtn {
        width: 40px;
        height: 36px;
        border-radius: 3px;
    }
    .SearchOption {
        width: 475px;
    }
    .SlidesArticle {
        top: 20px;
    }
    .SlidesArticle h2 {
        font-size: 30px;
    }
    .SlidesArticle h2 span {
        font-size: 20px;
    }
    .SlidesArticle h3 {
        font-size: 20px;
    }
}
/*動態*/

@keyframes Move1 {
    100% {
        transform: rotate(720deg);
    }
}
@keyframes GJPMove {
    0% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

/*showma*/
/*頁碼*/

.Page {
    text-align: center;
    padding-top: px;
    clear: both;
}

.Page ul {
    display: inline-block;
}
.Page ul li {
    position: relative;
    border-radius: 3px;
    line-height: 18px;
    text-align: center;
    color: #5e5e5e;
    /*border: 1px solid #e5e5e5;*/
    cursor: pointer;
    float: left;
    margin: 0 10px;
    padding: 5px 8px;
    font-size: 12px;
}

.drop {
    /*頁面選單...*/
}

.Page li.drop:hover {
    background: #fff;
    color: #5e5e5e;
    cursor: inherit;
}


/*.Page ul li span:hover{
    background:#fff;
    color: #5e5e5e;


}*/

.Page ul li.Active, .Page ul li:hover {
    color: #fff;
    background-color: #3eace9;
}

.PageInput {
    width: auto;
    border: none;
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -9px;
}

.PageInput input {
    width: 40px;
    border: none;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
}


/*.PageInput:hover {
    color: #5e5e5e;
    border: inherit;
    background-color: #fff
}*/

.PageInput.PageBtn {
    color: #fff;
    border: inherit;
    background-color: #3eace9;
    cursor: pointer;
    border-radius: 3px;
}

.Page input::-webkit-outer-spin-button, .Page ul li input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.PageInput.PageBtn {
    color: #fff;
    border: inherit;
    background-color: #3eace9;
    cursor: pointer;
    border-radius: 3px;
    padding: 5px;
}

.PagePre {
    width: 10px;
    height: 25px;
    border: none;
    background: url(images/prenext.png) no-repeat;
    display: inline-block;
}

.PageNext {
    width: 10px;
    height: 25px;
    border: none;
    background: url(images/prenext.png) no-repeat;
    background-position: right;
    display: inline-block;
    margin-left: 10px;
}

.Page ul li.PagePre, .Page ul li.PageNext {
    width: 10px;
    height: 20px;
    border: none;
    background: url(images/prenext.png) no-repeat;
}

.Page ul li.PageNext {
    background-position: right;
}


/*總資產*/

.Member_deposit_l {
    width: 48%;
    float: left;
}

.Member_deposit_r {
    width: 48%;
    float: right;
}

.Member_deposit {
    display: inline-block;
    padding: 0 25px;
}

.MemberLeftNav ul li.Icon05 i {
    background-position: 24px 0px;
}

.MemberLeftNav ul li.Icon05.Active i {
    background-position: 24px -24px;
}

.MemberLeftNav ul li.Icon06 i {
    background-position: 24px -48px;
}

.MemberLeftNav ul li.Icon06.Active i {
    background-position: 24px -72px;
}

.MemberLeftNav ul li.Icon07 i {
    background-position: 24px -96px;
}

.MemberLeftNav ul li.Icon07.Active i {
    background-position: 24px -120px;
}

.MemberLeftNav ul li.Icon08 i {
    background-position: 24px -144px;
}

.MemberLeftNav ul li.Icon08.Active i {
    background-position: 24px -168px;
}

.SelectBox input.Active {
    border: 1px solid #3eace9;
    box-shadow: 0 0 5px rgba(62, 172, 233, .5);
}

.InputBox textarea {
    width: 300px;
    height: 150px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #dddddd;
    color: #666666;
}

.InputBox textarea.Active {
    border: 1px solid #3eace9;
    box-shadow: 0 0 5px rgba(62, 172, 233, .5);
}

.InputBox input.W50 {
    width: 50px;
}

.InputBox .Select.W50 {
    width: auto;
    min-width: inherit;
    margin-right: 15px;
}

.InputBox .Select.W50 .SelectBox {
    min-width: 49px;
}

.MarginTop15 {
    margin-top: 15px;
}

.MarginTop10 {
    margin-top: 10px;
}

.MarginLeft30 {
    margin-left: 30px;
}


/*圓餅圖*/

.box {
    width: 90%;
    margin: 0 auto;
}

.zone {
    width: 100%;
    height: 100%;
}

.circle_Asset1, .circle_Asset2, .circle_Asset3, .circle_Asset4, .circle_Asset5, .circle_Asset6, .circle_Asset7, .circle_Asset8, .circle_Asset9, .circle_Asset10, .circle_Asset11 {
    width: 8px;
    height: 8px;
    border-radius: 99em;
    display: inline-block;
    margin: 2px 5px;
}

.circle_Asset1 {
    /*沙巴*/
    background-color: #2b86d0;
}

.circle_Asset2 {
    /*瑞宝阁*/
    background-color: #f83a00;
}

.circle_Asset3 {
    /*至尊坊*/
    background-color: #00a7f4;
}

.circle_Asset4 {
    /*财神馆*/
    background-color: #fddc16;
}

.circle_Asset5 {
    /*金誉城*/
    background-color: #f17e0e;
}

.circle_Asset6 {
    /*钻石厅*/
    background-color: #008c6f;
}

.circle_Asset7 {
    /*吉运楼*/
    background-color: #6d9924;
}

.circle_Asset8 {
    /*盘龙厅*/
    background-color: #fcc96c;
}

.circle_Asset9 {
    /*波音厅*/
    background-color: #8bebff;
}

.circle_Asset10 {
    /*九福殿与PT小游戏<*/
    background-color: #fb8471;
}

.circle_Asset11 {
    /*主帳戶<*/
    background-color: #ffa700;
}

.TransactionBg {
    width: 100%;
    height: auto;
    padding: 0 0 40px 0;
    background: #f4f5fa;
}

.TransactionBg.Wp0 {
    padding: 0;
    border-radius: 5px;
    margin-top: 20px;
}


/*代理人pop2 交易紀錄-*/

.pop2 {
    padding: 0;
    border-radius: 5px;
}

.TransactionMain {
    width: 990px;
    height: 186px;
    margin: 0 auto;
}

.Moneyoverage {
    text-align: right;
    color: #666666;
    font-size: 12px;
    margin-right: 10px;
}

.Moneyoverage span {
    color: #ff6600;
    padding: 0 5px;
}


/*timed*/

.TransactionMain .line {
    color: #666666;
    font-size: 13px;
    border-bottom: 1px dashed #999999;
    height: 45px;
}

.TransactionMain .line2 {
    color: #666666;
    font-size: 13px;
    margin-top: 10px;
}

.timed {
    display: inline-block;
}

.timed p {
    display: inline-block;
    padding: 5px;
}

.timed p:hover {
    color: #fff;
    background-color: #333333;
    cursor: pointer;
    padding: 5px;
    border-radius: 3px;
}

.timed span {
    display: inline-block;
    margin: 0 10px 0 10px;
}

.timed input {
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    overflow: hidden;
    height: 31px;
    margin: 0 5px;
    text-indent: 10px;
}

.timed select {
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    overflow: hidden;
    height: 25px;
    margin: 0 10px;
    text-indent: 5px;
}

.timed ul li {
    display: inline-block;
    margin: 5px 10px;
    padding: 5px;
    text-decoration: none;
}

.timed li:hover {
    color: #fff;
    background-color: #333333;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    padding: 5px;
}
.TransLlstMain {
    width: 990px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.TransLlstMain .TableStyle2 {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #666666;
}


/*表格*/

.TransLlstMain .TableStyle2 table {
    width: 100%;
    border: 0px solid #dddddd;
}

.TransLlstMain .TableStyle2 table th {
    border-bottom: 1px solid #8bcdf2;
    color: #333333;
    text-align: left;
    font-size: 12px;
    color: #666666;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.TransLlstMain .TableStyle2 table tr td {
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    border-top: 0px dashed #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
    line-height: 22px;
    text-align: left;
    text-indent: 20px;
}

.TransLlstMain .TableStyle2.TextCenter table tr td {
    text-align: center;
    text-indent: inherit;
}

.tranicon {
    /*分類ICON*/
    width: 30px;
    height: 30px;
    position: absolute;
    margin: 0 auto;
}

.TransLlstMain .TableStyle2 th.img {
    width: 60px;
}

.TransLlstMain .TableStyle2 th td.date {
    width: 100px;
}

.TransLlstMain .TableStyle2 th td.centers {
    width: 300px;
}

.TransLlstMain .TableStyle2 th.money {
    text-align: right;
}

.TransLlstMain .TableStyle2 th.moneylist {}

.TransLlstMain .TableStyle2 th.moneylist p {
    border-left: 1px solid #aaa;
    height: 12px;
    line-height: 12px;
    padding-left: 20px;
}

.TransLlstMain .TableStyle2 th.situation {}

.TransLlstMain .TableStyle2 td.money {
    padding-left: 0px;
    text-align: right;
}

.TransLlstMain .TableStyle2 td.moneylist {
    text-align: left;
    text-indent: 0;
    cursor: pointer;
    padding-left: 40px;
}

.TransLlstMain .TableStyle2 td.moneylist img {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.TransLlstMain .TableStyle2 td.situation {
    color: #ff6600;
}

.TransLlstMain .TableStyle2 p.listtitle {
    color: #000;
    line-height: 18px;
}

.TransLlstMain .TableStyle2 p.listtext {
    color: #999;
    line-height: 18px;
}


/*下方查詢*/

.nav-wrapper {
    font-size: 12px;
    color: #666;
}

.nav {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 0 -1px;
}

.nav-item {
    float: left;
    position: relative;
}

.nav-item:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #666;
    right: 0;
    top: 50%;
    margin: -5px 0 0;
}

.nav-item:last-child:after {
    display: none;
}

.nav-item__link {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #3eace9;
    margin: 0 0 -1px;
    border: 1px solid transparent;
    border-bottom: none;
}

.nav-item--active .nav-item__link {
    border-color: #e0e0e0;
    background-color: #f7f7f7;
    cursor: default;
}

.nav-item--active:after {
    display: none;
}

.nav-main {
    background: #F7F7F7;
    border: 1px solid #E0E0E0;
    display: none;
    padding: 12px 10px;
}

.nav-main--active {
    display: block;
}


/**查詢結果*/

.showbox {
    width: 100%;
    margin: 20px auto;
}


/*9APP*/

.InputBox label.left {
    width: 110px;
}


/*銀行卡管理*/

.card-box {
    width: 205px;
    height: 140px;
    margin: 0 12px 12px 0;
    background: #f8f8f8;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: 1px solid #DDDDDD;
}

.card-box-name {
    border-radius: 4px 4px 0 0;
    height: 36px;
    position: relative;
}

.bank-logo {
    vertical-align: middle;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bank-name {
    position: absolute;
    top: 12px;
    left: 33px;
    overflow: hidden;
    width: 84px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.bank-num4 {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 12px;
}

.card-box-express {
    border-top: 1px solid #dddddd;
}

.card-box-expresstext {
    padding: 15px 11px 0 11px;
    font-size: 12px;
    color: #333333;
    line-height: 20px;
}

.card-box-expresstext span {
    color: #3badee;
}

.AddCard {
    width: 205px;
    height: 140px;
    margin: 0;
    background: #fff;
    border-radius: 4px;
    border: 1px dashed #AACCDD;
    cursor: pointer;
    position: relative;
    transition: all 0.25s;
}

.AddCard:hover {
    background: #dfeef7;
}

.addcardicon {
    width: 100%;
    height: 28px;
    margin-top: 42px;
    position: absolute;
    background: url("images/add.png") no-repeat center;
}

.addcardtext {
    color: #3badee;
    font-size: 14px;
    text-align: center;
    margin-top: 76px;
}


/*建議反饋*/

p.Suggest i {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 46px;
    background-image: url("images/suggest.png");
    margin-right: 10px;
}

.ml30 {
    margin-left: -40px;
}

.supboxmain {
    width: 110%;
    height: auto;
    margin: auto 6px;
}

.supboxmain ul li {
    width: 220px;
    height: 300px;
    background: #fff;
    display: inline-block;
    padding: 13px;
    border-right: 1px solid #ececec;
    vertical-align: top;
}

.supnotline {
    border-right: none!important;
}

.suplitle {
    text-align: center;
    font-size: 14px;
    color: #3eace9!important;
    letter-spacing: 1px;
}

.supicon {
    width: 96px;
    height: 96px;
    position: relative;
    margin: 0 auto;
}

.suptext {
    text-align: center;
    font-size: 14px;
    color: #666666!important;
}

.suptext span {
    color: #ff9b71!important;
    line-height: 20px;
}

.supboxmain li.Active {
    cursor: pointer;
}

.LightBoxMainTranscation {
    position:absolute;
    width: 900px;
    padding: 30px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    margin-left: -480px;
    top: 50px;
    z-index: 2;
}


/*代理人pop1 合約定位捲軸出線*/

.LightBoxMainTranscation.pop1pa {
    position: absolute;
}

.LightBoxMainTranscation .TransLlstMain {
    width: 900px;
}

.LightBoxMainTranscation .TransactionMain {
    width: 900px;
}

.LightBoxMainTranscation .TransactionMain .MemberTitle p {
    margin-left: 10px;
}


/*代理人pop2-交易紀錄*/

.LightBoxMainTranscation .w1000 {
    width: 1000px;
    margin-left: -560px;
}

.w100pt {
    width: 100%;
}


/*交易紀錄表格樣式*/

.TableStyle3 table {
    width: 100%;
    border: 1px solid #dddddd
}

.TableStyle3 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #3eace9;
}

.TableStyle3 table tr td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 22px;
    text-align: center;
}

.TableStyle3.TextCenter table tr td {
    text-align: center;
    text-indent: inherit;
}

.TableStyle3 table tr td p {
    margin-bottom: 0;
}

.TableStyle3 table tr td.Title {
    color: #333333;
    background-color: #f5f5f5;
}


/*認證選單*/

.Omoveiconbox {
    height: 0;
    background: #22212e;
    font-size: 12px;
    position: relative;
    line-height: 50px;
    color: #999999;
    top: 5px;
    overflow: hidden;
    transition: all ease-out .3s;
}

.Omoveh:hover .Omoveiconbox {
    height: 100px;
}

.Omoveicon {
    position: relative;
    height: 20px;
    cursor: pointer;
    line-height: 20px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 5px;
}

.J-Omoveicon0 {
    margin: 0 0;
}

.Omoveicon:hover {
    background: #00aaee;
}

.Omoveicon.checkok:hover {
    width: 20px;
    background: inherit;
}

.Omoveicon.checkok:hover .Omoveicontext p {
    display: none;
}


/*認證框*/

.tell {
    opacity: 0;
    position: absolute;
    width: 80px;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #000;
    background-color: #fff;
    top: -20px;
    left: 50%;
    margin-left: -45px;
    pointer-events: none;
    transition: all .3s;
}

.tell::after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 5px;
    border-color: #ffffff transparent transparent transparent;
    left: 50%;
    margin-left: -5px;
    bottom: -10px;
}

.Omoveicon:hover .tell {
    opacity: 1;
    top: -30px;
}


/*認證ICON*/

.Omoveicontext i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("images/attest_icon.png");
    vertical-align: middle;
    float: left;
    background-position: 0 0;
}

.Omoveicon.checkok .Omoveicontext.icon-name i {
    background-position: 0 -21px;
}

.Omoveicontext.icon-phone i {
    background-position: 0 -42px;
}

.Omoveicon.checkok .Omoveicontext.icon-phone i {
    background-position: 0 -63px;
}

.Omoveicontext.icon-mail i {
    background-position: 0 -84px;
}

.Omoveicon.checkok .Omoveicontext.icon-mail i {
    background-position: 0 -105px;
}


/*認證ICON位移*/

.Omoveicontext p {
    display: inline-block;
    width: 0;
    line-height: 20px;
    float: left;
    text-align: center;
    text-indent: -4px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    transition: width .3s;
}

.Omoveicon:hover .Omoveicontext p {
    width: 45px;
}

.Omoveicontext {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.Omoveicontext p.ph {
    text-indent: -6px;
    line-height: 18px;
}


/*分享計畫*/


/*總額帳戶*/

.PlanContent {
    width: 1000px;
    margin: 0 auto;
}

.PlanMain-account {
    width: 990px;
    margin: 0 auto;
}
.PlanMain-account  p{
    font-size: 14px;
    color: #666666;
}
.PlanMain-account ul li {
    display: inline-block;
    width: 33%;
}

.PlanMain-account ul li h1 {
    font-size: 18px;
    text-indent: 1em;
}

.PlanMain-account ul li h2 {
    width: 330px;
    height: 70px;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    color: #3eace9;
    border-right: 1px dashed #dddddd;
}

.PlanMain-account ul li h2.nobori {
    border-right: 0px dashed #dddddd;
}

.ShareCopy {
    font-size: 14px;
    margin-top: 27px;
}

.ShareCopy p {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 20px;
}

.SharecopyBtn {
    color: #fff;
    background-color: #3eace9;
    cursor: pointer;
    border-radius: 3px;
    padding: 5px;
    font-size: 13px;
}


/*交易*/

.PlanMain-transaction {
    width: 990px;
    height: 55px;
    margin: 20px auto 0px auto;
    background: #f5f5f5;
}

.PlanMain-transaction h1 {
    float: left;
    line-height: 48px;
    text-indent: 15px;
    font-size: 18px;
}

.PlanMain-transaction h1 span {
    font-size: 14px;
    color: #666;
}

.PlanMain-transaction .Cal {
    float: right;
    position: relative;
    margin-top: 8px;
}

.PlanMain-transaction .Cal .SelectBox {
    position: relative;
    height: 35px;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.PlanMain-transaction .Cal .Select {
    position: relative;
    width: 150px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #333333;
    line-height: 38px;
    text-indent: 10px;
    cursor: pointer;
}

.PlanMain-transaction .Cal .SelectMain {
    width: inherit;
    padding: 0 8px 0 8px;
}

.PlanMain-transaction .Cal .SelectBox .Select .Option {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #dddddd;
    background-color: #FFF;
    top: 33px;
    left: -1px;
    z-index: 1;
}

.PlanMain-transaction .MemberBtn {
    width: 50px;
    text-align: center;
    margin-top: 3px;
}


/*總分析*/

.PlanMain-all1 {
    width: 990px;
    margin: 0 auto;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    position: relative;
}

.PlanMain-all1 .Main {
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.PlanMain-all1 .Main h1 {
    font-size: 18px;
}

.PlanMain-all1 .Main h1 span {
    color: #fab400;
    padding-left: 10px;
}


/*圓餅*/

.PlanMain-all1 .earningsPie {
    width: 35%;
    position: relative;
    float: left;
}

.PlanMain-all1 .earningsPie .earningsPieMain {
    width: 60%;
    height: 60%;
    margin: 20px auto;
}


/*條列*/

.PlanMain-all1 .earningslist {
    width: 65%;
    position: relative;
    float: left;
}

.PlanMain-all1 .earningslist .earningslistMain {
    width: 100%;
    overflow: hidden;
}

.PlanMain-all1 .earningslist .earningslistMain .opbox {
    width: 100%;
    margin: 30px auto;
    display: inline-block;
    background-color: #fbf8f8;
}

.PlanMain-all1 .earningslist .earningslistMain .opbox .elmLeft {
    width: 50%;
    float: left;
}

.PlanMain-all1 .earningslist .earningslistMain .opbox .elmLeft ul li {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #ddd;
    list-style-type: none;
    font-size: 14px;
    line-height: 30px;
}

.elmLeft ul {
    background-color: #fff;
}

.elmLeft li.Active {
    background-color: #fbf8f8;
    cursor: pointer;
}

.arw:after {
    content: ">";
    /*vertical-align: middle;*/
    line-height: inherit;
}

.elmLeft ul li .text {
    float: left;
    color: #666666;
    padding-left: 10px;
}

.elmLeft ul li .textmoney {
    float: right;
    padding-right: 10px;
}

.PlanMain-all1 .earningslist .earningslistMain .opbox .elmRight {
    width: 50%;
    float: left;
    height: auto;
}

.elmRight .moneylist {
    padding: 20px;
    position: relative;
}

.elmRight .moneylist .mboxstyle {
    position: absolute;
    width: 270px;
    height: 145px;
    display: none;
}

.elmRight .moneylist .mboxstyle table {
    width: 90%;
    border: 0;
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px;
}

.mboxstyle table td {
    padding: 2px;
    text-align: left;
    padding: 2px;
    color: #666;
}

.mboxstyle td.mboxName {
    text-align: right;
}

.mboxstyle td.mboxMoney {
    text-align: right;
}

#MB1 {}

#MB2 {}

#MB3 {}

#MB4 {}

#MB5 {}

#MB6 {}


/*
.PlanMain-all1 .earningsMore {
    width: 33.3%;
    position: relative;
    background: #ddd;
    float: left;
}

.PlanMain-all1 .earningsMore .earningsMoretMain {
    width: 100%;
    position: relative;
    background: #ddd;
}

.bo {
    width: 1000px;
    height: 500px;
    background: #f00;
    position: absolute;
    left: 100px;
    z-index: 99;
}

*/


/*錢來錢往 轉入轉出*/

.PlanMain-all2 {
    width: 990px;
    margin: 0 auto;
    border-bottom: 1px solid #dddddd;
    height: 205px;
}


/*錢來錢往*/

.PlanMain-all2 .moneyturn {
    width: 56%;
    display: inline-block;
}

.PlanMain-all2 .moneyturn .moneyturnMain {
    margin: 20px 20px 36px 20px;
}

.PlanMain-all2 .moneyturn .moneyturnMain h1 {
    font-size: 18px;
}

.PlanMain-all2 .moneyturn .moneyturnMain .h2box {
    height: 130px;
    border-right: 1px dashed #dddddd;
}

.PlanMain-all2 .moneyturn .moneyturnMain .h2box p {
    font-size: 14px;
    line-height: 140px;
    text-align: center;
}

.PlanMain-all2 .moneyturn .moneyturnMain p span {
    font-size: 36px;
    color: #fab400;
    vertical-align: middle;
}


/*轉入轉出*/

.PlanMain-all2 .details {
    width: 44%;
    display: inline-block;
}

.PlanMain-all2 .details .detailsMain {
    margin: 40px 25px 0 70px;
}

.detailsMain ul li {
    margin-top: 10px;
    padding: 5px 0;
}

.detailsMain ul li .text {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    line-height: 20px;
    min-width: 45px;
}

.detailsMain ul li .center {
    width: 200px;
    margin-left: 10px;
    display: inline-block;
}

.detailsMain ul li .center p.money {
    font-size: 12px;
    line-height: 18px;
}

.detailsMain ul li .center .line {
    width: 100%;
    height: 6px;
    background: #dddddd;
    border-radius: 2px;
}

.detailsMain ul li .center .mline1, .mline2, .mline3 {
    height: 6px;
    background: #7ecef4;
    border-radius: 2px;
}

.detailsMain ul li .center .mline1 {
    width: 90%;
}

.detailsMain ul li .center .mline2 {
    width: 60%;
}

.detailsMain ul li .center .mline3 {
    width: 15%;
}

.ShareplanMore {
    text-align: right;
    color: #3eace9;
    font-size: 12px;
    text-decoration: underline;
}

.ShareplanMore a {
    color: #3eace9;
    text-decoration: underline;
}


/*收入分析 朋友分析 廣告點擊*/

.PlanMain-all3 {
    width: 990px;
    margin: 0 auto;
    border-bottom: 1px dashed #dddddd;
    float: left;
}

.PlanMain-all3, .PlanMain-all4 h1 {
    font-size: 14px;
}


/*收入分析 */

.PlanMain-all3 .Income {
    width: 50%;
    border-right: 1px dashed #dddddd;
}

.PlanMain-all3 .Income .IncomeMain {
    padding: 20px;
}

.PlanMain-all3 .Income .Incomebox {
    width: 450px;
    height: 200px;
    position: relative;
    margin: 0 auto;
}


/*朋友分析*/

.PlanMain-all3 .friend {
    width: 24.9%;
    border-right: 1px dashed #dddddd;
}

.PlanMain-all3 .friend .friendMain {
    padding: 20px;
}

.PlanMain-all3 .friend .friendMain .text {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    display: block;
    margin-top: 30px;
}

.PlanMain-all3 .friend .friendMain .text span {
    font-size: 18px;
    color: #fab400;
    letter-spacing: 1px;
}

.PlanMain-all3 .friend .friendMain .iconBox {
    padding-top: 40px;
    padding-bottom: 45px;
}

.friendMain .iconBox .man {
    display: inline-block;
    width: 15px;
    height: 35px;
    background: url("images/shareplan/icon-man.png") no-repeat;
}

.friendMain .iconBox .woman {
    display: inline-block;
    width: 18px;
    height: 35px;
    background: url("images/shareplan/icon-woman.png") no-repeat;
}


/*廣告點擊*/

.PlanMain-all3 .adv {
    width: 24.9%;
}

.PlanMain-all3 .adv .advMain {
    padding: 20px;
    position: relative;
}

.PlanMain-all3 .adv .advMain .text {
    font-size: 14px;
    text-align: center;
    width: 110px;
    line-height: 24px;
    position: absolute;
    left: 110px;
    top: 120px;
    color: #666666;
}

.PlanMain-all3 .adv .advMain .text span {
    font-size: 18px;
    color: #fab400;
    letter-spacing: 1px;
}

.PlanMain-all3 .adv .advMain .icon {
    width: 61px;
    height: 106px;
    position: relative;
    top: 50px;
    left: 15px;
}


/*平台收入分析 渠道存款分析*/

.PlanMain-all4 {
    width: 990px;
    margin: 0 auto;
    border-bottom: 1px solid #dddddd;
    float: left;
}


/*平台收入分析*/

.PlanMain-all4 .platform {
    width: 50%;
    display: inline-block;
    margin-left: 1px;
}

.PlanMain-all4 .platform .platformMain {
    padding: 20px;
    border-right: 1px dashed #dddddd;
}

.PlanMain-all4 .platform .platformMain .listbox {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.PlanMain-all4 .platform .platformMain .listbox ul li {
    width: 99%;
    height: 40px;
    border-bottom: 1px solid #ddd;
    float: left;
}

.pflist {
    width: 20%;
    float: left;
    line-height: 40px;
    font-size: 14px;
}

.pftage {
    position: relative;
    width: 55%;
    line-height: 40px;
    float: left;
}

.pftage .text {
    width: 60px;
    color: #fab400;
    float: left;
}

.pftage .linebox {
    width: 170px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}

.linebox .linebg {
    width: 60%;
    height: 6px;
    border-radius: 3px;
    background: #ff9e00;
    vertical-align: middle;
}

.pfmoney {
    width: 20%;
    float: left;
    line-height: 40px;
    text-align: right;
}


/*渠道存款分析*/

.PlanMain-all4 .advchannel {
    width: 49.9%;
    display: inline-block;
}

.PlanMain-all4 .advchannel .advchannelMain {
    padding: 20px;
    margin-top: 10px;
    overflow: hidden;
}

.PlanMain-all4 .advchannel .advchannelMain .piechart {
    width: 50%;
    float: left;
}

.PlanMain-all4 .advchannel .advchannelMain .piechart .box {
    width: 50%;
    height: 50%;
    margin: 30px auto;
}

.PlanMain-all4 .advchannel .advchannelMain .listbox {
    width: 50%;
    float: left;
}

.PlanMain-all4 .advchannel .advchannelMain .listbox ul li {
    width: 180%;
    height: 40px;
    border-bottom: 1px solid #ddd;
    float: left;
    list-style-type: none;
}

.advlist {
    width: 50%;
    float: left;
    line-height: 40px;
    font-size: 14px;
}

.advmoney {
    width: 50%;
    line-height: 40px;
    float: left;
    text-align: right;
}

.moneyturn, .details, .Income, .friend, .adv, .advchannel, .platform {
    float: left;
}


/*成為高級代理人*/

.PlanMain-all4 .hp {
    width: 49%;
    display: inline-block;
}

.PlanMain-all4 .hp .hpMain {
    padding: 20px;
}

.PlanMain-all4 .hp .hpMain .hpBox {
    padding: 40px 0 52px 0;
    text-align: center;
}

.PlanMain-all4 .hp .hpMain .hpBox .pi {
    width: 32.5%;
    display: inline-block;
}

.PlanMain-all4 .hp .hpMain .hpBox .pi p {
    font-size: 12px;
    text-align: center;
}

.PlanMain-all4 .hp .hpMain .hpBox .pi .ico1 {
    width: 60px;
    height: 60px;
    background: url('images/shareplan/p1.png') no-repeat;
    margin: 15px auto 5px auto;
}

.PlanMain-all4 .hp .hpMain .hpBox .pi .ico2 {
    width: 60px;
    height: 60px;
    background: url('images/shareplan/p2.png') no-repeat;
    margin: 15px auto 5px auto;
}

.PlanMain-all4 .hp .hpMain .hpBox .pi .ico3 {
    width: 60px;
    height: 60px;
    background: url('images/shareplan/p3.png') no-repeat;
    margin: 15px auto 5px auto;
}


/*代理人明細表格樣式*/

.TableStyle4 table {
    width: 100%;
    border: 1px solid #dddddd;
}


/*代理人pop4 邀請好友-*/

.TableStyle4 h3 {
    line-height: 20px;
    padding-bottom: 5px;
}

.TableStyle4 .MemberBtn {
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    border-radius: 3px;
    margin: 0 0 0 80px;
}

.TableStyle4 .MemberBtn a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #c7c7c7;
}

.TableStyle4 .MemberBtn.Active a {
    background-color: #3eace9;
}

.TableStyle4 .MemberBtn.Active a:hover {
    background-color: #46bdff;
}


/*表格樣式*/

.TableStyle4 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #3eace9;
}

.TableStyle4 table tr td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 22px;
    text-align: center;
}

.TableStyle4.TextCenter table tr td {
    text-align: center;
    text-indent: inherit;
    text-align: left;
}

.TableStyle4 table tr td p {
    margin-bottom: 0;
    display: inline-block;
}

.TableStyle4 table tr td i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #ddd;
    background-image: url(images/shareplan/edit.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.TableStyle4 table tr td.Title {
    color: #333333;
    background-color: #f5f5f5;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}


/*pop8下线明细連結修改*/

.TableStyle4.TL table tr td {
    padding-left: 20px;
    text-align: left;
    padding-right: 0px;
}

.TableStyle4.TL td .timed input {
    margin: 0;
}

.TableStyle4.TL td .timed i {
    background-color: #6ac259;
    background-image: url(images/shareplan/checked.png);
}

.TableStyle4 tr:nth-child(odd) {
    background-color: #fafafa;
}


/*表格樣式-營運報表  推廣報表  月結單 */

.TableStyle5 table {
    width: 100%;
    border: 1px solid #dddddd;
}

.TableStyle5 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #3eace9;
}

.TableStyle5 table tr td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
}

.TableStyle5 .TextCenter table tr td {
    text-align: center;
    text-indent: inherit;
}

.TableStyle5 table tr td p {
    margin-bottom: 0;
}

.TableStyle5 table tr td.Title {
    color: #333333;
    background-color: #f5f5f5;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.TableStyle5 tr:nth-child(odd) {
    background-color: #fafafa;
}



/*月結單 傭金比例*/

.TableStyle5 .apftage {
}

.TableStyle5 .apftage .atext {
    color: #fff;
    line-height:24px;
    margin-left: 10px;
    float: left;
    font-size: 14px;

}

.TableStyle5 .apftage .alinebox {
    height: 24px;
    background-color:#e9e6e6;
    border-radius: 3px;
}

.alinebg {
    background: #ff9e00;
    height: 24px;
    border-radius:3px;
}


/*表格樣式-客戶報表*/

.TableStyle6 table {
    width: 100%;
    border: 1px solid #dddddd;
}

.TableStyle6 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #3eace9;
}

.TableStyle6 table tr td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 22px;
    text-align: center;
}

.TableStyle6.TextCenter table tr td {
    text-align: center;
    text-indent: inherit;
}

.TableStyle6 table tr td p {
    margin-bottom: 0;
}

.TableStyle6 table tr td.Title {
    color: #333333;
    background-color: #f5f5f5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.TableStyle6 tr:nth-child(odd) {
    background-color: #fafafa;
}


/*表格樣式 下線明細-內容*/

.TableStyle7 table {
    width: 100%;
    border: 1px solid #dddddd;
}

.TableStyle7 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #3eace9;
}

.TableStyle7 table tr td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 22px;
    text-align: center;
}

.TableStyle7.TextCenter table tr td {
    text-align: center;
    text-indent: inherit;
}

.TableStyle7 table tr td p {
    margin-bottom: 0;
}

.TableStyle7 table tr td.Title {
    color: #333333;
    background-color: #f5f5f5;
}

.TableStyle7 tr:nth-child(odd) {
    background-color: #fafafa;
}


/*代理人管理頁面明細*/

.wealthBox {
    margin: 20px auto;
}

.wealthlist {
    height: 264px;
    border: 1px solid #dddddd;
    overflow: hidden;
}

.wealthlist_lef {
    width: 60%;
    float: left;
    overflow: hidden;
}

.wealthlist_lef .padd {
    padding: 40px;
}

.wealthlist_lef .totalamount {
    border-bottom: 1px solid #dddddd;
    height: 90px;
}

.totalamount p {
    font-size: 13px;
    color: #999;
    line-height: 18px;
}

.totalamount .txt {}

.totalamount i {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 16px;
    background: url("images/shareplan/moneyicon.png") no-repeat;
    margin: 0 5px;
}

.totalamount h1 {
    font-size: 40px;
    color: #ffae00;
    float: left;
    padding-right: 30px;
    line-height: 45px;
}

.totalamount .MemberBtn {
    width: 90px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 4px;
}

.totalamount .dontMemberBtn {
    width: 90px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #666;
}

.totalamount .dontMemberBtn a {
    color: #666;
    text-decoration: none;
}

.totalamount .MemberBtn.Active a {
    background-color: #3eace9;
}

.totalamount .MemberBtn.Active a:hover {
    background-color: #46bdff;
}

.wealthlist_lef .padd .mbox {
    padding-top: 30px;
}

.wealthlist_lef .padd .mbox p {
    color: #999999;
    font-size: 12px;
    line-height: 24px;
}

.wealthlist_lef .padd .mbox h1 {
    color: #00aaee;
    font-size: 30px;
}

.wealthlist_lef .padd .mbox span {
    color: #00aaee;
    font-size: 12px;
    padding-left: 15px;
    text-decoration: underline;
}

.wealthlist_lef .padd .mbox span a {
    color: #46bdff;
}

.wealthlist_lef .padd .income {
    float: left;
    width: 50%;
    height: 128px;
    margin-bottom: 20px;
}

.icbr {
    border-right: 1px solid #dddddd;
    height: 85px;
}

.wealthlist_lef .padd .expenditure {
    float: left;
    width: 50%;
}

.erxbr {
    padding: 0 25px;
}


/*右側*/

.wealthlist_rig {
    width: 40%;
    float: right;
    overflow: hidden;
    background-color: #fbfafa;
    height: 265px;
}

.wealthlist_rig p {
    font-size: 12px;
    color: #999999;
    line-height: 24px;
}

.wealthlist_rig h1 {
    font-size: 24px;
    color: #666666;
    line-height: 30px;
}

.wealthlist_rig .padd {
    padding: 30px 20px;
}

.wealthlist_rig .padd .listbox {
    height: 100px;
}

.librb {
    border-bottom: 1px dashed #dddddd;
}

.librr {
    border-right: 1px dashed #dddddd;
}

.wealthmTop20 {
    margin-top: 20px;
}

.listbox-item {
    width: 49%;
    display: inline-block;
    height: 95px;
}

.listbox-item div.text {
    padding: 20px 30px;
}


/*財富報表表格*/

.wealthTab {
    padding: 0;
}

.wealthTab .navbox {
    clear: left;
    width: 100%;
    margin: 0;
}

.wealthTab .navbox ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wealthTab .navbox ul.tab-item {
    width: 100%;
    height: 54px;
    border-left: 1px solid #ddd;
}

ul.tab-item li {
    float: left;
    width: 135px;
    height: 53px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;
    color: #0088cc;
    line-height: 50px;
    text-align: center;
}

ul.tab-item li.Active {
    background-color: #fff;
    color: #666666;
    border-bottom: 1px solid #fff;
}

.wealthTab .tab_container {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
}

.wealthTab .tab_container .tab_content {
    padding: 20px;
}


/*分享計畫-日曆*/

.wealthTab .tab_container .calenderMain {
    border-bottom: 1px dashed #d4d4d4;
    height: 50px;
    padding: 20px 20px 0 15px;
}

.tab_container .calenderMain .timebox {
    float: left;
    padding-right: 5px;
}

.tab_container .calenderMain .selbox {
    float: left;
}

.tab_container .calenderMain .selbox .Select {
    width: 110px;
    height: 33px;
    line-height: 33px;
}

.tab_container .calenderMain .selbox .SelectBox .Select .Option {
    /* display: none; */
    position: absolute;
    width: 100%;
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #dddddd;
    background-color: #FFF;
    top: 32px;
    left: -1px;
    z-index: 1;
}

.tab_container .calenderMain .MemberBtn {
    width: 50px;
    height: 35px;
}


/*代理人-渠道設定pop8*/

.linkpp1 {
    display: inline-block;
}

.linkurl {
    display: inline-block;
    vertical-align: middle;
}

.linkurl .MemberBtn {
    margin: 0;
}


/*代理人-合約*/

.contractbg {
    width: 100%;
}

.contractbg .contractMain {
    padding: 10px;
}

.contractbg .contractMain .item {
    padding-bottom: 5px;
}

.contractbg .contractMain .item h3 {
    font-size: 14px;
    color: #00aaee;
    line-height: 24px;
}

.contractbg .contractMain .item h4 {
    font-size: 12px;
    color: #666;
    line-height: 24px;
}

.contractbg .contractMain .item ul li {
    padding: 0;
}

.contractbg .contractMain .item li {
    list-style-type: decimal;
    margin-left: 1.5em;
    font-size: 12px;
    color: #666;
    line-height: 24px;
}


/*代理人-優勢*/

.Atgebox {
    width: 1000px;
    margin: 0 auto;
}

.Atgebox .Main {
    width: 100%;
    margin: 0 auto;
}

.Atgebox .Main h1 {
    text-align: center;
    font-size: 18px;
    color: #333333;
}

.Atgebox .Main p {
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.Atgebox .Main span {
    color: #3eace9;
    text-decoration: underline;
}

.Atgebox .Main .icon1, .icon2, .icon3 {
    width: 350px;
    height: 350px;
    margin: 15px auto;
}
.Atgebox .Main .icon1{
    background: url("images/shareplan/as-1.png") no-repeat;

}

.Atgebox .Main .icon2{
    background: url("images/shareplan/as-2.png") no-repeat;

}

.Atgebox .Main .icon3{
    background: url("images/shareplan/as-3.png") no-repeat;

}

.Atgebox .Main .MemberBtnMain {
}

.Atgebo .MemberBtn a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #c7c7c7;
}

.Atgebox .Main .MemberBtn.Active a {
    background-color: #3eace9;
}

.Atgebox .Main .MemberBtn.Active a:hover {
    background-color: #46bdff;
}


/*高級代理人優勢-合約*/

.Atgebox .Main .contract {
    width: 990px;
    height: 500px;
    overflow-y: auto;
    margin: 10px auto;
    border: 1px solid #ddd;
}

.Atgebox .Main .numberBox {
    width:1000px;
    overflow: auto;
}

.Atgebox .Main .numberBox .nmf {
    width: 100%;
    display: inline-block;
      margin-top: 10px;
      /*background-color: #ccc;*/

}

.Atgebox .numberBox .MemberBtnMain {

}

.Atgebox .numberBox .MemberBtnMain .MemberBtn {
    width: 250px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    font-size: 14px;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
}

.Atgebox .methodbox {
  text-align: center;
  margin-top: 100px;

}
.Atgebox .methodbox .aa{
  display: inline-block;
}

.Atgebox .bb{
  width: 100%;
  padding-top: 10px;
}

.Atgebox .bb .MemberBtnMain{

  display: inline-block;
}

.Atgebox .Prompt {
    font-size: 12px;
    color: #CFCFCF;
    text-align:center;
    padding: 10px 0 0 0;
}

.MarginLeft25 {
    margin-left: 25px;
}


.Atgebox .Prompt a {
    font-size: 12px;
    color: #999999;
    text-align: center;
}




/*代理人POP-9 填寫資訊*/
/*.LightBoxMainTranscation .*/


.LightBoxMain .LeftText p {
    font-size: 12px;
    line-height: 18px;
    color: #aaaaaa;
}
.LightBoxMain .LeftText span {
    font-size: 12px;
    line-height: 18px;
    color: #FFA800;
}

.LightBoxMain .LeftText a {
    color: #FFA800;
    text-decoration: none;
}

.LightBoxMain .LeftText a:hover {
    text-decoration: underline;
}

.MarginLeft60{
  margin-left: 60px;

}

/* 170327 Updata by JohnsonOu */
.BorderTopNone{
    border-top: none;
}






/*高級代理人跳窗0419*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cccccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cccccc;
}
.LightBoxMain {
    transition: all .3s;
}
.LightBoxMain.Absolute {
    position: absolute;
}
.NewAffiliatesSwitch {
    position: absolute;
    width:30px;
    height: 60px;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
    background-color:#ffc12b;
    background-image: url(images/icon033.png);
    background-repeat: no-repeat;
    background-position: center left;
    top: 50%;
    right: -25px;
    margin-top: -30px;
    cursor: pointer;
    z-index: -1;
    transition: all .2s;
}
.NewAffiliatesSwitch:hover {
    right: -30px;
}
.NewAffiliatesSwitch.Active {
 background-position: center right;
}
.NewAffiliatesSwitch:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 100%;
    background: linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,0));
    left: 0;
    transition: all .2s;
}
.NewAffiliatesSwitch:hover:after {
    left: -5px;
}
.NewAffiliates1 {
    width: 265px;
    min-height: 320px;
    padding: 0;
    margin-left: -132.5px
}
.NewAffiliates1.BgColor {
    background-color:#eeeeee; 
}
.NewAffiliates2 {
    width: 785px;
    min-height: 320px;
    background-color:#eeeeee; 
    padding: 0;
    margin-left: -392.5px
}
.NewAffiliates3 {
    width: 515px;
    min-height: 320px;
    padding: 0;
    margin-left: -257.5px
}
.NewAffiliatesBar {
    position: relative;
    width: 100%;
    height: 60px;
    color: #333333;
    line-height: 60px;
    overflow: hidden;
    background-color: #ffc12b;
    border-radius: 3px 3px 0 0;
}
.NewAffiliatesBar:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #f0b21a;
    left: 0;
    bottom: 1px;
}
.NewAffiliatesLeft {
    width: 265px;
    float: left;
    overflow: hidden;
}
.NewAffiliatesRight {
    width: 515px;
    height: auto;
    overflow: hidden;
    float: right;
}
.NewAffiliatesBar h2 {
    font-size: 18px;
    float: left;
    margin: 0 5px 0 20px;
}
.NewAffiliatesBar p {
    font-size: 12px;
    float: left;
    margin-left: 5px;
}
.NewAffiliatesBar p em {
    font-size: 16px;
}
.NewAffiliates1 .Xbox,.NewAffiliates2 .Xbox,.NewAffiliates3 .Xbox,.NewAffiliates4 .Xbox   {
    top: 19px;
    background-color: #ffd672;
}
.NewAffiliates1 .X,.NewAffiliates2 .X,.NewAffiliates3 .X,.NewAffiliates4 .X    {
    background-image: url(images/x3.png);
}
.NewAffiliatesSearch {
    position: relative;
    width: 100%;
    height: auto;
    border-bottom:1px solid #dddddd;
    font-size: 12px;
}
.NewAffiliatesSearch.Focus {
    box-sizing: border-box;
    border:3px solid #ffc12b;
}
.NewAffiliatesSearch:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    bottom: -2px;
}
.NewAffiliatesSearch.Focus:after {
    content: none;
}
.NewAffiliatesSearch p {
    position: absolute;
    font-size: 12px;
    line-height: 50px;
    margin-left: 110px;
    color: #666666;
}
.NewAffiliatesSearch label {
    position: absolute;
    display: block;
    padding: 0 10px 0 20px;
    height: 30px;
    color: #666666;
    line-height: 30px;
    margin-top: 10px;
    transition: all .3s;
}
.NewAffiliatesSearch label:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background-color: #dddddd;
    right: -1px;

}
.NewAffiliatesSearch label.Active {
    color: #333333;
}
.NewAffiliatesSearch input {
    width: 100%;
    height: 50px;
    font-size: 12px;
    padding: 0;
    text-indent: 90px;
    padding-left: 90px\9;
    text-indent: 0\9;
    border: none;
    background-color: #fcfcfc;
    transition: all .3s;
}
.NewAffiliatesSearch input.Active {
    background-color:#fff;
}
.NewAffiliatesSearch input::placeholder {
    transition: all .3s;
}
.NewAffiliatesSearch input.Active::placeholder {
    text-indent: 130px;
    opacity: 0;
}
.NewAffiliatesSearch i {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(images/icon030.png);
    right: 15px;
    top: 16px;
    cursor: pointer;
}
.NewAffiliatesSearch i.Active {
    animation: AffiliateMove1 .7s;
}
.NewAffiliatesBgPic {
    width: 90px;
    height: 65px;
    margin: 20px auto;
    background-image: url(images/icon031.png);
}
.NewAffiliatesNoResult {
    font-size: 14px;
    color: #333333;
    line-height: 70px;
    text-align: center;
    opacity: 0;
    animation: AffiliateMove2 .5s;
    animation-fill-mode: forwards;
}
.NewAffiliatesResult {
    background-color: #fff;
    padding: 10px 20px;
}
.NewAffiliatesResult h2 {
    font-size: 14px;
    line-height: 35px;
    color: #666666;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}
.NewAffiliatesResult h4 {
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-bottom: 5px;
}
.NewAffiliatesResult p {
    font-size: 12px;
    color: #666666;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
.NewAffiliatesResult p em {
    color: #32b7ff;
}
.NewAffiliatesResult p span {
    font-size: 18px;
}
.NewAffiliatesResult ul li {
    font-size: 12px;
    clear: both;
    opacity: 0;
    animation-fill-mode: forwards;
    margin-bottom: 20px;
}
.NewAffiliatesResultName,.NAResult1 {
    animation: AffiliateMove2 .5s;
    animation-delay:.2s; 
}
.NewAffiliatesResultID,.NAResult2 {
    animation: AffiliateMove2 .5s;
    animation-delay:.4s; 
}
.NewAffiliatesResultPhnoe,.NAResult3 {
    animation: AffiliateMove2 .5s;
    animation-delay:.6s; 
}
.NAResult4 {
    animation: AffiliateMove2 .5s;
    animation-delay:.8s; 
}
.NewAffiliatesResult ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    border: 2px solid #ffc12b;
    margin-right: 5px;
}
.NewAffiliatesResult ul li.NAResult1 i {
    border: 2px solid #ff535d;
}
.NewAffiliatesResult ul li.NAResult3 i {
    border: 2px solid #32b7ff;
}
.NewAffiliatesResult ul li.NAResult4 i {
    border: 2px solid #59ca3c;
}
.NewAffiliatesResult ul li h3 {
    display: inline-block;
    vertical-align: middle;
    color: #333333;
}
.NewAffiliatesResult ul li p {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    border:none;
    float: right;
}
.NewAffiliatesResultMoney {
    position: relative;
    width: 100%;
    padding: 20px 0 23px;
    overflow: hidden;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
}
.NewAffiliatesResultMoney ul li {
    width: 50%;
    float: left;
    text-align: center;
}
.NewAffiliatesBalance {
    animation: AffiliateMove2 .5s;
    animation-delay:.8s; 
}
.NewAffiliatesReceived {
    animation: AffiliateMove2 .5s;
    animation-delay:1s; 
}
.NewAffiliatesBalance,.NewAffiliatesReceived {
    display: inline-block;
    opacity: 0;
    animation-fill-mode:forwards;
}
.NewAffiliatesResultMoney .label {
    width: 60px;
    height: 20px;
    margin: 0 auto;
    font-size: 12px;
    border-radius: 3px;
    transform: scale(.8);
    color: #fff;
    line-height: 21px;
    margin-bottom: 5px;
}
.NewAffiliatesBalance .label {
    background-color: #ff535d;
}
.NewAffiliatesReceived .label {
    background-color: #32b7ff;
}
.NewAffiliatesResultMoney p {
    font-size: 14px;
    color: #000000;
}
.NewAffiliatesResultMoney p em {
    font-size: 20px;
}
.NewAffiliatesResultMoney .Line {
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #dddddd;
    left: 50%;
    margin-left: -.5px;
}
.NewAffiliatesBtnBg {
    padding: 20px;
    text-align: center;
    background-image: url(images/bg007.jpg);
    border-radius: 0 0 0 3px;
}
.NewAffiliatesBtnBg p {
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.NewAffiliatesBtnBg p span {
    color:  #ffc12b;
}
.NewAffiliatesBtns {
    display: inline-block;
    margin-bottom: 15px;
}
.NewAffiliatesBtn {
    position: relative;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    font-size: 14px;
    background-color: #ffc12b;
    float: left;
    margin: 0 5px;
    cursor: pointer;
    overflow: hidden;
}
.NewAffiliatesBtn p {
    position: relative;
    color: #000000;
    z-index: 2;
}
.NewAffiliatesBtn.Line {
    width: 98px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border: 1px solid #fff;
    background-color:inherit;
}
.NewAffiliatesBtn.Line p {
    color: #fff;
}
.NewAffiliatesBtn:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-radius:50px;
    background-color:#ffb400;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 0;
    transform: scale(0);
}
.NewAffiliatesBtn.Line:after {
    background-color: #32b7ff;
}
.NewAffiliatesBtn:hover:after {
    transform: scale(10);
    transition: all .5s;
}
.NewAffiliatesBtn.Line:hover {
    width: 100px;
    height: 40px;
    line-height: 40px;
    border:none;
}
.NewAffiliatesDegital {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
    margin-bottom: 5px;
}
.NewAffiliatesO {
    position: relative;
    width: 90px;
    height: 90px;
    float: left;
    margin:15px 10px 0 20px; 
}
.NewAffiliatesO p {
    position: absolute;
    width: 100%;
    font-size: 14px;
    color: #000000;
    line-height: 90px;
    text-align: center;
}
.NewAffiliatesDegital ul {
    float: left;
    margin: 40px 0 0 0;
}
.NewAffiliatesDegital ul li {
    float: left;
    min-width: 129px;
    padding: 0 5px;
    opacity: 0;
    text-align: center;
}
.NewAffiliatesDegital ul li .Center {
    display: inline-block;
}
.NewAffiliatesDegital ul li.One {
    animation: AffiliateMove2 .5s;
    animation-delay: .2s;
    animation-fill-mode:forwards;
}
.NewAffiliatesDegital ul li.Two {
    animation: AffiliateMove2 .5s;
    animation-delay: .4s;
    animation-fill-mode:forwards;
} 
.NewAffiliatesDegital ul li.Three {
    animation: AffiliateMove2 .5s;
    animation-delay: .6s;
    animation-fill-mode:forwards;
} 
.NewAffiliatesDegital ul li.Line {
    border-right: 1px solid #dddddd;
}
.NewAffiliatesDegital ul li i {
    display: inline-block;
    vertical-align: top;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    border: 2px solid #ffc12b;
    margin:8px 5px 0 0; 
}
.NewAffiliatesDegital ul li i.Color2 {
    border: 2px solid #ff535d;
}
.NewAffiliatesDegital ul li i.Color3 {
    border: 2px solid #32b7ff;
}
.NewAffiliatesDegital ul li div {
    display: inline-block;
    vertical-align: top;
}
.NewAffiliatesDegital ul li p {
    font-size: 14px;
    color: #333333;
    text-align: left;
    margin-bottom: 5px;
}
.NewAffiliatesDegital ul li p em {
    font-size: 20px;
}
.NewAffiliatesDegital ul li h2 {
    font-size: 12px;
    color: #666666;
    text-align: left;
}
.NewAffiliatesTableBg {
    height: 324px;
    padding: 20px;
    overflow: hidden;
    background-color: #fff;
}
.NewAffiliatesTableBg.NoHeight {
    height: auto;
}
.NewAffiliatesTableBg h2 {
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    float: left;
    margin-bottom: 15px;
}
.NewAffiliatesTableBg h2 span {
    font-size: 12px;
    color: #666666;
    margin-left: 5px;
}
.NewAffiliatesSelect {
    position: relative;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
    float: right;
    cursor: pointer;
}
.NewAffiliatesSelect p {
    display: inline-block;
    vertical-align: middle;
}
.NewAffiliatesSelect i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 5px;
    background-image: url(images/icon032.png);
    margin-left: 5px;
}
.NewAffiliatesOption {
    display: none;
    position: absolute;
    top: 20px;
    width: 100%;
    background-color: #fff;
    border:1px solid #dddddd; 
    border-radius: 3px;
    z-index: 2;
}
.NewAffiliatesOption ul li {
    text-align: center;
    line-height: 22px;
}
.NewAffiliatesOption ul li:hover {
    background-color: #f5f5f5;
}
.NewAffiliatesTableBoxBg {
    border:1px solid #dddddd;
    border-top: 2px solid #ffc12b;
    clear: both;
    margin-bottom: 10px;
}
.NewAffiliatesTableBoxMain {
    position: relative;
    width: 100%;
    height: 204px;
    overflow-x:hidden; 
    overflow-y:scroll; 

    background-color: #fff;
}
.NewAffiliatesTableBoxMain.NoHeight {
    height: auto;
    overflow: inherit;
}
.NewAffiliatesTableBox {
    position: relative;
    padding: 0 20px;
    height: auto;
}
.NewAffiliatesTableBox table {
    position: relative;
    width: 100%;
    font-size: 12px;
    background-color: #fff;
}
.NewAffiliatesTableBox table tr {
    text-align: left;
    text-indent: 10px;
    line-height: 40px;
    color: #666666;
    border:none;
    border-bottom:1px solid #dddddd;
}
.NewAffiliatesTableBox table tr:hover {
    background-color: #fafafa;
}
.NewAffiliatesTableBox table tr em {
    margin-left: 5px;
}
.NewAffiliatesTableBox table tr span  {
    transform: scale(.8);
    display: inline-block;
    height: 15px;
    font-size: 12px;
    line-height:16px;
    text-align: center;
    padding: 0 5px;
    color: #000000;
    background-color: #ffc12b;
    border-radius: 3px;
    margin-left: 5px;
    text-indent: 0;
}
.NewAffiliatesTableBox table tr .Am {
    color: #fff;
    background-color: #32b7ff;
}
.NewAffiliatesTableBox table tr:nth-last-child(1) {
    border:none;
}
.NewAffiliatesTableBox table tr.Title {
    color: #000000;
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
}
.TableTitle:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    left: 0;
    top: 40px;
}
.NewAffiliatesTableBox table tr td.NaTb1,.NewAffiliatesTableBox table tr td.NaTb2,.NewAffiliatesTableBox table tr td.NaTb3 {
    width: 21%;
}
.NewAffiliatesTableBox table tr td.NaTb4 {
    width: 35%;
}
.NewAffiliatesTableBox.T7 table tr td {
    width: 13%;
}
.NewAffiliatesTableBox.T7 table tr td.NaTb7 {
    width: 20%;
}
.NewAffiliatesOtherNav {
    float: right;
}
.NewAffiliatesOtherNav ul li {
    width: 65px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    background-color: #fafafa;
    border:1px solid #dddddd;
    border-radius: 3px;
    float: left;
    margin-left: 7px;
}
.NewAffiliatesOtherNav ul li:hover {
    background-color: #f5f5f5;
}
.NewAffiliatesOtherNav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #999999;
    text-decoration: none;
}
.NewAffiliatesCheckBg {
    position: relative;
    width: 118px;
    height: 118px;
    border-radius: 118px;
    box-shadow: 0 2px 5px rgba(50,183,255,.5);
    background-image: url(images/icon034.png); 
    margin: 10px auto 20px;
    animation: AffiliateMove3 .5s;
    animation-delay: .7s;
}
.NewAffiliatesCheckBg:before {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 140px;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -70px;
    background-color: #fff;
    animation: AffiliateMove4 ease-in .3s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
    content: "";
    content:none \9;
}
.NewAffiliatesCheck {
    position: absolute;
    width: 0px;
    height: 45px;
    top: 50%;
    left: 50%;
    margin-top: -22.5px;
    margin-left: -32px;
    background-image: url(images/icon034-2.png);
    animation: AffiliateMove5 ease-in .3s;
    animation-delay: .6s;
    animation-fill-mode: forwards; 
}
.NewAffiliatesCheckBtn {
    position: relative;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    background-color: #ffc12b;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 20px;
}
.NewAffiliatesCheckBtn p {
    position: relative;
    font-size: 14px;
    color: #000000;
    z-index: 1;
}
.NewAffiliatesCheckBtn:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #ffb400;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 0;
    transform: scale(0);
}
.NewAffiliatesCheckBtn:hover:after {
    transform: scale(10);
    transition: all .5s;
}
.NewAffiliatesListBar {
    width: 100%;
    height: auto;
    background-image: url(images/bg007.jpg);
    margin-bottom: 5px;
    overflow: hidden;
}
.NewAffiliatesListBar ul {
    padding-left: 20px;
}
.NewAffiliatesListBar ul li {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border:1px solid rgba(255,255,255,.7);
    border-radius: 3px;
    padding: 0 5px;
    margin:20px 5px 20px 0;
    float: left;
    cursor: pointer;
}
.NewAffiliatesListBar ul li:hover {
    border:1px solid rgba(255,255,255,1);
}
.NewAffiliatesListBar ul li.Active {
    background-color: #34B7FF;
    border:1px solid  #34B7FF;
}
.NewAffiliatesListBg {
    margin-bottom: 5px;
}
.NewAffiliatesListBtn {
    position: relative;
    padding: 10px 20px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #000000;
    border-bottom: 1px solid #eeeeee;
    background-color: #fff;
    cursor: pointer;
}
.NewAffiliatesListBtn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    left: 0;
    bottom: 0px;
}
.NewAffiliatesListBtn h2 {
    height: 30px;
    border-right: 1px solid #dddddd;
    padding-right: 10px;
    margin-right: 10px;
    float: left;
}
.NewAffiliatesListBtn p {
    color: #666666;
    float: left;
}
.NewAffiliatesListBtn p.Color1 {
    color: #f8336f;
} 
.NewAffiliatesListBtn p.Color2 {
    color: #4ccc80;
} 
.NewAffiliatesListBtn i {
    display: inline-block;
    width: 10px;
    height: 5px;
    background-image: url(images/icon035.png);
    float: right;
    margin-top: 12.5px;
    transition: all .3s;
}
.NewAffiliatesListBtn.Active i {
    transform: rotate(180deg);
}
.NewAffiliatesListBg ul {
    display: none;
    clear: both;
    padding: 0 20px;
    background-color: #fafafa;
    border-bottom: 1px solid #dddddd;
}
.NewAffiliatesListBg ul li {
    font-size: 12px;
    line-height: 35px;
    overflow: hidden;
    clear: both;
}
.NewAffiliatesListBg ul li:nth-last-child(1) {
    border:none;
}
.NewAffiliatesListBg ul li h3 {
    color: #333333;
    float: left;
}
.NewAffiliatesListBg ul li p {
    color: #666666;
    float: right;
}
.NewAffiliatesCalculationBg {
    padding: 20px 20px 0;
}
.NewAffiliatesCalculationTable {
}
.NewAffiliatesCalculationTable table {
    width: 100%;
}
.NewAffiliatesCalculationTable tr {
    color: #666666;
}
.NewAffiliatesCalculationTable tr.BgColorNone {
    background-color: inherit;
}
.NewAffiliatesCalculationTable tr.Titles {
    color: #000000;
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
}
.NewAffiliatesCalculationTable tr.Total {
    background-color: #fafafa;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.NewAffiliatesCalculationTable tr.Total.BgColor2 {
    background-color: #fff;
}
.NewAffiliatesCalculationTable tr.Total td.Color1 {
    color: #59ca3c;
}
.NewAffiliatesCalculationTable tr.Total td.Color2 {
    color: #ff535d;
}
.NewAffiliatesCalculationTable tr.Total td {
    color: #000000;
    line-height: 45px;
}
.NewAffiliatesCalculationTable tr.Total td.FontBig {
    font-size: 16px;
}
.NewAffiliatesCalculationTable td {
    width:28%;
    padding: 0 10px;
    font-size: 12px;
    line-height: 35px;
    text-align: right;
}
.NewAffiliatesCalculationTable td.Color1 {
    color: #59ca3c;
}
.NewAffiliatesCalculationTable td.Color2 {
    color: #ff535d;
}
.NewAffiliatesCalculationTable tr.BorderNone {
    border-bottom: none;
}
.NewAffiliatesCalculationTable td.List {
    width: 15%;
    text-align: left;
}
.NewAffiliatesCalculationTable td.TextLeft {
    text-align: left;
}
.NewAffiliatesCalculationTotal {
    padding: 0 25px;
    height: 60px;
    border-radius: 0 0 3px 3px;
    background-image: url(images/bg007.jpg);
    font-size: 12px;
    color: #fff;
    line-height: 60px;
    text-align: right;
}
.NewAffiliatesCalculationTotal em {
    color: #ffc12b;
    margin-left: 18px;
}
.NewAffiliatesCalculationTotal em span {
    font-size: 20px;
}
/*動態*/
@keyframes AffiliateMove1 {
    25% {
        transform:scale(.9);
    }
    50% {
        transform:scale(1.1);
    }
 
    100% {
        transform:scale(1);
    }
}
@keyframes AffiliateMove2 {
    0% {
        opacity: 0;
        transform:translateY(15px);
    }
    100% {
        opacity: 1;
        transform:translateY(0px);
    }
}
@keyframes AffiliateMove3 {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.2);
    }
    100% {
        transform:scale(1);
    }
}
@keyframes AffiliateMove4 {
    0% {
        transform:scale(1);
    }
    100% {
        transform:scale(0);
    }
}
@keyframes AffiliateMove5 {
    0% {
        width: 0px;
    }
    100% {
       width: 64px;
    }
}


::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
    }
::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3);
    }

/*高級代理人首頁更新-20170428*/
body.GrayBg {
    background-color: #f1f4f5;
}
.PlanContent.HeighPlan {
    width: 990px;
    padding: 10px 5px;
    position: relative;
}
.HeighPlanBg {
    position: relative;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    margin-bottom: 10px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    transition: all .2s;
}
.HeighPlanBg.Hpb1 {
    animation: AffiliateMove6 ease-in .3s;
    animation-fill-mode: forwards; 
    cursor: inherit;
}
.HeighPlanBg.Hpb2,.HeighPlanBar {
    animation: AffiliateMove6 ease-in .3s;
    animation-delay: .2s;
    animation-fill-mode: forwards; 
    cursor: inherit;
}
.HeighPlanBg.Hpb2-2{
    animation: AffiliateMove6 ease-in .3s;
    animation-delay: .4s;
    animation-fill-mode: forwards; 
    cursor: inherit;
}

.HeighPlanBg.Hpb3 {
    animation: AffiliateMove6 ease-in .3s;
    animation-delay: .6s;
    animation-fill-mode: forwards; 
    cursor: inherit;
}
.HeighPlanBg.Hpb4 {
    animation: AffiliateMove6 ease-in .3s;
    animation-delay: .8s;
    animation-fill-mode: forwards; 
}
.HeighPlanBg.Hpb4.unlink{
    cursor: inherit;
}
.HeighPlanBg.Hpb5 {
    animation: AffiliateMove6 ease-in .3s;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
}


.HeighPlanBg.Hpb6 {
    animation: AffiliateMove6 ease-in .3s;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
}
.HeighPlanBg.Hpb7 {
    animation: AffiliateMove6 ease-in .3s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards; 
}
@keyframes AffiliateMove6 {
    0% {
        opacity: 0;
        top: 10px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.HeighPlanBg:after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background-color: #f0b21a;
    top: 0;
    left: 50%;
    transition: all .3s;
}
.HeighPlanBg:before {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background-color: #f0b21a;
    top: 0;
    right: 50%;
    transition: all .3s;
}
.HeighPlanBg:hover {
    transform: scale(1.03);
    z-index: 2;
    box-shadow: 0 0 9px rgba(0,0,0,.2);
}
.HeighPlanBg.Hpb1:hover ,.HeighPlanBg.Hpb2:hover,.HeighPlanBg.Hpb2-2:hover {
    transform: inherit;
}
.HeighPlanBg.Hpb1:hover:after ,.HeighPlanBg.Hpb2:hover:after,.HeighPlanBg.Hpb1:hover:before ,.HeighPlanBg.Hpb2:hover:before  {
    width: 0;
}
.HeighPlanBg:hover:after {
    width: 50%;
}
.HeighPlanBg:hover:before {
    width: 50%;
}
.HeighPlanBg h1 {
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
}
.HeighPlanBg p.More {
    clear: both;
    font-size: 12px;
    text-align: right;
}
.HeighPlanBg p.More.middle{
    float: right;
    clear: initial;
    margin-top: 64px;
}
.HeighPlanBg p.More a {
    color: #32b7ff;
}
.HeighPlanBg.Hpb1 {
    /* height: 125px; */
    border-top: 3px solid #ffc12b;
    float: none;
}
.HeighPlanBg.Hpb1 h1 {
    font-size: 18px;
}
.HeighPlanBg.Hpb2 {
    height: auto;
    float: none;
}
.HeighPlanBg.Hpb2-2 {
    height: auto;
    float: none;
}
.Hpb2-2 .item1, .Hpb2-2 .item2{
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.Hpb2-2 .item1{
    border-right: 1px dashed #dddddd;
    padding-right: 20px;   
}
.Hpb2-2 .item2{
    padding-left: 20px;   
}

.Hpb2-2 .item1 h1 a{
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url(images/question-mark.png);
    margin-left: 5px;
}
.HeighPlanBg.Hpb2 h1 {
    margin-bottom: 15px;
}
.HeighPlanBg.Hpb2 .Left {
    width: 50%;
    height: 105px;
    border-right: 1px dashed #dddddd;
    float: left;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 25px;
    box-sizing: border-box;
}
.HeighPlannReceived {
    display: inline-block;
}
.HeighPlannReceived h3 {
    font-size: 14px;
    color: #333333;
    margin: 10px 0 5px;
}
.HeighPlannReceived h3 em {
    font-size: 24px;
    color: #32b7ff;
}
.HeighPlannReceived h3 span {
    font-size: 36px;
}
.HeighPlanBg .NewAffiliatesDegital ul li {
    opacity: 1;
}
.HeighPlanBg .NewAffiliatesDegital ul li.One,.HeighPlanBg .NewAffiliatesDegital ul li.Two,.HeighPlanBg .NewAffiliatesDegital ul li.Three {
    animation:none;
}
.HeighPlanBtn {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 30px;
    border-radius: 3px;
    background-color: #ffc12b;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    transition: all .3s;
    margin-left: 20px;
}
.HeighPlanBtn3{
    float: initial;
    display: inline-block;
    position: relative;
    width: 95px;
    height: 30px;
    border-radius: 3px;
    background-color: #ffc12b;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    transition: all .3s;
    margin-left: 10px;
}
.HeighPlanBtn3.disabled{
    background-color: #D5D5D5;
}
.HeighPlanBtn3.disabled a{
    cursor: default;
}
.HeighPlanBtn3.disabled:after{
    display: none;
}
.HeighPlanBtn a ,.HeighPlanBtn3 a{
    position: relative;
    color: #000000;
    text-decoration: none;
    z-index: 2;
}

.HeighPlanBtn3.disabled a{
    color: #828282;
}
.HeighPlanBtn:after, .HeighPlanBtn3:after{
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background-color:#ffb400;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 0;
    transform: scale(0);
}

.AddColor{
    background-color: #999;
}

.AddColor:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background-color: #777;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 0;
    transform: scale(0);
}

.HeighPlanBtn:hover:after, .HeighPlanBtn3:hover:after,.AddColor:hover:after{
    transform: scale(10);
    transition: all .5s;
}
.HeighPlanBg.Hpb2 .Right {
    padding-left: 10px;
    height: 100px;
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.HeighPlanBg.Hpb2 .Right .NewAffiliatesDegital {
    border:none;
    margin-top: -10px;
}
.HeighPlanBg.Hpb3 {
    width: 450px;
    height: 200px;
    margin-right: 10px;
}

.HeighPlanBg.Hpb3.wt {
    margin-right: 0;
}
.HeighPlanBg.Hpb4 {
    width: 200px;
    height: 200px;
    margin-right: 10px;
}
.HeighPlanBg.Hpb5 {
    width: 200px;
    height: 200px;
    text-align: center;
}
.HeighPlanBg.Hpb6 {
    width: 450px;
    height: 200px;
    margin-right: 10px;
}
.HeighPlanBg.Hpb7 {
    width: 450px;
    height: 200px;
}
.HeighPlanBar {
    position: relative;
    height: 50px;
    padding: 0 20px;
    background-color: #ffc12b;
    clear: both;
    z-index: 3;
    opacity: 0;
}
.HeighPlanBar2{
    position: relative;
    height: 50px;
    padding: 0 20px;
    background-color: #fff;
    clear: both;
    z-index: 3;
    opacity: 0;
    margin: -20px;
    margin-bottom: 28px;
}
.HeighPlanBar:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #f0b21a;
    bottom: 1px;
    left: 0;
}
.HeighPlanBar h1 {
    font-size: 18px;
    color: #000000;
    line-height: 50px;
    float: left;
}
.HeighPlanBg.Hpb5 h1 {
    text-align: left;
}
.HeighPlanBar p {
    float: right;
    font-size: 12px;
    color: #000000;
    line-height: 50px;
    margin-right: 10px;
}
.HeighPlanBarSelect {
    position: relative;
    width: 130px;
    height: 28px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    text-indent: 10px;
    border:1px solid #f0b21a;
    background-color: #fff;
    border-radius: 3px;
    float: right;
    cursor: pointer;
    margin-top: 10px;
}

.HeighPlanBarSelect.wt {
    width: 180px;
}
.HeighPlanBarSelect i {
    position: absolute;
    width: 10px;
    height: 5px;
    background-image: url("images/icon012.png");
    top: 11.5px;
    right: 5px;
}
.HeighPlanBarSelectOption {
    display: none;
    position: absolute;
    width: 100%;
    top: 28px;
    background-color: #fff;
    border-radius: 3px;
    z-index: 1;
}
.HeighPlanBarSelectOption ul {
     border:1px solid #dddddd;
}
.HeighPlanBarSelectOption ul li {
    line-height: 25px;
    cursor: pointer;
}
.HeighPlanBarSelectOption ul li:hover {
    background-color: #fafafa;
}
.HeighPlanOpen {
    position: absolute;
    width: 8px;
    height: 8px;
    background-image: url("images/icon036.png");
    background-size: 100%;
    top: 10px;
    right: 10px;
}
.HeighPlanSummary {
    width: 100%;
}
.HeighPlanSummary ul {
    padding: 20px 0;
}
.HeighPlanSummary ul li {
    width: 24%;
    padding: 0 0;
    border-right: 1px solid #dddddd;
    float: left;
    box-sizing: border-box;
    text-align: center;
}
.HeighPlanSummary ul li.HPS4 {
    border-right:none;
    width: 27%;
    padding:0 0 0 4%;
}

.HeighPlanSummary ul li.wt {
    width: 33.3%;
}
.HeighPlanSummary ul li.ws {
    width: 25%;
}
.HeighPlanSummary ul li i {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background-image: url("images/mhpicon1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffc12b;
    /* float: left; */
    margin-right: 10px;
}
.HeighPlanSummary ul li.HPS2 i {
    background-color: #ff5a64;
    background-image: url("images/mhpicon2.png");
}
.HeighPlanSummary ul li.HPS3 i {
    background-color: #32b7ff;
    background-image: url("images/mhpicon3.png");
}
.HeighPlanSummary ul li .HPSRight {
    font-size: 12px;
    color: #666666;
    /* float: left; */
    display: inline-block;
}
.HeighPlanSummary ul li h2 {
    font-size: 12px;
    color: #333;
    margin-bottom: 5px;
    text-align: left;
}
.HeighPlanSummary ul li p {
    font-size: 30px;
    color: #333333;
}
.HeighPlanSummary ul li p span {
    font-size: 20px;
}
.HeighPlanSummary ul li .Degital h3 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #32b7ff;
}
.HeighPlanSummary ul li .Degital p {
    font-size: 12px;
    line-height: 0;
    color:#333;
    text-align: center;
}
.HeighPlanSummary ul li .PercentBg {
    position: relative;
    width: 120px;
    height: 7px;
    border-radius: 7px;
    background-color: #fafafa;
    margin-bottom: 15px;
    margin-top: 5px;
    
}

.HeighPlanSummary ul li .PercentBg p{
    font-size: 12px;
    line-height: 22px;
}

.HeighPlanSummary ul li .PercentBg.HPS1 p{
    color:#ffc12b;   
}

.HeighPlanSummary ul li .PercentBg.HPS2 p{
    color:#ff5a64;
}

.HeighPlanSummary ul li .PercentBg.HPS3 p{
    color:#32b7ff;
}

.HeighPlanSummary ul li .PercentBg.Mg1 {
    margin-left: 103px;
}

.HeighPlanSummary ul li .PercentBg.Mg2 {
    margin-left: 110px;
}

.HeighPlanSummary ul li .PercentBg.Mg3 {
    margin-left: 75px;
}

.HeighPlanSummary ul li a{
    text-decoration: none;
}

.HeighPlanSummary ul li .PercentNow {
    height: 100%;
    background-color:  #ffc12b;
    border-radius: 7px 0 0 7px;
} 
.HeighPlanSummary ul li .HPS2 .PercentNow {
    background-color: #ff5a64;
}
.HeighPlanSummary ul li .HPS3 .PercentNow {
    background-color: #32b7ff;
}
.HeighPlanIncomebox {
    position: relative;
    width: 400px;
    height: 200px;
    margin-top: -25px;
}
/*.HeighPlanIncomebox:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color:rgba(220,220,220,1);
    right: -40px;
    bottom: 32px;
}*/
.HeighPlanList1 ul li {
    overflow: hidden;
    clear: both;
    margin-bottom:10px;
}
.HeighPlanList1 ul li i {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #ffc12b;
    background-image: url("images/hpicons.png");
    float: left;
    margin-right: 10px;
}
.HeighPlanList1 ul li.Hpl2 i{
    background-position: 0 -35px;
}
.HeighPlanList1 ul li.Hpl3 i{
    background-position: 0 -70px;
}
.HeighPlanList1 ul li.Hpl4 i{
    background-position: 0 -105px;
}
.HeighPlanList1 ul li.Hpl5 i{
    background-position: 0 -140px;
}
.HeighPlanList1 ul li.Hpl6 i{
    background-position: 0 -175px;
}
.HeighPlanList1 ul li.Hpl7 i{
    background-position: 0 -210px;
}
.HeighPlanList1 ul li.Hpl8 i{
    background-position: 0 -245px;
}
.HeighPlanList1 ul li h2 {
    font-size: 14px;
    color: #333333;
    line-height: 35px;
    float: left;
}
.HeighPlanList1 ul li p {
    font-size: 16px;
    color: #000000;
    line-height: 35px;
    float: right;
}
.HeighPlanList1 ul li .PercentBg {
    width: 180px;
    height: 7px;
    border-radius:7px;
    background-color: #fafafa;
    float: left;
    margin-top: 14px;
    margin-left: 35px; 
}
.HeighPlanList1 ul li .PercentNow {
    height: 100%;
    background-color: #32b7ff;
    border-radius: 7px 0 0 7px;
}

.Hpl7 ul{
    float: right;
    height: 35px;
}
.Hpl7 ul li{
    font-size:13px;
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    margin-left: 3px;
    border-radius:35px;
    background-color: #e8e8e8;
    color:#8d8d8d;
    text-align: center;
}

.Hpl7 ul li.AddBig{
    background-color:#33b7ff;
    color: #fff;
}

.PeoplePercent {
    width: 200px;
    float: left;
    margin-left: 35px; 
}
.PeoplePercent ul {
    width: 100%;
}
.PeoplePercent ul li {
    width: 10px;
    height: 26px;
    background-image: url("images/memberpercent.png");
    background-position: right;
    float: left;
    clear: inherit;
    margin: 10px 10px 0 0;
}
.PeoplePercent ul li.Half {
    background-position:center;
}
.PeoplePercent ul li.Full {
    background-position:left;
}
.HeighPlanTatal {
    font-size: 12px;
    color: #333333;
    line-height: 26px;
    text-align: center;
    border:1px solid #dddddd;
    background-color: #fafafa;
    border-radius: 2px;
    clear: both;
}
.HeighPlanTatal span {
    font-size: 14px;
    color: #32b7ff;
}
.HeighPlanBg .HpQrcode {
    position: relative;
    width: 85px;
    height: 85px;
    border:1px solid #dddddd;
    padding: 5px;
    margin: 0 auto 10px;
    display: inline-block;
}
.HeighPlanBg .HpQrcode img {
    width: 100%;
    height: 100%;
}

.HpQrcode.Mg{
    margin-left: 40px;
}
.HeighPlanBg .HpQrTitle {
    width: 180px;
    font-size: 12px;
    color: #333333;
    text-align: center;
    margin-bottom: 10px;
}
.HeighPlanBtnsCenter {
    display: inline-block;
}
.HeighPlanBtn2 {
    position: relative;
    width: 85px;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    border:1px solid #dddddd;
    background-color: #fafafa;
    border-radius: 2px;
    float: left;
    overflow: hidden;
    margin: 0 2.5px;
}
.HeighPlanBtn2 a {
    position: relative;
    display: block;
    color: #333333;
    text-decoration: none;
    z-index: 2;
}
.HeighPlanBtn2:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-radius:50px;
    background-color:#ffb400;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 0;
    transform: scale(0);
}
.HeighPlanBtn2:hover {
    width: 87px;
    line-height: 28px;
    border:none;
}
.HeighPlanBtn2:hover:after {
    transform: scale(10);
    transition: all .5s;
}
.HeighPlanBtn2:hover a {
    color: #000000;
}

.HeighPlanBtn3 {
    position: relative;
    width: 95px;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    border:1px solid #dddddd;
    background-color: #fafafa;
    border-radius: 2px;
    float: left;
    overflow: hidden;
    margin: 0;
}
.HeighPlanBtn3 a {
    position: relative;
    display: block;
    color: #333333;
    text-decoration: none;
    z-index: 2;
}
.HeighPlanBtn3:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-radius:50px;
    background-color:#ffb400;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 0;
    transform: scale(0);
}
.HeighPlanBtn3:hover {
    width: 95px;
    line-height: 28px;
    border:none;
}
.HeighPlanBtn3:hover:after {
    transform: scale(10);
    transition: all .5s;
}
.HeighPlanBtn2:hover a {
    color: #000000;
}


.HeighPlanList2 ul li {
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}
.HeighPlanList2 ul li i {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 8px;
    border:2px solid #ffc12b;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}
.HeighPlanList2 ul li h2 {
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    float: left;
}
.HeighPlanList2 ul li p {
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    float: right;
}
.HeighPlanList2 ul li p.MakeMoney {
    color: #ff535d;
}
.HeighPlanList2 ul li p.LoseMoney {
    color: #59ca3c;
}
/*分享指數-20170428*/


/*分享指數s*/

.NewAffiliates4 {
    width: 510px;
    min-height: 320px;
    padding: 0;
    margin-left: -257.5px;
}
/*0426*/

.a1 {
    background-color: #fff;
    animation: move 1s;
    animation-delay: .4s;
    position: relative;
}

.a2 {
    background-color: #fff;
    animation: move 1s;
    animation-delay: .8s;
    position: relative;
}

@keyframes move {
    from {
        top: 50px;
        opacity: 0;
    }
    to {
        top: 0px;
        opacity: 1;
    }
}

.NewAffiliatesLinkBox {
    background-color: #fff;
}

.NewAffiliatesLinkBox .main {
    width: 510px;
    padding: 15px 25px 30px 25px;
    box-sizing: border-box;
}

.NewAffiliatesLinkBox .main .NboxDateMain {
    font-size: 0px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 9px;
}

.NewAffiliatesLinkBox .main .NboxDateMain .Nbox {
    width: 50%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    color: #4A4A4A;
    cursor: pointer;
}

.NewAffiliatesLinkBox .main .NboxDateMain .Nbox span {
    font-size: 12px;
    color: #FFC12B;
    margin-left:-1px;
    line-height: 16px;
}

.NewAffiliatesLinkBox .main .NboxDateMain .Nbox i {
    width: 16px;
    height: 16px;
    background: url(images/agentup/Fill.png) no-repeat;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    margin: 0 3px;
}

.NewAffiliatesLinkBox .main .NboxDateMain .Nbox u {
    width: 12px;
    height: 15px;
    background: url(images/agentup/edit.png);
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

.NewAffiliatesLinkBox .main .NboxDateMain .Nbox u:hover {
    background: url(images/agentup/edit_hover.png);
}

.NewAffiliatesLinkBox .main .NboxDateMain .Nbox s,.Tick {
    width: 0px;
    height: 10px;
    background: url(images/agentup/done_fill.png);
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    animation: NboxsMove ease-in .3s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

@keyframes NboxsMove {
    0% {
        width: 0px;
    }
    100% {
        width: 12px;
    }
}







.NewAffiliatesLinkBox .main .NboxDateMain .Nbox input {
    width: 100px;
    height: auto;
    border: 1px solid #ffc12b;
    text-indent: 8px;
    color: #a1a1a1;
    display: inline-block;
    /*animation: NboxinputMove ease-in .4s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
    position: relative;*/
}

@keyframes NboxinputMove {
    0% {
        width: 0;
    }
    100% {
        width: 100px;
    }
}

@keyframes NboxinputMove2 {
    0% {
        left: -50px;
    }
    100% {
        left: 10px;
    }
}

.NewAffiliatesLinkBox .main .NboxDateMain .NewDate {
    width: 50%;
    height: auto;
    display: inline-block;
    font-size: 12px;
    text-align: right;
    color: #aaa;
    font-weight: 200;
    vertical-align: top;
    line-height: 16px;
}

.NewAffiliatesLinkBox .main .NboxDateMain .NewDate .AM {
    transform: scale(0.8);
    display: inline-block;
    height: 15px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 0 5px;
    color: #000000;
    background-color: #ffc12b;
    border-radius: 3px;
    margin-left: 0px;
    text-indent: 0;
}

.NewAffiliatesLinkBox .main .NboxDateMain .NewDate .PM {
    transform: scale(0.8);
    display: inline-block;
    height: 15px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 0 5px;
    color: #fff;
    background-color: #32B7FF;
    border-radius: 3px;
    margin-left: 0px;
    text-indent: 0;
}

.NewAffiliatesLinkBox .main .ShareLinkMain {
    font-size: 0px;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .QrcodeMain {
    width: 25%;
    display: inline-block;
    font-size: 12px;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .QrcodeMain .Qrcodeimg {
    width: 70px;
    height: 70px;
    background: url(images/agentup/qrcodeSample.png);
    margin: 0 auto;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .QrcodeMain .Qrcodetext {
    margin-top: 15px;
    font-size: 12px;
    color: #666666;
    text-align: center;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .QrcodeMain .Qrcodetext span {
    color: #FFC12B;
    font-size: 15px;
    padding-left: 5px;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .LinkMain {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    padding-left: 50px;
    box-sizing: border-box;
}

.LinkMain.wt{
    display: inline-block;
    margin-left: 20px;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .LinkMain .LinkPublish {
    position: relative;
    margin-bottom: 15px;
    margin-top: 5px;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .LinkMain .LinkPublish p {
    font-size: 14px;
    color: #666;
    position: relative;
    text-indent: 14px;
    display: inline-block;
    vertical-align: middle;
}

.NewAffiliatesLinkBox .main .ShareLinkMain .LinkMain .LinkPublish span {
    width: 12px;
    height: 12px;
    position: absolute;
    display: block;
    background: url(images/agentup/link.png);
    vertical-align: middle;
    top: 1px;
}

.QQ {
    width: 13px;
    height: 13px;
    background: url(images/agentup/qq.png);
    margin-left: 10px;
    cursor: pointer;
}

.QQ:hover {
    background: url(images/agentup/qq_hover.png);
}

.wechat {
    width: 15px;
    height: 12px;
    background: url(images/agentup/wewchat.png);
    margin-left: 10px;
    cursor: pointer;
}

.wechat:hover {
    background: url(images/agentup/wechat_hover.png);
}

.sa {
    width: 16px;
    height: 13px;
    background: url(images/agentup/sa.png);
    margin-left: 10px;
    cursor: pointer;
}

.sa:hover {
    background: url(images/agentup/sa_hover.png);
}

.linkweb {
    width: 13px;
    height: 13px;
    background: url(images/agentup/link2.png);
    margin-left: 10px;
    cursor: pointer;
}

.linkweb:hover {
    background: url(images/agentup/link2_hover.png);
}

.LinkInputbox {
    width: 100%;
    height: auto;
}

.LinkInputbox input {
    width: 205px;
    height: 32px;
    border: 1px solid #ffc12b;
    text-indent: 10px;
    color: #a1a1a1;
}

.Linkbtn {
    width: 84px;
    height: 34px;
    background: #ffc12b;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #ffc12b;
    color: #524f49;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 0px 3px 3px 0px;
}

.Linkbtn p {
    text-align: center;
    color: #524f49;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.Linkbtn:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 40;
    background-color: #ffb400;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 0;
    transform: scale(0);
}

.Linkbtn:hover:after {
    transform: scale(10);
    transition: all .5s;
}

.LinkData {
    margin-top: 15px;
    font-size: 0;
}

.RegisterData {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.RegisterData p {
    font-size: 12px;
    color: #999;
    position: relative;
    text-indent: 20px;
    display: inline-block;
    vertical-align: middle;
}

.RegisterData i {
    width: 14px;
    height: 12px;
    position: absolute;
    display: block;
    background: url(images/agentup/peo.png);
    vertical-align: middle;
    top: 2px;
}

.RegisterData span {
    font-size: 16px;
    color: #000;
    margin-left: 10px;
}

.RegisterData u {
    color: #ddd;
    font-size: 12px;
    text-decoration: none;
    margin-left: 5px;
}

.ClickrData {
    width: 40%;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}

.ClickrData p {
    font-size: 12px;
    color: #999;
    position: relative;
    text-indent: 20px;
    display: inline-block;
    vertical-align: middle;
}

.ClickrData i {
    width: 12px;
    height: 15px;
    position: absolute;
    display: block;
    background: url(images/agentup/tap.png);
    vertical-align: middle;
    top: -1px;
}

.ClickrData span {
    font-size: 16px;
    color: #000;
    margin-left: 10px;
}

.ClickrData u {
    color: #ddd;
    font-size: 12px;
    text-decoration: none;
    margin-left: 5px;
}

.LineHr {
    width: 100%;
    height: 5px;
    background: #eee;
    border-top: 1px solid #ddd;
}

.PlusBox {
    box-sizing: border-box;
    padding: 15px 10%;
}

.PlusBox .PlusMain {}

.PlusBox .PlusMain p {
    vertical-align: top;
    display: inline-block;
    color: #666;
    font-size: 12px;
    line-height: 24px;
    text-indent: 7px;
}

.PlusBtn {
    vertical-align: top;
    display: inline-block;
    width: 78px;
    height: 25px;
    background: #32B7FF;
    border-radius: 3px;
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    text-indent: 12px;
    cursor: pointer;
}

.PlusBtn i {
    width: 8px;
    height: 8px;
    position: absolute;
    display: block;
    background: url(images/agentup/plus.png);
    top: 8px;
    left: 8px;
    transition: all .5s;
}

.PlusBtn:hover {
    background: #00a5ff;
    transition: .5s;
}

.PlusBtn:hover i {
    transform: scale(0.9);
}

#NoShow {
    display: none;
}


/*test*/
.NameMain,.NameMain2 {
    width: 12px;
    height: 16px;
    /*background: url(images/agentup/edit.png) no-repeat;*/
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    margin-left: 1px;
    position: relative;
    z-index: 2;
}

.pen {
    width: 9px;
    height: 12px;
    background: url(images/agentup/pen.png) no-repeat;
    position: relative;
    margin-left: 2px;

}

@keyframes penMove {
    0% {
        left: -2px;
        top: 3px;
    }
    50% {
        left: 9px;
        top: 3px;
    }
    75% {
        left: 6px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 3px;
    }
}

.lineee {
    width: 10px;
    height: 2px;
    background: #999;
    position: relative;
    z-index: 1;
}

@keyframes lineeeMove {
    0% {
        width: 0%;
    }
    50% {
        width: 10px;
    }
    100% {
        width: 10px;
    }
}


/*test:hover*/

.NewAffiliatesLinkBox .main .NboxDateMain .NameEdit:hover .pen {
    animation: penMove ease-in 1.5s infinite;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    display: block;
}

.NewAffiliatesLinkBox .main .NboxDateMain .NameEdit:hover .lineee {
    animation: lineeeMove ease-in 1.5s infinite;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    display: block;
}

.NewAffiliatesLinkBox .main .NboxDateMain .NameEdit:hover .NameMain {
   
}


/*name input動態*/

.NumberBox {
    display: inline-block;
    vertical-align: top;
}

.NnsBox {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    overflow: hidden;
}

.NameEdit {
    width: 100px;
    height: 20px;
    line-height: 16px;
}

.NameEditInput {
    width: 150px;
    vertical-align: top;
        height: 20px;
}
.BR{
   display: none;
}

/*存款改版*/


.MemberRightMain.PaddingNone {
    padding: 0;
}
.MemberRightTitle {
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}
.MemberRightTitle h2 {
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    float: left;
    margin: inherit;
}
.MemberRightTitle p {
    font-size: 12px;
    line-height: 14px;
    color: #666666;
    float: right;
    text-align: right;
    margin: inherit;
}
.MemberRightTitle p span {
    color: #333333;
    font-weight: bold;
}
.MemberRightTitle p a {
    color: #666666;
}
.MemberRightTitle .MemberVipBtn {
    width: 80px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffcf2d;
    float: right;
    margin-bottom: 15px;
}
.MemberRightTitle .MemberVipBtn:hover {
    background-color: #fdd85c;
}
.MemberRightTitle .MemberVipBtn a {
    display: block;
    width: 100%;
    height: 100%;
    color: #7a3f1d;
    text-decoration: none;
}
.MemberRightTitle i.Vip {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    background-image: url(images/icon037.png);
    background-size: 100%;
    margin:0 10px;
}
.MemberDepositBox {
    width: 233px;
    height: auto;
    padding: 20px;
    border:1px solid #dddddd;
    float: right;
    margin-bottom: 20px;
}
.MemberDepositBox .Question {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    margin-left: 5px;
    vertical-align: top;
    background-color: #bdbdbd;
    background-image: url(images/icon038.png);
    cursor: pointer;
}
.MemberDepositBox .TipBg {
    display: none;
    position: absolute;
    width: 100px;
    padding: 10px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #fff;
    background-color: #595663;
    bottom:25px;
    left: 50%;
    margin-left: -60px;
    transition: all .3s;
}
.MemberDepositBox .TipBg a {
    color: #ff9e00;
}
.MemberDepositBox .TipBg:after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 5px;
    border-color: #595663 transparent transparent transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}
.MemberDepositBox .Question:hover .TipBg {
    display: block;
}
.MemberDepositBox h3 {
    font-size: 14px;
    color: #333333;
    clear: both;
    margin-bottom: 10px;
}
.MemberDepositBox p.Total {
    font-size: 26px;
    color: #ffae00;
    margin-bottom: 20px;
}
.MemberSelectBox,.MemberInputBox {
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
}
.MemberSelectBox.W90,.MemberInputBox.W90 {
    width: 90px;
}
.MemberSelectBox.W133,.MemberInputBox.W133 {
    width: 133px;
}
.MarginRight {
    margin-right: 10px;
}
.MemberSelectTitle,.MemberInputTitle {
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px;
}
.MemberSelectMain {
    position: relative;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    border:1px solid #dddddd;
    border-radius: 3px;
    clear: both;
}
.MemberSelectMain.Lock {
    background-color: #f5f5f5;
}
.MemberSelectMain.Lock i {
    display: none;
}
.MemberInputBox input {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    border:1px solid #dddddd;
    border-radius: 3px;
    clear: both;
}
.MemberInputBox input.Blue {
    color:#3eace9;
}
.MemberSelectMain i {
    position: absolute;
    width: 10px;
    height: 5px;
    background-image: url(images/icon012.png);
    top: 50%;
    right: 10px;
    margin-top: -2.5px;
}
.MemberSelectMain em.Way {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.MemberSelectMain em.Bank {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 0;
    vertical-align: middle;
    margin-right: 5px;
}
.MemberSelectMain em.Way img,.MemberSelectMain em.Bank img  {
    position: absolute;
    top: 0;
    left: 0;
}
.MemberSelectOption {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: auto;
    max-height: 180px;
    overflow-y: scroll;
    background-color: #fff;
    border:1px solid #dddddd;
    box-sizing: border-box;
    top: 60px;
}
.MemberSelectOption ul li {
    line-height: 30px;
    padding-left: 20px;
    cursor: pointer;
}
.MemberSelectOption ul li:hover {
    background-color: #fafafa;
}
.MemberDepositBtn {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    background-color: #3eace9;
    cursor: pointer;
}
.MemberDepositBtn a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}
.MemberDepositBtn:hover {
    background-color: #46bdff;
}
.MemberDepositTable {
    width: 470px;
    border:1px solid #dddddd;
    float: left;
    margin-bottom: 20px;
}
.MemberDepositTable table {
    width: 100%;
}
.MemberDepositTable tr {
    border-bottom:1px solid #dddddd;
}
.MemberDepositTable tr:nth-last-child(1) {
    border:none;
}
.MemberDepositTable td {
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    text-align: right;
    padding: 0 20px;
    cursor: pointer;
}
.MemberDepositTable tr.Titles td.Amount,.MemberDepositTable tr.Titles td.Total {
    font-size: 14px;
    font-weight: inherit;
}
.MemberDepositTable td.Amount,.MemberDepositTable td.Total {
    font-size: 18px;
    font-weight: bold;
}
.MemberDepositTable td.Bonus {
    color:  #3eace9;
    text-align: left;
}
.MemberDepositTable td .RadioBox {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/icon039.png);
    vertical-align: middle;
    margin: inherit;
    float: inherit;
}
.MemberDepositTable tr.Active {
    background-color: #ff9e00;
}
.MemberDepositTable tr.Active:hover {
    background-color: #ff9e00;
}
.MemberDepositTable tr.Titles:hover {
    background-color:inherit;
}
.MemberDepositTable tr:hover {
    background-color: #fff8ee;
}
.MemberDepositTable tr.Active .RadioBox {
    background-position: bottom;
}
.MemberDepositTable tr.Active td {
    color: #fff;
}
.MemberCooperation {
    overflow: hidden;
}
.MemberCooperation ul li {
    height: 40px;
    border-right: 1px solid #dddddd;
    background-image: url(images/bankbrand.png);
    background-repeat: no-repeat;
    background-position:left 0;
    padding-right: 29px;
    margin-right: 29px;
    float: left;
    cursor: pointer;
}
.MemberCooperation ul li:nth-last-child(1) {
    border:none;
    margin-right:inherit;
} 
.MemberCooperation ul li.Brand1 {
    width: 25%;
}
.MemberCooperation ul li.Brand1:hover {
    background-position: left -40px;
}
.MemberCooperation ul li.Brand2 {
    width: 15.5%;
    background-position: left -80px;
}
.MemberCooperation ul li.Brand2:hover {
    background-position: left -120px;
}
.MemberCooperation ul li.Brand3 {
    width: 9.5%;
    background-position: left -160px;
}
.MemberCooperation ul li.Brand3:hover {
    background-position: left -200px;
}
.MemberCooperation ul li.Brand4 {
    width: 7.5%;
    background-position: left -240px;
}
.MemberCooperation ul li.Brand4:hover {
    background-position: left -280px;
}
.MemberCooperation ul li.Brand5 {
    width: 7.5%;
    background-position: left -320px;
}
.MemberCooperation ul li.Brand5:hover {
    background-position: left -360px;
}
.MemberDepositChoose {
    width: 460px;
    padding: 20px 5px;
    border: 1px solid #dddddd;
    float: left;
    margin-bottom: 20px;
}
.MemberDepositChoose h2 {
    font-size: 14px;
    color: #333333;
    margin-left: 5px;
}
.MemberDepositChooseList ul li {
    position: relative;
    width: 188px;
    height: 48px;
    padding: 0 15px;
    border-radius: 3px;
    border:1px solid #f3f3f3;
    background-color: #fafafa;
    cursor: pointer;
    float: left;
    margin: 0 5px 10px;
}
.MemberDepositChooseList ul li:hover {
    background-color:#fff8ee;
}
.MemberDepositChooseList ul li.Active {
    background-color: #ff9e00;
    border:1px solid #ff9e00;
}
.MemberDepositChooseList ul li.Active i {
    background-position: bottom;
}
.MemberDepositChooseList ul li.Active p {
    color: #fff;
}
.MemberDepositChooseList ul li p {
    font-size: 18px;
    color: #333333;
    line-height: 48px;
    text-align: right;
    float: right;
    margin: inherit;
}
.MemberDepositChooseList ul li i {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    background-image: url(images/icon039.png);
    vertical-align: middle;
    margin: inherit;
    margin-top: -10px;
    float: left;
}
.MemberDepositPost {
    font-size: 14px;
    color: #333333;
}
.MemberDepositPost span,.MemberDepositPost a {
    font-size: 14px;
    color: #3eace9;
    text-decoration: none;
}
.MemberDepositPost a:hover {
    text-decoration: underline;
}
.MemberDepositPost i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/icon040.png);
    margin-right: 5px;
    vertical-align: middle;
}
.MemberDepositBill {
    padding: 30px 20px;
    border:1px solid #dddddd;
    margin-bottom: 20px;
}
.MemberDepositBill h2 {
    font-size: 24px;
    text-align: center;
    color: #3eace9;
    margin-bottom: 10px;
}
.MemberDepositBill p {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #666666;
}
.MemberDepositBill p span {
    color: #3eace9;
}
.MemberDepositBill p span.Red {
    color: #ff0000;
}
.MemberDepositBillTable {
    position: relative;
    width: 575px;
    height: auto;
    margin: 0 auto 10px;
}
.MemberDepositBillTable .Half {
    width: 48%;
}
.MemberDepositBillTable .Half ul li {
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    padding-top: 10px;
}
.MemberDepositBillTable .Half ul li:nth-last-child(1) {
    border:none;
}
.MemberDepositBillTable .Half ul li h2 {
    font-size: 12px;
    color: #999999;
    text-align: left;
    margin-bottom: 5px;
}
.MemberDepositBillTable .Half ul li h2.Blue {
    color: #3eace9;
}
.MemberDepositBillTable .Half ul li p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}
.MemberDepositBillTable .Half .CopyBtn {
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    line-height: 22px;
    padding: 0 5px;
    float: right;
    background-color: #3eace9;
    margin-top: 10px;
    cursor: pointer;
}
.MemberDepositBillTable2 {
    position: relative;
    width: 575px;
    height: auto;
    margin: 0 auto 20px;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #333333;
    line-height: 48px;
}
.MemberDepositBillTable2 table {
    width: 100%;
}
.MemberDepositBillTable2 tr {
    border-bottom: 1px solid #dddddd;
    text-align: left;
}
.MemberDepositBillTable2 tr:nth-last-child(1)  {
    border:none;
}
.MemberDepositBillTable2 tr td {
    width: 40%;
    padding: 0 5%;
    color: #666666;
    border-right: 1px solid #dddddd;
}
.MemberDepositBillTable2 tr td span {
    color: #333333;
    margin-left: 5px;
}
.MemberDepositBillTable2 tr.GrayBg {
    text-align: center;
    background-color: #fafafa;
}
.MemberDepositBillTable2 tr.GrayBg td p {
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
    margin: inherit;
}
.MemberDepositBillTable2 tr.GrayBg td i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(images/icon041.png);
    background-size: 100%;
    margin: 0 5px 0 10px;
    vertical-align: middle;
}
.MemberDepositBillTable2 tr.GrayBg td span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #ff9e00;
    margin: inherit;
}
.MemberDepositBtnsBg {
    width: 100%;
    text-align: center;
}
.MemberDepositBtnsBg .Center {
    display: inline-block;
}
.MemberDepositBtnsBg .MemberBtn a {
    cursor: pointer;
}
.MemberDepositMobile {
    width: 355px;
    height: 292px;
    background-image: url(images/mobilebg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0 auto 20px;
    padding: 40px 0 0 0;
}
.MemberDepositMobileBg {
    width: 190px;
    height: 239px;
    background-color:#fafafa;
    margin:30px auto 0;
    padding-top: 15px;
    text-align: center;
}
.DepositQrcode {
    position: relative;
    width: 100px;
    height: 100px;
    padding: 5px;
    border:1px solid #dddddd;
    background-color: #fff;
    margin: 0 auto 15px;
    transition: all .3s;
}
.DepositQrcode img {
    width: 100%;
    height: 100%;
}
.DepositQrcode:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 30px rgba(0,0,0,.1);
}
.MemberDepositMobileBg h3 {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 15px;
}
.MemberDepositMobileBg h3 span.Icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background-image:url(images/icon042.png);
    background-size: 100%;
    margin: 0 5px;
}
.MemberDepositMobileBg h4 {
    font-size: 13px;
    color: #666666;
    margin-bottom: 5px;
}
.MemberDepositMobileBg p {
    font-size: 20px;
    color: #000000;
}
.MemberDepositCheck {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 90px;
    border:2px solid #3eace9;
    margin: 50px auto 30px;
    animation: AffiliateMove3 .5s;
}
.MemberDepositCheck .V {
    position: absolute;
    width: 0;
    height: 35px;
    background-image:url(images/icon043-2.png);
    top: 50%;
    left: 50%;
    margin-top: -17.5px;
    margin-left: -24.5px;
    animation: DepositMove1 ease-in .3s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
}
@keyframes DepositMove1 {
    0% {
        width: 0px;
    }
    100% {
       width: 49px;
    }
}
/*20170717*/
.ShareFriendMain {
    padding: 0 5px;
    height: auto;
}
.ShareBox {
    position: relative;
    width: auto;
    height: auto;
    float: left;
    margin-bottom: 15px;
}
.ShareBox input{
    width:360px;
    height: 36px;
    border-radius: 3px;
    color: #666666;
    border: 1px solid #dddddd;
    text-indent: 10px;
    float: left;
}
.ShareCopyBtn {
    width: 175px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 3px;
    margin-left: 10px;
    color: #fff;
    background-color: #3eace9;
    cursor: pointer;
    float: left;
}
.ShareCopyBtn:hover {
    background-color: #46bdff;
}
.ShareFriendPost {
    margin-bottom: 100px;
}
.ShareFriendPost p {
    font-size: 12px;
    color: #333333;
}
.ShareFriendPost i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/warning.png);
    vertical-align: middle;
    margin-right: 5px;
}


/*代理人*/
.clearfix:after{
    content: "";
    display: table;
    clear: both;
}
.Agent{
    border-bottom: 1px dashed #dddddd;
}
.Agent .Left{
    width: 60%;
    float: left;
    height: 110px;
    text-align: center;
}
.Agent .Left h1{}
.Agent .Left ul{}
.Agent .Left ul li{
    display: inline-block;
}
.Agent .Left ul li a{
    display: block;
    text-decoration: underline;
    color: #32b7ff;
    font-size: 12px;
}
.Agent .Left ul li a:before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(images/agent-link.png);
    margin-right: 3px;
    vertical-align: -2px;
}
.Agent .level{
    display: inline-block;
    border-radius: 16px;
    background-color: #ffc12c;
    color: #fff;
    /*width: 120px;*/
    padding: 0 20px;
    text-align: center;
    line-height: 32px;
    margin-bottom: 8px;
    font-size: 14px;
    height: 32px;
}
.AgentArrow{
    background-image: url(images/agent-arrow.png);
    width: 42px;
    height: 40px;
    background-repeat: no-repeat;
}

.AgentArrow1{
    background-image: url(images/agent-arrow.png);
    width: 42px;
    height: 10px;
    background-repeat: no-repeat;
}

.Agent .level:before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    background-repeat: no-repeat;
    margin-right: 3px;
}

.level1:before{
    background-image: url(images/agent-star.png);
}
.level2:before{
    background-image: url(images/agent-crown.png);
}
.level2-finished:before{
    background-image: url(images/agent-crown2.png);
}
.Agent .level2{
    background-color: #eaeaea;
    color: #555;
}

.level3:before{
    background-image: url(images/agent-star-g.png);
}
.Agent .level3{
    background-color: #eaeaea;
    color: #555;
}

.level4:before{
    background-image: url(images/agent-crown2.png);
}
.Agent .level4{
    background-color: #ffc12c;
    color: #fff;
}
.Agent .Right{
    width: 40%;
    padding-left: 10px;
    float: left;
    text-align: center;
    padding: 23px 0;
    position: relative;
}
.Agent .Right .ShareLink{
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    padding: 9px 16px;
    background-color: #fff;
    width: 432px;
    top: 80px;
    text-align: left;
    transition: all 0.3s;
    transform: scale(0);
    transform-origin: center top;
}
.Agent .Right .ShareLink.open{
    transform: scale(1)
}
.Agent .Right .ShareLink:before{
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(images/agent-arrow2.png);
    background-repeat: no-repeat;
    top: -8px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}
.Agent .Right .ShareLink span{
    display: inline-block;
    width: 365px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
}
.Agent .Right .ShareLink a{
    display: block;
    padding: 6px 5px;
    background: #33b7ff;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    position: absolute;
    right: 4px;
    top: 5px;
    font-size: 14px;
}
.Agent .Right .ShareLink a:hover{
    background: #38acea;
}
.HeighPlanBtn.AgentBtn{
    float: initial;
    display: inline-block;
    width: 270px;
    font-size: 16px;
    height: auto;
}
.HeighPlanBtn.AgentBtn a{
    padding: 8px 0;
}

/*GameFilter*/
.MainFilter:after, .SecFilter:after,.Pagination:after{
    content: '';
    display: block;
    clear: both;
}
.GameFilterWrap{
    background: rgba(255, 255, 255, 0.95);
}
.GameFilterWrap.fixed{
    position: fixed;
    z-index: 100;
    top: 45px;
    width: 1000px;
}
.MainFilter{
    background-color: #ff9e01;
    border-radius: 6px;
    margin-top: 23px;
    margin-bottom: 20px;
}
.MainFilter ul{
    float: left;
}
.MainFilter ul li{
    float: left;
    position: relative;
}
.MainFilter ul li:after{
    position: absolute;
    right: 0;
    top: 14px;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #e0e0e0;
}
.MainFilter ul li:last-child:after{
    display: none;
}
.MainFilter ul li a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 15px 16px;
    font-size: 14px;
}
.MainFilter ul li.active a,.MainFilter ul li.active:hover a{
    color: #ff9e01;
    background-color: #fff;
    border: 1px solid #ff9e01;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    position: relative;
    z-index: 2;
    top: 0px;
    font-size: 13px;
}
.MainFilter ul li:hover a{
    background-color: #ffb236;
}
.MainFilter .SearchBox2{
    float: right;
    border: 1px solid #bbb;
    width: 180px;
    height: 35px;
    margin: 5px 6px 0 0;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
}
.SecFilter{
    margin-bottom: 10px;
}
.SecFilter li{
    float: left;
}
.SecFilter li a{
    display: block;
    border: 1px solid #ffc412;
    color: #f99a00;
    line-height: 26px;
    text-decoration: none;
    min-width: 85px;
    text-align: center;
    margin-right: 4px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #fff;
}
.SecFilter li.active a, .SecFilter li:hover a{
    background-color: #ffc412;
    color: #3A3A3A;
}
/*Pagination*/
.Pagination{
    margin: 5px 0 40px 0;
}
.Pagination .PageNumber{
    float: left;
}
.Pagination .PageNumber li{
    display: inline-block;
}
.Pagination .PageNumber li a{
    display: block;
    text-decoration: none;
    color: #3a3a3a;
    line-height: 30px;
    width: 35px;
    text-align: center;
}
.Pagination .PageNumber li:hover a,.Pagination .PageNumber li.active a{
    color: #ff9e01;
}
.Pagination .PageControl{
    float: right;
}
.Pagination .PageControl a{
    width: 22px;
    height: 22px;
    border-radius: 100px;
    background-color: #ff9e01;
    display: inline-block;
    background-image: url(images/icon023.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
}
.Pagination .PageControl a:hover{
    background-color: #ffb236;
}
.Pagination .PageControl .Next{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.Pagination .PageControl .Prev{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*live chat*/
.liveChat{
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    background-color: #00b2ff;
    text-decoration: none;
    width: 60px;
    height: 60px;
    z-index: 999;
    background-image: url(images/liveChat.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 53px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;    
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
  }
  .liveChat.open{
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    background-image: url(images/liveChatClose.png);
  }
  .liveChat.open .dot{
      display: none;
  }
  .liveChat .dot{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
  }
  .liveChat:hover{
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  }
  .liveChat:hover .dot{
    -webkit-animation: dots 1s ease;
       -moz-animation: dots 1s ease;
        -ms-animation: dots 1s ease;
         -o-animation: dots 1s ease;
            animation: dots 1s ease;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  .liveChat:hover .dot:nth-child(2){
    -webkit-animation-delay: 0.08s;
       -moz-animation-delay: 0.08s;
        -ms-animation-delay: 0.08s;
         -o-animation-delay: 0.08s;
            animation-delay: 0.08s;
  }
  .liveChat:hover .dot:nth-child(3){
    -webkit-animation-delay: 0.16s;
       -moz-animation-delay: 0.16s;
        -ms-animation-delay: 0.16s;
         -o-animation-delay: 0.16s;
            animation-delay: 0.16s;
  }
  @-webkit-keyframes dots {
    0%{
        -webkit-transform: translateY(0);
        -webkit-animation-timing-function: ease-in;
    }
    15%{
        -webkit-transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
    }
    45%{
        -webkit-transform: translateY(6px);
        -webkit-animation-timing-function: ease-out;
    }
    60%{
        -webkit-transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
    }
    100%{
        -webkit-transform: translateY(0);
    }
  }
  @keyframes dots {
    0%{
      transform: translateY(0);
      animation-timing-function: ease-in;
    }
    15%{
      transform: translateY(-6px);
      animation-timing-function: ease-in;
    }
    45%{
      transform: translateY(6px);
      animation-timing-function: ease-out;
    }
    60%{
      transform: translateY(0);
      animation-timing-function: ease-out;
    }
    100%{
      transform: translateY(0);
    }
  }

.liveChatStep1{
    position: fixed;
    right: 18px;
    bottom: 96px;
    background: #f1f4f5;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 5px 63px rgba(0, 0, 0, 0.48);
    width: 480px;
    z-index: 999;
    display: none;
    font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",SimSun,STHeiti,sans-serif;
}
/*live800 copy*/
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.row:after,.options-ul:after {
    content: "";
    display: table;
    clear: both;
}
.col-xs-12 {
    float: left;
    width: 100%;
}
.hello-wrap {
    padding: 24px 21px;
}
.hello-wrap .hello {
    font-size: 24px;
    color: #666;
    margin-bottom: 15px;
}
.hello-wrap .hello, .talk-btn-wrap {
    font-weight: 400;
    letter-spacing: 1px;
}
.customer-wrap .customer-img-wrap {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #d3dde0;
    border-radius: 50%;
    vertical-align: middle;
    background-image: url(images/customer-img.jpg);
    background-size: cover;
}
.customer-wrap .customer-text-wrap {
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
}
.options-wrap {
    padding: 0 21px;
}
.options-wrap .line {
    width: 100%;
    height: 1px;
    background-color: #cecece;
    margin-bottom: 15px;
}
.options-wrap .description {
    font-size: 12px;
    color: #666;
    margin-bottom: 12px;
}
.options-wrap .options-ul {
    margin-bottom: 15px;
    height: 35px;
}
.options-wrap .options-ul li {
    display: block;
    width: 25%;
    text-align: center;
    vertical-align: top;
    float: left;
}
.options-wrap .options-ul li a {
    display: inline-block;
    width: 90%;
    height: 30px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #3eace9;
    border-radius: 3px;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
    position: relative;
}
.options-wrap .options-ul li a.active{
    background-color: #3eace9;
    color: #FFF;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.options-wrap .options-ul li a span {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #3eace9;
}
.options-wrap .options-ul li a.active span {
    margin-left: -10%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #FFF;
}
.options-wrap .options-ul li a i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(images/tick-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    opacity: 0;
}
.options-wrap .options-ul li a.active i {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 1;
    left: 83%;
}
.options-wrap .options-ul li a:hover {
    background-color: #3eace9;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.options-wrap .options-ul li a:hover span {
    color: #FFF;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.customer-wrap .customer-text-wrap .name{
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}
.customer-wrap .customer-text-wrap .status-wrap .light {
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    border-radius: 50%;
}
.customer-wrap .customer-text-wrap .status-wrap .light.online {
    background-color: #4CC667;
}
.customer-wrap .customer-text-wrap .status-wrap .online-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 0;
    font-style: italic;
    color: #aaa;
}
.field-block {
    margin-bottom: 80px;
}
.field-wrap {
    display: inline-block;
    width: 61.6766467%;
    height: 39px;
    position: relative;
}
.field-wrap .field {
    position: relative;
    height: 39px;
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #ffd15d;
}
.field-wrap .field input {
    width: 90%;
    padding: 11px 10px 10px;
    font-size: 14px;
    -webkit-appearance: textfield;
    background-color: transparent;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: auto;
    border: 0;
    color: #666;
    letter-spacing: 1px;
}
.talk-btn-wrap {
    display: inline-block;
    width: 34.7305389%;
    height: 41px;
    background-color: #fd9d27;
    float: right;
    text-align: center;
    line-height: 41px;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.talk-btn-wrap:hover {
    background-color: #fda840;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.clear {
    clear: both;
}
.callme-wrap {
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
}
.callme-wrap p {
    font-size: 12px;
    color: #999;
    text-align: center;
}
.callme-wrap p a {
    font-size: 12px;
    color: #999;
    text-decoration: none;
}
.errormessage {
    font-size: 12px;
}
.errormessage p {
    margin: 12px 0;
    margin-left: 5px;
    line-height: 16px;
    color: #C2353B;
    padding: 0;
}

.Annotation{
    width: 100%;
    font-size:13px;
    color: #898989;
}

.Annotation a{
    display: block;
    float: right;
    color: #33b7ff;
    text-decoration: none;
}

.LastType{
    font-size: 12px;
    color: #686868;
    padding: 0 10px;
    line-height: 16px;
}

#Css_Table {
    display:table;
    position: absolute;
    width: 250px;
    top: 52px;
    right: 18px;
    border-collapse:separate;
    border-spacing: 1px;
    border: 1px solid #fff;
    font-size: 15px;
    color: #8d8d8d;
  }
.Css_Tr {
    display: table-row;
    background-color: #e8e8e8;
    text-align: left;
  }

.Css_Tr:nth-child(1){
    text-align: center;
    color: #fff;
    background-color: #33b7ff;
}
.Css_Td {
    display: table-cell;
    height: 22px;
    line-height: 22px;
    padding: 8px;
}

.Css_Td:nth-child(2){
    text-align: center;   
}

.PercentBox1{
    position: absolute;
    width: 230px;
    height: 60px;
    z-index: 100;
    background-color: #f3f3f3;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    border-radius:3px;
    top:255px;
    left: 20px;
    display: none;
}

.PercentBox2{
    position: absolute;
    width: 230px;
    height: 60px;
    z-index: 100;
    background-color: #f3f3f3;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    border-radius:3px;
    top:255px;
    left: 265px;
    display: none;
}

.PercentBox3{
    position: absolute;
    width: 230px;
    height: 60px;
    z-index: 100;
    background-color: #f3f3f3;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    border-radius:3px;
    top:255px;
    left: 510px;
    display: none;
}

.PercentBox4{
    position: absolute;
    width: 230px;
    z-index: 100;
    background-color: #f3f3f3;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    border-radius:3px;
    top:560px;
    left: 20px;
    font-size: 12px;
    line-height: 16px;
    padding:10px;
    color:#8d8d8d;
    display: none;
}

.PercentBox1 .PercentBg ,.PercentBox2 .PercentBg ,.PercentBox3 .PercentBg{
    position: relative;
    width: 200px;
    height: 10px;
    border-radius: 10px;
    background-color: #fafafa;
    margin: auto;
    margin-top: 25px;
}

.PercentBox1 .PercentBg:before ,.PercentBox2 .PercentBg:before ,.PercentBox3 .PercentBg:before{
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #707070;
    top:0; 
    left: 30px; 
}

.PercentBox1 .PercentBg:after ,.PercentBox2 .PercentBg:after ,.PercentBox3 .PercentBg:after{
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #707070;
    top:0; 
    right: 30px;  
}

.PercentBox1 .PercentNow{
    height: 100%;
    background-color:  #ffc12b;
    border-radius: 7px 0 0 7px;
}

.PercentBox2 .PercentNow{
    height: 100%;
    background-color:  #ff5a64;
    border-radius: 7px 0 0 7px;
}

.PercentBox3 .PercentNow{
    height: 100%;
    background-color:  #32b7ff;
    border-radius: 7px 0 0 7px;
}

.PercentBox1 .PercentBg p{
    position: absolute;
    font-size: 12px;
    color:#ffc12b;
    top:-15px;
}

.PercentBox2 .PercentBg p{
    position: absolute;
    font-size: 12px;
    color:#ff5a64;
    top:-15px;
}

.PercentBox3 .PercentBg p{
    position: absolute;
    font-size: 12px;
    color:#32b7ff;
    top:-15px;
}

.PercentBox1 .PercentBg .Type1 ,.PercentBox2 .PercentBg .Type1 ,.PercentBox3 .PercentBg .Type1{
    left: 20px;
}

.PercentBox1 .PercentBg .Type2 ,.PercentBox2 .PercentBg .Type2 ,.PercentBox3 .PercentBg .Type2{
    right: 20px;
}

.PercentBox1 ul li ,.PercentBox2 ul li ,.PercentBox3 ul li{
    display: inline-block;
    font-size: 12px;
    width: 70px;
    text-align: center;
    color:#707070;
}

.PercentBox1 ul li:nth-child(2){
    color:#ffc12b;
}

.PercentBox2 ul li:nth-child(1){
    color:#ff5a64;
}

.PercentBox3 ul li:nth-child(3){
    color:#32b7ff;
}