/* common */
.underline{text-decoration:underline;}
.bold{font-weight:bold;}
.italic{font-style: italic;}
.red{color:red;}
.dark-red{color:#C00;}
.blue{color:blue;}
.green{color:green;}
.orange{color:orange;}
.gray{color:gray;}
.black{color:black;}
.purple{color:#BD5274;}

.f_l{ float:left;}
.f_r{ float:right;}
.t_l{text-align:left;}
.t_r{text-align:right;}
.t_c{text-align:center;}

.hide{display:none;}

.front h3 {font-size:16px; margin-bottom:5px;}
.main-content h1.page-header {text-align:center;}
.main-content h2.chapter-header{text-align:center; margin-top:30px;}
.content p {text-indent:2em; font-size: 12px; margin-top: 10px; margin-bottom: 10px; line-height:1.5em;}
.content li {font-size: 12px; margin-right:2em; margin-top: 10px; margin-bottom: 10px; line-height:1.5em;}
.content img {max-width:600px;width:expression(this.width > 600 && this.width > this.height ? 600 : true);width:100%;overflow:hidden;}
.content img#code_img{width:auto;}

#showcase {max-height: 425px;}

.photo-title a{color:#fff;}
#secondary-menu {font-family: "Microsoft Yahei"}
#main-menu li {margin-right: 10px;}
#main-menu li a, #secondary-menu li a {line-height:1.2em;}

#index-fast-link .span1{margin-bottom:30px;}