﻿body {
    margin:0px;padding:0px;
    letter-spacing:.1em;
      background:/*#111166*/#0c0436;
      background-image:/*repeating-linear-gradient(90deg, hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 15px, transparent 0, transparent 30px)*/repeating-linear-gradient(90deg, hsla(0,0%,100%,.1),hsla(0, 0%, 0%, 0.1) 15px, transparent 0, #6c121200 30px);
      /*font-size:1em;*/
      font-size:100%;
      transition:all .5s; 
}

@media(max-width:960px){
body{background:#000;}
form.formsetting {width:600px;padding-top:0em;margin-top:0;}
}

@media(max-width:320px){
    body{
        background:#000;
        background-image:repeating-linear-gradient(90deg, hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 15px, transparent 0, transparent 30px);
        }
}


.mylogo {width:700px;text-align:left;margin-top:20px;color:#FFF;font-size:2.8em;font-family:'Microsoft YaHei',SimHei,SimSun;font-weight:bold;letter-spacing:4px;margin-bottom:25px;}
.mylogo img {background:#FFF url(/Content/iputx.png) 0px -245px no-repeat;}

.myad {width:700px;font-size:.875em;text-align:left;margin-top:0px;color:#EEEE00;font-size:15px;font-family:Arial,SimSun;font-weight:normal;letter-spacing:1px;margin-bottom:25px;line-height:25px;}
.myad a{color:#FFF;text-decoration:none;border-bottom:1px solid #FFF;font-weight:bold;letter-spacing:0px;margin:0px 3px 0px 3px;}
.myad a:hover{color:#EEEE00;text-decoration:none;border-bottom:1px solid #EEEE00;}

.SimplePart {line-height:29px;width:700px;text-align:left;}

.adpart {text-align:left;margin-top:60px;padding-top:30px;border-top:5px solid #DDD;}
.bottompart {margin-top:0px;font-size:0.75em;color:#CCC;font-weight:bold;;letter-spacing:0.1em;padding-right:60px;clear:both;font-family:Arial;width:700px;text-align:right;padding-top:8px;border-top:0px solid #EEE;margin-bottom:10em;}
.bottompart a {color:#CCC;letter-spacing:0px;}

#pw_findback {font-family:Tahoma;cursor:pointer;font-size:12px;color:#666;margin-left:10px;text-decoration:none;border-bottom:1px solid #666;padding-bottom:1px;}
#cookieclear {font-weight:normal;cursor:pointer;color:#666;margin-left:10px;text-decoration:none;border-bottom:1px solid #666;padding-bottom:1px;}

#txt_userask {width:45em;}

@media(max-width:767px){
    
form.formsetting {width:98%;padding-top:0em;margin-top:0;}
form.formsetting div.title {width:90px;}
form.formsetting div.content {margin-left:90px;}
form.formsetting div.cmddiv {margin-left:20px;}
    
.iput,.textpart,input.iput_password,input.iput_pw,input.iput_email,input.iput_card_pw,input.iput_card_no,input#user_name,input#user_email,input#user_birthday,input#user_tel,input#user_idcard,input#user_nationality {width:80%;}
#pw_findback {clear:both;display:block;border-bottom:0;padding-top:5px;margin:0;color:#AA0000;}
#cookieclear {clear:both;display:block;padding:10px 0 10px 6px;border:0;}

.SimplePart,.bottompart{width:95%;}
.bottompart {padding:0.5em 0 0 0;font-weight:normal;text-align:center;border-bottom:0px;}
.mylogo {width:280px;font-size:1.8em;}
.mylogo img{display:none;}
.myad {width:300px;font-size:.875em;}
#txt_userask {width:15em;}
}

@media(min-width:960px){
.SimplePart{width:900px;}
.mylogo {width:900px;}

}


.frmalipay {margin-top:45px;border:1px solid #CCC;background:#F6F6F6;padding:30px;}
.frmalipay div.title {float:left;text-align:right;width:120px;font-size:12px;font-weight:bold;}
.frmalipay div.content {font-size:14px;margin-left:130px;width:550px;font-family:Simsun,Verdana;}


div#msgPopBox{width:17.5em;background:#FFF;-webkit-box-shadow:0em 0em 0.5em #000;box-shadow:0em 0em 0.5em #000;-moz-box-shadow:0em 0em 0.5em #000;border-radius:0.3em;display:none;}
div#msgPopBox_title{height:1.8em;line-height:1.8em;overflow:hidden;background:#000;color:#fff;padding:0px 5px 0px 8px;border:0em solid #e78f08;font-size:0.9em;font-weight:bold;border-bottom:0em solid #eaa12a;border-top-left-radius:0.3em;border-top-right-radius:0.3em;}
div#msgPopBox_title a{width:1.4em;line-height:1.1em;_line-height:1.1em;height:1.2em;font-family:Arial;overflow:hidden;display:block;background:#fff;color:#000;float:right;text-align:center;text-decoration:none;margin-top:5px;font-weight:bold;border-radius:3px;font-size:0.9em;}
div#msgPopBox_title a:hover {background:#666;color:#FFF;}
div#msgPopBox_info {padding:0.8em 0.6em 2em 0.8em;line-height:1.5em;background:#EEE;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
div#msgPopBox_info p {padding:0.8em 0em 0.4em 0em;font-size:0.85em;text-align:left;margin:0em;}
div#msgPopBox_info p.one {padding:1em 0em 0.4em 0em;font-size:0.9em;line-height:1em;text-align:center;margin:0em;font-weight:bold;}
div#msgPopBox_info p.big {padding:1em 0em 0.4em 0em;font-size:1em;line-height:2em;text-align:center;margin:0em;color:#AA0000;font-weight:bold;}
span.msgshowtip {padding:0.7em 0em 0.7em 0em;text-align:left;color:#CC0000;font-weight:bold;display:none;line-height:19px;font-size:0.9em;letter-spacing:0em;}

img.imgtrue {margin:0px 5px 0px 5px;width:20px;height:20px;border:0px;background:url(/Content/Master.png?1=2) -130px 0px no-repeat;border-radius:0px;cursor:pointer;}
img.imgfalse {margin:0px 5px 0px 5px;width:20px;height:20px;border:0px;background:url(/Content/Master.png) -152px 0px no-repeat;border-radius:0px;cursor:pointer;}

/*.iput {width:250px;height:30px;padding:0px 0px 0px 5px;background:#FFF;font-size:14px;font-family:Verdana;border:1px solid #CCC;}
.iput_name {width:250px;height:30px;padding:0px 0px 0px 25px;background:#FFF url(/Content/iput.png) 4px -58px no-repeat;font-size:14px;font-family:Verdana;border:1px solid #CCC;}
.iput_email {width:250px;height:30px;padding:0px 0px 0px 25px;background:#FFF url(/Content/iput.png) 4px -35px no-repeat;font-size:14px;font-family:Verdana;border:1px solid #CCC;}
.iput_pw {width:250px;height:30px;padding:0px 0px 0px 25px;background:#FFF url(/Content/iput.png) 4px 7px no-repeat;font-size:14px;font-family:Verdana;border:1px solid #CCC;}
.iput_card_no {width:180px;height:27px;padding:1px 0px 0px 25px;background:url(/Content/iput.png) 3px -15px no-repeat;font-size:14px;font-family:Verdana;border:1px solid #CCC;}
.iput_card_pw {width:180px;height:27px;padding:1px 0px 0px 25px;background:url(/Content/iput.png) 3px 5px no-repeat;font-size:14px;font-family:Verdana;border:1px solid #CCC;}
.textpart {border:1px solid #DDD;font-size:14px;width:450px;padding:3px;line-height:22px;margin-bottom:5px;font-family:Verdana;}

.cmdsend {width:auto !important;width:0;overflow:visible;padding:3px 5px 3px 5px;font-size:14px;}

.formsetting {margin-top:45px;width:800px;text-align:left;}
.formsetting div.title {float:left;text-align:right;width:90px;font-size:12px;font-weight:bold;margin:5px 0px 0px 0px;}
.formsetting div.content {font-size:14px;margin:15px 0px 15px 100px;width:550px;font-family:Simsun,Verdana;}
.formsetting div.info {font-size:14px;margin:19px 0px 15px 100px;width:550px;font-family:Simsun,Verdana;}
.formsetting div.cmddiv {font-size:14px;margin:30px 0px 0px 100px;width:550px;font-family:Simsun,Verdana;}
.formsetting div.cmddiv input {margin-right:15px;}
.formsetting div.tip {font-size:12px;color:#666;font-family:Arial;text-transform:capitalize;letter-spacing:0px;}
.formsetting div.chk {float:left;width:20px;margin:2px 5px 0px 0px;}
.formsetting label.chklabel {color:#666;line-height:12px;font-size:12px;font-weight:bold;}*/

.listpart,.info_alert {border-top:2px solid #FFF;border-bottom:5px solid #DDD;padding-top:0.65em;
                       background:#CCC;
                       background:linear-gradient(#FFF 1%, #CCC 99%);
                       border-radius:0.2em;
                       /*border-bottom-left-radius:1em;border-bottom-right-radius:1em;*/-webkit-box-shadow:0px 0px 18px #000;box-shadow:0px 0px 18px #000;-moz-box-shadow:0px 0px 18px #000;}
.info_alert {font-size:14px;color:#AA0000;font-weight:bold;letter-spacing:1px;line-height:23px;padding:20px 0px 20px 0px;}


/*.listpart a {color:#CC0000;text-decoration:none;}
.listpart a:hover {color:#000;text-decoration:underline;}*/
.listtitle {font-size:12px;font-weight:bold;background:#888;color:#FFF;letter-spacing:1px;border-bottom:1px solid #666;}
.list0 {background:#F6F6F6;border-bottom:1px dotted #CCC;clear:both;}
.list1 {background:#EEE;border-bottom:1px dotted #CCC;clear:both;}


.infolist {margin-top:45px;width:800px;text-align:left;}
.infolist div.title {float:left;text-align:left;width:150px;font-size:12px;margin:0px 0px 15px 0px;}
.infolist div.content {font-size:14px;margin:15px 0px 15px 160px;width:640px;font-family:Simsun,Verdana;}
.infolist div.content a {font-weight:bold;margin-right:5px;font-size:14px;}
.infolist div.cmddiv {font-size:14px;margin:30px 0px 0px 160px;width:640px;font-family:Simsun,Verdana;}
.infolist div.tip {font-size:12px;margin:-15px 0px 15px 160px;width:640px;font-family:SimSun-ExtB,Verdana;}

.mytest {border-top:1px solid #CCC;padding:10px 0px 10px 0px;line-height:1.5em;}
div.mytest:hover {background:#dddfee linear-gradient(to right,#dddfee 30%, #EEDDDD 60%) no-repeat;color:#AA0000!important;cursor:default;}
.mytest .id {float:left;width:45px;font-family:Arial;letter-spacing:0px;font-size:0.85em;text-align:center;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.mytest .tname {float:left;width:175px;height:22px;overflow:hidden;font-size:1em;font-family:'Microsoft YaHei',SimHei,Simsun,Verdana;font-weight:bold;}
.mytest .ttime {float:left;width:85px;font-size:0.8em;letter-spacing:0px;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.mytest .tmoney {float:left;width:65px;font-size:0.8em;text-align:center;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.mytest .tdone {float:left;width:75px;font-size:0.8em;letter-spacing:0;font-weight:bold;}
.mytest .turl {font-size:.8em;font-weight:bold;/*letter-spacing:0;*/}
.mytest .turl a {text-decoration:none;border-radius:3px;padding:5px;margin:0 0.8em 0 0;font-size:1.1em;}
.mytest .turl a.sayto{font-size:0.9em;float:right;/*margin-right:8px;padding:0.4em;border-radius:0.3em;*/background:#EEE;/*box-shadow:0 .1em .15em 0 rgba(0,0,0,.5);*/border:1px solid rgba(0,0,0,.1);/*content:'\a0';display:inline-block;color:#666;font-size:0.8em;*/line-height:0.67891em;/*background:#CCC linear-gradient(#FFF 10%, #EEE 70%,transparent);*/transition:all .5s;}
.mytest .turl a.sayto:hover {              
              background:#CCC;
              /*background:linear-gradient(#FFF 10%, #CCC 50%,transparent);*/
              color:#AA0000;}
.mytest .turl a img {width:30px;height:23px;border:0;border-radius:0.3em;}

@media(max-width:767px){
.mytest .ttime,.mytest .turl span {display:none;}
/*.mytest .id {width:30px;}*/
.mytest .tname {letter-spacing:0;}

}


.tlist {padding:20px 20px 20px 20px;line-height:1.5em;border-bottom:1px dotted #CCC;}
.tlist .tl_go {float:right;padding-left:10px;border-left:1px solid #AAA;margin:-11px 50px 20px 50px;}
.tlist .tl_title{padding-bottom:5px;}
.tlist .tl_title b{width:2em;text-align:center;float:left;font-size:0.875em;color:#666;font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}
.tlist .tl_title a{font-weight:bold;text-decoration:none;color:#000;padding-bottom:1px;border-bottom:1px solid #000;font-size:1.2em;font-family:'Microsoft YaHei',SimHei,Simsun,Verdana;}
.tlist .tl_title span{margin-left:8px;font-size:0.75em;font-weight:bold;color:#AA0000;font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}
.tlist .tl_about{font-size:0.75em;padding-top:5px;}

#tl_bar {padding:2em;text-align:left;font-size:0.8em;}
#tl_bar a{color:#000;padding-bottom:1px;border-bottom:1px solid #000;text-decoration:none;font-weight:bold;margin:0 0.5em 0 0.5em;}
#tl_bar a.test1 {color:#AA0000;border-bottom:1px solid #AA0000;}


@media(max-width:767px){
.tlist .tl_go {padding-left:5px;border:0;margin:10px 0px;}

}

#CardBuyFormShow_TwoDim {float:right;margin:-90px 10px 10px 10px;}
#CardBuyFormShow_TwoDim img {padding:3px;background:#FFF;border-radius:5px;}

@media(max-width:599px){

#CardBuyFormShow_TwoDim {float:none;margin:0 0 0 90px;}

}

#Cardbuyformshow_logoshow{margin-left:90px;}
#Cardbuyformshow_logoshow img{max-width:300px;border-radius:5px;}
@media(max-width:767px){
#Cardbuyformshow_logoshow {margin-left:0;margin-bottom:1em;text-align:center;}
#Cardbuyformshow_logoshow img{max-width:250px;}

}

.topbar {margin:1em 0 0 .5em;}
/*.topbar a {margin-right:20px;color:#AAA;font-size:12px;font-weight:bold;text-decoration:none;padding-bottom:5px;border-bottom:2px solid #AAA;}*/


.alist {font-family:Arial;padding:10px 0px 20px 0px;}
.alist div.id {float:left;width:120px;text-align:center;font-size:29px;font-weight:bold;color:#CCC;margin-top:15px;border-right:3px solid #CCC;}
.alist div.id div {font-size:12px;letter-spacing:0px;}
.alist div.time {margin-left:100px;letter-spacing:0px;}
.alist div.ask {margin:10px 10px 0px 130px;line-height:23px;letter-spacing:1px;font-size:0.875em;}
.alist div.reply {margin:0px 0px 10px 130px;font-size:12px;font-weight:bold;color:#AA0000;}
.alist div.reply span {color:#333;font-weight:bold;}


@media(max-width:767px) {
    .alist {line-height:1.5em;}
    .alist div.ask {width:auto;clear:both;margin:0.5em;}
    .alist div.reply {width:auto;margin:0.5em;}
    .alist div.id {width:auto;margin:0.5em;font-size:0.875em;border:0;color:#888;}
    .alist div.id div {float:right;margin-left:1em;font-size:0.875em;}
    }

@media(max-width:767px) {

    .listpart, .in {
        /*border-top: 0;
        padding-top: 0;*/
    }

    .topbar {line-height:18px;}

.topbar a {
        padding: .45em .45em .15em .45em;
        margin-right:.3em;
        font-size: .8em;
        font-weight: normal;
        color: #CCC;
        text-decoration: none;
        transition: color 0.5s;
        background:#666;
        border-top-left-radius:3px;
        border-top-right-radius:3px;
    }

.topbar span{display:none;}

a#bar_AskIndexList {/*display:none;*/}
.topbar a.barselected {
            color: #000;
            background:#FFF;
        }
}

@media(min-width:768px) {
    .topbar a {
        position: relative;
        display: inline-block;
        padding: .35em .65em .35em .85em;
        font-size: .875em;
        font-weight: bold;
        color: #222;
        text-decoration: none;
        transition: color 0.5s;
    }

        .topbar a::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            background: #AAA;
            background-image: linear-gradient( hsla(0,0%,100%,.29),hsla(0,0%,100%,0.1));
            border: 1px solid rgba(0,0,0,.4);
            border-bottom: none;
            border-radius: .5em .5em 0 0;
            box-shadow: 0 .15em white inset;
            /*transform: perspective(.5em) rotatex(5deg);*/
            transform-origin: 0% 30%;
        }

        .topbar a.barselected {
            color: #000;
            padding-bottom:6px;
            z-index: 12;
            border-bottom:0px;
        }

        .topbar a.barselected::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background:#FFF;
        }

        .topbar a:hover {
            color: #111166;
        }

    .topbar span {
        margin-right: 3px;
        font-family: Verdana;
        letter-spacing: 0px;
    }


}

.leftbar {border-bottom:0px solid #CCC;padding:20px 20px 0 20px;background:#888/*linear-gradient(#666 0%, #888 50%)*/;}
.leftbar div {text-align:right;margin:0px 0px 0px 0px;}
.leftbar a {font-size:12px;font-weight:bold;text-decoration:none;color:#0066AA;background:#F6F6F6;border-right:2px solid #333;margin-right:3px;border-top-left-radius:3px;border-top-right-radius:3px;padding:7px 7px;border-bottom:1px solid #CCC;}
/*.leftbar a:hover {border-bottom:1px solid #AA0000;color:#AA0000;}*/
.leftbar a.leftselected {color:#AA0000;border-right:2px solid #666;background:#FAFAFA;border-bottom:1px solid #FAFAFA!important;/*padding-top:12px;*/}


@media(max-width:767px) {
    .leftbar input {
        margin-right: 5px;
    }
}

.moneylist {font-family:Verdana;border-bottom:1px dotted #CCC;padding:10px 0px 10px 0px;}
.moneylist .id {float:left;width:60px;}
.moneylist .time {float:left;width:150px;text-align:left;}
.moneylist .money {float:left;width:90px;text-align:center;margin-right:15px;}
.moneylist .title {font-size:14px;font-weight:bold;color:#880000;}
.moneylist .about {font-size:12px;color:#666;padding:10px 0px 30px 60px;}



.nlist {font-family:Arial;padding:20px 0px 20px 0px;border-bottom:0px dotted #CCC;}
.nlist div.id {float:left;text-align:center;width:60px;}
.nlist div.time {float:left;width:90px;letter-spacing:0px;}
.nlist div.title {font-size:14px;font-weight:bold;}
.nlist div.title a {color:#AA0000;text-decoration:none;padding-bottom:1px;border-bottom:1px solid #AA0000;}
.nlist div.title span {margin-left:10px;font-size:12px;color:#666;}
.nlist div.about {margin:0px 0px 10px 60px;letter-spacing:1px;line-height:23px;width:650px;}


.BView {padding:30px 0px 20px 60px;width:650px;}
.BView font {color:#AA6600;font-size:12px;margin-left:3px;}
.BView p {font-family:Microsoft YaHei,Verdana;font-size:29px;font-weight:bold;color:#AA3300;margin:0px;padding:15px 0px 35px 0px;text-transform:capitalize;font-variant:small-caps;}
.BView div {text-indent:2em;margin:0px 0px 8px 0px;text-transform:capitalize;font-size:14px;color:#000;letter-spacing:1px;line-height:23px;}
/*.BView img {float:left;margin:10px 10px 10px 0px;border:1px solid #666;padding:1px;}*/
.BView div.blogviewimg {float:left;width:200px;height:200px;border:1px solid #666;background:#FFF;padding:1px;margin:10px 10px 10px 10px;text-indent:0em;}
.BView a {color:#AA0000;margin:0em 0.5em 0em 0.5em;padding-bottom:1px;border-bottom:1px solid #AA6600;text-decoration:none;}
.BView a:hover {color:#000;margin:0em 0.5em 0em 0.5em;padding-bottom:1px;border-bottom:1px solid #000;text-decoration:none;}

.BView span {color:#AA0000;}
.BView span.bg {background:#AA0000;color:#FFF;padding:1px 3px 2px 4px;margin:0px 2px 0px 2px;}
.BView div.quote {margin:10px 0px 10px 0px;padding:15px;background:#F6F6F6;border:1px dotted #CCC;color:#333;font-size:12px;border-left:8px solid #DDD;}
.BView div.title {margin:25px 0px 15px 0px;color:#000;font-size:16px;font-weight:bold;font-family:Microsoft YaHei;text-indent:1em;}
.BView span.eng {font-family:Arial;margin:0px 5px 0px 5px;color:#000;}
.BView span.fleft {float:left;margin:5px 10px 5px 0px;text-indent:0em;}
.BView span.fright {float:right;margin:5px 0px 5px 10px;text-indent:0em;}
/*.BView input {font-weight:bold;margin:20px 0px 20px 30px;padding:5px 7px 4px 8px;}*/
.BView input.cmdblogurl {cursor:pointer;padding:3px 0px 5px 35px;font-weight:normal;font-family:SimHei;font-size:23px;background:url(/Content/user.png) -667px -109px no-repeat;border:0px;color:#000;border-bottom:1px solid #000;margin:20px 0px 20px 0px;}




.clist {font-family:Verdana;border-bottom:1px dotted #CCC;padding:10px 0px 10px 0px;}
.clist div.id {float:left;width:60px;font-size:12px;text-align:center;}
.clist div.valid {float:left;width:50px;font-size:12px;font-weight:bold;display:none;}
.clist div.money {float:left;width:90px;text-align:center;}
.clist div.count {float:left;width:90px;}
.clist div.time {float:left;width:100px;font-size:12px;letter-spacing:0px;}
.clist div.card {float:left;width:120px;font-size:12px;font-weight:bold;}
.clist div.title {}
.clist div.state {float:left;width:80px;font-size:12px;font-weight:bold;}
.clist a.card_0 {color:#888;}
.clist a.card_1 {}
.clist a.card_2 {color:#880000;}

div.cardbuyline div {padding:3px 10px;border-radius:3px;margin:0px 10px 20px 0px;background:#FFF;color:#000;float:left;border:1px solid #AAA;border-right:0;border-bottom:0;}


@media(max-width:600px) {
    .mytest .tdone {display:block;}
    .mytest .tmoney {display:none;}
}


@media(max-width:480px) {
    .mytest .tdone {display:none;}
}


@media(max-width:400px) {
    .mytest .tname {width:150px;}
}


@media(max-width:360px) {
    .mytest .turl a.sayto {display:none;}
}


@media(max-width:320px){
    div.mytest div.tname {width:150px;}

}

