/*-------------------- 安裝巴哈姆特APP廣告 --------------------*/
.goAPP{ width: 100%; padding: 10px; padding-left:0; border: 1px solid #ccc; overflow: hidden; background-color: #fff; position: fixed; left: 0; bottom: -72px; box-sizing: border-box; z-index: 100;}
.goAPP{ -moz-transition: bottom 1s; -webkit-transition: bottom 1s; -ms-transition: bottom 1s; -o-transition: bottom 1s; transition: bottom 1s; }
.goAPP .close-button{line-height:46px;text-align:center;width:40px;height:50px;float:left;}
.goAPP i{ color: #ccc; display: inline-block; font-size: 1.2rem; vertical-align: middle;}
.goAPP img{ display: inline-block; vertical-align: middle; margin: 0 5px 0 5px; width: 50px;}
.goAPP p{ display: inline-block; vertical-align: middle;}
.goAPP a{ position:absolute; right:10px; padding: 0 20px; background-color: #009cad; color: #fff; margin-top: 13px; line-height: 1.8;}

/* facebook like button */
.fb-like iframe {
  transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
}

/*--------------------首頁--------------------*/
.index-service{overflow: hidden;}
.idnex-typeB{ width:48%;float:left;padding:1%; }

/*--------------------燈箱訊息--------------------*/
.light-box{ background-color: #FFF; border-radius: 10px; }
.light-box p{ padding: 20px;}
.light-box span{ display: table; width: 100%; border-top: 1px solid #e5e5e5;}
.light-box a{ display: table-cell; padding: 10px; text-align: center; color: #009cad;}
.light-box a:nth-child(2){ border-left: 1px solid #e5e5e5;}

/*--------------------小燈箱共通--------------------*/
.slbox{ background-color:#FFF; border-radius:10px; }
.slbox .fa-times-circle{ float:right; font-size:2rem; color:#CF0000; margin:-1.8rem -0.5rem 0 0; background-color:#FFF; border-radius:2rem; line-height:0.7; width:1.7rem;}
.slbox footer{ padding: 10px 0; text-align: center; background-color: #f6f6f6; border-radius: 0 0 10px 10px; margin-top: 10px;}
.slbox footer button{ display:inline-block; width:40%; height:30px; -webkit-appearance:none; font-size:1rem; border:0; border-radius:3px; background-color:#009cad; color:#FFF; font-weight:bold; margin: 0 5px;}

/*小屋燈箱*/
.slbox.home p{ padding: 10px 10px 0 10px;}
.slbox.home textarea{ width: 70%; height: 60px; margin-left: 5px; vertical-align: top; font-size: 1rem;}
.slbox.home select{ padding: 3px 5px; margin-left: 5px; font-size: 1rem; width: 72%;}
.slbox.home span{ display: block; color: #999; padding-left: 35px; font-size: 0.8rem;}

/* --------------------全站燈箱2----------------- */
.open_win{ border:1px solid #CCCCCC; border-top:none; background-color:#FFFFFF;}
.open_win div{ padding:15px; font-size:15px; line-height:24px;}
.open_wintitle{text-align:left; height:30px; line-height:30px; background-image:url(https://i2.bahamut.com.tw/h1_bg.gif); color:#117e96; font-weight:bold;}
.open_wintitle img{ float:left; margin-right:5px;}
.open_wintitle a{ float:right; margin:9px 5px 0 0;}
.open_wintitle a:hover{ padding-top:2px;}
.open_winbtn{ padding:10px; text-align:center;}
.open_winbtn button, .open_winbtn input{ margin:0 5px; padding:2px 15px;}


/*-------------------- 2015 首頁 頭條新聞 -----------------------*/
.index-titlenews{ width: 100%; overflow: hidden; padding-bottom: 2px; white-space: nowrap;}
.index-titlenews a{ display: block; background-color: #fff; padding: 5px; border-radius: 5px; box-shadow: 1px 1px 0 #CCC;}
.index-titlenews p{ display: block; width: 100%; height: 200px; overflow: hidden; position: relative;}
.index-titlenews img{ display: block; width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.index-titlenews span{ display: block; padding: 5px; height: 45px; overflow: hidden; white-space: normal;}
.index-titlenews span i{ display: inline-block; padding: 0 10px; font-size: 0.8rem; background-color: #009cad; color: #FFF; border-radius: 3px; margin-right: 5px;}

/*-------------------- 2015 首頁 服務共通區塊 單欄 -----------------------*/
.index-boxA{ background-color: #FFF; padding: 5px; border-radius: 5px; box-shadow: 1px 1px 0 #CCC; overflow: hidden; margin-bottom: 10px;}
.index-boxA a{ display: block;}
.index-boxA h1{ font-size: 1.2rem; line-height: 140%; padding-bottom: 5px;}
.index-boxA a>p{ display: block; width: 100%; max-height: 200px; position: relative; overflow: hidden;}
.index-boxA img:nth-child(1){ opacity: 0; width: 100%; display: block;}
.index-boxA img:nth-child(2){ display: block; width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.index-boxA .topnews2{ display: block; padding: 0 10px; background-color: #eb6100; color: #FFF; margin-right: 5px; float: left; font-size:0.8rem; margin-top:5px; font-family: cursive; height:15px; line-height: 17px;}
.boxA-foo{ color: #999; font-size: 0.8rem; padding: 5px 0 0 5px;}
.boxA-foo>span{ margin-right: 10px; padding: 5px 0;}
.boxA-foo .fa{ margin-right: 5px;}
.boxA-foo p{ float: right; text-align: right;}
.boxA-foo p span{ display: block;}

/*-------------------- 2015 首頁 服務共通區塊 雙欄 -----------------------*/
.index-boxB{ background-color: #FFF; box-shadow: 1px 1px 0 #CCC; margin-bottom: 10px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.index-boxB a{ display: block;}
.index-boxB h1{ line-height: 140%; padding: 5px;}
.index-boxB p{ display: block; width: 100%; max-height: 300px; overflow: hidden; position: relative;}
.index-boxB img:nth-child(1){ opacity: 0; width: 100%; display: block;}
.index-boxB img:nth-child(2){ display: block; width: 100%; position: absolute; left: 0; top: 0;}
.index-boxB .topnews2{ display: block; padding: 0 10px; background-color: #eb6100; color: #FFF; margin: 7px 5px 0 5px; float: left; font-size:0.8rem; font-family: cursive; height:15px; line-height: 17px;}
.index-boxB a>span{ display: block; text-align: right; color: #999; padding: 0 5px; font-size: 0.8rem; line-height: 1.2;}
.boxB-foo{ color: #999; font-size: 0.8rem; padding: 5px; clear: both; overflow: hidden; background-color: #f6f6f6; margin-top: 5px;}
.boxB-foo>span:nth-child(2){ float: right;}
.boxB-foo .fa{ margin-right: 5px;}

/*-------------------- 2015 首頁 服務共通區塊 列表 -----------------------*/
.index-boxC{ margin-bottom: 10px;}
.index-boxC a{ display: block; background-color: #FFF; padding: 5px; overflow: hidden; position: relative; box-shadow: 1px 1px 0 #CCC;}
.index-boxC a>span{ display: block; float: left; margin-right: 10px; height: 90px; width: 90px; position: relative;}
.index-boxC img{ max-height: 90px; max-width: 90px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.index-boxC h1{ font-weight: bold; font-size: 1rem; word-break: break-all; word-wrap: break-word; max-height: 66px; overflow: hidden; line-height: 1.4;}
.index-boxC p{ font-size: 0.8rem; color: #999; padding-top: 5px;}
.index-boxC .topnews2{ display: block; padding: 0 10px; background-color: #eb6100; color: #FFF; margin-right: 5px; float: left; font-size:0.8rem; margin-top:4px; font-family: cursive; height:15px; line-height: 17px;}

.pic160 h1{ padding-top: 30px;}
.pic160 a{ padding: 0 5px 0 0;}
.pic160 a>span{ width: 160px; height: 160px; overflow: hidden;}
.pic160 img{ max-height: none; max-width: none; width: 160px;}

/*-------------------- 2015 首頁設定頁 服務頁籤 -----------------------*/
.index-settingA{}
.index-settingA figure{ padding-bottom: 10px;}
.index-settingA ul{ padding-bottom: 10px;}
.index-settingA li{ margin-bottom: 5px;}
.index-settingA li a{ display: block; font-size: 1.2rem; background-color: #FFF; line-height: 50px; height: 50px; padding: 0 10px; box-shadow: 1px 1px 0 #CCC; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.index-settingA .drag{ background-color: #c8e2e8;}
.index-settingA .drag:after{ content: "≡"; display: block; float: right; font-size: 1.7rem;}
/* 設定頁共用底部按鈕 */
.index-settingBTN{ text-align: center; clear: both;}
.index-settingBTN .btn_cancel{ display:inline-block; width:30%; text-align:center; padding:5px 0; border:1px solid #CCC; margin:0 10px; border-radius:5px; background-color:#ccc;}
.index-settingBTN .btn_post{ display:inline-block; width:30%; text-align:center; padding:5px 0; border:1px solid #009cad; margin:0 10px; border-radius:5px; background-color:#009cad; color:#FFF;}
.index-settingBTN .settingB_post{ display: block; width: auto; margin: 0;}

/*-------------------- 2015 首頁設定頁 精選內容 -----------------------*/
.index-settingB{ padding: 10px 0 0 10px; background-color: #FFF; overflow: hidden; margin-bottom: 20px; box-shadow: 1px 1px 0 #ccc;}
.index-settingB h1{ font-size: 1.2rem; margin-bottom: 10px;}
.index-settingB ul{}
.index-settingB li{ float: left; margin: 0 3% 3% 0; width: 30%;}
.index-settingB a{ display: block; line-height: 45px; text-align: center; background-color: #3e81c6; color: #FFF; border-radius: 3px;}

.index-settingB .none{ background-color: #e5e5e5; color: #999;}

/*-------------------- 2015 首頁設定頁 精選版型 -----------------------*/
.index-settingC{ padding: 10px; background-color: #FFF; box-shadow: 1px 1px 0 #CCC; text-align: center; margin-bottom: 20px; border-radius: 5px;}
.index-settingC section{ width: 130px; display: inline-block; vertical-align: top; margin: 5px;}
.index-settingC div{ border: 1px solid #666; position: relative; height: 200px; background-color: #f6f6f6; box-shadow: 2px 2px 0 #CCC; overflow: hidden;}
.index-settingC span{ display: block; line-height: 40px; letter-spacing: 1px;}
.index-settingC .now div{ outline: 5px solid #009cad;}

.index-settingC .typeB p{ border: 1px solid #CCC; width: 56px; position: absolute; box-sizing: border-box; background-color: #e5e5e5;}

.index-settingC .typeB p:nth-child(1){ height: 50px; left: 5px; top: 5px;}
.index-settingC .typeB p:nth-child(2){ height: 70px; left: 5px; top: 60px;}
.index-settingC .typeB p:nth-child(3){ height: 60px; left: 5px; bottom: 5px;}

.index-settingC .typeB p:nth-child(4){ height: 75px; right: 5px; top: 5px;}
.index-settingC .typeB p:nth-child(5){ height: 65px; right: 5px; top: 85px;}
.index-settingC .typeB p:nth-child(6){ height: 40px; right: 5px; bottom: 5px;}

.index-settingC .typeA p{ display: block; border: 1px solid #CCC; box-sizing: border-box; margin: 5px; background-color: #e5e5e5;}
.index-settingC .typeA p:nth-child(1){ height: 70px;}
.index-settingC .typeA p:nth-child(2){ height: 50px;}
.index-settingC .typeA p:nth-child(3){ height: 60px;}

.index-settingC .typeC p{ display: block; border: 1px solid #CCC; box-sizing: border-box; margin: 5px; background-color: #e5e5e5; height: 27px;}

/*-------------------- 2015 首頁 預約登錄 -----------------------*/
.index-res{ margin-bottom: 10px;}
.index-res a{ display: block; background-color: #FFF; padding: 5px; overflow: hidden; position: relative; box-shadow: 1px 1px 0 #CCC;}
.index-res img{ float: left; margin-right: 10px; max-height: 90px; max-width: 90px;}
.index-res h1{ font-weight: bold; font-size: 1.2rem; white-space: nowrap; overflow: hidden;}
.index-res p{ margin-left: 100px;}
.index-res span{ font-size: 0.8rem; display: block; background-color: #009cad; color: #FFF; padding: 0 10px; margin-right: -5px; border-radius: 0 20px 20px 0; position: absolute; left: 0; top: 0; box-shadow: 1px 1px 0px #FFF;}

/*-------------------- 2015 首頁 熱門手遊 -----------------------*/
.index-hot{
  position: relative;
  margin-bottom: 10px;
}
.index-hot a{ display: block; background-color: #FFF; padding: 5px; overflow: hidden; box-shadow: 1px 1px 0 #CCC;}
.index-hot span{ display: block; float: left; margin-right: 10px; width: 90px; height: 90px; position: relative;}
.index-hot img{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 90px; max-height: 90px;}
.index-hot h1{ font-weight: bold; font-size: 1.2rem; white-space: nowrap; overflow: hidden;}
.index-hot p{ margin-left: 100px; color: #999;}
.index-hot b{ display:block; float: left; margin-top: 6px; font-size:0.8rem; background-color:#009cad; color:#FFF; width:20px; height:20px; text-align:center; border-radius:50%; margin-right:5px;}
.index-hot:nth-child(-n+3) b{ background-color: #FD6905;}
.index-hot em{ color: #FD6905;}

/*-------------------- 2015 首頁 巴哈-熱門手遊榜 -----------------------*/
.index-hotmobile{width: 100%;background: #fff;margin-bottom: 10px;overflow: auto;}
.index-hotmobile .title{border-bottom: 1px solid #E5E5E5;font-size: 0.8rem;color: #999;padding: 5px;box-sizing:border-box;}
.index-hotmobile > a{width: 50%;float: left;padding: 10px 5px;box-sizing:border-box;}
.index-hotmobile h1{display: block;white-space:nowrap;	overflow:hidden;margin-top: 10px;}
.index-hotmobile b{display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #009CAD;	text-align: center;vertical-align: baseline;color: #fff;line-height: 20px;margin:0 5px;}
.index-hotmobile .advicon{width: 20px;font-size: 10px;border-radius: 25%;font-weight:normal;line-height:20px;letter-spacing:-1px;
	-webkit-text-size-adjust:none;}
.index-hotmobile span{float: left;display: block;}
.index-hotmobile img{width: 40px;height: 40px;}
.index-hotmobile .more{width: 100%;text-align: center;padding: 10px 0;border-top: 1px solid #E5E5E5;color: #999;}

/*-------------------- 2015 首頁 熱門話題 -----------------------*/
.index-topic{ margin-bottom: 10px;}
.index-topic a{ display: block; background-color: #FFF; padding: 5px; overflow: hidden; box-shadow: 1px 1px 0 #CCC;}
.index-topic span{ display: block; float: left; margin-right: 10px; width: 90px; height: 90px; position: relative; overflow: hidden;}
.index-topic img{ display: block; width: 90px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.index-topic h1{ font-weight: bold; font-size: 1rem; line-height: 1.4; max-height: 67px; overflow: hidden;}
.index-topic p{ margin-left: 100px; margin-top: 10px; overflow: hidden; white-space: nowrap; color: #999; font-size: 0.8rem;}
.index-topic b{ display:block; float: left; margin-top: 6px; font-size:0.8rem; background-color:#009cad; color:#FFF; width:20px; height:20px; text-align:center; border-radius:50%; margin-right:5px;}
.index-topic:nth-child(-n+3) b{ background-color: #FD6905;}
.index-topic em{ color: #FD6905; margin: 0 5px;}

/*----------------------------- 公會大廳 ---------------------------*/
.guild_search{}
.guild_search li{ margin-bottom: 1px;}
.guild_search a{ display: block; background-color: #FFF; padding: 5px; overflow: hidden;}
.guild_search span{ display: block; width: 80px; height: 80px; float: left; position: relative; margin-right: 10px;}
.guild_search img{ max-width: 80px; max-height: 80px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.guild_search h4{ font-weight: bold;}
.guild_search p{}

.hala_drop{ margin-bottom: 10px;}
.hala_drop select{ height:32px; width:40%; font-size:1rem; border:1px solid; color:#464646; background-color:#FFF;}

.gotop,.goleft,.goright{ bottom: 40px; }

/*-------------------- 實況大廳 -----------------------*/
.live-hall{ margin-bottom: 10px;}
.live-hall a{ display: block; background-color: #FFF; padding: 5px; overflow: hidden; position: relative; box-shadow: 1px 1px 0 #CCC;}
.live-hall img{ display: block; float: left; margin-right: 10px; width: 160px;}
.live-hall h1{ font-weight: bold; font-size: 1rem; word-break: break-all; word-wrap: break-word; max-height: 66px; overflow: hidden; line-height: 1.4;}

/*-------------------- 實況內容頁 -----------------------*/
.live-video{ margin-bottom: 10px; position: relative; padding-bottom: 56.25%;}
.live-video iframe{ display: block; position: absolute; width: 100%; height: 100%;}
.live-chat{ position: relative; height: 500px;}
.live-chat iframe{ position: absolute; width: 100%; height: 100%;}

/*-------------------- 使用說明 燈箱 -----------------------*/
.help{ position:absolute; left:0; top:0; z-index:1000; background-color:rgba(0,0,0,.9); width:100%; height:100%; overflow:hidden; text-align:right;}
.help img{ max-width: 90%;}
.help p{ max-width: 90%; color: #FFF; padding: 10px 0; display: block; margin: 0 auto; font-size: 1.4rem; text-align:left;}

/* 加好友按鈕 */
.home_addf{ display: block; background-color: #fff; padding: 7px; clear: both; text-align: center; margin: 10px 5px 5px 5px; border: 1px solid #ccc; border-radius: 5px; background-color: #f6f6f6; box-shadow: inset 1px 1px 0 #FFF, inset -1px -1px 0 #e5e5e5;}
.home_addf i{ font-size: 1.2rem; margin-top: 3px;}

/*-------------------- 好友邀請 -----------------------*/
.home_friend{ background-color: #FFF; padding: 5px; overflow: hidden; margin-bottom: 1px;}
.home_friend img{ float: left;}
.home_friend div{ margin-left: 50px;}
.home_friend b{ display: block; font-size: 0.8rem;}
.home_friend span{ display: block; font-size: 0.8rem; padding: 5px; background-color: #f6f6f6; margin: 5px 0 10px 0;}
.home_friend div>a{ display: block; color: #009cad;}
.home_friend p{ overflow: hidden; clear: both;}
.home_friend p a{ display: block; float: left; background-color: #f6f6f6; border: 1px solid #CCC; padding: 0 15px; margin-right: 5px; border-radius: 3px; box-shadow: inset 1px 1px 0 #FFF, inset -1px -1px 0 #e5e5e5; line-height: 1.8;}

/*----------------------------- 公會成員 - 名單 ---------------------------*/
.guild_member{}
.guild_member li{ display: block; background-color: #FFF; padding: 5px; margin-bottom: 1px; overflow: hidden;}
.guild_member i{ font-size: 1.5rem; float: right; color: #CCC; margin-top: 10px;}
.guild_member a{ margin-right: 10px; float: left;}
.guild_member a+a{ float:none; color: #009cad; display: block; line-height: 1.3; margin-right: 30px }
.guild_member img{ display: block;}
.guild_member span{ font-size: 0.8rem;}

/*----------------------------- 公會成員 - 待審核 ---------------------------*/
.guild_member2{}
.guild_member2 li{ display: block; background-color: #FFF; padding: 5px; margin-bottom: 1px; overflow: hidden;}
.guild_member2 i{ font-size: 1.5rem; float: right; color: #CCC;}
.guild_member2 i+a{ margin-right: 10px; float: left;}
.guild_member2 a+a{ color: #009cad; display: block; line-height: 1.3;}
.guild_member2 img{ display: block;}
.guild_member2 span{ font-size: 0.8rem;}
.guild_member2 p{ font-size: 0.8rem;}

/*----------------------------- 哈啦區 置頂廣告 -----------------------------*/
.hala_listad >a{ background: #e6fbdb; margin-bottom: 10px; }
.hala_listad >a>h4{ max-height: 50px; overflow: hidden; color:#464646; }
.badlist{ padding: 1px 4px 0px 4px; text-align: center; color: #fff; font-size: 1.5rem; float: left; min-width: 26px; color: #eb6100; margin-right: 7px; line-height: 47px; height: 47px; }
.baddate{ color: #999; margin: 2px 0 0 40px; font-size: 0.8rem; }
.baddate span{ float: right; }

/*-------------------- 2015 新版側欄 -----------------------*/
.SubMenu{ background-color: #fff; position: relative; box-shadow: 2px 0 3px rgba(0,0,0,.5); overflow:auto; -webkit-overflow-scrolling: touch; width: 90%; z-index: 250;}
.SubMenu{-moz-transition: left 200ms; -webkit-transition: left 200ms; -ms-transition: left 200ms; -o-transition: left 200ms; transition: left 200ms;}
.SubMenu_mask {display:none;position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:249;top:0;left:0;}
/* 上方主內容 */
.SubMenu_top{ background-color: #008f9f; color: #fff; padding-top: 10px; overflow: hidden;}
.SubMenu_top>a{ display: block; width: 55px; height: 55px; overflow: hidden; position: relative; border-radius: 50%; float: left; margin: 0 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.SubMenu_top img{ display: block; position: absolute; left: -50%; top: -30%;}
.SubMenu_top strong{ font-weight: bold; display: block; padding-top: 13px;}
.SubMenu_top>i{ float: right; font-size: 1rem; display: block; padding: 13px 15px 0 10px;}
/* 選單未展開 */
.SubMenu_moreA{ clear: both; position: relative; z-index: 10;}
.SubMenu_moreA li{ display: block; float: left; width: 25%;}
.SubMenu_moreA a{ display: block; color: #fff; line-height: 60px; position: relative; box-sizing: border-box; text-align: center;}
.SubMenu_moreA .fa{ font-size: 1.3rem;}
.SubMenu_moreA em{ background-color: #F13A45; box-sizing: border-box; border-radius: 10px; display: block; text-align: center; line-height: 20px; padding: 0 5px; min-width: 20px; font-size: 0.8rem; font-weight: bold; position: absolute; left: 0px; top: 0px;}
/* 選單展開 */
.SubMenu_moreB{ clear: both; position: relative; z-index: 10;}
.SubMenu_moreB li{ display: block; float: left; width: 25%;}
.SubMenu_moreB a{ display: block; color: #fff; height: 60px; position: relative; box-sizing: border-box; text-align: center; padding-top: 10px; font-size: 0.7rem;}
.SubMenu_moreB .fa{ font-size: 1.3rem; display: block;}
.SubMenu_moreB em{ background-color: #F13A45; box-sizing: border-box; border-radius: 10px; display: block; text-align: center; line-height: 20px; padding: 0 5px; min-width: 20px; font-size: 0.8rem; font-weight: bold; position: absolute; left: 0px; top: 0px;}
/* 未登入 */
.SubMenu_noLogin{}
.SubMenu_noLogin li{ float: left; margin-right: 10px; width: 20%;}
.SubMenu_noLogin a{ color: #fff; display: block; line-height: 55px; text-align: center; margin-bottom: 10px; font-size: 1.2rem;}
/* 下方列表 */
.SubMenu_list{ border-bottom: 1px solid rgba(0,0,0,.1);}
.SubMenu_list li{}
.SubMenu_list a{ display: block; padding: 16px; line-height: 1.8; font-weight: bold;}
.SubMenu_list .fa{ font-size: 1.2rem; margin-right: 27px; color: rgba(0,0,0,.4); width: 20px;}
.SubMenu_listNow{ background-color: #e6fafc;}

header #notification_button{position:relative;display:inline-block;width:46px;height:50px;}
header #notification_button #notification_label{ background-color: #F13A45; box-sizing: border-box; border-radius: 10px; display: block; text-align: center; line-height: 20px; padding: 0 5px; min-width: 20px; font-size: 0.8rem; font-weight: bold; position: absolute; right: 3px; top: 4px;}


/*========== 2016 ==========*/
/*----------------------------- Base ---------------------------*/
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, .2);
}
/*----- clearfix -----*/
.group:before, .group:after {
   content: "";
   display: table;
}
.group:after {
   clear: both;
}
.group {
   zoom: 1; // IE6&7
}


/*----------------------------- 成長榜 ---------------------------*/
/*----- btn -----*/
.index-hot-btn-pos {
  position: absolute;
  right: 5px;
  // left: 105px;
  bottom: 5px;
}

/*----- 哈啦區 btn -----*/
.index-hot .btn-hala {
  padding: 2px 12px;
  background-color: #23a0ad;
  border: 1px solid;
  border-radius: 3px;
  color: #fff;
  // color: #23a0ad;
  font-size: 16px;
  text-align: center;
  box-shadow: none;
}


/*----------------------------- 站內信內頁 ---------------------------*/
/*----- 時間修改 -----*/
.cbox_man span.post-time {
  color:#999;
  font-weight: normal;
}

/*----- menu-btn -----*/
.inbox-menu-tool {
  width: 100%;
}
.inbox-menu-item {
  float: left;
  width: 50%;
}
.inbox-menu-item:first-child .inbox-btn {
  border-radius: 3px 0 0 3px;
}
.inbox-menu-item:last-child {
  margin-left: -1px;
}
.inbox-menu-item:last-child .inbox-btn {
  border-radius: 0 3px 3px 0;  
}
.inbox-btn {
  display: block;
  padding: 8px 0;
  width: 100%;
  // box-sizing: border-box;
  border: 1px solid #aaa;
  background-color: #f6f6f6;
  text-align: center;
  color: #333;
}
.inbox-btn i, .inbox-btn span {
  display: inline-block;
  vertical-align: middle;
}
.inbox-btn i {
  margin-right: 3px;
}

/*----- 表格 scroll -----*/
.cbox-table-holder {
  width: 100%;
  overflow: auto;
}

.cbox-table {
  width: 100%;
  border: 1px solid #999999;
}

.cbox-table td {
  padding: 5px;
  border: 1px solid #999999;
  font-size: 16px;
  white-space: nowrap;
}

/*----- B 頁文章列表 -----*/
.hala_blist a {
  display: block;
  background-color: #FFF;
  padding: 12px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}

.hala_blist .bfav {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  font-size: 0.8rem;
  font-weight: normal;
  color: #FFF;
  width: 0px;
  height: 0px;
  border: 15px solid;
  border-color: #F9662F transparent transparent #F9662F;
}

.hala_blist .btop {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  font-size: 0.8rem;
  font-weight: normal;
  color: #FFF;
  width: 0px;
  height: 0px;
  border: 15px solid;
  border-color: #009cad transparent transparent #009cad;
}

.hala_blist b i {
  position: absolute;
  top: -12px;
  right: 1px;
  font-size: 12px;
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.blist1 {
  padding: 2px 10px 0 0;
  float: left;
  min-width: 26px;
  text-align: center;
  color: #999;
  font-size: 0.8rem;
  line-height: 1.5;
}

.blist1 span {
  display: block;
  font-size: 30px;
  font-weight: 400;
  font-family: 'Teko', sans-serif;
  line-height: 1;
}

.blist1 > .blist-good {
  color: #009cad;
}

.blist1 > .blist-better {
  color: #F9662F;
}

.blist1 > .blist-best {
  color: #F13A45;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
}

.blist1 > .blist-ad {
  color: #1D88C4;
}
/*----- B 頁廠商贊助 -----*/
.imtag {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #1D88C4 transparent  transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.imtag:after {
  content: "廣告";
  display: block;
  width: 30px;
  color: #fff;
  position: absolute;
  left: -3px;
  top: -31px;
  font-size: 12px;
  -ms-transform: rotate(-45deg) scale(0.9);
  -webkit-transform: rotate(-45deg) scale(0.9);
  transform: rotate(-45deg) scale(0.9);
}

.no-wrap {
  white-space: nowrap;
  width: 87%;
  overflow: hidden;
}


/* ------------- alert ------------- */
.alert-fixed {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  display: block;
  padding: 15px 30px 15px 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  line-height: 1.5;
}

.alert-fixed.alert-general {
  background-color: rgba(0, 0, 0, .9);
  border-color: #000;
  color: #fff;
}

.alert-fixed.alert-general .alert-link {
  color: #fff;
}

.alert-fixed.alert-general .alert-link:hover {
  color: #fff;
  text-decoration: none; 
}

.alert-fixed.alert-info {
  background-color: rgba(217, 237, 247, .9);
  border-color: #bce8f1;
  color: #31708f;
}

.alert-fixed.alert-info .alert-link {
  color: #31708f;
}

.alert-fixed.alert-info .alert-link:hover {
  color: #31708f;
  text-decoration: none; 
}

.alert-fixed.alert-warning {
  background: rgba(255, 255, 219, .9);
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-fixed.alert-warning .alert-link {
  color: #8a6d3b;  
}

.alert-fixed.alert-warning .alert-link:hover {
  color: #8a6d3b;
  text-decoration: none; 
}

.alert-fixed.alert-danger {
  background: rgba(242, 213, 213, .9);
  border-color: #ebccd1;
  color: #a94442;
}

.alert-fixed.alert-danger .alert-link {
  color: #a94442;  
}

.alert-fixed.alert-danger .alert-link:hover {
  color: #a94442;
  text-decoration: none; 
}

.alert-ctrl-link {
  display: block;
  padding: 10px 0 0;
  font-size: 13px;
  color: #666;
}
.alert-ctrl-link:hover {
  color: #333;
  text-decoration: none;
}

.alert-close {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 3px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: rgba(102, 102, 102, .6);
}

.alert-close:hover {
  color: rgba(51, 51, 51, .9);
}

.alert-general .alert-close:hover {
  color: #fff;
}

.alert-close > i {
  width: 15px;
  height: 15px;
  text-align: center;
}

.brand-adbanner {
  display: block;
  text-align: center;
}

.brand-adbanner img {
  width: 100%;
}