* {margin:0pt;padding:0pt;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin-bottom:1em;}
fieldset {padding:0.5em;}
select {min-width:1.5em;}

/* Structure */

body, html { height: 100% }
body { background-color: #282828; }
#page { background: url(http://s3.amazonaws.com/becc/images/global/bkgnd.gif); width: 986px; margin: 0 auto; padding: 0px 9px 0px 9px}
#contentContainer { background: url(http://s3.amazonaws.com/becc/images/global/bkgnd_bottom.gif) bottom no-repeat; padding-bottom:20px; width: 986px; height: 100% }
#header { background: url(http://s3.amazonaws.com/becc/images/global/top_header.gif); height: 90px; width: 100% }
h1#logo { background:url(http://s3.amazonaws.com/becc/images/global/becc.png) no-repeat bottom right; width: 211px; height: 84px; text-indent: -2000px; margin: 0px; float: left}

#mainbodyContainer { width: 100%; overflow: auto }
#abt_main { padding: 15px 25px 0px 40px; }
#main { width: 621px; float: left; padding: 15px 25px 0px 40px; background: url(http://s3.amazonaws.com/becc/images/global/dots_vert.gif) #fff right repeat-y}
#main2 { width: 880px; float: left; padding: 15px 25px 0px 40px; background: url(http://s3.amazonaws.com/becc/images/global/dots_vert2.gif) right repeat-y}
#main3 { width: 980px; float: left; padding: 15px 25px 0px 40px; background: url(http://s3.amazonaws.com/becc/images/global/dots_vert2.gif) right repeat-y}
#main_contact { width: 621px; float: left; padding: 15px 25px 0px 40px; background: url(http://s3.amazonaws.com/becc/images/global/dots_vert.gif) right repeat-y}

#side { width: 250px; float: right; padding: 15px 25px 25px 0px}
#footer { text-align: center; margin-top: 10px; }
#comment { float:right; margin: 15px }
#logoContainer { width: 100%; overflow: auto }
#dropdown { float: right; width: 250px; text-align: right; padding-right: 20px; }
#dropdown select { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100px }
#navContainer { width: 100%; margin: 0px; padding: 0px }

/* Fonts */

a { color: #ef1922; }

body, div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #575757; line-height: 18px }

h2 { font-family: "Kabel BT","Kabel BT Ultra","Kabel Ultra BT","Kabel Ult BT","Kabel Md BT" ,"Times New Roman", Times, serif; font-size: 24px; line-height:24px; color: #ef1922; font-weight: normal; }

#page #contentContainer #header #logoContainer {
}

/* #### NAVBAR #### */
    div#navigation { background-color:#575757; height: 22px; padding: 0; z-index:11; font-family: Arial; color: #fff; font-size: 11px;}

    div#navigation ul { color: #fff; padding: 0; margin: 0; list-style: none; height:22px;}
    div#navigation li { color: #fff; margin: 0 36px 0px 22px; padding-top:2px; height:100%; float:left; position: relative; z-index:10; display:inline; }
    
    /* for IE \*/
    * html div#navigation li {
     height: 24px;
    }
    /* end filter */
    
    div#navigation li a { color: #fff; font-size: 15px; height:22px; display:inline; }
    div.nav_list { color: #fff; font-size: 15px; height:22px; display:inline; }
    
    div#navigation li a:hover { color:#f00; }
    
    div#navigation li ul { /* second-level lists */ display: none; position: absolute; top: 22px; left: -1px; margin-left:-24px; font-size: 12px }
    div#navigation li.over ul { display:block; }
    
    div#navigation li ul li { height:auto; }
    div#navigation li ul li:hover { background-color:#808080; color: #fff; }
    div#navigation li ul li:hover a { color: #fff; }
    div#navigation li ul li a { display:block; width:100%; height:100%; }
    
    a.nav_link { color: white; font-size: 16px; font-weight: bold; white-space: nowrap; opacity: 0.98; text-decoration:none; }
    a.nav_link:hover { color:#f00; }

/* Menu */
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 0px;
	z-index: 300;
}

#nav a { text-decoration: none; display: block;}
#nav { margin-left: 20px; margin-top: 25px;}
#nav li {float: left; }
#nav li#home { width: 100px }
#nav li#company { width: 123px }
#nav li#lessons { width: 108px }
#nav li#news { width: 96px }
#nav li#contact { width: 113px }
#nav li#solutions { width: 113px }

#nav li ul {position: absolute;width: 10em;left: -999em;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul li { text-align: left; background: #6d6e72; width: 150px; padding: 5px;  border-bottom: 1px solid #999999; }
#nav li ul li a { color: #FFF }
#nav li ul li:hover { background: #FFFFFF; color: #ef1922 }
#nav li ul li:hover a { color: #ef1922 }

.imageCaption { width: 168px; margin-left: 8px; font-size: 10px; font-style: oblique; float: right; line-height: 14px}
.imageCaption img { border: 1px solid #999999 }

/* Lists */

ul.list { padding-left: 10px;	margin-left: 10px; }
ul.list li { list-style: url(/images/global/arrow.gif);}

#form3 {
	width: 490px; /* 指定區塊寬度 */

}
#form3 table {
	border-top: 1px solid #CCCCCC; /* 指定1px的上框線 */
	border-bottom: none; /* 指定為無下框線 */
	border-left: 6px solid #CCCCCC;
	border-right: none; /* 指定為無右框線 */
	font-size: 100%; /* 為了要在Windows Internet Explorer 5上也能正常顯示，指定字型大小 */
	width: 630px; /* 指定區塊寬度 */
}
#form3 td {
	border-top: none; /* 指定為無上框線*/
	border-bottom: 1px solid #CCCCCC; /* 指定1px的下框線*/
	border-left: none; /* 指定為無左框線 */
	border-right: none; /* 指定為無右框線 */
	padding: 10px; /* 指定上下左右內距 */
}
#form3 th {
	border-top: none; /* 指定為無上框線*/
	border-bottom: 1px solid #CCCCCC; /* 指定1px的下框線 */
	border-left: 6px solid #CCCCCC; /* 指定為無左框線  */
	border-right: none; /* 指定為無右框線  */
	background-color: #F3F3F3; /* 指定儲存格底色 */
	font-weight: normal; /* 指定字型為一般粗細 */
	padding: 10px; /* 指定上下左右內距 */	
	width: 200px; /* 指定區塊寬度 */
}
#smallbox {
padding: 15px 15px 0px 30px;
}
#texts{
width: 400px;
padding: 15px 15px 0px 30px;
}

#oneonone{
width: 700px;
}
#oneonone table {
	position: relative;
	margin: 0 auto;
	width: 800px;
	text-align: left;
	border-top: 1px solid #CCCCCC; /* 指定1px的下框線 */
	border-bottom: 1px solid #CCCCCC; /* 指定1px的下框線 */
	border-left: 1px solid #CCCCCC; /* 指定1px的下框線 */
	border-right: 1px solid #CCCCCC; /* 指定1px的下框線 */
  float:left; 
	font-size: 100%; /* 為了要在Windows Internet Explorer 5上也能正常顯示，指定字型大小 */
	width: 700px; /* 指定區塊寬度 */
}
#oneonone td {
	border-top: none; /* 指定為無上框線*/
	border-bottom: 1px solid #CCCCCC; /* 指定1px的下框線*/
	border-left: none; /* 指定為無左框線 */
	border-right: none; /* 指定為無右框線 */
	padding: 10px; /* 指定上下左右內距 */
}
#oneonone th {
	border-top: none; /* 指定為無上框線*/
	border-bottom: 1px solid #CCCCCC; /* 指定1px的下框線 */
	border-left: 6px solid #CCCCCC; 
	border-right: none; /* 指定為無右框線  */
	background-color: #F3F3F3; /* 指定儲存格底色 */
	font-weight: normal; /* 指定字型為一般粗細 */
	padding: 10px; /* 指定上下左右內距 */	
	width: 200px; /* 指定區塊寬度 */
}
.onetitle { 
  font-size:14px;
  padding: 5px 5px 5px 20px;
} 
.onetext { 
  font-size:12px;
  padding: 5px 5px 5px 20px;
}

ul.list { padding-left: 8px;	margin-left: 10px; }
ul.list li { list-style: url(http://s3.amazonaws.com/becc/images/global/arrow2.gif);}

ul.list2 { padding-left: 20px;	margin-left: 10px; }
ul.list2 li { list-style: url(http://s3.amazonaws.com/becc/images/global/dot.png);}

ul.list3 { padding-left: 50px;	margin-left: 50px; }
ul.list3 li { list-style: url(http://s3.amazonaws.com/becc/images/global/dot.gif);}

ul.list4 { padding-left: 10px;	margin-left: 10px; }
ul.list4 li { list-style: url(http://s3.amazonaws.com/becc/images/global/dot.gif);}

#news{line-height: 10pt; }
#news a:link {
color:#333;
text-decoration: none; 
}
#news a:visited {
color: #333;
text-decoration: none;
}
#news a:active {
color: #333;
text-decoration: none; 
}
#news a:hover {
color: #f00; 
text-decoration: underline; 
}

#emailparts {
  list-style-position: inside;
  display:inline;
}

#emailparts li {
  margin-bottom: 1em;
}

#emailparts li ul li {
  margin-bottom: 0;
  text-indent: -15px;
  padding-left: 35px;
}

#emailparts li ul li:first-child {
  padding-left: 0;
  display:inline;
}

#emailparts li ul {
  list-style-type: none;
  display:inline;
}

.yellow_highlight {
  background-color:#ff0;
}

#software a {
  text-decoration:none;
  color:#444;
}

#software a:hover {
  color:#FF0000;
  text-decoration:underline;
}

<!--[if IE 6]>
#emailparts li ul li {
  padding-left: expression(this.previousSibling==null?'0':'35px');
  display:expression(this.previousSibling==null?'inline':'block');}
}
<![endif]-->


#questionnaires_index tr th {
  padding: 0 10px;
}

#questionnaires_index tr td {
  padding: 0 10px;
  text-align: center;
}

#error_notification {
  padding: 2px;
  background-color: #f0f0f0;
  border: 2px solid red;
  font-weight: bold;
  font-size: 12px;
}

#error_notification ul li {
  margin-left: 1.5em;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 8px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  font-size: 14px;
}

#errorExplanation ul li {
  margin-left: 14px;
}

.error_notification {
  padding: 2px;
  background-color: #f0f0f0;
  border: 2px solid red;
  font-weight: bold;
  font-size: 12px;
}

.errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

/* calendar */

/*
  A red, white, and grey theme.
  
  AUTHOR: Geoffrey Grosenbach http://nubyonrails.com
*/

.calendar {
  margin: auto;
}

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 0.7em;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
}

.otherMonth, .day, .specialDay {
  padding: 0.7em 1em;
  border-right: 1px solid white;

}

.otherMonth {
  color: #eeeeee;
}
.weekendDay {
  background-color: #eeeeee;
}

.day, .specialDay {
  text-align: center;
  border-bottom: 1px dotted #bbbbbb;
}

.specialDay {
  background-color: #d10a21;
  color: white;
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: white;
  text-decoration: none;
  padding: 1em;
}
.specialDay a:hover {
  color: white;
  background-color: black;
}
.today {
	background-color: #1e90ff;
	color: white;
}

.mce_inline_error {
  font-weight: black;
  color: #800;
}