﻿/*Frist Content*/
#content{clear:both; margin:0 auto; padding:0; width:980px; text-align:center;}
#leftbox{margin:0 auto; padding:0; width:201px; float:left; display:inline; min-height:600px; background-color:#F1F8DD;}
*html #leftbox{ margin-right:-3px;}
#leftbox .title{ height:35px; background:url(/images/comment/leftbox_top.jpg) no-repeat center center;}
#leftbox .subindex{height:39px; text-align:left; background:url(/images/comment/leftbox_index_bg.gif) no-repeat center center;}
#leftbox .subindex a{ float:none; height:29px; width:201px; font-weight:bold; color:#484848; padding:15px 0 0 35px; line-height:29px;}
#leftbox .submenu{height:29px; width:201px; text-align:left; background:url(/images/comment/leftbox_ul_bg.gif) no-repeat center center;}
#leftbox .submenu a{float:none; height:29px; font-weight:bold; color:#7A9334; padding:15px 0 0 35px; line-height:29px;}
#leftbox ul{ width:201px; text-align:center; margin:0 auto; padding:0;}
#leftbox ul li{ width:201px; background: url("/images/comment/leftbox_li_bg.gif") no-repeat center center; text-align:left; height: 29px;}
#leftbox ul li a{display: block; line-height: 29px; padding:0 0 0 50px;}
#leftbox ul li a:active,#leftbox ul li a:hover{color:#7A9334;}
#leftbox ul li .current{color:#7A9334;}

#rightbox{margin:0 auto; padding:0; width:770px; float:right; min-height:800px;}
#rightbox .title{ height:35px;text-align:left; background:url(/images/comment/right_title_bg.gif) repeat-x center center;}
#rightbox .title .current{float:left; font-weight:bold; color:#3E3E3E; height:35px; padding-top:3px; text-align:left; line-height:35px;}
#rightbox img{ float:left; vertical-align:middle;}
#rightbox .title span{ float:right; padding:0 15px; font-weight:normal; line-height:35px; color:#3E3E3E; padding-top:5px; text-align:right;}
#conbox{clear:both; width:760px; margin:10px auto; padding:0; text-align:center;}
#binfo{ margin:0 auto; width:760px; height:360px; text-align:center; padding:0;}
#binfo .leftimg{margin:0 auto; width:280px; height:360px; float:left; display:inline; text-align:center; padding:0; background:url(/images/yearbook/yb_bg.gif) no-repeat center center;}
#binfo .leftimg img{margin:0 auto; width:215px; height:280px; text-align:center; padding:42px 32px;}
*html #binfo .leftimg{ margin-right:-3px;}
#binfo .rightinfo{margin:0 auto; width:470px; height:360px; float:right; display:inline; text-align:center; padding:0;}
#binfo .rightinfo h3{margin:0 auto; width:470px; height:30px; text-align:left; padding:10px;}
#binfo .rightinfo div{margin:0 auto; width:470px; height:20px; text-align:left; padding:0 10px;}
#binfo .rightinfo div span{margin:0 auto;}
#conbox h3{ text-indent:2em; text-align:left; line-height:150%; padding:5px 10px;}
#conbox p{ text-indent:2em; text-align:left; line-height:150%; padding:3px 0;}
#conbox .ep{ text-indent:0em; text-align:left; line-height:130%; padding:5px 0; font-family:Arial;}
#conbox img{ text-align:center; }
/*detail*/
#binfo h3{margin:0 auto; width:760px; height:30px; text-align:center; padding:10px;}
#binfo p{margin:0 auto; width:760px; text-align:left; padding:10px; line-height:180%;}
#binfo p img{margin:0 auto; border:0; margin:5px;}
#binfo img{margin:0 auto; border:0; margin:5px;}