#main {width:998px; margin:0 auto; position:relative;}

#header {height:504px;}
#header, #content, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3, .col-4 { float:left;}

/*======= index.html =======*/
#page1 #content .row-1 .col-1 {width:247px;}
#page1 #content .row-1 .col-2 { width:245px;}
#page1 #content .row-1 .col-3 { width:244px;}
#page1 #content .row-1 .col-4 { width:244px;}
#page1 #content .row-2 .col-1 {width:718px;}
#page1 #content .row-2 .col-2 { width:244px;}

/*======= index-1.html =======*/
#page2 #content .row-1 .col-1 {width:736px;}
#page2 #content .row-1 .col-2 { width:244px;}
#page2 #content .row-2 .col-1 {width:718px;}
#page2 #content .row-2 .col-1 .col-1 { width:190px; margin-right:42px;}
#page2 #content .row-2 .col-1 .col-2 { width:190px; margin-right:42px;}
#page2 #content .row-2 .col-1 .col-3 { width:190px;}
#page2 #content .row-2 .col-2 { width:244px;}

/*======= index-2.html =======*/
#page3 #content .row-1 .col-1 {width:247px;}
#page3 #content .row-1 .col-2 { width:733px;}
#page3 #content .row-2 .col-1 {width:244px; margin-right:26px;}
#page3 #content .row-2 .col-2 { width:692px;}
#page3 #content .row-2 .col-2 .col-1 { width:310px; margin-right:30px;}
#page3 #content .row-2 .col-2 .col-2 { width:310px;}

/*======= index-3.html =======*/
#page4 #content .row-1 .col-1 {width:247px;}
#page4 #content .row-1 .col-2 { width:245px;}
#page4 #content .row-1 .col-3 { width:244px;}
#page4 #content .row-1 .col-4 { width:244px;}
#page4 #content .row-2 .col-1 {width:718px;}
#page4 #content .row-2 .col-2 { width:244px;}

/*======= index-4.html =======*/
#page5 #content .row-1 .col-1 {width:247px;}
#page5 #content .row-1 .col-2 { width:733px;}
#page5 #content .row-1 .col-2 .col-1 {
	width: 680px;
}
#page5 #content .row-1 .col-2 .col-2 {
	width:400px;
}
#page5 #content .row-1 .col-2 .col-2 .col-1 { width:190px; margin-right:42px;}
#page5 #content .row-1 .col-2 .col-2 .col-2 { width:190px;}
#page5 #content .row-2 .col-1 {width:244px; margin-right:26px;}
#page5 #content .row-2 .col-2 { width:692px;}
#page5 #content .row-2 .col-2 .col-1 {
	width:600px;
	margin-right:30px;
}
#page5 #content .row-2 .col-2 .col-2 { width:310px;}

/*======= index-5.html =======*/
#page6 #content .row-1 .col-1 {width:736px;}
#page6 #content .row-1 .col-2 { width:244px;}
#page6 #content .row-2 .col-1 {width:718px;}
#page6 #content .row-2 .col-1 .extra-row1 .col-1 { width:190px; margin-right:42px;}
#page6 #content .row-2 .col-1 .extra-row1 .col-2 { width:190px; margin-right:42px;}
#page6 #content .row-2 .col-1 .extra-row1 .col-3 { width:190px;}
#page6 #content .row-2 .col-1 .extra-row2 .col-1 { width:318px;}
#page6 #content .row-2 .col-1 .extra-row2 .col-2 { width:339px;}
#page6 #content .row-2 .col-2 { width:244px;}


/*=========================*/


#footer {height:83px;}


.demo-wrap ul {
	width: 545px;
	height: 195px;
	overflow: hidden;
}

.demo-wrap li {
	list-style: none;
	margin: 0;
	height: 213px;
}

#main-content ul {
	margin: 15px 0;
}

.demo-wrap.border {
	border-top: dotted #c3c3c1 1px;
	padding-top: 15px;
}

.demo-wrap.border .bx-window {
	margin-top: 78px;
}

.demo-wrap .left {
	width: 205px;
	float: left;
}

.demo-wrap .right {
	width: 320px;
	float: left;
}

.demo-wrap .right .album {
	margin-top: 60px;
	font-size: 16px;
}

.demo-wrap .right .band {
	font-size: 14px;
	color: #838383;
}

.demo-wrap .multiple li {
	width: 190px;
}

.demo-wrap .bx-wrapper {
	margin: 0 auto;
}

.demo-wrap .bx-prev {
	position: absolute;
	top: 78px;
	left: -55px;
	width: 31px;
	height: 31px;
	text-indent: -999999px;
	background: url(../images/icon_arrow_left.png) no-repeat 0 -31px;
}

.demo-wrap .bx-next {
	position: absolute;
	top: 78px;
	right: -40px;
	width: 31px;
	height: 31px;
	text-indent: -999999px;
	background: url(../images/icon_arrow_right.png) no-repeat 0 -31px;
}

.demo-wrap .bx-next:hover,
.demo-wrap .bx-prev:hover {
	background-position: 0 0;
}