.body-main {
	background-color: #e7eff0;
}

.body-dev-build-process h1 {
	background-image: url(/img/pages/dev/build/process/h1.gif);
}
.body-dev-build-tech h1 {
	background-image: url(/img/pages/dev/build/tech/h1.gif);
}
.body-dev-build-design h1 {
	background-image: url(/img/pages/dev/build/design/h1.gif);
}
.body-dev-hanstyle-design h1 {
	background-image: url(/img/pages/dev/hanstyle/design/h1.gif);
}
.body-dev-hanstyle-tech h1 {
	background-image: url(/img/pages/dev/hanstyle/tech/h1.gif);
}
.body-dev-hanstyle-hdesign .nav-h1 .nav-hdesign a{width: 193px; background-image: url(/img/pages/dev/hanstyle/hdesign/h1.gif);}
.body-dev-hanstyle-hdesign .nav-h1 .nav-01 a{width: 50px; background-image: url(/img/pages/dev/hanstyle/hdesign/01/h1.gif);}
.body-dev-hanstyle-hdesign .nav-h1 .nav-02 a{width: 52px; background-image: url(/img/pages/dev/hanstyle/hdesign/02/h1.gif);}
.body-dev-hanstyle-hdesign .nav-h1 .nav-03 a{width: 50px; background-image: url(/img/pages/dev/hanstyle/hdesign/03/h1.gif);}
.body-dev-hanstyle-hdesign .nav-h1 .nav-04 a{width: 50px; background-image: url(/img/pages/dev/hanstyle/hdesign/04/h1.gif);}
.body-dev-hanstyle-hdesign .nav-h1 .nav-05 a{width: 102px; background-image: url(/img/pages/dev/hanstyle/hdesign/05/h1.gif);}
.body-dev-perf-perf .nav-h1 .nav-perf a{width: 264px; background-image: url(/img/pages/dev/perf/perf/h1.gif);}
.body-dev-perf-perf .nav-h1 .nav-01 a{width: 52px; background-image: url(/img/pages/dev/perf/perf/01/h1.gif);}
.body-dev-perf-perf .nav-h1 .nav-02 a{width: 50px; background-image: url(/img/pages/dev/perf/perf/02/h1.gif);}
.body-dev-perf-perf .nav-h1 .nav-03 a{width: 52px; background-image: url(/img/pages/dev/perf/perf/03/h1.gif);}
.body-dev-perf-perf .nav-h1 .nav-04 a{width: 52px; background-image: url(/img/pages/dev/perf/perf/04/h1.gif);}
.body-dev-perf-perf .nav-h1 .nav-05 a{width: 158px; background-image: url(/img/pages/dev/perf/perf/05/h1.gif);}
.body-dev-perf-manual .nav-h1 li {
	margin-right: 17px;
}
.body-dev-perf-manual .nav-h1 li.nav-09 {
	margin-right: 0;
}
.body-dev-perf-manual .nav-h1 .nav-manual a {width: 246px; background-image: url(/img/pages/dev/perf/manual/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-01 a {width: 52px; background-image: url(/img/pages/dev/perf/manual/01/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-02 a {width: 76px; background-image: url(/img/pages/dev/perf/manual/02/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-03 a {width: 50px; background-image: url(/img/pages/dev/perf/manual/03/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-04 a {width: 53px; background-image: url(/img/pages/dev/perf/manual/04/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-05 a {width: 52px; background-image: url(/img/pages/dev/perf/manual/05/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-06 a {width: 78px; background-image: url(/img/pages/dev/perf/manual/06/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-07 a {width: 52px; background-image: url(/img/pages/dev/perf/manual/07/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-08 a {width: 106px; background-image: url(/img/pages/dev/perf/manual/08/h1.gif);}
.body-dev-perf-manual .nav-h1 .nav-09 a {width: 103px; background-image: url(/img/pages/dev/perf/manual/09/h1.gif);}
.body-dev-perf-simulation h1 {
	background-image: url(/img/pages/dev/perf/simulation/h1.gif);
}
.body-dev-demo .nav-h1 .nav-about a {
	width: 168px;
	background-image: url(/img/pages/dev/demo/h1.gif);
}
.body-dev-demo .nav-h1 .nav-perf a {
	width: 52px;
	background-image: url(/img/pages/dev/demo/perf/h1.gif);
}
.body-dev-demo .nav-h1 .nav-design a {
	width: 77px;
	background-image: url(/img/pages/dev/demo/design/h1.gif);
}
.body-dev-demo .nav-h1 .nav-simulation a {
	width: 52px;
	background-image: url(/img/pages/dev/demo/simulation/h1.gif);
}
.body-dev-group .nav-h1 .nav-group a {
	width: 264px;
	background-image: url(/img/pages/dev/group/h1.gif);
}
.body-dev-group .nav-h1 .nav-01 a {
	width: 68px;
	background-image: url(/img/pages/dev/group/01/h1.gif);
}
.body-dev-group .nav-h1 .nav-02 a {
	width: 68px;
	background-image: url(/img/pages/dev/group/02/h1.gif);
}
.body-dev-group .nav-h1 .nav-03 a {
	width: 68px;
	background-image: url(/img/pages/dev/group/03/h1.gif);
}
.body-dev-group .nav-h1 .nav-04 a {
	width: 68px;
	background-image: url(/img/pages/dev/group/04/h1.gif);
}
.body-db-thanok h1 {
	background-image: url(/img/pages/db/thanok/h1.gif);
}
.body-db-nhanok h1 {
	background-image: url(/img/pages/db/nhanok/h1.gif);
}
.body-db-village h1 {
	background-image: url(/img/pages/db/village/h1.gif);
}
.body-db-company h1 {
	background-image: url(/img/pages/db/company/h1.gif);
}
.body-db-maintenance .nav-h1 .nav-maintenance a {
	width: 156px;
	background-image: url(/img/pages/db/maintenance/h1.gif);
}
.body-db-maintenance .nav-h1 .nav-manual a {
	width: 183px;
	background-image: url(/img/pages/db/maintenance/h1-manual.gif);
}
.body-db-process h1 {
	background-image: url(/img/pages/db/process/h1.gif);
}
.body-db-design .nav-h1 .nav-about a {
	width: 239px;
	background-image: url(/img/pages/db/design/about/h1.gif);
}
.body-db-design .nav-h1 .nav-arch a {
	width: 106px;
	background-image: url(/img/pages/db/design/arch/h1.gif);
}
.body-db-design .nav-h1 .nav-painting a {
	width: 106px;
	background-image: url(/img/pages/db/design/painting/h1.gif);
}
.body-db-design .nav-h1 .nav-photo a {
	width: 106px;
	background-image: url(/img/pages/db/design/photo/h1.gif);
}
.body-db-stats h1 {
	background-image: url(/img/pages/db/stats/h1.gif);
}
.body-design-nhanok .nav-h1 .nav-process a {
	width: 209px;
	background-image: url(/img/pages/design/nhanok/process/h1.gif);
}
.body-design-nhanok .nav-h1 .nav-library a {
	width: 236px;
	background-image: url(/img/pages/design/nhanok/library/h1.gif);
}
.body-design-nhanok .nav-h1 .nav-download a {
	width: 229px;
	background-image: url(/img/pages/design/nhanok/download/h1.gif);
}
.body-design-bim .nav-h1 .nav-about a {
	width: 254px;
	background-image: url(/img/pages/design/bim/about/h1.gif);
}
.body-design-bim .nav-h1 .nav-individual a {
	width: 105px;
	background-image: url(/img/pages/design/bim/individual/h1.gif);
}
.body-design-bim .nav-h1 .nav-combine a {
	width: 105px;
	background-image: url(/img/pages/design/bim/combine/h1.gif);
}
.body-design-bim .nav-h1 .nav-house a {
	width: 105px;
	background-image: url(/img/pages/design/bim/house/h1.gif);
}
.body-design-system h1 {
	background-image: url(/img/pages/design/system/h1.gif);
}
.body-design-browser h1 {
	background-image: url(/img/pages/design/browser/h1.gif);
}
.body-boards-notice h1 {
	background-image: url(/img/pages/boards/notice/h1.gif);
}
.body-boards .nav-h1 .nav-survey a {
	width: 107px;
	background-image: url(/img/pages/boards/survey/h1.gif);
}
.body-search h1 {
	background-image: url(/img/pages/search/h1.gif);
}
.body-about h1 {
	background-image: url(/img/pages/about/h1.gif);
}
.body-downloads h1 {
	background-image: url(/img/pages/downloads/h1.gif);
}

.body-db-design-about .div .goal {
	padding-left: 528px;
	background: url(/img/pages/db/design/about/goal.jpg) no-repeat;
	min-height: 288px;
}

.body-design-system h4 .tooltips {
	top: -1px;
}

ul.bim-manual {
	list-style: none;
	margin: 0;
	margin-left: -40px;
}
ul.bim-manual li {
	display: block;
	float: left;
	margin-left: 40px;
	line-height: 22px;
	font-size: 13px;
	color: #898989;
}
ul.bim-manual li img {
	display: block;
	margin-bottom: 12px;
}
ul.bim-manual li strong {
	display: block;
	color: #000;
	line-height: 23px;
	text-align: center;
}

.body-db-stats .search-options {
	margin-bottom: 30px;
}

.modal-graph .graph-wrap {
	padding: 30px;
	background-color: #efefef;
}
.modal-graph .graph-wrap .graph {
	background-color: #e2e2e2;
	width: 392px;
	height: 350px;
	margin: 0 auto;
}
.modal-graph .content {
	background-color: #fff;
	padding: 30px;
}
.modal-graph .content h6 {
	font-size: 15px;
	color: #8f8f8f;
	margin-top: 0;
	margin-bottom: 10px;
}
.modal-graph .content .body strong {
	color: #73c2bb;
}

.modal-image .image-wrap {
	padding: 30px;
	background-color: #efefef;
	text-align: center;
	position: relative;
}
.modal-image .image-wrap a.btn-prev,
.modal-image .image-wrap a.btn-next {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;	
	position: absolute;
	top: 50%;
	margin-top: -25px;
}
.modal-image .image-wrap a.btn-prev:hover,
.modal-image .image-wrap a.btn-next:hover {
	background-position: 0 -51px;
}
.modal-image .image-wrap a.btn-prev:active,
.modal-image .image-wrap a.btn-next:active {
	background-position: 0 -102px;
}
.modal-image .image-wrap a.btn-prev {
	left: 20px;
	background-image: url(/js/jquery.dslide/img/btn-prev.png);
}
.modal-image .image-wrap a.btn-next {
	right: 20px;
	background-image: url(/js/jquery.dslide/img/btn-next.png);
}

.body-main {
	padding-top: 70px;
}
.body-main .slides {
	position: relative;
}
.body-main .slides .zone {
	position: relative;
	z-index: 1;
	height: 490px;
	background: #222;
}
.body-main .slides .zone .item {
	width: 100%;
	height: 387px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.body-main .slides .zone .item .container {
	height: 100%;
}
.body-main .slides .zone .item .text {
	position: absolute;
	z-index: 40;
	top: 0;
	right: 0;
	width: 266px;
	padding: 0 27px;
	height: 100%;
	color: #fff;
}
.body-main .slides .zone .item .text .wrap {
	position: absolute;
	z-index: 10;
	width: 266px;
	padding: 0 27px;
	top: 50%;
	left: 0;
}
.body-main .slides .zone .item .text .screen {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
}
.body-main .slides .zone .item .text h2 {
	font-size: 26px;
	margin: 0;
	margin-bottom: 10px;
}
.body-main .slides .zone .item .text a {
	color: #e96d63;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	
	-webkit-transition: .3s color;
	-moz-transition: .3s color;
	-o-transition: .3s color;
	transition: .3s color;
}
.body-main .slides .zone .item .text a:hover {
	color: #fff;
}
.body-main .slides .dslide-buttons {
	display: none;
}
.body-main .section {
	padding: 40px 0;
}
.body-main .section-color {
	background: #f8f8f8;
}
.body-main .section .left {
	float: left;
	width: 672px;
}
.body-main .section .right {
	float: right;
	width: 320px;
}
.body-main .section .header {
	position: relative;
	margin-bottom: 20px;
}
.body-main .section .header h2 {
	color: #5c616a;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
}
.body-main .section .header a.more {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	text-decoration: none;
	line-height: 20px;
	padding-right: 12px;
	background: url(/img/pages/main/arrow-right.png) no-repeat center right;
	font-weight: bold;
	font-size: 12px;
	color: #505759;
}
.body-main .section .header a.more:hover {
	color: #e96d63;
}
.body-main .section .recent .list ul {
	list-style: none;
	margin: 0;
	background: #f00;
}
.body-main .section .recent-col3 .list ul {
	margin-left: -22px;
}
.body-main .section .recent-col4 .list ul {
	margin-left: -12px;
}
.body-main .section .recent .list ul li {
	display: block;
	float: left;
}
.body-main .section .recent-col3 .list ul li {
	margin-left: 22px;
}
.body-main .section .recent-col3 .list ul li.last {
	margin-left: 23px;
}
.body-main .section .recent-col4 .list ul li {
	margin-left: 12px;
}
.body-main .section .recent .list ul li a {
	display: block;
	text-decoration: none;
}
.body-main .section .recent .list ul li a span {
	display: block;
}
.body-main .section .recent .list ul li a span.info {
	color: #424247;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	overflow: hidden;
}
.body-main .section .recent .list ul li a span.title {
	color: #212121;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.body-main .section .recent .list ul li a:hover span.info,
.body-main .section .recent .list ul li a:hover span.title {
	color: #e96d63;
}
.body-main .section .recent-col3 .list ul li a span.title {
	font-size: 15px;
}
.body-main .section .recent .list ul li a span.image {
	margin-bottom: 12px;
}
.body-main .section .recent .list ul li a span.image img {
	display: block;
}
.body-main .section .recent-col3 .list ul li a,
.body-main .section .recent-col3 .list ul li a span.image img {
	width: 209px;
	height: 140px;
}
.body-main .section .recent-col4 .list ul li a,
.body-main .section .recent-col4 .list ul li a span.image img {
	width: 159px;
	height: 107px;
}
.body-main .right .search {
	margin-bottom: 10px;
}
.body-main .right .search input {
	width: 274px;
}
.body-main h3 {
	font-size: 13px;
	margin: 0;
	line-height: 20px;
}
.body-main .section-color h3 {
	color: #5c616a;	
}
.body-main .keywords h3 {
	color: #8f8f8f;
	margin-bottom: 5px;
}
.body-main .keywords .list {
	border: 1px solid #e2e2e2;
	padding: 8px 19px;
	line-height: 24px;
	color: #73c2bb;
}
.body-main .keywords .list a {
	display: inline-block;
	color: #73c2bb;
	margin-right: 5px;
	text-decoration: none;
	font-weight: bold;
}
.body-main .keywords .list a:hover {
	color: #e96d63;
}
.body-main .right .fm {
	margin-bottom: 26px;
}
.body-main .right .fm,
.body-main .right .download {
	padding-left: 6px;
}
.body-main .right .fm h3,
.body-main .right .download h3 {
	padding-left: 25px;
	line-height: 21px;
	margin-left: 1px;
	margin-bottom: 3px;
	background-repeat: no-repeat;
	background-position: center left;
}
.body-main .right .fm h3 {
	background-image: url(/img/pages/main/icon-fm.gif);
}
.body-main .right .download h3 {
	background-image: url(/img/pages/main/icon-download.gif);
}
.body-main .right .fm ul,
.body-main .right .download ul {
	margin: 0;
	list-style: none;
}
.body-main .right .fm ul li,
.body-main .right .download ul li {
	display: block;
	float: left;
	margin-left: 20px;
}
.body-main .right .fm ul li a,
.body-main .right .download ul li a {
	display: block;
	line-height: 29px;
	padding-left: 10px;
	background: url(/img/pages/main/bullet.gif) no-repeat center left;
	width: 127px;
	text-decoration: none;
	color: #8f8f8f;
	white-space: nowrap;
}
.body-main .right .fm ul li a:hover,
.body-main .right .download ul li a:hover {
	color: #e96d63;
}
.body-main .sitemap {
	margin-bottom: -18px;
}
.body-main .sitemap ul {
	list-style: none;
	margin: 0;
	margin-left: -22px;
}
.body-main .sitemap ul li {
	float: left;
	display: block;
	width: 209px;
	height: 74px;
	color: #8f8f8f;
	margin-left: 22px;
	margin-bottom: 18px;
	line-height: 18px;
}
.body-main .sitemap ul li h3 {
	line-height: 20px;
	margin: 0;
	font-size: 14px;
	color: #161616;
}
.body-main .sitemap ul li a {
	display: inline-block;
	text-decoration: none;
	color: #8f8f8f;
	font-size: 11px;
}
.body-main .sitemap ul li a:hover {
	color: #e96d63;
}
.body-main .recent-hanok {
	position: relative;
}
.body-main .recent-hanok h3 {
	color: #5c616a;
	margin: 0;
	margin-bottom: 15px;
}
.body-main .recent-hanok .buttons {
	position: absolute;
	right: 0;
	top: 0;
}
.body-main .recent-hanok .buttons a {
	display: block;
	float: left;
	width: 27px;
	height: 19px;
	text-indent: -9999em;
	border: 1px solid #d1d3d4;
	margin-left: -1px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
	position: relative;
}
.body-main .recent-hanok .buttons a:hover {
	border-color: #e96d63;
	z-index: 5;
}
.body-main .recent-hanok .buttons a.disabled {
	opacity: .5;
	filter: alpha(opacity=50);
}
.body-main .recent-hanok .buttons a.disabled:hover {
	border-color: #d1d3d4;
	cursor: default;
}
.body-main .recent-hanok .buttons a.prev {
	background-image: url(/img/pages/main/arrow-left.png);
}
.body-main .recent-hanok .buttons a.next {
	background-image: url(/img/pages/main/arrow-right.png);
}
.body-main .recent-hanok .targets {
	width: 320px;
	height: 65px;
	overflow: hidden;
	position: relative;
}
.body-main .recent-hanok .target {
	width: 320px;
	height: 65px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.body-main .recent-hanok .current {
	display: block;
}
.body-main .recent-hanok .target a {
	display: block;
	text-decoration: none;
	color: #333;
}
.body-main .recent-hanok .target a span {
	display: block;
	overflow: hidden;
}
.body-main .recent-hanok .target a span.image {
	width: 101px;
	height: 65px;
	float: left;
}
.body-main .recent-hanok .target a span.texts {
	float: right;
	width: 207px;
	height: 65px;
}
.body-main .recent-hanok .target a span.texts span.info {
	color: #212121;
	font-size: 11px;
}
.body-main .recent-hanok .target a:hover span.texts span.info {
	color: #e96d63;
}
.body-main .recent-hanok .target a span.texts span.title {
	font-size: 15px;
	font-weight: bold;
}
.body-main .recent-hanok .target a:hover span.texts span.title {
	color: #e96d63;
}

.body-search .search-section {
	margin-bottom: 40px;
}

.main-nav {
	margin-top: 36px;
	margin-bottom: 24px;
}
.main-nav ul {
	list-style: none;
	margin: 0;
	margin-left: -12px;
}
.main-nav ul li {
	display: block;
	float: left;
	margin-left: 12px;
	margin-bottom: 12px;
}
.main-nav ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
}
.main-nav ul li a,
.main-nav ul li a .image,
.main-nav ul li a .image img {
	display: block;
	width: 136px;
	height: 181px;
	position: relative;
	overflow: hidden;
}
.main-nav ul li.col2 a,
.main-nav ul li.col2 a .image,
.main-nav ul li.col2 a .image img {
	display: block;
	width: 284px;
}
.main-nav ul li a .title {
	z-index: 20;
	line-height: 40px;
	display: block;
	overflow: hidden;
	font-weight: bold;
}
.main-nav ul li a .title-narrow {
	line-height: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.main-nav ul li a .screen {
	z-index: 10;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.main-nav ul li a .title,
.main-nav ul li a .screen {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 10px;
	width: 126px;
	height: 40px;
}
.main-nav ul li.col2 a .title,
.main-nav ul li.col2 a .screen {
	width: 274px;
}
.main-nav ul li a:hover .title {
	background-color: #fff;
	color: #333;
}
.main-nav ul li a:hover .screen {
	height: 100%;
}
.main-nav ul li a .desc {
  display: none;
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 141px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  font-size: 12px;
}
.main-nav ul li a:hover .desc {
  display: block;
}
.main-nav ul li a .desc span {
  display: block;
  padding: 10px;
  height: 121px;
  overflow: hidden;
  color: #fff;
}

.main-nav-bottom {
	line-height: 25px;
	margin-bottom: 10px;
}
.main-nav-bottom a {
	display: inline-block;
	text-decoration: none;
	color: #707070;
	font-size: 13px;
	font-weight: bold;
	margin-right: 40px;
}
.main-nav-bottom a:hover {
	color: #e96d63;
}

.download-box {
	background-color: #f8f8f8;
	border: 1px solid #cecece;
	padding: 25px;
	position: relative;
}
.download-box h2 {
	color: #5c616a;
	font-size: 20px;
	line-height: normal;
	margin-bottom: 10px;
}
.download-box p {
	line-height: 24px;
	margin: 0;
}
.download-box .btns {
	position: absolute;
	right: 25px;
	bottom: 25px;
}
.download-box .btns a.btn {
	padding-left: 0;
	padding-right: 0;
	width: 152px;
	margin-top: 7px;
	display: block;
}

.nav-dev-group {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-bottom: 30px;
}
.nav-dev-group h4 {
	line-height: 16px;
	font-size: 13px;
	color: #555;
	margin: 0;
}
.nav-dev-group h5 {
	line-height: 16px;
	font-size: 13px;
	color: #bababa;
	margin-bottom: 12px;
}
.nav-dev-group a {
	display: block;
	line-height: 22px;
	color: #e96d63;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.nav-dev-group a.current,
.nav-dev-group a:hover {
	color: #73c2bb;
}

.slides-dev-group {
	width: 100%;
	height: 146px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 25px;
	overflow: hidden;
}
.slides-dev-group .zone {
	width: 9999em;
	height: 146px;
	position: relative;
	overflow: hidden;
}
.slides-dev-group img {
	display: block;
	width: 218px;
	height: 146px;
	float: left;
	margin-right: 9px;
}
.slides-dev-group a.btn-prev,
.slides-dev-group a.btn-next {
	display: none;
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	height: 144px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 11px;
	line-height: 144px;
	overflow: hidden;
	width: 15px;
	text-align: center;
	text-decoration: none;
	color: #888;
	opacity: .8;
	filter: alpha(opacity=80);
}
.slides-dev-group a.btn-next {
	left: auto;
	right: 0;
}
.slides-dev-group:hover a.btn-prev,
.slides-dev-group:hover a.btn-next {
	display: block;
}
.slides-dev-group a.btn-prev:hover,
.slides-dev-group a.btn-next:hover {
	background-color: #e0e0e0;
}

.view-dev-group .div {
	color: #8f8f8f;
	line-height: 24px;
}
.view-dev-group .div a {
	color: #e96d63;
	text-decoration: none;
}
.view-dev-group .div a:hover {
	color: #73c2bb;
}

.core-box {
	height: 126px;
	margin-bottom: 35px;
}
.core-box .left {
	float: left;
	width: 144px;
	height: 126px;
	background: url(/img/pages/dev/group/bg-glossy.gif) no-repeat;
	text-indent: -9999em;
}
.core-box .right {
	float: right;
	text-align: center;
	height: 124px;
	line-height: 36px;
	padding: 0 10px;
	color: #73c2bb;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-left: none;
	background: #f8f8f8;
	width: 507px;
}
.core-box .right table {
	width: 100%;
	border-collapse: collapse;
}
.core-box .right table td {
	height: 124px;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

.nav-design {
	position: fixed;
	z-index: 99999;
	height: 100%;
	top: 0;
	right: 0;
}
.nav-design a.trigger {
	position: absolute;
	z-index: 0;
	top: 50%;
	right: 0;
	padding: 25px 20px;
}
.nav-design .list {
	display: none;
	position: absolute;
	height: 100%;
	overflow-y: hidden;
	background-color: #424247;
}
.nav-design .list .wrap {
	position: relative;
	padding: 30px 0 30px 30px;
}
.nav-design .list table {
	border-collapse: collapse;
}
.nav-design .list table td {
	vertical-align: top;
	padding-right: 30px;
}
.nav-design .list h2 {
	white-space: nowrap;
	font-size: 30px;
	font-weight: normal;
	color: #73c2bb;
}
.nav-design .list h3 {
	white-space: nowrap;
	font-size: 18px;
	color: #6b6b6b;
	border-bottom: 1px solid #8f8f8f;
}
.nav-design .list h4 {
	white-space: nowrap;
	font-size: 15px;
	color: #8f8f8f;
	margin-top: 0;
}
.nav-design .list a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
}
.nav-design .list a:hover {
	color: #73c2bb;
}