@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;font-family: Arial, Helvetica, sans-serif;}
html,body{height:100%;}
body{font-size:16px;color:#000;background:#b2b5bb url(bg1.jpg); border-top:#080700 solid 5px;}
input{vertical-align:top;}
input:focus{outline:0 none;}
textarea:focus{outline:0 none;}
ul{list-style:none;}
img{border:0;}
a{color:#60066e;text-decoration:none;outline:0;}
a:hover{color:#800393;text-decoration:none;outline:0;}
li, ul {list-style-type:none;}
h1, h2, h3, h4, h5 {display:inline;padding:0; margin:0; color:#100a01; font-size:16%; font-weight:bold;}
.clearfloat {clear: both; height: 0; font-size: 0px; line-height: 0px;}
/* headr */
#cen1{width:100%; margin:0 auto; text-align:center; font-size:0px; padding-top:10px;}

.seximst1{width:100%;margin-bottom:5px; }
.seximst1a{width:517px; height:69px; display:inline-block; vertical-align:top;}
.seximst2b{width:250px; display:inline-block; vertical-align:top; padding-top:9px; margin:0px 20px;}
.search_form {font-size:0px}
.search_input {background:#e4e4e4; color:#000; width:175px; padding:17px 10px 16px 10px; font-size:16px; border:1px solid #000000;}
.search_submit {background:url("go.jpg") no-repeat scroll 0 0 #28282a; border: 0 none; cursor: pointer; height:50px; width:50px;}
@media screen and (max-device-width:820px) {.seximst1a, .seximst2b {display:block; width:100%; height:auto;} .seximst2b {margin:0;} .seximst1a img {width:auto; max-width:100%; height:auto;}}

.seximssex {max-width:1200px; display:inline-block; margin-bottom:20px; font-size:16px; padding-bottom:10px; border-bottom:1px dashed #000;}
/* content pix */
.stpix {width:100%; margin-bottom:35px; text-align:center;}
.stpix1 ul {margin: 0 auto;}
.stpix1 li {margin-bottom:11px; background:#28282a; padding-bottom:5px; width:234px;
box-shadow: 0 0 8px #1e1e1e;
-moz-box-shadow: 0 0 8px #1e1e1e;
-webkit-box-shadow: 0 0 8px #1e1e1e;
-khtml-box-shadow: 0 0 8px #1e1e1e;}
.stpix1 li:hover {margin-bottom:11px; background:#402948; padding-bottom:5px; width:234px;
box-shadow: 0 0 8px #17080a;
-moz-box-shadow: 0 0 8px #17080a;
-webkit-box-shadow: 0 0 8px #17080a;
-khtml-box-shadow: 0 0 8px #17080a;}
.stpix1 li a {color:#999999;}
.stpix1 li a:hover {color:#b2acac;}
.stpix1 li img {width:230px; border:2px solid #000; margin-bottom:2px;}
.stpix1 li a img:hover {width:230px; border:2px solid #75029d; margin-bottom:2px;}
.stpix1 span {width:234px; display:block; font-size:16px; padding:2px 0px;}
/* top pix */
.pictop {width:auto; max-width:1444px; margin-bottom:30px; text-align:center; display:inline-block;}
.pictop1 ul {margin: 0 auto;}
.pictop1 li {margin:0px 5px 10px 5px; display:inline-block; background:#28282a; padding-bottom:3px; width:196px;}
.pictop1 li:hover {margin:0px 5px 10px 5px; display:inline-block; background:#402948; padding-bottom:3px; width:196px;}
.pictop1 li a {color:#999999;}
.pictop1 li a:hover {color:#b2acac; text-decoration:underline;}
.pictop1 li img {width:192px; height:256px; border:2px solid #000; margin-bottom:3px;}
.pictop1 li a img:hover {width:192px; height:256px; border:2px solid #75029d; margin-bottom:3px;}
.pictop1 span {width:196px; display:block; font-size:16px; padding:2px 0px; font-weight:bold}
/* pic gallery */
.galpic {width:100%; margin-bottom:30px; text-align:center; vertical-align:top; padding:2px 0; font-size:0px;}
.galpic1 ul {}
.galpic1 li {position:relative; display:inline-block; width:208px; padding:6px 3px 6px 3px; margin:4px; background:#3d030e;}
.galpic1 li:hover {position:relative; display:inline-block; width:208px; padding:6px 3px 6px 3px; margin:4px; background:#6a0417;}
.galpic1 img {width:200px; height:266px; border:1px solid #717070;}
.galpic1 li a img:hover {width:200px; height:266px; border:1px dashed #000;}

.gal-link {width:auto; margin-bottom:30px; text-align:center; font-size:18px;}
.gal-link-big {font-size:28px; font-weight:bold;}
.gal-singl {width:auto; margin-bottom:30px; text-align:center;}
.gal-pag {display:inline-block; max-width:1200px;  margin:0 15px 30px 15px; text-align:center; vertical-align:middle; font-size:0px;}
.gal-pag img {width:90px; height:120px;border: 1px solid #717070; margin:3px;}
.gal-pag a img:hover {width:90px; height:120px;border: 1px dashed #fc0320; margin:3px; opacity:0.7;}

/* banners */
.exo {width:100%;max-width:1200px; padding:20px 0px; display:inline-block; margin:0 15px 25px 15px; text-align:center;}
.exo304x254 {width:300px; height:250px; display:inline-block; text-align:center; margin:0px 15px 30px; border:2px solid #fc0320;}
.exo304x254 img {width:300px; height:250px;}
.exo304x254 a img:hover {width:300px; height:250px;}

a img.bnall {border:2px solid #717070;}
a:hover img.bnall {border:2px solid #fc0320;}

.big-div {width:100%; max-width:1200px; margin-bottom:40px; display:inline-block;}
a img.piclistimg{border:2px solid #717070; width:auto; max-width:98%;}
a:hover img.piclistimg {border:2px solid #fc0320; width:auto; max-width:98%;}

a img.play300 {border:2px solid #717070; width:300px; height:250px;}
a:hover img.play300 {border:2px solid #fc0320; width:300px; height:250px;}
a img.play515 {border:2px solid #717070; width:300px; height:515px;}
a:hover img.play515 {border:2px solid #fc0320; width:300px; height:515px;}
/* lk exchange */
.hdlink1 {width:auto; margin-bottom:30px; font-size:16px;}
.hdlink1 a {margin:0px 5px; font-size:16px;}
.hdlink1 a:hover {margin:0px 5px;}
/* footer */
.foot{width:100%; font-size:16px; padding:20px 0px; background:#828285; border-top:4px solid #000;}
.foot-txt {width:100%; margin-bottom:10px; font-size:16px;}
/* scrol */
.loading {
    background: #000 none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 40px;
    color: #fff;
    height: 100px;
    left: 40%;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    width: 200px;
    z-index: 5000;
    font-size: 16px;
}

.pag1 {max-width:1400px; margin-bottom:10px; display:inline-block; font-size:16px; padding-top:10px;}
.nex ul {}
.nex li {display:inline-block; border:1px solid #000; background:#f8faff; margin:0px 1px 4px 1px; padding:3px 6px; font-size:16px;
box-shadow: 0 0 6px #9d9d9d;
-moz-box-shadow: 0 0 6px #9d9d9d;
-webkit-box-shadow: 0 0 6px #9d9d9d;
-khtml-box-shadow: 0 0 6px #9d9d9d;}
.nex li:hover {display:inline-block;border:1px solid #57085a; background:#fef8c2; margin:0px 1px 4px 1px; padding:3px 6px;
box-shadow: 0 0 8px #363535;
-moz-box-shadow: 0 0 8px #363535;
-webkit-box-shadow: 0 0 8px #363535;
-khtml-box-shadow: 0 0 8px #363535;}
.nex li a {color:#57085a;}
.nex li a:hover {color:#3f1541;}



.sp_new_li{margin-bottom:35px; padding: 0 15px 0; font-size: 16px;}
.sp_new_li > p {margin-bottom: 20px; font-size: 18px; text-align: center;}
.sp_new_li ul{display:flex; flex-flow:row wrap;justify-content: center;}
.sp_new_li li{width:20%; overflow:hidden; padding:0 15px 15px 0; text-align: left;}
.sp_new_li b{display:block; text-transform:capitalize; white-space:nowrap; overflow:hidden; font-weight: normal;}
@media screen and (max-device-width:1800px){.sp_new_li li{width:20%;}}
@media screen and (max-device-width:1500px){.sp_new_li li{width:25%;}}
@media screen and (max-device-width:1200px){.sp_new_li li{width:33.333%;}}
@media screen and (max-device-width:900px){.sp_new_li li{width:50%;}}
@media screen and (max-device-width:600px){.sp_new_li li{width:100%;}}