/*
Theme Name: Rover
Theme URI: http://themeforest.net/user/MattMao/portfolio
Description: A perfect theme for business & eCommerce.
Version: 1.8
Author: MattMao
Author URI: http://themeforest.net/user/MattMao
Copyright: (c) 2009-2011 themerecord.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
@charset 'utf-8';

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* #Reset
================================================== */
	html, body, div, span, applet, object, iframe, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; 
	}


/* #Basic
================================================== */

	/*Fix the clear issue*/
	.hide { display: none; }

	.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%;}

	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	.clearfix { display: inline-block; } /* Hide from IE Mac \*/ 
	.clearfix { display: block; } /* End hide from IE Mac */ 

	.clear-fixed { height: 100%; overflow: hidden; }


	/* Links & Image*/
	a, a:hover, a:focus { text-decoration: none; }
	a:hover, a:active, a:focus { outline: none; }
	a img { border: none; }
	img { vertical-align: top; }


	/*Html Tags*/
	::-moz-selection { color: #FFF; background: #222; text-shadow: none; }
	::selection { color: #FFF; background: #222; text-shadow: none; }
	body { line-height: 1; }
	ul, ol { list-style: none; }
	abbr[title] { border-bottom: 1px dotted; }
	abbr:hover { cursor: help; }
	b, strong { font-weight: bold; }
	i, em, dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
	ins { background: #FFFF99; color: #000; text-decoration: none; }
	mark { background: #FFFF00; color: #000; font-style: italic; font-weight: bold; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	blockquote, q { quotes: none; }
	blockquote:before, 
	blockquote:after,
	q:before, 
	q:after { content: ''; content: none; }
	small { font-size: 85%; }
	big { font-size: 135%; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }


	/*Button, input, textarea*/
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; *overflow: visible; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }


	/*Tables*/
	table { width: 100%; border-collapse: collapse; border-spacing: 0; }
	td { vertical-align: top; }


/* #Typography
================================================== */

	/*Common*/
	body { font: 13px/1.8em 'Helvetica Neue', Helvetica, Arial, serif, sans-serif;  color: #444; background-color: #FFF; }
	a { color: #333; }
	a:hover { color: #DA5A04; }
	h1, h2, h3, h4, h5, h6 { color: #181818; } 
	b, strong { color: #181818; }

	.product-list li .price span,
	.post-product-single .product-form .price span { font-family: 'Helvetica Neue', Helvetica, Arial, serif, sans-serif; }

	blockquote {
		font-size: 14px; 
		font-style: italic;  
		padding-left: 70px; 
		background: url(assets/images/quote.png) no-repeat 0 10px;
	}
	pre { padding: 15px 20px; }
	code { display: block; padding: 15px 20px; }
	pre, code {
		border: 1px solid #E5E5E5;
		background: #F9F9F9;
	}

	table { 
		width: 100%;
		border-collapse: collapse; 
		text-align: left;
		background: #F9F9F9;
		border: 1px solid #E5E5E5;
	}

	th, thead td { 
		text-align: left;   
		font-weight: bold;
		padding: 8px 15px;
		background: #F1F1F1;
		color: #333;
	}

    td { 
		padding: 8px 15px; 
		border-top: 1px solid #E5E5E5;
	}

	.alignleft { float: left; text-align: left; margin-right: 20px; }
	.alignright { float: right; text-align: right; margin-left: 20px; }
	.aligncenter { margin: 0 auto; display: block; }

	
	/*Format CSS*/
	.post-format h1, 
	.post-format h2, 
	.post-format h3, 
	.post-format h4,
	.post-format h5, 
	.post-format h6 { 
		font-weight: bold;
	}

	.post-format h1, 
	.post-format h2, 
	.post-format h3, 
	.post-format h4 { 
		margin-bottom: 15px; 
	}

	.post-format h5, 
	.post-format h6 { 
		margin-bottom: 10px; 
	}

	.post-format h1 { font-size: 24px; line-height: 28px; }
	.post-format h2 { font-size: 20px; line-height: 22px; }
	.post-format h3 { font-size: 16px; line-height: 20px; }
	.post-format h4 { font-size: 14px; line-height: 18px; }
	.post-format h5 { font-size: 12px; line-height: 18px; }
	.post-format h6 { font-size: 10px; line-height: 16px; }

	.post-format p, 
	.post-format ul,  
	.post-format ol, 
	.post-format dl, 
	.post-format pre, 
	.post-format blockquote { 
		margin-bottom: 20px;
		font-size: 13px;
		color:#666;
	}

	.post-format ul li ul, 
	.post-format ol li ol, 
	.post-format ul li ol, 
	.post-format ol li ul { 
		margin: 10px 0; 
		padding: 0 0 0 40px; 
	}

	.post-format ul, 
	.post-format ol, 
	.post-format ul ul, 
	.post-format ol ol, 
	.post-format ul ol, 
	.post-format ol ul { 
		list-style-position: inside;
	}

	.post-format ul { list-style-type: disc; }
	.post-format ol { list-style-type: decimal; }
	.post-format ol ol { list-style-type: upper-alpha; }
	.post-format ol ol ol { list-style-type: lower-roman; }
	.post-format ol ol ol ol { list-style-type: lower-alpha; }

	.post-format ul.square { list-style: square; }
	.post-format ul.circle { list-style: circle; }
	.post-format ul.disc { list-style: disc; }

	.post-format dl dt { font-weight: bold; }
	.post-format dl dd { margin-left: 20px; }



	/*WP Default CSS*/
	.wp-caption { position: relative; }
	.wp-caption .alignnone { margin: 0 0 20px; }
	.wp-caption .alignleft { margin: 5px 20px 20px 0; }
	.wp-caption .alignright { margin: 5px 0 20px 20px; }
	.wp-caption .wp-caption-text {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 5px 20px; 
		background: #333;
		font-size: 14px; 
		color: #EEE;
	}

	.sticky, .gallery-caption, .bypostauthor { }


	/*No post*/
	.no-post { text-align: center; }
	.no-post h2 { font-size: 24px; margin-bottom: 15px; }
	.no-post p { font-size: 14px; }


	/*Content*/
	.post-entry-images ul {
		margin: 0;
	}

	.post-entry-images li {
		margin-bottom: 20px;
		list-style: none;
	}

	.post-entry-images li:last-child {
		margin: 0;
	}



/* #Image Effect
================================================== */

	/*Image Hover*/
	.post-thumb {
		position: relative;
	}

	.post-thumb-hover .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #FFF;
	}

	.post-thumb-hover .overlay-icon {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
	}

	.post-item .overlay-icon {
		background-repeat: no-repeat;
		background-color: #DA5A04;
		background-image: url(assets/images/portfolio-overlay-icon.png);
	}

	.item-image .overlay-icon { background-position: 50% 0; }

	.item-gallery .overlay-icon { background-position: 50% -30px; }

	.item-video .overlay-icon { background-position: 50% 100%; }

	/*Image Preload*/
	.post-thumb-preload .wp-preload-image  { 
		opacity: 0; 
		filter: alpha(opacity=0); 
	}

	.post-thumb-preload .loader-icon {
		display: block;
		background-image: url(assets/images/loader.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: #F8F8F8;
	}



/* #Layout
================================================== */

	/*Body*/
	#page { margin: 0 auto; }

	/*Column*/
	.fullwidth, .left-side, .right-side { padding: 60px 0; }
	.col-width, #main { width: 940px; margin: 0 auto; }
	#content { width: 650px; }
	#sidebar { width: 250px; }

	.left-side #sidebar, 
	.right-side #content { float: left; }

	.right-side #sidebar, 
	.left-side #content { float: right; }

	.fullwidth #content { width: 100%; }

	.right-side #content .post-format img, 
	.left-side #content .post-format img { max-width: 650px; height: auto; }
	.fullwidth #content .post-format img { max-width: 940px; height: auto; }

	.tempate-contact #sidebar { padding-top: 12px; }

	.col-1-1 { width: 940px; }
	.col-2-1 { width: 460px; }
	.col-3-1 { width: 300px; }
	.col-4-1 { width: 220px; }
	.col-1-1, .col-2-1, .col-3-1, .col-4-1 { float: left; margin-left: 20px; }
	.col-first { margin-left: 0; clear: left; }



/* #Header
================================================== */
	#site-head { border-bottom: 1px solid #E5E5E5; }

	#announcement { background: #444; display: none; }
	#announcement-container { position: relative; }
	#announcement-content { padding: 15px 30px 15px 40px;  font-size: 14px; color: #FFF; background: url(assets/images/announcement.png) 0 50% no-repeat; }
	.close-announcement { 
		position: absolute; 
		top: 20px; 
		right: 0; 
		text-indent: -999em; 
		width: 18px; 
		height: 18px; 
		background-image: url(assets/images/close.png);
		background-position: 0 50%;
		background-repeat: no-repeat;
		background-color: #222;
	}
	.close-announcement:hover { 
		background-position: 100% 50%;
		background-color: #DA5A04;
	}

	.topbar-wrap { position: relative; }

	#topborder { 
		position: absolute; 
		left: 0;
		top: 0;
		width: 100%;
		height: 5px;
		background: #333;
	}

	.site-logo, .site-name { float: left; }
	.site-name p, .site-logo p { font-size: 12px; color: #999; }
	.site-name h1 { font-size: 42px; margin-bottom: 5px; }
	.site-name, .site-logo { margin-top: 35px; }

	.select-menu { display: none; }

	/*DDsmoothmenu*/
	.ddsmoothmenu ul { z-index:100; margin: 0; padding: 0; }
	.ddsmoothmenu ul li { position: relative; }
	.ddsmoothmenu ul li a { display: block; }
	.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; }
	.ddsmoothmenu ul li ul li { float: none; }
	.ddsmoothmenu ul li ul li ul { top: 0; }
	.downarrowclass { display: none; }
	.rightarrowclass { 
		position: absolute;
		top: 15px;
		right: 20px;
		width: 6px; 
		height: 9px; 
		background-image: url(assets/images/menu-right-arrow.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	#top-menu ul li a.selected .rightarrowclass { 
		background-position: 0 100%;
	}

	#top-menu { float: right; }
	#top-menu ul li { float: left; }

	#top-menu ul li.backLava { 
		border-top: 5px solid #DA5A04; 
		background: #F8F8F8; 
	}

	#top-menu ul li a { 
		display: block; 
		padding: 0 15px; 
		text-transform: uppercase;
		text-align: center;
		line-height: 1.2em;
	}

	#top-menu ul li a:after {
		color: #999;
		content: attr(data-description);
		font-weight: normal;
		font-size: 11px;
		text-transform: none; 
	}

	#top-menu ul li a strong { 
		display: block; 
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
		color: #333;
	}
	

	#top-menu ul li.selectedLava a strong,
	#top-menu ul li a.selected strong, 
	#top-menu ul li a:hover strong,
	body.nocurrent #top-menu ul li.selectedLava a:hover strong { 
		color: #DA5A04; 
	}

	body.nocurrent #top-menu ul li.backLava { 
		border-top: none;
		background: none;
	}

	body.nocurrent #top-menu ul li.selectedLava a strong { 
		color: #333;
	}

	body.nocurrent #top-menu ul li a:hover {
		border-top: 5px solid #DA5A04; 
		background: #F8F8F8; 
		padding: 0 15px;
	}

	#top-menu ul li ul { width: 180px; height: auto; }
	#top-menu ul li ul li { float: none;  margin: 0; }
	body.ie7 #top-menu ul li ul.sub-menu li { margin-top: -4px; }

	#top-menu ul li ul li a,
	#top-menu ul li.selectedLava ul li a,
	body.nocurrent #top-menu ul li ul li a {
		padding: 10px 18px;
		background-image: url(assets/images/menu-item-bg.png);
		background-repeat: repeat-x;
		background-position: 0 100%;
		background-color: #333;
		border-top: 1px solid #444;
	}
	#top-menu ul li ul li:last-child a { background-image: none; }
	#top-menu ul li ul li:first-child a { border-top: 1px solid #333; }

	#top-menu ul li ul li a:hover,
	body.nocurrent #top-menu ul li ul li a:hover {
		padding: 10px 15px;
		background: #DA5A04;
		border-top: 1px solid #DA5A04;
	}

	#top-menu ul li ul.sub-menu li a,
	#top-menu ul li.selectedLava ul.sub-menu li a,
	#top-menu ul li ul.children li a strong,
	#top-menu ul li.selectedLava ul.children li a strong {
		line-height: 1.5em;
		text-transform: none;
		text-align: left;
		font-weight: normal;
		font-size: 12px;
		color: #FFF;
	}

	#top-menu ul li ul.sub-menu li a:hover,
	#top-menu ul li ul.children li a:hover strong  {
		color: #FFF;
	}	

	.site-page-header {
		border-bottom: 1px solid #E5E5E5;
		background: #F9F9F9;
		padding: 25px 0 30px;
	}

	.page-header-left { float: left; }

	.site-page-header h3 { 
		text-transform: uppercase; 
		font-weight: bold;
		font-size: 24px;
		font-family:Helvetica,Arial,sans-serif!important;
	}

	.page-header-breadcrumbs {
		font-size: 10px;
	}

	.page-header-breadcrumbs .sep { 
		padding: 0 3px; 
	}

	.page-header-breadcrumbs a,
	.page-header-breadcrumbs .sep,
	.page-header-breadcrumbs .breadcrumb-title,
	.page-header-breadcrumbs .trail-end { 
		color: #999;
	}

	.page-header-breadcrumbs a:hover { 
		text-decoration: underline;
		color: #DA5A04;
	}




/* #Sortable Menu
================================================== */
	.sortable-menu {
		float: right;
		margin-top: 11px;
	}

	.sortable-menu li {
		float: left;
		height: 31px;
		line-height: 31px;
		margin-left: 2px;
	}

	.sortable-menu li a {
		display: block;
		padding: 0 12px;
		background: #333;
		color: #FFF;
	}

	.sortable-menu li.current-cat a,
	.sortable-menu li.active a,
	.sortable-menu li a:hover {
		background: #DA5A04;
	}




/* #Single Pagenation
================================================== */
	.single-post-pagenation {
		float: right;
		margin-top: 13px;
	}

	.single-post-pagenation li {
		float: left;
		height: 31px;
		line-height: 31px;
		margin-left: 2px;
	}

	.single-post-pagenation li a {
		display: block;
		background-color: #333;
		background-image: url(assets/images/single-pagenation-btn.png);
		background-repeat: no-repeat;
		color: #FFF;
	}

	.single-post-pagenation li.previous-link a {
		background-position: 0 0;
		padding: 0 15px 0 25px;
	}

	.single-post-pagenation li.next-link a {
		background-position: 100% 100%;
		padding: 0 25px 0 15px;
	}

	.single-post-pagenation li.back-lists a {
		background-image: url(assets/images/go-back-to-lists.png);
		background-position: 50% 50%;
		padding: 0 6px;
		text-indent: -999em;
	}






/* #Portfolio
================================================== */

	/*List*/
	.portfolio-list ul {
		margin-top: -50px;
	}

	.portfolio-list li { 
		list-style: none;
		margin-top: 50px;
		padding-bottom: 15px;
		text-align: center;
		background: #F8F8F8;
	}

	.portfolio-list li.col-2-1:nth-child(2n+1),
	.portfolio-list li.col-3-1:nth-child(3n+1),
	.portfolio-list li.col-4-1:nth-child(4n+1) {
		clear: left;
		margin-left: 0;
	}

	.portfolio-list li .post-thumb {
		margin-bottom: 15px;
	}

	.portfolio-list li .title {
		line-height: 1.2em;
		margin-bottom: 0;
		font-weight: bold;
		font-size: 14px;
	}

	.portfolio-list li .cats {
		margin-top: 5px;
		line-height: 1.2em;
		text-transform: uppercase;
		font-size: 10px;
	}

	.portfolio-list li .cats,
	.portfolio-list li .cats a {
		color: #999;
	}

	.portfolio-list li .cats a:hover { 
		color: #DA5A04; 
		text-decoration: underline; 
	}


	/*Single*/
	.post-portfolio-single .post-meta { 
		float: left; 
		width: 180px;
	}

	.post-portfolio-single .post-meta p {
		margin-bottom: 5px;
	}

	.post-portfolio-single .post-meta p b {
		padding-right: 5px;
	}

	.post-portfolio-single .post-meta .client-url a {
		display: inline-block;
		height: 33px;
		line-height: 32px;
		padding: 0 15px;
		margin-top: 15px;
		font-size: 12px;
		font-weight: bold;
		background-color: #333;
		color: #FFF;
	}

	.post-portfolio-single .post-meta .client-url a:hover {
		background-color: #DA5A04; 
	}

	.post-portfolio-single .post-entry,
	.post-portfolio-single .post-entry-images,
	.post-portfolio-single .post-entry-video,
	.post-portfolio-single .post-entry-gallery {
		margin-bottom: 30px;
	}

	.post-portfolio-single .post-entry h1.title {
		font-weight: bold;
		font-size: 18px;
		padding-bottom: 10px; 
		background: url(assets/images/dotted-line.png) repeat-x 0 100%;
	}

	.post-portfolio-single .post-format {
		margin-left: 210px;
	}




/* #Product
================================================== */
	.product-list {
		margin-top: -50px;
	}

	.product-list li:nth-child(4n+1) {
		clear: left;
		margin-left: 0;
	}

	.product-list li {
		margin-top: 50px;
		padding-bottom: 15px;
		text-align: center;
		background: #F8F8F8;
	}

	.product-list li .post-thumb {
		margin-bottom: 15px;
	}

	.product-list li .title {
		line-height: 1.2em;
		font-weight: bold;
		font-size: 14px;
	}

	.product-list li .price {
		margin-top: 5px;
		color: #DA5A04;
		font-weight: bold;
		font-size: 14px;
	}

	.product-list li .price span {
		font-weight: normal;
	}



	/*Product single page*/
	.post-product-single .post-entry-gallery,
	.post-product-single .post-meta {
		width: 460px;
	}

	.post-product-single .post-entry-gallery {
		float: left;
	}

	.post-product-single .post-meta {
		float: right;
	}

	.post-product-single .post-meta .title {
		font-weight: bold;
		font-size: 18px;
		padding-bottom: 10px; 
		background: url(assets/images/dotted-line.png) repeat-x 0 100%;
	}

	.post-product-single .product-form {
		margin-top: 30px;
		border: 1px solid #E5E5E5;
		background: #F9F9F9;
		padding: 15px;
	}

	.post-product-single .product-form .price {
		float: left;
	}

	.post-product-single .product-form .price {
		margin-top: 8px;
		color: #DA5A04;
		font-weight: bold;
		font-size: 24px;
	}

	.post-product-single .product-form .price span {
		font-weight: normal;
	}

	.post-product-single .product-form .form {
		float: right;
	}

	.post-product-single .product-form input[type="text"] {
		width: 30px;
		padding: 8px 5px;
		margin-left: 5px;
		border: 1px solid #E9E9E9;
		background: #FFF;
		text-align: center;
		color: #666;
	}

	.post-product-single .product-form input[type="text"]:focus {
		border: 1px solid #CCC;
		background: #FFF;
		color: #333;
	}

	.post-product-single .product-form .button {
		border: none;
		padding: 0 20px;
		height: 34px;
		line-height: 34px;
		background: #333;
		font-weight: bold;
		color: #FFF;
	}

	.post-product-single .product-form .button:hover {
		background: #DA5A04;
	}

	.post-product-single .product-desc {
		margin-top: 20px;
	}

	.post-product-single .post-entry {
		margin-top: 50px;
	}

	.post-product-single .post-entry .tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		margin-right: 2px;
	}

	.post-product-single .post-entry .tabs li a {
		display: block;
		padding: 0 12px;
		background: #333;
		color: #FFF;
	}

	.post-product-single .post-entry .tabs li a.active,
	.post-product-single .post-entry .tabs li a:hover { 
		background: #DA5A04;
	}

	.post-product-single .post-entry .tabs-content {
		margin-top: 20px;
	}



	/*Shopping cart*/
	.shopping-cart-list table {
		background: #FFF;
	}

	.shopping-cart-list .title {
		font-weight: bold;
	}

	.shopping-cart-list .textright {
		text-align: right;
	}

	.shopping-cart-list .textcenter {
		text-align: center;
	}

	.shopping-cart-list .last {
		width: 120px;
	}

	.shopping-cart-list table tbody td,
	.shopping-cart-list table tfoot td { 
		padding: 12px 15px;
	}

	.shopping-cart-list .button {
		border: none;
		padding: 0 20px;
		height: 30px;
		line-height: 31px;
		background: #333;
		font-weight: bold;
		color: #FFF;
	}

	.shopping-cart-list .button:hover {
		background: #DA5A04;
	}

	.shopping-cart-empty {
		border: 1px solid #FBDCDC;
		background: #FFF6F6;
		padding: 10px 15px;
		font-size: 14px;
		color: #ED836B;
		text-align: right;
	}

	.shopping-cart-empty span {
		float: left;
	}

	.shopping-cart-return a {
		display: inline-block;
		padding: 0 20px;
		height: 30px;
		line-height: 31px;
		background: #333;
		font-weight: bold;
		color: #FFF;
	}

	.shopping-cart-return a:hover {
		background: #DA5A04;
	}

	.shopping-thank-you {
		padding: 8px 15px;
		border: 1px solid #DCF4FA;
		background: #F5FCFF;
		font-size: 14px;
		color: #6BC4ED;
	}




/* #Gallery
================================================== */
	.gallery-list li:nth-child(4n+1) {
		clear: left;
		margin-left: 0;
	}

	.gallery-list ul {
		margin-top: -20px;
	}

	.gallery-list li {
		margin-top: 20px;
	}

	.post-gallery-single .post-format {
		margin-top: 30px;
	}




/* #Related Posts
================================================== */
	.footer-related-posts {
		padding: 50px 0;
		border-top: 1px solid #E5E5E5;
		background: #F9F9F9;
	}

	.footer-related-posts .post-thumb-preload .loader-icon {
		background-color: #F1F1F1;
	}

	.related-product-lists li .title {
		line-height: 1.2em;
		font-weight: bold;
		font-size: 14px;
	}

	.related-product-lists li .desc {
		margin-top: 5px;
		line-height: 1.2em;
		padding: 0 5px;
		font-size: 11px;
		color: #999;
	}

	.related-product-lists li .price {
		margin-top: 5px;
		color: #DA5A04;
		font-weight: bold;
		font-size: 14px;
	}

	.related-product-lists li .price span {
		font-weight: normal;
	}




/* #Blog
================================================== */
	.blog-list li.post { 
		margin-bottom: 60px;
		padding-bottom: 40px;
		background: url(assets/images/separate-line.png) repeat-x 0 100%;
	}
	.blog-list li:last-child { 
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
	}
	.blog-list .post-entry .more-link {
		display: inline-block;
		height: 33px;
		line-height: 32px;
		padding: 0 15px;
		margin-top: 30px;
		font-size: 12px;
		font-weight: bold;
		background-color: #333;
		color: #FFF;
	}
	.blog-list .post-entry .more-link:hover { 
		text-decoration: none;
	}

	.post-blog .post .post-meta .link a { 
		display: block;
		width: 55px;
		height: 55px;
		background-color: #CCC;
		background-repeat: no-repeat;
		background-image: url(assets/images/format-icons.png);
		text-indent: -999em;
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px; 
	}
	.post-blog .post-standard .post-meta .link a { background-position: 0 50%; }
	.post-blog .post-quote .post-meta .link a { background-position: -55px 50%; }
	.post-blog .post-link .post-meta .link a { background-position: -110px 50%; }
	.post-blog .post-image .post-meta .link a { background-position: -165px 50%; }
	.post-blog .post-slideshow .post-meta .link a { background-position: -220px 50%; }
	.post-blog .post-video .post-meta .link a { background-position: -275px 50%; }
	.post-blog .post-audio .post-meta .link a { background-position: -330px 50%; }

	.post-blog .post .post-meta { padding-bottom: 15px; background: url(assets/images/dotted-line.png) repeat-x 0 100%; }
	.post-blog .post .post-meta .link { float: left; width: 60px; }
	.post-blog .post .post-meta .entry-header { margin-left: 70px; }
	.post-blog .post .post-meta .entry-header .title { padding-top: 2px; font-size: 18px; font-weight: bold; }

	.post-blog .post .entry-header-meta { 
		margin-top: 5px;
		text-transform: uppercase;
		font-size: 10px; 
	}
	.post-blog .post .entry-header-meta span { padding: 0 5px; font-size: 8px; }
	.post-blog .post .entry-header-meta span:last-child { display: none; }
	.post-blog .post .entry-header-meta b { padding-right: 5px; font-weight: normal; }

	.post-blog .post .entry-header-meta,
	.post-blog .post .entry-header-meta b,
	.post-blog .post .entry-header-meta a { color: #999;  }
	.post-blog .post .entry-header-meta a:hover { color: #DA5A04; text-decoration: underline; }

	.post-blog .post .post-format { margin-top: 20px; }
	.post-blog .post .entry-slideshow,
	.post-blog .post .entry-image,
	.post-blog .post .entry-video,
	.post-blog .post .entry-audio { margin-top: 30px; }
	.post-blog .post .entry-quote {
		margin-top: 20px;
		padding-left: 30px;
		border-left: 3px solid #E5E5E5;
	}
	.post-blog .post .entry-quote .entry-title {
		font-style: italic;
		font-size: 14px;
		color: #999;
	}
	.post-blog .post .entry-quote .sub-title {
		display: block;
		color: #999;
		margin-top: 10px;
	}
	.post-blog .post .entry-link {
		margin-top: 20px;
	}
	.post-blog .post .entry-link .entry-title {
		font-size: 16px;
		color: #999;
	}



/* #Post Slide
================================================== */
	.post-slide-list h3.title {
		 padding-bottom: 15px;
		 margin-bottom: 25px;
		 background: url(assets/images/separate-line.png) repeat-x 0 100%;
		 text-transform: uppercase; 
		 font-weight: bold;
		 font-size: 14px; 
	}

	.post-slide-list li {
		list-style: none;
		padding-bottom: 15px;
		text-align: center;
		background: #F9F9F9;
	}

	.post-slide-list li .post-thumb {
		margin-bottom: 15px;
	}

	.post-slide-list li .item-title {
		margin-bottom: 0;
		line-height: 1.2em;
		font-weight: bold;
		font-size: 14px;
	}

	.post-slide-list li .cats {
		margin-top: 5px;
		line-height: 1.2em;
		text-transform: uppercase;
		font-size: 10px;
	}

	.post-slide-list li .cats,
	.post-slide-list li .cats a {
		color: #999;
	}

	.post-slide-list li .cats a:hover { 
		color: #DA5A04; 
		text-decoration: underline; 
	}

	.blog-slide-list li .cats span {
		padding: 0 5px;
	}




/* #Pagination
================================================== */
	.pagination,
	.comment-pagination,
	.normal-pagination { 
		text-align: right;
	}

	.comment-pagination { 
		margin-top: 50px; 
	}

	.pagination,
	.normal-pagination { 
		padding: 15px 0;
		border-top: 1px solid #E5E5E5;
		background: #F9F9F9;
	}

	.pagination a, 
	.pagination span,
	.normal-pagination a,
	.comment-pagination a, 
	.comment-pagination span { 
		display: inline-block;
		height: 31px;
		line-height: 32px;
		text-align: center;
		background-color: #333;
		color: #FFF;
	}

	.pagination a, 
	.pagination span,
	.comment-pagination a, 
	.comment-pagination span { 
		display: inline-block;
	}

	.normal-pagination a {
		display: block;
	}

	.pagination a, 
	.pagination span,
	.comment-pagination a, 
	.comment-pagination span { 
		padding: 0 12px;
		font-size: 14px;
	}

	.pagination a, 
	.pagination span { 
		margin-left: 2px;
	}


	.pagination a:hover,
	.pagination span.current,
	.normal-pagination a:hover,
	.comment-pagination a:hover, 
	.comment-pagination span.current {
		background-color: #DA5A04;
		color: #FFF;
	}

	.normal-pagination li {
		font-size: 12px;
		display: inline-block;
	}

	.normal-pagination li a {
		background-image: url(assets/images/single-pagenation-btn.png);
		background-repeat: no-repeat;
	}

	.normal-pagination li.prev a {
		background-position: 0 0;
		padding: 0 15px 0 25px;
	}

	.normal-pagination li.next a {
		background-position: 100% 100%;
		padding: 0 25px 0 15px;
	}





/* #Comments
================================================== */

	/*Common*/
	#comments-title,
	#reply-title {
		background: url(assets/images/dotted-line.png) repeat-x 0 50%;
		text-transform: uppercase; 
		font-size: 14px;
		font-weight: bold;
	}

	#comments-title span,
	#reply-title span { background: #FFF; padding-right: 10px; } 

	#comments,
	#respond {
		margin-top: 50px;
	}


	/*Comments List*/
	.commentlist li .comment-author { 
		float: left; 
		width: 60px;
	}

	.commentlist li .comment-author img {
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px; 
	}

	.commentlist li .comment-entry {
		padding-top: 5px;
	}

	.commentlist li {
		padding: 30px 0 15px;
	}

	.commentlist ul.children {
		padding-left: 60px;
		padding-top: 15px;
	}

	.commentlist li .fn {
		font-weight: bold;
		padding-right: 15px;
	}

	.commentlist li .fn,
	.commentlist li .fn a {
		color: #333;
		font-size: 16px;
	}

	.commentlist li .time,
	.commentlist li .reply,
	.commentlist li .edit-link a {
		font-size: 11px;
		text-transform: uppercase;
		color: #999;
	}

	.commentlist li .fn a:hover,
	.commentlist li .reply:hover,
	.commentlist li .edit-link a:hover {
		color: #DA5A04; 
	}

	.comment-text,
	.comment-awaiting-moderation {
		margin-top: 15px;
	}

	.comment-awaiting-moderation {
		border: 1px solid #FBDCDC;
		background: #FFF6F6;
		margin-top: 20px;
		padding: 0px 20px;
		font-size: 16px;
		color: #ED836B;
	}

	.comment-text {
		border: 1px solid #E0E0E0;
		background: #F9F9F9;
		padding: 0 20px;
		color: #999;
	}

	.commentlist li:nth-child(2n) .comment-text {
		background: #FFF;
		color: #333;
	}

	.comment-text p { font-size: 16px; }

	.comment-text p:last-child {
		margin-bottom: 0;
	}

	.commentlist li.pingback {
		padding: 15px 0;
		border-bottom: 1px solid #E5E5E5;
	}

	.commentlist li.pingback .edit-link {
		font-size: 10px;
		padding-left: 15px;
	}


	/*Comment Form*/
	#commentform {
		margin-top: 30px;
	}

	.comment-form-file {
		margin-bottom: 20px;
	}

	.comment-form-file input[type="text"] {
		height: 21px;
		line-height: 21px;
	}

	.comment-form-content {
		height: 120px;
	}

	.comment #respond .comment-form-file input[type="text"],
	.comment #respond .comment-form-content { width: 96%; }

	.comment-form-file input[type="text"],
	.comment-form-content {
		width: 630px;
		padding: 10px 8px;
		border: 1px solid #E9E9E9;
		background: #FFF;
		color: #666;
	}

	.single-product .comment-form-file input[type="text"],
	.single-product .comment-form-content,
	.single-portfolio .comment-form-file input[type="text"],
	.single-portfolio .comment-form-content {
		width: 920px;
	}

	.comment-form-file input[type="text"]:focus,
	.comment-form-content:focus {
		border: 1px solid #CCC;
		background: #FFF;
		color: #333;
	}

	#commentform input[type="submit"] {
		border: none;
		padding: 10px 20px;
		margin-top: 20px;
		background: #333;
		font-weight: bold;
		color: #FFF;
	}

	#commentform .logged-in-as {
		margin-bottom: 10px;
	}



/* #404
================================================== */
	.page-error { text-align: center; }
	.page-error h1 { font-size: 48px; margin-bottom: 30px; }
	.page-error h3 { margin-bottom: 15px; font-size: 16px; }




/* #Archive
================================================== */
	.archive-latest-posts h3,
	.archive-page-lists h3,
	.archive-category-lists h3,
	.archive-archive-lists h3 { 
		font-size: 14px;
		font-weight: bold;
	}

	.archive-latest-posts {
		margin-bottom: 50px;
	}

	.archive-latest-posts li,
	.archive-page-lists li,
	.archive-category-lists li,
	.archive-archive-lists li {
		padding-top: 10px;
		list-style-type: disc;
		list-style-position: inside;
	}

	.archive-latest-posts li a,
	.archive-page-lists li a,
	.archive-category-lists li a,
	.archive-archive-lists li a {
		padding: 0 0 3px;
	}




/* #Contact
================================================== */
	.contact-page .box { margin-bottom: 20px; }
	.contact-page label { display: block; color: #333; font-weight: bold; margin-bottom: 5px; }
	.contact-page .required { color: #FF0000; padding-right: 5px; font-weight: 100; font-size: 14px; }
	.contact-page #comments { margin: 0; }
	.contact-page .box-recaptcha { margin-top: 20px; }

	.contact-page input[type="text"] {
		padding: 8px 9px;
		height: 21px;
		line-height: 21px;
	}

	.contact-page #comments {
		height: 120px;
		padding: 9px;
	}

	.contact-page input[type="text"],
	.contact-page #comments {
		width: 630px;
		border: 1px solid #E9E9E9;
		background: #FFF;
		color: #666;
	}

	.contact-page input[type="text"]:focus,
	.contact-page #comments:focus {
		border: 1px solid #CCC;
		background: #FFF;
		color: #333;
	}

	.contact-page input[type="submit"] {
		border: none;
		padding: 10px 20px;
		margin-top: 20px;
		background: #333;
		font-weight: bold;
		color: #FFF;
	}

	.contact-page #message { margin: 10px 0; padding: 0; }

	.contact-page .error-message {
		border: 1px solid #FBDCDC;
		background: #FFF6F6;
		margin: 20px 0;
		padding: 8px 15px;
		font-size: 14px;
		color: #ED836B;
	}

	.contact-page .box-button { 
		position: relative;
	}

	.contact-page .loader { 
		position: absolute;
		top: 35px;
		left: 150px;
	}

	.contact-page #success-page {
		border: 1px solid #DCF4FA;
		background: #F5FCFF;
		color: #6BC4ED;
		padding: 8px 15px;
	}

	.contact-page #success-page strong { color: #6BC4ED; }






/* #Search Posts
================================================== */
	.search-lists li {
		margin-bottom: 50px;
		padding-bottom: 60px;
		border-bottom: 1px solid #E5E5E5;
	}

	.search-lists li:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none; 
	}

	.search-lists li h2 {
		font-weight: bold;
		font-size: 18px; 
	}

	.search-lists li .post-excerpt {
		margin-top: 10px;
	}

	.search-lists li .post-more a {
		display: inline-block;
		height: 33px;
		line-height: 32px;
		padding: 0 15px;
		margin-top: 30px;
		font-size: 12px;
		font-weight: bold;
		background-color: #333;
		color: #FFF;
	}





/* #Carousel Navigation
================================================== */
	.jcarousel-container {
		margin-right: -20px;
		max-width: 100%;
	}

	.jcarousel-clip {
		overflow: hidden;
		width: 100%;
	}

	.jcarousel-item {
		margin: 0 20px 0 0;
		width: 220px;
	}

	.jcarousel-next, .jcarousel-prev {
		cursor: pointer;
		width: 16px;
		height: 15px;
		position: absolute;
		top: -60px;
		background-repeat: no-repeat;
		background-image: url(assets/images/jcarousel-arrow-btn.png);
	}

	.jcarousel-next { right: 0; }
	.jcarousel-prev { right: 18px; }

	.jcarousel-next,
	.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active {
		background-position: 100% 100%; 
	}

	.jcarousel-prev,
	.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
		background-position: 0 100%; 
	}

	.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
	.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active { background-position: 100% 0; }
	
	.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
	.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active { background-position: 0 0; }

	.jcarousel-next, .jcarousel-prev {
		background-color: #333;
	}

	.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
	.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
		background-color: #DA5A04;
	}

	.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
	.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
	.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
	.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
		background-color: #333;
		cursor: auto;
	}




/* #Modules
================================================== */

	/*Portfolio*/
	.portfolio-list ul { margin-bottom: 0; }


	/*Product Slide*/
	.product-slide-list li .price {
		margin-top: 5px;
		color: #DA5A04;
		font-weight: bold;
		font-size: 14px;
	}

	.product-slide-list li .price span {
		font-weight: normal;
	}


	/*Slogan*/
	.slogan-dotted-line {
		background: url(assets/images/separate-line.png) repeat-x 0 100%;
		padding-bottom: 45px; 
	}
	div.site-slogan p { 
		text-align: center; 
		font-size: 26px!important;
		line-height: 1.3em;
		font-weight: normal;
		padding: 0;
		margin: 0;
		font-family: Times,'나눔명조','Nanum Myeongjo',serif!important;
		font-family:'나눔명조','Nanum Myeongjo', Times,serif!important\9;
		font-style:italic;
	}
	
	.color_orange{color:#fd7d0b;}





/* #Footer
================================================== */
	footer { height: 100%; overflow: hidden;  clear: both; }
	footer, footer a { color: #CCC; }
	footer a:hover { color: #DA5A04; }

	.footer-widgets-area {
		padding-top: 50px;
		background: #202222;
	}

	.footer-contact-info {
		padding: 20px 0;
		background: url(assets/images/footer-contact-bg.png) repeat-x 0 0 #202222;
	}
	.footer-contact-info ul li { 
		float: left;
		padding-left: 25px;
		margin-right: 30px;
		background-image: url(assets/images/footer-contact-icons.png);
		background-repeat: no-repeat;
	}
	.footer-contact-info ul li.address { background-position: 0 4px; }
	.footer-contact-info ul li.phone { background-position: 0 -45px; }
	.footer-contact-info ul li.email { background-position: 0 -92px; }

	.footer-message { 	padding: 15px 0; background: url(assets/images/footer-message.png) repeat-x 0 0 #181A1A; }
	.footer-message .footer-left-section { float: left; text-transform: uppercase; }
	.footer-message p { font-size: 12px; }
	.footer-message #bottom-menu li { 
		float: left;
		font-size: 12px;
	}
	.footer-message #bottom-menu li span { 
		padding: 0 10px; 
		font-weight: normal; 
		font-size: 12px; 
	}
	.footer-message #bottom-menu li:last-child span { display: none; }

	#social-networking { float: right; }
	#social-networking li { float: left; margin-left: 1px; }
	#social-networking li a {
		display: block;
		width: 30px;
		height: 30px;
		background-image: url(assets/images/footer-medias-icons.png);
		background-repeat: no-repeat;
		background-color: #292B2B;
		text-indent: -999em; 
	}
	#social-networking li #twitter { background-position: 0 0; }
	#social-networking li #facebook { background-position: -30px 0; }
	#social-networking li #dribbble { background-position: -60px 0; }
	#social-networking li #flickr { background-position: -90px 0; }
	#social-networking li #linkedin { background-position: -120px 0; }
	#social-networking li #google { background-position: -150px 0; }
	#social-networking li #vimeo { background-position: -180px 0; }
	#social-networking li #picasa { background-position: -210px 0; }
	#social-networking li #feed { background-position: -240px 0; }



	#toTop { 
		height: 40px; 
		width: 40px; 
		position: fixed; 
		bottom: 20px; 
		right: 40px; 
		cursor: pointer; 
		display: none; 
		text-indent: -999em; 
		z-index: 999;
		background: url(assets/images/top-link.png) no-repeat 0 0;
	}

	#toTop:hover { background: url(assets/images/top-hover.png) no-repeat 0 0; }
	
/* Add mb
================================================== */

/*fontface
*********************************************************************************************************/

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/NanumGothic.eot'); 
  src: local('☺'), url('fonts/NanumGothic.woff') format('woff'), url('fonts/NanumGothic.ttf') format('truetype'); 
}
@font-face{
  font-family: 'NanumGothicWEB';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/NanumGothicBold.eot'); 	
  src: local('☺'), url('fonts/NanumGothicBold.woff') format('woff'), url('fonts/NanumGothicBold.ttf') format('truetype'); 
}


body,h1, h2, h3, h4, h5, h6,.site-page-header h3{font-family:Helvetica,Arial,'나눔고딕',NanumGothic,sans-serif!important;}
.post-format p{font-family:Helvetica,Arial,'나눔고딕',NanumGothic,sans-serif!important;}
.h_tit{padding-left:18px;background:url(images/bul_oran.png) no-repeat 0 2px;}
.h_tit span{padding-right:35px;background:url(images/bul_backline.gif) no-repeat 100% 82%;}
.txt_alignleft p{text-align:left!important;}
.txt_alignleft .site-slogan{margin:25px 0 35px;}
.hr_black{clear:both;height:0;line-height:0;border-top:3px solid #000;margin:0 0 30px;}
.hr_gray{clear:both;height:0;line-height:0;border-top:1px solid #d8d8d8;margin:35px 0;}
.hr_gray2{clear:both;height:0;line-height:0;border-top:2px solid #999;margin:35px 0;}
.top_tit{margin-bottom:50px;}

/*Home : Main*/
.home .homepage-slideshow-warp .flex-item-text .title{font-size:34px;font-weight:bold;color:#333;line-height:1em;}
.home .homepage-slideshow-warp .flex-item-text .desc{font-size:14px;color:#666;}
.home .thumb{margin-bottom:30px;}
.home .thumb img{max-width:100%!important;}
.no_icon .shortcode-iconbox .iconbox-img{display:none;}
.no_icon .shortcode-iconbox .iconbox-title{margin:0;}
.no_icon .shortcode-iconbox .iconbox-desc{font-size:12px;color:#666;}

.img_frame img{display:block;padding:8px;margin:8px;background:#fff;box-shadow:0 0 10px #999;max-width:100%!important;}

/*Company:about us*/
ul.li_about{list-style:none;margin:40px 0;padding:0 0 30px;}
ul.li_about li{border-top:1px solid #d8d8d8;padding:30px 0 10px;overflow:hidden;}
.con_wrap{width:65%;}
.img_left,.img_right{overflow:hidden;}
.img_left .img_wrap,.img_right .con_wrap{float:left;}
.img_left .con_wrap,.img_right .img_wrap{float:right;}
ul.li_about li.order5 .con_wrap{width:60%;}
ul.li_about li.order1{background:url(images/bg_about1.png) no-repeat 25% 10px;}
ul.li_about li.order3{background:url(images/bg_about2.png) no-repeat 75% 20px;}
ul.li_about li.order4{background:url(images/bg_about3.png) no-repeat 69% 20px;}
ul.li_banner{list-style:none;overflow:hidden;margin-left:-15px;}
ul.li_banner li{float:left;width:165px;padding:5px;margin:0 0 20px 15px;background:#ededed;}
ul.li_banner li img{display:block;}

/*Company:people*/
ul.li_people{list-style:none;border-bottom:4px solid #000;padding-bottom:30px;margin-top:40px;}
ul.li_people li ul{padding:0;margin:0 0 0 20px;font-size:12px;list-style-position:outside;}
ul.li_people>li{border-top:2px solid #999;overflow:hidden;padding:15px 0;}
ul.li_people .img_wrap,ul.li_people .con_wrap,ul.li_people .con_wrap2{float:left;}
ul.li_people .img_wrap{width:22%;position:relative;}
ul.li_people .con_wrap{width:28%;margin-top:30px;}
ul.li_people .con_wrap2{width:47%;margin-top:25px;}
ul.li_people .con_wrap span{display:block;font-weight:bold;}
.mem_name{font-size:14px;color:#333;padding-top:10px;background:url(images/bul_hr1.gif) no-repeat 0 0;}
.mem_work{font-size:20px;color:#333;}
.mem_mail{font-size:12px;background:url(images/ico_mail.png) no-repeat 0 50%;padding-left:22px;margin:10px 0 0;}
.mem_mail a{color:#666;}
.over_frame{width:168px;height:168px;background:url(images/bg_overlay.png) no-repeat 0 0;position:absolute;top:0;left:0;z-index:10;}

/*Games:game - list*/
.li_game ul{list-style:none;margin-left:-20px;overflow:hidden;}
.li_game ul li{float:left;margin:0 0 50px 20px;padding-bottom:15px;background:#f8f8f8;text-align:center;}
.li_game ul li .post_thumb{margin-bottom:15px;}
.li_game li .title{font-size:14px;font-weight:bold;line-height:1.2em;margin:0;}

/*Games:game - view*/
.game_top{overflow:hidden;border-top:4px solid #000;}
.game_top .img_wrap{float:left;width:43%;background:url(images/bg_about1.png) no-repeat 100% 10px;padding-top:30px;}
.game_top .img_wrap img{margin:8px;}
.game_top .con_wrap{float:right;width:55%;padding-top:35px;}
.game_top .con_wrap ul{list-style:none;overflow:hidden;}
.h_hr_top{padding-top:18px;background:url(images/bul_hr1.gif) no-repeat 0 0;}
.game_top h2.h_hr_top{font-size:30px;}
.game_top .game_info{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;padding:10px 0;font-size:12px;margin:0 0 15px;}
.game_top .game_info li{overflow:hidden;margin-bottom:5px;}
.game_top .game_info li span{display:block;float:left;width:28%;font-weight:bold;background:#848484;border-radius:20px;text-align:center;color:#fff;margin:5px 0;}
.game_top .game_info li div{float:right;width:70%;line-height:30px;}
.game_top .game_info li div img{vertical-align:middle;margin-right:15px;}
.game_top .game_count{margin:0;}
.game_top .game_count .tit{display:block;font-size:14px;font-weight:bold;color:#333;margin:0 0 5px;}
.game_top .game_count li{float:left;width:50%;*width:48%;}
.count_box{width:180px;height:37px;background:url(images/bg_count.png) no-repeat 0 0;padding:7px 11px 8px 5px;text-align:right;}
.count_box img{margin-left:3px;}
.movie_wrap{text-align:center;margin:60px 0;}
.movie_wrap iframe{max-width:100%!important;}

ul.li_shot{list-style:none;overflow:hidden;margin:0 0 35px;}
ul.li_shot li{float:left;width:25%;}
ul.li_shot li img,.game_top .img_wrap img{display:block;padding:8px;background:#fff;box-shadow:0 0 10px #999;max-width:100%!important;}
ul.li_shot li img{margin:8px auto;}

/*Games:middleware*/
.middleware .img_right .img_wrap{padding:20px 0 0 80px;background:url(images/bg_about2.png) no-repeat 0 0;}

/*Jobs:work at vs*/
.workvs .con_wrap{margin-top:5px;}
.workvs .order1{background:url(images/bg_about1.png) no-repeat 0 80px;padding:0 0 68px 12px;}
.workvs .order2{background:url(images/bg_about2.png) no-repeat 69% 0;padding:50px 0 0;}
.workvs .order3{background:url(images/bg_about1.png) no-repeat 26% 0;padding:52px 0 20px 12px;}

/*Jobs:welcome to vs*/
.style_qna .shortcode-accordions-wrap .accordions{border:0 none;border-bottom:1px solid #e5e5e5;}
.style_qna .shortcode-accordions-wrap .accordion-head{height:auto;min-height:39px;line-height:1.6em;}
.style_qna .shortcode-accordions-wrap .accordion-head .accordion-head-icon{padding:10px 30px 10px 50px;background-image:url(images/ico_q.png);background-repeat:no-repeat;background-position:10px 50%;}
.style_qna .shortcode-accordions-wrap .accordion-content{padding:20px 20px 20px 50px;background:url(images/ico_a.png) no-repeat 10px 20px;}

/*Jobs:job chances*/
.jobchances .accordions h5{margin:0 0 5px;}
.jobchances .accordions .accordion-content{padding:20px 40px;}
.btn_apply{text-align:center;margin:30px 0;font-size:12px;}
.btn_apply a{padding:0 30px;}

/*Story:news*/
ul.li_news, ul.li_news ul{list-style:none;}
.date_y{float:left;width:150px;height:81px;line-height:81px;text-align:center;text-indent:-11px;font-size:26px;font-weight:bold;color:#fff;background:url(images/bg_date_y.png) no-repeat 0 0;}
ul.li_news li{overflow:hidden;}
ul.li_news>li{margin-bottom:50px;font-size:13px;}
ul.li_news li ul{float:right;width:765px;padding:0;margin:0;border-top:2px solid #676465;}
ul.li_news ul li{padding:10px 0;border-bottom:1px solid #e9e9e9;}
ul.li_news ul li span{float:left;display:block;line-height:32px;}
ul.li_news .post_date{width:7%;font-weight:bold;padding:0 10px;background:url(images/bg_vr1.gif) no-repeat 100% 50%;}
ul.li_news .post_subj{width:70%;padding:0 10px;color:#666;}
ul.li_news .btn_view{float:right;padding:0 10px;}
ul.li_news .btn_view a{display:block;width:76px;height:32px;text-indent:-9999em;overflow:hidden;background:url(images/btn_view.png) no-repeat 0 0;}

/*Story:feeds*/
dl.sns_box{clear:both;list-style:none;border-top:2px solid #676465;overflow:hidden;margin-bottom:40px;}
dl.sns_box dt{display:block;border-bottom:1px solid #e9e9e9;overflow:hidden;padding:10px 0;}
dl.sns_box dt .tit{float:left;font-size:20px;font-weight:bold;color:#181818;padding-left:40px;line-height:36px;}
dl.sns_box dd{margin:0;}
dl.sns_tw dt .tit{background:url(images/ico_tw.png) no-repeat 0 4px;}
dl.sns_fb dt .tit{background:url(images/ico_fb.png) no-repeat 0 4px;}
dl.sns_box ul{margin:20px 0 0;}
dl.sns_box ul li{float:left;width:30%;margin-left:5%;overflow:hidden;list-style:none;padding:0;}
dl.sns_box ul li:first-child{margin-left:0;}
.btn_follow,.btn_like{float:right;display:block;width:132px;height:39px;text-indent:-9999em;overflow:hidden;}
.btn_follow{background:url(images/btn_follow.png) no-repeat 0 0;}
.btn_like{background:url(images/btn_like.png) no-repeat 0 0;}
.sns_tit{font-size:13px;font-weight:bold;color:#666;}
dl.sns_box ul li p{margin:0;}
.sns_foot{font-size:12px;color:#fd7d0b;}

/*Contact*/
.wrap_contact{clear:both;margin-bottom:60px;overflow:hidden;}
.div_map{/*float:left;width:520px;*/padding:10px;background:#ededed;}
.div_map iframe{display:block;max-width:100%!important;}
.div_addr{/*float:right;width:370px;*/}
.contact .div_addr h4{font-size:16px;color:#333;padding:13px 0 10px;margin:0;background:url(images/bul_hr1.gif) no-repeat 0 0;}
.div_addr ul{border-top:2px solid #676465;border-bottom:1px solid #d8d8d8;padding:15px 0 10px 90px;list-style:none;background:url(images/bg_contact.png) no-repeat 0 20px;}
.div_addr ul{*overflow:hidden;}
.div_addr ul li{width:100%;overflow:hidden;margin-bottom:10px;*float:left;}
.div_addr ul li span{float:left;width:121px;font-size:13px;font-weight:bold;border-right:1px solid #d5d4d4;margin:4px 12px 0 0;line-height:1em;}
.div_addr ul li div{float:left;width:190px;font-size:12px;color:#666;line-height:1.4em;}

/*IE 7,8*/
.img_frame img{padding:13px\9;background:url(images/ie_frame305x180.png) no-repeat 0 0\9;}
.middleware .img_wrap img,ul.li_shot li img{padding:13px\9;background:url(images/ie_frame220x170.png) no-repeat 0 0\9;}
.game_top .img_wrap img{padding:13px\9;background:url(images/ie_game.png) no-repeat 0 0\9;}
.game_top .game_info li span{background:url(images/ie_gameinfo_tit.png) no-repeat 0 0 transparent\9;*width:144px;}