BODY {
	TEXT-ALIGN: center; FONT: 13px/22px  Microsoft Yahei,Verdana,Helvetica,sans-serif; 
	WORD-WRAP: break-word; COLOR: #333333
}

body.iphone{
	background:#fff url() repeat top left;
}



div.design{
	width:1000px;
}

div.square{
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
	background: url(http://www.city-design.cn/js/white80.png) repeat;
	position:relative;
	border:none;
	z-index:1;
}

div.clear{
	clear:left;
}


div.dummy{
	background:none;
}

div.overlay{
	width:200px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}



div.image{
	width:600px;
	height:400px;
}

div.error404{
	background: url(http://www.city-design.cn/404.gif) no-repeat;
	color:#fff;
}

div.image img{
	
}

div.text{
	padding: 0 10px;
	position:absolute;
	bottom:10px;
	left:15px;
	z-index:5;
}

.right{
	text-align:right;
}


BODY #search #left {
	FLOAT: left
}
BODY #search #searchleft {
	PADDING-LEFT: 30px; FLOAT: left; PADDING-TOP: 12px; HEIGHT: 35px; TEXT-ALIGN: left
}
BODY #search #searchleft1 {
	PADDING-LEFT: 10px; PADDING-TOP: 12px; HEIGHT: 35px; TEXT-ALIGN: left;width: 240px;
}

BODY #newsearchtop {
	 HEIGHT: 19px; TEXT-ALIGN: right;width: 235px;
}
BODY #newsearchtop LI {
	FONT-SIZE: 15px; FLOAT: left
}
.newsearchinsidew {
 MARGIN-TOP: 0px;  WIDTH: 75px; CURSOR: hand; LINE-HEIGHT: 21px; HEIGHT: 23px; TEXT-ALIGN: center;}
.newsearchinsidew A{
COLOR: #ffffff;
}
 .newsearchinsider {
 FONT-WEIGHT: bold; WIDTH: 75px; COLOR: #ffffff; PADDING-TOP: 0px; HEIGHT: 25px;  TEXT-ALIGN: center;TEXT-DECORATION: underline}
.newsearchinsider A:visited {
COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
.newsearchinsidew A:hover {
FONT-WEIGHT: bold;COLOR: #ffffff;
}
BODY #newsearchbottom {
	  POSITION: relative; HEIGHT: 50px; line-height: 1.4;margin-left: -10px;
}
BODY #newsearchbottom #e1 {Z-INDEX: 0; LEFT: 0px; VISIBILITY: visible; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e2 {Z-INDEX: 0; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e3 {Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e4 {Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e5 {Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e6 {Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
BODY #newsearchbottom #e7 {Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}



#showNext, #showPrevious{
	font-size:18px;
	cursor:pointer;
	color:#666;
}

#showNext:hover, #showPrevious:hover{
	color:#fff;
}

div.dark a:hover{
	color:#fff;
}




/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}


/*���� */

.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 85%;
}



/* common and top level styles */
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color: #61badc;
    border-bottom: 5px solid #2f9bc4;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    width: 98%;
}
#nav ul.subs {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0;
    padding: 2%;
    position: absolute;
    top: 54px;
    width: 80%;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    line-height: 49px;
    padding: 0 15px;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #2f9bc4;
    color: #FFFFFF;
}
#nav li.active > a {
    background-color: #2f9bc4;
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 0px 1%;
    vertical-align: top;
    width: 22%;
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #F55856;
}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}

/* responsive rules */
@media all and (max-width : 980px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
}
/*���� */



/*���ض��� */
p#back-to-top{
  center;
}
p#back-to-top a{
      text-align:center;
      text-decoration:none;
      color:#ffffff;
      display:block;
      width:70px;
      /*ʹ��CSS3�е�transition���Ը���ת�����е��������ӽ���Ч��*/
      -moz-transition:color 0s;
      -webkit-transition:color 0s;
      -o-transition:color 0s;
}
p#back-to-top a:hover{
      color:#979797;
}
p#back-to-top a span{
      background:#61badc url(http://www.city-design.cn/images/12345.png) no-repeat center center;
      border-radius:6px;
      display:block;
      height:152px;
      width:70px;
      margin-bottom:5px;
      /*ʹ��CSS3�е�transition���Ը�<span>��ǩ������ɫ���ӽ���Ч��*/
      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
}
#back-to-top a:hover span{
      background:#e8e8e8 url(http://www.city-design.cn/images/1234.png) no-repeat center center; 
      height:152px;
      width:70px;
}

P {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;max-width: 305px;
}
.footer{
	background-color: #61badc ;
	TEXT-ALIGN: center; MARGIN: 0px auto; OVERFLOW: hidden
}
.page_style {
	TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 1000px; OVERFLOW: hidden
}
.menu_box {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px
}
.template_box {
	BORDER-BOTTOM: #cccccc 0px solid; BORDER-LEFT: #cccccc 0px solid; MARGIN: 0px; CLEAR: both; OVERFLOW: hidden; BORDER-TOP: #cccccc 0px solid; BORDER-RIGHT: #cccccc 0px solid
}
.template_box_layout_left {
	padding-left: 0px;padding-right: 10px;BORDER-BOTTOM: #cccccc 0px solid; BORDER-LEFT: #cccccc 0px solid; MARGIN: 0px 0px 5px; FLOAT: left; OVERFLOW: hidden; BORDER-TOP: #cccccc 0px solid; BORDER-RIGHT: #cccccc 0px solid
}
.template_box_layout_right {
	padding-left: 0px;BORDER-BOTTOM: #cccccc 0px solid; BORDER-LEFT: #cccccc 0px solid; MARGIN: 0px 0px 5px; FLOAT: none !important; OVERFLOW: hidden; BORDER-TOP: #cccccc 0px solid; BORDER-RIGHT: #cccccc 0px solid
}