/************* Homepage *************/
/*
#ff_main div.ff_box div.main_container {
	width: 1278px; height: 529px;
	position:relative;
	left: 56px;
	background-color: #C6E8F1;
} */

#ff_header div.ff_wrapper{
	height: 352px;
}
#ff_header div.ff_box{
	height: 352px;
}



#ff_main div.ff_box div.main_box{
	width: 912px; height:529px;
	position:relative;
	left: 139px;
	float:left;
}


	div.headbox_container div.top_logo{
		background-image: url(../images/nav/subpage.jpg);
		width:1278px; height:231px;
		float:left;
	}/**/
	div.headbox_container div.login_pre{
		display:none;
	}
	div.headbox_container div.login_box{
		display:none;
	}
	div.headbox_container div.login_nex{
		display:none;
	}
	div.headbox_container div.top_bottom{
		display:none;
	}


	div.headbox_container div.nav_left{
	background-image: url(../images/nav/subpage-02.jpg);
	width:206px; height:47px;
	float:left;
	}
	div.headbox_container div.nav_right{
		background-image: url(../images/nav/subpage-03.jpg);
		width:405px; height:47px;
		float:left;
	}

	div.headbox_container div.nav_line{
		background-image: url(../images/nav/subpage_.jpg);
	}

/* main box */
#ff_main div.ff_box{
	/*width: 1278px;*/
	width:900px;
	background-repeat: repeat-y;
	/* height:300px; */
	background-image: url(../images/nav/subpage-06.jpg);
	left:200px;
}
	#ff_main div.ff_box div.ff_box_main{
		/*width: 1278px;*/
		width:900px;
		background-repeat: repeat-y;
		min-height:300px;
		background-image: url(../images/nav/subpage-05.jpg);
	}

	#ff_main div.ff_box div.main_box_bottom{
		/*width: 1278px;*/	height:57px;
		background-repeat: no-repeat;
		background-image: url(../images/nav/subpage-08.jpg);
		background-position: bottom center;
		padding-bottom: 15px;
		/*margin-left: -193px;*/
		width:891px;
	}

    div.headbox_container div.nav_section{
    	background-image: url(../images/nav/subpage_title_02.jpg);
    	width:1278px; height:59px;
    	float:left;
    }

#ff_main div.ff_box div.ff_box_footer{

}

	div.nav_box{
            /*position:absolute;*/
			position:relative;
            width:244px;
            top: 0px; left:7px;
			float:left;
    }
		div.nav_box div.nav_menu{
			position:relative;
			float:left;
			width:244px; height:53px;
		}
			div.nav_menu img{
				position: relative;
				top:0px; left:0px;
			}
			div.nav_txt{
				position:absolute;
				top:16px; left:48px;
				float:left;
			}

				div.nav_txt a, a:visited{
					text-decoration:none;
					color: gray;
					font-size:14px;
				}

    div.inner_content{
        /*position:absolute;*/
		margin-left:280px;
        top:9px; left:285px;
		width:570px;
    }
div.clear{
	clear:both;
}
td, p {
	color: #666666;
}

video { 
   max-width:540px; 
   height:auto; 
}

.box{
	background-color:#ccc;
	padding:15px;
	margin-bottom:12px;
	font-size:14px;
	overflow: hidden;
}

.box img{
	max-width: 100%;
	width:expression(document.body.clientWidth > 540? "540px": "auto" );
	_width:540px;
	height: auto;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box .title{
	float:left;
	font-weight:bold;
}
.box .date{
	float:right;
}
.box hr{
	border: 1px solid #fff;
}

#panel_Archive{
    clear:both;
    background:#E3E8EB;
    width:99%;
}

#panel_Archive:hover{
    background:#B6EBFD;
}

#archive_list{
    margin-left:45px;
    display: block;
}

.year_content{
    cursor:pointer;
    padding:5px 0px;
    font-size:14px;
}

#archive_list ul{
    margin:0px;
    list-style: none;
    padding:0px;
}

#archive_list li{
    display: block;
}

.month_wrap{
    display:none;
}

.month_wrap.active{
    display:block;
}

#archive_list a{
    display:block;
    padding:5px 0px;
    text-decoration: none;
    color: #666;
}
#archive_list a:hover{
    color: #200;
    text-decoration: underline;
}


.year_content i{
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.year_content i.opened{
     -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}



#bill_top{
    text-align:center;
}

.bill_title{
    font-weight:bold;
    font-size:18px;
}

#bill_top select{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius:5px;
    outline: 0px;
    padding:3px 0px;
}

#bill_content{
    margin:15px auto 5px auto;
    width:300px;

}

.bill_table{
    border-collapse: collapse;
}
.bill_table tr.odd{
    background:#D7C7D1;
    background:rgba(215,199,209,0.3);
}
.bill_table td,.bill_table th{
    padding:6px 2px;
    font-size: 14px;
    border:1px solid #C7A8B0;

}