body {FONT-FAMILY: "ËÎÌå"; font-size: 12px; color: #cee0e0; text-align: center; background-color: #232d2e; margin-left: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; height: 100%;}
A {COLOR: #cee0e0; LINE-HEIGHT: 16px; TEXT-DECORATION: none}
A:hover {COLOR: #CCFF00; TEXT-DECORATION: none}
A:visited {COLOR: #c7605b; TEXT-DECORATION: none}

.clear{ clear:both;} 
#box {width: 100%; float: none; height: 100%;}
#box .hr {background-image: url(/images/cb_index_title_bg2.gif); height: 15px; float: none; width: 960px; margin: 0 auto;}

#box #top {width: 960px; float: none; height: 258px; margin: 0 auto;}
#box #top #logo {float: none; height: 101px; width: 960px; margin: 0 auto;}
#box #top #banner {background-image: url(/images/menu_bg.gif); float: none; height: 115px; width: 960px; margin: 0 auto;}
#box #top #menu {background-image: url(/images/cb_index_title_bg1.gif); height: 27px; float: none; width: 960px; margin: 0 auto;}

#box #main {width: 960px; height: 100%; float: none; margin: 0 auto; background-image: url(/images/bg.gif);}
#box #main #left {float: left; height: 100%; width: 166px; background-color: #3f4f4f;}
#box #main #left #com {float: none; height: 500px; width: 150px; margin: 0 auto; text-align: center;}
#box #main #left #pic {float: none; height: 120px; width: 100%; margin-top: 20px; margin-right: auto; margin-left: auto;}
#box #main #left #left-c {
	float: none;
	height: 645px;
	width: 100%;
	background-color:#3f4f4f;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#box #main #left #four {float: none; height: 580px; width: 150px; margin: 0 auto; text-align: center;}
#box #main #center {float: left; 100%; height: 100%; width: 711px; background-color: #303e3f; margin-right: 9px; margin-left: 9px;}
#box #main #center #layer {float: none; width: 695px; height: 100%; margin-top: 10px; margin-right: auto; margin-left: auto;}
#box #main #center #layer #com {float: none; height: 244px; width: 695px;}
#box #main #center #layer .com {float: none; height: 240px; width: 695px;}
#box #main #center #layer #title {background-color: #000000; width: 100%; height: 16px; text-align: left;}
#box #main #center #layer #title #name {width: 96%; float: none; margin: 0 auto;}
#box #main #center #layer .title {background-color: #000000; width: 100%; height: 16px; text-align: left;}
#box #main #center #layer .title .name {width: 96%; float: none; margin: 0 auto;}
#box #main #center #layer #news {height: 384px; width: 100%; float: none;}
#box #main #center #layer #news .gut {float: left; width: 343px; height: 187px; margin-right: 4px;}
#box #main #center #layer #news .gut .title {float: none; width: 100%; height: 25px; margin-top: 12px; background-color: #2A3839;}
#box #main #center #layer #news .gut .iframe {height: 150px; float: none; width: 335px; margin-left: 8px;}
#box #main #center #layer #news .gut .pic-r {float: left; width: 30px; height: 25px;}
#box #main #center #layer #news .gut .title-c {float: left; height: 25px; width: 258px;}
#box #main #center #layer #news .gut .pic-l {float: left; height: 25px; width: 55px;}
#box #main #center #layer #news .gut .plotting {margin-top: 5px; text-align: left; width: 100%; font-size: 14px;}
#box #main #center #layer #news .gut-r {float: left; width: 343px; margin-left: 5px; height: 187px;}
#box #main #center #layer #news .gut-r .title {float: none; width: 100%; height: 25px; margin-top: 12px; background-color: #2A3839;}
#box #main #center #layer #news .gut-r .iframe {height: 150px; float: none; width: 335px; margin-left: 8px;}
#box #main #center #layer #news .gut-r .pic-r {float: left; width: 30px; height: 25px;}
#box #main #center #layer #news .gut-r .title-c {float: left; height: 25px; width: 258px;}
#box #main #center #layer #news .gut-r .pic-l {float: left; height: 25px; width: 55px;}
#box #main #center #layer #news .gut-r .plotting {margin-top: 5px; text-align: left; width: 100%; font-size: 14px;}
#box #main #center #layer #news .gut-r #text {width: 100%; height: 73px; background-color: #3F4F4F;}
#box #main #center #layer #news .gut-r #text #intr {width: 90%; float: none; margin: 0 auto;text-align: left;}
#box #main #center #layer #news .more {margin-top: 8px;}

#box #main #center #design {width: 695px; float: none; background-color: #eef3fa;}
#box #main #center #picture-s {float: none; height: 72px; width: 695px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}

#box #main #center #name {background-color: #000000; float: none; height: 16px; width: 695px;}
#box #main #center #opus {float: none; width: 695px; height: 100%; margin: 0 auto;}
#box #main #center #opus #download {float: none; height: 20px; width: 695px;}
#box #main #center #opus #name #opus-name {width: 90%; float: none; text-align: right; margin-top: 2px;}
#box #main #center #opus #download #file {float: none; width: 100%; margin-top: 4px;}
#box #main #center #layer .newscenter {float: none; width: 650px; margin: 0 auto; text-align: left; color: #a5b7b9;}
#box #main #center #layer .newscenter .text {width: 100%; float: none; text-align: left; color: #a5b7b9;}
#box #main #center .compart {background-color: #293536; float: none; height: 18px; width: 650px; margin: 0 auto;}
#box #main #center #layer #design .other {float: left; height: 100px; width: 100px; margin: 15px; text-align: center; vertical-align: middle;}
#box #main #center #layer #design #other-c {float: none; width: 665px; margin: 0 auto;}
#box #main #center #layer #friendliness {width: 650px;margin: 0 auto;text-align: left;}

#box #main #right {float: left; height: 100%; width: 65px; background-color: #394748;}
#box #main #right #layer {float: none; width: 65px; height: 100%; margin-top: 10px;}
#box #main #right #layer #menu {width: 49px; float: none; height: 446px; margin: 0 auto;}
#box #main #right #img {float: none; height: 79px; width: 65px; margin-top: 45px;}

#box #bottom {width: 960px; float: none; height: 135px; margin: 0 auto;}
#box #bottom #link {float: none; height: 51px; width: 960px; background-color: #3F4F4F;}
#box #bottom #link #text {float: none; width: 920px; padding: 0px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height: 51px;}
#box #bottom #link .pic {float: left; height: 31px; width: 88px; margin-top: 11px; margin-bottom: 9px;}
#box #bottom #link .empty {float: left; height: 31px; width: 16px; margin-top: 11px; margin-bottom: 9px;}
#box #bottom #menu {float: none; height: 29px; width: 960px; background-color: #3f4f4f;}
#box #bottom #menu #link-l {float: left; height: 29px; width: 11px;}
#box #bottom #menu #link-c {float: left; height: 29px; width: 938px;}
#box #bottom #menu #link-r {float: left; height: 29px; width: 11px;}
#box #bottom #menu #link-c #text {float: none; width: 100%; margin: 0 auto;}
#box #bottom #menu #link-c .link {float: none; width: 100%; background-image:url(/images/divcss.gif); margin-top: 7px; background-repeat: no-repeat; background-position: 725px bottom; }
#box #bottom #pic {background-image: url(/images/cb_index_bottom_bg.gif); font-size: 6px; float: none; height: 6px; width: 100%;}
#box #bottom #copyright {width: 100%; float: none; height: 15px; text-align: center; font-size: 9px; color: #a5b7b9; font-family: Arial, Helvetica, sans-serif;}
#box #main #center #layer #other-c {float: none; width: 650px; margin: 0 auto;}
#box #main #center #layer #other-c .homepage {float: left; height: 150px; width: 200px; margin-bottom: 20px;}
#box #main #center #layer #other-c .empty {float: left; height: 150px; width: 25px;}