﻿@charset "UTF-8";
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +wrapper-content
       =content-main
           =search
           =question
           =result
       =content-sidebar
           =search
		   =class
-----------------------------------------------------------------------------*/
/* +wrapper-content
*----------------------------------------------------------------------------*/
/* +content-main
*----------------------------------------------------------------------------*/
#content-main h1 {
	height: 25px;
	margin: 0 0 10px 15px;
    background: url(../i/i05.gif) no-repeat 0 1px;
    background: url(../i/i05.gif) no-repeat\9;
    padding: 0 0 0 25px;
	padding: 2px 0 0 25px\9;
	color: #1a9e93;
	font: 15px/23px Arial;
}
#content-main h1 span{
	color:#00aaff;
}
/**
*
* =search 
*
**/
#content-main .search {
	width: 700px;
	height: 30px;
    margin: 10px auto 0 auto;
    border-bottom: 1px solid #ccc;
}
#content-main .search .box1{
	float: left;
	margin: 0 5px 0 0;
}
#content-main .search .box{
	float: left;
}
#content-main .search .box input.buttom {    
    height: 23px;
    padding: 2px 5px 0 5ps;
    border: 1px solid #ccc;
	background: url(../i/bt_search.gif) repeat-x center;
	color: #404040;
	cursor: pointer;
}
/**
*
* =question 
*
**/
#content-main .question {
	width: 700px;
	margin:0 auto;
	font: 15px/30px Arial;
}
#content-main .question ol,
#content-main .question ul {
	display: block;
}
#content-main .question ul li{
	border-bottom: 1px dotted #e9e9e9;
    background: url(../i/i_question_s.gif) no-repeat 0 4px;
	padding: 3px 0 0 35px;
	margin: 0 0 5px 0;
}
#content-main .question ul li:hover {
    background: #eee url(../i/i_question_s.gif) no-repeat 0 -83px;
}
#content-main .question ul li.header:hover {
    background: url(../i/i_question_s.gif) no-repeat 0 4px;
}

#content-main .question h2 {
    background: url(../i/i_answer_s.gif) no-repeat 0 4px;
	padding: 3px 0 0 35px;
	font: 15px/30px Arial;
}
#content-main .question ol li {
	padding: 3px 0 0 0;
	margin: 0 0 0 60px;
	list-style-type: decimal;
}
#content-main .question .msg {
	margin: 10px 0 0 40px;
	color: #ff6699;
}
#content-main .question .msg a {
	color: #3366cc;
}
#content-main .question fieldset {
}
#content-main .question fieldset legend {
    display: none;
}
#content-main .question fieldset div {
    display: block;
    clear: both;
    overflow: hidden;
    zoom: 1;
    background: #f6f6f6;
    margin: 0 0 5px 0;
    padding: 2px 0;
    color: #3366cc;
}
#content-main .question fieldset div:hover {
    background: #eee;
}

#content-main .question fieldset div.last,
#content-main .question fieldset div.last:hover {
    background: #fff;
}

#content-main .question fieldset div label {
    float: left;
    width: 100px;
    text-align: right;
}
#content-main .question fieldset div span {
    float: right;
    width: 590px;
    display: block;
    padding: 3px 0 0 0;
}

#content-main .question div.btn {
    width: 690px;
    text-align: center;
    margin: 10px 0 0 0;
}

#content-main .question fieldset div span em {
    font: 13px/25px Arial;
    color: #ff6699;
}

#content-main .question .btn input.buttom,
#content-main .question fieldset div span input.buttom {    
    height: 23px;
    padding: 2px 5px 0 5ps;
    border: 1px solid #ccc;
	background: url(../i/bt_search.gif) repeat-x center;
	color: #404040;
	cursor: pointer;
}

#content-main .question fieldset div span input.l {    
    width: 210px;
}
#content-main .question fieldset div span input.xl {    
    width: 520px;
}
#content-main .question fieldset div span textarea.xl {    
    width: 520px;
}

#content-main .question fieldset div span select#class {    
    width: 215px;
}

#content-main .question fieldset .forgotpass {
    text-align: right;
}
#content-main .question fieldset .forgotpass em {
    font: 13px/25px Arial;
    color: #ff6699;
}
#content-main .question li a {
    color:#36C;
    text-decoration: none;
}

#content-main .question li a:hover{
	color:#36C;
	text-decoration: underline;
}

/**
*
* =class 
*
**/
#content-main .question .captcha {
    width: 700px;
    margin: 0 auto;
    padding: 7px 0 10px 0;
    background: #ededee; 
    font: 13px/30px Arial;
}

#content-main .question .captcha p {
    position: relative;
    width: 240px;
    margin: 0 auto;
    padding: 0;
}

#content-main .question .captcha p span {
    float: none;
    display: inline;
    width: auto;
    margin-left: 5px;
    color: #e64e92;
}

#content-main .question .captcha p a {
    position: absolute;
    top: 7px;
    right: 15px;
    width: 70px;
    height: 16px;
    background: url(../i/btn-again.gif) no-repeat 0 0;
    text-indent: -10000px;
}
#content-main .question .captcha ul {
    margin: 0 auto;
    width: 240px;
    text-align: center;
}

#content-main .question .captcha ul li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    background: none;
}

#content-main .question .captcha ul li img {
    border: 1px solid #ededee;    
}

#content-main .question .captcha ul li.active img {
    border: 1px solid #e64e92;
}

#content-main .question .captcha ul li:hover img {
    border: 1px solid #e64e92;
}

#content-main .question .captcha .btn-submit,
#content-main .question .captcha .btn-cancel{
    margin-top: 10px;
    padding: 0 8px;
    border: 1px solid #c6c6c6;
    background: url(../../i/bg-btn.gif) repeat 0 0;
}

/**
*
* =result
*
**/
#content-main .result {
	width: 700px;
	margin:0 auto;
	font: 15px/30px Arial;
}
#content-main .result a {
    color: #3366cc;
}
#content-main .result h1 {
    margin: 10px 0 0 0;
}
#content-main .result h3 {
	
}
#content-main .result div {
	display: block;
    clear: both;
    overflow: hidden;
    zoom: 1;
    margin: 0 20px 0 20px;
    padding: 10px 5px;
    border-bottom: 1px dotted #e9e9e9;
}
#content-main .result div:hover {
    background: #eee;
}
#content-main .result div p.desc {
	font: 13px/25px Arial;
}
/* +wrapper-content
*----------------------------------------------------------------------------*/
/* +content-sidebar
*----------------------------------------------------------------------------*/
/**
*
* =search 
*
**/
#content-sidebar .search {
	width: 220px;
	height: 40px;
    margin: 0 auto;
}
#content-sidebar .search .box1{
	float: left;
	margin: 0 5px 0 0;
}
#content-sidebar .search .box{
	float: left;
}
#content-sidebar .search .box input.buttom {    
    height: 23px;
    padding: 2px 5px 0 5ps;
    border: 1px solid #ccc;
	background: url(../i/bt_search.gif) repeat-x center;
	color: #404040;
	cursor: pointer;
}
/**
*
* =class 
*
**/
#content-sidebar .class {
	width: 220px;
    margin: 0 auto;
}

#content-sidebar .class h2 { 
	width: 200px;
    margin: 0 auto;
    font: 13px/25px Arial;
    _font: 13px/28px Arial;
    padding: 1px 0 0 10px;
    background: url(../i/content_l_t.gif) no-repeat;
}

#content-sidebar .class ul {
    margin: 5px 0 0 0;    
}
#content-sidebar .class li {
    font: 15px/25px Arial;
    padding: 2px 0 0 10px;
    margin: 0 10px;
    background: url(../i/i02.gif) no-repeat 0 9px;
    background: url(../i/i02.gif) no-repeat 0 8px\9;
	border-bottom: 1px dotted #e9e9e9;
	color: #00aaff;
}
#content-sidebar .class ul li a{
    color:#36C;
    text-decoration: none;
}
#content-sidebar .class ul li a:hover{
	color:#36C;
	text-decoration: underline;
}
