#side_area{ position: absolute; right: -210px; top: 500px; width: 190px;}
#side_area .link_form{position: fixed; z-index:500;  width:100%; max-width:200px; }

/*----------------------------*/
#content #hederImg{width:100%; max-width:1024px; min-height:800px; position:relative;}
#content #hederImg .return15th{width:100%; max-width:165px; position:absolute; top:10px; right:0;}
#content #hederImg .days1{width:100%; max-width:871px; position:absolute; bottom:0; right:0;}
#content #hederImg .days2{width:100%; max-width:712px; position:absolute; bottom:35px; right:159px;}

#content #hederImg .title{width:100%; max-width:590px; position:absolute; top:580px; left:217px; padding-top:27.28%; background:url(../_img/h1titles.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#content #hederImg .titleImg{width:100%; max-width:1024px; position:absolute; top:50px; left:0;}

/*------------------------------------*/
#content #setinfo{width:100%; max-width:1024px; text-align:center;}
#content #setinfo .h2title{width:100%; max-width:999px; margin:20px auto 0; padding-top:6.8%; background:url(../_img/h2title.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#content #setinfo ul:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content #setinfo li{width:100%; max-width:460px; margin:0 26px; float:left;}
#content #setinfo .lien{width:100%; max-width:909px; margin:0 auto;}

/*------------------------------------*/
#content .readBoxW{width:100%; max-width:900px; margin:30px auto; }
#content .readBoxW .h3ItemTitle,
#content .readBoxW .h3WallpaperTitle,
#content .readBoxW .h3MovieTitle,
#content .readBoxW .h3CPTitle,
#content .readBoxW .h3EnchantmentTitle,
#content .readBoxW .h3itemPropertyTitle{width:100%; max-width:900px; margin:0 auto; padding:2.7% 0 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

#content .readBoxW .h3ItemTitle{background:url(../_img/h3ItemTitle.png) no-repeat;}
#content .readBoxW .h3WallpaperTitle{background:url(../_img/h3WallpaperTitle.png) no-repeat;}
#content .readBoxW .h3MovieTitle{background:url(../_img/h3MovieTitle.png) no-repeat;}
#content .readBoxW .h3CPTitle{background:url(../_img/h3CPTitle.png) no-repeat;}
#content .readBoxW .h3EnchantmentTitle{background:url(../_img/h3EnchantmentTitle.png) no-repeat;}
#content .readBoxW .h3itemPropertyTitle{background:url(../_img/h3itemPropertyTitle.png) no-repeat;}
/*------------------------------------*/
#content .readBoxW .center{width:100%; max-width:900px; background: url(../_img/comentBG.png); margin:0 auto; padding:0;}
#content .readBoxW .center .lien{width:100%; max-width:868px;margin:0 auto 0; padding:0;}
#content .readBoxW .center .itemBox{width:100%; max-width:775px; margin:0 auto; padding:30px 0 0;display:block;}
#content .readBoxW .center .itemBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .itemBox .icon{width:100%; max-width:248px; float:left;}
#content .readBoxW .center .itemBox .info{width:100%; max-width:508px; float:right; line-height:130%;}
#content .readBoxW .center .itemBox .info h4{width:100%; max-width:508px; margin:0 auto; padding:11% 0 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#content .readBoxW .center .itemBox .info .h4itemTitle1{background:url(../_img/h4itemTitle1.png) no-repeat;}
#content .readBoxW .center .itemBox .info .h4itemTitle2{background:url(../_img/h4itemTitle2.png) no-repeat;}
#content .readBoxW .center .itemBox .info .h4itemTitle3{background:url(../_img/h4itemTitle3.png) no-repeat;}
#content .readBoxW .center .itemBox .info .h4itemTitle4{background:url(../_img/h4itemTitle4.png) no-repeat;}
#content .readBoxW .center .itemBox .info .h4itemTitle5{background:url(../_img/h4itemTitle5.png) no-repeat;}
#content .readBoxW .center .itemBox .info .itemGif{width:100%; max-width:449px; margin:0 auto; padding:20px 0;}
#content .readBoxW .center .itemBox .info .itemSS{width:100%; max-width:225px; padding:20px 0;}

/*------------------------------------*/
#content .readBoxW .center .h4WallpaperTitle{width:100%; max-width:550px; margin:0 auto; padding:3% 0 0 0;background:url(../_img/h4WallpaperTitle.png) no-repeat bottom center; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#content .readBoxW .center .wallBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .wallBox li{width:100%; max-width:438px; margin:6px; padding:0; float:left;}
#content .readBoxW .center .wallBox .listBox{width:380px; height:339px; margin:45px 26px; background:url(../_img/purpleBGS.png) no-repeat center center; line-height:130%;}
#content .readBoxW .center .wallBox .listBox dl{padding:0 10px 10px;}
#content .readBoxW .center .wallBox .listBox dt{color:#000; font-size:1.2em;padding-top:15px;}
#content .readBoxW .center .wallBox .listBox dd a{font-size:0.8em;}
#content .readBoxW .center .wallBox .listBox p{text-align:right; font-size:0.8em; color:red;}

/*------------------------------------*/
#content .readBoxW .center .movieBox{width:100%; max-width:760px; margin:0 auto; padding:0 0;}
#content .readBoxW .center .movieBox .readBox,
#content .readBoxW .center .movieBox .artistBox,
#content .readBoxW .center .movieBox .listBox{ margin:0 auto; padding:20px 0;}
#content .readBoxW .center .movieBox .readBox:after,
#content .readBoxW .center .movieBox .artistBox:after,
#content .readBoxW .center .movieBox .listBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}

#content .readBoxW .center .movieBox .readBox .h4quest{width:100%; max-width:173px; background:url(../_img/h4quest.png) no-repeat; margin:0 auto; padding:2.7% 0 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; float:left;}
#content .readBoxW .center .movieBox .readBox p{width:100%; max-width:580px; float:left;}

#content .readBoxW .center .movieBox .artistBox p{width:100%; max-width:353px; float:left; margin:13px;}

#content .readBoxW .center .movieBox .listBox{width:760px; height:176px; background:url(../_img/purpleBGB.png) no-repeat center center; line-height:130%;}
#content .readBoxW .center .movieBox .listBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .movieBox .listBox dl{width:48%; padding:1%; float:left;}
#content .readBoxW .center .movieBox .listBox dl span{font-size:0.8em;}
#content .readBoxW .center .movieBox .listBox dt{padding-top:10px;}
#content .readBoxW .center .movieBox .listBox dd a{font-size:0.8em;}
#content .readBoxW .center .movieBox .listBox p{text-align:right; font-size:0.8em; color:red;}

/*------------------------------------*/
#content .readBoxW .center .towCol{width:100%; max-width:850px; margin:0 auto; padding:0 0;}
#content .readBoxW .center .towCol:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .center .towCol .leftBox{width:100%; max-width:600px; margin:0 auto; padding:0 0; float:left;}
#content .readBoxW .center .towCol .leftBox .h4CPTitle{width:100%; max-width:600px; background:url(../_img/h4CPTitle.png) no-repeat; margin:20px auto; padding:2.7% 0 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; float:left;}
#content .readBoxW .center .towCol .leftBox .comment{line-height:130%; padding:10px 0;}
#content .readBoxW .center .link{width:100%; max-width:589px; margin:10px auto; padding:10px 0 20px; text-align:center;}
#content .readBoxW .center .towCol .right210Box{width:100%; max-width:210px; margin:0 auto; padding:20px 0; float:right;}
#content .readBoxW .center .towCol .right157Box{width:100%; max-width:157px; margin:0 auto; padding:20px 26px; float:right;}

/*------------------------------------*/
#content .readBoxW .center .itemProperty{width:100%; max-width:850px; margin:0 auto; padding:10px 0;}
#content .readBoxW .center .itemProperty .read{ margin:10px auto; line-height:130%; display:block;}
#content .readBoxW .center .itemProperty table{width:100%; max-width:800px; margin:0 auto 20px; border-collapse: collapse;text-align: left;line-height: 1.5; border-top:solid #003 1px; border-left:solid #003 1px;}
#content .readBoxW .center .itemProperty table th {background:#009; font-weight:bold; color:#fff; padding:5px; vertical-align:middle; border-bottom:solid #003 1px; border-right:solid #003 1px;}
#content .readBoxW .center .itemProperty table td {background:#fff; margin:0 auto; padding:5px; vertical-align:middle; border-bottom:solid #003 1px;border-right:solid #003 1px;}
#content .readBoxW .center .itemProperty table td.icon{width:75px; margin:0;}
#content .readBoxW .center .itemProperty .com{margin:0 0 20px; padding:10px; border:solid #003 1px}

#content .readBoxW .center .h4CPTitle{width:100%; max-width:601px; margin:0 auto; padding:3% 0 0 0;background:url(../_img/h4CPTitle.png) no-repeat bottom center; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/*------------------------------------*/
#content .readBoxW .centerB{width:100%; max-width:900px; background: url(../_img/comentBGblue.png); margin:0 auto; padding:0;}
#content .readBoxW .centerB .towCol{width:100%; max-width:800px; margin:0 auto; padding:30px 0; color:#fff;}
#content .readBoxW .centerB .towCol:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content .readBoxW .centerB .towCol .leftBox{width:100%; max-width:431px; margin:0 auto; padding:0 0; float:left;}
#content .readBoxW .centerB .towCol .leftBox .packtitle{width:100%; max-width:431px; background:url(../_img/h4packageTitle.png) no-repeat; margin:10px auto; padding:64.73% 0 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; float:left;}
#content .readBoxW .centerB .towCol .rightBox{width:100%; max-width:280px; margin:0 auto; padding:20px 0; float:right; font-size:0.8em;}
#content .readBoxW .centerB .towCol .rightBox p{margin-bottom:10px; text-align:right;}
#content .readBoxW .centerB .towCol .link{width:100%; max-width:589px; margin:10px auto; padding:0 0; text-align:center;}

/*------------------------------------*/
#content #linkBox{width:100%; max-width:900px; margin:30px auto;}
#content #linkBox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
#content #linkBox li{width:100%; max-width:295px; margin-right:5px; float: left;}
#content #linkBox li:last-child{ margin-right:0;}