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

#content #hederImg{width:100%; max-width:1024px; min-height:850px; position:relative;}
#content #hederImg .return15th{width:100%; max-width:165px; position:absolute; top:10px; right:0;}
#content #hederImg .days{width:100%; max-width:515px; position:absolute; bottom:0; right:0;}
#content #hederImg .ribbon{width:100%; max-width:1019px; position:absolute; top:0; left:auto;}
#content #hederImg .title{width:100%; max-width:568px; position:absolute; top:60px; left:228px; padding-top:14.61%; background:url(../_img/title.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#content #hederImg .read{width:100%; max-width:552px; position:absolute; top:160px; left:236px;}
#content #hederImg .logo15{width:100%; max-width:126px; position:absolute; top:160px; right:0;}
#content #hederImg #gallery{width:100%; max-width:964px; position:absolute; top:250px; left:30px; height:508px;}
#content #hederImg #gallery p{padding-bottom:0.6em; line-height:1.3em}

.shortBox{width:100%; background:url(../_img/flameBGK.png) no-repeat; height:470px;}

.shortBox{padding:25px;}
.shortBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.shortBox .imgBox{width:100%; max-width:460px; float: left;}
.shortBox .textBox{width:100%; max-width:415px; margin:0 0 0 25px; float: left;}
.shortBox .textBox .nameBox {width:100%; max-width:415px; background:url(../_img/lainK.png) bottom left repeat-x; margin:10px 0;}
.shortBox .textBox .nameBox img{max-width:141px; padding-bottom:5px;}
.shortBox .textBox .comentBox .job{font-size:80%; color:#069;}
.shortBox .textBox .comentBox .job span{font-weight:bold;}
.shortBox .textBox .btn{max-width:169px; padding-bottom:10px; margin:30px auto;}

#thumbBox1 ul{width:100%; max-width:964px; height:85px;}
#thumbBox1 ul:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#thumbBox1 li{width:100%; max-width:120px; height:85px; margin-left:10px; float: left;}