/* 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;
	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(img/header-c.jpg) repeat-x bottom;
	margin-bottom: 10px;
}
#header .header-l
{
	background: url(img/header-l.jpg) no-repeat bottom left;
}
#header .header-r
{
	background: url(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(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: #ccc;
	margin: 25px 0 0 40px;
}
#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
{
	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(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(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(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(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 a
{
	color: #444;
}
.box-content .right-content a
{
	color: #444;
}
.box-content .right-content a:hover
{
	color: #695dd9;
}
.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(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-bottom
{
	font-size: 0;
	background: url(img/background.jpg) no-repeat 0 -29px;
	height: 5px;
}
.tab
{
	margin-top: 6px;
	margin-right: 11px;
	float: right;
}
.tab a
{
	color: #6C6C6C;
	line-height: 25px;
	background: url(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(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(img/background-small.jpg) no-repeat;
}
.box-small .box-bottom
{
	font-size: 0;
	background: url(img/background-small.jpg) no-repeat 0 -29px;
}

.box-yellow .box-caption
{
	background: url(img/background-yellow.jpg) no-repeat;
}
.box-yellow .box-caption h3 a
{
	color: #f1460e;
}
.box-yellow .box-bottom
{
	font-size: 0;
	background: url(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(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(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(img/background-violet.jpg) no-repeat;
}
.box-violet .box-caption h3 a
{
	color: #f1460e;
}
.box-violet .box-bottom
{
	font-size: 0;
	background: url(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(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(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(img/background-medium.jpg) no-repeat;
}
.box-medium .box-bottom
{
	font-size: 0;
	background: url(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(img/background-right.jpg) no-repeat;
}
.box-right .box-bottom
{
	font-size: 0;
	background: url(img/background-right.jpg) no-repeat 0 -29px;
}

.box-news .box-caption
{
	padding: 0 8px 0;
	height: 20px;
}
.box-news .box-content li
{
	border-bottom: 0;
}
.box-news .odd
{
	width: 340px;
	float: left;
}
.box-news .odd .box-caption
{
	background: url(img/background-news-odd.jpg) no-repeat;
}
.box-news .odd .box-bottom
{
	font-size: 0;
	background: url(img/background-news-odd.jpg) no-repeat 0 -29px;
}
.box-news .even
{
	width: 350px;
	float: right;
}
.box-news .even .box-caption
{
	background: url(img/background-news-even.jpg) no-repeat;
}
.box-news .even .box-bottom
{
	font-size: 0;
	background: url(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(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(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(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;
}

.i_Info
{
}
.i_Info_Title
{
	font-size: 14px;
}
.i_Info_Content
{
	padding-top: 10px;
}
.i_Info_Content ul li
{
}
.i_Info_Content_title
{
}
.i_Info_Size
{
	background-image: url(http://img.ginggong.com/img/size_icon.png);
	background-repeat: no-repeat;
	width: 100px;
	padding-left: 25px;
	padding-top: 2px;
	float: left;
	font-weight: bold;
}
.i_Info_Cost
{
	background-image: url(http://img.ginggong.com/img/coins.png);
	background-repeat: no-repeat;
	width: 100px;
	padding-left: 25px;
	padding-top: 2px;
	float: left;
	font-weight: bold;
}
.i_Info_PostDate
{
	background-image: url(http://img.ginggong.com/img/calendar.png);
	background-repeat: no-repeat;
	width: 100px;
	padding-left: 25px;
	padding-top: 2px;
	float: left;
	font-weight: bold;
}
.i_Info_Contact
{
	background-image: url(http://img.ginggong.com/img/contact_icon.png);
	background-repeat: no-repeat;
	width: 190px;
	padding-left: 25px;
	padding-top: 2px;
	float: left;
	font-weight: bold;
}

.i_Content_Size
{
	background-image: url(http://img.ginggong.com/img/size_icon.png);
	background-repeat: no-repeat;
	width: 100px;
	padding-left: 20px;
	padding-top: 5px;
	float: left;
	vertical-align: top;
}
.i_Content_Cost
{
	background-image: url(http://img.ginggong.com/img/coins.png);
	background-repeat: no-repeat;
	width: 100px;
	padding-left: 20px;
	padding-top: 5px;
	float: left;
	vertical-align: top;
}
.i_Content_Contact
{
	background-image: url(http://img.ginggong.com/img/contact_icon.png);
	background-repeat: no-repeat;
	width: 190px;
	padding-left: 20px;
	padding-top: 5px;
	float: left;
	vertical-align: top;
}
