﻿/*
global style
*/
html, body{ margin: 0px; padding: 0px; background: #C8E4F2 url('/images/bg.jpg') repeat-x; font-size: 13px; }

table{ border: 0px; margin: 0px auto; }

table.buyform, table.buyform1{ background: #fcf; }

table.buyform tr.thead td{ background: #fcf; }
table.buyform td{ background: #fff; text-align: center; }

table.buyform1 tr.thead td{ background: #9c9; }
table.buyform1 td{ background: #fff; text-align: center; }

table.memberdat tr.thead td{ border-bottom: 1px dashed #ccc; color: #f00; font-weight: bold; line-height: 30px; }
table.memberdat td{ text-align: center; }

table.emceeinfo td{ border-bottom: 1px dashed #ccc; padding-left: 24px; width: 50%; line-height: 24px; }


form{ margin: 0px; }
img{ border: 0px; }
ul{ list-style: none; margin: 0px; padding: 0px; }
ul.float li, .float ul li{ float: left; }
a{ color: #000; text-decoration: none; }
a:hover{ color: #f90; text-decoration: underline; }
.block{ display: block; }
.none{ display: none; }
.pointer{ cursor: pointer; }
.relative{ position: relative; }
.auto{ margin: 0px auto; }


/*
h style
*/
h1, h2, h3{ display: inline; margin: 0px; padding: 0px; font-size: 13px; line-height: 24px; font-weight: lighter; }


/*
common style
*/
.flt{ float: left; }
.frt{ float: right; }
.lt{ text-align: left; }
.rt{ text-align: right; }
.ct{ text-align: center; }
.clr{ clear: both; }


/*
font style
*/
.bd{ font-weight: bold; }
.u a, a.u{ text-decoration: underline; }
.ft11{ font-size: 11px; }
.ft12{ font-size: 13px; }
.ft13{ font-size: 13px; }
.ft14{ font-size: 15px; }
.ft15{ font-size: 15px; }
.ft19{ font-size: 19px; }
.ft20{ font-size: 21px; }

/*
height style
*/
.h100p{ height: 100%; }
.h7{ height: 7px; line-height: 0px; font-size: 0px; }
.h20{ height: 20px; }
.h30{ height: 30px; }
.h60{ height: 60px; }

/*
line-height style
*/
.lh18{ line-height: 18px; }
.lh20{ line-height: 20px; }
.lh24{ line-height: 24px; }
.lh30{ line-height: 30px; }
.lh60{ line-height: 60px; }

/*
hyperlink style
*/
/*style*/
.a_000_f00 a, a.a_000_f00{ color: #000; text-decoration: none; }
.a_000_f00 a:hover, a.a_000_f00:hover{ color: #f00; text-decoration: underline;}

/*
text style
*/
.c_666, .c_666 a, a.c_666{ color: #666; }
.c_fff, .c_fff a, a.c_fff{ color: #fff; }
.c_fff a:hover, a.c_fff:hover{ color: #fff; }


.c_009{ color: #009; }
.c_00f{ color: #00f; }
.c_906{ color: #906; }
.c_999{ color: #999; }
.c_ccc{ color: #ccc; }
.c_f0f{ color: #f0f; }
.c_fcf{ color: #fcf; }
.c_c00, .c_c00 a, a.c_c00{ color: #c00; }
.c_f00, .c_f00 a, a.c_f00{ color: #f00; }

.red{ color: #f00; }
.blue{ color: #00f; }

/*
border style
*/




/*
bgcolor style
*/
.bg_fcf{ background: #fcf; }
.bg_9c9{ background: #9c9; }

/*
margin style
*/
.mg4r{ margin-right: 4px;}
.mg5{ margin: 5px;}
.mg5b{ margin-bottom: 5px;}
.mg5lr{ margin-left: 5px;    margin-right: 5px;}
.mg2t{ margin-top: 2px;}

/*
padding style
*/
.pad6tb{ padding: 6px 0px; }
.pad30t{ padding-top: 30px; }
.pad12t{ padding-top: 12px; }
.pad12b{ padding-bottom: 12px; }
.pad12l{ padding-left: 12px; }
.pad12r{ padding-right: 12px; }



/*
line style
*/
.line_ccc{ height: 1px; font-size: 0px; overflow: hidden; background: #ccc;}
.line_dashed{ height: 0px; font-size: 0px; overflow: hidden; border-top: 1px dashed #ccc;}

/*
input style
*/
input.text{ width: 120px; margin: 0px; border: 1px solid #369; background: #efefef; }
input.vcode{ width: 50px; margin: 0px; border: 1px solid #369; background: #efefef; text-align: center; }
input.btn60a{ cursor: pointer; width: 60px; height: 20px; line-height: 19px; border: 0px; background: url('/images/btn60a.gif') no-repeat; margin: 0px 30px 0px 0px; padding: 0px; text-align: center; }
input.btn60b{ cursor: pointer; width: 60px; height: 20px; line-height: 19px; border: 0px; background: url('/images/btn60b.gif') no-repeat; margin: 0px; padding: 0px; text-align: center; }
input.btn130a{ cursor: pointer; width: 130px; height: 20px; line-height: 19px; border: 0px; background: url('/images/btn130a.gif') no-repeat; margin: 0px; padding: 0px; text-align: center; }
input.btn160a{ cursor: pointer; width: 160px; height: 20px; line-height: 19px; border: 0px; background: url('/images/btn160a.gif') no-repeat; margin: 0px; padding: 0px; text-align: center; }

/*
width style
*/


.w960{ margin: 0px auto; width: 960px; clear: both; }






.top{ border: 1px solid #369; padding: 1px 1px 0px 1px; background: #000; border-bottom: 0px; }

.top .lt1{ float: left; width: 198px; height: 274px; border-right: 2px solid #906; }
.top .lt1 .plControl{ width: 194px; height: 126px; padding: 2px; background: #fff; }
.top .lt1 .plControl .login{ background: url('/images/t1.gif') no-repeat center top; padding: 30px 0px 0px 0px; }
.top .lt1 .plControl .login div{ margin: 0px 0px 4px 12px; }
.top .lt1 .plControl .control{ background: url('/images/t2.gif') no-repeat center top; padding: 30px 0px 0px 0px; }
.top .lt1 .plControl .control div{ text-align: center; line-height: 18px; }
.top .lt1 .plControl .control div a{ color: #666; text-decoration: underline; }
.top .lt1 .plControl .control div a:hover{ color: #f90; text-decoration: underline; }
.top .lt1 .plControl .control div a.sms{ color: #c00; text-decoration: none; font-weight: bold; }
.top .lt1 .plControl .control div a:hover.sms{ color: #f90; text-decoration: none; font-weight: bold; }

.top .rt1{ float: left; width: 756px; height: 274px; }
.top .rt1 .ad{ height: 240px; border: 2px solid #000; }
.top .rt1 .ad .swf{ float: left; width: 590px; height: 240px; border-right: 2px solid #000; }
.top .rt1 .ad .note{ float: left; width: 160px; height: 240px; background: url('/images/note2.jpg'); }
.top .rt1 .ad .note .a{ height: 28px; background: url('/images/note1.jpg') no-repeat; }
.top .rt1 .ad .note .b{ height: 191px; line-height: 20px; padding: 0px 12px; }
.top .rt1 .ad .note .c{ height: 21px; background: url('/images/note3.jpg') no-repeat; }



.bottom{ color: #fff; text-align: center; background: #666; }
.bottom a{ color: #fff; }
.bottom div{ line-height: 24px; }









.main{ border: 1px solid #369; padding: 0px 1px; background: #000; border-top: 0px; }

.main .lt2{ float: left; width: 198px; border-right: 2px solid #906; }
.main .lt2 .news{ background: #fff url('/images/t3.gif') no-repeat center 2px; padding: 32px 0px 0px 0px; border-top: 2px solid #000; }
.main .lt2 .news li{ line-height: 20px; border-bottom: 1px dashed #ccc; background: url('/images/icon.gif') no-repeat 4px 4px; padding-left: 20px;  }

.main .lt2 .hot{ background: #fff url('/images/t4.gif') no-repeat center 2px; padding: 32px 0px 0px 0px; border-top: 2px solid #000; }
.main .lt2 .hot ul{ width: 194px; margin: 0px auto; }
.main .lt2 .hot li .sort{ text-align: center; line-height: 23px; margin: 1px auto; }
.main .lt2 .hot li .s1{ background: url('/images/s1.gif') no-repeat left center; }
.main .lt2 .hot li .s2{ background: url('/images/s2.gif') no-repeat left center; }
.main .lt2 .hot li .s3{ background: url('/images/s3.gif') no-repeat left center; }
.main .lt2 .hot li .s4{ background: url('/images/s4.gif') no-repeat left center; }
.main .lt2 .hot li .s5{ background: url('/images/s5.gif') no-repeat left center; }
.main .lt2 .hot li .s6{ background: url('/images/s6.gif') no-repeat left center; }
.main .lt2 .hot li .s7{ background: url('/images/s7.gif') no-repeat left center; }
.main .lt2 .hot li .s8{ background: url('/images/s8.gif') no-repeat left center; }
.main .lt2 .hot li .s9{ background: url('/images/s9.gif') no-repeat left center; }
.main .lt2 .hot li .s10{ background: url('/images/s10.gif') no-repeat left center; }
.main .lt2 .hot li .photo{ padding: 4px; text-align: center; }

.main .lt2 .link{ background: #fff url('/images/t4.gif') no-repeat center 2px; padding: 32px 0px 0px 0px; border-top: 2px solid #000; }
.main .lt2 .link ul{ width: 194px; margin: 0px auto; }
.main .lt2 .link li{ text-align: left; line-height: 23px; margin: 1px auto; padding-left: 30px; background: url('/images/bg_link.gif') no-repeat left center; }

.main .rt2{ float: left; width: 756px; }
.main .rt2 .container{ clear: both; }
.main .rt2 .container .head{ height: 30px; padding: 0px 0px 0px 30px; color: #fff; line-height: 30px; background: #666; }
.main .rt2 .container .head h3{ font-size: 15px; font-weight: bold; line-height: 30px; }
.main .rt2 .container .head .title{ float: left; }
.main .rt2 .container .head .search{ float: right; }

.main .rt2 .container .infolist{ text-align: center; }
.main .rt2 .container .infolist .list{ width: 750px; text-align: center; margin: 0px auto; }
.main .rt2 .container .infolist .list li{ float: left; width: 144px; margin: 3px; }
.main .rt2 .container .infolist .list li .name{ height: 26px; background: url('/images/bg_info.gif') no-repeat center top; line-height: 25px; }
.main .rt2 .container .infolist .list li .info{ height: 220px; border: 1px solid #ccc; border-top: 0px; background: #fff; }
.main .rt2 .container .infolist .list li .info .photo{ padding: 3px 0px 4px 0px; }
.main .rt2 .container .infolist .list li .info .price1{ margin: 0px auto 4px auto; width: 130px; height: 21px; border: 1px solid #ccc; line-height: 21px; }
.main .rt2 .container .infolist .list li .info .online{ margin-bottom: 4px; }
.main .rt2 .container .online{ margin-bottom: 4px; }

.main .rt2 .container .pager{ clear: both; text-align: center; line-height: 50px; font-family: Arial; background: #fff; }
.main .rt2 .container .pager a{ text-decoration: underline; padding: 0px 4px; }
.main .rt2 .container .pager a.current{ font-weight: bold; font-size: 16px; text-decoration: none; color: #c00; }



.main .rt2 .container .consume{ font-size: 15px; line-height: 30px; padding: 0px 12px; background: #fff; }
.main .rt2 .container .consume strong{ font-size: 19px; color: #f00; font-weight: bold; }

.main .rt2 .container .payment{ background: #fff; }
.main .rt2 .container .payment div{ font-size: 19px; color: #f00; font-weight: bold; text-align: center; padding: 12px 0px; }

.main .rt2 .container .buyfrm{ background: #fff; padding-bottom: 10px; }
.main .rt2 .container .payTypeIntro{ font-size: 15px; line-height: 30px; padding: 0px 12px; }
.main .rt2 .container .card img{ margin: 20px 20px -20px 0px; }
.main .rt2 .container .card_select{ margin: 10px 0px 10px 20px; font-size: 15px; line-height: 30px; }

.main .rt2 .container .frm{ float: left; width: 300px; margin-left: 12px; }
.main .rt2 .container .frmIntro{ float: left; width: 420px; margin-left: 12px; line-height: 20px; }
.main .rt2 .container .frmIntro a{ text-decoration: underline; }

.main .rt2 .container .atm{ line-height: 30px; }
.main .rt2 .container .atm div{ margin: 4px 0px; padding: 0px 60px; }
.main .rt2 .container .atm .title{ background: #9c9; font-weight: bold; text-align: center; color: #00f; }

.main .rt2 .container .faq{ padding: 30px 60px; font-size: 15px; line-height: 30px; background: #fff; }
.main .rt2 .container .faq ul{ clear: both; }
.main .rt2 .container .faq .q{ color: #c00; border-bottom: 1px dashed #ccc; background: url('/images/faq3.gif') no-repeat left 2px; padding-left: 50px; }
.main .rt2 .container .faq .a{ padding-left: 50px; margin-bottom: 20px; }
.main .rt2 .container .faq .icon080{ margin-top: 30px; float: left; width: 200px; }
.main .rt2 .container .faq .intro080{ margin-top: 30px; float: left; width: 400px; }

.main .rt2 .container .join{ padding: 10px; font-size: 15px; line-height: 24px; background: #fff; }
.main .rt2 .container .join .agent{ }
.main .rt2 .container .join .agent .banner{ background: url('/images/bg_join.gif'); }
.main .rt2 .container .join .agent .intro{ background: url('/images/bg_join1.gif') no-repeat 10px 10px; padding-left: 180px; }

.main .rt2 .container .join .provider{ }
.main .rt2 .container .join .provider .banner{ background: url('/images/bg_join.gif'); }
.main .rt2 .container .join .provider .intro{ height: 300px; background: url('/images/bg_join2.gif') no-repeat 10px 10px; padding-left: 180px; }

.main .rt2 .container .theater{ background: #fff; padding: 30px 0px; }
.main .rt2 .container .theater ul{ width: 700px; margin: 0px auto; }
.main .rt2 .container .theater div{ clear: both; }
.main .rt2 .container .theater li{ float: left; width: 140px; height: 164px; text-align: center; }
.main .rt2 .container .theater li div{ width: 132px; margin: 4px auto; }
.main .rt2 .container .theater li div.id{ line-height: 20px; }
.main .rt2 .container .theater li div.id a{ display: block; color: #3568b9; border: 1px #9aafe5 solid; }
.main .rt2 .container .theater li div.id a:hover{ color: #363636; border: 1px #2e6ab1 solid; }

.main .rt2 .container .register{ background: #fff; padding: 10px; }
.main .rt2 .container .register .intro{ font-size: 15px; line-height: 24px; margin-bottom: 30px; }

.main .rt2 .container .einfo{ background: #fff; padding: 10px; }
.main .rt2 .container .einfo .logo{ float: left; width: 300px; }
.main .rt2 .container .einfo .logo .flower{ width: 270px; height: 180px; font-weight: bold; background: url('/images/flower.gif') no-repeat; margin: 0px auto; }
.main .rt2 .container .einfo .logo .flower .ticket{ padding-top: 55px; padding-left: 90px; color: #00f; }
.main .rt2 .container .einfo .logo .flower .ticket span{ color: #f00; font-family: Arial; font-size: 48px; }
.main .rt2 .container .einfo .logo .flower .btn{ padding-top: 30px; text-align: center; }
.main .rt2 .container .einfo .logo .flower .btn input{ width: 247px; height: 30px; font-weight: bold; background: url('/images/btn_flower.gif') no-repeat; text-align: center; border: 0px; cursor: pointer; }
.main .rt2 .container .einfo .tab{ float: left; width: 350px; margin-bottom: 30px; }
.main .rt2 .container .einfo div.photo{ border:1px dashed #ccc; padding: 4px; margin: 4px; text-align: center; }
.main .rt2 .container .einfo div.photo img{ width: 132px; height: 132px; }

.main .rt2 .container .member{ background: #fff; padding: 10px; }
.main .rt2 .container .member .pager{ border-top: 1px dashed #ccc; text-align: center; font-family: Arial; }
.main .rt2 .container .member .pager a{ text-decoration: underline; padding: 0px 4px; }
.main .rt2 .container .member .pager a.current{ font-weight: bold; font-size: 16px; text-decoration: none; color: #c00; }




div.Init{ padding: 2px 2px 2px 30px; background: #fff3e7 url('/images/error.gif') no-repeat left; border: 1px solid #f72821; display: block; }
div.Ok{ padding: 2px 2px 2px 30px; background: #ffd url('/images/ok.gif') no-repeat left; border: 1px solid #fc0; display: block; }













