body {
margin: 0 auto;
background-image: url(images/back_g1.jpg);
background-color: #ffc801;
background-position: top center;
background-repeat: no-repeat;
font-family: 'Open Sans', sans-serif;
}

a {
text-decoration: none;
color: #000;	
}

a:hover {
text-decoration: none;
color: #ff6600;
}

@font-face {
font-family: Sports;
src: url(fonts/sports.ttf);
}

@font-face {
font-family: Splash;
src: url(fonts/SPLASH.TTF);
}

.header {
width: 100%;
height: 113px;
}

.hr_left {
width: 50%;
float: left;
}

.hr_right {
width: 50%;
float: left;
}

.clear {
clear: both;
}

.sepa {
width: 100%;
height: 20px;
}

.user-menu {
float: right;
padding: 5px;
background: #ff6600;
}

.user-menu a {
color: #FFF;
padding: 5px;
}

.active {
float: left;
background-image: url(images/menu-bg.png);
background-repeat: no-repeat;
background-position: top center;
}

.passive {
float: left;	
}

.menu {
margin: 0 auto;
width: 972px;
height: 44px;
background: #ff6600;
}

.menu a {
padding: 8px;
color: #FFF;
text-decoration: none;
line-height: 41px;
font-size: 18px;
}

.menu a:hover {
padding: 8px;
color: #FFF;
text-decoration: none;
line-height: 41px;
font-size: 18px;
background-image: url(images/menu-bg.png);
background-repeat: no-repeat;
background-position: top center;
}

.slidebox {
margin: 0 auto;
width: 972px;
background: #FFF;
padding-bottom: 10px;
}

.content {
margin: 0 auto;
width: 972px;
background-image: url("images/ct_bg.png");
}

.content_text {
padding: 10px;
min-height: 650px;
}

.footer {
width: 100%;
background: #ff6600;
color: #FFF;
}

.footer_cont {
margin: 0 auto;
width: 970px;
}

.f_text1 {
float: left;
width: 47%;
padding: 10px;
text-align: left;
}

.f_text2 {
float: left;
width: 47%;
padding: 10px;
text-align: right;
}

.slider {
margin: 0 auto;
}

ul {
margin: 0 auto;	
}

.def_button {
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #ff6600;
color: #FFF;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
}

.def_button:hover {
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #e35b00;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
cursor: pointer;
}

.def_button2 {
margin: auto;
width: 100px;
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #ff6600;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
text-align: center;
}

.def_button2:hover {
width: 100px;
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #e35b00;
color: #FFF;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
cursor: pointer;
}

.def_button2 a {
color: #FFF;
}

.form_btn a {
padding: 6px 6px 6px 6px;
background: #ff6600;
color: #FFF;
line-height: 90px;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-weight: bold;
font-size: 20px;
}

.form_btn a:hover {
padding: 6px 6px 6px 6px;
background: #e35b00;
color: #FFF;
line-height: 90px;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-weight: bold;
}

.form_div {
padding: 5px;
}

.form_field {
height: 35px;
width: 60%;
padding: 10px;
font-weight: bold;
font-size: 24px;
border: 2px solid #000;
color: #252525;
}

.form_field:focus {
height: 35px;
width: 60%;
padding: 10px;
font-weight: bold;
font-size: 24px;
border: 2px solid #ff6600;
color: #252525;
}

.pagec {
float: left;
}


/* REG */

.reg_field {
height: 35px;
width: 95%;
padding: 10px;
font-weight: bold;
font-size: 24px;
border: 2px solid #000;
color: #252525;
}

.reg_field:focus {
height: 35px;
width: 95%;
padding: 10px;
font-weight: bold;
font-size: 24px;
border: 2px solid #ff6600;
color: #252525;
}

.reg_button { 
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #ff6600;
color: #FFF;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
}

.reg_button:hover { 
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #e35b00;
color: #FFF;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
cursor: pointer;
}

.reg_error {
width: 30px;
}

/* LOGIN */

.login_content {
width: 100%;
margin: auto;
}

.login_box {
width: 50%;
float: left;
}

.reg_box {
width: 50%;
float: left;
}

.reg_div {
padding: 5px;	
}

.login_div {
padding: 5px;
}

.login_field {
height: 35px;
width: 95%;
padding: 10px;
font-weight: bold;
font-size: 24px;
border: 2px solid #000;
color: #252525;
}

.login_field:focus {
height: 35px;
width: 95%;
padding: 10px;
font-weight: bold;
font-size: 24px;
border: 2px solid #ff6600;
color: #252525;
}

.login_button {
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #ff6600;
color: #FFF;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
}

.login_button:hover {
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
background: #e35b00;
color: #FFF;
text-decoration: none;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 0;
cursor: pointer;
}

.login_title {
font-weight: bold;
font-size: 34px;
text-align: center;
}

.reg_box_title {
font-weight: bold;
font-size: 34px;
text-align: center;
}

.login_error_text {
font-size: 15px;
color: red;
font-size: 24px;
font-weight: bold;
}

.user_info {
float: right;
padding: 10px;
text-align: right;
}

.login_head {
color: #FFF;
}

/* ADMIN */


.admin_menu {
width: 100%;
height: 44px;
background: #808080;
text-align: center;
}

.admin_menu a {
padding: 8px;
color: #FFF;
text-decoration: none;
line-height: 44px;
font-size: 20px;
}

.admin_menu a:hover {
padding: 8px;
color: #FFF;
text-decoration: none;
line-height: 44px;
font-size: 20px;
background-image: url(images/menu-bg.png);
background-repeat: no-repeat;
background-position: top center;
}

.am_container {
margin: 10px;
}

.tt_field {
width: 100px;
height: 50px;
}

.admin_field {
height: 25px;
width: 40%;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #000;
color: #252525;
}

.admin_field:focus {
height: 25px;
width: 40%;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #ff6600;
color: #252525;
}

.form_select {
height: 50px;
width: 200px;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #000;
color: #252525;
}

.admin_field_small {
height: 25px;
width: 30%;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #000;
color: #252525;
}

.admin_field_small:focus {
height: 25px;
width: 30%;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #ff6600;
color: #252525;
}

.admin_field_large {
height: 25px;
width: 90%;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #000;
color: #252525;
}

.admin_field_large:focus {
height: 25px;
width: 90%;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #ff6600;
color: #252525;
}

.subbox {
padding: 10px;
background: #ff6600;
}

/* TT */

.tt_time {
font-size: 12px;
font-style: italic;
}

.tt_div_day {
width: 100%;
padding: 5px;
background: #ff6600;
color: #FFF;
font-weight: bold;
font-size: 28px;
border-bottom: 2px solid #FFF;	
}

.tt_div_time {
float: left;
width: 25%;
padding: 5px;
background: #ffae07;
color: #FFF;
font-weight: bold;
}

.tt_div_title {
float: left;
width: 25%;
padding: 5px;
background: #ffae07;
color: #FFF;
font-weight: bold;
}

.tt_div_title_num {
float: left;
width: 20.7%;
padding: 5px;
background: #ffae07;
color: #FFF;
font-weight: bold;
}


.tt_div_time_text {
float: left;
width: 25%;
padding: 2px 5px 2px 5px;
font-weight: bold;
font-size: 22px;
}

.tt_div_title_text {
float: left;
width: 25%;
padding: 2px 5px 2px 5px;
font-weight: bold;
font-size: 22px;
}

.tt_div_text_num {
float: left;
width: 20.7%;
padding: 2px 5px 2px 5px;
font-weight: bold;
font-size: 22px;
}

/* SLIDER */

.slide_div_title {
float: left;
width: 80%;
padding: 5px;
background: #ff6600;
color: #FFF;
font-weight: bold;
}

.slide_div_smalltitle {
float: left;
width: 15%;
padding: 5px;
background: #ae5f88;
color: #FFF;
font-weight: bold;	
}

.slide_div_text {
width: 80%;
padding: 2px 5px 2px 5px;
font-size: 24px;
}

.slide_div_smalltext {
float: left;
width: 15%;
padding: 2px 5px 2px 5px;
}

/* ADDUSER */

.div_tname {
float: left;
width: 80%;
padding: 5px;
background: #ae5f88;
color: #FFF;
font-size: 18px;
font-weight: bold;
}

.div_t_op {
float: left;
width: 15%;
padding: 5px;
background: #ae5f88;
color: #FFF;
font-size: 18px;
font-weight: bold;	
}

.div_name {
float: left;
width: 80%;
padding: 2px 5px 2px 5px;
font-size: 22px;
font-weight: bold;
}

.div_op {
float: left;
width: 15%;
padding: 2px 5px 2px 5px;
font-size: 22px;
font-weight: bold;
}

.tt_test {
border: 1px solid #000;
}

.jscolor {
height: 25px;
width: 25%;
padding: 10px;
font-weight: bold;
font-size: 18px;
border: 2px solid #000;
}

/* GALLERY */
.gfolderalign {
float: left;
padding: 5px;
}

.gfolder {
margin: auto;
text-align: center;
}

.gfoldert {
text-align: center;
font-size: 12px;
}

.back {
float: left;
margin: 5px;
}

.circle {
float: left;
margin: 5px;
border-radius: 50%;
width: 35px;
height: 35px; 
background: transparent;
text-align: center;
line-height: 35px;
border: 4px solid #000;
font-size: 26px;
font-weight: bold;
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
cursor: default;
color: #000;
}

.circle:hover {
cursor: pointer;
color: #ff6600;
}

.circles {
float: left;
margin: 5px;
border-radius: 50%;
width: 35px;
height: 35px; 
background: transparent;
text-align: center;
line-height: 35px;
border: 4px solid #000;
font-size: 26px;
font-weight: bold;
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
cursor: default;
color: #ff6600;
}

.circles:hover {
cursor: pointer;
}

.circlem {
float: left;
margin: 5px;
border-radius: 50%;
width: 35px;
height: 35px; 
background: transparent;
text-align: center;
line-height: 35px;
border: 4px solid #000;
font-size: 26px;
font-weight: bold;
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
cursor: default;
color: #ff6600;
}

.circlem:hover {
cursor: pointer;
}

.circlel {
float: left;
margin: 5px;
border-radius: 50%;
width: 35px;
height: 35px; 
background: transparent;
text-align: center;
line-height: 35px;
border: 4px solid #000;
font-size: 26px;
font-weight: bold;
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
cursor: default;
color: #ff6600;
}

.circlel:hover {
cursor: pointer;
}