body{
    font-family: MYRIADPROREGULAR,Myriad Pro !important; /*新版*/
    font-size: 14px!important;
}
/*標準*/
@font-face {
    font-family: 'MYRIADPROREGULAR';
    src: url('../fonts/MYRIADPROREGULAR.eot');
    src: url('../fonts/MYRIADPROREGULAR.eot') format('embedded-opentype'),
    url('../fonts/MYRIADPROREGULAR.woff2') format('woff2'),
    url('../fonts/MYRIADPROREGULAR.woff') format('woff'),
    url('../fonts/MYRIADPROREGULAR.ttf') format('truetype'),
    url('../fonts/MYRIADPROREGULAR.svg#MYRIADPROREGULAR') format('svg');
}
/*粗體*/
@font-face {
    font-family: 'MYRIADPROBOLD';
    src: url('../fonts/MYRIADPROBOLD.eot');
    src: url('../fonts/MYRIADPROBOLD.eot') format('embedded-opentype'),
    url('../fonts/MYRIADPROBOLD.woff2') format('woff2'),
    url('../fonts/MYRIADPROBOLD.woff') format('woff'),
    url('../fonts/MYRIADPROBOLD.ttf') format('truetype'),
    url('../fonts/MYRIADPROBOLD.svg#MYRIADPROBOLD') format('svg');
}
.body_index {
    min-width: 1200px;
}
.clear {
    clear: both;
}
.text_r {
    text-align: right;
}
.text_l {
    text-align: left;
}
.text_bold {
    font-weight: bold;
}
/*頁首*/
.login_body {
    width: 100%;
    background: #fff;
}
.header_top {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    background: #222;
}
.WRC_hdtop {
    width: 100%;
    height: 55px;
    padding: 0;
    vertical-align: middle;
    display: table;
}
.WRC_hdtop .text {
    margin: 0 40px 0 0;
    color: #fff;
    font-size: 0.9em;
    vertical-align: middle;
}
.hd_topicon1, .hd_topicon2, .hd_topicon3 {
    display: inline-block;
    *display: block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
}
.hd_topicon1 {
    background: url(../images/new_index/hd_topicon.png?2020080401) no-repeat 0 0;
    background-size: 50px 17px;
}
.hd_topicon2 {
    background: url(../images/new_index/hd_topicon.png?2020080401) no-repeat -22px 0;
    background-size: 62px 17px;
}
.hd_topicon3 {
    background: url(../images/new_index/hd_topicon.png?2020080401) no-repeat -44px 0;
    background-size: 64px 17px;
}
.header_info {
    position: relative;
    z-index: 98;
    width: 100%;
    margin: 0 auto;
    background: #000;
    background: -moz-linear-gradient(top, #2d2d2d 0%, #000 85%);
    background: -webkit-linear-gradient(top, #2d2d2d 0%, #000 85%);
    background: -o-linear-gradient(top, #2d2d2d 0%, #000 85%);
    background: -ms-linear-gradient(top, #2d2d2d 0%, #000 85%);
    background: linear-gradient(to bottom, #2d2d2d 0%, #000 85%);
}
.new_logo {
    position: relative;
    width: 200px;
    margin-top: 10px;
    margin-left: 18%;
    text-align: left;
    z-index: 9999;
}
/*語系切換*/
.icon_tw, .icon_cn, .icon_vn, .icon_th, .icon_us{
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 7px;
}
/*國旗ICON*/
.icon_tw {
    background: url(../images/index_icon/taiwan.png?20190930) no-repeat;
    background-size: 100% auto;
}
.icon_cn{
    background: url(../images/index_icon/china.png?20190930) no-repeat;
    background-size: 100% auto;
}
.icon_vn{
    background: url(../images/index_icon/vietnam.png?20190930) no-repeat;
    background-size: 100% auto;
}
.icon_th{
    background: url(../images/index_icon/thailand.png?20190930) no-repeat;
    background-size: 100% auto;
}
.icon_us{
    background: url(../images/index_icon/usa.png?20201102) no-repeat;
    background-size: 100% auto;
}
.lang_icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/index_icon/lang_icon.png?20191028) no-repeat;
    background-size: 100% auto;
}
.lang-selection-wrapper {
    position: absolute;
    display: inline-block;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 300;
    margin-top: -10px;
    text-align: left;
}
/*登入後*/
#Logined .lang-selection-wrapper {
    margin-top: 1px;
}
#Logined .lang-selection-wrapper button.active-lang {
    background-color: transparent;
    text-transform: inherit;
    border: none;
    outline: none;
    height: 50px;
    line-height: 50px;
    position: relative;
    transition: all 0.2s ease;
    margin-left: 15px;
    margin-right: 0;
}
.lang-selection-wrapper a,
.lang-selection-wrapper button {
    cursor: pointer;
    color: #000;
    text-align: left;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    transition: all 0.2s ease;
}

/*.lang-selection-wrapper .active-lang,*/
.lang-selection-wrapper .lang-selection {
    width: 195px;
}

.lang-selection-wrapper button.active-lang {
    background-color: transparent;
    text-transform: inherit;
    border: none;
    outline: none;
    height: 50px;
    line-height: 50px;
    position: relative;
    transition: all 0.2s ease;
    margin-right: 0;
    margin-left: 0;
}

.lang-selection-wrapper button.active-lang::after {
    content: '';
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -3px;
    transition: all 0.2s ease;
}

.lang-selection-wrapper button.active-lang:hover {
    color: #00a9a4;
}

.lang-selection-wrapper button.active-lang:hover::after {
    border-top-color: #00a9a4;
}

.lang-selection-wrapper .lang-selection {
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    background-color: #fff;
    opacity: 0;
    transform: translateX(20px);
    display: none;
    -webkit-box-shadow: 1px 3px 13px -1px rgba(0,0,0,0.56);
    -moz-box-shadow: 1px 3px 13px -1px rgba(0,0,0,0.56);
    box-shadow: 1px 3px 13px -1px rgba(0,0,0,0.56);
    transition: all 0.3s ease;
}

.lang-selection-wrapper .lang-selection.is-visible {
    opacity: 1;
    display: block;
    transform: translateX(0);
}

.lang-selection-wrapper .lang-selection  {
    margin-left: 0;
}
.lang-selection-wrapper .lang-selection span {
    position: relative;
    margin-right: 10px;
}
.lang-selection-wrapper .lang-selection  a {
    padding: 0 12px;
    display: block;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    position: relative;
}
.lang-selection-wrapper .lang-selection  a:last-child {
    border-bottom: none;
}

.lang-selection-wrapper .lang-selection  a:hover {
    background-color: #00a9a4;
    color: #fff;
}

.lang-selection-wrapper .lang-selection  a:hover .checkmark::before,
.lang-selection-wrapper .lang-selection  a:hover .checkmark::after{
    background-color: #fff;
}


.lang-selection-wrapper .lang-selection  a .checkmark {
    right: 14px;
}

.lang-selection-wrapper .checkmark {
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
}
.lang-selection-wrapper .checkmark::before,
.lang-selection-wrapper .checkmark::after {
    content: '';
    position: absolute;
    background-color: #00a9a4;
    height: 3px;
    transition: all 0.2s ease;
}
.lang-selection-wrapper .checkmark::before {
    width: 14px;
    transform: rotate(-45deg);
    top: 50%;
    right: 0;
    margin-top: -2px;
}
.lang-selection-wrapper .checkmark::after {
    width: 7px;
    transform: rotate(45deg);
    bottom: 6px;
    left: 50%;
    margin-left: -7px;
}
/*首頁_(上層)登入前_版型1*/
.hd_loginbox {
    width: 100%;
    height: 55px;
    z-index: 1;
    padding: 5px 0 0;
}

.login_ac {
    background: url(../images/new_index/login_ac.png?2020080401) no-repeat 10px center;
    background-size: auto 70%;
}
.login_pw {
    background: url(../images/new_index/login_pw.png?2020080401) no-repeat 10px center;
    background-size: auto 70%;
}
.login_body .bg_deepgray {
    background-color: #444;
    border: none;
    border-top: 1px solid #111;
    border-bottom: 1px solid #888;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
.hd_loginbox .login_ac, .hd_loginbox .login_pw,
.hd_loginbox .login_btn {
    display: inline-block;
    *display: inline;
    height: 20px;
    line-height: 20px;
    margin: 0 10px 5px 0;
    vertical-align: middle;
}
.hd_loginbox .login_ac, .hd_loginbox .login_pw {
    width: 175px;
    padding: 0 0 0 35px;
    margin-left: 20px;
    color: #fff;
    font-size: 0.9em;
    text-align: left;
}
.hd_loginbox .login_wrap {
    display: block;
    position: absolute;
    top: 20%;
    left: 69%;
    text-align: right;
}
.hd_loginbox .chkcode_box {
    display: inline-block;
    *display: inline;
    width: 180px;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 13px;
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 1em;
    text-align: left;
    vertical-align: middle;
}
.login_check {
    display: inline-block;
    *display: inline;
    width: 19px;
    height: 25px;
    text-align: center;
    background: url(../images/new_index/login_check.png?2020080401) no-repeat 0 center;
    background-size: auto 70%;
    vertical-align: middle;
}
.hd_loginbox .login_chkcode {
    display: inline-block;
    *display: inline;
    width: 70px;
    height: 24px;
    line-height: 22px;
    padding: 0;
    color: #fff;
    font-size: 1em;
    text-align: left;
    background: none;
    vertical-align: middle;
}
.hd_loginbox .RegNumber {
    display: inline-block;
    *display: inline;
    width: 60px;
    height: 24px;
    margin: 0;
    padding: 0 0 0 3px;
    text-align: center;
    vertical-align: middle;
}
.hd_loginbox .login_btn {
    width: 190px;
    padding: 0;
    color: #716000;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    background: #ffde22;
    border-top: 2px solid #fff6c6;
    border-bottom: 1px solid #867516;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}
.hdtop_reg {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
.hdtop_reg .text {
    margin: 0 40px 0 0;
    color: #fff;
    font-size: 0.9em;
    vertical-align: middle;
    cursor: pointer;
}
.hdtop_reg .text:hover, .hdtop_reg2 .forgot_text:hover  {
    color: #f00;
}
/*首頁_(上層)登入前_版型2*/
.w50 {
    display: inline-block;
    *display: inline;
    width: 46%;
    text-align: center;
    vertical-align: top;
}
.w48 {
    display: inline-block;
    *display: inline;
    width: 53%;
    text-align: center;
    vertical-align: top;
}
.hd_loginbox .chkcode_box2 {
    display: inline-block;
    *display: inline;
    width: 170px;
    height: 24px;
    line-height: 22px;
    padding: 0 0 0 12px;
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 0.9em;
    text-align: left;
    vertical-align: middle;
}
.hd_loginbox .login_chkcode2 {
    display: inline-block;
    *display: inline;
    width: 70px;
    height: 20px;
    line-height: 18px;
    padding: 0;
    color: #fff;
    font-size: 0.9em;
    text-align: left;
    background: none;
    border: none;
    vertical-align: middle;
}
.hd_loginbox .RegNumber2 {
    display: inline-block;
    width: 60px;
    height: 23px;
    margin: 0;
    padding: 0 0 2px 3px;
    text-align: center;
    vertical-align: middle;
}
.hd_loginbox .login_btn2 {
    display: inline-block;
    *display: inline;
    width: auto;
    height: 31px;
    margin: 0 2px 0 0;
    color: #333;
    width: 95px;
    font-size: 1.2em;
    font-weight: 700;
    font-family: 'MYRIADPROBOLD';
    text-align: center;
    text-shadow: #fff4b9 1px 1px 0;
    background: #ffe7a7;
    background: -moz-linear-gradient(top, #ffe7a7 0%, #e0b53e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe7a7), color-stop(100%,#e0b53e));
    background: -webkit-linear-gradient(top, #ffe7a7 30%, #e0b53e 100%);
    background: -o-linear-gradient(top, #ffe7a7 30%, #e0b53e 100%);
    background: -ms-linear-gradient(top, #ffe7a7 30%, #e0b53e 100%);
    background: linear-gradient(to bottom, #ffe7a7 30%, #e0b53e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7a7', endColorstr='#e0b53e',GradientType=0 );
    border-top: 1px solid #fff6c6;
    border-right: 1px solid #867516;
    border-bottom: 3px solid #867516;
    border-left: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    outline: none;
}
.hd_loginbox .login_btn2:hover {
    background: #ffe6ae;
    background: -moz-linear-gradient(top,  #ffe6ae 0%, #d68a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe6ae), color-stop(100%,#d68a00));
    background: -webkit-linear-gradient(top, #ffe6ae 0%, #d68a00 100%);
    background: -o-linear-gradient(top, #ffe6ae 0%, #d68a00 100%);
    background: -ms-linear-gradient(top, #ffe6ae 0%, #d68a00 100%);
    background: linear-gradient(to bottom, #ffe6ae 0%, #d68a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6ae', endColorstr='#d68a00',GradientType=0 );
    border-top: 1px solid #ffe7a7;
    border-right: 1px solid #58370e;
    border-bottom: 3px solid #58370e;
}
.hd_loginbox .login_btn3 {
    background: #ffe6ae;
    background: -moz-linear-gradient(top,  #ffe6ae 0%, #d68a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe6ae), color-stop(100%,#d68a00));
    background: -webkit-linear-gradient(top, #ffe6ae 0%, #d68a00 100%);
    background: -o-linear-gradient(top, #ffe6ae 0%, #d68a00 100%);
    background: -ms-linear-gradient(top, #ffe6ae 0%, #d68a00 100%);
    background: linear-gradient(to bottom, #ffe6ae 0%, #d68a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6ae', endColorstr='#d68a00',GradientType=0 );
    border-top: 1px solid #ffe7a7;
    border-right: 1px solid #58370e;
    border-bottom: 3px solid #58370e;
}
/* 異動部分 */
.hd_loginbox .login_btn3 {
    display: inline-block;
    *display: inline;
    width: auto;
    height: 32px;
    padding: 0 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    font-family: 'MYRIADPROBOLD';
    text-align: center;
    text-shadow: #000 1px 1px 0;
    background: #de0a0a;
    background: -moz-linear-gradient(top, #c30000 0%,#690000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de0a0a), color-stop(100%,#690000));
    background: -webkit-linear-gradient(top, #de0a0a 0%, #690000 100%);
    background: -o-linear-gradient(top, #de0a0a 0%, #690000 100%);
    background: -ms-linear-gradient(top, #de0a0a 0%, #690000 100%);
    background: linear-gradient(to bottom, #de0a0a 0%, #690000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0a0a', endColorstr='#690000',GradientType=0 );
    border-top: 1px solid #bd7272;
    border-right: 1px solid #560000;
    border-bottom: 3px solid #300;
    border-left: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    outline: none;
}
.hd_loginbox .login_btn3:hover {
    background: #9a0000;
    background: -moz-linear-gradient(top,  #9a0000 0%, #400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a0000), color-stop(100%,#400));
    background: -webkit-linear-gradient(top,#9a0000 0%, #400 100%);
    background: -o-linear-gradient(top,#9a0000 0%, #400 100%);
    background: -ms-linear-gradient(top,#9a0000 0%, #400 100%);
    background: linear-gradient(to bottom,#9a0000 0%, #400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a0000', endColorstr='#400',GradientType=0 );
}
.hdtop_reg2 {
    width: 100%;
    padding: 0;
    margin: 3% auto 0;
    text-align: center;
}
.hdtop_reg2 .forgot_text {
    margin: 0 15px 0 0;
    color: #333;
    font-size: 0.9em;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}
/*首頁_(上層)登入後*/
.mem_info {
    height: 25px;
    line-height: 25px;
    padding: 0px 10px;
    margin: 8px 0 0 40%;
    font-size: 0.9em;
    text-align: left;
    display: inline-block;
}
.mem_id, .main_id {
    display: inline-block;
    *display: inline;
    color: #fff;
    font-weight: bold;
}
.mem_id {
    margin: 0 9px 0 0;
}
.mem_id span, .main_id span {
    vertical-align: middle;
}
.account_icon, .money_icon, .icon_update  {
    display: inline-block;
    *display: inline;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.account_icon {
    background: url(../images/new_index/login_ac.png?2020080401) no-repeat;
    background-size: 100% auto;
}
.money_icon {
    background: url(../images/new_index/login_money.png?2020080401) no-repeat;
    background-size: 100% auto;
}
.icon_update {
    background: url(../images/new_index/icon_update_01.png?2019072201) no-repeat;
    background-size: 100% auto;
}
.icon_update:hover {
    background: url(../images/new_index/icon_update_02.png?2019072201) no-repeat;
    background-size: 100% auto;
}
.bg_deepgray .text_yellow {
    color: #ffca00;
}
.bg_deepgray .text_green {
    color: #00e000;
}
/*首頁_(上層)登入後_存款+提款未開啟提示框*/
.hd_loginbox .hd_tips1, .hd_loginbox .hd_tips2 {
    position: absolute;
    width: 140px;
    line-height: 18px;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #af2020;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    overflow: hidden;
}
.hd_loginbox .hd_tips1 {
    top: 110px;
    right: 36%;
}
.hd_loginbox .hd_tips2 {
    top: 110px;
    right: 27%;
}
.hd_loginbox .hd_tips1 span, .hd_loginbox .hd_tips2 span {
    z-index: 10;
}
.hd_loginbox .close_icon1, .hd_loginbox .close_icon2 {
    position: fixed;
    width: 17px;
    height: 17px;
    background: url(../images/new_index/btn_close.png?2020080401) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}
.hd_loginbox .close_icon1 {
    top: 105px;
    right: 33.2%;
}
.hd_loginbox .close_icon2 {
    top: 105px;
    right: 34.2%;
}
.hd_loginbox .arrow_d1, .hd_loginbox .arrow_d2 {
    position: fixed;
    top: 110px;
    width: 0;
    height: 0;
    line-height: 0;
    z-index: 8;
}
.hd_loginbox .arrow_d1 {
    right: 37.3%;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #af2020 transparent;
}
.hd_loginbox .arrow_d2 {
    right: 34.2%;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #af2020 transparent;
}
/*存款未開啟提示*/
.items_position{
    position: relative;
}
.hd_loginbox .itemtips1::before {
    top: -11px;
}
.hd_loginbox .itemtips2::before {
    top: -11px;
}
.hd_loginbox .itemtips3::before {
    top: -11px;
}
.items_width{
    width: 90px;
}
/*存款繳費教學*/
.only_vn{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/index_icon/ticon_problem.png?2020092301) no-repeat;
    background-size: 100% auto;
}
#store_711, #store_family, #store_OK, #store_Hilife {
    text-align: left;
}
#store_711 img, #store_family img, #store_OK img, #store_Hilife img{
    display: inline-block;
    width: 60%;
    margin: 10px;
}
.dp3_store {
    border-bottom: 1px;
    border-color: #422020;
    border-style: dotted;
    margin: 0 20px 10px;
    padding-bottom: 10px;
}
.store_step{
    display: inline-block;
    line-height: 2em;
    font-size: 1.8em;
    width: 36.8%;
    vertical-align: middle;
}
.atm_step{
    font-size: 2em;
    font-weight: bold;
    margin: 20px auto 10px;
    display: inline-block;
    background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
    background: linear-gradient(to bottom,#ff8a00,#da1b60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}
.atm_img{
    display: block;
    width: 85%;
    margin: 0 auto 15px;
}
.atm_img_mobile{
    display: inline-block;
    width: 45%;
    margin: 0 auto 15px 5%;
}
.btn_teach{
    position: absolute;
    right: 11px;
    padding: 2px 5px !important;
    top: 6px;
}
/*登入後_各功能按鈕*/
.hd_loginitem {
    /*margin: 15px auto 0;*/
    /*text-align: left;*/
    /*position: absolute;*/
    /*left: 63%;*/
    /*top: -5px;*/
    display: inline;
}
.hd_loginitem .login_items.logout{
    /*padding: 0 5px;*/
    height: 31px;
    line-height: 30px;
}
.hd_loginitem .login_items {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    margin: 0 0 0 2px;
    padding: 0;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
    text-shadow: #000 1px 1px 3px;
    background: #777;
    background: -moz-linear-gradient(top, #999 0%, #444 100%);
    background: -webkit-linear-gradient(top, #999 0%, #444 100%);
    background: -o-linear-gradient(top, #999 0%, #444 100%);
    background: -ms-linear-gradient(top, #999 0%, #444 100%);
    background: linear-gradient(to bottom, #999 0%, #444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#444',GradientType=0 );
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #222;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    cursor: pointer;
}
.hd_loginitem .login_items a {
    color: #fff;
}
.hd_loginitem .login_items:hover, .hd_loginitem .login_items:focus, .hd_loginitem .login_items.selected {
    background: #ff8c8c;
    background: -moz-linear-gradient(top, #ff8c8c 0%, #6d158a 100%);
    background: -webkit-linear-gradient(top, #ff8c8c 0%, #6d158a 100%);
    background: -o-linear-gradient(top, #ff8c8c 0%, #6d158a 100%);
    background: -ms-linear-gradient(top, #ff8c8c 0%, #6d158a 100%);
    background: linear-gradient(to bottom, #ff8c8c 0%, #6d158a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c8c', endColorstr='#6d158a',GradientType=0 );
    border-top: 2px solid #d5aed8;
}
/*.hd_loginitem .login_items.logout {
    color: #ffd600;
    margin: 0;
}*/
.hd_loginitem .icon_message {
    display: inline-block;
    *display: inline;
    width: 30px;
    height: 21px;
    background: url(../images/new_index/mail_off.png?20190912) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.message_list {
    display: inline-block;
    position: relative;
    top: -13px;
    left: 15px;
    width: 25px;
    height: 25px;
    line-height: 26px;
    background: #F00;
    border-radius: 20px;
    color: #fff;
    text-align: center;
}
.login_items div {
    padding: 0 5px;
    margin: 7px auto 0;
    line-height: 16px;
}
/*帳號登入區(已登入欄位_訊息信件)*/
.hd_loginitem .msg {
    position: relative;
    top: 15px;
    left: 10px;
    width: 40px;
    cursor: pointer;
}
.hd_loginitem .msg_list {
    display: inline-block;
    position: relative;
    top: -8px;
    left: -8px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #F00;
    border-radius: 20px;
    color: #fff;
    text-align: center;
}
/*首頁_(上層)遊戲列表選單*/
.header_game {
    width: 100%;
    height: 41px;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #b5b5b5 0%, #f1f1f1 80%);
    background: -webkit-linear-gradient(top, #b5b5b5 0%, #f1f1f1 80%);
    background: -o-linear-gradient(top, #b5b5b5 0%, #f1f1f1 80%);
    background: -ms-linear-gradient(top, #b5b5b5 0%, #f1f1f1 80%);
    background: linear-gradient(to bottom, #b5b5b5 0%, #f1f1f1 80%);
    position: relative;
}
.gamebar {
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    z-index: 100;
    max-width: 1000px;
    margin: 0 auto;
}
.gamebar .g_menu {
    display: inline-block;
    *display: inline;
    width: 13%;
    text-align: center;
    cursor: pointer;
}
.gamebar .g_menu .title {
    font-size: 1em;
    color: #000;
    font-weight: bolder;
}
/*.gamebar .g_menu:hover, .gamebar .g_menu .title:hover {
    color: #a00;
}*/
.gamebar .g_menu .app_title {
    font-size: 1em;
    color: #ffd400;
}
.home {
    vertical-align: middle;
    width: 30px;
    margin-top: -2px;
}
.HOT{
    background: url("../images/new_index/hot.png") no-repeat;
    position: absolute;
    top: 0;
    left: 10px;
    width: 60px;
    height: 100%;
    background-size: 100% auto;
    z-index: 2;
}
.NEW{
    background: url("../images/new_index/new.png") no-repeat;
    position: absolute;
    top: 0;
    left: 10px;
    width: 60px;
    height: 100%;
    background-size: 100% auto;
    z-index: 2;
}
.gameimg {
    position: relative;
    display: inline-block;
    *display: inline;
    text-align: center;
    cursor: pointer;
}
.gameopen_set {
    display: none;
    position: absolute;
    left: 10%;
    margin: 0 auto;
    text-align: center;
    z-index: 600;
    min-width: 1200px;
    max-width: 1200px;
    top: 41px;
}
.gameopen_set_slot {
    left:25%;
}
.gamebar .g_menu:hover ul {
    display: block;
}
.gamebar .g_menu:hover {
    height: 35px;
    color: #ffd600;
    border-bottom: 6px solid #f00;
    transition: all 0.2s ease-out;
}
.gicon_set {
    position: relative;
    float: left;
    height: 450px;
    font-size: 0;
    cursor: pointer;
    overflow: hidden;
}
.gicon_set:hover, .loto_icon:hover {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
/*新版_註解+維護+關閉*/
.game_tips, .new_maintain {
    position: absolute;
    top: 0;
    width: 100%;
    cursor: default;
    z-index: 15;
}
.game_tips .tips_bg, .new_maintain .tips_bg {
    position: absolute;
    top: 35px;
    left: 5%;
    width: 85%;
    line-height: 20px;
    padding: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #84006e;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 18;
}
.new_maintain .tips_bg {
    background-color: #b00;
}
.new_game_notopen .small_pic {
    position: absolute;
    top: 15%;
    left: 20%;
    width: 60%;
    margin: 0 auto;
    cursor: default;
    z-index: 18;
}
.new_game_notopen .big_pic {
    position: absolute;
    top: 28%;
    left: 50%;
    width: 75%;
    margin: 0 auto;
    cursor: default;
    z-index: 18;
    transform: translate(-50%, -28%);
    -moz-transform: translate(-50%, -28%);
    -webkit-transform: translate(-50%, -28%);
}
.new_game_notopen .huge_pic {
    position: absolute;
    top: 28%;
    left: 50%;
    width: 60%;
    margin: 0 auto;
    cursor: default;
    z-index: 18;
    transform: translate(-50%, -28%);
    -moz-transform: translate(-50%, -28%);
    -webkit-transform: translate(-50%, -28%);
}
.tips_gameid {
    color: #ff0;
}
.game_tips .arrow_up, .new_maintain .arrow_up {
    position: absolute;
    bottom: -10px;
    right: 10px;
    width: 0;
    height: 0;
    border: 10px dashed transparent;
    border-left-style: solid;
    border-left-color: #84006e;
}
.new_maintain .arrow_up {
    border-left-color: #b00;
}
.big_blackbg, .small_blackbg, .huge_blackbg {
    position: relative;
    top: 0;
    background: #000;
    opacity: .7;
    cursor: default;
}
.big_blackbg {
    height: 450px;
}
.small_blackbg {
    height: 225px;
}
.huge_blackbg {
    height: 600px;
}
/*體育_直向捲動*/
[class*="Sport"] {
    width: 400px;
    left: 150px;
}
.Wr2_Sport {
    background: url(../images/new_game/game_sport.jpg?111101) no-repeat 0 -450px;
}
.Pc_Sport {
    background: url(../images/new_game/game_sport.jpg?111101) no-repeat -400px -450px;
}
.SP_Sport {
    background: url(../images/new_game/game_sport.jpg?111101) no-repeat -800px -450px;
}
/*滑過*/
.Pc_Sport:hover,
.Wr2_Sport:hover,
.SP_Sport:hover {
    background-position-y: 0;
}
/*真人_直向捲動*/
[class*="Live"] {
    width: 200px;
    left: 150px;
}
.Wr_Live {
    background: url(../images/new_game/game_live.jpg?11501) no-repeat 0px -450px;
}
.Dg_Live {
    background: url(../images/new_game/game_live.jpg?11501) no-repeat -200px -450px;
}
.Allbet_Live {
    background: url(../images/new_game/game_live.jpg?11501) no-repeat -400px -450px;
}
.Sa_Live {
    background: url(../images/new_game/game_live.jpg?11501) no-repeat -600px -450px;
}
.Wm_Live {
    background: url(../images/new_game/game_live.jpg?11501) no-repeat -800px -450px;
}
.Mt_Live {
    background: url(../images/new_game/game_live.jpg?11501) no-repeat -1000px -450px;
}
/*滑過*/
.Wr_Live:hover,
.Dg_Live:hover,
.Allbet_Live:hover,
.Sa_Live:hover,
.Wm_Live:hover,
.Mt_Live:hover {
    background-position-y: 0;
}
/*棋牌_直向捲動*/
[class*="Multi"] {
    width: 600px;
    left: 150px;
}
.Bole_Multi {
    background: url(../images/new_game/game_poker.jpg?80201) no-repeat 0px -450px;
}
.FunGaming_Multi {
    background: url(../images/new_game/game_poker.jpg?80201) no-repeat -600px -450px;
}
/*滑過*/
.Bole_Multi:hover,
.FunGaming_Multi:hover {
    background-position-y: 0;
}
/*電子_直向捲動*/
[class*="Slot"] {
    width: 300px;
    height: 225px;
}
/*上排*/
.Xin_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat 0 -225px;
    left: 150px;
}
.RSG_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat -300px -225px;
    left: 150px;
}
.Bogo_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat -600px -225px;
    left: 150px;
}
.Atg_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat -900px -225px;
    left: 150px;
}
/*上排滑過*/
.Xin_Slot:hover,
.RSG_Slot:hover,
.Bogo_Slot:hover,
.Atg_Slot:hover {
    background-position-y: 0;
}
/*下排*/
.Ftg_Slot,
.GR_Slot,
.Bt_Slot,
.Slotmill_Slot,
.Gb_Slot{
    position: absolute;
    top: 225px;
    width: 240px;
}
.Ftg_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat 0 bottom;
    left: 150px;
}
.GR_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat -240px bottom;
    left: 390px;
}
.Bt_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat -480px bottom;
    left: 630px;
}
.Slotmill_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat -720px bottom;
    left: 870px;
}
.Gb_Slot {
    background: url(../images/new_game/game_slot.jpg?901) no-repeat -960px bottom;
    left: 1110px;
}
/*下排滑過*/
.Ftg_Slot:hover,
.GR_Slot:hover,
.Bt_Slot:hover,
.Slotmill_Slot:hover,
.Gb_Slot:hover {
    background-position-y: -450px;
}
/*彩票_直向捲動*/
[class*="Lottery"] {
    width: 1200px;
    left: 150px;
}
.Wr_Lottery {
    background: url(../images/new_game/game_lottery.jpg?92601) no-repeat 0 -450px;
}
/* .MC_Lottery {
    background: url(../images/new_game/game_lottery.jpg?92601) no-repeat 0 -450px;
    left: -450px
} */
/*滑過*/
.Wr_Lottery:hover,
.MC_Lottery:hover {
    background-position-y: 0;
}
/*捕魚_直向捲動*/
[class*="Fish"] {
    width: 1200px;
    left: 150px;
}
.Bt_Fishing {
    background: url(../images/new_game/game_fish.jpg?901) no-repeat 0 -450px;
}
/*滑過*/
.Bt_Fishing:hover {
    background-position-y: 0;
}
/*跑馬燈+彩金*/
.bonus_marquee {
    position: absolute;
    top: 650px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 1em;
    background: #d6d6d6;
    background: -moz-linear-gradient(top,  #d6d6d6 0%, #f4f4f4 25%, #fff 50%, #ddd 52%, #f2f2f2 78%, #fff 100%);
    background: -webkit-linear-gradient(top,  #d6d6d6 0%,#f4f4f4 25%,#fff 50%,#ddd 52%,#f2f2f2 78%,#fff 100%);
    background: -o-linear-gradient(top,  #d6d6d6 0%,#f4f4f4 25%,#fff 50%,#ddd 52%,#f2f2f2 78%,#fff 100%);
    background: -ms-linear-gradient(top,  #d6d6d6 0%,#f4f4f4 25%,#fff 50%,#ddd 52%,#f2f2f2 78%,#fff 100%);
    background: linear-gradient(to bottom,  #d6d6d6 0%,#f4f4f4 25%,#fff 50%,#ddd 52%,#f2f2f2 78%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fff',GradientType=0 );
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.content_set {
    margin: 0 auto;
    background: url(../images/new_index/content_bg.png?2022050301) repeat-x top left;
    vertical-align: top;
}
.WRUS_bmset {
    width: 1200px;
    margin: 0 auto 50px;
    text-align: center;
    background: url(../images/new_index/WRUS/WRUS_bmset.jpg?20220715) no-repeat top;
    vertical-align: top;
}
.WRUS_bmset .bonus {
    width: 100%;
    height: 76px;
    line-height: 76px;
    text-align: left;
}
.left_bonus {
    display: inline-block;
    *display: block;
    width: 410px;
    height: 76px;
    line-height: 74px;
    text-align: right;
    color: #ffd400;
    font-size: 2em;
    font-weight: normal;
    vertical-align: top;
}
.right_bonus {
    float: right;
    width: 240px;
    height: 76px;
    line-height: 74px;
    margin: 0 30px 0 0;
    text-align: right;
    color: #ffd400;
    font-size: 2em;
    font-weight: normal;
    vertical-align: top;
}
.marquee_set {
    display: inline-block;
    *display: block;
    width: 90%;
    height: 76px;
    line-height: 68px;
    padding: 0 20px 0 70px;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
    vertical-align: top;
}
.WRUS_bmset .timeset  {
    width: 99%;
    height: 37px;
    margin-bottom: 1em;
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    text-shadow: #fff 1px 1px 0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#fff', Direction=135, Strength=1);
}
/*最新消息*/
.new_newset {
    display: inline-block;
    *display: block;
    width: 45%;
    height: 301px;
    padding: 10px 10px 10px 30px;
    margin: 0 1% 0 0;
    text-align: left;
    background: url(../images/new_index/newsbg.png?20190912) repeat-y top left;
    border: 1px solid #ccc;
    vertical-align: top;
    overflow : hidden;
}
.new_newstitle {
    display: inline-block;
    *display: block;
    width: 100%;
    height: 33px;
    line-height: 33px;
    margin: 0 0 10px 0;
}
.new_newstitle .titlebg_WRUS {
    display: inline-block;
    *display: block;
    width: 87%;
    height: 33px;
    background: url(../images/new_index/WRUS/news_title.png?2020112501) no-repeat top left;
    vertical-align: middle;
}
.new_newstitle .more {
    display: inline-block;
    *display: inline;
    width: 56px;
    height: 28px;
    line-height: 26px;
    font-size: 1em;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease-out;
    text-shadow: rgb(0, 0, 0) 1px 1px 3px;
    background: #8cb808;
    background: -moz-linear-gradient(top, #c0de35 0%, #8cb808 100%);
    background: -webkit-linear-gradient(top, #c0de35 0%, #8cb808 100%);
    background: linear-gradient(to bottom, #c0de35 0%, #8cb808 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0de35', endColorstr='#8cb808', GradientType=0 );
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #aec16a;
    vertical-align: middle;
    cursor: pointer;
}
.new_newstitle .more:hover {
    background: #bf880d;
    background: -moz-linear-gradient(top, #ffdc5d 0%, #bf880d 100%);
    background: -webkit-linear-gradient(top, #ffdc5d 0%, #bf880d 100%);
    background: linear-gradient(to bottom, #ffdc5d 0%, #bf880d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc5d', endColorstr='#bf880d', GradientType=0 );
}
.new_newslist {
    display: inline-block;
    *display: block;
    width: 100%;
    cursor: pointer;
}
.new_newslist .list {
    height: 30px;
    line-height: 26px;
    padding: 1px 5px;
    border-bottom: 1px dotted #bbb;
}
.new_newslist .list:hover {
    background: #e8e8e8;
    transition: all 0.4s ease-out;
}
.newstype {
    display: inline-block;
    *display: inline;
    width: 50px;
    height: 25px;
    line-height: 25px;
    margin: 0 2px 0 0;
    color: #fff;
    font-size: 0.7em;
    text-align: center;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
}
.news_fix {
    background: #c10000;

}
.news_service {
    background: #368146;
    width: 45px;
}
.new_newslist .text {
    display: inline-block;
    *display: inline;
    width: 70%;
    line-height: 27px;
    color: #555;
    font-size: 1em;
    white-space : nowrap;
    text-overflow : ellipsis;
    vertical-align: middle;
    overflow : hidden;
}
.new_newslist .text:hover {
    color: #c10000;
}
.new_newslist .time {
    display: inline-block;
    *display: inline;
    float: right;
    color: #888;
    font-size: 0.95em;
    vertical-align: middle;
}
/*WINNER熱門*/
.new_hotset {
    display: inline-block;
    *display: block;
    float: right;
    text-align: left;
    vertical-align: top;
}
.hot_icon01, .hot_icon02, .hot_icon03,
.hot_icon01:hover, .hot_icon02:hover, .hot_icon03:hover {
    display: inline-block;
    *display: block;
    width: 194px;
    height: 320px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all 0.2s 0.1s ease-in-out;
    -moz-transition: all 0.2s 0.1s ease-in-out;
    -o-transition: all 0.2s 0.1s ease-in-out;
    -ms-transition: all 0.2s 0.1s ease-in-out;
    transition: all 0.2s 0.1s ease-in-out;
    overflow: hidden;
}
.hot_icon01 {
    margin: 0 2px 0 0;
    background: url(../images/new_index/WRUS/hot_icon01_2.jpg?20220329) no-repeat 0 0;
}
.hot_icon02 {
    margin: 0 2px 0 0;
    background: url(../images/new_index/WRUS/hot_icon01_2.jpg?20220329) no-repeat -194px 0;
}
.hot_icon03 {
    margin: 0 2px 0 0;
    background: url(../images/new_index/WRUS/hot_icon01_2.jpg?20220329) no-repeat -388px 0;
}
.hot_icon01:hover {
    margin: 0 2px 0 0;
    background: url(../images/new_index/hot_icon01_hover_2.jpg?20220329) no-repeat 0 0;
}
.hot_icon02:hover {
    margin: 0 2px 0 0;
    background: url(../images/new_index/hot_icon01_hover_2.jpg?20220329) no-repeat -194px 0;
}
.hot_icon03:hover {
    margin: 0 2px 0 0;
    background: url(../images/new_index/hot_icon01_hover_2.jpg?20220329) no-repeat -388px 0;
}
.hot_icon05, .hot_icon06, .hot_icon05:hover, .hot_icon06:hover {
    display: inline-block;
    *display: block;
    width: 294px;
    height: 69px;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all 0.2s 0.1s ease-in-out;
    -moz-transition: all 0.2s 0.1s ease-in-out;
    -o-transition: all 0.2s 0.1s ease-in-out;
    -ms-transition: all 0.2s 0.1s ease-in-out;
    transition: all 0.2s 0.1s ease-in-out;
    overflow: hidden;
}
.hot_icon05 {
    margin: 5px 2px 0 0;
    background: url(../images/new_index/WRUS/hot_icon02.jpg?061301) no-repeat 0 0;
}
.hot_icon06 {
    margin: 5px 0 0 0;
    background: url(../images/new_index/WRUS/hot_icon02.jpg?061301) no-repeat 0 -69px;
}
.hot_icon05:hover {
    margin: 5px 2px 0 0;
    background: url(../images/new_index/hot_icon02_hover.jpg?061301) no-repeat 0 0;
}
.hot_icon06:hover {
    margin: 5px 0 0 0;
    background: url(../images/new_index/hot_icon02_hover.jpg?061301) no-repeat 0 -69px;
}
/*滑過效果*/
.hot_words {
    display: none;
}
.hot_icon01:hover .hot_words, .hot_icon02:hover .hot_words,
.hot_icon03:hover .hot_words, .hot_icon05:hover .hot_words,
.hot_icon06:hover .hot_words {
    display: block;
    position: relative;
    top: 343px;
    padding: 13px 0;
    color: #ffd400;
    background: rgba(255, 255, 255, 0.5);
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 0 #000, 2px 2px 5px black;
    -webkit-transform: translateY(-85px);
    -moz-transform: translateY(-85px);
    -o-transform: translateY(-85px);
    -ms-transform: translateY(-85px);
    transform: translateY(-85px);
    animation-duration: 0.8s;
    animation-name: slidein;
}
.hot_icon05:hover .hot_words, .hot_icon06:hover .hot_words {
    top: 95px;
    padding: 10px 0;
    font-size: 1.2em;
}
@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}
/*頁尾*/
.footer_set {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}
/*技術支援*/
.license_set {
    background: #232527;
    background: -moz-linear-gradient(top, #232527 0%, #424b54 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232527), color-stop(100%,#424b54));
    background: -webkit-linear-gradient(top, #232527 0%,#424b54 100%);
    background: -o-linear-gradient(top, #232527 0%,#424b54 100%);
    background: -ms-linear-gradient(top, #232527 0%,#424b54 100%);
    background: linear-gradient(to bottom, #232527 0%,#424b54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232527', endColorstr='#424b54',GradientType=0 );
}
.license {
    width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}
.license_text {
    display: inline-block;
    *display: block;
    width: 138px;
    padding: 0 50px 0 0;
    vertical-align: middle;
    height: 31px;
    background: url(../images/new_index/license_text.png?2020040801) no-repeat top left;
}
.license_icon {
    display: inline-block;
    *display: block;
    padding: 0 0 0 20px;
    border-left: 1px solid #999;
    vertical-align: middle;
}
/*快速導覽*/
.webtree_set {
    width: 100%;
    background: #000;
    height: 300px;
}
.webtree {
    width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}
.webtree .cell1, .webtree .cell3 {
    display: inline-block;
    *display: block;
    width: 16%;
    height: 150px;
    text-align: left;
    vertical-align: top;
}
.webtree .cell2 {
    display: inline-block;
    *display: block;
    width: 23%;
    height: 150px;
    text-align: left;
    vertical-align: top;
}
.webtree .cell4 {
    display: inline-block;
    *display: block;
    width: 40%;
    height: 150px;
    text-align: left;
    border-left: 1px solid #fff;
    vertical-align: top;
}
.tree_top {
    display: inline-block;
    *display: block;
    width: 92%;
    height: 30px;
    line-height: 30px;
    padding: 5px 0 5px 9%;
    color: #fff;
    font-size: 1.2em;
    text-align: left;
    border-left: 2px solid #f00;
}
.tree_bottom {
    display: inline-block;
    *display: block;
    line-height: 25px;
    padding: 5px 0 5px 25px;
    font-size: 0.95em;
    text-align: left;
    border-left: 1px solid #fff;
    vertical-align: top;
}
.tree_bottom li, .tree_bottom li a {
    color: #ffffff;
    cursor: pointer;
}
.tree_bottom li:hover, .tree_bottom li a:hover {
    color: #ffc000;
}
.no_line {
    border-left: none;
}
.tree_list {
    padding: 5px 0 5px 20px;
    color: #fff;
    vertical-align: middle;
}
.tree_list img, .tree_list span {
    display: inline-block;
    *display: block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.tree_list .text {
    display: inline-block;
    *display: block;
    margin: 0 10px 0 0;
    color: #fff;
    vertical-align: middle;
}
.tree_list .text:hover, .browser_text:hover {
    color: #ffc000;
    cursor: pointer;
}
.ft_service {
    display: inline-block;
    *display: block;
    width: 34px;
    height: 34px;
    margin: 0 10px 0 0;
    background: url(../images/new_index/ft_service.png?2022050301) no-repeat top left;
    vertical-align: middle;
}
.tree_list .ft_no18 {
    display: inline-block;
    *display: block;
    width: 108px;
    height: 50px;
    margin: 0 10px 0 0;
    background: url(../images/new_index/no18.png?2022050301) no-repeat top left;
    vertical-align: middle;
}
.tree_list .no18_text {
    display: inline-block;
    *display: block;
    width: 73%;
    line-height: 16px;
    color: #aaa;
    font-size: 0.9em;
    vertical-align: middle;
}
.browser_set {
    height: 40px;
    line-height: 40px;
    padding: 5px 0 5px 20px;
    color: #fff;
    vertical-align: middle;
}
.ft_browser {
    float: left;
    width: 34px;
    height: 34px;
    margin: 0 10px 0 0;
    background: url(../images/new_index/ft_browser.png?2022050301) no-repeat top left;
    vertical-align: middle;
}
.pop_browser {
    display: none;
    float: left;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
    background: #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.3s ease-out;
    vertical-align: middle;
}
.browser_text {
    float: left;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.browser_set:hover > .pop_browser {
    display: block;
}
.pop_browser .chrome, .pop_browser .firefox, .pop_browser .ie {
    display: inline-block;
    *display: block;
    width: 30px;
    height: 30px;
    margin: 0 1px 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.chrome {
    background: url(../images/new_index/hot_browser.png?2022050301) no-repeat 0 -30px;
}
.chrome:hover {
    background: url(../images/new_index/hot_browser.png?2022050301) no-repeat 0 0;
}
.firefox {
    background: url(../images/new_index/hot_browser.png?2022050301) no-repeat -30px -30px;
}
.firefox:hover {
    background: url(../images/new_index/hot_browser.png?2022050301) no-repeat -30px 0px;
}
.ie {
    background: url(../images/new_index/hot_browser.png?2022050301) no-repeat -60px -30px;
}
.ie:hover {
    background: url(../images/new_index/hot_browser.png?2022050301) no-repeat -60px 0px;
}
/*版權宣告*/
.copyright {
    padding: 10px 0;
    color: #fff;
    background: #fd154a;
    background: -moz-linear-gradient(top,  #fd154a 0%, #b00927 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd154a), color-stop(100%,#b00927));
    background: -webkit-linear-gradient(top,  #fd154a 0%,#b00927 100%);
    background: -o-linear-gradient(top,  #fd154a 0%,#b00927 100%);
    background: -ms-linear-gradient(top,  #fd154a 0%,#b00927 100%);
    background: linear-gradient(to bottom,  #fd154a 0%,#b00927 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd154a', endColorstr='#b00927',GradientType=0 );
}
/*24小時客服_浮動視窗*/
.service_bar {
    position: fixed;
    right: 0%;
    top: 12%;
    width: 90px;
    height: 390px;
    border: 0;
    z-index: 9998;
}
.service_close {
    position: relative;
    top: 45px;
    right: -122px;
    width: 23px;
    height: 22px;
    background: url(../images/new_index/btn_close.png?2019060303) no-repeat;
    background-size: 100% auto;
    border: 0;
    cursor: pointer;
}
.btn_sr1,.btn_sr2,.btn_sr3,.btn_sr4 {
    position: relative;
    top: 105px;
    padding-top: 10px;
    right: 0;
    height: 70px;
    color: #fff;
    background: rgba(5,23,56,.3);
    font-size: .95em;
    font-weight: 400;
    text-align: center;
    border: 0;
    cursor: pointer;
    margin: 0 auto;
    border-bottom: 1px solid #eee
}
.btn_sr1:hover,.btn_sr2:hover,.btn_sr3:hover,.btn_sr4:hover {
    background: rgba(5,23,56,.5)
}

.btn_sr1_icon,.btn_sr2_icon,.btn_sr3_icon,.btn_sr4_icon {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.btn_sr1:hover .btn_sr1_icon,
.btn_sr2:hover .btn_sr2_icon,
.btn_sr3:hover .btn_sr3_icon,
.btn_sr4:hover .btn_sr4_icon {
    transform: translateY(3px)
}

.btn_sr1:hover .sr_text,
.btn_sr2:hover .sr_text,
.btn_sr3:hover .sr_text,
.btn_sr4:hover .sr_text {
    transform: translateY(3px)
}

.btn_sr2:hover .QRcode,
.btn_sr3:hover .QRcode {
    visibility: visible
}

.btn_sr1_icon {
    background: url(../images/new_index/service_icon1.png?20200221) no-repeat;
}

.btn_sr2_icon {
    background: url(../images/new_index/service_icon2.png?20200221) no-repeat;
}

.btn_sr3_icon {
    background: url(../images/new_index/service_icon3.png?20200221) no-repeat;
}

.btn_sr4_icon {
    background: url(../images/new_index/service_icon4.png?20200221) no-repeat;
    background-size: 100% auto;
}

.sr_text {
    padding-top: 5px
}

.QRcode {
    visibility: hidden;
    position: fixed;
    top: 34%;
    right: 5%;
    z-index: 10000;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5)
}

.QRcode img {
    padding: 10px
}

.QRcode_closebtn {
    float: right;
    font-size: 18px;
    color: #999
}

.QRcode_closebtn:hover {
    color: red
}

.QRcode_Title {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #666;
    text-align: left;
    font-size: 1.2em;
    font-weight: 700;
    background: #ddd;
    background: -moz-linear-gradient(top,#fff 0%,#ddd 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#ddd 100%);
    background: -o-linear-gradient(top,#fff 0%,#ddd 100%);
    background: -ms-linear-gradient(top,#fff 0%,#ddd 100%);
    background: linear-gradient(to bottom,#fff 0%,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#ddd',GradientType=0 );
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
/*合營計畫*/
.pt_body {
    background: url(../images/new_index/pt_bg.jpg?2022050301) repeat-y top left #414a53;
    background-size: cover;
    font: .95em 'Open Sans', sans-serif;
}
.pt_box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.pt_bgset {
    padding: 40px 0;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
.pt_logo {
    width: 300px;
    height: 105px;
    margin: 0 auto 30px;
    background: url(../images/new_index/new_logo.png?11701) no-repeat;
    background-size: 100% auto;
    text-align: center;
}
.header_title1 {
    font-size: 1.5em;
}
.header_title2 {
    font-size: 2.5em;
    font-weight: bold;
}
.pt_main {
    min-width: 320px;
    max-width: 800px;
    height: 550px;
    margin: 0 auto;
    background: #414a53;
}
.pt_main input {
    display: none;
}
.pt_main label {
    display: inline-block;
    *display: inline;
    padding: 15px 12.5px;
    color: #aaa;
    font-size: 1.1em;
    text-align: center;
}
.pt_main label:hover {
    color: #fff;
    cursor: pointer;
}
.pt_main input:checked + label {
    background: #ed5a6a;
    color: #fff;
}
.pt_content {
    width: 90%;
    height: 450px;
    margin: 0 auto;
    background: #fff;
    color: #444;
    text-align: justify;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    overflow-x: hidden;
    overflow-y: auto;
}
.pt_content > .pt_insidebox {
    display: none;
    line-height: 1.4;
    margin: 0 0 0 25px;
    padding: 20px 25px 10px 0;
}
#pt_tab1:checked ~ .pt_content #pt_text1, #pt_tab2:checked ~ .pt_content #pt_text2,
#pt_tab3:checked ~ .pt_content #pt_text3, #pt_tab4:checked ~ .pt_content #pt_text4 {
    display: block;
}
.pt_table1 {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
}
.pt_th {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    background: #00c0da;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.pt_table1 .pt_cell {
    flex: 1;
}
.pt_table1 .pt_th .th_border {
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #89f0ff;
}
.pt_table1 .pt_td .td_border {
    border-right: 1px solid #ccc;
}
.pt_th_tips {
    font-size: 0.85em;
    font-weight: normal;
}
.pt_td {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-top: none;
}
.pt_content .pt_inside_title {
    width: 100%;
    padding: 0 0 2px 5px;
    margin: 20px auto;
    color: #9a0000;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px dotted #aaa;
}
.contact_box .box50 {
    float: left;
    width: 48%;
}
.tab_bg01, .tab_bg02, .tab_bg03, .tab_bg04 {
    width: 100%;
    height: 110px;
    margin: 0 auto 10px;
    text-align: center;
}
.tab_bg01 {
    background: url(../images/new_index/tab_bg01.jpg?2022050301) no-repeat;
    background-size: cover;
}
.tab_bg02 {
    background: url(../images/new_index/tab_bg02.jpg?2022050301) no-repeat;
    background-size: cover;
}
.tab_bg03 {
    background: url(../images/new_index/tab_bg03.jpg?2022050301) no-repeat;
    background-size: cover;
}
.tab_bg04 {
    background: url(../images/new_index/tab_bg04.jpg?2022050301) no-repeat;
    background-size: cover;
}
.pt_ppt {
    width: 400px;
    height: 328px;
    margin: 0 auto 10px;
    text-align: center;
    background: url(../images/new_index/WRUS/ppt.jpg?20211216) no-repeat;
    background-size: 100% auto;
}
.pt_ppt_WRUS {
    width: 400px;
    height: 328px;
    margin: 0 auto 10px;
    text-align: center;
    background: url(../images/new_index/WRUS/ppt.jpg?20211216) no-repeat;
    background-size: 100% auto;
}

.pt_content ol {
    margin: 0 0 0 25px;
    font-weight: bold;
    list-style: decimal;
}
.pt_content ul {
    margin: 0 0 0 25px;
    font-weight: bold;
    list-style: disc;
}
.pt_content li {
    padding: 0 0 10px 5px;
    font-style: italic;
}
.pt_content li .title {
    margin: 0 0 5px 0;
    font-size: 1.1em;
    font-weight: bold;
}
.pt_content li .text {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
}
.pt_content p {
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-size: 1em;
    font-style: normal;
}
.ptlicense_set {
    width: 100%;
    text-align: left;
}
.pt_license {
    display: inline-block;
    *display: inline;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #444;
}
.ptlicense_set li {
    padding: 0;
}
/*新版各LOGO圖分開*/
.pt_license div {
    width: 170px;
    height: 60px;
}
.pt_ls01 {
    background: url(../images/new_index/pt_license_01.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls02 {
    background: url(../images/new_index/pt_license_02.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls03 {
    background: url(../images/new_index/pt_license_03.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls04 {
    background: url(../images/new_index/pt_license_04.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls05 {
    background: url(../images/new_index/pt_license_05.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls06 {
    background: url(../images/new_index/pt_license_06.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls07 {
    background: url(../images/new_index/pt_license_07.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls08 {
    background: url(../images/new_index/pt_license_08.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls09 {
    background: url(../images/new_index/pt_license_09.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls10 {
    background: url(../images/new_index/pt_license_10.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls11 {
    background: url(../images/new_index/pt_license_11.png?2022080801) no-repeat;
    background-size: 100% auto;
}
.pt_ls12 {
    background: url(../images/new_index/pt_license_12.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls13 {
    background: url(../images/new_index/pt_license_13.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls14 {
    background: url(../images/new_index/pt_license_14.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls15 {
    background: url(../images/new_index/pt_license_15.png?20221006) no-repeat;
    background-size: 100% auto;
}
.pt_ls16 {
    background: url(../images/new_index/pt_license_16.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls17 {
    background: url(../images/new_index/pt_license_17.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls18 {
    background: url(../images/new_index/pt_license_18.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls19 {
    background: url(../images/new_index/pt_license_19.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls20 {
    background: url(../images/new_index/pt_license_20.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls21 {
    background: url(../images/new_index/pt_license_21.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls22 {
    background: url(../images/index_icon/pt_license_22.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls23 {
    background: url(../images/index_icon/pt_license_23.png?2022050301) no-repeat;
    background-size: 100% auto;
}
.pt_ls24 {
    background: url(../images/new_index/pt_license_24.png?2022050301) no-repeat;
    background-size: 100% auto;
}
/*Download App頁面*/
.bg_advertise {
    background: #d5d5d512;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
}
.img_phone{
    margin: auto 2em;
    text-align: right;
}
.qr_group {
    display: inline-block;
    margin: 10em 0;
    width: 600px;
    text-align: center;
}
.qr_group span {
    font-size: 1.4em;
    width: auto;
    display: block;
    line-height: 3em;
}
.qr_group .text_bold {
    font-size: 3em !important;
    line-height: 0.3em !important;
}
.qr_app {
    display: inline-block;
    text-align: center;
    margin: 0 2.5em;
}
/*********  以下為 手機畫面_設定  *********/
/* 寬度大於 901px (iPad, iPad pro)*/
@media screen and (min-width: 901px) {
    .gameopen_set {
        left: -13%;
    }
}

/* 寬度大於 1901px (電腦) */
@media screen and (min-width: 1901px) {
    .mem_info {
        margin-left: 13%;
    }
    .gameopen_set {
        left: 10%;
    }
}

/* 寬度大於 2560px (電腦) */
@media screen and (min-width: 2560px) {
    .gameopen_set {
        left: 20.5%;
    }
}

/* 寬度大於 3840px (電腦) */
@media screen and (min-width: 3840px) {
    .gameopen_set {
        left: 30.5%;
    }
}

/* 寬度介於 1600px - 1900px (電腦) */
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    /*首頁_(上層)遊戲列表選單*/
    .new_logo{
        margin-left: 14%;
    }
    .mem_info {
        margin-left: 5%;
    }
    .gameopen_set {
        left: 5%;
		right: 20%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 6.5%;
    }
    .members_itemlist .arrow_d {
        right: 31.5%;
        top: 8%;
    }
    .members_itemlist .tips_close {
        right: 26%;
    }
}

/* 寬度介於 1440px - 1599px (電腦) */
@media screen and (min-width: 1440px) and (max-width: 1599px) {
    /*首頁_(上層)遊戲列表選單*/
    .gameopen_set {
        left: -1%;
    }
    .new_logo{
        margin-left: 10%;
    }
    .mem_info {
        margin-left: 3%;
    }
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 4%;
        top: 25%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 7.5%;
    }
    .members_itemlist .arrow_d {
        right: 29.5%;
        top: 8%;
    }
    .members_itemlist .tips_close {
        right: 23%;
    }
}

/* 寬度介於 1360px - 1439px (電腦) */
@media screen and (min-width: 1360px) and (max-width: 1439px) {
    /*首頁_(上層)遊戲列表選單*/
    .gameopen_set {
        left: -6%;
    }
    .new_logo {
        margin-left: 4%;
    }
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 2%;
        top: 27%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 7.5%;
    }
    .members_itemlist .tips_close {
        right: 22%;
    }
    .members_itemlist .arrow_d {
        right: 28.5%;
        top: 9%;
    }
}

/* 寬度介於 1280px - 1359px (ipad) */
@media screen and (min-width: 1280px) and (max-width: 1359px) {
    /*首頁_(上層)遊戲列表選單*/
    .gameopen_set {
        left: -10%;
    }
    .new_logo {
        margin-left: 3%;
    }
    .mem_info {
        margin-left: 5%;
    }
    .lang-selection-wrapper .lang-selection {
        position: absolute;
        left: -110px;
    }
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 0.5%;
        top: 26%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 7.5%;
    }
    .members_itemlist .arrow_d {
        right: 27.5%;
        top: 9%;
    }
    .members_itemlist .tips_close {
        right: 20.5%;
    }
    /*首頁_會員資料*/
    .hd_loginitem {
        left: 63%;
    }
}

/* 寬度介於 1025px - 1279px (電腦) */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
    .new_logo ,.mem_info{
        margin-left: 2% !important;
    }
    .lang-selection-wrapper .lang-selection {
        left: -110px;
        position: absolute;
    }
    .gameopen_set {
        left: -13.5% !important;
    }
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 0.5%;
        top: 32%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 9.5%;
    }
    .members_itemlist .arrow_d {
        right: 24.5%;
        top: 8%;
    }
    .members_itemlist .tips_close {
        right: 16%;
    }
}
/* 寬度小於 1024px */
@media screen and (max-width: 1024px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    .lang-selection-wrapper .lang-selection {
        left: -126px;
        position: absolute;
    }
    .gameopen_set {
        left: -13.5%;
    }
    /*24小時客服_浮動視窗*/
    .cm_bar_area {
        right: 0.5%;
        top: 32%;
    }
    /*存款功能未開啟*/
    .members_itemlist .itemtips {
        margin: 0 0 0 9.5%;
    }
    .members_itemlist .arrow_d {
        right: 21.5%;
        top: 9%;
    }
    .members_itemlist .tips_close {
        right: 13%;
    }
    /*底部*/
    .webtree_set {
        height: 310px;
    }
    .webtree {
        width: 1200px;
    }
    .tree_bottom {
        padding: 0px 0 0px 25px;
    }
    .tree_bottom li, .tree_bottom li a {
        line-height: 1.4;
    }
    /*首頁_會員資料*/
    .hd_loginitem {
        left: 63%;
    }
}

/* 寬度介於 1301px - 1440px (ipad pro,舊電腦) */
@media screen and (min-width: 1301px) and (max-width: 1440px) {
    /*首頁_(上層)遊戲列表選單*/
    .new_logo, .mem_info{
        margin-left: 4%;
    }
    .lang-selection-wrapper .lang-selection {
        left: -105px;
        position: absolute;
    }
    /*底部*/
    .webtree {
        width: 1200px;
    }
    .tree_bottom {
        padding: 0px 0 0px 25px;
    }
    .tree_bottom li, .tree_bottom li a {
        line-height: 1.8;
    }
}

/* 寬度介於 1025px - 1300px (ipad) */
@media screen and (min-width: 1025px) and (max-width: 1300px) {
    /*首頁_(上層)遊戲列表選單*/
    .mem_info{
        margin-left: 7%;
    }
    /*底部*/
    .webtree_set {
        height: 310px;
    }
    .webtree {
        width: 1200px;
    }
    .tree_bottom {
        padding: 0px 0 0px 25px;
    }
    .tree_bottom li, .tree_bottom li a {
        line-height: 1.4;
    }
}

/* 寬度介於 901px - 1024px (ipad) */
@media screen and (min-width: 901px) and (max-width: 1024px) {
    /*首頁_(上層)遊戲列表選單*/
    .new_logo{
        margin-left: 3% !important;
    }
    .mem_info {
        margin-left: 1%;
    }
}

/* 寬度小於 901px (iPad, iPad pro)*/
@media screen and (max-width: 901px) {
    /*首頁_(上層)遊戲列表選單*/
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    .lang-selection-wrapper .lang-selection {
        left: -105px;
        position: absolute;
    }
}

/* 寬度大於 640px (iPad, iPad pro)*/
@media (max-width: 640px) {
}

/* 寬度介於 751px - 900px (iPad, 手機橫放) */
@media screen and (min-width: 751px) and (max-width: 900px) {
}

/* 寬度介於 800px - 900px (iPad, 手機橫放) */
@media screen and (min-width: 800px) and (max-width: 900px) {
    /*合營計畫*/
    .pt_main {
        max-width: 700px;
    }
}

/* 寬度介於 671px - 750px (iPad, 手機橫放) */
@media screen and (min-width: 671px) and (max-width: 750px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
}

/* 寬度介於 551px - 670px (手機橫放) */
@media screen and (min-width: 551px) and (max-width: 670px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    /*合營計畫*/
    .pt_content .ptlicense_set {
        margin: 0;
    }
    .contact_box .box50 {
        width: 100%;
    }
}

/* 寬度介於 560px - 600px (手機橫放) */
@media screen and (min-width: 560px) and (max-width: 600px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    /*合營計畫*/
    .pt_th {
        font-size: 1em;
    }
    .pt_td {
        font-size: 0.95em;
    }
    .pt_content .ptlicense_set {
        margin: 0;
    }
}

/* 寬度介於 640px - 670px (iphone6 + Galaxy S5 手機橫放) */
@media screen and (min-width: 640px) and (max-width: 670px) {
}

/* 寬度介於 401px - 550px (iPhone 6+) */
@media screen and (min-width: 401px) and (max-width: 550px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    /*合營計畫*/
    .pt_th {
        font-size: 1em;
    }
    .pt_td {
        font-size: 0.95em;
    }
    .pt_main label {
        padding: 15px 9px;
    }
    .pt_content .ptlicense_set {
        margin: 0;
    }
    .pt_ppt {
        width: 330px;
        height: 270px;
    }
    .contact_box .box50 {
        width: 100%;
    }
}

/* 寬度介於 401px - 414px (Pixel2) */
@media screen and (min-width: 401px) and (max-width: 414px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    /*合營計畫*/
    .pt_license div {
        width: 155px;
        height: 55px;
    }
}

/* 寬度介於 480px - 500px (iPhone 4横放) */
@media screen and (min-width: 480px) and (max-width: 500px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    }

/* 寬度介於 321px - 400px (iPhone 5,iPhone 6,Galaxy S5) */
@media screen and (min-width: 321px) and (max-width: 400px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    /*合營計畫*/
    .pt_main label {
        padding: 15px 9px;
    }
    .pt_content {
        width: 100%;
        height: 500px;
    }
    .pt_content .ptlicense_set {
        margin: 0;
    }
    .pt_license div {
        width: 145px;
        height: 51px;
    }
    .pt_th {
        font-size: 1em;
    }
    .pt_td {
        font-size: 0.95em;
    }
    .pt_ppt {
        width: 300px;
        height: 250px;
    }
    .contact_box .box50 {
        width: 100%;
    }
}

/* 寬度介於 375px - 410px (iPhone 6,iPhone 7) */
@media screen and (min-width: 375px) and (max-width: 410px) {
}

/* 寬度小於 320px */
@media screen and (max-width: 320px) {
    .new_logo ,.mem_info{
        margin-left: 1%;
    }
    /*合營計畫*/
    .pt_logo {
        width: 250px;
        height: 90px;
    }
    .header_title1 {
        font-size: 1em;
    }
    .header_title2 {
        font-size: 1.6em;
    }
    .pt_main label {
        padding: 15px 7px;
        font-size: 1em;
    }
    .pt_content {
        width: 100%;
    }
    .pt_content > .pt_insidebox {
        padding: 20px 10px 10px 0;
        margin: 0 0 0 10px;
    }
    .pt_main {
        height: auto;
    }
    .pt_content .ptlicense_set {
        margin: 0;
    }
    .pt_license div {
        width: 145px;
        height: 52px;
    }
    .pt_th {
        font-size: 1em;
    }
    .pt_td {
        font-size: 0.95em;
    }
    .pt_ppt {
        width: 280px;
        height: 230px;
    }
    .contact_box .box50 {
        width: 100%;
    }
}