html,
body,
div>ul,
div>li {
    padding: 0;
    margin: 0;
}

body {
    background: #fff;
    background: url(../images/bg.jpg)top center repeat-y;
    font-family: "Meiryo", "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei",
        /*'NotoSansHant-Thin',*/
        sans-serif;
     !important;
}

.clear {
    clear: both;
    *display: inline;
}

/*@font-face {
	font-family: 'NotoSansHant-Black';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansHant-Black'), url(//image.mangot5.com/happytuk/webfont/NotoSansHant-Black.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansHant-Bold';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansHant-Bold'), url(//image.mangot5.com/happytuk/webfont/NotoSansHant-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansHant-Medium';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansHant-Medium'), url(//image.mangot5.com/happytuk/webfont/NotoSansHant-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansHant-Regular';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansHant-Regular'), url(//image.mangot5.com/happytuk/webfont/NotoSansHant-Regular.otf) format('opentype');
}*/
/*@font-face{font-family:'NotoSansHant-Thin';font-style:normal;font-weight:400;src:local('NotoSansHant-Thin'), url(http://image.mangot5.com/happytuk/webfont/NotoSansHant-Thin.otf) format('opentype');}*/
.font_black {
    font-weight: 900;
}

.font_bold {
    font-weight: 700;
}

.font_medium {
    font-weight: bolder;
}

.font_regular {
    font-weight: bold;
}

.font_thin {}

div>ul,
div>li {
    list-style-type: none;
}
.hd-nav {
    margin-left: 250px;
}
.wrapper {
    overflow: hidden;
    min-width: 1000px;
    position: relative;
}

.fblink {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(../images/fbicon.png) top center no-repeat;
    text-indent: -9999px;
    margin: 15px 5px 0px 65px;
}

.fblink:hover {
    background: url(../images/fbicon.png) top center no-repeat;
}

.youtubelink {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(../images/youtubeicon.png) top center no-repeat;
    text-indent: -9999px;
    margin: 15px 5px 0px 5px;
}

.youtubelink:hover {
    background: url(../images/youtubeicon.png) top center no-repeat;
}

.twichlink {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(../images/twichicon.png) top center no-repeat;
    text-indent: -9999px;
    margin: 15px 5px 0px 5px;
}

.twichlink:hover {
    background: url(../images/twichicon.png) top center no-repeat;
}

.bahalink {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(../images/bahaicon.png) top center no-repeat;
    text-indent: -9999px;
    margin: 15px 5px 0px 5px;
}

.bahalink:hover {
    background: url(../images/bahaicon.png) top center no-repeat;
}

.bd {
    position: relative;
    z-index: 0;
    background: #000 none repeat scroll 0% 0%;
}

.bdtop {
    height: 581px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.bdbottom {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-top: 1px solid #fff;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
}

div>li {
    list-style: none;
}

a img {
    border: none;
    vertical-align: middle;
    border-radius: 0px;
}

#abgne-block-20110111 {
    height: 581px;
}

#abgne-block-20110111 .info {
    display: none;
}

#abgne-block-20110111 .on {
    display: block;
}

#abgne-block-20110111 .title {}

#abgne-block-20110111 .title ul {
    margin: 0px auto;
    width: 1000px;
    text-align: center;
}

#abgne-block-20110111 .title li,
#abgne-block-20110111 .title li:first-child {
    float: none;
    padding: 0px;
    margin: 7px 3px 3px;
    position: relative;
    width: 104px;
    height: 52px;
    border: 0px solid #fff;
}

#abgne-block-20110111 .title li img {
    display: block;
    width: 102px;
    height: 48px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    border: 1px solid #fff;
    left: auto;
}
#abgne-block-20110111 .title li {
    display: inline-block;
}
#abgne-block-20110111 .title li img:hover {
    width: 112px;
    height: 58px;
    top: -5px;
    left: -5px;
}

#abgne-block-20110111 .title li.on,
#abgne-block-20110111 .title li.over {}

#abgne-block-20110111 .title li h3 {
    font-size: 13px;
    color: #c90;
    padding-bottom: 6px;
}

#abgne-block-20110111 .title li p {
    font-size: 12px;
    color: #ccc;
}

#abgne-block-20110111 .title li.on h3,
#abgne-block-20110111 .title .over h3,
#abgne-block-20110111 .title li.on p,
#abgne-block-20110111 .title .over p {
    color: #fff;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
}

.login_box {
    width: 282px;
    height: 348px;
    overflow: hidden;
    float: left;
    margin-top: 20px;
    /* background: url(../images/login_bg.jpg) !important; */
    background:transparent !important;
}

.login_middle {
    background: #23406b;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    /*height: 26px;*/
    height: 55px;
    color: rgba(255, 255, 255, 0);
    text-align: center;
}

.login_middle a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    letter-spacing: 2px;
    margin: 0px 5px;
    line-height: 25px;
}

.login_middle a:nth-of-type(1) {
    color: rgba(255, 255, 255, 0);
    margin: 0px 0px;
    display: block;
    background-image: url(../images/btn_register.jpg);
    width: 282px;
    height: 55px;
}

.login_middle a:nth-of-type(1):hover {
    background-image: url(../images/btn_register_on.jpg);
}

.login_middle a:nth-of-type(2) {
    display: none;
}

.login_bottom {
    position: relative;
    background: url('https://landing.mangot5.com/template/gs/images/login_after.jpg')no-repeat;
    width: 282px;
    height: 131px;
    /* margin-top: 3px; */
}

.login_bottom .logbtn {
    background: url("https://landing.mangot5.com/template/gs/images/login.jpg")no-repeat;
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    display: block;
    right: 0px;
    margin-left: 0px;
}
.login_bottom .logbtn:hover{
    background: url('https://landing.mangot5.com/template/gs/images/login_hover.jpg')no-repeat;
}

.login_bottom_before{
    background: url('https://landing.mangot5.com/template/gs/images/login_after.jpg')no-repeat;
}

.login_bottom div:nth-of-type(1),
.login_bottom div:nth-of-type(2) {
    width: 60%;
}

.login_bottom div.idbox.bigtext {
    width: 100%;
}

.log {
    background: #000;
    /* width: 247px; */
    width: 100%;
    height: 32px;
    color: #FFF;
    font-size: 13px;
    margin: 15px 0px 5px 18px;
    padding: 0px 10px 0px 40px;
    border: 1px #7d7d7d solid;
}

.pws {
    background: #000;
    /*width: 247px;*/
    width: 100%;
    height: 32px;
    color: #fff;
    font-size: 13px;
    margin: 0 0 0px 18px;
    padding: 0px 10px 0px 40px;
    border: 1px #7d7d7d solid;
}

.logbottomtext {
    color: #fff;
    text-decoration: none;
    margin-left: 25px;
    margin-top: unset;
    line-height: 23px;
}

.forid,
.forpws,
.forid:hover,
.forpws:hover {
    color: #fff;
    margin: 0px 5px;
    text-decoration: none;
}

.logbtn {
    width: 63px;
    height: 24px;
    text-indent: -99999px;
    background: url(../images/loginbtn.png);
    border: none;
}

.logbtn:hover {
    background: url(../images/loginbtn.png);
}

/* .login_bottom .logbtn {
    background: url(../images/btn_login.jpg);
    width: 69px;
    height: 69px;
    top: 15px;
    position: absolute;
    display: block;
    right: 15px;
    margin-left: 0px;
} */

.startbutton {
    background: url(../images/gamestrat.jpg);
    width: 282px;
    /*height: 185px;*/
    height: 160px;
    display: block;
    text-indent: -99999px;
}

.startbutton:hover {
    background: url(../images/gamestrat_on.jpg);
}

.datestyle {
    margin-top: 9px;
    width: 52px;
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    line-height: 15px;
}

.monthstyle {
    width: 52px;
    color: #a1a1a1;
    font-size: 14px;
    text-align: center;
    font-weight: bolder;
}

.moretext {
    color: #d30505;
    font-weight: bolder;
    font-size: 13px;
    text-decoration: none;
}

.bigtext,
.bigtext a {
    color: #000;
    font-size: 15px;
    /*width: 590px;*/
}

.idbox a {
    color: #FFF;
}

.middletext {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 11px;
}

.textleft {
    width: 52px;
    margin-right: 10px;
    float: left;
}

.textmiddle {
    float: left;
}

.textright {
    float: right;
    padding-top: 10px;
    width: 52px;
}

.news_box {
    background-color: #fff;
    width: 698px;
    height: 348px;
    border: 1px #a3a3a3 solid;
    float: right;
    margin-top: 20px;
    padding: 20px;
    background: url(../images/news_box_bg.jpg);
}

.news_box .bigtext {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 546px;
}

.newstitletext {
    background: url(../images/laba.png)0% 0% no-repeat;
    width: 100%;
    padding: 0px 0px 0px 120px;
    border-bottom: 1px #000 solid;
    height: 30px;
}

.textlist {
    background: url(../images/datebg.jpg)top left no-repeat;
    width: 100%;
    height: 55px;
}

.testlistline {
    border-bottom: 1px #aeaeae solid;
}

.sixlink_box {
    margin-top: 20px;
    text-align: center;
}

.billingicon {
    display: inline-block;
    background: url(../images/billing_btn.png);
    width: 159px;
    height: 107px;
    text-indent: -99999px;
    margin-right: 3px;
}

.billingicon:hover {
    background: url(../images/billing_btn_r.png);
}

.registeriocn {
    display: inline-block;
    background: url(../images/member_btn.png);
    width: 159px;
    height: 107px;
    text-indent: -99999px;
    margin-right: 3px;
}

.registeriocn:hover {
    background: url(../images/member_btn_r.png);
}

.downloadicon {
    display: inline-block;
    background: url(../images/download_btn.png);
    width: 159px;
    height: 107px;
    text-indent: -99999px;
    margin-right: 3px;
}

.downloadicon:hover {
    background: url(../images/download_btn_r.png);
}

.snicon {
    background: url(../images/exchange_btn.png);
    width: 159px;
    height: 107px;
    text-indent: -99999px;
    display: inline-block;
    margin-right: 3px;
}

.snicon:hover {
    background: url(../images/exchange_btn_r.png);
}

.eventicon {
    background: url(../images/event_btn.png);
    width: 159px;
    height: 107px;
    text-indent: -99999px;
    display: inline-block;
    margin-right: 3px;
}

.eventicon:hover {
    background: url(../images/event_btn_r.png);
}

.qaicon {
    background: url(../images/qa_btn.png);
    width: 159px;
    height: 107px;
    text-indent: -99999px;
    display: inline-block;
}

.qaicon:hover {
    background: url(../images/qa_btn_r.png);
}

.useful_box {
    background: #fff;
    width: 282px;
    height: 348px;
    overflow: hidden;
    float: left;
    margin-top: 20px;
    text-align: center;
}

.usefultop {
    background: url(../images/moviestitle_bg.jpg);
    width: 281px;
    height: 54px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    padding-top: 13px;
}

.btn-xlarge {
    position: relative;
    vertical-align: center;
    margin: 0px -3.5px !important;
    width: 98.5px;
    height: 98px;
    padding: 20px 24px;
    font-size: 13px;
    /*	color: #FFFFFF;*/
    text-align: center;
    background: #d2d2d2;
    border: 1px #FFF solid;
    border-radius: 0px !important;
    cursor: pointer;
}

.btn-xlarge:active {
    top: 2px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.useful_box a:nth-of-type(5) {
    background-color: #434343;
    color: #ffffff;
}

.useful_box a:nth-of-type(5):hover,
.useful_box .up-coming,
.btn-xlarge:hover {
    background: #364471;
    color: #fff;
}

.bahalist_box {
    /*background-color: #fff;*/
    background: url(../images/bahalist_bg.jpg);
    width: 698px;
    height: 348px;
    border: 1px #a1a1a1 solid;
    float: right;
    margin-top: 20px;
    padding: 20px;
    background-size: cover;
}

.bahatitletext {
    background: url(../images/people.png)0% 0% no-repeat;
    width: 100%;
    padding: 0px 0px 0px 120px;
    border-bottom: 1px #000 solid;
    height: 30px;
}

.fourlink_box {
    margin-top: 20px;
    display: none;
}

.teacherimg {
    background: url(../images/teacher.jpg) center center no-repeat;
    width: 248px;
    height: 173px;
    text-indent: -99999px;
    display: inline-block;
    float: left;
    margin-right: 2px;
}

.idimg {
    background: url(../images/idcheck.jpg) center center no-repeat;
    width: 248px;
    height: 173px;
    text-indent: -99999px;
    display: inline-block;
    float: left;
    margin-right: 2px;
}

.phoneimg {
    background: url(../images/phone.jpg) center center no-repeat;
    width: 248px;
    height: 173px;
    text-indent: -99999px;
    display: inline-block;
    float: left;
    margin-right: 2px;
}

.serviceimg {
    background: url(../images/service.jpg) center center no-repeat;
    width: 248px;
    height: 173px;
    text-indent: -99999px;
    display: inline-block;
    float: right;
}

.linkborder {
    display: block;
    z-index: 20;
    width: 248px;
    height: 173px;
}

.linkborder:hover {
    width: 248px;
    height: 173px;
    border: 6px solid #338bb1;
    transition: all 0.2s ease 0s;
    box-sizing: border-box;
}

.products_box {
    margin-top: 20px;
}

div>ul,
div>li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.abgne_tab {
    clear: left;
    width: 1000px;
    margin: 10px 0;
}

ul.tabs {
    width: 100%;
    height: 32px;
}

ul.tabs li {
    float: left;
    height: 68px;
    line-height: 31px;
    overflow: hidden;
    position: relative;
    border-left: none;
    background: #fff;
}

ul.tabs li a {
    display: block;
    padding: 0 20px;
    color: #000;
    text-decoration: none;
}

ul.tabs li a:hover {
    background: #fff;
}

ul.tabs li.active {}

ul.tabs li.active a:hover {
    background: #fff;
}

div.tab_container {
    clear: left;
    width: 100%;
    border-top: none;
    background: #fff;
}

div.tab_container .tab_content {}

div.tab_container .tab_content h2 {
    margin: 0 0 20px;
}

.intertitle {
    margin-left: 822px;
    position: absolute;
    z-index: 22;
    height: 49px;
}

.peopleall {
    width: 1000px;
    height: 441px;
    padding-top: 18px;
}

.twichlink_box {
    margin-top: -1px;
    background: url(../images/twichlink_boxbg.png);
    background-size: contain;
    height: 140px;
    width: 282px;
}

.twichad {
    display: inline-block;
    border-right: 1px #ccc solid;
    background: url(../images/twichteacher.png);
    text-indent: -9999px;
    width: 245px;
    height: 86px;
}

.twichad:hover {
    background: url(../images/twichteacher_r.png);
}

.fbfansad {
    display: inline-block;
    border-right: 1px #ccc solid;
    background: url(../images/fbfans.png);
    text-indent: -9999px;
    width: 245px;
    height: 86px;
}

.fbfansad:hover {
    background: url(../images/fbfans_r.png);
}

.battlead {
    display: inline-block;
    border-right: 1px #ccc solid;
    background: url(../images/battle.png);
    text-indent: -9999px;
    width: 245px;
    height: 86px;
}

.battlead:hover {
    background: url(../images/battle_r.png);
}

.servicead {
    display: inline-block;
    background: url(../images/service.png);
    text-indent: -9999px;
    width: 245px;
    height: 86px;
}

.servicead:hover {
    cursor: wait;
}

.threelink_box {
    margin-top: 20px;
}

.bad01,
.bad02 {
    margin-right: 15px;
    float: left;
    width: 321px;
    height: ;
    border: 1px #ccc solid;
}

.bad03 {
    float: left;
    width: 321px;
    height: ;
    border: 1px #ccc solid;
}

.movies_box {
    width: 282px;
    height: 348px;
    background: #fff;
    border: 1px #e2e2e2 solid;
    float: left;
    margin-top: 20px;
}

.media_box {
    width: 698px;
    height: 348px;
    float: right;
    margin-top: -122px;
}

.media_box .fa-3x {
    font-size: 2em;
}

.mediatitle {
    background: url(../images/moviestitle_bg.jpg);
    border: 1px #ccc solid;
    padding: 10px 10px 6px 10px;
    color: #fff;
}

.newsbigtitle {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-left: 5px;
}

.newsbigtitleb {
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    margin-left: 5px;
}

.newsmore {
    float: right;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    display: none;
}

.newsmore:hover {
    color: #fffc00;
    text-decoration: none;
}

.newss {
    float: right;
    color: #fff;
    font-size: 16px;
    margin-top: 5px;
}

.newssb {
    float: right;
    color: #FFF;
    font-size: 16px;
    margin-top: 5px;
}

.medianews01,
.medianews02,
.medianews03,
.medianews04,
.medianews05 {
    height: 50px;
    margin-top: 10px;
    background: #fff;
    border: 1px #e2e2e2 solid;
    padding: 10px;
}

.medianews01 a,
.medianews02 a,
.medianews03 a,
.medianews04 a,
.medianews05 a {
    color: #111;
    font-size: 15px;
    text-decoration: none;
    line-height: 30px;
}

.medianews01 a:hover,
.medianews02 a:hover,
.medianews03 a:hover,
.medianews04 a:hover,
.medianews05 a:hover {
    color: #1289ac;
}

.moviestitle {
    padding: 10px 10px 6px 10px;
    background: url(../images/moviestitle_bg.jpg);
}

.moviesbox {
    width: 281px;
    overflow: hidden;
    text-align: center;
}

.likebox {
    text-align: center;
    line-height: 15px;
}

.moviesname {
    color: #434547;
    font-weight: bold;
    font-size: 28px;
    margin-top: 20px;
    letter-spacing: -2px;
}

.moviessb {
    color: #222;
    font-size: 16px;
    margin: 10px 0px;
    line-height: 25px;
}

.othercompany {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    height: 123px;
    box-shadow: 4px 4px 3px rgba(20%, 20%, 40%, 0.5);
    margin-top: 50px;
    display: none;
}

.othercompany img {
    margin: 30px 10px;
}

footer {
    text-align: center;
    margin: 30px auto 0px auto;
    clear: both;
    background: #000;
    width: 100%;
    display: inline-block;
    color: #FFF;
}

footer ul {
    list-style: none;
    padding-left: 0;
    display: inline-block;
}

footer ul li {
    float: left;
    padding: 3px;
}

.footerstext {
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px;
}

.footerstext1 {
    font-size: 12px;
    line-height: 15px;
    margin-top: 20px;
}

.carousel {
    background: url(../images/pagebg.png) top center;
    position: relative;
}

.carousel-inner {
    width: 1000px;
    margin: 0 auto;
}

.pagegamestart {
    z-index: 5;
    position: absolute;
    margin-top: 50px;
    box-shadow: 3px 5px 2px rgba(0, 0, 102, 0.3);
}

.pageleft {
    float: left;
    width: 240px;
    margin-top: 29px;
}

.pagerigth {
    width: 740px;
    float: right;
    margin-top: 20px;
}

.idbox {
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    padding: 8px 8px 0px;
    background: #337ab7;
    color: #fff;
    line-height: 14px;
    height: 135px;
    background: rgba(0, 0, 0, 0.6);
}

.idbox img {
    margin-left: 1px;
}

.idbox .fa {
    padding-left: 2px;
}

.idbox .fa-user-md {
    padding-left: 4px;
    padding-right: 3px;
}

.idbox table {
    width: 224px;
    margin: 10px auto 0 10px;
}

.searchbox {
    margin-top: 20px;
}

.serstyle {
    margin: -5px;
}

.billbox {
    margin-top: 20px;
    background: #ccc;
    border: #ccc 1px solid;
    /*text-align:center;*/
    padding: 10px;
}

.leftbillin {
    width: 178px;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    font-weight: bolder;
    font-size: 24px;
    text-decoration: none;
    color: #000;
    padding: 5px 10px;
}

.fa-lg {
    vertical-align: -8%;
}

.leftbillin:hover {
    background: #5c2222;
    color: #fae096;
    text-decoration: none;
}

.linestyle {
    border-bottom: #999 1px solid;
    margin: 5px 0px;
}

.eggbox {
    background: url(../images/eggbg.png) top center;
    width: 240px;
    height: 50px;
    margin-top: 20px;
}

.eggbtn01 {
    display: inline-block;
    width: 78px;
    margin: -1px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    font-weight: bolder;
    font-size: 20px;
    padding-top: 13px;
    color: #ef2413;
}

.eggbtn01:hover {
    font-weight: bolder;
    font-size: 20px;
    background: #000;
    color: #fff;
    padding-top: 10px;
    text-decoration: none;
}

.eggbtn02 {
    display: inline-block;
    width: 78px;
    margin: -1px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    font-weight: bolder;
    font-size: 20px;
    padding-top: 13px;
    color: #ef2413;
}

.eggbtn02:hover {
    font-weight: bolder;
    font-size: 20px;
    background: #000;
    color: #fff;
    padding-top: 10px;
    text-decoration: none;
}

.eggbtn03 {
    display: inline-block;
    width: 78px;
    margin: -1px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    font-weight: bolder;
    font-size: 20px;
    padding-top: 13px;
    color: #ef2413;
}

.eggbtn03:hover {
    font-weight: bolder;
    font-size: 20px;
    background: #000;
    color: #fff;
    padding-top: 10px;
    text-decoration: none;
}

.notebox {
    background: url(../images/noteboxbg.png) top center no-repeat;
    width: 240px;
    height: 228px;
    margin-top: 20px;
    padding: 40px 20px 10px 20px;
    font-size: 13px;
}

.notebox ol {
    padding-left: 30px;
    line-height: 1.67em;
}

.titlename {
    background: url(../images/moviestitle_bg.jpg);
    height: 50px;
}

.contentinfo {
    background: #fff;
}

.subtitle {
    box-shadow: inset 1px 1px 4px 2px rgba(31%, 51%, 69%, 0);
    height: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    padding: 18px;
    position: relative;
    padding-left: 50px;
}

.subtitle::before {
    content: "";
    background: url(../images/coin_icon.png);
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: 6px;
}

.subtitle:hover {
    color: #f1e476;
    text-decoration: none;
}

.contentinfo {
    padding: 20px;
}

.shopingbtn {
    background: url(../images/btnbg.png);
    width: 101px;
    height: 41px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
}

.btnshop {
    margin-top: 20px;
}

.login_bottom_page {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    padding: 20px 20px 10px 20px;
    overflow: hidden;
    border: 0px solid #666;
    text-align: center;
    background: url(../images/loginBox_bg.png);
    background-size: cover;
}

.main_loginbox_info {
    margin-left: 0px;
}

.main_loginbox_btns {
    display: block;
    margin-left: 0px;
    margin-top: 10px;
}

.log-page {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #72c9c9;
    border-radius: 0px;
    box-shadow: 4px 4px 12px 4px rgba(20%, 20%, 40%, 0.5);
    margin: 5px;
    color: #fff;
    padding-left: 40px;
    background: url(../images/idbg.png)no-repeat;
    background-position: 2% 15%;
    height: 30px;
    max-width: 190px;
}

.pws-page {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #72c9c9;
    border-radius: 0px;
    box-shadow: 4px 4px 12px 4px rgba(20%, 20%, 40%, 0.5);
    margin: 5px;
    color: #fff;
    padding-left: 40px;
    background: url(../images/pwsbg.png)no-repeat;
    background-position: 2% 15%;
    height: 30px;
    max-width: 190px;
}

.logbtn-page {
    background: url(../images/loginbtn.png);
    width: 63px;
    height: 24px;
    display: inline-block;
    text-indent: -99999px;
    border: none;
}

.textlist table td {
    height: 52px;
}

.news_box,
.bahalist_box {
    position: relative;
}

.moretext {
    bottom: 5px;
    position: absolute;
    right: 20px;
}

.logoutbtn-page {
    background: url(../images/loginout.png);
    width: 63px;
    height: 23px;
    display: inline-block;
    text-indent: -99999px;
}

.logoutbtn-page:hover {
    background: url(../images/loginout_r.png);
}

.tab-content {
    font-size: 15px !important;
    font-family: "Meiryo", "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", 'NotoSansHant-Thin', sans-serif !important;
    padding: 20px !important;
    background: #eef2f5;
}

.go-to-top {
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../images/gototopbg.png) top center no-repeat;
    margin-top: 20px;
}

.bmstyl {
    background: url(../images/billingbg.png) top center no-repeat;
    width: 71px;
    height: 23px;
    display: inline-block;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 23px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-family: "Meiryo", "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", 'NotoSansHant-Thin', sans-serif !important;
    text-shadow: 2px 1px 2px #666;
}

.bmstyl:hover {
    background: url(../images/billingbg.png) no-repeat;
}

.thumbnail .caption {
    text-align: center;
}

.pagelogin {
    line-height: 26px;
}

.w500 {
    max-width: 500px;
    width: 500px;
}

.steptext {
    color: #10346e;
    font-size: 12px;
}

.pagecontent-long-left .fa-lg {
    /*float: left;
	margin-right:10px;*/
    line-height: 1em;
    width: 1.4em;
}

.pagerigth #list5 img {
    border-radius: 10px;
    max-width: 735px;
}

.pagerigth #list5 p img {
    border-radius: 10px;
    max-width: 735px;
    max-height: 32px;
    margin-top: 1px;
}

#list5 ol {
    padding-left: 5px;
}

#list5 ol span {
    margin-bottom: 10px;
}

.hd-nav__logo a {
    display: block;
    height: 97px;
    background: url(../images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ico_go {
    position: absolute;
    z-index: 9999;
    cursor: pointer;
    opacity: .35;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent: -9999px;
}

.ico_go:hover {
    opacity: 1;
}

.ico_go.ico_godown {
    background-image: url(../images/gotodownbg.png);
    top: 810px;
    left: 50%;
    margin-left: 510px;
}

.ico_go.ico_gotop {
    background-image: url(../images/gototopbg.png);
    top: 1430px;
    left: 50%;
    margin-left: 510px;
}

.ico_go.ico_goleft {
    background-image: url(../images/arrow_left.png);
    bottom: -30px;
    left: 50px;
}

.ico_go.ico_goright {
    background-image: url(../images/arrow_right.png);
    bottom: -30px;
    left: 410px;
}

.promotion {
    position: absolute;
    z-index: 9999;
    top: 854px;
    left: 50%;
    margin-left: 510px;
}

.promotion .thumbnail-content {
    height: 160px;
}

.promotion .thumbnail-content .caption {
    transform: translateY(-43px)
}

.promotion .thumbnail-content .caption h3 {
    font-size: 16px;
    margin: .25em auto;
}


.bdtop .info img {
    min-width: 1203px;
}

/*************************************************************/

.news_box {
    width: 536px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.news_box table {
    width: inherit;
}

.news_box .bigtext,
.middletext {
    /*width: auto;*/
    width: 380px;
    padding-left: 10px;
}

.side {
    padding-top: 20px;
}

.side ul.ad li {
    margin-bottom: 9px;

}

.side ul.ad li img {
    border-radius: 0;

}

.side ul.ad li:last-child {
    margin-bottom: 0px;

}

.hd-nav__item-w {
    width: 80px;
}

.fblink {
    margin-left: 26px;
}

.hd-nav-w {
    overflow: hidden;
    min-width: inherit;
}

#abgne-block-20110111,
.bdtop .info img,
.bdtop {
    height: auto;
}



/*************************************************************/

/* GS style 20210311  */

.hd-nav__sub__bg {
    height: 32px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 70px;
    background: #bcbcbc none repeat scroll 0% 0%;
    opacity: .9;
    visibility: hidden;
}
.facebook {
    display: block;
    height: 69px;
    background: #ffffff5c;
    position: relative;
    top: 70px;
    opacity: 0;
}
/*.hd-nav__item-gintro .hd-nav__item-link {
    background-image: url(../images/nav-gintro-gs.png);
}*/