/* Reset */
html, body, div, span,applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
/* Global Style */
html,body{background:#f5fcff;}
body{font: 12px/18px Arial, Helvetica; text-align: center; height:100%; color: #333}
a{text-decoration: none;color: #695dd9; font-weight: bold;}
a:hover{color: #1A7CBC;}
a:active{outline:none;}
a img{ border: 0;}
/* Site Construction */
#wrapper{ width: 970px; margin: 0 auto; text-align: left;}
#page {width: 100%; height: 100%;}
#frame {width: 100%; height: 100%; position: fixed;}
#frame #header{ margin: 0}
#header{ background:url(http://img.ginggong.com/img/header-c.jpg) repeat-x bottom; margin-bottom: 10px;}
#header .header-l{background:url(http://img.ginggong.com/img/header-l.jpg) no-repeat bottom left;}
#header .header-r{background:url(http://img.ginggong.com/img/header-r.jpg) no-repeat bottom right; padding: 0 0 10px 0;}
#header .fast-access{ background: #e4eced; border: 1px solid #c5d3d6;}
#header .fast-access .bookmark{ float: left;color: #71a819; font-size: 11px; padding: 3px 10px}
#header .fast-access .bookmark b{color: #7099a5; font-weight: normal}
#header .fast-access ul{ list-style-type: none; float: right; width: 600px;}
#header .fast-access ul li{ float: left; margin-left: 30px; padding: 3px 0}
#header .fast-access a{ color: #7099a5; font-weight: normal; font-size: 11px;}
#header .logo{ margin: 10px 20px; float: left;}
#frame #header .logo{ margin: 0 0 5px}
#frame #header a.source{ border: 1px solid #695DD9; padding: 3px 5px; background: #fff; display: block; float: right; margin: 15px 10px}
#frame #header a.source:hover{ background: #695DD9; color: #fff}
#header .search{ background:url(http://img.ginggong.com/img/search.jpg) no-repeat; width: 465px; overflow: hidden; margin: 5px 20px 5px; float: right; height: 72px;}
#frame #header .search{ margin: 0 0 20px;}
#header .search input{ background: none; border: 0; }
#header .search input.text{ width: 260px; color: #444444;margin:25px 0 0 40px;font-weight:bold;}
#header .search input.checkbox{ margin:0; margin-left: 10px; vertical-align: text-top !important; vertical-align: middle;}
#header .search .type{ padding: 8px 20px 3px; font-size: 11px;}
#header .search input.submit{ width: 80px; color: #ccc; height: 18px; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.content-news{ width: 700px; float: left; background:white;}
#content{ width: 700px; float: left;}
#content-sidebar{ width: 160px; float: left;}
#content-main{ width: 530px; float: right;}
#weather p{ font-size: 11px; line-height: 14px; color: #666}
#weather p.cel{ font-size: 14px; font-weight: bold; color: #444}
#weather .other p{ line-height: 10px}
#weather .box-content .other li{ float: left; width: 43%; border-bottom: 0}
#weather .other p.cel{ font-size: 12px;}
#television .entry-content li{ padding: 3px 0; font-size: 11px;}
#other .box-caption h3 a{ color: #3b7e0f}
#other .entry-content{background: #fbfef6; margin: 0; padding: 0}
#other .entry-content li{ padding: 3px 13px; font-size: 11px; border-bottom: 1px solid #fff}
#other .entry-content li.odd{ background: #eef7e0}
#other .entry-content li a{ color: #707171; font-weight: normal;}
#sidebar{ width: 260px; float: right;}
#sidebar h3 a{ color: #1191e3}
#sidebar .box-content li{ background:url(http://img.ginggong.com/img/dot.gif) no-repeat 0 10px; padding: 3px 0 3px 15px;}
#sidebar .box-content li a{ color: #444;}
#sidebar .box-content li a:hover{ color: #695dd9;}
#featured-video .first-video{ margin: 10px 13px 5px;}
#featured-music{ color: #666}
#featured-music .box-content li a{ display: block;}
#featured-game .box-content li{ padding: 0; margin-bottom: 10px; list-style-type:none;}
#footer{ text-align: center;background:url(http://img.ginggong.com/img/footer.jpg) no-repeat top center; padding: 10px 0; color: #666}
#footer a{ font-weight: normal;}
#first-news a,#second-news a{ color: #157aac}
#first-news .box-content .right-content a,#second-news .box-content .right-content a{ color: #444}
#first-news .box-content .right-content a:hover,#second-news .box-content .right-content a:hover{ color: #695dd9}
#featured-market{}
#featured-market .right-content { width: 145px; margin: 10px 10px 10px 0; background: #f4f4f4; padding: 5px; font-size: 11px;}
#featured-market .right-content .text{ background: url(http://img.ginggong.com/img/input.jpg) no-repeat; border: 0; font-size: 11px; color: #999; padding: 3px; width: 50px; padding-right: 32px; float: right;}
#featured-market .left-content { width: 330px; padding: 10px}
#featured-market .left-content .graph{ border-bottom:1px dotted #D6E0E5;}
#featured-market .left-content .more-info{ background: #f1f1f1; text-align: center; font-size: 11px; padding: 3px 0}
#featured-market .left-content .more-info a{ font-weight: normal;}
#featured-market .center-content{ width: 160px; float: left; margin-left: 10px; padding: 10px 0;border-right:1px dotted #D6E0E5; }
#featured-market .center-content .market-info{ background: #fbfbfb; border: 1px solid #c4c4c4; margin: 0 10px 10px 0; padding: 5px; font-size: 11px;}
#featured-market .center-content .market-info .featured{ color: #9e0333}
#scroll-news{background:url(http://img.ginggong.com/img/scroll.jpg) no-repeat top center; padding: 5px 10px; color: #fdfdfd}
#scroll-news b{ color: #daec13;}
#featured-photo .right-content{ width: 240px}
#featured-photo .left-content{ width: 450px; padding: 20px 0;}
#featured-photo .tag{ padding: 3px 10px;border-top:1px dotted #D6E0E5;}
#photo-detail .box-caption{ padding: 0 8px}
#photo-detail .box-content{ padding: 8px; text-align: center;}
#photo-detail .box-content .embed{ background: #efefef; border: 1px solid #ccc}
/* Box Style */
.box{ margin-bottom: 10px;}
.left-content{float: left; border-right:1px dotted #d6e0e5; width: 420px;}
.left-content .graph{ padding: 10px; background:#f9f9f9}
.right-content{float: right;width: 275px;}
.box-content .right-content a{ color: #444;}
.box-content .right-content a:hover{ color: #695dd9;}
.box-content .right-content ul{margin:0 8px;padding:5px 0 0 5px;}
.box-content .right-content li{border-bottom:1px dotted #d6e0e5; padding: 5px 0;}
/*
.box-content .right-content ul{ margin: 0 8px 0 0;}
.box-content .right-content li{ overflow:hidden; }
*/
.box-content .right-content .photo-list li{ background:none; padding: 0;}
.box-content .right-content li.headline{ background: none; padding: 3px 0 3px 0; color: #b94709; font-weight: bold;}
.box-caption{background:url(http://img.ginggong.com/img/background.jpg) no-repeat;line-height:29px;height:29px;}
.box-caption h3{color:#444444;font-size:13px;margin-left:10px;float:left;}
.box-content{border-right:1px solid #b1c2d1;border-left:1px solid #b1c2d1;overflow:hidden; background: #fff}
.box-content ul{margin:0 8px;padding:5px 0 0 5px;list-style-type: none;}
.box-content li{border-bottom:1px dotted #d6e0e5; padding: 5px 0;}
.box-content .other li{border-bottom:1px dotted #d6e0e5;}
.box-content2{border-right:1px solid #b1c2d1;border-left:1px solid #b1c2d1;overflow:hidden; background: #fff; width:50%; float:left;}
.box-content2 ul{margin:0 8px;padding:5px 0 0 5px;list-style-type: none;}
.box-content2 li{border-bottom:1px dotted #d6e0e5; padding: 5px 0;}
.box-content2 .other li{border-bottom:1px dotted #d6e0e5;}
.box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background.jpg) no-repeat 0 -29px;height:5px;}
.tab {
background:url("http://img.ginggong.com/img/dotTabGG.gif") repeat-x scroll left bottom transparent;
float:right;
margin-bottom:10px;
margin-right:11px;
margin-top:6px;
padding:0 6px 0 0;
}
.tab a{color:#6C6C6C;line-height:25px;background:url(http://img.ginggong.com/img/tab.jpg) no-repeat;display:block;text-decoration:none !important;height:23px;padding-left:4px;float:left;overflow:hidden; margin-left: 5px;}
.tab a:link,.tab a:visited{background-position: 0 -23px;}
.tab a:hover,.tab a:active,.tab a.nonce{background-position:0 0;}
.tab a span{background:url(http://img.ginggong.com/img/tab.jpg) no-repeat; display:block;height:23px;padding:0 13px 0 9px;float:left;cursor:pointer;}
.tab a:link span,.tab a:visited span{background-position: 100% -23px;}
.tab a:hover span,.tab a:active span{background-position: 100% 0 !important;}
.tab a:hover span,.tab a:active span,.tab a.nonce span{background-position:100% 0 !important; color: #fc5224}
.box-small .box-caption{background:url(http://img.ginggong.com/img/background-small.jpg) no-repeat;}
.box-small .box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background-small.jpg) no-repeat 0 -29px;}
.box-yellow .box-caption{background:url(http://img.ginggong.com/img/background-yellow.jpg) no-repeat;}
.box-yellow .box-caption h3 a{ color: #f1460e;}
.box-yellow .box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background-yellow.jpg) no-repeat 0 -29px;}
.box-yellow .box-content{border-right:1px solid #e3e092;border-left:1px solid #e3e092;overflow:hidden;}
.box-yellow .tab a{background:url(http://img.ginggong.com/img/tab-yellow.jpg) no-repeat;}
.box-yellow .tab a{background-position: 0 -23px;}
.box-yellow .tab a:hover,.box-yellow .tab a:active,.tab a.nonce{background-position:0 0;}
.box-yellow .tab a span{background:url(http://img.ginggong.com/img/tab-yellow.jpg) no-repeat;}
.box-yellow .tab a:link span,.box-yellow .tab a:visited span{background-position: 100% -23px;}
.box-yellow .tab a:hover span,.box-yellow .tab a:active span{background-position: 100% 0 !important;}
.box-yellow .tab a:hover span,.box-yellow .tab a:active span,.box-yellow .tab a.nonce span{background-position:100% 0 !important; color: #fc5224}
.box-violet .box-caption{background:url(http://img.ginggong.com/img/background-violet.jpg) no-repeat;}
.box-violet .box-caption h3 a{ color: #f1460e;}
.box-violet .box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background-violet.jpg) no-repeat 0 -29px;}
.box-violet .box-content{border-right:1px solid #c298bf;border-left:1px solid #c298bf;overflow:hidden;}
.box-violet .tab a{background:url(http://img.ginggong.com/img/tab-violet.jpg) no-repeat;}
.box-violet .tab a{background-position: 0 -23px;}
.box-violet .tab a:hover,.box-yellow .tab a:active,.tab a.nonce{background-position:0 0;}
.box-violet .tab a span{background:url(http://img.ginggong.com/img/tab-violet.jpg) no-repeat;}
.box-violet .tab a:link span,.box-yellow .tab a:visited span{background-position: 100% -23px;}
.box-violet .tab a:hover span,.box-yellow .tab a:active span{background-position: 100% 0 !important;}
.box-violet .tab a:hover span,.box-yellow .tab a:active span,.box-yellow .tab a.nonce span{background-position:100% 0 !important; color: #fc5224}
.box-medium .box-caption{background:url(http://img.ginggong.com/img/background-medium.jpg) no-repeat;}
.box-medium .box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background-medium.jpg) no-repeat 0 -29px;}
.box-medium .left-content{width: 245px;}
.box-medium .left-content li{ padding: 2px 0;}
.box-medium .other a{ font-size: 11px; font-weight: normal;}
.box-right .box-caption{background:url(http://img.ginggong.com/img/background-right.jpg) no-repeat;}
.box-right .box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background-right.jpg) no-repeat 0 -29px;}
.box-news
.box-caption{ padding: 0 8px 0;}
.box-news .box-content li{ border-bottom: 0}
.box-news .odd{ width: 340px; float:left;}
.box-news .odd .box-caption{background:url(http://img.ginggong.com/img/background-news-odd.jpg) no-repeat;}
.box-news .odd .box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background-news-odd.jpg) no-repeat 0 -29px;}
.box-news .even{ width: 350px; float:right;}
.box-news .even .box-caption{background:url(http://img.ginggong.com/img/background-news-even.jpg) no-repeat;}
.box-news .even .box-bottom{font-size:0;background:url(http://img.ginggong.com/img/background-news-even.jpg) no-repeat 0 -29px;}
/* Other */
.imgleft{float: left;}
.imgright{float: right;}
.quiet{ color: #999; font-size: 11px;}
.red{ color: red;}
.green{ color: green;}
.more{ float: right; font-size: 11px; color: #b94709; font-weight: normal;}
.photo-list{ list-style-type: none;}
.photo-list li{float:left;margin-right:10px;width:100px; text-align: center; border-bottom: 0}
.photo-list li img{ margin-left: 7px;}
.photo-list li a{ color: #444; font-weight: normal;}
.photo_cat{background:transparent url(http://img.ginggong.com/img/cat.jpg) no-repeat;height:21px;margin:8px 11px 11px;overflow:hidden;text-align:center;width:675px;}
.photo_cat strong{ font-size: 11px; color: #8d8d48; font-weight: normal; margin-right: 10px}
.videos_cat{background:transparent url(http://img.ginggong.com/img/cat-videos.jpg) no-repeat;height:21px;margin:8px 11px 11px;overflow:hidden;text-align:center;width:675px;}
.videos_cat strong{ font-size: 11px; color: #7d3d7d; font-weight: normal; margin-right: 10px}
.video-cat, .game-cat{background:transparent url(http://img.ginggong.com/img/cat-video.jpg) no-repeat;height:21px;overflow:hidden;text-align:center; margin: 10px 0}
.video-cat strong,.game-cat strong{ font-size: 11px; color: #384d71; font-weight: normal; margin-right: 10px}
.video-list ul{ list-style-type: none;border-bottom:1px dotted #d6e0e5;}
.video-list li{ float: left; width: 30%; margin-right: 20px}
.video-list li{ font-size: 11px; color: #666; border-bottom: none}
.video-list li a{ font-size: 12px}
.video-small-list ul{ list-style-type: none;border-bottom:1px dotted #d6e0e5;}
.video-small-list li{ float: left; width: 22%; margin-right: 10px}
.video-small-list li{ font-size: 11px; color: #666; border-bottom: none; padding-left: 10px}
.video-small-list li a{ font-size: 12px}
.page {border-top:1px solid #E7EEF4;clear:both;color:#929292;font-weight:bold;height:28px;line-height:24px;padding-top:8px;position:relative;text-align:center;}
.page strong {left:0;position:absolute;top:8px;}
.page a {color:#929292; margin-right: 10px}
.page a.nonce {color:#FF0000;}
.page a.next_page {color:#003B86;}
select{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #b3b3b3; margin: 0 10px;}
p{padding: 0 0 5px 0;}
p.date{ font-size: 11px; padding: 0 2px 0 0; color: #999}
p.summary{color:#666666; font-weight:normal;}
p.teaser{color:#666666;}
img.border{border:1px solid #ccc;padding:1px; margin: 0 7px 0 0}
/* Clear Fix */
.clear{font-size:0;line-height:0;height:0;clear:both;overflow: hidden;display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Paging control */
a.PagerControl
{
border: 1px solid #CCCCCC;
font-size: 11px;
padding: 4px 7px;
text-align: center;
vertical-align: middle;
}
a.PagerControl:link
{
border: 1px solid #CCCCCC;
color: #333333;
font-weight: bold;
text-decoration: none;
}
a.PagerControl:active
{
background-color: #24AEF9;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.PagerControl:visited
{
border: 1px solid #CCCCCC;
color: #333333;
font-weight: bold;
text-decoration: none;
}
a.PagerControl:hover
{
background-color: #24AEF9;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.PagerControlSelected
{
border: 1px solid #CCCCCC;
font-size: 11px;
padding: 4px 7px;
text-align: center;
vertical-align: middle;
}
a.PagerControlSelected:link
{
background-color: #24AEF9;
border: 1px solid #CCCCCC;
color: #333333;
font-weight: bold;
text-decoration: none;
}
a.PagerControlSelected:active
{
background-color: #24AEF9;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.PagerControlSelected:visited
{
background-color: #24AEF9;
border: 1px solid #CCCCCC;
color: #333333;
font-weight: bold;
text-decoration: none;
}
a.PagerControlSelected:hover
{
background-color: #24AEF9;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.date{ font-size: 11px; padding: 0 2px 0 0; color: #999}
.Publisher
{
font-size: 11px;
color: #DD3105;
}