﻿/*
global style
*/
body, html{ margin: 0px auto; padding: 0px; font-size: 12px; background: #ffffce; }
h1, h2, h3, h4, h5, h6, h7{ margin: 0px; padding: 0px; }
form{ margin: 0px; }
img{ border: 0px; }
ul.ulist, .ulist ul{ list-style: none; margin: 0px; padding: 0px; }
ul.float li, .float ul li{ float: left; }
a{ color: #049; text-decoration: none; }
a:hover{ color: #f63; text-decoration: underline; }
.block{ display: block; }
.none{ display: none; }
.pointer{ cursor: pointer; }

/*
div style
*/
div.align{ margin: 0px auto; }
div.w960{ width: 960px; margin: 0px auto; }
div.w958{ width: 958px; margin: 0px auto; }
div.w8{ float: left; width: 8px; height: 1px; }

/*
common style
*/
.fleft{ float: left; }
.fright{ float: right; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.clear{ clear: both; }

/*
font style
*/
.bold{ font-weight: bold; }
.underline a, a.underline{ text-decoration: underline; }
.ft11{ font-size: 11px; }
.ft12{ font-size: 12px; }
.ft14{ font-size: 14px; }
.ft24{ font-size: 24px; }

/*
height style
*/
.h100p{ height: 100%; }
.h6{ height: 6px; line-height: 0px; font-size: 0px; }
.h7{ height: 7px; line-height: 0px; font-size: 0px; }
.h10{ height: 10px; line-height: 0px; font-size: 0px; }
.h30{ height: 30px; }

/*
line-height style
*/
.lh20{ line-height: 20px; }
.lh24{ line-height: 24px; }
.lh28{ line-height: 28px; }
.lh30{ line-height: 30px; }

/*
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_36c_f90 a, a.a_36c_f90{ color: #36c; text-decoration: none; }
.a_36c_f90 a:hover, a.a_36c_f90:hover{ color: #f90; 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_c00 a, a.a_fff_c00{ color: #fff; text-decoration: none; }
.a_fff_c00 a:hover, a.a_fff_c00:hover{ color: #c00; background: #fff; text-decoration: none; }


/*
text style
*/
.c_36c, .c_36c a, a.c_36c{ color: #36c; }

.c_039{ color: #039; }
.c_069{ color: #069; }

.c_360, .c_360 a, a.c_360{ color: #360; }
.c_360 a:hover, a.c_360:hover{ color: #360; }

.c_06c, .c_06c a, a.c_06c{ color: #06c; }
.c_666, .c_666 a, a.c_666{ color: #666; }
.c_69c, .c_69c a, a.c_69c{ color: #69c; }

.c_999{ color: #999; }
.c_ccc{ color: #ccc; }

.c_f00, .c_f00 a, a.c_f00{ color: #f00; }
.c_f60, .c_f60 a, a.c_f60{ color: #f60; }

.c_f90{ color: #f90; }

.c_fff, .c_fff a, a.c_fff{ color: #fff; }
.c_fff a:hover, a.c_fff:hover{ color: #fff; }

.c_900, .c_900 a, a.c_900{ color: #900; text-decoration: none; }
.c_900 a:hover, a.c_900:hover{ text-decoration: underline; }

.c_c00, .c_c00 a, a.c_c00{ color: #c00; text-decoration: none; }
.c_c00 a:hover, a.c_c00:hover{ text-decoration: underline; }

/*
border style
*/
.bd_69c{ border: 1px solid #69c; }
.bd_999{ border: 1px solid #999; }
.bd_9cf{ border: 1px solid #9cf; }
.bd_ccc{ border: 1px solid #ccc; }

.bd_ddd{ border: 1px solid #ddd; }
.bd_ddd_b{ border-bottom: 1px solid #ddd; }

.bd_fc9{ border: 1px solid #fc9; }


/*
bgcolor style
*/
.bg_ef{ background: #efefef; }
.bg_f0{ background: #f0f0f0; }
.bg_f8{ background: #f8f8f8; }
.bg_fa{ background: #fafafa; }

.bg_fff{ background: #fff; }
.bg_06c{ background: #06c; }
.bg_69c{ background: #69c; }

/*
margin style
*/
.mg2t{ margin-top: 2px; }

.mg4l{ margin-left: 4px; }
.mg4r{ margin-right: 4px; }

.mg5b{ margin-bottom: 5px; }
.mg5lr{ margin-left: 5px; margin-right: 5px; }

.mg7t{ margin-top: 7px; }
.mg7b{ margin-bottom: 7px; }
.mg7l{ margin-left: 7px; }
.mg7r{ margin-right: 7px; }

.mg8l{ margin-left: 8px; }
.mg8r{ margin-right: 8px; }
.mg10r{ margin-right: 10px; }

/*
padding style
*/
.pad1t{ padding-top: 1px; }
.pad1b{ padding-bottom: 1px; }

.pad2t{ padding-top: 2px; }
.pad2b{ padding-bottom: 2px; }
.pad2tb{ padding-top: 2px; padding-bottom: 2px; }

.pad3{ padding: 3px; }

.pad4{ padding: 4px; }
.pad4t{ padding-top: 4px; }
.pad4b{ padding-bottom: 4px; }
.pad4tb{ padding-top: 4px; padding-bottom: 4px; }
.pad4lr{ padding-left: 4px; padding-right: 4px; }

.pad5{ padding: 5px; }
.pad5t{ padding-top: 5px; }
.pad5b{ padding-bottom: 5px; }
.pad5tb{ padding-top: 5px; padding-bottom: 5px; }
.pad5lr{ padding-left: 5px; padding-right: 5px; }

.pad6{ padding: 6px; }
.pad6t{ padding-top: 6px; }
.pad6b{ padding-bottom: 6px; }
.pad6tb{ padding-top: 6px; padding-bottom: 6px; }
.pad6l{ padding-left: 6px; }
.pad6r{ padding-right: 6px; }
.pad6lr{ padding-left: 6px; padding-right: 6px; }

.pad8{ padding: 8px; }
.pad8lr{ padding-left: 8px; padding-right: 8px; }

.pad7t{ padding-top: 7px; }
.pad7b{ padding-bottom: 7px; }

.pad10{ padding: 10px; }
.pad10l{ padding-left: 10px; }
.pad10r{ padding-right: 10px; }
.pad10lr{ padding-left: 10px; padding-right: 10px; }

.pad12{ padding: 12px; }
.pad12t{ padding-top: 12px; }
.pad12l{ padding-left: 12px; }

.pad14b{ padding-bottom: 14px; }

.pad20l{ padding-left: 20px; }

/*
line style
*/
.line_9cf{ height:1px; line-height: 0px; font-size: 0px; overflow: hidden; background: #9cf; }
.line_ddd{ height:1px; line-height: 0px; font-size: 0px; overflow: hidden; background: #ddd; }

/*
ad space
*/
.ad_banner{ width: 960px; margin: auto auto 7px auto; }

/*
input style
*/
input.text{ width: 128px; border: 1px solid #69c; }
/*











/*
header
*/
#header{ }
#header h1{ float: left; font-size: 12px; font-weight: normal; }
#header .line{ background: #f8f8f8; height: 24px; line-height: 24px; border-bottom: 1px solid #e6e6e6; }
#header .line div{ width: 960px; margin: 0px auto; text-align: right;}
#header .top{ width: 960px; height: 60px; margin: 0px auto; }
#header .top .logo{ float: left; width: 300px; }
#header .top .channel{ float: left; width: 660px; font-weight: bold; padding-top: 20px; }
#header .top .search{ float: left; width: 660px; font-weight: bold; padding-top: 30px; text-align: right; }


/*
end
*/
#end{ clear: both; width: 960px; border: 1px solid #ccc; margin: 10px auto 0px auto; line-height: 24px; text-align: center; }
#end .bg{ background: #eff3f7; }
#end h2{ font-weight: lighter; font-size: 12px; margin: 0px; padding: 0px; }






.pagebox{ font-family: Arial; font-size: 12px; }
.pagebox span{ float: left; margin-right: 2px; text-align: center; background: #fff;}
.pagebox span a{ float:left; display: block; }
.pagebox span.pre_nolink{ border: 1px #ddd solid; width: 53px; height: 21px; line-height: 21px; text-align: center; color: #999; }
.pagebox span.pre{ color: #3568b9; height: 23px; }
.pagebox span.pre a, .pagebox span.pre a:visited, .pagebox span.next a, .pagebox span.next a:visited{ border: 1px #9aafe5 solid; color: #3568b9; text-decoration: none; text-align: center; width: 53px; cursor: pointer; height: 21px; line-height: 21px;}
.pagebox span.pre a:hover, .pagebox span.pre a:active, .pagebox span.next a:hover, .pagebox span.next a:active{ color: #363636; border: 1px #2e6ab1 solid; }
.pagebox span.num_nonce{ padding: 0 8px; height: 23px; line-height: 23px; color: #fff; background: #296cb3; font-weight: bold; }
.pagebox span.num{ color: #3568b9; height: 23px; }
.pagebox span.num a, .pagebox span.num a:visited{ border: 1px #9aafe5 solid; color: #3568b9; text-decoration: none; padding: 0 8px; cursor: pointer; height: 21px; line-height: 21px; }
.pagebox span.num a:hover,.pagebox span.num a:active{ border: 1px #2e6ab1 solid; color: #363636;}
.pagebox span.num_ellipsis{ color: #393733; width: 22px; line-height: 23px;}
.pagebox span.next_nolink{ border: 1px #ddd solid; width: 53px; height: 21px; line-height: 21px; text-align: center; color: #999; }



