﻿@charset "utf-8";
.fs{ width:100%; overflow:hidden; text-align:center; margin:1px auto;}
.fs img{ width:96%; margin-top:2%; }
.topsearchbox{ position:absolute; top: 0;right: 320px; height:60px; line-height:60px; padding-left:20px; border:0px;border-left:1px solid #eee;  }
a.topsearchbtn{ position:absolute; top: 0;right: 240px; border-left:1px solid #eee; padding:0px 20px; }
a.topsearchbtn:hover{ color:#fff; background-color:#37c797;}
.topsearchbox::-webkit-input-placeholder{ color:#bbb;}
.searcherr{ position:absolute; right:325px; font-size:14px;}
.clr{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.txtcenter{ text-align:center;}

.aspnetpager{ padding-right:0px; padding-bottom:40px; width:100%; margin:0px auto;}
.AspNetPager1{margin-top:0px;font:14px "微软雅黑"}
.AspNetPager1 A{ text-decoration:none;font:14px "微软雅黑";font-weight:normal; color:#666;background:#fff;border:1px solid #ddd;line-height:23px;margin-right:6px; padding: 5px 10px;-webkit-transition: all .3s;transition:all .3s;}
.AspNetPager1 A:hover{background:#eee; }
.AspNetPager1 A img{ vertical-align:bottom;}
.AspNetPager1 Span{font:14px "微软雅黑";font-weight:normal;background:#37c797;border:1px solid #37c797;color:#fff;line-height:23px;margin-right:0px;margin-right:6px; padding:5px 10px; }
.AspNetPager1 Span A{ border:0px; padding:0px; margin:0px; background-color:#a1a1a1;}
.AspNetPager1 Span A:hover{background-color:transparent;}
.aspnetpager.posabs{ position:absolute; bottom:0px; right:0px; padding-bottom:5px;}

.sharebtn{ padding-bottom:0px;padding-top:40px; }

.signbg{ height:auto; }
.signbg.reg{width:780px; margin:0px auto;}
.signbg dl{ display:block; margin:0px auto; width:100%; color:#333; position:relative; left:0px; top:0px;}
.signbg dt{ display:block; float:left; border:0px solid #CB4143; height:66px; line-height:65px; width:18%; text-align:left; font-size:18px; overflow:hidden;}
.signbg dd{ display:block; float:left; border:0px solid #CB4143; min-height:56px; /*overflow:hidden;*/ width:80%; padding-top:10px; position:relative; line-height:56px; box-sizing:content-box; }
.signbg dd.full{ width:100%;}
.signbg dd.col2{ width:50%;}
.signbg dd input, .signbg dd select, .signbg dd label{font:18px "微软雅黑"; line-height:28px; color:#666; }
.signbg dd label{ margin-right:30px;}
.signbg dd input.text{ border:1px solid #e6e6e6;  padding:7px; width:380px; background:#fff;  -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; }
.signbg dd input.text.large{ width:80%;}
.signbg dd input.text:focus, .signbg dd input.text:hover{ border-color:#37c797; background-color:#fff; }
.signbg dd input.text.error{ border:2px solid #ff8f8f; background-color:#fff0f0; }
.signbg dd input.text::placeholder,.signbg dd input.text::-webkit-input-placeholder, .signbg dd input.text:-ms-input-placeholder{ color:#ccc;}
.signbg dd a.btnsign, a.btnsign{ display:inline-block; background:#37c797; width:250px; height:52px; line-height:52px; color:#fff; font-size:24px; text-align:center; }
.signbg dd a.btnsign:hover, a.btnsign:hover{ color:#fff; background-color:#333;}
.chkbox label{ margin-left:10px; cursor:pointer;}
label.chkbox{ display:inline-block;cursor:pointer;}
label.chkbox input{margin-right:10px;}
.signbg dd label.error{ color:#F00;}
div.uploadify, div.uploadify-button { box-sizing:content-box;}
.previewdiv{border:1px solid #ccc; width:300px; min-height:150px;}

.sect_reg{ }
.sect_logged{display:none;}

.ico_ok, .ico_bad, .ico_quest, .ico_msg, .ico_exclam{ width:256px; height:256px; background:url(../images/ico_ok.png) no-repeat center; background-size:contain; margin:20px auto;}
.ico_ok.bad{ background:url(../images/ico_denied.png) no-repeat center;background-size:contain;}
.ico_ok.quest{ background:url(../images/ico_question.png) no-repeat center;background-size:contain;}
.ico_ok.msg{ background:url(../images/ico_msg.png) no-repeat center;background-size:contain;}
.ico_ok.exclam{ background:url(../images/ico_exclamation.png) no-repeat center;background-size:contain;}
.ico_ok.small{width:96px; height:96px;  }
.regmsg{ padding:20px 0px; text-align:center; font-size:16px; color:#666; line-height:24px;}
.regmsg h4{ margin-bottom:20px; font-size:20px;}
a.msgbtn{ display:inline-block;margin:0px auto; width:120px; padding:10px 0px; text-align:center; font-size:16px; background-color:#ccc; color:#555;}
a.msgbtn:hover{background-color:#bbb; color:#fff; }
.sect_reg, .sect_logged{ right:100px; font-size:14px;color:#fff;}
.sect_reg a , .sect_logged a{color:#fff; }
.sect_logged{ display:none;}
.signform{ }
.signform .signtxt{ display:inline-block; font-size:14px; line-height:16px; font-family:"微软雅黑"; color:#666666; width:731px; max-width:100%; border:1px solid #e6e6e6; border-radius:2px; padding:12px 18px; margin-bottom:10px;}
.signform .signtxt.small{ width:340px;}
.signform .signtxt.underline{ border:0px;border-bottom:1px solid #e6e6e6; padding-left:5px;}
.signform h2{ font-size:16px; margin-bottom:20px; color:#666}
.signform .signbtn{ display:inline-block;background-color:#37c797; font-size:18px; font-weight:normal; color:#FFFFFF; width:186px; height:40px; line-height:40px; text-align:center; margin-top:10px; border-radius:0px;}
.signform .signbtn:hover{ background-color:#444;}
.signtable td{ position:relative;}
span.signvalid{ display:inline-block;  line-height:50px; text-align:right; border:0px; font-family:'微软雅黑'; font-weight:normal;font-size:16px;position:absolute; right:15px;}

.maincon{width: 100%; margin: 0 auto;background: #fff; min-height:400px; padding-top:100px; padding-bottom:60px;}
label.error{ font-size:14px; color:red; margin-left:10px;}
.hide{ display:none;}

.filterbar{padding-bottom:20px;}
.filterbar.gallary{ padding:20px 0 20px 20px;}
.filterbar a{ display:inline-block; margin:0px 10px; line-height:26px;}
.filterbar a:hover{ color:#444;}
.filterbar a.on{ color:#444; font-weight:bold;}

#btmfix{width:70px; right:10px; position:fixed; bottom:3px; /*display:none;*/ z-index:9999;}
#btmfix a.floatbtn{display:block; width:70px; height:90px; margin-bottom:5px; font-size:12px; opacity:0.7; text-align:center; padding-top:70px;}
#btmfix a.floatbtn:hover{opacity:1;}
#btmfix a.floatbtn.backtop{ background:url(../images/ico_up.png) no-repeat top; }
#btmfix a.floatbtn.olsign{ background:url(../images/ico_signup.png) no-repeat top; }

.sect_logged a{ display:block;}
.zhang{ background:url(../images/zhang.png) right top no-repeat; background-size:contain;}
table.bsjg{ width:100%;border-spacing:0px;border-collapse:collapse; }
table.bsjg td,table.bsjg th{ border:1px solid #bbb; margin:0px;  padding:5px; text-align:center; }
table.bsjg th{ white-space:nowrap; background-color:#f8f8f8;}
table.bsjg tr:nth-child(even){background:#e1e1e1;}
table.bsjg td strong{ display:block; min-width:100px;}

.menpiao_idx{ text-align:center;}
.menpiao_idx h2{ font-weight:normal; margin-bottom:30px;}
.menpiao_idx a.mplink{ display:block; width:300px; margin:0px auto; padding:20px 0px; font-size:18px; border:1px solid #ccc; margin-bottom:15px;}
.menpiao_idx a.mplink:hover{ background-color:#fff; color:#36C;}
.menpiao_idx .desc{ width:95%; max-width:600px; margin:0px auto; text-align:left; line-height:30px; padding-bottom:30px;}

.ticketitem{ background-color:#fff; border:1px solid #ddd; padding:15px; margin-bottom:20px; position:relative; background:url(../images/ticket_bg.jpg) no-repeat center; background-size:cover;}
.ticketitem div{ line-height:30px;}
.ticketitem div span{ width:110px; display:inline-block; color:#444; font-weight:bold;}
.ticketitem img.qrcode{ position:absolute; right:0px; top:0px; height:100%; }

ul.newlist{ display:block; margin:0px auto; width:88%;}
ul.newlist li{ display:block; width:100%; font-size:20px; line-height:50px; height:50px; overflow:hidden; position:relative; border-bottom:1px dashed #ddd; transition:all 0.4s; padding:0px 10px;}
ul.newlist li:hover{ background-color:#eee;}
ul.newlist li a{transition:all 0.4s; display:inline-block; overflow:hidden; max-width:88%;}
ul.newlist li a:hover{ color:#444;}
ul.newlist li span{ position:absolute; right:0px; color:#999;}

@media screen and (max-width: 1439px) {
.topsearchbox{ right: 280px;  }
a.topsearchbtn{ right: 200px; }
}


@media screen and (max-width: 960px) {
.topsearchbox{ display:none;}
a.topsearchbtn{ display:none; }
.sharebtn{ display:none;}
.signbg dt{ width:100%; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.signbg dd{ width:100%; padding-top:0px; font-size:14px; height:auto;}
.signbg dd input.text, .signbg dd input.text.large{ width:93%; font-size:14px;}
.signbg dd input, .signbg dd select, .signbg dd label, .signbg dd a{font-size:14px; line-height:24px;}
.filterbar a{ margin:0px 5px;line-height:32px;}
.filterbar.gallary{ padding:10px 0 20px 0px;}
#btmfix{width:100%; position:fixed; bottom:0px; display:block; z-index:9999; height:30px; padding:10px 0px; background:rgba(0,0,0,0.6); left:0px; text-align:right;}
#btmfix a.floatbtn{display:inline-block; width:70px; height:30px; line-height:30px; font-size:12px; margin-bottom:0px; border:0px; background-color:#bbb; color:#000; text-align:center; margin-right:10px; border-radius:5%; opacity:1; padding:0px;}
#btmfix a.floatbtn.backtop{ background-image:none; background-color:#bbb; }
#btmfix a.floatbtn.olsign{ background-image:none; background-color:#bbb;}

.sect_logged a{ display: inline-block; margin:0px 5px;}
a#zxbm{ display:none;}
.sect_logged a.btnlogout{ display:none;}

table.bsjg td,table.bsjg th{ font-size:12px; }
table.bsjg td strong{ display:block; min-width:15%;}

.menpiao_idx a.mplink{ background-color:#fff;}

ul.newlist{ width:100%;}
ul.newlist li{ font-size:16px; line-height:30px; height:auto; padding:10px 0px;}
ul.newlist li a{ max-width:100%; display:block;}
ul.newlist li span{display:none;}
}

@media screen and (max-width: 780px) {
.signbg dd.col2{ width:100%;}
.signbg.reg{width:94%;margin:0px auto;}
.signbg dd h2{ line-height:48px;}
.signform .signtxt{ width:90%;}
.signform .signtxt.small{  width:90%;}
.signtable{width:94%;margin:0px auto;}
.signform .signbtn{ max-width:49%;}
.ticketitem img.qrcode{ position:static; height:auto;}

}

