﻿html, body{ margin: 2px; font-size: 12px; }

table, td{ border: 0px; border-collapse: collapse; border-spacing: 0px; padding: 0px; }

table.buyform{ width: 300px; border-collapse: separate; }
table.buyform tr.head td{ background: #fcf; }
table.buyform td{ background: #fff; text-align: center; padding: 5px; }

table.buyform1{ width: 100%; border-collapse: separate; }
table.buyform1 tr.head td{ background: #9c9; }
table.buyform1 td{ background: #fff; text-align: center; padding: 5px; }

table.member{ margin: 0px auto; }
table.member tr.head td{ border-bottom: 1px dashed #ccc; color: #f00; font-weight: bold; }
table.member td{ text-align: center; }
table.memberinfo td{ padding: 6px 12px; }
table.emceeinfo td{ border-bottom: 1px dashed #ccc; padding-left: 24px; width: 50%; }

img{ border: 0px; }
form{ margin: 0px; padding: 0px; }
a{ color: #666; text-decoration: none; }
a:hover{ text-decoration: underline; color: #999; }

ul.ulist, .ulist ul{ list-style: none; margin: 0px; padding: 0px; }
ul.float li, .float ul li{ float: left; }
a{ color: #039; text-decoration: none; }
a:hover{ color: #c00; text-decoration: underline; }
.block{ display: block; }
.none{ display: none; }
.pointer{ cursor: pointer; }
.relative{ position: relative; }
.auto{ margin: 0px auto; }

ul.arrow1 li{ margin-left: 2px; padding-left: 5px; color: #f63; line-height: 24px; text-align: left; }
ul.arrow1 li div{ color: #666; padding-right: 2px; }

table.list_content{ line-height: 24px; text-align: center; }
table.list_content td{ border: 1px dashed #ccc; vertical-align: top; padding: 6px 0px; }

td.list_title { background: #feece8; height: 30px; line-height: 30px; border-bottom: 1px solid #c66; text-align: center; }
td.list_pager { background: #feece8; height: 30px; line-height: 30px; border-top: 1px solid #c66; text-align: center; }


input.style1{ border: 1px solid #f887bf; background-color: #ffd7ef; width: 88px; }
input.style2{ width: 128px; border: 1px solid #ccc; }
input.button1{ color: #fff; border: 1px ridge #f39; background-color: #f69; cursor: pointer; }

.currentpage{ font-weight: bold; font-size: 14px; color: #c00; }

.copyright{ margin: 0px auto; width: 772px; line-height: 30px; text-align: center; border-top: 2px solid #333; }

.channle_title { font-weight: bold; font-size: 15px; background: url('/images/clover_f4.gif') no-repeat left center; height: 30px; line-height: 30px; padding-left: 80px; border-bottom: 1px solid #930; }

.paytype{ width: 590px; height: 444px; margin: 0px auto; }

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; }



ul.theater{ list-style: none; margin: 0px auto; padding: 0px; width: 580px; }
ul.theater li{ float: left; width: 132px; height: 156px; padding: 0px 6px; line-height: 24px; text-align: center; }
ul.theater li a{ color: #666; }
ul.theater li a:hover{ color: #c00; background: #ff9; }



.faq{ border-left: 20px solid #ff9; padding: 0px 6px; }
.faq .qa{ margin-bottom: 30px; }
.faq .qa .q{ background: url('/images/q1.gif') no-repeat left top; padding-left: 40px; color: #f00; font-weight: bold; }
.faq .qa .a{ background: url('/images/a11.gif') no-repeat left top; padding-left: 40px; color: #00f; font-weight: bold; font-size: 13px; }
.faq .qa .arrow{ background: url('/images/arrow.gif') no-repeat left center; padding-left: 40px; color: #f00; font-weight: bold; }



.join{ padding: 12px 6px; }
.join .arrow{ background: url('/images/arrow.gif') no-repeat left center; padding-left: 40px; font-weight: bold; }
.join .intro{ background: #ffc; margin-left: 40px; padding: 0px 6px; }



div.emceephoto{ border:1px dashed #ccc; padding: 2px; margin: 2px; text-align: center; }
div.emceephoto img{ width: 132px; height: 132px; }






/*
common style
*/
.fleft{float: left; }
.fright{float: right; }
.left{text-align: left; }
.right{text-align: right; }
.center{text-align: center; }
.clear{clear: both; }
.align{margin: 0px auto; }


/*
font style
*/
.bold{font-weight: bold; }
.underline a, a.underline{ text-decoration: underline; }
.ft11{ font-size: 11px; }
.ft12{ font-size: 12px; }
.ft13{ font-size: 13px; }
.ft14{ font-size: 14px; }
.ft15{ font-size: 15px; }
.ft18{ font-size: 18px; }

/*
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;}
/*style*/
.a_999_f60 a, a.a_999_f60{    color: #999;    text-decoration: none;}
.a_999_f60 a:hover, a.a_999_f60:hover{    color: #f60;    text-decoration: underline;}
/*style*/
.a_000_f60 a, a.a_000_f60{    color: #000;    text-decoration: none;}
.a_000_f60 a:hover, a.a_000_f60:hover{    color: #f60;    text-decoration: underline;}
/*style*/
.a_006_f60 a, a.a_006_f60{    color: #006;    text-decoration: none;}
.a_006_f60 a:hover, a.a_006_f60:hover{    color: #f60;    text-decoration: underline;}
/*style*/
.a_039_f60 a, a.a_039_f60{    color: #039;    text-decoration: none;}
.a_039_f60 a:hover, a.a_039_f60:hover{    color: #f60;    text-decoration: underline;}
/*style*/
.a_f00_f60 a, a.a_f00_f60{    color: #f00;    text-decoration: none;}
.a_f00_f60 a:hover, a.a_f00_f60:hover{    color: #f60;    text-decoration: underline;}
/*style*/
.a_fff_f60 a, a.a_fff_f60{    color: #fff;    text-decoration: none;}
.a_fff_f60 a:hover, a.a_fff_f60:hover{    color: #f60;    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
*/
.bd_c66 { border: 1px solid #c66; }

/*
bgcolor style
*/
.bg_nickname{ background: #eee; width: 132px; line-height: 20px; margin: 2px auto; }

.bg_f2dad6{ background: #f2dad6; }

.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
*/
.pad4{ padding: 4px; }
.pad6{ padding: 6px; }
.pad6tb{ padding: 6px 0px; }
.pad12t{ padding-top: 12px; }
.pad12l{ padding-left: 12px; }
.pad12r{ padding-right: 12px; }
.pad80l{ padding-left: 80px; }
.pad160l{ padding-left: 160px; }




/*
width style
*/
.w80{ width: 80px; }
.w100{ width: 100px; }
.w200{ width: 200px; }
.w250{ width: 250px; }
.w300{ width: 300px; }
.w400{ width: 400px; }
.w500{ width: 500px; }
.w600{ width: 600px; }


