@charset "UTF-8";

html{font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN W3", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Asadong, Times, serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:14px;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
li{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video,img{display:block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;text-decoration:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/* 通用标签 */
html,body{
    height:100%;
}
body{
    background:#071020 url(http://img1.igg.com/game/lo/images/de/bg_max_border.png) repeat-y center center;
}
.content_box{
    width:1160px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
.after:after{
    content:"\20";
    clear:both;
    height:0;
    display:block;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
/* 通用顶部导航 */
.general_bar{
    background-color:rgba(0,0,0,.7);
    height:50px;
    line-height:50px;
    color:#c5c5c5;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2;
}
.general_bar .info{
    float:right;
}
.general_bar .igg_logo{
    background:url(http://img1.igg.com/game/lo/images/de/igg_logo.png) no-repeat center 4px;
    background-size:100%;
    width:63px;
    height:50px;
    float:left;
}
.general_bar .igg_logo .link{
    display:block;
    width:100%;
    height:100%;
}
/* 通用左侧分享 */
.float-left{
    position:fixed;
    top:200px;
    left:200px;
    width:68px;
    height:330px;
    z-index:10;
}
.float-absolute{
    position:absolute;
    top:100px;
}
.float-left .link,
.float-left .link:before{
    background-image:url(http://img1.igg.com/game/lo/images/de/float_left_bg.png);
    background-repeat:no-repeat;
}
.float-left .link{
    display:block;
    width:68px;
    height:68px;
    margin-bottom:10px;
    position:relative;
    z-index:1;
}
.float-left .fl_btn1{
    background-position:-68px 0;
}
.float-left .fl_btn2{
    background-position:-68px -90px;
}
.float-left .fl_btn3{
    background-position:-68px -180px;
}
.float-left .fl_btn4{
    background-position:-68px -259px;
}
.float-left .fl_btn1:before{
    background-position:-1px 0;
}
.float-left .fl_btn2:before{
    background-position:-1px -90px;
}
.float-left .fl_btn3:before{
    background-position:-1px -180px;
}
.float-left .fl_btn4:before{
    background-position:-1px -259px;
}
.float-left .link:before{
    content:"\20";
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    opacity:0;
    transition: opacity .125s ease-out;
    -webkit-transition: opacity .125s ease-out;
}
.float-left .link:hover:before{
    opacity:1;
}
/** 分页 **/
.pagination{
    height:30px;
    line-height:30px;
    margin:30px 0;
    text-align:center;
    font-size:16px;
}
.pagination .link,
.pagination .active-pagination{
    color:#452401;
    max-width:100px;
    padding:3px 13px;
    background:rgba(0,0,0,.1);
    display:inline-block;
    border:1px solid #c2a787;
}
.pagination .link:hover,
.pagination .active-pagination{
    background-color: rgba(235,217,171,.7);
    border: 1px solid #bd9867;
}