@import url(//fonts.googleapis.com/earlyaccess/cwtexkai.css);*{margin:0;padding:0}
body{margin:0;background:#000;color:#fff}
div,h1,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,img,span,ul,li{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;line-height:170%;border-width:0;font-family: '微軟正黑體',"Arial","Arial Narrow";}
hr{border-top:1px #000 solid;margin:0 0 10px 0}
th{font-weight:normal}
ul,ol{list-style:none}
p.lineHeight{line-height:170%}
p.marginTop{margin:10px 0}
p.marginLeft{margin:0 10px}
fieldset{border:0}
input,button,select,textarea{outline:none}
img{max-width:100%}
a:link,a:visited,a:link,a:visited a{color: #fff;font-weight:normal;text-decoration:none}
a:hover{color:#900;text-decoration:none}
.small1{}
.small1 a{display:block;position:relative}
.small1 a img{}
.small1 a::after{transition:.3s ease;content:"現場轉播";position:absolute;left:0px;bottom:0px;height:35px;width:100%;background:rgba(0,0,0,.6);color:#fff;text-align:center;line-height:35px}
.small1 a:hover::after{height:65px;line-height:65px;color:#5df6ff;background:rgba(0,0,0,.8)}
.clear{clear:both}
.clearfix{display:inline-block}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:"."}
* html .clearfix{height:1%}
.clearfix{display:block}
livedemo00.template-help.com/media="screen":after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.wrapper{width:100%;overflow:hidden;position:relative;background:url(/images/18/main/img-bodyBg.jpg) #35a1bb no-repeat 0 bottom}
.wrapper .wrap{overflow:hidden;position:relative;margin: 546px auto 0;padding-bottom:40px;width:1160px;background:rgba(0,0,0,0.48);z-index:2}
#jumpDiv,#jumpIframe{position:relative;background:#fff;top:0;left:0;z-index:50}
a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block}
a.photo img{width:100%;max-width:inherit}
.wrapper #banner .bd{position:absolute;top:107px;left:0;width:100%;z-index:1}
.wrapper #banner .bannerPage{position:absolute;top: 500px;width:100%;z-index:3}
.wrapper #banner .bannerPage .box{margin:auto;width: 1160px;}
.wrapper #banner .bannerPage a{display:inline-block;vertical-align:bottom}
.wrapper #banner .bannerPage a.prev{margin-right:-2px}
.wrapper #banner .bannerPage a.next{margin-left:-2px}
.wrapper #header{background:url(/images/18/main/img-headerBg.jpg) repeat-x 0 0}
.wrapper #header .box{overflow:hidden;margin:0 auto;width:1160px;text-align:right;font-size: 12px;}
.wrapper #header .topBar{text-align:right}
.wrapper #header .topBar a{margin:0 5px}
.wrapper #header .topBar a,.wrapper #header .box #nav a{color:#fff}
.wrapper #header .topBar a:hover{color:#ffcf05;text-shadow:0 0 5px #fff}
.wrapper #header .box #cis,.wrapper #header .box #nav{float:left;width:323px}
.wrapper #header .box #cis{margin-top:48px}
.wrapper #header .box #cis img{width:250px}
.wrapper #header .box #nav{margin:15px 0;width:837px}
.wrapper #header .box #nav .menu{margin-top:20px}
.wrapper #header .box #nav .menu a{margin:0 2px;width:96px;height:40px;background:url(/images/18/main/img-nav.png) no-repeat 0 0;display:inline-block;text-indent:-9999px}
.wrapper #header .box #nav .menu a:nth-child(2){background-position:-96px 0}
.wrapper #header .box #nav .menu a:nth-child(3){background-position:-192px 0}
.wrapper #header .box #nav .menu a:nth-child(4){background-position:-384px 0}
.wrapper #header .box #nav .menu a:nth-child(5){background-position:-480px 0}
.wrapper #header .box #nav .menu a:nth-child(6){background-position:-576px 0}
.wrapper #header .box #nav .menu a:nth-child(7){background-position:-672px 0}
.wrapper #header .box #nav .menu a:hover{background-position:0 -40px}
.wrapper #header .box #nav .menu a:nth-child(2):hover{background-position:-96px -40px}
.wrapper #header .box #nav .menu a:nth-child(3):hover{background-position:-192px -40px}
.wrapper #header .box #nav .menu a:nth-child(4):hover{background-position:-384px -40px}
.wrapper #header .box #nav .menu a:nth-child(5):hover{background-position:-480px -40px}
.wrapper #header .box #nav .menu a:nth-child(6):hover{background-position:-576px -40px}
.wrapper #header .box #nav .menu a:nth-child(7):hover{background-position:-672px -40px}
.wrapper #memberOption{overflow:hidden;float:left;width:298px}
.wrapper #memberOption .item,.wrapper #memberOption .item .linkBox a{float:left;width:50%}
.wrapper #memberOption .marq{padding-right:35px}
.wrapper #memberOption #webSeo,.wrapper #memberOption #webSeo .seo{overflow:hidden;font-size:14px}
.wrapper #memberOption #webSeo .seo .js-marquee-wrapper{transition:none;font-size:14px !important}
.wrapper #memberOption .linkBox a{margin:5px 0;display:block}
.wrapper #memberOption .linkBox a img{width:100%;}
.wrapper #memberOption .linkBox a .hov,.wrapper #memberOption .linkBox a:hover img.fir{display:none}
.wrapper #memberOption .linkBox a:hover .hov{display:inline-block}
#main-nav{margin-top:30px;float:left;width:270px}
#main-nav #member-wrap form p{margin:0 5px}
#main-nav #member-wrap form p label{margin:0 10px}
#main-nav #member-wrap form p input{margin-left:5px;padding:0 10px;width:140px;border:1px #ffcc00 solid;background:transparent;color:#ffcc00}
#main-nav #member-wrap form fieldset.btn{margin:10px 0;text-align:center}
#main-nav #memberBox .logout a,#main-nav #member-wrap form fieldset.btn a{padding:5px 0px;width:125px;background:#676767;border-radius:20px;display:inline-block;text-align:center;font-size:14px;color:#fff}
#main-nav #member-wrap form fieldset.btn a#btnOKSP,#main-nav #memberBox .logout a.member{background:#e7bb1c;color:#000}
#main-nav #member-wrap form fieldset.btn a:hover,#main-nav #memberBox .logout a:hover{opacity:0.7}
#main-nav #memberBox .logout a{margin:0 5px}
.gameCate{margin:20px 0;float:left;width:64%}
.gameCate ul{overflow:hidden}
.gameCate ul li{overflow:hidden;margin:5px 9px 5px 0;float:left;width:226px}
.gameCate ul li a{height:50px;display:block;background:url(/images/18/main/img-gameLink.png) no-repeat 0 center;color:#fff}
.gameCate ul li span,.gameCate ul li strong,.gameCate ul li b{width:28px;display:inline-block;text-align:center;font-weight:bold;color:#f3d889;vertical-align:top;font-size: 12px;}
.gameCate ul li strong{padding: 10px 0 10px 10px;width: 117px;text-align:left;font-size: 15px;color:#4f1818;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 200%;}
.gameCate ul li b{margin-left:7px;padding:12px 0 10px;width:54px;font-size: 12px;color:#fff}
#memberOption .adBox ul li{overflow:hidden;margin:10px 0}
#footer{overflow:hidden;padding:20px 0;color:#fff}
#footer p{text-align:center}
#serviceWrap{position:fixed;top:220px;right:2%;color:#000;z-index:99}
#serviceWrap a#closeIcon{position:absolute;width:20px;height:20px;background:#585656;display:block;line-height:18px;text-align:center;color:#fff;right:68px}
#serviceWrap a#closeIcon:hover{opacity:0.7}
#serviceWrap p,#serviceWrap p a{font-weight:bold;font-size:16px}
#serviceWrap p a{word-wrap:break-word;word-break:break-all}
#serviceWrap ul{overflow:hidden;width:165px;background:#ccc}
#serviceWrap ul li{padding:10px;background:url(/images/18/main/icon-line.jpg) no-repeat 10px center;border-bottom:1px #7d7c79 solid}
#serviceWrap ul li:nth-child(2){background:url(/images/18/main/icon-wechat.jpg) no-repeat 10px center}
#serviceWrap ul li:nth-child(3){background:url(/images/18/main/icon-mail.jpg) no-repeat 10px center;border-bottom:0}
#serviceWrap ul li:nth-child(4){background:none;border-bottom:0}
#serviceWrap ul li p{padding-left:40px}
#serviceWrap ul li:nth-child(4) p{padding-left:0}

@media screen and (min-width:1201px){
	.small1{width:271px}
}
@media screen and (max-width:1200px){
	.wrapper #header .box{width:100%}
	.wrapper #header .box #cis{width:30%}
	.wrapper #header .box #nav{width:69%}
	.wrapper .wrap{width:100%}
	.gameCate{width:65.5%}
}
@media screen and (max-width:1159px){
	.wrapper{width:100%;overflow:hidden}
}
@media screen and (max-width:1100px){

	.gameCate{width:70.5%}
	.gameCate ul li{width:32%;margin:5px 4px 5px 0}
}