@charset "utf-8";

body { background: #FFFFFF; margin: 0px; padding: 0px; font-family: "Arial", Tahoma, sans-serif; }
img{ border: none; vertical-align: middle; } hr { border-top: 2px solid #F90; } form { padding: 0px; margin: 0px; }
a:link, a:visited { color: #06C; text-decoration: none; } a:hover, a:active { color: #6CC; text-decoration: none; }

#basic_hide{ display:none; }
#show_login{ display:none; }
#basic_hide_2{ display:none; }
#show_login_2{ display:none; }

.clear { clear: both; } .note { font-size: 12px; color: #F00; }
.border { background-color: #F90; height: 1px; margin-top: 10px; margin-bottom: 10px; text-align: center; }
.bt_submit { background-color: #09F; color: #fff; font-weight: bold; width: 85px; height: 30px; text-align: center; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); cursor: pointer; border: none; margin: 0px; } 
.bt_submit:hover, .bt_submit:active { background-color: #0CF; }

.bt_logout { background-color: #C30; color: #fff; font-weight: bold; width: 85px; height: 30px; text-align: center; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); cursor: pointer; border: none; margin: 0px; } 
.bt_logout:hover, .bt_logout:active { background-color: #F00; }


.PageFoot{ width: 100%; height: 30px; text-align: right; line-height: 27px; margin-top: 0px; }
.PageFoot1{ height: 30px; text-align: right; line-height: 27px; background-color: #006; border: 1px solid #00C; padding: 3px 0px 3px 0px; color: #FFF; }
.pagination { padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; }
.pagination a:link, .pagination a:visited { color: #FFF !important; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 7px; border: 1px solid #039; text-align: center; text-decoration: none; outline-style: none; background-color: #09023c; }
.pagination a:hover, .pagination a:active { color: #FFF !important; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 7px; border: 1px solid #39F; text-align: center; text-decoration: none; outline-style: none; background-color: #036; }

.blockMenu a:link, .blockMenu a:visited{
	width: 100%; height: 100px; display: block; font-size: 13px; background-color: #ffe2c6; border: 1px solid #999; color: #06C; text-align: center;
	cursor: pointer; margin: 0px; padding: 0px; overflow: hidden;
}
.blockMenu a:hover , .blockMenu a:active  { width: 100%; height: 100px; display: block; color: #03C; background-color: #ffb063; display: block; }
.blockMenu .active, .blockMenu .active a:hover, .blockMenu .active a:link, .blockMenu .active a:visited { 
	background: #ffb063 !important; color: #fff; border-bottom: none;
}

.sub_group { background-color: #ffb063; width: 100%; }
.sub_group a:hover, .sub_group a:active { color: #03C;}

#main_content { margin: 0px; padding: 0px 0px 10px 0px; width: 1050px; min-height: 300px; text-align: left; }
#main_content .block_4{ padding: 5px 5px 5px 5px; margin-top: 10px; margin-left: 40px; width: 24%; float: left; font-size: 12px; }
#main_content .block_4 img{ border: 1px solid #999; }
#main_content .block_8{ padding: 5px; border: 1px solid #CCF; width: 11%; float: left; font-size: 12px; overflow: hidden; min-height: 110px; overflow: hidden; }
#main_content .topic_type{ padding: 5px; margin-top: 10px; text-align: left; font-weight: bold; text-decoration: underline; }

#main_content .product { margin: 0px 0px 0px 0px; padding: 0px; }
#main_content .product  .detail_content p{ padding: 5px 0px 5px 0px; margin: 0px; }
#main_content .product .pic_block { width: 45%; float: left; text-align: center; }
#main_content .product .detail_block { width: 54%; float: left; }
#main_content .product .page_left a{ float: left; display: block; height: 32px; width: 32px; margin-right: 20px; margin-top: 20px; 
background: transparent url(img/prev-horizontal.png) no-repeat 0 0; }
#main_content .product .page_left_disable a{ float: left; display: block; height: 32px; width: 32px; margin-right: 20px; margin-top: 20px; 
background: transparent url(img/prev-horizontal.png) no-repeat 0 0; background-position: -96px 0; cursor: default; }

#main_content .product .page_right a{ float: right; display: block; background: transparent url(img/next-horizontal.png) no-repeat 0 0; 
width: 32px; cursor: pointer; height: 32px; margin-top: 20px; }
#main_content .product .page_right_disable a{ float: right; display: block; background: transparent url(img/next-horizontal.png) no-repeat 0 0; 
width: 32px; cursor: default; height: 32px; margin-top: 20px; background-position: -96px 0; }

#main_content .nav_admin{ padding: 8px 0px 8px 8px; background-color: #900; color: #FFF; text-align: center; }
#main_content .nav_admin a:link, #main_content .nav_admin a:visited { color: #FF0; text-decoration: none; } 
#main_content .nav_admin a:hover, #main_content .nav_admin a:active { color: #6CC; text-decoration: none; }

#main_content .nav_product{ padding: 8px 0px 8px 8px; background-color: #06F; font-size: 13px; color: #FFF; text-align: center; }
#main_content .nav_product a:link, #main_content .nav_product a:visited { color: #FF0; text-decoration: none; } 
#main_content .nav_product a:hover, #main_content .nav_product a:active { color: #6CC; text-decoration: none; }


#main_content .webboard { padding: 10px 0px 10px 0px; }
#main_content .webboard a:link, #main_content .webboard a:visited { color: #FFF; text-decoration: none; } 
#main_content .webboard a:hover, #main_content .webboard a:active { color: #0F6; text-decoration: none; }
#main_content .webboard .list_topic { color: #0CF; padding: 0px; margin: 0px; }
#main_content .webboard .detailY{ background-color: #006EA5; padding: 5px; }
#main_content .webboard .detailX{ background-color: #0058A5; padding: 5px; }
#main_content .webboard .label_text { width: 190px; float: left; text-align: right; margin: 0px 20px 0px 0px; }
#main_content .webboard .field_text { float: left; width: 700px; }
#main_content .webboard .Topic { text-align: left; border: 2px solid #03F; background-color: #0058A5; color: #FFF; }
#main_content .webboard .TopicAnr1{  text-align: left; margin-top: 10px; border: 2px solid #03F; background-color: #006EA5; color: #FFF; }
#main_content .webboard .TopicAnr2{  text-align: left; margin-top: 10px; border: 2px solid #03F; background-color: #0058A5; color: #FFF; }
#main_content .webboard .headTopic { padding: 5px; border-bottom: 1px solid #CCF; text-align: left; background-color: #006; }
#main_content .webboard .detailTopic{ padding: 20px 20px 30px 20px; text-align: left; font-size: 16px; }
#main_content .webboard .detailAnr{ padding: 20px 20px 30px 20px; text-align: left; font-size: 16px; }
#main_content .webboard .memTopic{ text-align: left; margin-left: 500px; color: #FF0; }

.mainLogin { width: 560px; text-align: center; border: 1px solid #CCF; background-color: #FFF; font-size: 14px; }
.mainLogin .headLogin{ text-align: left; padding: 8px; background-color: #f3f3f3; border-bottom: 1px solid #CCF; 
font-weight: bold; color: #03C; margin-bottom: 10px; font-size: 18px; }
.mainLogin .login { text-align: left; padding: 3px; }
.mainLogin .login .label_form { width: 90px; float: left; text-align: right; margin-right: 20px; line-height: 26px; }
.mainLogin .login .text_field { float: left; }
.mainLogin .login .textfield { height: 24px; line-height: 18px; letter-spacing: 2px; text-indent: 3px; width: 150px; }

#setup { padding: 10px 20px 20px 20px; margin: 0px 0px 0px 10px; }
#setup .box_setup{ float: left; width: 29%; padding: 10px 20px 10px 20px; margin: 5px; border: 1px solid #03C; }
#setup .header{ font-size: 22px; font-weight: bold; color: #03C; text-align: center; margin-bottom: 0px; }
#setup .detailer{ color: #0CF; text-align: left; padding: 8px 0px 8px 20px; }

#foot_content { margin: 0px; padding: 10px; }