@charset "utf-8";
/*-----------------------首  頁---------------------------*/
.GN-lbox1{ padding:10px; line-height:150%;}
.GN-lbox1 embed{}
.GN-lbox1A{ float:right;}
.GN-lbox1A a{ display:block; width:220px; height:45px; padding:4px 5px; border-bottom:1px dotted #CCCCCC; color:#0055aa; font-weight:bold;}
.GN-lbox1A a:hover{ background-color:#FFFFCC;}
.GN-lbox1B{ background-color:#e9f0f6;}

.GN-lbox2{ padding:10px;}/*日期*/
.GN-lbox2A{ font-weight:bold; color:#FF9900; padding:30px 0 5px 5px; border-bottom:1px solid #e5e5e5; font-size:18px; }
.GN-lbox2A a:first-child{ color: #FF9900;}
.GN-lbox2A a+a{ color: #0055aa; font-size: 13px; font-weight: normal; float: right; margin-top: 4px;}

.GN-lbox2B{ padding:10px 0; border-bottom:1px dotted #CCCCCC; overflow:auto;}/*區塊*/

.GN-lbox2E{ width:180px; height:180px; background-color:#e5e5e5; float:left; margin-right:20px;}/*圖片*/
.GN-lbox2E img{ background-position:center center; background-repeat:no-repeat; width:180px; height:180px;}

.GN-lbox2C{ float:left; width:460px; line-height:22px;}/*內容*/
.GN-lbox2C a{ color:#0055aa; text-decoration:underline;}

.GN-lbox2D{ float:left; font-weight:bold; font-size:18px; width:460px; line-height:150%; padding-bottom:5px;}/*標題*/
.GN-lbox2D img{ vertical-align:middle; margin-right:3px;}
.GN-lbox2D a{ color:#0055aa;}
.GN-lbox2D a:visited{ color:#888888;}
.GN-lbox2D span{ font-size:12px; color:#666666; font-weight:normal; white-space:nowrap;}

.GN-lbox2F{ padding:5px 0; border-bottom:1px dotted #CCCCCC;}/*條列式*/
.GN-lbox2F img{ vertical-align:middle; margin-right:5px; line-height:21px;}
.GN-lbox2F a{ color:#0055aa; font-weight:bold; font-size:15px;}
.GN-lbox2F a:visited{ color:#888888;}
.GN-lbox2F .IMG-E27{ margin-left:5px;}
.GN-lbox2F span{ font-size:12px; color:#666666; white-space:nowrap;}

.GN-lbox2G{ text-align:center; padding:10px 0 0 0; display:block; position:relative;}/*最底看更多*/
.GN-lbox2G button, .GN-lbox2G select{ vertical-align:middle; margin:0 5px;}
.GN-lbox2G span{ font-size:12px; position:absolute; right:0; top:10px;}

/*-------------- 電玩瘋頁列表 --------------*/
.GN-gczlist{ overflow: hidden;}
.GN-gczlist a{ display: block; width: 213px; float: left; margin: 10px 14px 0 0;}
.GN-gczlist a:nth-child(3n){ margin-right: 0;}
.GN-gczlist img{ max-width: 213px; margin-bottom: 3px;}
.GN-gczlist a>span{ display: block; font-size: 13px; height: 37px; overflow: hidden;}
.GN-gczbox{ display: block; width: 213px; height: 120px; position: relative;}
.GN-gczbox img{}
.GN-gczbox span{ display: block; background-color: rgba(255,255,255,.7); position: absolute; right: 0; bottom: 0; padding: 5px 10px; border-radius: 10px 0 0 0;}
.GN-gczbox i{ font-size: 12px; text-shadow: 1px 1px #fff;}
.GN-gczbox i:before{ margin-right: 3px;}
.GN-gczbox i+i{ margin-left: 7px; border-left: 1px solid; padding-left: 7px;}
.GN-gczlist a:hover i{ color: #464646; text-decoration: none;}

/*-------------- 各平台上方大圖 --------------*/
.GN-topimglist{ height: 300px; position:absolute; top:0px; left:0px; overflow:hidden;}
.GN-topimglist img { width: 690px; float:left;}
.GN-topimglist div { width: 690px; height: 300px; display:inline-block; background-color: rgba(0,0,0,.5);}

.GN-topimg{ margin-bottom: 10px; overflow: hidden; width: 690px; height: 305px;}

/* 計量條 */
.GN-topimgBar{ font-size: 0; line-height: 0; height: 5px; background-color: #CCC; position: relative;}
.GN-topimgBar i{ display: inline-block; font-size: 0; line-height: 0; height: 5px; width: 20%; position: relative; border-right: 3px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.GN-topimgBar i:last-child{ border: none;}
.GN-topimgBar span{ display: block; font-size: 0; line-height: 0; height: 5px; position: absolute; left: 0; top: 0; background-color: #ec6941;}

/* 按鈕 */
.GN-topimgshow{ width: 690px; height: 300px; overflow: hidden; position: relative;}
.GN-topimgshow>i{ position: absolute; color: #FFF; z-index: 20; display: block; width: 40px; height: 40px; background-color: rgba(0,0,0,.5); text-align: center; line-height: 42px; font-size: 24px; cursor: pointer;}
.GN-topimgshow .fa-chevron-right{ right: 10px; bottom: 9px; text-indent: 3px;}
.GN-topimgshow .fa-chevron-left{ right: 55px; bottom: 9px; text-indent: -3px;}
.GN-topimgshow>i:hover{ background-color: #000;}

.GN-topimgtitle{ height: 18px; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,.5); padding: 20px 10px; white-space: nowrap; overflow: hidden; border-right: 130px solid transparent; z-index: 1;}
.GN-topimgtitle div{ width:690px; overflow: hidden; display: inline-block;}
.GN-topimgtitle div a{ color: #FFF; overflow: hidden; width: 560px; display: inline-block;}

/*----------------------------------------------新 聞 頁--------------------------------------------------*/
.GN-lbox3{ padding:10px; overflow:hidden;}
.GN-lbox3sp{ background-image:url(https://i2.bahamut.com.tw/gnn/nng_mark.jpg); background-repeat:no-repeat;}
.GN-lbox3 h1{ font-size:18px; font-weight:bold; line-height:24px;}
.GN-lbox3 h1 img{ margin-right:5px; vertical-align:middle; margin-bottom:2px;}
.GN-lbox3>.fb-like{ float: right; margin-top: 2px; z-index: 9;}
.GN-lbox3A{ padding:10px 0 5px 0;}
.GN-lbox3A img{ margin-right:5px; vertical-align:middle;}

p.news_title{ display:block; height:50px; background:url(https://i2.bahamut.com.tw/gnn/gnn_title.png) top right repeat-x; font-size:18px; font-weight:bold; padding-top:10px; text-align:center;}/*新聞內文標題*/
p.news_title a{ color:#000000; text-decoration:none;}

/*.GN-lbox3{ padding:10px;overflow:hidden;}
.GN-lbox3 h1{ font-size:18px; font-weight:bold; line-height:24px;}
.GN-lbox3A{ padding:10px 0 5px 0;}
.GN-lbox3A img{ margin-right:5px; vertical-align:middle; margin-bottom:2px;}
.GN-lbox3A img{ margin-right:5px; vertical-align:middle;}*/

.GN-lbox3B{ padding:5px 10px 10px 10px; line-height:19pt; border-bottom:1px dotted #CCCCCC; }/*新聞內容div*/
.GN-lbox3B .acglink{ color:#0055aa;}/*新聞內連結*/
.GN-lbox3B img{ max-width:640px; margin:3px;}
.GN-lbox3B em{ color:#0000FF;}/*<em>內文字變藍色*/
.GN-lbox3B table{ font-size:12px; border-spacing:1px; border-collapse:inherit; }/*圖說變小字*/
.GN-lbox3C{ font-size:12px; color:#999999; display:block}/*日期作者span*/
.GN-lbox3C a{ color:#0055aa; margin:0 3px;}
.GN-lbox3CA{ font-size:12px; color:#eb6100; display:block; font-weight:bold;}/*日期作者span - 新聞稿&玩家投稿特別版*/
.GN-lbox3CA a{ color:#0055aa; margin:0 3px;}
.GN-lbox3D{ float:right; border:5px solid #e5e5e5; margin:0 0 10px 10px;}/*右上角主圖片*/
.GN-lbox3E{ border-bottom:1px dotted #CCCCCC; display:block; clear:both;}/*相關連結*/
.GN-lbox3E a{ display:block; background-image:url(https://i2.bahamut.com.tw/bh_images.png); background-position:left -1442px; color:#0055aa; padding:3px 0 3px 10px;}

.GN-warn{ text-align:center;display:block; width:80%; margin:0 auto; padding:5px 0; border-top:1px solid #666666; border-bottom:1px solid #666666; color:#FF0000; font-weight:bold;}/*編輯器警告語*/

/* 新上稿介面 */
/*p.common-desc {text-align:center;}
.GN-lbox3B ul{ list-style-type: disc; padding:10px 30px;}
.GN-lbox3B ol{ list-style-type: decimal; padding:10px 30px;}
.GN-lbox3B a{ color:#0055aa;}
.GN-lbox3B h1{ font-weight:bold; font-size:24px;}
.GN-lbox3B h2{ font-weight:bold; font-size:18px;}
.GN-lbox3B h3{ font-weight:bold; font-size:15px;}*/
.GN-lbox3B ul.GN-thumbnails {list-style: none outside none; padding: 0; display:table;margin:0 auto;}
.GN-lbox3B ul.GN-thumbnails li.line {float: left; /*margin-bottom: 18px;*/}
.GN-lbox3B .GN-thumbnail {display:block;/*line-height:1*/;padding:2px;}
.GN-lbox3B .GN-thumbnail img{display:block;margin-left:auto;margin-right:auto;/*max-width:100%;*/}
.GN-lbox3B .GN-thumbnail p {text-align:center;padding:1px;}

.GN-lbox3B p.caution{ background-color:#ce4c4c; font-size:16px; font-weight:bold; color:#ffffff; padding:3px; margin:16px 0; text-align:center;}/*警語*/
.GN-lbox3B p.pic-desc, p.common-desc{ margin-left:auto;margin-right:auto;margin-bottom:16px; text-align:center; color:#666666; font-size:13px;}/*圖片附註文字*/
.GN-lbox3B p.quote-box{ background-color:#e5e5e5; padding:22px; margin:16px 16px; font-size:13px;}/*引文*/
.GN-lbox3B ul{ list-style-type: disc; padding:10px 30px;}
.GN-lbox3B ol{ list-style-type: decimal; padding:10px 30px;}
.GN-lbox3B a{ color:#0055aa;}/*內文連結顏色*/
.GN-lbox3B h1{ font-size:22px; font-weight:bold; color:#145292; background:url(https://i2.bahamut.com.tw/gnn/news_h1.png) left no-repeat; border-bottom:#0055aa 1px solid; padding:0 0 3px 22px; margin:14px 0;}/*大標題*/
.GN-lbox3B h2{ font-size:18px; font-weight:bold; color:#145292; background:url(https://i2.bahamut.com.tw/gnn/news_h2.png) left no-repeat; border-bottom:#e5e5e5 1px solid; padding:0 0 3px 22px; margin:10px 0;}/*中標題*/
.GN-lbox3B h3{ font-size:15px; font-weight:bold; color:#145292; background:url(https://i2.bahamut.com.tw/gnn/news_h3.png) left no-repeat; padding-left:20px; margin-top:10px;}/*小標題*/
.GN-lbox3B table.gnn-table{ border-collapse:collapse; border-spacing:0; border:#aeaeae 2px solid; margin:14px auto;}
.GN-lbox3B table.gnn-table td{ padding:5px; border:#aeaeae 1px solid; font-size:13px;} 


.companytitle_box{ margin:0 auto; height:36px; line-height:36px; width:500px; text-align:center; color:#FF0000; font-weight:bold; border-top:#b8b8b8 1px solid; border-bottom:#b8b8b8 1px solid;}/*廠商新聞稿最上方提示區塊*/

/*新聞圖片設定*/
.GN-pic{ display:inline-block; text-align:center; font-size:13px; margin:0; padding:0; vertical-align:top;}
.GN-pic span{ display:block;}
.GN-pic img{ margin:0;}


/*-----------圖片區塊-----------*/
.GN-lbox4{padding-top:10px;}
.GN-lbox4A{ padding:0 10px 10px 10px;}
.GN-lbox4A img{ margin-right:5px;}
.GN-lbox4A a{}

.GN-lbox4B{ padding-left:9px; font-size:12px;}
.GN-lbox4B div{ width:120px; margin:0 0 10px 11px; display:inline-block; vertical-align:top; *display:inline; zoom:1; line-height:16px;}
.GN-lbox4B img{ display:block; border:1px solid #CCCCCC; max-width:120px; max-height:120px;}

.GN-lbox4C{ text-align:right; clear:both; font-size:12px; padding:10px;}
.GN-lbox4C a{ color:#0055aa; margin-right:5px;}

#BH-path cite{ width:405px; display:inline-block; white-space:nowrap; overflow:hidden; vertical-align:middle;}  /*新聞標題截字*/


/*-----------20150305_下方按鈕改版-----------*/
.GN-lbox5{ padding-bottom:10px;}
.GN-lbox5A{}
.GN-lbox5A li{ float: right;}
.GN-lbox5 #acg{ float:right; position:relative;}
.GN-lbox5A a, .GN-lbox5B a, .GN-lbox5 #acg>a{ display:inline-block; padding:0 10px; line-height:30px; text-align:center; text-decoration:none; color:#FFF; margin-left:5px; background-color:#4f85bb;  letter-spacing:1px; font-family:"微軟正黑體";}
.GN-lbox5A a:hover, .GN-lbox5B a, .GN-lbox5 #acg>a:hover{ background-color:#3d638a; box-shadow:none;}
.GN-lbox5 i{ margin-right:5px; font-size: 17px; text-shadow: none;}
.GN-lbox5 .fa-file-text{ font-size: 15px;}
.GN-lbox5A em{ color:#FFFF00; font-weight:bold; letter-spacing:0; font-size:12px;}
.GN-lbox5 .fb-like{ width:350px; padding: 5px 0 10px 0;}
.GN-lbox5B .fb_iframe_widget { display: block; position: relative; !important}
.GN-lbox5B{}
.GN-lbox5B .track{ float:left; overflow: hidden; display: block; height: 30px; margin-bottom:10px; position: relative; z-index: 9;}
.GN-lbox5B .track a{ background-color: #0f9d58; margin: 0; border-bottom: 1px solid #FFF; min-width: 90px;}
.GN-lbox5B .track a:hover{ background-color: #006132;}
.GN-lbox5B .track a~a{ display: block; border-radius: 0; padding: 5px; line-height: 20px; min-width: 90px;}
.GN-lbox5B .track span{ display: block; font-size: 13px; background-color: #FFF; color: #0f9d58; font-weight: bold;}
.GN-lbox5B .track:hover{ overflow: visible;}

/*-----------新聞評語-----------*/
.GN-lbox6{padding-top:10px;}
.GN-lbox6A{ font-size:12px; padding:5px; overflow:auto; background-color:#e9f5f4; margin:0 10px 3px 10px;}
.GN-lbox6A img{ float:left;}
.GN-lbox6A p{ float:left; margin-left:10px; width:535px;}
.GN-lbox6A a{ color:#0055aa; font-weight:bold; margin-right:3px;}
.GN-lbox6A span{ color:#999999; margin-left:10px;}
.GN-lbox6A input{ float:left; margin-right:5px; margin-top:15px;}
.GN-lbox6A button{ float:right;}
.GN-lbox6B{ padding:5px 0 10px 0; clear:both; text-align:center;}
.GN-lbox6B input{ width:575px; height:20px; padding:0 2px; line-height:20px; vertical-align:middle;}
.GN-lbox6B button{ height:25px; vertical-align:middle; margin-left:3px; width:80px;}

.GN-lbox7{ text-align:center; padding-bottom:10px; font-size:12px;}/*前後篇新聞*/

/*-----------相關新聞-----------*/
.GN-lbox9{ padding: 0 10px 10px 10px;}
.GN-lbox9 a{ display: block; line-height: 2.2; border-bottom: 1px dotted #ddd;}
.GN-lbox9 a:last-child{ border: none;}
.GN-lbox9 .fa{ margin-right: 5px; color: #999;}
.GN-lbox9 a:visited{ color: #888888;}

/*----------- 最新頭條 + 相關商品 -----------*/
.GN-lbox8{ padding:10px; font-size:12px;}
.GN-lbox8 ul{ overflow:hidden;}
.GN-lbox8 li{ float:left; margin:0 6px;}
.GN-lbox8 li a{ display:block; width:155px; overflow: hidden;}
.GN-lbox8 li a:hover{ text-decoration:none;}
.GN-lbox8 li a:visited{ color: #888;}
.GN-lbox8 i{ display:table-cell; width:155px; height:155px; background-color:#e5e5e5; text-align:center; vertical-align:middle;}
.GN-lbox8 img{ min-width:150px; max-height:150px;}
.GN-lbox8B{ text-align:center; padding:10px 0 0 0;}
.GN-lbox8B button{ width:80px; height: 25px; vertical-align: middle; margin-left: 3px;}


/*-----------電玩瘋大電視-----------*/
.GZ_big{ text-align:center; padding:20px; background:url(https://i2.bahamut.com.tw/gnn/gz_bigbg.gif) #FFFFFF repeat-x bottom; border:1px solid #CCCCCC;}
.GZ_big iframe{}
.GZ_big p{ margin-top:20px; border-top:1px dotted #999999; padding-top:20px; background:url(https://i2.bahamut.com.tw/gnn/gz_bigbg2.gif) no-repeat center 20px;}
.GZ_big button{ font-size:15px; width:200px; line-height:25px;}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■右側區塊■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/*----------- 專題報導 + 試玩報導 ---------*/
.GN-rbox1{}
.GN-rbox1 div{ padding:10px 0; margin:0 10px; border-bottom:1px dotted #CCCCCC; overflow:auto; height:1%;}
.GN-rbox1 img{ float:left; border:3px solid #e5e5e5; margin:5px 10px 0 0;}
.GN-rbox1 p{ margin-left:135px; padding-top:7px;}
.GN-rbox1 a{ font-size:15px; color:#0055aa; font-weight:bold; display:block;}
.GN-rbox1 span{ color:#999999; display:block;}
.GN-rbox1 .GN-rbox1A{ font-size:12px; color:#0055aa; text-decoration:underline; font-weight:normal; display:inline;}

/*----------- 新聞排行榜 + 新聞感覺排行榜 ---------*/
.GN-rbox2{ padding:10px;}
.GN-rbox2A li{ padding:5px 0; border-bottom:1px dotted #CCCCCC;}
.GN-rbox2A a{ display:inline-block; width:230px; vertical-align:top; margin-left:7px;}
.GN-rbox2A span{ display:inline-block; width:40px; background-color:#59b5c2; color:#FFFFFF; text-align:center; line-height:18px;}

.GN-rbox2B li{ padding:5px 0; border-bottom:1px dotted #CCCCCC;}
.GN-rbox2B span{ display:inline-block; width:80px; background-color:#59b5c2; color:#FFFFFF; text-align:center; line-height:18px; margin-right:5px;}
.GN-rbox2B a{ color:#0055aa;}

.GN-rbox2 .BH-master_tag1{ margin-top:-2px; overflow:hidden; }
.GN-rbox2 .BH-master_tag1 li{ margin-top:2px;}
.GN-rbox2 .BH-master_tag1 a{ padding:0 9px;}

/*----------- 關連商品 ---------*/
.GN-rbox3A{ clear:both; margin:0 10px; border-bottom:1px dashed #e5e5e5; padding:10px 0; word-wrap:break-word; overflow:auto; _height:1%;}
.GN-rbox3A img{ float:left; border:3px solid #e5e5e5;}
.GN-rbox3A a{ color:#0055aa; font-weight:bold; font-size:16px; line-height:24px;}
.GN-rbox3A  strong{ font-weight:bold; font-size:14px;}
.GN-rbox3A  span{ color:#FF0000;}
.GN-rbox3A ul{ margin-left:130px;}
.GN-rbox3B{ display:inline-block; background-image:url(https://i2.bahamut.com.tw/acg/btn_left3.gif); width:120px; height:25px; margin-right:5px; *display:inline; zoom:1;}
.GN-rbox3C{ display:inline-block; background-image:url(https://i2.bahamut.com.tw/acg/btn_right3.gif); width:120px; height:25px; *display:inline; zoom:1;}
.GN-rbox3D{ text-align:center; border-bottom:1px solid #e5e5e5; padding:5px; overflow:auto; margin:0 10px 5px 10px; _height:1%;}
.GN-rbox3D a:hover{ background-position:bottom;}

/*----------- 作品評分區標題 ---------*/
.GN-rbox4{ padding:0 10px; white-space:nowrap; overflow:hidden; padding-right:20px;}

.gnn-show-btnline {background-image:url(https://i2.bahamut.com.tw/gnn/gnn_show_btnline.gif);margin-right:2px;}
.gnn-show-btnline:hover {background-image:none;background-color: #81BDDC; text-decoration:none; color:white;}

/*----------- 直播聊天室 ---------*/
.GN-rbox5{ padding:10px;}
.GN-rbox5 div{ height:300px; overflow:auto; border-bottom:1px solid #e5e5e5; position:relative;}
.GN-rbox5 a{ color:#0055aa; font-weight:bold;}
.GN-rbox5 p{ display:block; padding:3px 0; word-break:break-all; word-wrap:break-word;}
.GN-rbox5 p:hover{ background-color:#f6f6f6;}
.GN-rbox5 input{ width:270px; padding:2px; margin-top:10px;}
.GN-rbox5 span{ display:block; position:absolute; border:1px solid #e5e5e5; border-radius:5px; background-color:#FFFFCC;}
.GN-rbox5 span a{ font-weight:normal; display:block; color:#ff0000; font-size:12px; padding:2px 5px;}
.GN-rbox5 span a:first-child{ border-bottom:1px solid #e5e5e5;}
.GN-rbox5 span a:hover{ background-color:#666666; color:#FFFFFF; text-decoration:none;}

#videoDiv div div{ float:right !important}