@charset UTF-8;
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

html {
    position: relative;
    min-height: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: #eee;
    line-height: 1.5em;
    -webkit-text-size-adjust: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

#footer {
    width: 100%;
    background: #3e4245 url(../images/noise_bg.gif);
    color: #ddd;
    font: 12px/150% Tahoma,Arial,"Microsoft Yahei",Simsun,sans-serif;
    box-shadow: inset rgba(0,0,0,.1) 0 4px 4px;
}

body,input,textarea,select {
    font-size: 12px;
    color: #555;
    font-family: Arial,"Microsoft Yahei",Simsun;
}

h1,h2 {
    font-weight: 600;
}

ul,ol,menu {
    padding-left: 0;
}

li {
    list-style-type: none;
}

.article_list,.article_list ol {
    padding: 1em 0 1em 2em;
}

.article_list li {
    list-style: outside;
    list-style-type: decimal;
    margin: .7em 0;
}

a img {
    border: 0;
}

a {
    color: #3B5998;
    text-decoration: none;
}

a:hover {
    color: #f90;
    text-decoration: underline;
}

h1 {
    font-size: 2em;
    line-height: 3em;
    letter-spacing: -1px;
    font-weight: 600;
    padding: 0 10px;
}

.price {
    font-family: avgardd,Arial,Georgia;
    color: #f60;
}

.num {
    font-family: arial,tahoma;
    white-space: nowrap;
}

.gray {
    color: #999;
}

.green {
    color: #090;
}

.blue {
    color: #3B5998;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: block;
}

.wrapper {
    position: relative;
    width: 100%;
    clear: both;
}

#content_main {
    width: 930px;
    min-height: 500px;
    margin: 0 auto 20px;
    padding: 33px 15px;
}

#content {
    max-width: 750px;
    min-height: 500px;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}

#content_r {
    width: 600px;
    margin: 0 auto;
}

#content.pay #content_l {
    width: 280px;
}

#content.pay #content_r {
    width: 650px;
}

#content.payinfo {
    background: #eee;
    width: 100%;
    max-width: none;
    padding: 20px 0;
}

#content.columnA {
    border: 1px #e8e8e8 solid;
    border-top: none;
    border-bottom: none;
    width: 928px;
    background: #fff url(../images/aside_bg.gif) -399px 0 repeat-y;
    box-shadow: rgba(0,0,0,.02) -900px 0 0 900px 0 0 5px 0 10px;
    padding: 0;
}

.columnA #content_l {
    width: 160px;
    padding-bottom: 20px;
    position: relative;
    margin: 20px;
}

.columnA #content_r {
    width: 687px;
    padding-bottom: 20px;
    position: relative;
    margin: 0 20px;
}

.columnA #content_r h1 {
    font-size: 2em;
    line-height: 130%;
    border-bottom: 1px #ddd dotted;
    margin: 0;
    padding: .8em 0;
}

.columnA #content_l h3 {
    font-size: 1.5em;
    line-height: 200%;
    border-bottom: 1px #ccc dotted;
    margin-bottom: 10px;
    padding: 0;
}

.columnA #content_l h3:first-child {
    margin: .8em 0 10px;
}

.columnA aside menu li {
    line-height: 1.8em;
    border-bottom: 1px #ccc dotted;
    padding: .5em 0;
}

.columnA aside menu li.current {
    font-weight: 700;
    position: relative;
}

.columnA aside menu li.current:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    border: 4px transparent solid;
    border-left-color: #999;
    margin: -2px 4px 0 0;
}

#content.columnB #content_l {
    width: 180px;
    float: left;
}

.top_aside_tao {
    margin-top: 37px;
}

#content.columnB #content_r {
    width: 730px;
}

#server_wrp {
    background: #eee;
    border: 1px #ddd solid;
    border-radius: 4px;
    box-shadow: inset rgba(255,255,255,.6) 1px 1px 0;
    font-family: Tahoma,Geneva,sans-serif;
    line-height: 1.5;
}

#server_current hgroup {
    border-bottom: 1px #ddd solid;
    box-shadow: rgba(255,255,255,.6) 0 1px 0;
    position: relative;
    margin: 1px;
    padding: 7px 15px 7px 44px;
}

#server_current hgroup:before {
    content: '';
    display: block;
    width: 32px;
    height: 34px;
    background: url(../images/icon.png) -183px -336px no-repeat;
    position: absolute;
    left: 6px;
    top: 7px;
}

#server_current h4 {
    font-size: 11px;
    font-weight: 400;
}

#server_list hgroup {
    position: relative;
    padding: 8px 15px 8px 45px;
}

#server_list hgroup:before {
    content: '';
    display: block;
    width: 32px;
    height: 34px;
    background: url(../images/icon.png) -151px -336px no-repeat;
    position: absolute;
    left: 7px;
    top: 7px;
}

#server_list h4 {
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

#server_list menu {
    padding-bottom: 5px;
}

#server_list menu>li a {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    color: #555;
    padding: 5px 15px;
}

#server_list menu>li a:hover {
    background: #d6d6d6;
    color: #333;
    text-decoration: none;
}

#server_list menu li ol {
    position: absolute;
    background: #eee;
    border: 1px #ccc solid;
    border-radius: 4px;
    box-shadow: inset rgba(255,255,255,.6) 1px 1px 0 1px 2px 2px;
    left: 170px;
    top: -31px;
    z-index: 99;
    display: none;
    list-style: none;
    padding: 5px;
}

#server_list menu ol:before,#server_list menu ol:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 8px red solid;
    position: absolute;
    top: 35px;
    border-color: transparent #ccc transparent transparent;
}

#server_list menu ol:before {
    left: -16px;
}

#server_list menu ol:after {
    left: -15px;
    border-right-color: #eee;
}

#server_list menu li:hover ol,#server_list menu>li a:hover+ol {
    display: inherit;
}

#server_list menu li li a {
    width: 140px;
    padding: 5px 10px;
}

#server_list menu li.c1 ol {
    width: auto;
}

#server_list menu li.c2 ol {
    width: 325px;
}

#server_list menu li.c3 ol {
    width: 490px;
}

#server_list menu li.c4 ol {
    width: 655px;
}

#content.columnC #content_r {
    width: auto;
    float: none;
}

#announcement {
    background: #000 url(../images/noise_bg_nav.gif);
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #f90;
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
}

#announcement a {
    color: #000;
    text-decoration: underline;
}

#header {
    height: 70px;
    background: #3e4245 url(../images/noise_bg.gif) -50% 0;
}

#header.float {
    margin-bottom: 34px;
}

#header .inner {
    width: 960px;
    height: 70px;
    position: relative;
    z-index: 999;
    margin: auto;
}

#logo {
    width: 244px;
    height: 45px;
    background: url(../images/logo.png);
    float: left;
    margin: 12px 0 0 25px;
}

#logo a {
    display: block;
    width: 244px;
    height: 45px;
    text-indent: -999px;
    overflow: hidden;
}

#header_main {
    height: 130px;
    background: #3e4245 url(../images/noise_bg.gif);
}

#header_main .inner {
    width: 960px;
    height: 130px;
    position: relative;
    margin: auto;
}

#header_main #logo {
    width: 550px;
    height: 130px;
    background: url(../images/logo_light.png) top center no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -300px;
}

#header_main #logo a {
    width: 397px;
    height: 91px;
    background: url(../images/logo_b.png);
    text-indent: -9999px;
    overflow: hidden;
    margin: 20px auto 0;
}

.fb_edge_widget_with_comment {
    float: left;
    margin: 28px 0 0 10px;
}

#header_main .fb_edge_widget_with_comment {
    float: right;
    margin: 75px 23px 0 0;
}

#search_wrapper label,#search_wrapper .close,#nav_zone i,#user_zone .bt i,#u_dropmenu i {
    background: url(../images/icon.png) no-repeat;
}

#search_wrapper {
    position: absolute;
    z-index: 999;
    right: 20px;
    top: 20px;
    box-shadow: rgba(0,0,0,.5) 0 0 10px;
    border-radius: 3px;
    background: #eee;
    padding: 3px;
}

#header_main #search_wrapper {
    top: 34px;
}

#search_wrapper label {
    background-color: #fff;
    background-position: -19px 2px;
    border-radius: 3px;
    box-shadow: inset rgba(0,0,0,.2) 1px 1px 1px;
    border: 1px #d5d5d5 solid\9;
    height: 26px;
    width: 220px;
    padding-left: 20px;
    display: block;
}

#search_wrapper label.redirect {
    background-image: url(../images/loading.gif);
    background-position: 5px center;
}

#search_wrapper input {
    background: transparent;
    border: none;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    float: left;
    width: 135px;
    font-weight: 700;
    margin: 0;
    padding: 5px;
}

#search_wrapper input:focus {
    outline: none;
}

#search_wrapper .close {
    display: block;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    overflow: hidden;
    background-position: 3px -12px;
    float: right;
    margin: 4px 4px 0 0;
}

#search_wrapper .close:hover {
    background-color: #eee;
    border-radius: 2px;
}

#search_wrapper ul {
    background: #fff;
    border: 1px #d5d5d5 solid;
    border-radius: 3px;
    box-shadow: #fff 0 1px 0;
    margin: 3px 0 1px;
}

#search_wrapper li {
    border-top: 1px #ddd solid;
    height: 2.2em;
    line-height: 2.2em;
    font-size: 12px;
    position: relative;
    width: 238px;
}

#search_wrapper li a {
    display: block;
    height: 2em;
    color: #555;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 40px 0 8px;
}

#search_wrapper li a:hover {
    background: rgba(0,0,0,.03);
    color: #111;
    text-decoration: none;
}

#search_wrapper li.game:after,#search_wrapper li.card:after {
    display: block;
    content: 'GAME';
    width: 30px;
    height: 14px;
    background: #eee;
    text-align: center;
    font-size: 8px;
    font-family: pixlesfont;
    line-height: 14px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -7px;
    text-shadow: #fff 0 1px 0;
    color: #999;
}

#search_wrapper li.card:after {
    content: 'CARD';
}

#search_wrapper li.homecurrent {
    background: #ccc;
}

#search_wrapper.hide {
    background: none;
    display: block;
    box-shadow: none;
}

#navigation {
    background: #333 url(../images/noise_bg_nav.gif) -20% 0;
    position: relative;
    box-shadow: rgba(0,0,0,.2) 0 2px 2px;
}

#navigation.float {
    position: fixed;
    top: 0;
    z-index: 100;
}

#navigation .inner {
    width: 945px;
    height: 34px;
    position: relative;
    text-align: right;
    margin: 0 auto;
    padding: 0 15px;
}

#navigation a.bt,#navigation .dropmenu a,#navigation .usermenu a {
    color: #c4c4c4;
}

#navigation a.bt:hover,#navigation .dropmenu a:hover,#navigation .usermenu a:hover {
    color: #fff;
    text-decoration: none;
}

.navigation_ul {
    float: left;
    font-size: 0;
    letter-spacing: -5px;
    white-space: nowrap;
    position: relative;
}

.navigation_ul li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    height: 34px;
    font-size: 12px;
    line-height: 34px;
    letter-spacing: 0;
    margin-right: 1px;
}

.navigation_ul a.bt {
    display: block;
    height: 34px;
    float: left;
    font-weight: 700;
    text-shadow: rgba(0,0,0,.2) 1px 1px 0;
    padding: 0 8px;
}

.navigation_ul a.bt.new:after {
    display: block;
    width: 32px;
    height: 17px;
    content: '';
    background: url(../images/icon_new.png) no-repeat;
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 10;
}

#nav_zone {
    text-align: left;
}

#nav_zone i {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 8px;
    height: 5px;
    overflow: hidden;
    background-position: -1px -3px;
    margin: 0 -4px 0 4px;
}

#nav_zone li.current a.bt {
    color: #fff;
    background: #26282a;
    position: relative;
}

#nav_zone li.current a.bt:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 4px transparent solid;
    border-top-color: #26282a;
    position: absolute;
    top: 34px;
    left: 50%;
    margin-left: -4px;
    z-index: 9;
}

#nav_zone li a.bt:hover:before {
    border-top-color: #26282a;
}

#user_zone .bt i {
    width: 16px;
    height: 16px;
    display: inline;
    zoom: 1;
    vertical-align: central;
}

#user_zone .bt span {
    margin-left: 3px;
}

#user_zone i.icb1 {
    background-position: -2px -130px;
}

#user_zone i.icb2 {
    background-position: -22px -130px;
}

#user_zone i.icb3 {
    background-position: -42px -130px;
}

#user_zone i.icb4 {
    background-position: -62px -130px;
}

#user_zone i.icb5 {
    background-position: -83px -130px;
}

#user_zone i.icb6 {
    background-position: -103px -130px;
}

#user_zone {
    float: right;
}

#user_zone li {
    font-size: 11px;
    position: relative;
}

#user_zone .counter {
    display: block;
    background: #f90;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    color: #fff;
    font-family: arial,tahoma;
    border-radius: 2px;
    font-weight: 400;
    text-shadow: none;
    position: absolute;
    top: 3px;
    left: 15px;
    padding: 0 4px 0 3px;
}

#nav_zone .dropmenu {
    background: #26282a;
    position: absolute;
    top: 34px;
    left: 0;
    width: 930px;
    z-index: 100;
    box-shadow: rgba(0,0,0,0.5) 0 5px 5px;
    padding: 0;
}

.dropmenu .tab {
    margin-right: 300px;
    height: 34px;
}

.dropmenu .tab li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    height: 20px;
    margin: 0;
    padding: 7px 0 7px 5px;
}

.dropmenu .tab a {
    display: block;
    float: left;
    background: #333;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    border-radius: 2px;
    padding: 0 10px;
}

.dropmenu .list {
    white-space: normal;
    font-size: 0;
    letter-spacing: -5px;
    border-top: 1px #3a3b3d solid;
    display: none;
}

.dropmenu .list li {
    font-size: 11px;
    letter-spacing: 0;
    height: 46px;
    width: 155px;
    line-height: 1.5em;
    margin: 0;
}

.dropmenu .list a {
    display: block;
    height: 35px;
    overflow: hidden;
    line-height: 18px;
    border-color: #3a3b3d;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 5px;
}

.dropmenu .list a:hover {
    background: rgba(255,255,255,.05);
}

.dropmenu .list img {
    width: 32px;
    height: 32px;
    float: left;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 5px;
    position: relative;
    opacity: .6;
    border: 2px #000 solid;
}

.dropmenu .list a:hover img {
    opacity: 1;
    box-shadow: rgba(0,0,0,.3) 1px 1px 0;
}

.dropmenu .list a.more {
    text-align: center;
    line-height: 31px;
}

.dropmenu .recent {
    float: right;
    width: 155px;
    border-left: 1px #3a3b3d solid;
    border-top: none;
    display: block;
    margin: 0 0 0 -1px;
}

.dropmenu .recent li {
    clear: both;
}

.dropmenu .recent li.title {
    height: 34px;
    border-bottom: 1px #3a3b3d solid;
    line-height: 34px;
    color: #c4c4c4;
    text-indent: 5px;
    margin: 0;
}

#u_dropmenu {
    top: 34px;
    min-width: 160px;
}

#u_dropmenu .in {
    position: relative;
    padding: 3px 0 0;
}

#u_dropmenu a {
    display: block;
    border-bottom: 1px #eee solid;
    height: 2em;
    line-height: 2em;
    font-size: 12px;
    font-weight: 700;
    color: #3B5998;
    width: 160px;
    padding: 0 12px;
}

#u_dropmenu a:hover {
    background: #4d6e95;
    color: #fff;
    text-decoration: none;
}

#n_dropmenu {
    top: 34px;
    right: -66px;
    left: auto;
    font-size: 12px;
}

#n_dropmenu:before,#n_dropmenu:after {
    right: 74px;
    left: auto;
}

#n_dropmenu p {
    line-height: 30px;
    height: 30px;
    border-bottom: 1px #eee solid;
    padding: 0 15px;
}

#n_dropmenu p a {
    color: #3b5998;
    font-weight: 700;
}

#n_dropmenu p a:hover {
    color: #f90;
    text-decoration: none;
}

#s_dropmenu {
    top: 34px;
    right: -33px;
    left: auto;
}

#s_dropmenu:before,#s_dropmenu:after {
    right: 42px;
    left: auto;
}

#s_dropmenu .line {
    text-align: right;
    height: auto;
    line-height: 2em;
    margin: 5px 0;
    padding: 0 10px;
}

#s_dropmenu .select_s {
    width: 120px;
    margin-left: 10px;
}

#s_dropmenu .select_s li {
    height: auto;
    font-size: 12px;
}

#t_dropmenu {
    top: 34px;
    right: 0;
    left: auto;
    min-width: 200px;
}

#t_dropmenu:before,#t_dropmenu:after {
    right: 9px;
    left: auto;
}

#t_dropmenu .tip {
    display: none;
    text-align: center;
}

#t_dropmenu dl {
    border-bottom: 1px #ddd solid;
    position: relative;
    height: 42px;
}

#t_dropmenu dt {
    position: absolute;
    top: 5px;
    left: 5px;
}

#t_dropmenu dd {
    margin-left: 37px;
    position: relative;
    padding: 5px;
}

#t_dropmenu h4 {
    height: 1.5em;
    font-size: 12px;
    line-height: 1.5em;
}

#t_dropmenu .detail {
    margin-right: 120px;
}

#t_dropmenu .info {
    line-height: 32px;
    position: absolute;
    top: 5px;
    right: 5px;
}

#t_dropmenu .price {
    font-style: normal;
    font-size: 14px;
}

#t_dropmenu .del {
    text-indent: 100px;
    overflow: hidden;
    margin: -2px 4px 0;
}

#t_dropmenu .gift {
    display: block;
    width: 20px;
    height: 21px;
    background: url(../images/gift.png) no-repeat;
    margin: 6px 3px 0 0;
}

#t_dropmenu .pay {
    background: #ffe;
    text-align: right;
    line-height: 1em;
    display: table;
    width: 100%;
}

#t_dropmenu .pay .btc {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding: 10px;
}

#t_dropmenu h5 {
    line-height: 1.7em;
    font-size: 14px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 10px 15px;
}

#t_dropmenu h5 .price {
    font-weight: 400;
    font-size: 16px;
}

#t_dropmenu div.loading {
    text-indent: 31px;
    height: 42px;
    line-height: 42px;
    background: #fff url(../images/loading.gif) 10px center no-repeat;
    border-bottom: 1px #eee solid;
    padding: 0;
}

#t_dropmenu a.loading,#t_dropmenu a.loading:hover {
    width: 16px;
    display: inline;
    zoom: 1;
    margin-right: 1px;
    background: url(../images/loading.gif);
    padding: 0;
}

#e_dropmenu {
    font-size: 11px;
    letter-spacing: 0;
    width: 240px;
    color: #fff;
    padding: 10px 15px;
}

#e_dropmenu .select_d {
    width: 203px;
    z-index: auto;
    margin: 5px 0;
}

#e_dropmenu .select_d ul {
    box-shadow: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 200;
}

#e_dropmenu .select_d li {
    height: 2.5em;
    display: block;
    font-size: 11px;
}

#e_dropmenu .select_d a {
    color: #999;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 10px;
}

#e_dropmenu .select_d a:hover {
    color: #000;
    background: #eee;
}

#e_dropmenu .text {
    border: none;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    box-shadow: none;
    width: 206px;
}

#e_dropmenu .loading {
    background-image: url(../images/loading2.gif);
    height: 14px;
}

#e_dropmenu .button_wrapper {
    width: 215px;
    text-align: center;
    margin-top: 5px;
}

.headerlogo {
background-image: url(../images/logo.jpg);
background-color: #d0ebf2;
padding-bottom: 135px;
background-repeat: no-repeat;
background-position: center center;
box-shadow: inset rgba(0,0,0,0.1) 0 -2px 2px;
}

#subnav {
    background-color: #ececec;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: inset rgba(0,0,0,0.1) 0 -2px 2px;
    min-width: 960px;
    height: 80px;
    position: relative;
}

#subnav .inner {
    width: 930px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}

#subnav .link {
    position: absolute;
    left: 25px;
    bottom: 0;
    height: 2.6em;
    line-height: 2.6em;
    color: #000;
}

#page_tab {
    height: 28px;
    position: absolute;
    bottom: 0;
    right: 15px;
}

#page_tab a {
    display: inline;
    zoom: 1;
    vertical-align: bottom;
    height: 28px;
    background: #f9f9f9;
    margin-left: 1px;
    font-weight: 700;
    line-height: 28px;
    border-radius: 2px 2px 0 0;
    color: #999;
    box-shadow: inset rgba(0,0,0,.02) 0 -2px 1px 1px -1px 0;
    text-shadow: #fff 0 1px 0;
    padding: 0 10px;
}

#page_tab a:before {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/icon.png);
    float: left;
    opacity: .6;
    margin: 5px 5px 0 -2px;
}

#page_tab a.home:before {
    background-position: 0 -420px;
    margin: 5px 4px 0 -5px;
}

#page_tab a.gold:before {
    background-position: -20px -420px;
}

#page_tab a.item:before {
    background-position: -40px -420px;
}

#page_tab a.levelup:before {
    background-position: -60px -420px;
    margin: 5px 4px 0 -5px;
}

#page_tab a.card:before {
    background-position: -80px -420px;
}

#page_tab a.merchandise:before {
    background-position: -100px -420px;
}

#page_tab a.current,#page_tab a:hover {
    background: #fff;
    box-shadow: rgba(0,0,0,.05) 2px -1px 1in rgba(255,255,255,.5) 1px 1px 0 rgba(0,0,0,.03) 0 .6em .6em;
    color: #333;
    text-decoration: none;
}

#subnav.game,#subnav.mall {
    background-image: url(../images/game.gif);
}

#subnav.card {
    background-image: url(../images/card.gif);
}

#subnav.supply {
    background-image: url(../images/sell.gif);
}

#subnav.news {
    background-image: url(../images/news.gif);
}

#subnav.register {
    background-image: url(../images/register.gif);
}

#subnav.login {
    background-image: url(../images/login.gif);
}

#subnav.home {
    background-image: url(../images/control_panel.gif);
}

#subnav.merchandies {
    background-image: url(../images/merchandies.gif);
}

.box_tab {
    height: 32px;
    padding-left: 10px;
}

.box_tab li {
    display: inline;
    zoom: 1;
    border: 1px #ddd solid;
    border-radius: 4px 4px 0 0;
    height: 30px;
    background: #eee;
}

.box_tab a {
    display: block;
    width: auto;
    border: 1px #fff solid;
    border-radius: 3px 3px 0 0;
    height: 28px;
    line-height: 28px;
    color: #555;
    text-shadow: #fff 1px 1px 0;
    font-size: 13px;
    font-weight: 700;
    padding: 0 10px;
}

.box_tab li.current {
    background: #fff;
    border-bottom: 1px #fff solid;
}

.news_list {
    border: 1px #ddd solid;
    margin-top: -1px;
    font-size: 0;
    letter-spacing: -5px;
    padding: 10px;
}

.news_list li {
    width: 265px;
    display: inline;
    zoom: 1;
    font-size: 11px;
    vertical-align: top;
    letter-spacing: 0;
    line-height: 1.3em;
    color: #777;
    margin: 5px 10px;
}

.news_list li a.title {
    display: block;
    font-weight: 700;
    font-size: 1.1em;
    font-family: Tahoma,Geneva,sans-serif;
    margin-bottom: 10px;
}

.news_list li a {
    display: block;
    width: auto;
}

#footer h2,#pay_mtd a,#pay_mtd a i,#pay_mtd li,#ctc_mtd .social a,#footer_nav,.sicon i,.social_icon_line {
    background: url(../images/footer.png) no-repeat;
}

#footer .inner_wrapper {
    width: 750px;
    margin: 0 auto;
    padding: 20px 15px 5px;
}

#footer a {
    color: #ffd943;
}

#footer aside {
    float: left;
    width: 220px;
}

#footer .content {
    margin-left: 240px;
}

#footer h2 {
    width: 220px;
    height: 33px;
    background-position: 0 0;
    text-indent: -999px;
    margin: 0 0 20px;
}

#footer aside p {
    color: #ccc;
    font-size: 11px;
}

#pay_mtd {
    height: 28px;
    background: #eee;
    box-shadow: inset rgba(0,0,0,.3) 1px 1px 2px;
    border-radius: 3px;
}

#pay_mtd ul {
    height: 22px;
    padding: 3px;
}

#pay_mtd li {
    display: block;
    float: left;
    vertical-align: top;
    height: 22px;
    text-indent: -9999px;
    margin: 0px 17px 0px 17px;
}

#pay_mtd li.p01 {
    background-position: 0 -42px;
    width: 56px;
}

#pay_mtd li.p02 {
    background-position: -84px -43px; 
    width: 51px;
    height:20px;
}

#pay_mtd li.p03 {
    background-position: -160px -43px;
    width: 39px;
    height:23px
}

#pay_mtd li.p04 {
    background-position: -19px -71px;
    width: 21px;
    height:23px;
}

#pay_mtd li.p05 {
    background-position: -74px -72px;
    width: 102px;
    height:20px;
}

#pay_mtd li.p06 {
    background-position: -190px -72px;
    width: 16px;
    height:20px
}

#pay_mtd li.p07 {
    padding-left: 20px;
}

#pay_mtd a {
    float: right;
    height: 23px;
    line-height: 22px;
    background-position: 0 -160px;
    position: relative;
    color: #777;
    font-size: 11px;
    text-shadow: #fff 0 1px 0;
    margin: 3px 8px 0 0;
    padding: 0 5px 0 10px;
}

#pay_mtd a i {
    position: absolute;
    display: block;
    width: 5px;
    height: 23px;
    background-position: right -160px;
    top: 0;
    right: -5px;
}

#pay_mtd a:hover {
    color: #333;
    text-decoration: none;
}

#ctc_mtd {
    font-size: 0;
    letter-spacing: -5px;
    padding-left: 13px;
    text-shadow: rgba(0,0,0,.2) 1px 1px 0;
    padding-top: 10px;
}

#ctc_mtd dl {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    font-size: 12px;
    letter-spacing: 0;
}

#ctc_mtd dt {
    color: #fff;
    font-weight: 700;
    margin: 10px 10px 5px 0;
}

#ctc_mtd em {
    color: #ffd943;
    font-style: normal;
}

#ctc_mtd small {
    font-size: 10px;
    display: block;
    color: #ddd;
    font-weight: 400;
}

#ctc_mtd .social a,.sicon i,.social_icon_line {
    display: inline;
    zoom: 1;
    vertical-align: top;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 2px;
}

#ctc_mtd a.facebook,.sicon.facebook i {
    background-position: 0 -200px;
    width: 20px;
}

#ctc_mtd a.twitter,.sicon.twitter i {
    background-position: -27px -200px;
    width: 20px;
}

#ctc_mtd a.youtube,.sicon.youtube i {
    background-position: -54px -200px;
    width: 50px;
}

#ctc_mtd a.google,.sicon.google i {
    background-position: -111px -200px;
    width: 20px;
}

#ctc_mtd a.sina,.sicon.sina i {
    background-position: -138px -200px;
    width: 20px;
}

#ctc_mtd a.tencent,.sicon.tencent i {
    background-position: -165px -200px;
    width: 20px;
}

#ctc_mtd a.pinterest,.sicon.pinterest i {
    background-position: -192px -200px;
    width: 20px;
}

.social_icon_line {
    background-position: -141px -200px;
    width: 20px;
}

#footer_nav {
    text-align: center;
    background-position: 0 -240px;
    background-repeat: repeat-x;
    font-size: 11px;
    text-shadow: rgba(0,0,0,.2) 1px 1px 0;
    color: #fff;
    font-weight: 700;
    margin: 20px 0 0;
    padding: 20px 0 10px;
}

#footer_nav a {
    font-weight: 400;
    clear: both;
    /* margin: 10px 10px 0 0; */
}

#footer_nav a:first-child {
    margin-left: 10px;
}

#footer .goog-te-gadget {
    color: #ddd;
    margin-top: 10px;
}

.server_list {
    margin: 20px 0;
}

.server_list .select_d {
    box-shadow: #fff 1px 1px 0 #eee 0 2px 2px;
}

.server_list .select_d li {
    border: none;
    margin-top: -1px;
    margin-bottom: 1px;
    height: 2em;
}

.server_list .select_d a {
    height: 2em;
    line-height: 2em;
    margin: 0;
}

.server_list li {
    height: 2.5em;
    line-height: 2.5em;
    border: 1px #ddd solid;
    margin-top: -1px;
}

.server_list li.title {
    background: #f90;
    font-size: 14px;
    height: auto;
    line-height: 2em;
    border-radius: 4px 4px 0 0;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-family: Tahoma,Geneva,sans-serif;
    font-weight: 700;
    padding: 6px 10px;
}

.server_list li.title2 {
    height: auto;
    line-height: 2em;
    background: #eee;
    padding: 6px 10px;
}

.server_list li.title2 .select_d {
    width: 140px;
}

.server_list li.select {
    padding: 6px 10px 7px;
}

.server_list a {
    display: block;
    height: 2.5em;
    color: #555;
    padding: 0 1em;
}

.server_list a:hover {
    background: #eee;
    text-decoration: none;
    color: #000;
}

#item_list {
    border: 1px #ddd solid;
    margin-bottom: 30px;
}

#item_list .img {
    max-width: 50px;
    max-height: 50px;
}

.news_listA dt {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding: 10px 0 0;
}

.news_listA dt time {
    font-size: 11px;
    color: #999;
    font-style: normal;
    font-weight: 400;
}

.news_listA dd {
    border-bottom: 1px #ddd dotted;
    margin: 10px 0 0;
    padding: 0 0 10px;
}

.news_listA dd p {
    margin: 1em 0;
}

.pager {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    font-size: 0;
}

.pager li {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    font-size: 11px;
    margin-right: 1px;
}

.pager a {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    background: #eee;
    color: #555;
    border-radius: 2px;
    padding: 0 .5em;
}

.pager a:hover {
    color: #000;
    text-decoration: none;
    background: #ddd;
}

.pager li.current a {
    background: none;
    color: #000;
    cursor: default;
}

.text_wrapper {
    width: 800px;
    margin: 0 auto;
}

.newscontent p {
    margin: 1.5em 0;
}

.newscontent ul,.newscontent ol {
    padding-left: 3em;
}

.newscontent li {
    margin: .5em 0;
}

.newscontent ul li {
    list-style-type: disc;
}

.newscontent ol li {
    list-style-type: decimal;
}

.newscontent time {
    font-size: 11px;
    display: block;
    color: #999;
    font-style: normal;
    font-weight: 400;
    text-align: right;
}

#fv_helloword {
    text-align: center;
    color: #84ad2f;
    border-bottom: 1px #eee solid;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 0 0 20px;
    padding: 15px 10px 25px;
}

#fv_helloword.alertword {
    color: #f90;
    font-size: 24px;
}

#fv_dec,#fv_form {
    display: inline;
    zoom: 1;
    vertical-align: top;
}

#fv_dec {
    width: 175px;
    padding: 0 15px 0 10px;
}

#fv_dec i.settingbt {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    background: #51759c url(../images/icon.png) -61px -129px;
    width: 18px;
    height: 18px;
    text-indent: 999px;
    overflow: hidden;
    border-radius: 2px;
}

#fv_form {
    margin-bottom: 10px;
    width: 300px;
}

#fv_form dt,#fv_form dd {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-bottom: 5px;
}

#fv_form dt {
    width: 80px;
    text-align: right;
    margin-right: 5px;
}

#fv_form .select_s {
    width: 150px;
    font-weight: 700;
}

.login_register {
    border: 1px #ddd solid;
    border-radius: 4px;
    position: relative;
    margin: 20px 0;
}

.login_register h1 {
    font-size: 16px;
    border-bottom: 1px #ddd solid;
    background: #ececec;
    border-radius: 4px 4px 0 0;
    padding: 0 20px;
}

.login_register .h1link {
    position: absolute;
    top: 0;
    right: 20px;
    margin-top: 15px;
}

.login_register .info {
    width: 300px;
    float: left;
    border-right: 1px #ddd solid;
    padding-bottom: 20px;
}

.login_register .info p {
    line-height: 2em;
    padding: 20px;
}

.login_register .info p.account_info {
    border: 1px #ddd solid;
    height: 52px;
    background: #ececec;
    line-height: 1.8em;
    margin: 10px;
    padding: 10px;
}

.login_register .info p.account_info img {
    border: 2px #fff solid;
    width: 48px;
    height: 48px;
}

.login_register .form_wrapper {
    border-left: 1px #ddd solid;
    margin-left: 300px;
    position: relative;
    padding: 15px 0;
}

.login_register .alert {
    border: 1px #fc9 solid;
    background: #ffc;
    border-radius: 0;
    box-shadow: none;
    margin: 10px 20px;
    padding: 10px 20px;
}

.login_register .tab {
    position: absolute;
    top: -40px;
    right: 15px;
    font-size: 0;
    letter-spacing: -5px;
    white-space: nowrap;
}

.login_register .tab li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    height: 40px;
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 5px;
}

.login_register .tab a {
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    border: 1px #ddd solid;
    border-radius: 4px 4px 0 0;
    color: #555;
    text-decoration: none;
    background: #f2f2f2;
    padding: 0 20px;
}

.login_register .tab li.current a {
    border-bottom-color: #fff;
    background: #fff;
    color: #000;
}

.formdl dt,.formdl dd {
    line-height: 2em;
    min-height: 2em;
    padding: 0;
}

.formdl dt {
    float: left;
    width: 20%;
    clear: both;
}

.formdl dd {
    margin-left: 0;
    margin-bottom: 10px;
}

.formdl dd .note {
    font-size: 11px;
    color: #c4c4c4;
    line-height: 1.3em;
    margin: .5em 10px 0 0;
}

.formdl dd .tips-error {
    color: #f90;
}

.pcmc {
    margin: 0 auto;
}

.tabledl dt,.tabledl dd {
    line-height: 1.2em;
    margin-bottom: 5px;
    min-height: 1.2em;
    padding: .2em 0;
}

.tabledl dt {
    float: left;
    width: 100px;
    clear: both;
}

.tabledl dd {
    margin-left: 110px;
    word-break: break-all;
}

.scm_cnt {
    margin: 15px 0;
}

.scm_cnt .f,.scm_cnt .t,.scm_cnt .g,.scm_cnt .q,.scm_cnt .w,.scm_cnt .p,.scm_cnt .y,.scm_cnt .vk {
    display: block;
    width: 32px;
    height: 32px;
    background: #ccc url(../images/login_social.png) no-repeat;
    border-radius: 3px;
    margin: 0 10px 10px 0;
}

.scm_cnt .f {
    background-position: 0 0;
}

.scm_cnt .f:hover {
    background-color: #3b589c;
}

.scm_cnt .t {
    background-position: -32px 0;
}

.scm_cnt .t:hover {
    background-color: #4cc8f4;
}

.scm_cnt .g {
    background-position: -64px 0;
}

.scm_cnt .g:hover {
    background-color: #006ec8;
}

.scm_cnt .q {
    background-position: -96px 0;
}

.scm_cnt .q:hover {
    background-color: #37a6d1;
}

.scm_cnt .w {
    background-position: -128px 0;
}

.scm_cnt .w:hover {
    background-color: #ffc000;
}

.scm_cnt .p {
    background-position: -160px 0;
}

.scm_cnt .p:hover {
    background-color: #195d82;
}

.scm_cnt .y {
    background-position: -192px 0;
}

.scm_cnt .y:hover {
    background-color: #9a05d2;
}

.scm_cnt .vk {
    background-position: -225px 0;
}

.scm_cnt .vk:hover {
    background-color: #436c98;
}

.account_info {
    border: 1px #ccc solid;
    background: #fff;
    font-size: 11px;
    line-height: 1.5em;
    box-shadow: inset rgba(0,0,0,.05) 1px 1px 1px 0 1px 0;
    margin: 0 -5px;
    padding: 5px;
}

.account_info strong {
    font-size: 12px;
    text-transform: capitalize;
    color: #000;
}

#connectTab {
    margin-bottom: 40px;
}

#connectTab li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    width: 46%;
    position: relative;
    text-align: center;
    margin: 0 20px 0 0;
}

#connectTab a {
    display: block;
    background: #eee;
    border: 1px transparent solid;
    float: left;
    width: 100%;
    border-radius: 3px;
    color: #999;
    padding: 20px 0;
}

#connectTab p {
    font-size: 2.3em;
    line-height: 1em;
    letter-spacing: -1px;
    margin-bottom: 10px;
    text-shadow: rgba(255,255,255,.7) 0 1px 0;
}

#connectTab small {
    font-size: 11px;
    font-weight: 700;
    text-shadow: rgba(255,255,255,.7) 0 1px 0;
}

#connectTab li.current a {
    background: #ffc;
    position: relative;
    border: 1px #fc0 solid;
    color: #f90;
}

#connectTab li.current a:hover {
    cursor: pointer;
}

#connectTab li.current a:after,#connectTab li.current a:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
}

#connectTab li.current a:after {
    border: 10px transparent solid;
    border-top-color: #ffc;
    margin: 0 0 -20px -10px;
}

#connectTab li.current a:before {
    border: 10px transparent solid;
    border-top-color: #fc0;
    margin: 0 0 -21px -10px;
}

dl.bottom_full {
    border-top: 1px #ddd solid;
    position: absolute;
    bottom: 0;
    width: 100%;
}

dl.bottom_full dd {
    text-indent: 20px;
    margin-bottom: 10px;
}

.pay_note {
    border-top: 1px #eee solid;
    margin-top: 15px;
    padding: 15px 20px;
}

.pay_note ul {
    padding: 5px 15px;
}

.pay_note ul li {
    list-style-position: outside;
    list-style-type: circle;
    margin: 10px 0 10px 5px;
}

.payment_select {
    border: 1px #ddd solid;
    background: #eee;
    margin: -1px 20px 0;
}

.payment_select dt {
    padding: 10px;
}

#pay_mtd_wrp {
    border-top: 1px #ddd solid;
    padding: 20px;
}

#pay_mtd_wrp .dextab:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

#pay_mtd_wrp .dextab li {
    display: block;
    float: left;
    margin-right: -1px;
}

#pay_mtd_wrp .dextab li a {
    box-shadow: none;
    float: inherit;
    font-weight: 400;
    border-radius: 0;
    padding: 5px 10px;
}

#pay_mtd_wrp .banks {
    padding-left: 30px;
    margin-bottom: 15px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 15px;
}

#pay_mtd_wrp .banks li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin: 0 0 20px 30px;
    padding: 0;
}

#pay_mtd_wrp .banks label {
    display: block;
    cursor: pointer;
    min-width: 140px;
    border: 1px #ddd solid;
    margin: 2px;
}

#pay_mtd_wrp .banks input:checked+label {
    border: #f90 3px solid;
    box-shadow: #f90 0 0 10px;
    margin: 0;
}

#pay_mtd_wrp .banks .img {
    display: block;
    height: 22px;
    padding: 10px;
}

#pay_mtd_wrp .banks .name {
    display: block;
    height: 19px;
    line-height: 19px;
    font-size: 11px;
    font-weight: 700;
    background: #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px #ddd solid;
    padding: 0 10px;
}

.topUp_text {
    height: 15px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
    text-align: right;
    padding: 12px 5px;
}

.topUp_text i {
    display: inline-block;
    width: 12px;
    height: 18px;
    background: url(../images/icon_topUp2.png) no-repeat;
    position: relative;
    top: -5px;
}

.topUp {
    margin: 5px 19px 0 0;
}

.topUp_text2 {
    height: 28px;
    font-size: 15px;
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
}

.topUp_text2 i {
    display: inline-block;
    width: 13px;
    height: 18px;
    background: url(../images/icon_topUp1.png) no-repeat;
    position: relative;
    top: -5px;
}

.tr_z {
    height: 28px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
    text-align: right;
    margin-top: 18px;
    white-space: nowrap;
    padding: 5px;
}

#payMtdWwrp_z {
    border-top: 1px #ddd dotted;
    padding: 20px 20px 20px 0;
}

#payMtdWwrp_z .banks {
    padding-bottom: 15px;
}

#payMtdWwrp_z .banks li {
    display: inline;
    zoom: 1;
    position: relative;
    margin: 0 0 20px 10px;
    padding: 0;
}

#payMtdWwrp_z .banks label {
    display: block;
    cursor: pointer;
    border: 1px #ddd solid;
    background: #FAFAFA;
    margin: 2px;
}

#payMtdWwrp_z .banks .img {
    display: inline-block;
    width: 110px;
    height: 70px;
    border-right: 1px #ddd solid;
    text-align: center;
}

#payMtdWwrp_z .banks img {
    margin-top: 28px;
}

#payMtdWwrp_z .banks .name {
    display: inline-block;
    width: 190px;
    height: 60px;
    white-space: normal;
    overflow-y: auto;
    vertical-align: top;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #5A5959;
    padding: 5px;
}

#balance_wrp,#prepaid_wrp {
    display: inline;
    zoom: 1;
    vertical-align: top;
    width: 45%;
}

#prepaid_wrp {
    border-left: 1px #ddd solid;
    width: 50%;
    padding: 10px 0 0 20px;
}

#prepaid_wrp h3 {
    font-size: 11px;
    margin-bottom: 10px;
}

#prepaid_list li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-bottom: 15px;
}

#prepaid_list a {
    display: block;
    font-size: 10px;
    border: 1px #ccc solid;
    border-radius: 3px;
    position: relative;
    padding: 6px 0;
}

#prepaid_list img {
    height: 28px;
    margin: 4px 0 0 10px;
}

#prepaid_list a.website2 {
    border: none;
    height: 14px;
    line-height: 14px;
    margin-top: 10px;
    background: url(../images/tipicon.gif) 0 0 no-repeat;
    padding: 0 0 0 20px;
}

.ap_wrapper {
    background: #fff;
    border: 1px #c7c7c7 solid;
    border-radius: 6px;
    box-shadow: inset rgba(0,0,0,.08) 1px 1px 0 0 1px 0;
    overflow: hidden;
}

.ap_wrapper dl {
    clear: both;
    border-top: 1px #e3e3e3 solid;
    margin-top: -1px;
}

.ap_wrapper dt {
    float: left;
    width: 120px;
    min-height: 24px;
    margin-right: 15px;
    line-height: 24px;
    border-right: 1px #e3e3e3 solid;
    padding: 10px 20px;
}

.ap_wrapper dd {
    min-height: 24px;
    line-height: 24px;
    padding: 10px 20px;
}

.bk_logo {
    line-height: 36px;
    border: 1px #ddd solid;
    display: inline;
    zoom: 1;
    vertical-align: middle;
    background: #fff;
    font-size: 16px;
    padding: 5px 10px;
}

.bk_acc {
    font-family: avgardd,Arial;
    font-size: 30px;
    font-weight: lighter;
    color: #f60;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: -2px 0 -4px;
}

.bk_holder,.bk_type {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    color: #333;
    display: block;
    height: 20px;
    line-height: 20px;
}

.guide_box {
    float: right;
    border: 1px #ddd solid;
    border-radius: 4px;
    background: #ffc;
    width: 150px;
    font-size: 11px;
    margin: 10px;
    padding: 10px 15px;
}

.guide_box title {
    display: block;
    background: #fd7;
    height: 2em;
    line-height: 2em;
    border-radius: 2px;
    color: #333;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: 700;
    font-size: 12px;
    margin: -5px -10px 5px;
    padding: 0 10px;
}

#recentP table td p {
    max-width: 450px;
    white-space: normal;
}

#profileE {
    border-top: 1px #ccc dotted;
}

#profileE h3 {
    background: #eee;
    border-bottom: 1px #ccc dotted;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
}

#profileE h3 i {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    border: 1px #ddd solid;
    height: 15px;
    width: 15px;
    background: #fff url(../images/select_arrow.gif) 4px center no-repeat;
    text-indent: -999px;
    overflow: hidden;
    margin: -3px 6px 0 -3px;
}

#profileE .detail {
    border-bottom: 1px #ccc dotted;
    background: #ffe;
    position: relative;
    padding: 10px 30px;
}

#profileE .savebtw {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#content.home #content_r {
    width: 729px;
    border-left: 1px #ddd dotted;
    min-height: 500px;
    padding-bottom: 40px;
}

#content.home h3,#content.home h1 {
    font-size: 16px;
    height: 3em;
    line-height: 3em;
    border-bottom: 1px #ddd dotted;
    padding: 0 10px;
}

#content.home h1 {
    padding: 0 30px;
}

.acc_info {
    border: 1px #ddd solid;
    padding: 10px;
}

.acc_info h5 {
    height: 1.5em;
    line-height: 1.5em;
    border-bottom: 1px #ddd dotted;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.acc_info h5 .user_avatar {
    width: 24px;
    height: 21px;
    display: inline-block;
    background: url(../images/user_icon.gif);
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.acc_info .formdl {
    line-height: 2em;
    margin: 0 0 0 35px;
}

.acc_info .formdl dt {
    width: 90px;
    font-weight: 700;
}

.acc_info .formdl dd {
    margin-left: 90px;
    margin-bottom: 3px;
}

.acc_info table {
    border-collapse: collapse;
}

.acc_info th,.acc_info td {
    border: 1px #ddd solid;
    width: 100%;
    white-space: nowrap;
    font-size: 13px;
    padding: 6px 10px;
}

.acc_info hr {
    height: 0;
    border: none;
    border-top: 1px #ddd solid;
}

.socialbox {
    border: 1px #ccc solid;
    background: #eee;
    box-shadow: rgba(0,0,0,.1) 0 1px 1in rgba(255,255,255,.5) 1px 1px 0;
    padding: 5px 10px;
}

.socialbox.loading {
    background: url(../images/loading.gif) 10px center no-repeat;
    text-align: left;
    text-indent: 25px;
}

.home_menu a {
    display: block;
    height: 3em;
    line-height: 3em;
    text-indent: 10px;
    text-transform: capitalize;
}

.home_menu a:hover {
    background: #f8f8f8;
    text-decoration: none;
}

.home_menu li.current a {
    background: #ffd;
    color: #000;
}

.home_filter .pager {
    border: none;
    white-space: nowrap;
    padding: 0;
}

.home_filter .pager a {
    background: #ddd;
    color: #555;
}

.home_filter .pager a:hover {
    background: #f90;
    color: #fff;
}

.home_filter .pager li.current a {
    background: none;
    color: #000;
}

.home_filter .box_tab {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 9;
}

.home_filter .box_tab a {
    position: relative;
    padding: 0 15px;
}

.home_filter .select_d {
    margin: -5px 0 0;
}

.table_wrapper td.info {
    text-align: center;
    padding: 20px;
}

#msg_wrp {
    border: 1px #ddd solid;
    position: relative;
}

#msg_wrp ul {
    border-top: 1px #ddd dotted;
    position: relative;
    color: #555;
    padding: 10px 250px 10px 35px;
}

#msg_wrp li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    line-height: 1.5em;
    min-height: 1.5em;
}

#msg_wrp .check {
    position: absolute;
    top: 12px;
    left: 12px;
    line-height: 0;
}

#msg_wrp .check input {
    margin: 0;
    padding: 0;
}

#msg_wrp .time {
    position: absolute;
    right: 130px;
    top: 10px;
    width: 110px;
    font-size: 11px;
}

#msg_wrp .sender {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 110px;
}

#msg_wrp .info {
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.paymentwrp {
    background: #ffd;
    border: 1px #bbb solid;
    margin-bottom: 10px;
    box-shadow: rgba(0,0,0,.1) 0 1px 1in #fff 1px 1px 0;
    line-height: 2em;
    padding: 5px;
}

.paymentwrp .tukimenu .menu {
    left: auto;
    right: 0;
    top: 25px;
}

.paymentwrp .tukimenu .textarea {
    width: 200px;
    height: 4.5em;
    resize: vertical;
}

.paymentinfo {
    border-top: 1px #ddd solid;
    margin-top: 5px;
    padding-top: 5px;
}

#pay_box {
    border: 1px #ddd solid;
    border-top: none;
    margin-bottom: 20px;
    text-align: right;
    padding: 6px 10px;
}

#pay_box .price {
    font-size: 16px;
    margin: 0 20px 0 0;
}

#topstep {
    width: 910px;
    text-align: right;
    margin: 0 auto;
    padding: 0 0 0 20px;
}

#topstep h1 {
    font-size: 2em;
    display: inline;
    float: left;
}

#topstep_ul {
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    height: 35px;
    border: 1px #999 solid;
    margin-top: 1.5em;
}

#topstep_ul li {
    height: 35px;
    float: left;
    line-height: 35px;
    color: #999;
    font-weight: 700;
    font-size: 11px;
    background: url(../images/step_blue.png) 0 0 repeat-x;
    position: relative;
    z-index: 1;
    padding: 0 15px;
}

#topstep_ul li:before {
    content: '';
    display: block;
    width: 15px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: url(../images/step_blue.png) 0 -36px repeat-x;
}

#topstep_ul li:first-child {
    border-radius: 3px 0 0 3px;
    padding: 0 15px 0 0;
}

#topstep_ul li:last-child {
    border-radius: 0 3px 3px 0;
}

#topstep_ul b {
    color: #777;
    font-family: avgardd;
    font-size: 30px;
    display: block;
    height: 35px;
    float: left;
    padding: 0 10px;
}

#topstep_ul.step4 li:nth-child(1) {
    background-position: 0 -288px;
}

#topstep_ul.step4 li:nth-child(2):before {
    background-position: 0 -324px;
}

#payinfo {
    width: 930px;
    min-height: 500px;
    border: 1px #ccc solid;
    background: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: #fff 0 1px 0;
    position: relative;
    overflow: hidden;
    margin: 0 auto 20px;
}

#payinfo .icon_check {
    display: block;
    width: 61px;
    height: 61px;
    background: url(../images/check.gif);
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px;
}

#payinfo h1 {
    height: 2em;
    margin: 0 0 0 100px;
    padding: 0 0 .3em;
}

#payinfo h2 {
    float: right;
    border: 1px #eee solid;
    line-height: 2em;
    border-radius: 4px;
    color: #777;
    background: #ffc;
    font-weight: 400;
    margin: 20px 20px 0 0;
    padding: 0 1em;
}

#payinfo p.info {
    line-height: 1.8em;
    color: #999;
    font-size: 11px;
    margin: 0 0 0 100px;
}

#payinfo .tablewrp,#payinfo .notewrp {
    border-top: 1px #ddd solid;
}

#content.payinfo nav {
    text-align: right;
    line-height: 3em;
    width: 80%;
    max-width: 860px;
    margin: 0 auto;
    padding: 0 20px;
}

#content.payinfo nav a {
    margin: 0 0 0 10px;
}

.dextab.country {
    white-space: normal;
    border: none;
}

.dextab.country li {
    width: 20%;
    border-bottom: 1px #ddd solid;
    display: block;
    float: left;
    box-shadow: #ddd 1px 0 0;
    margin: 0;
}

.dextab.country a {
    border: none;
    box-shadow: none;
    background: none;
    float: none;
    padding: 8px 0;
}

.dextab.country li.current a {
    background: rgba(255,255,0,.2);
}

.country img {
    vertical-align: middle;
    border-bottom: 1px #ddd solid;
    height: 20px;
    margin: 0 7px 0 10px;
}

.country_acc {
    border-top: 1px #ddd solid;
    display: none;
    margin-top: -1px;
}

.country_acc article {
    border-top: 1px #ddd solid;
    text-align: justify;
    line-height: 1.4em;
    padding: 10px 25px;
}

.country_acc article.warning {
    background: #ffc;
    color: #333;
}

.country_acc .detail li {
    list-style: disc;
    margin: 10px 0;
}

.country_acc article p {
    margin-bottom: 15px;
}

.bank_acc_list {
    padding: 20px;
}

.bank_acc_list dt {
    margin: 0 0 20px;
}

.bank_acc_list dd {
    border: 1px #ddd solid;
    display: inline;
    zoom: 1;
    vertical-align: top;
    width: 280px;
    margin: 5px 10px 5px 0;
}

.bank_acc_list dd.big {
    width: 429px;
}

.bank_acc_list dd img {
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.bank_acc_list h4 {
    padding: 8px;
}

.bank_acc_list dd p {
    border-top: 1px #ddd solid;
    line-height: 1.6em;
    font-size: 11px;
    padding: 5px 8px;
}

.bank_acc_list .acc {
    color: #f60;
    font-size: 14px;
}

.acc_img_list {
    margin: 10px 0;
}

.acc_img_list li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: center;
    margin: 4px 0;
}

.del {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    background: url(../images/icon.png) 0 -100px no-repeat;
    width: 13px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
}

.del:hover {
    background-position: -20px -100px;
}

.use {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    color: #555;
    font-size: 10px;
    height: 2em;
    line-height: 2em;
    border-radius: 4px;
    background: #ddd;
    padding: 0 .5em;
}

.sell_setp {
    background: #4e6f96;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    min-height: 20px;
    line-height: 20px;
    text-shadow: rgba(0,0,0,.1) 1px 1px 0;
    margin: 5px 0 5px 20px;
    padding: 10px 0 10px 40px;
}

.sell_setp i {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -5px;
    left: -25px;
    background: #4e6f96;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    border: 5px #fff solid;
    font-family: avgardd;
    font-style: normal;
    font-size: 30px;
}

.intropage p {
    text-align: justify;
    margin: 15px 0;
}

.promotion_box {
    border: 1px #ddd solid;
    box-shadow: inset #fff 0 0 2px 0 0 20px;
    border-radius: 4px;
    width: 193px;
    background: 0;
    padding: 6px 10px;
}

.promotion_box h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #8b8b8b;
    text-shadow: #fff 0 1px 0;
    margin: 0;
}

.promotion_box .clock {
    font-size: 0;
    letter-spacing: -5px;
    white-space: nowrap;
    width: auto;
    height: 50px;
    margin: 5px 0 10px;
}

.promotion_box .clock li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 36px;
    letter-spacing: 0;
    color: #fff;
    background: #f60;
    height: 36px;
    line-height: 36px;
    font-family: avgardd,Arial;
    border-radius: 4px;
    position: relative;
    box-shadow: #fff 0 1px 0 rgba(0,0,0,0.1) 1px 1px 0;
    margin: 1px;
    padding: 3px;
}

.promotion_box .clock i {
    position: absolute;
    font-size: 8px;
    text-transform: uppercase;
    color: #b9b9b9;
    text-shadow: #fff 0 1px 0;
    font-style: normal;
    right: 0;
    bottom: -16px;
    height: 16px;
    line-height: 16px;
    font-family: pixlesfont,Arial;
}

.promotion_box .list {
    border-bottom: 1px #fff solid;
    box-shadow: inset rgba(0,0,0,0.1) 0 -1px 0;
    margin: 0 -10px 5px;
}

.promotion_box .list li {
    font-size: 11px;
    border-top: 1px rgba(0,0,0,0.1) solid;
    box-shadow: inset #fff 0 1px 0;
    text-indent: -12px;
    list-style: inside;
    padding: 5px 10px 5px 20px;
}

.support_games {
    border: 1px #ddd solid;
    border-radius: 4px;
    margin-top: 20px;
    padding: 0 20px;
}

.support_games li {
    display: inline-block;
    width: 23.5%;
    vertical-align: top;
    margin: 0 5px 15px 0;
}

.support_games li a {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
}

.support_games li img {
    float: left;
    margin-right: 6px;
    border-radius: 2px;
    box-shadow: rgba(0,0,0,.2) 0 1px 1px;
}

select {
    height: 2em;
    border: 1px #ccc solid;
    margin: 0;
    padding: 2px;
}

select:hover,select:focus {
    outline: none;
    border: 1px #aaa solid;
}

input.text,input.button {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    border: 1px #ccc solid;
    font-size: 12px;
    line-height: 1.3em;
    background: #fff;
    padding: .3em 4px;
}

input.text {
    box-shadow: inset rgba(0,0,0,.05) 0 1px 1px;
}

input.text:hover,input.text:focus,textarea:hover,textarea:focus {
    border: 1px #aaa solid;
    background-color: #ffe;
    outline: none;
    box-shadow: inset rbga(0,0,0,0.5) 0 2px 2px;
}

input.input-border-red {
    border-color: #f60;
}

input.input-border-green {
    border-color: #0b0;
}

input.input-loading {
    background: url(../images/loading.gif) 97% center no-repeat;
}

.select_d.input-border-red {
    border: 1px #f90 solid;
    box-shadow: rgba(255,153,0,0.5) 0 0 5in #eee 0 2px 2px;
}

.select_d.input-border-green {
    border: 1px #0b0 solid;
    box-shadow: rgba(0,221,0,0.5) 0 0 5in #eee 0 2px 2px;
}

input[type=radio],input[type=checkbox] {
    vertical-align: middle;
    margin: -.3em 0 0;
}

.textarea {
    font-size: 12px;
    line-height: 1.5em;
    border: 1px #ccc solid;
    color: #555;
    box-shadow: inset rgba(0,0,0,.1) 0 1px 1px;
    padding: .3em 4px;
}

.tips {
    display: block;
    color: #555;
    padding: 0 10px;
}

.form_dl {
    font-size: 0;
    letter-spacing: -5px;
    margin: 1px 0;
    padding: 15px 0;
}

.form_dl dt,.form_dl dd {
    display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 2em;
    padding: 5px 0;
}

.form_dl dt {
    width: 18%;
    text-align: right;
    margin-right: 2%;
}

.form_dl dd {
    width: 80%;
}

.form_dl span.tip {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    height: 2em;
    line-height: 2em;
    border-radius: 4px;
    background: #f90;
    color: #000;
    padding: 1px .8em;
}

.form_dl p.note {
    color: #999;
    font-size: 11px;
    line-height: 1.2em;
    padding: .5em 0;
}

#steps {
    background: #ebebeb;
    border-radius: 4px;
    overflow: hidden;
    margin: 20px 0;
}

#steps ul {
    font-size: 0;
    letter-spacing: -5px;
    height: 38px;
}

#steps li {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    letter-spacing: 0;
    color: #999;
    position: relative;
    background: #ebebeb;
    padding: 0 4px 0 16px;
}

#steps li.step1 {
    padding-left: 3px;
    border-radius: 4px 0 0 4px;
}

#steps li i {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    height: 38px;
    font-size: 38px;
    line-height: 38px;
    font-style: normal;
    color: #aaa;
    font-family: Arial;
    padding: 0 6px;
}

#steps li span {
    display: block;
    width: 16px;
    height: 38px;
    background: url(../images/steps.png) -16px -41px no-repeat;
    position: absolute;
    top: 0;
    right: -16px;
    z-index: 10;
}

#steps li.current {
    background: url(../images/steps.png) 0 0 repeat-x;
    color: #5d7527;
    text-shadow: #d0e6a2 1px 1px 0;
}

#steps li.current i {
    color: #6e8836;
    text-shadow: #d0e6a2 1px 1px 0;
}

#steps li.current span {
    background: url(../images/steps.png) 0 -41px no-repeat;
}

.data_table tr:nth-child(4n-3) {
    background: rgba(0,0,0,.01);
}

.data_table tr:nth-child(4n-2),.data_table tr:nth-child(4n) {
    background: rgba(0,0,0,.02);
}

.data_table tr:nth-child(4n-1) {
    background: rgba(0,0,0,.03);
}

.data_table th {
    border: 1px #ddd solid;
    background: #eee;
    text-transform: capitalize;
    padding: 8px 10px;
}

.data_table td {
    border: 1px #ddd solid;
    padding: 8px 10px;
}

.data_table td.icon {
    text-align: center;
    padding: 0;
}

.data_table2 {
    border-collapse: collapse;
    border: 1px #ddd solid;
    width: 100%;
    font-size: 11px;
    text-align: left;
}

.data_table2 th,.data_table2 td {
    border: 1px #ddd dotted;
    border-width: 1px 0;
    padding: 5px 10px;
}

.data_table2 td.dtime,.data_table2 td.num {
    font-family: Tahoma;
    font-size: 11px;
}

.data_table2 .p_name {
    font-size: 12px;
    color: #000;
    display: block;
}

.data_table2 .money {
    text-align: right;
}

.data_table3 {
    border-collapse: collapse;
    width: 100%;
}

.data_table3 tr:hover {
    background: #fafafa;
}

.data_table3 th {
    text-transform: capitalize;
    text-align: left;
    white-space: nowrap;
    padding: 4px 10px;
}

.data_table3 td {
    padding: 8px 10px;
}

.data_table3 td.dtime,.data_table3 td.num {
    font-size: 10px;
    font-family: Tahoma;
}

.data_table3 i.new,.data_table3 i.icon_sys,.data_table3 i.icon_cs,.data_table3 i.icon_user {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png);
    text-indent: -9999px;
}

.data_table3 i.new {
    background-position: -2px -400px;
}

.data_table3 i.icon_sys {
    background-position: -22px -400px;
}

.data_table3 i.icon_cs {
    background-position: -42px -400px;
}

.data_table3 i.icon_user {
    background-position: -62px -400px;
}

.data_table4 {
    width: 100%;
    border: 1px #f90 solid;
    border-collapse: collapse;
}

.data_table4 th {
    background: #f3f3f3;
    text-transform: capitalize;
    color: #333;
}

.table th {
    background: #f8f8f8;
    color: #333;
}

.table tr:hover {
    background: #ffe;
}

.orderA {
    background: #fff;
    margin-top: 5px;
}

.orderA tr:hover {
    background: none;
}

.orderA .title {
    background: #eff8ff;
    line-height: 30px;
    padding: 6px 10px;
}

.orderA .pid {
    width: 50px;
}

.orderA .qty {
    width: 100px;
    text-align: center;
}

.orderA .amt {
    width: 100px;
    text-align: right;
}

.t_icon {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    background-image: url(../images/table_icon.gif);
    background-repeat: no-repeat;
    line-height: 999px;
    overflow: hidden;
}

.s_in {
    width: 29px;
    height: 23px;
    background-position: 0 0;
}

.loading {
    display: block;
    background: url(../images/loading.gif) center center no-repeat;
    text-indent: 100px;
    padding: 10px;
}

#checkoutOrderList a.loading,#checkoutOrderList a.loading:hover {
    width: 16px;
    margin-left: -3px;
    background: url(../images/loading.gif) center center no-repeat;
    padding: 0;
}

.alert {
    background: #ffc;
    font-size: 11px;
    line-height: 1.5em;
    border: 1px #fc9 solid;
    color: #555;
    position: relative;
    margin: 20px 0;
    padding: 10px 20px;
}

.alert .close {
    position: absolute;
    background: #ffc;
    top: 10px;
    right: 10px;
    display: block;
    height: 2em;
    line-height: 2em;
    font-size: 9px;
    border-radius: 4px;
    padding: 0 .8em;
}

.alert strong.title {
    font-size: 14px;
    height: 2em;
    line-height: 2em;
    display: block;
}

.alert li {
    list-style: outside;
    margin: 5px 0 5px 15px;
}

.alert h4 {
    font-size: 14px;
    padding: 10px 0;
}

.alert hr {
    height: 0;
    background: none;
    border: none;
    border-top: 1px #ddd solid;
    margin: 10px 0;
}

#order_comment {
    width: 350px;
    margin-top: 10px;
}

.comment_list li {
    border-top: 1px #fff solid;
    border-bottom: 1px #ddd solid;
    border-left: 1px #fff solid;
    line-height: 1.5em;
    font-size: 11px;
    padding: 5px 8px 3px;
}

.comment_list .name {
    font-weight: 700;
    color: #3B5998;
}

.comment_list .time {
    font-size: 10px;
    display: block;
    color: #999;
}

.comment_list .detail {
    margin: 0 90px 0 0;
}

.process span,.process li:after,.process span:before {
    background: url(../images/order_process.png) no-repeat;
}

.process {
    width: 100%;
    font-size: 0;
    letter-spacing: -5px;
}

.process li {
    display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 11px;
    letter-spacing: 0;
    width: 25%;
    position: relative;
}

.process span {
    display: block;
    background-position: 0 -21px;
    background-repeat: repeat-x;
    border: 1px #ccc solid;
    border-left-width: 0;
    height: 18px;
    line-height: 18px;
    text-indent: 5px;
    text-shadow: rgba(255,255,255,.3) 1px 1px 0;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}

.process li:after {
    display: none\9;
    content: '';
    width: 10px;
    height: 20px;
    background-position: 0 0;
    position: absolute;
    top: 0;
    right: -9px;
    z-index: 10;
}

.process li:first-child span {
    border-left-width: 1px;
    text-indent: 0;
}

.process li:first-child small {
    text-indent: 0;
    padding-left: 6px;
}

.process small {
    display: none;
    font-size: 8px;
    font-family: pixlesfont;
    color: #999;
    padding: 0 5px;
}

.done small,.pending small,.error small {
    display: block;
    text-indent: 4px;
}

.done span:before,.pending span:before,.error span:before {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    content: '';
    margin-right: 2px;
}

.process li.done span {
    background-position: 0 -61px;
    color: #375909;
    border-color: #6a9332;
}

.process li.done span:before {
    background-position: 0 -160px;
}

.process li.done:after {
    background-position: 0 -40px;
}

.process li.pending span {
    background-position: 0 -101px;
    color: #96750e;
    border-color: #cb9f17;
}

.process li.pending span:before {
    background-position: 0 -172px;
}

.process li.pending:after {
    background-position: 0 -80px;
}

.process li.error span {
    background-position: 0 -141px;
    color: red;
    border-color: #f60;
}

.process li.error span:before {
    background-position: 0 -184px;
}

.process li.error:after {
    background-position: 0 -120px;
}

.select_s {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    background: #fff url(../images/select_arrow.gif) right center no-repeat;
    border: 1px #ccc solid;
    line-height: 1.3em;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    box-shadow: inset rgba(0,0,0,.05) 0 1px 1px;
    color: #555;
    font-weight: 400;
    padding: .3em 20px .3em 5px;
}

.select_s h6 {
    font-size: 12px;
    font-weight: inherit;
    text-align: left;
    margin: 0;
}

.select_s h6:before {
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 4px transparent solid;
    border-top-color: #999;
    right: 7px;
    top: 50%;
    margin-top: -2px;
}

.select_s menu {
    position: absolute;
    z-index: 2;
    left: -1px;
    top: 1.83em;
    min-width: 100%;
    background: #fff;
    border: 1px #999 solid;
    box-shadow: rgba(0,0,0,0.3) 0 2px 5px;
    display: none;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.select_s.right menu {
    left: auto;
    right: -1px;
}

.select_s.scroll menu {
    max-height: 300px;
    overflow-y: scroll;
}

.select_s menu li {
    display: block;
    border-top: 1px #ddd dotted;
    line-height: 1.3em;
    text-align: left;
}

.select_s menu a {
    display: block;
    color: #555;
    text-decoration: none;
    padding: .3em 10px;
}

.select_s menu a:hover {
    background: #eee;
    color: #000;
}

.select_s.hover {
    border: 1px #999 solid;
    outline: none;
}

.select_s.hover menu {
    display: inherit;
    border-color: #999;
}

.fb-container {
    width: 290px;
    height: 190px;
    margin-bottom: 10px;
    overflow: hidden;
}

.fb-container>div {
    margin: -1px 0 0 -1px;
}

.h0 {
    height: 0;
}

#favorable {
    position: relative;
    border: 1px #ddd solid;
    margin-bottom: 20px;
    background: #fff;
}

#solist_ctrl a {
    display: block;
    position: absolute;
    width: 30px;
    height: 31px;
    left: 10px;
    top: 50%;
    margin-top: -16px;
    border-radius: 2px;
}

#solist_ctrl a:hover {
    background: #ddd;
}

#solist_ctrl a i {
    display: block;
    width: 13px;
    height: 23px;
    background-image: url(../images/soic.png);
    margin: 4px 0 0 8px;
}

#solist_ctrl a.next i {
    background-position: -14px 0;
}

#solist_ctrl a.disabled {
    pointer-events: none;
}

#solist_ctrl a.disabled i {
    opacity: .5;
}

#solist_wrp {
    overflow: hidden;
    position: relative;
    margin: 20px 40px;
}

.solist_height {
    margin: 5px 40px;
}

#solist {
    white-space: nowrap;
    -webkit-transition: margin-left ease-in-out .2s 0;
    -moz-transition: margin-left ease-in-out .2s 0;
    transition: margin-left ease-in-out .2s 0;
}

#solist>li {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    height: 120px;
    overflow: hidden;
    margin-right: -3px;
    white-space: normal;
    position: relative;
}

#solist .price {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}

#solist>li:hover .sof_wrp,#solist .btlink:hover ~ .sof_wrp,#solist .sof_wrp:hover {
    visibility: visible;
    top: 0;
    opacity: 1;
}

#solist .sof_wrp {
    visibility: hidden;
    position: absolute;
    top: 10px;
    left: 0;
    width: 240px;
    height: 100px;
    background: rgba(0,0,0,.8);
    opacity: 0;
    border-radius: 2px;
    -webkit-transition: all ease-in-out .2s 0;
    -moz-transition: all ease-in-out .2s 0;
    transition: all ease-in-out .2s 0;
    color: #ccc;
    cursor: default;
    padding: 10px 20px;
}

#header_main .fb_iframe_widget {
    position: absolute;
    top: 80px;
    right: 25px;
    height: 20px;
    overflow: hidden;
}

#header .fb_iframe_widget {
    position: absolute;
    top: 28px;
    left: 280px;
    height: 20px;
    overflow: hidden;
}

.edit_t {
    margin-top: 9px;
    margin-right: 10px;
    border-radius: 3px;
    background: #F3F3F3;
    color: #38522d;
    text-shadow: rgba(255,255,255,.3) 0 1px 0;
    box-shadow: inset #FFF 0 0 3px;
    border: 1px #B2B2B2 solid;
    padding: 2px 11px;
}

.address {
    margin-bottom: 5px;
}

.edit_t:hover {
    text-decoration: none;
    color: #000;
    background: #F9F9F9;
    border: 1px #666 solid;
}

#recinfo_t {
    width: 450px;
    background: #FFF;
    box-shadow: #CCC 0 0 2px;
    margin: 30px auto;
    padding: 30px 80px 80px;
}

.fillInfo_t {
    width: 500px;
}

.textareaWdith_t {
    width: 323px;
    height: 48px;
    resize: none;
    border: 1px #CCC solid;
}

.inputWidth_t {
    width: 150px;
}

#area_wrp_t span p {
    display: block;
    margin-left: 62px;
    margin-bottom: 10px;
}

#recinfo_t span[class="tit"] {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
}

#recinfo_t #adr_wrp_t span[class="tit"] {
    margin-top: -42px;
}

.email_tips {
    height: 30px;
    text-align: right;
}

.email_tips_ttt {
    height: 30px;
    text-align: right;
    margin-left: 591px;
}

.email_tipsD_t {
    margin-top: 7px;
}

.EmailS_right_t {
    display: inline-block;
    margin-right: 2px;
}

.EmailS_rightLast_t {
    display: inline-block;
    vertical-align: top;
}

.Specia_offers {
    width: 100%;
    border: 1px #E5E3E3 solid;
    display: block;
    box-shadow: inset #fff 0 0 3px;
    border-bottom: none;
    margin: auto auto 20px;
    padding: 0;
}

.Specia_offers_h2 {
    width: 100%;
    height: 36px;
    color: #000;
    display: table;
    border-bottom: 1px #E5E3E3 solid;
    margin: auto;
    padding: 0;
}

.back_color {
    background: #EEE;
}

.Specia_offers_h2>h2,.Specia_offers_h2>a {
    display: table-cell;
    width: 50%;
    line-height: 36px;
    margin: auto;
    padding: 0;
}

.Specia_offers_h2>h2 {
    text-align: left;
    padding-left: 10px;
}

.Specia_offers_h2>a {
    text-align: right;
    padding-right: 10px;
    text-decoration: none;
    color: #E8712C;
    font-weight: 700;
}

#favorable_tao {
    height: 100%;
    min-height: 270px;
    background: #fff;
    position: relative;
    box-shadow: #ccc 0 0 7px;
    border: 1px #ddd solid;
    padding-bottom: 15px;
}

.Special_type {
    height: 30px;
    display: block;
    color: #000;
    padding: 5px 0 5px 20px;
}

#solist_wrp_tao {
    overflow: hidden;
    position: relative;
}

#solist_wrp_tao #solist_tao {
    border-bottom: 1px #E5E3E3 solid;
}

#solist_wrp_tao #solist_tao>li {
    display: inline-block;
    vertical-align: top;
    width: 281px;
    height: 120px;
    overflow: hidden;
    margin-right: -3px;
    white-space: normal;
    position: relative;
    border-right: 1px #E5E3E3 solid;
    padding: 10px 10px 10px 18px;
}

#solist_wrp_tao #solist_tao>li:last-of-type {
    border-right: none;
}

#solist_tao>li:hover .sof_wrp,#solist .btlink:hover ~ .sof_wrp,#solist .sof_wrp:hover {
    visibility: visible;
    top: 10px;
    opacity: 1;
}

#solist_tao .sof_wrp {
    visibility: hidden;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 240px;
    height: 100px;
    background: rgba(0,0,0,.8);
    opacity: 0;
    border-radius: 2px;
    -webkit-transition: all ease-in-out .2s 0;
    -moz-transition: all ease-in-out .2s 0;
    transition: all ease-in-out .2s 0;
    color: #ccc;
    cursor: default;
    padding: 10px 20px;
}

.facebook_find_us_t {
    float: none;
}

.Specia_offers_game_t {
    width: 290px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    margin: 0 0 33px 26.5px;
}

#facebook_content_l {
    width: 300px;
}

#favorable_tao .btlink h3 {
    display: block;
    padding: 12px 15px 0 1.8em;
}

#favorable_tao .btlink h3.special_type {
    color: #39CEA0;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
    padding-bottom: 10px;
    border-bottom: 1px #F5F5F5 solid;
}

#favorable_tao .btlink p.special_name {
    font-size: 1.3em;
    margin: 1em 0;
    padding: 0 1.5em;
}

p.special_name a:hover {
    color: #FAA11E;
}

#favorable_tao .btlink img {
    width: 100%;
    max-height: 102px;
}

#favorable_tao .btlink .price {
    margin: .7em 0;
    padding: 0 2em;
}

#favorable_tao .btlink .price .original_cost {
    color: #ccc;
    text-decoration: line-through;
}

#favorable_tao .btlink .Special_offers_condition {
    color: #F60;
    display: block;
    margin: .4em 0;
    padding: 0 2em;
}

#favorable_tao .btlink .Special_offers_condition>i {
    color: #555;
    font-style: inherit;
}

#favorable_tao .timer_wrp {
    margin: 5px 0 0;
}

#favorable_tao .timer_wrp ul {
    text-align: center;
    height: 22px;
}

#favorable_tao .countdown li {
    background: #3e4245;
    border-radius: 20px;
    line-height: 14px;
    color: #ccc;
    display: inline-block;
    padding: 4px 6px 4px 4px;
}

#favorable_tao .countdown li:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 5px;
    background: url(../images/soic.png) right top;
}

#favorable_tao .countdown li i {
    font-weight: 700;
    color: #fff;
    font-style: inherit;
}

.sof_wrp_t,.sof_wrp_t2 {
    width: 100%;
    height: 20%;
    filter: alpha(opacity=0);
    opacity: 0;
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    text-align: center;
    transition: .4s ease;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    margin: auto;
}

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

.sof_wrp_t>.bt_buy_now,.sof_wrp_t2>.bt_buy_now {
    display: inline-block;
    background: #FF9E2C;
    line-height: 2.5em;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    filter: alpha(opacity=0);
    margin: 14px 0 0;
    padding: 0 15px;
}

.sof_wrp_t2>.bt_buy_now.on {
    margin: 131px 0 0;
}

.sof_wrp_t>.bt_buy_now:hover,.sof_wrp_t2>.bt_buy_now:hover {
    background: #FFD18B;
}

.sof_wrp_t>.bt_buy_now>input,.sof_wrp_t2>.bt_buy_now>input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.sof_wrp_t>a.Special_purchase:hover {
    text-decoration: underline;
}

.Specia_offers_card:hover>#favorable_tao .sof_wrp_t,.Specia_offers_game_t:hover>#favorable_tao 

.sof_wrp_t {
    opacity: 1;
    bottom: 0;
    filter: alpha(opacity=50);
}

.Specia_offers_card:hover>#favorable_tao .sof_wrp_t 

.bt_buy_now,.Specia_offers_game_t:hover>#favorable_tao .sof_wrp_t .bt_buy_now {
    filter: alpha(opacity=100);
}

.content_r_news {
    width: 612px;
    margin-left: 26px;
    float: right;
    background: #FFF;
    margin-bottom: 20px;
}

.content_r_news .news_title {
    font-size: 19px;
    font-family: Arial,Helvetica,'Microsoft Yahei',simsun,sans-serif;
}

.content_r_news p {
    margin: 21px 0 10px 21px;
}

.content_r_news li {
    width: 276px;
    display: inline-block;
    margin-top: 7px;
    margin-left: 4px;
    border: none;
    vertical-align: top;
    padding: 0;
}

.content_r_news li a.title {
    color: #555;
    font-size: 1.1em;
    font-weight: 700;
    display: block;
    margin-bottom: .4em;
}

.content_r_news1 {
    width: 290px;
    display: block;
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 0;
}

.content_r_news1 p {
    margin: 1.2em 1.2em .5em 1em;
}

.content_r_news1 li {
    width: 250px;
    display: inline-block;
    margin-top: 7px;
    margin-left: 4px;
    border: none;
    vertical-align: top;
    padding: 0;
}

#content_comment {
    width: 613px;
    float: right;
    white-space: nowrap;
    position: relative;
    margin-bottom: 20px;
}

#content_comment>section {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
}

.Specia_offers_card_t {
    width: 262px;
    float: left;
    position: relative;
}

.card_sp_t {
    width: 650px;
    float: right;
}

.w100_t {
    width: 104px;
}

.Specia_offers_card {
    width: 100%;
    box-shadow: #ccc;
    margin-bottom: 20px;
    overflow: hidden;
}

.Specia_offers_card #favorable_tao .countdown li {
    background: #3e4245;
    border-radius: 20px;
    line-height: 14px;
    color: #ccc;
    float: left;
    margin-left: 48px;
    padding: 4px 6px 4px 4px;
}

.Specia_offers_card_t>.content_card_news {
    width: 100%;
    background: #fff;
    border: 1px #EFECEC solid;
}

.Specia_offers_card_t>.content_card_news>ul>li {
    width: 220px;
    line-height: 1.2em;
}

.content_card_news .news_title {
    font-size: 1.5em;
    font-family: Arial,Helvetica,'Microsoft Yahei',simsun,sans-serif;
    margin: 1.2em 1.2em .5em 1.1em;
}

.Specia_offers_card>#favorable_tao .btlink h3.special_name {
    width: 235px;
}

.Dstep {
    border-collapse: collapse;
    max-width: 700px;
    font: 13px Roboto,Arial,Helvetica,sans-serif;
    margin: 10px -10px;
}

.Dstep td {
    vertical-align: top;
    text-align: center;
}

.Dstep div {
    position: relative;
    padding: 10px;
}

.Dstep span {
    display: block;
    border: 1px #eac43e solid;
    border-radius: 2px;
    background: #ffc;
    color: #f80;
    padding: 8px 10px;
}

.Dstep i {
    font-style: normal;
    line-height: 1.2;
}

.Dstep .arrow-left:before,.Dstep .arrow-right:after,.Dstep .arrow-up span:before,.Dstep .arrow-down 

span:after {
    content: '';
    display: block;
    width: 13px;
    height: 28px;
    position: absolute;
    background-image: url(../images/D-arrow.png);
    overflow: hidden;
}

.Dstep .arrow-up span:before,.Dstep .arrow-down span:after {
    width: 28px;
    height: 13px;
}

.Dstep .arrow-left:before {
    left: -8px;
    top: 13px;
    background-position: 0 0;
}

.Dstep .arrow-right:after {
    right: -8px;
    top: 13px;
    background-position: -15px 0;
}

.Dstep .arrow-up span:before {
    left: 50%;
    top: -8px;
    margin-left: -14px;
    background-position: -30px 0;
}

.Dstep .arrow-down span:after {
    left: 50%;
    bottom: -8px;
    margin-left: -14px;
    background-position: -30px -15px;
}

#pdt_wrp_gold form:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

body,h1,h3,h4,h5,h6,p,ul,ol,form,dl,dd,menu,#ctc_mtd dd,.fb-recommendations {
    margin: 0;
}

.red,.country_acc article.warning h5 {
    color: #f30;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.dropmenu 

.show,#t_dropmenu.empty .tip,#pay_mtd_wrp .show,#payMtdWwrp_z .show {
    display: block;
}

.dropmenu .list a,.dropmenu .list img,#navigation a.bt,.usermenu {
    -webkit-transition: .3s ease .1s;
    -moz-transition: .3s ease .1s;
    transition: .3s ease .1s;
}

#content_l,#solist .btc .price_wrp,#solist_tao .btc .price_wrp {
    float: left;
}

.columnA #content_r>form,#content #content_r .table_wrapper,#content #content_r #profileE,#content 

#content_r .mt_t {
    margin-top: 20px;
}

#content.columnB,#content.columnC {
    padding: 20px 0;
}

#server_current h3,#server_list h3 {
    font-size: 12px;
}

#server_list menu>li,.navigation_ul a.bt.new {
    position: relative;
}

#server_list menu li li,.scm_cnt li {
    vertical-align: top;
    display: inline;
    zoom: 1;
}

#content.columnC #content_l,#search_wrapper.hide ul,#search_wrapper.hide .close,#user_zone 

.hide,#nav_zone .dropmenu:before,#nav_zone .dropmenu:after,#nav_zone .tab 

li.current:before,#t_dropmenu.empty .cart_order_list,#t_dropmenu.empty .pay,.scm_cnt span,#topstep_ul 

li:first-child:before,.process li:last-child:after,.hide_t {
    display: none;
}

#search_wrapper li:first-child,.acc_info #game_wrp a,#msg_wrp ul:first-child,.select_s menu 

li:first-child,.content_card_news>.news_list {
    border: none;
}

#search_wrapper li.noresult,#n_dropmenu p.none {
    text-align: center;
}

#nav_zone li a.bt:hover,#nav_zone li a.bt.hover,#user_zone li a.bt:hover,#user_zone li a.bt.hover {
    color: #fff;
    background: #26282a;
}

#user_zone a.bt,.data_table2 th {
    text-transform: capitalize;
}

#nav_zone .tab li.current a,#topstep_ul.step1 li:nth-child(1),#topstep_ul.step1 li:nth-child(1) 

b,#topstep_ul.step2 li:nth-child(1),#topstep_ul.step2 li:nth-child(1) b,#topstep_ul.step2 

li:nth-child(2),#topstep_ul.step2 li:nth-child(2) b,#topstep_ul.step3 li:nth-child(1),#topstep_ul.step3 

li:nth-child(1) b,#topstep_ul.step3 li:nth-child(2),#topstep_ul.step3 li:nth-child(2) 

b,#topstep_ul.step3 li:nth-child(3),#topstep_ul.step3 li:nth-child(3) b,#topstep_ul.step4 

li:nth-child(1),#topstep_ul.step4 li:nth-child(1) b,#topstep_ul.step4 li:nth-child(2),#topstep_ul.step4 

li:nth-child(2) b,#topstep_ul.step4 li:nth-child(3),#topstep_ul.step4 li:nth-child(3) 

b,#topstep_ul.step4 li:nth-child(4),#topstep_ul.step4 li:nth-child(4) b {
    color: #fff;
}

#n_dropmenu p.new,.data_table tr:hover td,.data_table3 tr.new,.data_table3 tr.on,.data_table4 tr:hover {
    background: #ffc;
}

#s_dropmenu .select_s a,#connectTab li.current a p,p.special_name a,.content_card_news>.news_list li 

a.title {
    color: #555;
}

#t_dropmenu .detail p,#e_dropmenu p {
    line-height: 1.5em;
}

#e_dropmenu .text:focus,.table_wrapper td.info:hover,.data_table2 tr:hover 

td,.game_back_color,.crad_back_color {
    background: #fff;
}

#subnav .link a,.box_tab li.current a {
    color: #000;
}

#page_tab a.current:before,#page_tab a:hover:before,.Specia_offers_card:hover>#favorable_tao .sof_wrp_t {
    opacity: 1;
}

.box_tab a:hover,#connectTab a:hover {
    text-decoration: none;
}

#footer aside a,.data_table2 td.nowrap,.data_table3 .price,#solist_tao {
    white-space: nowrap;
}

#ctc_mtd .social,#pay_mtd_wrp .banks li.current,#payMtdWwrp_z .banks li.current,#content.home {
    padding: 0;
}

.server_list li.current a,#msg_wrp ul.new {
    background: #ffc;
    color: #000;
}

.news_listA dd .view,.orderA .detl {
    font-size: 11px;
}

#fv_dec 

p,.order_process,#rec_wrp_t,#ctc_wrp_t,#reg_wrp_t,#area_wrp_t,#other_area_wrp_t,#adr_wrp_t,#code_wrp_t {
    margin-bottom: 10px;
}

#fv_form dd,#content.home #content_l {
    width: 200px;
}

.formdl.hw30pc dt,.pcmc dt {
    width: 30%;
}

.formdl.hw30pc dd,.pcmc dd {
    margin-left: 30%;
}

.payment_select dt.title,#msg_wrp a {
    font-weight: 700;
}

#pay_mtd_wrp .dextab .title,#payMtdWwrp_z .dextab .title {
    width: 100px;
    text-align: right;
    padding-right: 9px;
    font-size: 11px;
    line-height: 2.5em;
}

#pay_mtd_wrp .banks input,#payMtdWwrp_z .banks input {
    position: absolute;
    left: -20px;
    top: 20px;
}

#pay_mtd_wrp .banks .tip,#payMtdWwrp_z .banks .tip {
    position: absolute;
    background: #FFC;
    border: 1px #DDD solid;
    width: 100%;
    height: 1.6em;
    bottom: -1.6em;
    line-height: 1.6em;
    font-size: 11px;
    text-indent: 1em;
    color: #F60;
    margin: -1px;
}

#pay_mtd_wrp .banks li.current a,#payMtdWwrp_z .banks li.current a {
    border: 3px #f90 solid;
}

.guide_box p,.alert p {
    margin: 5px 0;
}

.acc_info th,input.text.disable,.data_table2 tr:hover,.comment_list {
    background: #eee;
}

.home_menu,.home_filter {
    margin-bottom: -1px;
}

.home_menu li,.data_table3 tr {
    border-bottom: 1px #ddd dotted;
}

.paymentwrp .tukimenu .menu:before,.paymentwrp .tukimenu .menu:after,#solist_ctrl a.next {
    left: auto;
    right: 10px;
}

#topstep_ul.step1 li:nth-child(1),#topstep_ul.step2 li:nth-child(2),#topstep_ul.step3 

li:nth-child(3),#topstep_ul.step4 li:nth-child(4) {
    background-position: 0 -72px;
}

#topstep_ul.step1 li:nth-child(2):before,#topstep_ul.step2 li:nth-child(3):before,#topstep_ul.step3 

li:nth-child(4):before {
    background-position: 0 -108px;
}

#topstep_ul.step2 li:nth-child(1),#topstep_ul.step3 li:nth-child(2),#topstep_ul.step4 li:nth-child(3) {
    background-position: 0 -144px;
}

#topstep_ul.step2 li:nth-child(2):before,#topstep_ul.step3 li:nth-child(3):before,#topstep_ul.step4 

li:nth-child(4):before {
    background-position: 0 -180px;
}

#topstep_ul.step3 li:nth-child(1),#topstep_ul.step4 li:nth-child(2) {
    background-position: 0 -216px;
}

#topstep_ul.step3 li:nth-child(2):before,#topstep_ul.step4 li:nth-child(3):before {
    background-position: 0 -252px;
}

.country_acc .detail ul,.content_r_news li:nth-of-type(2n) {
    margin-left: 20px;
}

.data_table,.table {
    width: 100%;
    border-collapse: collapse;
}

.data_table4 th,.data_table4 td,.table th,.table td {
    border: 1px #ddd solid;
    line-height: 1.2em;
    padding: 6px;
}

#solist .btlink,#solist_tao .btlink {
    display: block;
    height: 100px;
    overflow: hidden;
    color: #555;
    cursor: default;
    padding: 10px;
}

#solist img,#solist_tao img {
    width: 100px;
    height: 100px;
    float: left;
    box-shadow: #ccc 0 1px 2px;
    border-radius: 2px;
    border: 1px #ddd solid;
    margin: -1px 15px 0 -1px;
}

#solist h3,#solist_tao h3 {
    font-size: 14px;
    font-family: Tahoma,Geneva,sans-serif,Arial,Helvetica,sans-serif;
    line-height: 1.3;
    max-height: 3.9em;
    overflow: hidden;
    color: #555;
    margin: 5px 0 10px;
}

#solist .free_wrp,#solist_tao .free_wrp {
    line-height: 1.3;
    margin-bottom: .5em;
    max-height: 2.6px;
    overflow: hidden;
}

#solist .timer_wrp,#solist_tao .timer_wrp {
    height: 22px;
    background: none;
    margin: 5px 0;
    padding: 0;
}

#solist .countdown li,#solist_tao .countdown li {
    background: #3e4245;
    border-radius: 20px;
    line-height: 14px;
    color: #ccc;
    float: left;
    padding: 4px 6px 4px 4px;
}

#solist .countdown li:before,#solist_tao .countdown li:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/soic.png) right top;
    float: left;
    margin-right: 5px;
}

#solist .countdown i,#solist_tao .countdown i {
    font-style: normal;
    font-weight: 700;
    margin-right: 2px;
    color: #fff;
}

#solist .sof_wrp h3,#solist_tao .sof_wrp h3 {
    color: #fff;
    font-size: 13px;
}

#solist .btc,#solist_tao .btc {
    text-align: right;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 2;
    padding: 10px 20px;
}

#solist .btc .bt,#solist_tao .btc .bt {
    display: inline-block;
    vertical-align: middle;
    background: #f70;
    color: #fff;
    font-weight: 700;
    line-height: 2;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    padding: 0 1em;
}

#solist .btc .bt:hover,#solist_tao .btc .bt:hover {
    background: #f90;
    text-decoration: none;
}

#solist .btc .bt input,#solist_tao .btc .bt input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none;
    color: transparent;
    background: transparent;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.city_selector,.province_width {
    width: 160px;
}

#content_main .Specia_offers_game_t:nth-of-type(3n+1),.content_r_news1 

li:nth-of-type(2n),.content_r_news1 li:nth-of-type(2n+1) {
    margin-left: 0;
}

.content_r_news ul,.content_r_news1 ul {
    color: #999;
    margin: 1.2em 1.5em;
}

/* Auto-adjusting content/footer */
.container {
    display: table;
    width: 100%;
    height: 100%;
}

.content {
    display: table-row;
    height: 100%;
}

.content-body {
    display: table-cell;
}
/* Auto-adjusting content/footer */

#img {
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

#borderBox {
border: 1px solid #ccc!important;
background-color: #e8e8e8;
border-radius: 16px;
padding: 0.6em 9px;
margin: auto;
width: 45%;
}

#smallTab {
margin-left: 25px;
margin-right: 25px;
}

.tab {
margin-left: 100px;
margin-right: 100px;
}

.tab2 {
margin-left: 125px;
margin-right: 100px;
}

.tab3 {
margin-left: 150px;
margin-right: 100px;
}

.tab4 {
margin-left: 175px;
margin-right: 100px;
}

.divider {
margin-left: 275px;
margin-right: 275px;
}

/* Style the Image Used to Trigger the Modal */

.mImg {
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
}

.mImg:hover {
  transform: scale(1.1, 1.1);
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 1250px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 1250px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}