/*----------------------------*/

#content #hederImg{width:100%; max-width:1024px; min-height:800px; position:relative; background:url(../_img/mainImg.png) 16px 250px no-repeat;}
#content #hederImg .return15th{width:100%; max-width:165px; position:absolute; top:10px; right:0; z-index:1000;}
#content #hederImg .days{width:100%; max-width:156px; position:absolute; bottom:0; right:0;}
#content #hederImg .titiles{width:100%; max-width:1008px; position:absolute; top:150px; left:50px; z-index:200; padding-top:50%; background:url(../_img/h1titles.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
/*------------------------------------*/
#content .readBoxW .h2Title01,
#content .readBoxW .h2Title02,
#content .readBoxW .h2Title03,
#content .readBoxW .h2Title04,
#content .readBoxW .h2Title05,
#content .readBoxW .h2Title06,
#content .readBoxW .h2Title07,
#content .readBoxW .h2Title08{width:100%; max-width:900px; margin:0 auto; padding:2.7% 0 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

#content .readBoxW .h2Title01{background:url(../_img/h2Title01.png) no-repeat;}
#content .readBoxW .h2Title02{background:url(../_img/h2Title02.png) no-repeat;}
#content .readBoxW .h2Title03{background:url(../_img/h2Title03.png) no-repeat;}
#content .readBoxW .h2Title04{background:url(../_img/h2Title04.png) no-repeat;}
#content .readBoxW .h2Title05{background:url(../_img/h2Title05.png) no-repeat;}
#content .readBoxW .h2Title06{background:url(../_img/h2Title06.png) no-repeat;}
#content .readBoxW .h2Title07{background:url(../_img/h2Title07.png) no-repeat;}
#content .readBoxW .h2Title08{background:url(../_img/h2Title08.png) no-repeat;}

/*------------------------------------*/
#content .readBoxW{width:100%; max-width:900px; margin:30px auto; }
#content .readBoxW .center{width:100%; max-width:900px; margin:30px auto;}
#content .readBoxW .center .read{padding:20px;}
#content .readBoxW .center .read span{font-size:0.9em; color:blue;}

table{font-size:0.9em; width:100% ;margin:20px auto; border-collapse: collapse;text-align: left;line-height: 1.5; border-top:solid #003 1px; border-left:solid #003 1px;}
table th{background:#009; font-weight:bold; color:#fff; padding:2px; text-align:center; vertical-align:middle; border-bottom:solid #003 1px; border-right:solid #003 1px;}
table td{margin:0 auto; padding:2px; vertical-align: middle; border-bottom:solid #003 1px;border-right:solid #003 1px;}
table .textRight{text-align:right;}

/*------------------------------------*/
#content .readBoxW .center{width:100%; max-width:900px; margin:30px auto; background: url(../../_img/comentBGwhite.png); margin:0 auto; padding:0;}
#content .readBoxW .center .boxbest5Img{width:100%; max-width:819px; margin:0 auto;padding-bottom:20px;}

/*------------------------------------*/
#content .readBoxW .center .graphBox1{width:100%; max-width:830px;margin:0 auto; padding:20px 0 20px;}
#content .readBoxW .center .graphBox1:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .graphBox1 .leftText{width:380px; float:left;  line-height:120%;}
#content .readBoxW .center .graphBox1 .leftText .msg{line-height:120%; padding:15px; background: #99f}
#content .readBoxW .center .graphBox1 .leftText .msg p{color:blue;}
#content .readBoxW .center .graphBox1 .rightImg{width:422px; float:right;}

/*------------------------------------*/
#content .readBoxW .center .graphBox2{width:100%; max-width:845px;margin:0 auto; padding:20px 0 20px;}
#content .readBoxW .center .graphBox2 .clearBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .graphBox2 .leftText{width:380px; float:left;  line-height:120%;}
#content .readBoxW .center .graphBox2 .rightText{width:380px; float:right;  line-height:120%; padding:15px; background: #99f}
#content .readBoxW .center .graphBox2 .rightText p{color:blue;}
#content .readBoxW .center .graphBox2 li{margin:10px auto 0; float:left;}
#content .readBoxW .center .graphBox2 .lv01{width:100%; max-width:880px; margin:10px auto 0;}
#content .readBoxW .center .graphBox2 .lv02{width:100%; max-width:376px; margin:10px auto 0;}

/*------------------------------------*/
#content .readBoxW .center .graphBox3{width:100%; max-width:830px; margin:0 auto; padding:20px 0 20px;}
#content .readBoxW .center .graphBox3 .clearBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .graphBox3 .leftText{width:250px; float:left;  line-height:120%;}
#content .readBoxW .center .graphBox3 .leftText span{font-size:0.9em; color:blue;}
#content .readBoxW .center .graphBox3 .leftText .msg{ padding:15px; background: #99f; margin:10px auto 0;}
#content .readBoxW .center .graphBox3 .leftText .msg p{color:blue;}
#content .readBoxW .center .graphBox3 .rightText{width:550px; float:right; line-height:120%;}
#content .readBoxW .center .graphBox3 .rightText:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .graphBox3 .rightText .fLeftTable{float:left; width:270px;}
#content .readBoxW .center .graphBox3 .rightText .fRightTable{float:right; width:270px;}

/*------------------------------------*/
#content .readBoxW .center .graphBox4{width:100%; max-width:845px; margin:0 auto; padding:20px 0 20px;}
#content .readBoxW .center .graphBox4 .clearBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .graphBox4 .leftText{width:400px; float:left; line-height:120%; margin:10px auto 0;}
#content .readBoxW .center .graphBox4 .rightText{width:400px; float:right; line-height:120%; margin:10px auto 0;}
#content .readBoxW .center .graphBox4 .msg{margin:10px auto 0; padding:15px; background: #99f}
#content .readBoxW .center .graphBox4 .msg p{color:blue;}