﻿#sidebar2 *{font-family:"微軟正黑體";}

/*************************** 遊戲列表 ***************************/
#sidebar1 .recommend{position:relative; background:#f2f1f1; height:92px; color:#6b6261;}
#sidebar1 .recommend h4{position:absolute; left:88px; top:11px; font-size:15px; font-weight:bold; width:130px;}
#sidebar1 .recommend h4 a{width:100%; display:block; line-height:20px; white-space:nowrap; word-break:normal; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
#sidebar1 .recommend h4 a:hover{color:#6b6261; text-decoration:none;}
#sidebar1 .recommend .installTimes{padding:37px 0 0 88px;}
#sidebar1 .recommend .platform{padding:8px 0 0 88px;}
#sidebar1 .recommend .platform a{float:left; width:21px; height:21px; text-indent:-10000px; margin-right:5px; position:relative;}
#sidebar1 .recommend .platform a span{display:none; padding:0 8px 0 0; position:absolute; top:21px; left:-4px; width:auto; text-indent:0; white-space:nowrap; word-break:normal; word-wrap:normal; background:url(image/bubble_right.png) right top no-repeat;}
#sidebar1 .recommend .platform a:hover span{color:#6b6261; text-decoration:none; cursor:default;}
#sidebar1 .recommend .platform a span small{padding:12px 0 13px 9px; display:block; background:url(image/bubble_left.png) left top no-repeat;}
#sidebar1 .recommend .platform .appStore{background:url(image/store_ios.gif) left top no-repeat;}
#sidebar1 .recommend .platform .playStore{background:url(image/store_android.gif) left top no-repeat;}
#sidebar1 .recommend .platform .appStore:hover span{display:block;}
#sidebar1 .recommend .platform .playStore:hover span{display:block;}
#sidebar1 .recommend .thumbnail{width:70px; height:70px; float:left; margin:11px 0 0 11px;}
.qrCodeArea{ position:relative; width:1000px; margin:0 auto;}
.qrCodeArea .qrCodeIos, .qrCodeArea .qrCodeAndroid{width:105px; height:105px; padding:5px 6px 8px 6px; float:left; margin:11px 0 0 11px; display:none; background:url(image/qr_code_bg.png); position:absolute; z-index:9999; left:-21px; top:149px;}
#sidebar1 .identifier{position:absolute; top:36px; left:21px; width:24px; height:24px; display:none; z-index:99999;}
#sidebar1 .identifier.ios{background:url(image/qr_code_apple.png) left top no-repeat;}
#sidebar1 .identifier.android{background:url(image/qr_code_android.png) left top no-repeat;}
#sidebar1 .gamelist .top p{height:32px;}
#sidebar1 .gamelist .top p img{display:block;}
#sidebar1 .gamelist .top ul{padding:7px 0 3px 9px; overflow:auto;}
#sidebar1 .gamelist .top ul li{position:relative; float:left; width:104px; height:31px;}
#sidebar1 .gamelist .top ul li a{}
#sidebar1 .gamelist .top ul li a img{width:100px; height:24px;}
#sidebar1 .gamelist .top ul li a:hover img{opacity:.6; filter:alpha(opacity=60);}
#sidebar1 .gamelist .top ul li a:hover .icon img{opacity:1; filter:alpha(opacity=100);}
#sidebar1 .gamelist .top ul li a .icon{position:absolute; left:17px; top:-4px; z-index:1;}
#sidebar1 .gamelist .top ul li a .icon img{width:21px; height:10px; float:left;}
#sidebar1 .gamelist .top ul li a .icon .wayiGame{width:10px; height:10px;}
#sidebar1 .gamelist .btm{background:#f2f1f1; border-top:1px solid #e6e4e4;}
#sidebar1 .gamelist .btm ul{overflow:auto; text-align:center;}
#sidebar1 .gamelist .btm ul li{display:inline-block;}
#sidebar1 .gamelist .btm ul li a{display:block;}
#sidebar1 .gamelist .btm ul li a img{display:block;}
#sidebar1 .gamelist .btm ul li a:hover img{opacity:.6; filter:alpha(opacity=60);}

/*************************** 服務列表 ***************************/
#sidebar1 .service_list{}
#sidebar1 .service_list ul{}
#sidebar1 .service_list ul li{padding:0 7px;}
#sidebar1 .service_list ul li a{display:block; height:58px; line-height:58px; border-top:1px solid #ddd8d8; padding:0 0 0 47px; color:#6b6261; font-size:15px; font-weight:bold;}
#sidebar1 .service_list ul li:first-child a{border:none;}
#sidebar1 .service_list ul li.spider_esport a{background:url(image/widgets/service_list_spider_esport.png) no-repeat; white-space:nowrap; word-break:normal; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
#sidebar1 .service_list ul li.spider_vip a{background:url(image/widgets/service_list_spider_vip.gif) 2px center no-repeat;}
#sidebar1 .service_list ul li.wayi_gm a{background:url(image/widgets/service_list_wayi_gm.gif) 2px center no-repeat;}
#sidebar1 .service_list ul li.spider_fb a{background:url(image/widgets/banner_300x300v.jpg) 2px center no-repeat;}
#sidebar1 .service_list ul li.funbuddy_bt a{background:url(image/widgets/service_list_funbuddy_bt.gif) 2px center no-repeat;}

/*************************** 氣象 ***************************/
#divSearch{z-index:10;}
#divSearch.weather1{background:url(image/weather/code01.jpg) left top no-repeat;}
#divSearch.weather2{background:url(image/weather/code02.jpg) left top no-repeat;}
#divSearch.weather3{background:url(image/weather/code03.jpg) left top no-repeat;}
#divSearch.weather4{background:url(image/weather/code04.jpg) left top no-repeat;}
#divSearch.weather5{background:url(image/weather/code05.jpg) left top no-repeat;}
#divSearch.weather6{background:url(image/weather/code06.jpg) left top no-repeat;}
#divSearch.weather7{background:url(image/weather/code07.jpg) left top no-repeat;}
#divSearch.weather8{background:url(image/weather/code08.jpg) left top no-repeat;}
#divSearch.weather9{background:url(image/weather/code09.jpg) left top no-repeat;}
#divSearch.weather10{background:url(image/weather/code10.jpg) left top no-repeat;}
#divSearch.weather11{background:url(image/weather/code11.jpg) left top no-repeat;}
#divSearch.weather12{background:url(image/weather/code12.jpg) left top no-repeat;}
#divSearch.weather13{background:url(image/weather/code13.jpg) left top no-repeat;}
#divSearch.weather14{background:url(image/weather/code14.jpg) left top no-repeat;}
#divSearch.weather15{background:url(image/weather/code15.jpg) left top no-repeat;}
#divSearch.weather16{background:url(image/weather/code16.jpg) left top no-repeat;}
#divSearch.weather17{background:url(image/weather/code17.jpg) left top no-repeat;}
#divSearch.weather18{background:url(image/weather/code18.jpg) left top no-repeat;}
#divSearch .menu_area_switch{padding:12px 0 7px 18px; border:2px solid #fff; background:#f3f3f3; position:absolute; top:52px; left:79px; width:185px; text-shadow:none; z-index:11; box-shadow:0 0 5px rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.Glow(Color='#949494',Strength=4);}
#divSearch .menu_area_switch li{float:left; width:60px;}
#divSearch .menu_area_switch a{color:#005585; padding:0 6px 6px 0; float:left;}
#divSearch .menu_area_switch a:hover{color:#000;}
#divSearch .menu_area_switch .close{position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(image/popup_window_close.gif) left top no-repeat; text-indent:-10000px; padding:0;}
#divSearch .menu_area_switch .close:hover{background-image:url(image/popup_window_close_ov.gif);}
#w_weather_summary{color:#fff; position:absolute; top:0px; left:0px; width:220px; height:100px; text-shadow:1px 1px 3px rgba(0,0,0,0.7); display:none;}
#w_weather_summary .area{position:absolute; top:35px; left:20px; font:bold 18px/1 "微軟正黑體"; background:url(image/weather/arrow.png) right 3px no-repeat;}
#w_weather_summary .area a{color:#fff; cursor:pointer; display:block; padding-right:20px; height:25px; text-shadow:1px 1px 3px rgba(0,0,0,0.7); filter:Chroma(Color=#6f8a9e), Glow(color='#6f8392', Strength=1); background:#6f8a9e\9;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){#w_weather_summary .area a{background:none; filter:none;}}
#w_weather_summary .area a:hover{color:#fff000;}
#w_weather_summary .rain_predict{position:absolute; top:60px; left:20px; font:bold 13px/1 "微軟正黑體"; filter:Chroma(Color=#6f8a9e), Glow(color='#6f8392', Strength=1); background:#6f8a9e\9;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){#w_weather_summary .rain_predict{background:none; filter:none;}}
#w_weather_summary .temperature{position:absolute; top:34px; left:160px; font:bold 33px/1 arial; filter:Chroma(Color=#6f8a9e), Glow(color='#6f8392', Strength=1); background:#6f8a9e\9;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){#w_weather_summary .temperature{background:none; filter:none;}}
#w_weather_summary .temperature span{font-size:17px; vertical-align:top; font-family:"微軟正黑體";}
#w_weather_detail{position:absolute; top:26px; left:800px; width:170px; height:80px; color:#fff; font:normal 13px/20px arial; text-shadow:1px 1px 3px rgba(0,0,0,0.7); filter:Chroma(Color=#6f8a9e), Glow(color='#6f8392', Strength=1); background:#6f8a9e\9;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){#w_weather_detail{background:none; filter:none; display:none;}}
#w_weather_wedget{font-family:"微軟正黑體"; font-weight:bold; position:relative;}
#w_weather_wedget .wrapper{width:223px; height:76px; position:relative;}
#w_weather_wedget .wrapper:hover .summary{display:none;}
#w_weather_wedget .summary{color:white; height:76px; position:absolute; width:223px; z-index:10; text-shadow:1px 1px 3px rgba(0,0,0,0.7); z-index:10;}
#w_weather_wedget .summary .area{padding:23px 0 3px 18px; font-size:18px; font-weight:normal; filter:Chroma(Color=#6f8a9e), Glow(color='#6f8392', Strength=1); background:#6f8a9e\9; zoom:1;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){#w_weather_wedget .summary .area{background:none; filter:none;}}
#w_weather_wedget .summary .rain_predict{padding:8px 0 3px 19px; filter:Chroma(Color=#6f8a9e), Glow(color='#6f8392', Strength=1); background:#6f8a9e\9; zoom:1;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){#w_weather_wedget .summary .rain_predict{background:none; filter:none;}}
#w_weather_wedget .summary .temperature{position:absolute; top:20px; left:160px; font:bold 29px/1 arial; filter:Chroma(Color=#6f8a9e), Glow(color='#6f8392', Strength=1); background:#6f8a9e\9;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){#w_weather_wedget .summary .temperature{background:none; filter:none;}}
#w_weather_wedget .summary .temperature span{font-size:16px; vertical-align:top; font-family:"微軟正黑體";}
#w_weather_wedget .weather1{background:url(image/weather/wedget_code01.jpg) left top no-repeat;}
#w_weather_wedget .weather2{background:url(image/weather/wedget_code02.jpg) left top no-repeat;}
#w_weather_wedget .weather3{background:url(image/weather/wedget_code03.jpg) left top no-repeat;}
#w_weather_wedget .weather4{background:url(image/weather/wedget_code04.jpg) left top no-repeat;}
#w_weather_wedget .weather5{background:url(image/weather/wedget_code05.jpg) left top no-repeat;}
#w_weather_wedget .weather6{background:url(image/weather/wedget_code06.jpg) left top no-repeat;}
#w_weather_wedget .weather7{background:url(image/weather/wedget_code07.jpg) left top no-repeat;}
#w_weather_wedget .weather8{background:url(image/weather/wedget_code08.jpg) left top no-repeat;}
#w_weather_wedget .weather9{background:url(image/weather/wedget_code09.jpg) left top no-repeat;}
#w_weather_wedget .weather10{background:url(image/weather/wedget_code10.jpg) left top no-repeat;}
#w_weather_wedget .weather11{background:url(image/weather/wedget_code11.jpg) left top no-repeat;}
#w_weather_wedget .weather12{background:url(image/weather/wedget_code12.jpg) left top no-repeat;}
#w_weather_wedget .weather13{background:url(image/weather/wedget_code13.jpg) left top no-repeat;}
#w_weather_wedget .weather14{background:url(image/weather/wedget_code14.jpg) left top no-repeat;}
#w_weather_wedget .weather15{background:url(image/weather/wedget_code15.jpg) left top no-repeat;}
#w_weather_wedget .weather16{background:url(image/weather/wedget_code16.jpg) left top no-repeat;}
#w_weather_wedget .weather17{background:url(image/weather/wedget_code17.jpg) left top no-repeat;}
#w_weather_wedget .weather18{background:url(image/weather/wedget_code18.jpg) left top no-repeat;}
#w_weather_wedget .detail{font-family:arial; font-weight:normal; padding:9px 0 0 0; line-height:20px; color:#005097; position:absolute; background:url(image/weather/wedget_detail_bg.jpg) left top no-repeat; width:223px; height:67px; z-index:9; text-shadow:0 0 2px rgba(255,255,255,1),0 0 2px rgba(255,255,255,1);}
#w_weather_wedget .detail .area{float:left; height:60px; padding:0 15px 0 23px;}
#w_weather_wedget .menu_area_switch{padding:12px 0 7px 18px; border:2px solid #fff; background:#f3f3f3; position:absolute; top:7px; left:218px; width:185px; text-shadow:none; z-index:11; box-shadow:0 0 5px rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.Glow(Color='#949494',Strength=4);}
#w_weather_wedget .menu_area_switch ul{}
#w_weather_wedget .menu_area_switch li{float:left; width:60px;}
#w_weather_wedget .menu_area_switch a{color:#005585; padding:0 6px 6px 0; float:left; font-size:12px; font-family:"新細明體"; font-weight:normal;}
#w_weather_wedget .menu_area_switch a:hover{color:#000;}
#w_weather_wedget .menu_area_switch .close{position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(image/popup_window_close.gif) left top no-repeat; text-indent:-10000px; padding:0;}
#w_weather_wedget .menu_area_switch .close:hover{background-image:url(image/popup_window_close_ov.gif);}
#w_weather_wedget .title .more a{cursor:pointer;}

/*************************** 活動和公告 ***************************/
#event .title img{margin-right:3px;}
#event ul{}
#event ul li{height:68px; padding:0 7px; position:relative;}
#event ul li a{display:block; padding:15px 0 0 74px; border-top:1px solid #ddd8d8; color:#4d4d4d; font-size:14px;}
#event ul li:first-child a{border:none;}
#event ul li a img{position:absolute; top:10px; left:10px; border:2px solid #f8ff21;}
#bulletin .title img{margin-right:3px;}
#bulletin ul{}
#bulletin ul li{padding:0 7px;}
#bulletin ul li a{display:block; border-top:1px solid #ddd8d8; padding:7px 2px;}
#bulletin ul li:first-child a{border:none;}

/*************************** TeSL賽事 ***************************/
#sidebar1 #scoreboard{margin-bottom:0;}

#adSection .adGroup{}
#adSection .adGroup a{margin-bottom:10px; display:block;}
#adSection .adGroup a img{display:block;}

/*************************** 會員區塊0 ***************************/
#memberSection_0{}
#memberSection_0 ul{overflow:auto;}
#memberSection_0 ul li{}
#memberSection_0 ul li.signup{}
#memberSection_0 ul li.beginner{}
#memberSection_0 ul li a{display:block; text-indent:-10000px;}
#memberSection_0 ul li a:hover{opacity:.7; filter:alpha(opacity=70);}
#memberSection_0 ul li.signup a{height:53px; background:url(image/member_section_signup.gif) left top no-repeat;}
#memberSection_0 ul li.beginner a{height:31px; background:url(image/member_section_beginner.gif) left top no-repeat;}

/*************************** 會員區塊 ***************************/
#memberSection{box-sizing:border-box; -moz-box-sizing:border-box; border:5px solid #7a6f6d; background:#eceaea;}
#memberSection .title{background:#7a6f6d; height:25px; overflow:hidden;}
#memberSection .title h3{color:#f8ff21; font-size:15px; line-height:20px; font-weight:bold; padding:1px 0 4px 3px; letter-spacing:1px;}
#memberSection .title h3, #memberSection .title h4{display:inline-block;}
#memberSection .title h4{color:#fff; font-size:12px; position:relative; top:-2px;}
#memberSection .login *{padding:0; margin:0; border:none; outline:none;}
#memberSection .login form{padding:9px 15px;}
#memberSection .login form .row{margin:6px 0; position:relative;}
#memberSection .login form .text{width:100%; color:gray; box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #b0b0b0; padding:4px 6px; box-shadow:0px 2px 0px #efefef inset, 0px 2px 0px #E0E0E0;}
#memberSection .login form .text:focus{color:black;}
#memberSection .login form .captchaImg{width:107px; height:30px;}
#memberSection .login form .qwerty{width:20px; height:15px; position:absolute; text-indent:-10000px; top:0px; right:0px; background:url(image/qwerty.gif) left top no-repeat;}
#memberSection .login form .qwerty:hover{opacity:.8; filter:alpha(opacity=80);}
#memberSection .login form .submit{height:auto; background:#7a6f6d; padding:5px 20px; font-size:14px; border-radius:3px; margin-right:3px;}
#memberSection .login form .submit:hover{background:#CFBF00;}
#memberSection .login form .forget{}
#memberSection .login .additional{background:#fff; border-top:1px solid #e6e4e4;}
#memberSection .login .additional ul{overflow:auto; text-align:center;}
#memberSection .login .additional ul li{display:inline-block;}
#memberSection .login .additional ul li a{display:block; padding:7px 5px 6px 19px; margin:0 7px;}
#memberSection .login .additional ul li a.signup{background:url(image/member_signup.gif) left 7px no-repeat;}
#memberSection .login .additional ul li a.beginner{background:url(image/member_beginner.gif) left 7px no-repeat;}
#memberSection .login .openid{overflow:auto; border-top:1px solid #dbd8d8; background:#e0dddd; color:#7a6f6d; padding:9px 0 9px 10px;}
#memberSection .login .openid h3{float:left; line-height:24px;}
#memberSection .login .openid ul{float:left; margin-left:-5px;}
#memberSection .login .openid ul li{float:left; margin-left:5px;}
#memberSection .login .openid ul li a{display:block; width:24px; height:24px; text-indent:-10000px;}
#memberSection .login .openid ul li a:hover{opacity:.7; filter:alpha(opacity=70);}
#memberSection .login .openid ul li a.facebook{background:url(image/openid_facebook.png) left top no-repeat;}
#memberSection .login .openid ul li a.google{background:url(image/openid_google.png) left top no-repeat;}
#memberSection .loggedIn{}
#memberSection .loggedIn .basicInfo{overflow:auto;}
#memberSection .loggedIn .basicInfo .userName{font-size:13px; font-weight:bold; float:left; margin-left:9px;}
#memberSection .loggedIn .basicInfo .userName a{width:110px; display:block; line-height:35px; padding-left:23px; background:url(image/logged_in_id_bg.gif) left center no-repeat; white-space:nowrap; word-break:normal; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
#memberSection .loggedIn .basicInfo .logout{float:right; margin-right:5px;}
#memberSection .loggedIn .basicInfo .logout:before{content:"["; color:#a6a6a6;}
#memberSection .loggedIn .basicInfo .logout:after{content:"]"; color:#a6a6a6;}
#memberSection .loggedIn .basicInfo .logout a{line-height:35px; color:#a6a6a6;}
#memberSection .loggedIn .addiInfo{padding:10px 0 5px 10px; overflow:auto; background:#fff; clear:both;}
#memberSection .loggedIn .addiInfo h4{color:#6b6261; padding-bottom:9px;}
#memberSection .loggedIn .addiInfo .gamePlaying{margin-left:-6px;}
#memberSection .loggedIn .addiInfo .gamePlaying a{float:left; margin:0 0 6px 6px;}
#memberSection .loggedIn .addiInfo .gamePlaying a:hover{opacity:.7; filter:alpha(opacity=70);}
#memberSection .loggedIn .addiInfo .gamePlaying a img{display:block; width:38px; height:38px; border-radius:3px; box-shadow:0 1px #b2b2b2;}
#memberSection .loggedIn .additional{border-top:1px solid #e6e4e4;}
#memberSection .loggedIn .additional ul{overflow:auto; text-align:center;}
#memberSection .loggedIn .additional ul li{display:inline-block;}
#memberSection .loggedIn .additional ul li a{display:block; padding:7px 0 6px 19px; margin:0 7px;}
#memberSection .loggedIn .additional ul li a.upgrade{background:url(image/member_upgrade.gif) left 7px no-repeat;}
#memberSection .loggedIn .additional ul li a.security{background:url(image/member_security.gif) left 7px no-repeat;}

/*WGS開卡區塊*/
#wgsMisc{margin-top:15px;}
#wgsMisc ul{overflow:auto;}
#wgsMisc ul li{float:left; width:100px;}
#wgsMisc ul li a{display:block; padding:0 0 0 17px; color:#172a88; font-size:14px; font-weight:bold; background:url(image/wgs_misc_arrow.gif) 7px center no-repeat;}
#wgsMisc ul li a:hover{opacity:.7; filter:alpha(opacity=70);}
#wgsMisc ul li.gamemall{width:200px; height:52px;}
#wgsMisc ul li.gamemall a{height:100%; background:url(../images/gamemall.gif) left top no-repeat; text-indent:-10000px;}
#wgsMisc ul li.credit{width:200px; height:44px;}
#wgsMisc ul li.credit a{height:100%; background:url(image/wgs_misc_creat.gif) left top no-repeat; text-indent:-10000px;}
#wgsMisc ul li.buyWgs{width:100%; margin-bottom:10px; margin-top:-2px;}

#wgsMisc ul li.gash{width:200px; height:44px;}
#wgsMisc ul li.gash a{height:100%; background:url(../images/GASH.PNG) left top no-repeat; text-indent:-10000px;}

#wgsMisc ul li.yoe{width:200px; height:44px;}
#wgsMisc ul li.yoe a{height:100%; background:url(../images/YOE.PNG) left top no-repeat; text-indent:-10000px;}

/*WMaLL商城特惠(舊)，如果新的長條版廣告確定了，就要把這一堆殺掉
#wmallSale{margin-top:18px; border:2px solid #902d2d; background:#c44040;}
#wmallSale .title h3{text-indent:-10000px; height:39px; background:url(image/wmall_title_bg.gif) center 9px no-repeat #902d2d;}
#wmallSale .mainItem{padding:9px 0 9px 9px;}
#wmallSale .mainItem a{}
#wmallSale .mainItem a img{display:block;}
#wmallSale .promotions{padding:0 0 9px 9px;}
#wmallSale .promotions ul{}
#wmallSale .promotions ul li{overflow:auto;}
#wmallSale .promotions ul li~li{margin-top:10px;}
#wmallSale .promotions ul li a{display:block; color:#f9ecec; margin-bottom:2px;}
#wmallSale .promotions ul li a:hover{text-decoration:underline;}
#wmallSale .promotions ul li .highlight{float:left; position:relative; margin-right:4px;}
#wmallSale .promotions ul li .highlight a{margin-bottom:0;}
#wmallSale .promotions ul li .highlight a h4{position:absolute; bottom:0; width:100%; color:#fff; font-weight:bold; line-height:22px; text-align:center; background:url(image/black50percent.png);}
#wmallSale .promotions ul li .highlight a img{display:block;}*/

/*WMaLL商城特惠(新)，如果這一版確定了，就要把上面那一堆殺掉*/
#wmallAd{margin-top:10px; position:relative; width:200px; overflow:hidden;}
#wmallAd a{display:block; position:relative; margin-bottom:0px}
#wmallAd a:before{content:""; position:absolute; left:0; top:0; height:100%; width:100%; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; opacity:0.1; filter:alpha(opacity=10);}
#wmallAd a:after{content:""; position:absolute; right:0; bottom:0; height:100%; width:100%; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; opacity:0.1; filter:alpha(opacity=10);}
/*#wmallAd a:before,#a#b{border-left:1px solid #000; border-top:1px solid #000;}
#wmallAd a:after,#a#b{border-right:1px solid #000; border-bottom:1px solid #000;}*/
#wmallAd img{display:block;}

/*廣告區*/
#adSection{margin-top:10px;}
#adSection .title{border-bottom:2px solid #7a6f6d; margin-bottom:2px; overflow:auto;}
#adSection .title h3{background:#7a6f6d; float:left; padding:8px 10px 6px 10px; color:#fff; font-size:14px; font-weight:bold;}

/*即時新聞*/
#breakingNews{margin-top:25px;}
#breakingNews .title{border-bottom:2px solid #7a6f6d; overflow:auto;}
#breakingNews .title h3{background:#7a6f6d; float:left; padding:8px 10px 6px 10px; color:#fff; font-size:14px; font-weight:bold;}
#breakingNews .newsList{background:#fff; border:1px solid #d9d9d9; border-top:none;}
#breakingNews ol{list-style:decimal-leading-zero; padding:9px; color:#ff8a00; font-weight:bold; font-size:13px;}
#breakingNews ol li{list-style-position:outside; margin:24px 0 0 29px; position:relative;}
#breakingNews ol li:first-child{margin-top:0;}
#breakingNews ol li:after{content:""; position:absolute; top:-13px; left:-29px; width:180px; border-bottom:1px solid #ececec;}
#breakingNews ol li:first-child:after{display:none;}
#breakingNews ol li a{display:block; margin-left:-2px; font-weight:normal; font-size:12px;}
#breakingNews .moreNews{text-align:right; padding:0 10px 12px 0;}
#breakingNews .moreNews .moreDetail{text-indent:10000px;}

/*電競賽事表*/
.gameClaendar .title a{ display:block; width:38px; height:25px; background:#564a48; line-height:26px; float:left; margin-right:4px; text-align:center; color:#d8cece; font-weight:bold;}
.gameClaendar .title a.active{ background:#fff; color:#716766; cursor:default;}
#container .gameClaendar .title a.active:hover{ color:#716766;}
#container .gameClaendar .title a:hover{ color:#d8cece; text-decoration:none;}
.titleClaendar{ padding-left:96px; position:relative;}
.titleClaendar h1{ position:absolute; left:4px; top:6px; font-size:15px; color:#fff;}
#scoreboard .tesl_li{height:512px; overflow:hidden;}
#scoreboard .teslChart{padding:5px 5px 0 5px;}
#scoreboard .teslChart section{background:#f1f0f0; margin-bottom:5px;}
#scoreboard .teslChart section .noData{color:gray; text-align:center;}
#scoreboard .teslChart h4{font-size:14px; font-weight:bold; text-align:center; padding:5px 0 4px 0; color:#fff; background:#877d7b;}
#scoreboard .teslChart h4 em{color:#fffc00;}
#scoreboard .teslChart .group{margin-left:-23px; padding:3px 0; overflow:auto; position:relative;}
#scoreboard .teslChart .group .player{position:relative; width:94px; margin-left:23px; padding:2px 0; float:left; font-size:13px; color:#413d3c; text-indent:6px; white-space:nowrap; word-break:normal; word-wrap:normal; overflow:hidden;}
#scoreboard .teslChart .summary{border-top:1px solid #fff; font-size:12px; color:#5f5958; padding:4px 6px; clear:both;}
#scoreboard .teslChart .summary .time{}
#scoreboard .teslChart .summary .time span{color:#ff693b;}
#scoreboard .teslChart .summary .channel{}
#scoreboard .teslChart .summary .channel span{}
#scoreboard .teslChart .rank{font-size:12px; width:100%; margin:0; border-collapse:separate;}
#scoreboard .teslChart .rank tr th{text-align:center; color:#fff; padding:3px 0; border-right:1px solid #938a88; background:#877d7b;}
#scoreboard .teslChart .rank tr th:first-child{text-align:left; text-indent:6px; border-left:1px solid #877d7b;}
#scoreboard .teslChart .rank tr td{text-align:center; color:#5d5250; padding:3px 0; border-right:1px solid #edeceb; border-bottom:1px solid #877d7b;}
#scoreboard .teslChart .rank tr td:first-child{width:25px; border-left:1px solid #edeceb;}
#scoreboard .teslChart .rank tr td:first-child+td{width:110px; text-align:left; text-indent:4px;}
#scoreboard .teslChart .rank tr td:first-child+td div{width:110px; white-space:nowrap; word-break:normal; word-wrap:normal; overflow:hidden;}
#scoreboard .teslChart .src{color:#413d3c; padding-top:5px;}
#scoreboard .teslChart .src a{color:#ff6408; padding:0 0 0 40px; background:url(image/tesl_sprite.gif) 0px -87px no-repeat;}
#scoreboard .teslChart.sf section{margin-bottom:10px;}
#scoreboard .teslChart.sf section .noData{padding:31px 0;}
#scoreboard .teslChart.sf .group{padding:6px 0;}
#scoreboard .teslChart.sf .group .player{width:80px; height:70px; margin-left:33px; padding:0; overflow:visible; text-align:center;}
#scoreboard .teslChart.sf .group .player:first-child:after{content:"v.s"; font-size:12px; font-family:arial; font-weight:bold; background:#ff8f0b; position:absolute; top:22px; left:84px; width:25px; height:25px; border-radius:50%; text-align:center; text-indent:0; line-height:24px; color:#fff;}
#scoreboard .teslChart.sf .group .player img{height:60px; margin-top:5px;}
#scoreboard .teslChart.kr section{margin-bottom:6px;}
#scoreboard .teslChart.kr section .noData{padding:24px 0;}
#scoreboard .teslChart.kr .rank tr td{padding:1px 0;}
#scoreboard .teslChart.kr .player{padding:1px 0;}
#scoreboard .teslChart.sc2 .group:after{content:"v.s"; font-size:12px; font-family:arial; position:absolute; top:2px; left:123px; text-indent:0; line-height:24px; color:#acacac;}
#scoreboard .teslChart.sc2 section .noData{padding:19px 0;}

/*維護公告*/
.maintainNotice{ width:750px; border:5px solid #7a6f6d; margin:30px auto 0 auto;}
.maintainNotice h2{ height:22px; padding:3px 0 0 10px; letter-spacing:1px; background:#7a6f6d; color:#fff; font-size:15px; font-weight:bold;}
.maintainTime{ height:60px; background:#f2f1f1; color:#6b6261; padding-left:10px;}
.maintainTime b{ display:block; font-size:16px; font-weight:bold; margin:15px 0;}
.maintainTime span{ font-size:15px;}
.maintainContent{ background:#fff; padding:10px;}
.maintainContent p{ font-size:13px; color:#6b6261;}
.maintainContent p strong{ font-weight:bold;}
.maintainContent p i{ color:red;}
.maintainContent h3{ font-size:15px; font-weight:bold; color:#6b6261; margin:15px 0;}
.dottedBottom{ border-bottom:1px dotted #ccc; padding-bottom:15px;}
.maintainContent ul li{ font-size:13px; color:#6b6261; margin-bottom:20px;}
.maintainContent .gameName{ display:block; font-weight:bold; font-size:15px; margin-bottom:5px; /*color:#1193e5;*/ background:#f2f1f1;}
.maintainContent .notice{ display:block; color:red;}
.maintainFooter{ font-size:15px; color:#6b6261; margin-top:25px; text-align:right; border-top:1px dotted #ccc; padding-top:10px;}







