﻿@charset "utf-8";



#up-images {
	background-image: url(../images/bg/up-images.png);
	height: 470px;
	width: 1010px;
	padding-top: 30px;
	background-repeat: no-repeat;
}
#up-images2 {
	background-image: url(../images/bg/up.jpg);
	width: 1010px;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#up-images3 {
	background-image: url(../images/bg/bg.png);
	width: 100%;
	background-repeat: repeat-x;
	background-color: #FFF;
	background-position: center top;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#logout {
	text-align: right;
	margin-right: 30px;
	padding-top: 10px;
}
#ut {
	text-align: right;
	padding-right: 30px;
	padding-top: 10px;
}
#title {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 40px;

}

#title-m {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
#title2 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 40px;
	font-size: 17px;
	font-weight: bold;
	color: #600;
}
#title3 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 40px;
	font-size: 17px;
	font-weight: bold;
	color: #600;
	background-color: #E7E3DC;
}

#menu {
	padding-left: 20px;
	padding-top: 20px;
}


#logo {
	background-image: url(../images/logo.png);
	height: 70px;
	width: 350px;
	margin-left: 20px;
	float: left;
}
.font01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration: none;
}

.font03 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
    text-decoration: none;
}

#menu1 {
	background-image: url(../images/menu/menu1.png);
	height: 44px;
	width: 208px;
}

#menu2 {
	background-image: url(../images/menu/menu2.png);
	height: 48px;
	width: 208px;
}
#menu3 {
	background-image: url(../images/menu/menu3.png);
	height: 44px;
	width: 208px;
}
#menu4 {
	background-image: url(../images/menu/menu4.png);
	height: 50px;
	width: 208px;
    background-repeat: no-repeat;
}
#menu5 {
	background-image: url(../images/menu/menu5.png);
	height: 44px;
	width: 208px;
}
#menu6 {
	background-image: url(../images/menu/menu6.png);
	height: 44px;
	width: 208px;
}
#menu7 {
	background-image: url(../images/menu/menu7.png);
	height: 54px;
	width: 208px;
}
#menu1:hover {
	background-image: url(../images/menu/menu11.png);
	height: 44px;
	width: 208px;
}
#up-menu-1 {
	background-image: url(../images/menu/up_02.png);
	height: 75px;
	width: 51px;
}
#up-menu-2 {
	background-image: url(../images/menu/up_03.png);
	height: 137px;
	width: 51px;
}
#up-menu-3 {
	background-image: url(../images/menu/up_04.png);
	height: 150px;
	width: 51px;
}
#up-menu-4 {
	background-image: url(../images/menu/up_05.png);
	height: 149px;
	width: 51px;
}
#up-menu-5 {
	background-image: url(../images/menu/up_06.png);
	height: 128px;
	width: 51px;
}


#menu2:hover {
	background-image: url(../images/menu/menu21.png);
	height: 48px;
	width: 208px;
}
#menu3:hover {
	background-image: url(../images/menu/menu31.png);
	height: 44px;
	width: 208px;
}
#menu4:hover {
	background-image: url(../images/menu/menu41.png);
	height: 54px;
	width: 208px;
}
#menu5:hover {
	background-image: url(../images/menu/menu51.png);
	height: 44px;
	width: 208px;
}
#menu6:hover {
	background-image: url(../images/menu/menu61.png);
	height: 44px;
	width: 208px;
}
#menu7:hover {
	background-image: url(../images/menu/menu71.png);
	height: 54px;
	width: 208px;
}
.font01:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8a0e0e;
	text-decoration: none;
}

.font03:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #8a0e0e;
	text-decoration: none;
}

.font010:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #8a0e0e;
	text-decoration: none;
}


.font010 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	text-decoration: none;
}
#up {
	margin-top: 20px;
	float: left;
}
#up2 {
	float: left;
}

#up-menu {

	float: left;
}

#search {
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 10px;
}

#search-up{
	background-image: url(../images/search.png);
	height: 43px;
	width: 186px;
	margin-bottom: 10px;
}
#search-button {
	background-image: url(../images/button/search.png);
	height: 24px;
	width: 54px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}
#search-button:hover {
	background-image: url(../images/button/search1.png);
	height: 24px;
	width: 54px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}
#search-s {
	float: left;
}
#do {
	height: auto;
	width: 100%;
}
#l {
	background-image: url(../images/bg/l.png);
	height: 550px;
	width: 250px;
	float: left;
	margin-left: 20px;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 10px;
}
#r {
	float: left;
	background-image: url(../images/bg/bg1.png);
	width: 732px;
	margin-left:5px;
}
#new-co {
	float: left;
	margin-left: 5px;
	width: 80%;
}

#new {
	background-color: #FFF;
	background-image: url(../images/bg/bg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 734px;
	height: auto;
}

#new-picture {
	float: left;
	height: 180px;
	width: 220px;
}


#new-title {
	background-image: url(../images/title/news.png);
	height: 42px;
	width: 696px;
}



#l1 {
	background-image: url(../images/title/l1.png);
	height: 17px;
	width: 145px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}
#l2 {
	background-image: url(../images/title/l2.png);
	height: 17px;
	width: 72px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}
#l3 {
	background-image: url(../images/title/l3.png);
	height: 17px;
	width: 145px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}
#l-co {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

.font02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration: none;
}
#lm {
	background-image: url(../images/l/lm.png);
	height: 14px;
	width: 234px;
	margin-top: 10px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#l-icon {
	background-image: url(../images/icon/icon2.png);
	height: 40px;
	width: 58px;
	float: left;
	
}
#all {
	margin-right: auto;
	margin-left: auto;
	width: 1010px;
}
#all-m {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.font3 {
	font-weight: bold;
	color: #600;
}
#new-r {
	float: left;
	width: 35%;
	margin-top: 17px;
}
#notice {
	background-image: url(../images/title/notice.png);
	height: 57px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#notice-l {
	float: left;

	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 57%;
}
#notice-r {
	float: left;
	width: 230px;
	margin-top: 17px;
	background-image: url(../images/bg/member.png);
	height: 193px;
	margin-left: 10px;
	padding-top: 60px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#login {
	background-image: url(../images/button/login.png);
	height: 24px;
	width: 54px;
	float: left;
	margin-right: 5px;
}
#join {
	background-image: url(../images/button/join.png);
	height: 24px;
	width: 54px;
	float: left;
	margin-right: 10px;
}
#copyright {
	background-color: #72674e;
	background-image: url(../images/bg/copyright.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 193px;
	margin-top: 20px;
	padding-top: 80px;
}
#copyright1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
#copyright2 {
	float: left;
	width: 30%;
	font-size: 12px;
	margin-right: 5px;
}
#copyright3 {
	float: right;
	width: 69%;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




#login:hover {
	background-image: url(../images/button/login1.png);
	height: 24px;
	width: 54px;
	float: left;
	margin-right: 5px;
}
#join:hover {
	background-image: url(../images/button/join1.png);
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 54px;
}
#notice-icon {
	float: left;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 11px;
	background-image: url(../images/icon/icon.png);
	height: 11px;
}
#new-l {
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 57%;
}
#day-co {
	float: left;
	width: 70%;
	margin-left: 5px;
}
#day {
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #b1b2b4;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#co {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
}
#up-d {
	background-image: url(../images/bg/up.png);
	height: 143px;
	width: 1010px;
	margin-bottom: 20px;
}
#up-d-m {
	background-image: url(../images/bg/up-m.png);
	height: 178px;
	width: 480px;
	margin-bottom: 20px;
}
.font-table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
}
#login-memeber2 {
	background-image: url(../images/bg/login.png);
	height: 282px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 100px;
	padding-left:140px;
	text-align: center;
	padding-right: 140px;
}


#dbutton {
	text-align: center;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
#title-member-join {
	background-image: url(../images/title/1.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-member-1 {
	background-image: url(../images/title/011.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-member-2 {
	background-image: url(../images/title/012.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-member-4 {
	background-image: url(../images/title/014.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-member-3 {
	background-image: url(../images/title/013.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}

#title-member-6 {
	background-image: url(../images/title/016.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-member-5 {
	background-image: url(../images/title/015.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}

#title-member-7 {
	background-image: url(../images/title/017.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-2 {
	background-image: url(../images/title/02.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-2-1 {
	background-image: url(../images/title/021.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-2-2 {
	background-image: url(../images/title/022.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-2-2 {
	background-image: url(../images/title/022.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-2-3 {
	background-image: url(../images/title/023.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-2-4 {
	background-image: url(../images/title/024.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-3 {
	background-image: url(../images/title/03.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-3-1 {
	background-image: url(../images/title/031.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-m-3 {
	background-image: url(../images/title/m/031.png);
	height: 53px;
	width: 480px;
	text-align: right;
	padding-top: 15px;
	font-size: 13px;
}

#title-3-2 {
	background-image: url(../images/title/032.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-3-3 {
	background-image: url(../images/title/033.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-3-4 {
	background-image: url(../images/title/0917-2.png);
	height: 53px;
	width: 933px;	text-align: right;

	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-3-5 {
	background-image: url(../images/title/0917-3.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-3-6 {
	background-image: url(../images/title/0917-4.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-4 {
	background-image: url(../images/title/04.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-10 {
	background-image: url(../images/title/10.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
.picture {
	margin: 5px;
}

#title-4-1 {
	background-image: url(../images/title/041.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-4-2 {
	background-image: url(../images/title/042.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-5 {
	background-image: url(../images/title/05.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
#title-8 {
	background-image: url(../images/title/08.png);
	height: 53px;
	width: 933px;
	text-align: right;
	padding-top: 15px;
    padding-right: 20px;
	font-size: 13px;
}
.font-q {
	color: #090;
	font-size: 15px;
}
.font-b {
	color: #069;
		font-size: 15px;
}
.font-r {
	color: #C00;
		font-size: 15px;
}
#star {
	background-image: url(../images/icon/ok.gif);
	margin: 2px;
	height: 15px;
	width: 15px;
	float: left;
}
#bg-015 {
	background-color: #FFF;
	border: 1px dashed #E7E6E2;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 100px;
}
.required  {
	color: #FF0000;
}