body {
    /*font: 14px 'Helvetica Neue', 'Helvetica', 'Arial', 'STHeiti', 'Microsoft JhengHei', 'sans-serif';*/
    /*font-size: 14px;*/
    font:  0.875em "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "黑体", Tahoma, Geneva, Verdana, sans-serif;
    background: #dfdfdf url("../images/fugu-layout.jpg") no-repeat;

    background-position: center top;
    max-width: 100%;
    /*width: 1200px;*/
    height: auto;
    max-height: 100%;
    margin:45px;
    padding:0;/*vertical-align: middle;*/
}
a {
    color: #000;
}
a:hover{
    color: #00B5B9;
}
/*clearfix*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*登入頁面會跑掉*/
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*clearfix End*/
.float_left{
    float: left;
}
.float_right{
    float: right;
}
.game-banner{
    z-index: 1;
    position:absolute;
    margin: -45px 0 0 0;
}
.main_bg{

}
.game-banner,.container{
    text-align: center;
    margin: 0px auto;/*div置中*/
    margin-top: 275px;
    width: 950px;
    height: auto;
    position:relative;
}
.game-container-left{
    background: #ffffff;
    width:280px;
    min-height: 700px;
    max-height: 100%;
    margin: 0 0 50px 0;
    border-radius: 5px;
}
.game-container-right{
    background: #ffffff;
    width:640px;
    min-height: 700px;
    max-height: 100%;
    margin: 0 0 50px 30px;
    border-radius: 5px;
}
.game-top-left{
    margin: 0 0 5px 0;
    height: 100%;
}
.game-top-right{
    margin: 0 0 5px 30px;
    width:640px;
    background: url("../images/transparent_bg.png") no-repeat;
    background-size: 100% auto;
    height: 90px;
}
.game-right-nav ul{
    margin: 18px 0 0 25px;
    display: inline-block;
    width:680px;
}
.game-right-nav ul li a{
    margin: 0 5px 0 0;
    width: 145px;
    height: 50px;
    float: left;
}
.startGame {
    width: 280px;
    height: 80px;
}
.startGame a{
    background: url("../images/fugu-startGame.png") no-repeat;
    width: 280px;
    height: 80px;
    display: block;
}
.startGame a:hover,.startGame-focus a{
    background: url("../images/fugu-startGame2.png") no-repeat;
}

.btn-A a{
    background: url("../images/fugu-btn-A.png") no-repeat;
}
.btn-A a:hover, .btn-A-focus a{
    background: url("../images/fugu-btn-A2.png") no-repeat;
}
.btn-B a{
    background: url("../images/fugu-btn-B.png") no-repeat;
}
.btn-B a:hover, .btn-B-focus a{
    background: url("../images/fugu-btn-B2.png") no-repeat;
}
.btn-C a{
    background: url("../images/fugu-btn-C.png") no-repeat;
}
.btn-C a:hover, .btn-C-focus a{
    background: url("../images/fugu-btn-C2.png") no-repeat;
}
.btn-D a{
    background: url("../images/fugu-btn-D.png") no-repeat;
}
.btn-D a:hover, .btn-D-focus a{
    background: url("../images/fugu-btn-D2.png") no-repeat;
}

.login-blackField{
    width: auto;
    height: 90px;
    line-height: 1.5;
    margin: 10px 0 10px 0;
    background:url("../images/fugu-login-bg.png") left 10px top 0 no-repeat;
}
.login-blackFieldTwo{
    width: auto;
    height: 40px;
    margin: 5px 0 0 0;
    background:url(../images/blackField.png) right 17px top no-repeat;
}
.game-login{
    text-decoration:underline;
}
.text-small{
    font-size: 12px;
}
.game-register,.game-underline{
    text-decoration:underline;
}
.login-grayField{
    width: auto;
    height: 40px;
    margin: 10px 0 0 0;
    background:url(../images/grayField.png) right 17px top no-repeat;
}
.login-server{
    position: relative;
}
.login-server .server-name{
    position: absolute;
    left: 20px;
    top: 23px;
}
.login-server .server-choice{
    position: absolute;
    right: 20px;
    top: 23px;
    font-size: 12px;
}
.text-white{
    color:#ffffff;
    position: relative;
    top:10px;
}
.bk-white{
    /*background: #ffffff;*/
    /*!*padding: 2px 0 0 0;*!*/
    margin: 3px 5px 0 5px;
    /*position: relative;*/
    /*padding: -5px 0 -5px 0;*/
    /*width: 10px;*/
    /*height: 10px;*/
}
.login-picBg{
    background: url("../images/login-picBg.png") no-repeat;
    width: 150px;
    height: 44px;
    /*margin: 0 0 0 -1px;*/
}
.bk-gray{
    background: #888888;
    width: 100px;
    height: 20px;
    margin: 10px 0 0 10px;
    border-radius:5px;
    color: #ffffff;
    padding: 1px 2px 1px 0;

}
.maintainTime{
    background: url("../images/fugu-maintain-time.png") no-repeat;
    width: 280px;
    height: 150px;
}
.maintainText{
    width: 150px;
    padding: 50px 0 0 30px;
    line-height: 1.5;
    text-align: center;
}
.maintainLine{
    border: 1px solid #bbb;
    margin: 0 15px;
}
.login-fb,
.login-playersForum,
.login-ig{
    width: auto;
    height: 55px;
    padding: 20px 0 0 60px;
    cursor: pointer;
}
.login-ig{
    margin: 0 0 10px 0;
}
.black-bk{
    background: #000;
    color: #fff;
    margin: 15px 0 0 23px;
    padding: 5px 35px 5px 35px;
    border: 4px double #ffffff;
    border-radius:5px;
    font-size: 16px;
}
.game-sub-banner img{
    width: 650px;
    margin: 20px 0 0 10px;
    height: auto;
}
.activity{
    width: 620px;
    min-height: 170px;
    max-height: 100%;
    overflow: auto;
    margin: 20px 0 10px 20px;
    position: relative;
}
.activity-text{
    width:65%;
    font-size:12px;
    position: relative;
    max-height: 100%;
    font-weight:bold;
}
.activity-title{
    color: #2c456f;
    font-size:24px;
    text-align: left;
    font-weight:bold;
    margin: 5px 0 5px 8px;
}
.activity-date{
    color: #888;
    font-size:14px;
    text-align: left;
    /*font-weight:bold;*/
    margin: 5px 0 5px 10px;
}
.activity-content{
    text-align:justify;
    padding: 0 25px 20px 10px;
    max-height: 100%;
    overflow: auto;
}
.activity-img{
    width: 20%;
    position: relative;
}
.watchMore{
    width: 15%;
    position: absolute;
    color:#22a5d6;
    /*right: 0;*/
    bottom: 4px;
    margin: 10px 0 0 310px;
}
.game-readMore{
    font-size: 12px;
    margin: 0 5px 0 0;
    line-height: 1.2;
    color: #2c456f;
    font-weight: bold;
}
.game-readMore:hover{
    color: #4cadd8;
}
.game-readMore-img{
    background: url("../images/more-fugu.png") no-repeat;
    width: 40px;
    height: 15px;
    display: inline-block;
}
.watchMore a{
    text-decoration: underline;
}
.activity-img img{
    margin: 5px 0 0 25px;
}
.actLine{
    border: 1px solid #3982a2;
    margin: 0 30px 10px 30px;
}
.watchMoreBtn{
    margin: 20px 0 20px 290px;
    color:  #22a5d6;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}
/*game_blogpost.html*/
.gameGuides{
    border:4px double #000;
    margin: 20px 25px 0 25px;
    text-align: left;
}
.gameGuides-title{
    color: #3aa2c9;
    margin: 20px 10px 20px 15px;
    padding: 0 0 20px 0;
    font-size: 16px;
    border-bottom:1px solid #000;
    position: relative;
    font-weight: bold;
}
.gameGuides-date{
    font-size: 12px;
    position: absolute;
    right:5px;
    bottom:5px;
    color: #888888;
}
.gameGuides-content{
    margin: 20px 0 0 25px;
    text-align:justify;
}
.gameGuides-title-s{
    margin: 20px 0 0 25px;
    color:#5572b8;
    font-weight: bold;
}
.margin-bottom{
    margin-bottom: 20px;
}
.color-yg{
    color:#a8aa56;
    font-weight: bold;
}
.gameGuides-img1{
    margin: 10px 0 20px 20px;
}
.gameGuides-img1 img{
    margin: 0 0 0 20px;
}
.gray-deleteLine{
    text-decoration: line-through;
    color: #9c9c9c;
}
/*game_blogpost.html End*/
/*gameLoading.html*/
.game-block-left{
    margin:0 0 0 250px;
}
.game-block{
    margin: 30px 0 0 100px;
}
.game-block p a{
    display: block;
    color: #FFFFFF;
    background: #000000;
    padding: 3px 30px;
    border-radius: 5px;
}
.mwt_border{
    text-align:center;
    background:#000;
    position:relative;
    border: solid 1px #333;
    margin: 0 0 10px 0;
}
/*箭頭下*/
/*箭頭下-邊框*/
.mwt_border .arrow_b_out{
    width:0px;
    height:0px;
    border-width:7px;
    border-style:solid;
    border-color:#000 transparent transparent transparent ;
    position:absolute;
    bottom:-12px;
    right:20px;
}
/*gameLoading.html End*/
/*server #inline*/
.server{
    /*margin: 0 0 0 40px;*/
    height: 310px;
    position: relative;
}
.server-block-top{
    margin: 20px 0 10px 0;
    position: relative;
}
.server-block-top p{
    color: #a40027;
    font-weight: bold;
    margin: 0 0 16px 0;
}
.server-block-top img{
    position: absolute;
    z-index: 2;
    left: 70px;
    top: 10px;
}
.server-block, .recent-open{
    margin: 0 0 10px 0;
}
.server-block-btn{
    background: url("../images/server-btn-bg.png") no-repeat;
    /*  background-size: 100% 100%;
      padding: 7px 12px;*/
    font-weight: bold;
    width: 105px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
/*.server-block-btn{
    background: url("../images/server-btn-bg.png") no-repeat;
    background-size: 100% 100%;
    padding: 7px 12px;
    font-weight: bold;
}*/
/*.server-block-btn-star{
    background: url("../images/server-btn-bg-star.png") no-repeat;
    background-size: 100% 100%;
    padding: 7px 12px;
    font-weight: bold;
}*/
.recent-open p{
    color: #2c456f;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.server-block p{
    color: #333333;
    font-weight: bold;
    margin: 0 0 5px 0;
}
/*背景圖案無法完全出現，使用inline-block後再設長寬 0420*/
.server-block-top a, .server-block a,.recent-open a{
    margin: 0;
    display: inline-block;
}
/*server #inline End*/
/* footer 對齊上面 */
/* 產品官網的footer */
/*.left-footer{
    margin-left: -100px;    
}*/
.mg-footer{
    text-align: center;
    margin: 0 auto;
    position: relative;
    width: 950px;
    /*margin-top: 50px;*/
    padding: 10px 27px 20px 27px;
    border-radius: 10px;
    border: 1px solid;
    color: #ffffff;
    background-color: #9f9f9f;
    height: 87px;
    display: block;
    font-size: 13px;
    box-sizing: border-box;
}
.mg-footer img{
    position: absolute;
    left: 15px;
}
.mg-footer a {
    color: #FFFFFF;
}
.mg-footer p {
    display: inline;
    margin-top: -20px;
}
.mg-footer p.fontblack {
    color: #000;
    margin: 0 8px;
}
.mg-footer .mg-footer-content{
    text-align: right;
}
.mg-footer .copyright {
    display: inherit;
    margin-top: 40px;
}
/* 產品官網的footer  END*/

.blog-title h3{
    margin: 0 auto;
    font-size: 22px;
    color: #3982a2;
    font-weight: bold;
    margin: 30px 0 10px 0;
}
.blog-title .blog-time{
    font-size: 12px;
    color: #888;
    text-align: left;
    margin: 0 0 5px 15px;
}
.blog-body{
    margin: 10px 15px;
}
/* 公告內文*/
/*內文*/
.blog-body {
    text-align: left;
}
/*段落行距*/
.blog-body p {
    line-height:2.5em;
}
/*內文大標題*/
.blog-body h1 {
    color:#28cacd;
    font-size: 17px;
    line-height:2.5em;
}
/*內文子標題*/
.blog-body h2 {
    color: #3eb3a0;
    font-size: 15px;
    line-height:2.5em;
}
/*內文連結*/
.blog-body a {
    color: #00B5B9;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}
/*內文連結mouse over*/
.blog-body a:hover {
    color: #003399;
}
/*內文圖片*/
.blog-body img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
/*內文顏色字*/
.blog-body .bold {
    font-weight: bold;
}
.blog-body span.red {
    color: #FF0033;
}
.blog-body span.orange {
    color: #f26522;
}
.blog-body span.blue {
    color: #003399;
}
.blog-body span.olive {
    color: #999933;
}
.blog-body span.grey {
    color: #555555;
}
.blog-body span.grey_s {
    color: #555555;
    font-size: 12px;
}