html, body {
}
#windw
{
}
#myBody
{
}
.toolbar
{
    padding: 0;
    margin: 35px 0 0 20px;
    list-style-type: none;
    display:inline-block;
    float:left;
}
.toolbar li
{
    margin: 0 4px;
    padding: 5px;
    color: #333300;
    display:inline-block;
}
.toolbar li:hover
{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #FFFFFF;
    background-color: #FFC000;
    color: #333300;
}
.toolbar li.over {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #FFC000;
}
.toolbar li.over>a,.toolbar li:hover>a
{
    color: #FFFFFF;
}
.menu10
{
    width: 400px;
    position: absolute;
    margin-top:5px;
    z-index:999999;
}
.menu10 .tbytop
{
    height: 20px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #FFFFFF;
    text-shadow: 0 -2px 3px #999;
}
.menu10 .tbybon
{
    border: 10px solid transparent;
    background-color: #fff;
    padding: 10px 10px 0 10px;
    border-radius: 5px;
    box-shadow: 0.5px 1px 5px #999;
}
.menu10 a{
   text-decoration: none;
   color: #333333;
   min-height: 35px;
   text-align: center;
   display:inline-block;
   width: 100%;
   max-width: 100%;
   cursor: pointer;
   transition: all .3s linear;
   position: relative;
   margin-bottom:10px;
}
.menu10 a font{
	z-index: 2; 
	display:block;
	position: absolute;
    background-color:#fff;
	width: 100%;
	height: 90%;
}
.menu10 a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(242,117,63,1);
	transition: all 0.4s;
	transform: scale(0.1, 1);
}
.menu10 a:hover::before{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.menu10 a.over
{
    color: #FFC000;
}
.menu10 a[href='javascript:void(0)']
{
   display:none;    
}
.toolbar li a {
    text-decoration: none;
    color: #333300;
}
.toolbar-2 ul {
    list-style-type: none;
    padding-top:15px;
}
.toolbar-2 ul li{
    margin: 5px 0;
    padding: 10px 0;
}
.toolbar-2 a {
    text-decoration: none;
    color: #333333;
}
.toolbar-2 a.over{
    color: #FFFFFF;
}
.toolbar-2 img {
   visibility:hidden;
   margin-right:10px;
}
.toolbar-2 a.over img {
    visibility: visible;
}
.toolbar-2 a:hover img{
    visibility:visible;
  -moz-animation: spin 0.5s infinite linear;
  -o-animation: spin 0.5s infinite linear;
  -webkit-animation: spin 0.5s infinite linear;
  animation: spin 0.5s infinite linear;
  display: inline-block;
}
.header {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #FFC000;
    background-color: #F7F7F7;
    -moz-box-shadow: 0.5px 1px 5px #999;
    -webkit-box-shadow: 0.5px 1px 5px #999;
    box-shadow: 0.5px 3px 5px #999;
}
.header_Main,.sf,.footer_Main{
    width: 1024px;
}
.header_Main
{
    margin: 0 auto 0 auto;
    overflow: hidden;
    min-height: 60px;
}
.logo{
    float:left;
}
.logo img{
    width:auto;
    height:40px;
    margin:10px;
}
.sf {
    margin: 0 auto 0 auto;
}
.sf_Main_top {
}
.sf_LM{
    width:100%;
    display:inline-block;
}
.sf_Left {
    background-position: center bottom;
    width: 200px;
    margin-right: 20px;
    float: left;
    display: inline-block;
    padding-bottom: 20px;
    background-color: #FFC000;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-box-shadow: 0.5px 1px 5px #999;
    -webkit-box-shadow: 0.5px 1px 5px #999;
    box-shadow: 0.5px 3px 5px #999;
}
.sf_Main {
    float: left;
    width: 800px;
    min-height: 500px;
    padding: 15px 0;
}
.sf_Main_full{
    width:100%;
}
.sf_pagetitle {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    background-color: #F0F0F0;
    padding: 15px 0;
    margin-bottom:5px;
    display:inline-block;
    width:100%;
}
.sf_pagetitle_txt {
   float:left; 
   margin-left:10px;
   display:inline-block;
}
.sf_pagetitle_but{
   float:right; 
   margin-right:10px;
   display:inline-block;
}
.sf_pagetitle_but a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    background-color: #FF9900;
    text-decoration: none;
    padding: 5px 10px;
    color: #FFFFFF;
    margin-left:5px;
}
.sf_pagetitle_but a:hover {
    background-color: #F49300;
    color: #FFFFFF;
}
.footer {
    background-color: #3D3D3D;
    padding-top:10px;
}
.footer .var{
    color: #3D3D3D;
    font-size:0.75em;
    margin: 20px 0;
}
.footer_Main {
    margin: 0 auto 0 auto;
    overflow: hidden;
    color: #FFFFFF;
    padding:10px;
    text-align:center;
}
.avge ul.tempslist{
    margin: 10px auto;
    text-align: left;
    list-style-type: none;
    display:inline-block;
    padding:0;
    width:100%;
}
.avge ul.tempslist li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    padding: 20px;
    width: 20%;
    float: left;
    cursor: pointer;
    background-color: #FFFFFF;
    transition: background-color .5s;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
}

.avge ul.tempslist p {
    height: 50px;
    display: inline-block;
    overflow: hidden;
    width:100%;
}



ul.tempslist a
{
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.bitag {
    background-position: center center;
    background-image: url(image/bitag.png?v=4);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    display:inline-block;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    position:absolute;
    margin-left:-5px;
    margin-top:-5px;
    opacity:0.6;
}
.fee_Banner
{
    background-image: url(image/bitag29.png?v=1);
}
.fee_Envelope
{
    background-image: url(image/bitag48.png?v=1);
}
.fee_FormPro,.fee_HorizontalDM,.fee_VerticalDM
{
    background-image: url(image/bitag69.png?v=1);
}
.Banner .bitag{
    width: 60px;
    height: 60px;
}
.temps .bitag{
    margin-left:-10px;
    margin-top:-10px;
}
.mycase .bitag{
    width: 50px;
    height: 50px;
}
.edit_cfm>span:not(.bitag){
    position: relative;
}
.noissue {
    background-position: center center;
    background: url(image/noissue.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    opacity: 0.7;
    right: 0px;
    bottom: 0px;
    margin-left:-8px;
    margin-bottom:-2px;
}
.nopass {
    background-position: center center;
    background: url(image/nopass.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    opacity: 0.7;
    right: 0px;
    bottom: 0px;
    margin-left:-8px;
    margin-bottom:-2px;
}
.avge ul.tempslist li:hover {
    background-color: gold;
}
.avge ul.tempslist li > p {
    text-align: center;
    min-height: 52px;
    overflow: hidden;
}
.avge ul.tempslist li:hover img{
}
.avge .tempslist img{
   -moz-box-shadow: 0.5px 1px 5px #999;
   -webkit-box-shadow: 0.5px 1px 5px #999;
  box-shadow: 0.5px 1px 5px #999;
  max-width:100%;
  height:auto;
}
.avge .tempslist .qqb{
    display:none; 
}
.avge .temps_page_foor{
    text-align:center;
}
.avge .temps_page_foor a {
    color: #999966;
    text-decoration: none;
}
.avge .temps_page_foor a:hover {
    color: #CCCC00;
}
.avge .temps_page_foor a.disabled {
    color: #CCCCCC;
}
.Banner ul.tempslist li {
    width:25%;
}
ul.groupList{
    margin: 10px 0;
    text-align: left;
    list-style-type: none;
    display:inline-block;
    padding-left:10px;
    width:100%;
}

ul.groupList li {
    margin: 10px;
    float: left;
    background-color: #CCCCCC;
    transition: background-color .5s;
    text-align: center;
    border: 1px solid #666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
}
ul.groupList li.over,ul.groupList li:hover {
    border: 1px solid #666666;
    background-color: #99CC00;
}
ul.groupList li.over sup {
    background-color: #FFFFFF;
    color: #666666;
}
ul.groupList li sup {
    margin-left:5px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #666666;
    color: #FFFFFF;
    padding:0 5px;
}

ul.groupList li a { 
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    color: #222222; 
}
.edit_cfm img{
   -moz-box-shadow: 0.5px 1px 5px #999;
   -webkit-box-shadow: 0.5px 1px 5px #999;
   box-shadow: 0.5px 1px 5px #999;
   max-width:100%;
   height:auto;
}
.edit_cfm .img2{
   max-width:48%;
   margin-right:5px;
}
.edit_cfm .byfirst
{
    float:left;
}
.edit_cfm .author font {
    display: inline-block;
    height: 30px;
    line-height: 40px;
}
.edit_cfm .author span {
    border: 3px solid #CCCCCC;
    background-position: center center;
    display: inline-block;
    width: 30px;
    height: 30px;
    float:left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin:0 5px;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.edit_cfm .author span img{
    width:100%;
}
.edit_cfm sup{
    position:static;
    float:right;
    margin-top:-50px; 
    border-radius: 50%;
    padding:10px 15px;
    background-color:#FCE6A2;
}
.avge ul.tempslist sup {
    border-radius: 50%;
    padding:5px 8px;
    font-size:10pt;
    background-color:#FCE6A2;
    z-index:9;
    margin-top:-20px;
    margin-left:-10px;
    position:absolute;
}
.mycase_cfm input{
     display:none;
}
.ndt{
   margin-top:50px;
   text-align:center;   
}
.pw_1{
   display:none;
}
.pw_2{
   display:none;
}
.pw_3
{
    display: none;
}
.pw_4{
   display:none;
}
.pw_5{
   display:none;
}
.pw_6{
   display:none;
}
.animate-spin2 {
  -moz-animation: spin 0.8s infinite linear;
  -o-animation: spin 0.8s infinite linear;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
  display: inline-block;
}
.perinfo {
    border: #dcdcdc 2px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    padding: 5px;
}
.perinfo input[type='text']{
    padding:5px;
    width:120%;
}
.perinfo input[type='button']{
    padding:5px;
    cursor:pointer;
}
.loobox{
    text-align:center;
}
.lottobox{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
	padding-bottom: 10px;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	width:300px;
	margin: 20px;
	display:inline-block;
}
.lottobox h2 {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin: 0;
    background-color: #f8f8ff;
    text-align: center;
    line-height: 48px;
    border-bottom-style: double;
    border-bottom-color: #CCCCCC;
}
.loobox .lot h2{
    background-color: #ffeeea;
}
.lottobox h1 {
    text-align: center;
    line-height: 48px;
}
.lottobox h1 span{
   font-size: 150%;
}

.formobile
{
	display: none;
}
.max-sm-size .formobile
{
	display:inline-block;
	width:100%;
}
.max-sm-size .fordesktop
{
	display:none;
}
.TrailNotice {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
}
.itenbox {
    min-width: 400px;  
}
.hover9 a{
        text-decoration: none;
        color: #333333;
        height: 30px;
        text-align: center;
        display:inline-block;
        width: 100%;
        max-width: 100%;
        cursor: pointer;
        transition: all .3s linear;
        position: relative;
}
.hover9 a font{
	z-index: 2; 
	display:block;
	position: absolute;
    background-color:#fff;
	width: 100%;
	height: 90%;
}
.hover9 a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(242,117,63,1);
	transition: all 0.4s;
	transform: scale(0.1, 1);
}
.hover9 a:hover::before{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.itenbox.hover9 a
{
    width:50%;   
    margin: 5px 0;
}
.nextbox
{
    border: 1px solid #0099CC;
    width: 26%;
    display: inline-block;
    height: 150px;
    margin: 2%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
}
.nextbox a
{
    text-decoration: none;
    color: #0099CC;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.nextbox h3
{
    line-height:40px; 
}
.nextbox p
{
    
}
.nextbox a:hover
{
    background-color: #0099CC;
    color: #FFFFFF;
}
.for2
{
    width: 45%;
}
.for4
{
    width: 20%;
}
.smll
{
    height: 80px;
}
.smll h3
{
    line-height:50px; 
}
.notice
{
    padding-top: 50px;
    padding-bottom:50px;
    margin-top:50px;
    text-align:center;
}
.notice span
{
    color: #FF9900;
    background-color: #333333;
    display: inline-block;
    padding: 15px;
    min-width: 200px;
    border-left-style: solid;
    border-left-width: thick;
    border-left-color: #FF9900;
    border-radius: 5px;
}
.notice font{letter-spacing: 3px;}
.cent-prompt
{
    color: #FF0066;
    text-align: center;
    padding: 15px;
    margin: 15px auto;
    box-sizing: border-box;
    border-radius: 3px;
    width:96%;
    background-color: #FFFFCC;
    box-shadow: 0.5px 1px 5px #999;
}
@media screen and (max-width: 1040px)
{
  #windw{
        padding:0;
   }
  .header_Main,.sf,.footer_Main{
      width: 100%;
  } 
  .sf{
      width:auto;
      padding:20px 5px;
  }
}
@media screen and (max-width: 1023px)
{
    .toolbar{
        display:none;
  }
  .sf_LM{
  }
  .sf_Left{
        display:none;
  }
  .sf_pagetitle{ 
  }
  .sf_pagetitle div{
      text-align:center;
  }
  .sf_Main {
        width:100%;
    }
  .footer_Main
  {
      padding:0;
  }
   .avge ul.tempslist li {
        width:25%;
        height:auto;
  }  
  /**
  .verticalbanner ul.tempslist li {
        max-width:15%;
        width:auto;
   }**/
}
@media screen and (max-width: 768px){    
    ul.groupList li{
        width: 42%;
        max-width: 42%;
    }
    .nextbox
    {
        height: 100px;
        width:90%;   
    }
    .nextbox h3
    {
       line-height:20px; 
   }
   .nextbox h3 br
    {
        display:none;
    }
   .smll
   {
       line-height:50px; 
       width: 40%;
       height: 80px;
   }
   .avge ul.tempslist li
   {
      padding:10px;
   }
}
@media screen and (max-width: 480px){
   .avge ul.tempslist li {
        width:50%;
        height:auto;
        padding:10px;
  }
    .avge ul.tempslist li > p {
        min-height: 60px;
  }
  /**
  .verticalbanner ul.tempslist li {
        min-width:39%;
        height:auto;
   }
  .banner ul.tempslist li {
        max-width:39%;
        height:auto;
   }
  **/
  .perinfo input[type='text']{
    width:100%;
  }
  .TrailNotice img{
    width:100%;
  }
}

.issuebox {
}
.issuebox h2{
    text-align: center;
}
.issuebox .imgbox{
    text-align: center;
}
.issuebox .imgbox img {
    max-width:40%; 
    margin:10px;
    -moz-box-shadow: 0.5px 1px 5px #999;
    -webkit-box-shadow: 0.5px 1px 5px #999;
    box-shadow: 0.5px 1px 5px #999;
}
.issuebox ul {
    width: 70%;
    margin: 0 auto;
    list-style-type: none;
    padding:0;
}
.issuebox ul li {
    width: 60%;
    text-align: left;
    float: left;
    padding:8px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E1E1E1;
    line-height: 34px;
}
.issuebox ul li label,.issuebox ul li font{
    width: 100%;
    display:inline-block;
}
.issuebox ul li.tle {
    text-align: right;
    width: 30%;
    background-color: #F0F0F0;
}
.issuebox ul li.tle a {
    text-decoration: none;
    color: #0099FF;
}
.issuebox ul li.cut {
   text-align:center;
}
.issuebox ul li label{
    width: 90%;
}
.issuebox ul li select {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.issuebox ul li input[type="text"] {
    width: 100%;
}
.issuebox ul li.intp input {
    padding: 5px 0;
    width: 100%;
    text-indent: 2px;
}
.issuebox .buttonbox{
    margin:35px 0;
    width:100%;   
    display:inline-block;
    text-align: center;
}
.issuebox .buttonbox a {
    margin: 10px;
    padding: 15px;
    text-decoration: none;
    color: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FF9933;
}
.issuebox .buttonbox a:hover {
    background-color: #F49300;
}
.issuebox .TmpLS {
    display:none;
}
.issuebox .icon-cancel-circled {
    color: #FF0000;
    width:20px;
}
.lginbox
{
   display:inline-block;
   width:100%;
   text-align:center;   
}
.lginbox a
{
    border-radius: 10px;
    padding: 15px;
    font-size: 14pt;
    background-color: #FF9900;
    color: #FFFFFF;
    text-decoration: none;
    transition: all .3s linear;
}
.lginbox a:hover{
    background-color: #000;
    color: #fff;
}
.oder-remark font
{
  display:none;   
}
@media screen and (max-width: 768px){
    .issuebox ul {
        width: 100%;
    }
    .issuebox ul li {
        width: 60%;
    }    
    .issuebox ul li.tle {
        width: 30%;
    }
    .oder-remark font{
        display:inline-block;   
    }
    .oder-remark strong{
        display:none;   
    }
    .lottobox{
        width:40%; 
    }
    .lottobox h1{
        font-size:1.2em;
    }
}

@media screen and (max-width: 480px){
    .issuebox ul li.tle label{
       width: 100%;
    }
    .issuebox ul li {
        width: 55%;
    }    
    .issuebox ul li.tle {
        width: 35%;
    }
    .issuebox .imgbox img {
        max-width:100%; 
        margin:10px 0;
    }
    .edit_cfm .img2{
       max-width:100%;
       margin:5px 0;
    }
    .format
    {
    }
    .format .sf_pagetitle_txt
    {
       width:100%;
       float:none;
       text-align:center;
       margin-left:0;
       margin-top:5px;
   }
    .format  .sf_pagetitle_but
    {
       width:100%;
       float:none;
       text-align:center;
       margin-right:0;
       margin-top:15px;
    }
     .format  .sf_pagetitle_but a
     {
       display:inline-block;
       margin:5px;
     }
    .lottobox{
        width:45%; 
        margin:5px;
    }
    .lottobox h1{
        font-size:0.7em;
        line-height:normal;
    }

}

@media screen and (max-width: 390px){
   .header_Main
    {
        position:relative;
    }
    .logo img
    {
         margin-right:0;
    }
    .memberbox 
    {
        position:absolute;
        top:0;
    }
    .memberbox a
    {
        display: inline-block;
        max-width: 100px;
        overflow: hidden;
        white-space:nowrap;
    }
    .memberbox .login
    {
        margin-left:20px;   
    }
}