/* CSS Document */

/* "vartical-align" does not work */
/* avoid adding "height: 100%" in div gags which has texts */

/*html { height: 100%; margin-bottom: 1px; }*/

.div_base {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*background-color:#bebebe;*/
}

.box_bannerLeft {
	width: 180px;
	height: 90px;
	padding: 0px;
	margin: 0px;
	/*text-align: left;*/
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #FFFFFF;
}

.box_bannerRight {
	width: 560px;
	height: 90px;
	padding: 0px;
	margin: 0px;
	/*text-align: left;*/
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #FFFFFF;
	/*background-color:#c0c0c0;*/
	background-image: url(../pic/frame_top_right.jpg);
	/*background-repeat: repeat;
	background-position: left top;*/
}

#divLeftCol {
	border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #FFFFFF;
}

.box_menu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: relative;
	top: 60px;
}

.box_submenu {
	width: 180px;
	height: 3000px;
	margin: 0px;
	padding: 0px 0px 0px 0px; /* clock wise */
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #444444;
	border-bottom: none;
	border-left: 1px solid #FFFFFF;
	background:  url("../pic/frame_bottom_left.jpg") no-repeat #cfcfcf;
}

.box_content {
	width: 560px;
	height:3000px;
	margin: 0px;
	padding: 0px 0px 0px 0px; /* clock wise */
	/*border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: none;*/
	border-left: 1px solid #EEEEEE; 
	border-right: 1px solid #EEEEEE; 
	background-color:#EEEEEE;
}

#box_demo
{
	padding: 0px 0px 0px 0px; /* clock wise */
	border-top: 1px solid #fa8f27; /*#444444;*/
	border-right: 1px solid #fa8f27;
	border-bottom: 1px solid #fa8f27;
	border-left: 1px solid #fa8f27;
	background-color:#FFFFFF;
	text-align:left;
}

.box_subtitle {
	margin: 0px;
	padding: 20px 15px 15px 10px; /* clock wise */
	position: relative;
}

.box_text1 {
	margin: 0px;
	padding: 0px 10px 0px 20px; /* clock wise */
	/*position: relative;*/
}

.box_list {
	margin: -10px 0px 0px 0px;
	padding: 0px 10px 0px 20px; /* clock wise */
	position: relative;
}

.box_text2 {
	margin: 0px;
	padding: 10px 10px 10px 20px;
	position: relative;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #476889;
}

.box_additional {
	margin: 0px;
	padding: 0px; /* clock wise */
	left: -20px;
	position: relative;
}