/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
        =company-info
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

body {
	margin:0;
	background: url(../images/all/bg-contentmain.jpg) no-repeat 0 70px #f7f7f7;
}

div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li {
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border-width: 0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
}

hr {
	noshade:noshade;
}

th {
	font-weight: normal;
}

ul, li {
	list-style: none;
}

/**
*
* =anchor
*
**/

a:link, a:visited {
	color: #191919;
	font-weight: normal;
	text-decoration: none;
}

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

/**
*
* =clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from IE-mac */

frame {
	background: transparent;
}
td, th {
	border: 0 !important;
}

/* +body
*----------------------------------------------------------------------------*/
.wrapper {
	margin: 2px 0 0;
	padding: 0 20px;
	background: url(../images/all/bg-top.png) repeat-x 0 0;
	overflow: hidden;
	min-height: 500px;
}

.wrapper h2 {
	margin: 75px 0 0;
	padding: 0 0 10px;
	background: url(../images/all/bg-sidenavList.jpg) repeat-x 0 bottom;
	font-size: 28px;
	color: #444;
	font-weight: 900;
}

.wrapper p {
	margin: 25px 0;
	width: 650px;
	line-height: 160%;
	font-size: 14px;
	overflow: hidden;
	color: #666;
}

.wrapper p a {
	margin: 0 0 0 5px;
	padding: 5px 15px;
	background: #444;
	display: block;
	float: right;
	color: #fff;
}

.wrapper p strong {
	color: #C00;
}

.wrapper p img {
	margin: 15px 0 0;
}

.wrapper p.function {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	line-height: 30px;
	font-size: 13px;
	color: #000;
}

.wrapper p.function input {
	padding: 3px;
	border: 1px #ccc solid;
}

.wrapper p.function .btn_search {
	padding: 5px;
	background: #444;
	border: 1px #444 solid;
	display: inline-block;
	font-size: 12px;
	color: #fff;
}

.wrapper p.function .btn_search:hover {
	background: #000;
}

.wrapper p a:hover {
	background: #000;
}


/* +form
*----------------------------------------------------------------------------*/
.wrapper #form {
	margin: 60px 0 0;
}

.wrapper #form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px #5c5c5c solid;
	border-top: 2px #5c5c5c solid;
}

.wrapper #form fieldset p {
	margin: 0;
	padding: 0;
	border-bottom: 1px #bbb solid;
	overflow: hidden;
}

.wrapper #form fieldset p strong {
	font-size: 12px;
	color: #C00;
}

.wrapper #form fieldset p a {
	margin: 0;
	display: inline-block;
	float: none;
}

.wrapper #form fieldset p .btn_upload {
	width: 80px;
	height: 20px;
	background: url(../images/system/icon-upload.png) no-repeat 0 0;
	border: 0;
	display: inline-block;
	text-indent: -999999px;
}

.wrapper #form fieldset p.last {
	border: 0;
}

.wrapper #form fieldset label {
	margin: 0 20px 0 0;
	padding: 5px 10px 5px 15px;
	width: 125px;
	height: 30px;
	background: #e0e0e0;
	border-bottom: 1px #e0e0e0 solid;
	border-right: 1px #bbb solid;
	display: inline-block;
	line-height: 30px;
	color: #636363;
	font-weight: 600;
}

.wrapper #form fieldset label.text {
	padding: 0;
	background: none;
	border: 0;
}

.wrapper #form fieldset input ,
.wrapper #form fieldset textarea {
	margin: 6px 0;
	padding: 3px;
	background: #fff;
	border: 1px #bbb solid;
}

.wrapper #form fieldset.btn {
	margin: 25px 0;
	padding:0 0 0 160px;
	border: 0;
	overflow: hidden;
}

.wrapper #form fieldset.btn .btn_ok ,
.wrapper #form fieldset.btn .btn_error {
	margin: 0 20px 0 0;
	width: 80px;
	height: 25px;
	background: url(../images/system/icon-ok.jpg) no-repeat 0 0;
	display: block;
	float: left;
	text-indent: -999999px;
}

.wrapper #form fieldset.btn .btn_error {
	background: url(../images/system/icon-reset.jpg) no-repeat 0 0;
}


/* +list
*----------------------------------------------------------------------------*/
.wrapper #list {
	margin: 60px 0 0;
}

.wrapper #list p {
	margin: 0;
	padding: 10px;
	width: 630px;
	background: url(../images/all/bg-sidenavList.jpg) repeat-x 0 bottom;
	color: #444;
}

.wrapper #list p strong {
	margin-left: 10px;
	display: inline-block;
	font-size: 16px;
	color: #C00;
}

.wrapper #list #table-y ,
.wrapper #list #table-m ,
.wrapper #list #table-d {
	margin-left: 25px;
}

.wrapper #list #table-y p ,
.wrapper #list #table-m p ,
.wrapper #list #table-d p {
	width: 605px;
}


/* +form2
*----------------------------------------------------------------------------*/
.wrapper table.form {
	margin: 60px 0 0;
	border-top: 2px #5c5c5c solid;
}

.wrapper table.form tr td {
	padding: 6px;
	border-bottom: 1px #bbb solid;
	font-size: 14px;
	line-height: 160%;
}

.wrapper table.form tr td strong {
	font-size: 12px;
	color: #C00;
}

.wrapper table.form tr td input.text ,
.wrapper table.form tr td textarea ,
.wrapper table.form tr td ul li p input {
	padding: 3px;
	width: 300px;
	background: #fff;
	border: 1px #bbb solid;
}

.wrapper table.form tr td textarea {
	width: 450px;
}

.wrapper table.form tr td ul {
	overflow: hidden;
}

.wrapper table.form tr td ul li {
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: 1px #444 dotted;
	overflow: hidden;
}

.wrapper table.form tr td ul li p {
	margin: 0 5px 0 0;
	width: auto;
	float: left;
}

.wrapper table.form tr td ul li p .btn_upload {
	margin: 5px 0 0;
}

.wrapper table.form tr td ul li p .btn_detail {
	margin-top: 5px;
	width: 80px;
	height: 20px;
	background: url(../images/system/icon-detail.png) no-repeat 0 0;
	border: 0;
	display: block;
	text-indent: -999999px;
}

.wrapper table.form tr td ul li p a {
	margin: 5px 0 0;
	padding: 0;
	background: none;
	color: #444;
}

.wrapper table.form tr td ul li p strong {
	margin: 5px 0 0;
	display: inline-block;
}

.wrapper table.form tr td .btn_upload {
	padding: 0;
	width: 80px;
	height: 20px;
	background: url(../images/system/icon-upload.png) no-repeat 0 0;
	border: 0;
	display: inline-block;
	text-indent: -999999px;
}

.wrapper table.form tr td.last {
	border-bottom: 1px #5c5c5c solid;
}

.wrapper table.form tr td.type {
	background: #e0e0e0;
	border-bottom: 1px #5c5c5c solid;
	border-right: 1px #5c5c5c solid;
	color: #636363;
}

.wrapper table.form tr td.sub {
	border: 0;
}

.wrapper table.form tr td.sub .progress {
	margin: 10px 0 0;
	background: #cdcdcd;
}

.wrapper #formS {
	margin: 0;
	overflow: hidden;
}

.wrapper #formS fieldset.btn {
	margin: 25px 0;
	padding: 0 0 0 160px;
	border: 0;
	overflow: hidden;
}

.wrapper #formS fieldset.btn .btn_send ,
.wrapper #formS fieldset.btn .btn_cancle ,
.wrapper #form fieldset.btn .btn_send ,
.wrapper #form fieldset.btn .btn_cancle ,
.wrapper #memberRun fieldset.btn .btn_send ,
.wrapper #memberRun fieldset.btn .btn_cancle {
	margin: 0 20px 0 0;
	width: 80px;
	height: 25px;
	background: url(../images/system/icon-send.jpg) no-repeat 0 0;
	border: 0;
	text-indent: -999999px;
}

.wrapper #formS fieldset.btn .btn_cancle ,
.wrapper #form fieldset.btn .btn_cancle ,
.wrapper #memberRun fieldset.btn .btn_cancle {
	background: url(../images/system/icon-reset2.jpg) no-repeat 0 0;
}

/* +form3
*----------------------------------------------------------------------------*/
.wrapper #formList ,
.wrapper .proformList ,
.wrapper #memberRun ,
.wrapper #articleList ,
.wrapper #newsList ,
.wrapper #newsArticle ,
.wrapper #albumList ,
.wrapper #photoList ,
.wrapper #contentList {
	margin: 30px 0 0;
	width: 650px;
}

.wrapper #formList .type ,
.wrapper .proformList .type ,
.wrapper #memberRun .type ,
.wrapper #articleList .type ,
.wrapper #newsList .type ,
.wrapper #newsArticle .type ,
.wrapper #albumList .type ,
.wrapper #photoList .type ,
.wrapper #contentList .type {
	padding: 7px;
	background: url(../images/system/bg-list.jpg) repeat-x 0 bottom #fff;
	border: 1px #ccc solid;
	border-right: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
	overflow: hidden;
}

.wrapper #formList .type .no ,
.wrapper #formList .type .enable ,
.wrapper #formList .type .name ,
.wrapper #formList .type .categories ,
.wrapper #formList .type .sort ,
.wrapper #formList .type .operating ,
.wrapper #formList .type .checkbox ,
.wrapper #formList .type .mail ,
.wrapper #formList .type .ID ,
.wrapper #formList .type .feature ,
.wrapper #formList .type .title ,
.wrapper #formList .type .menu ,
.wrapper #formList .type .link ,
.wrapper #formList .type .mode ,
.wrapper #formList .list .no ,
.wrapper #formList .list .enable ,
.wrapper #formList .list .name ,
.wrapper #formList .list .categories ,
.wrapper #formList .list .sort ,
.wrapper #formList .list .operating ,
.wrapper #formList .list .checkbox ,
.wrapper #formList .list .mail ,
.wrapper #formList .list .title ,
.wrapper #formList .list .menu ,
.wrapper #formList .list .link ,
.wrapper #formList .list .mode ,
.wrapper #formList .list .enable ,
.wrapper #formList .listS .ID ,
.wrapper #formList .listS .feature ,
.wrapper #formList .listS .operating ,
.wrapper #memberRun .type .ID ,
.wrapper #memberRun .type .competence ,
.wrapper #memberRun .deta .ID ,
.wrapper #memberRun .deta .detail ,
.wrapper #articleList .type .no ,
.wrapper #articleList .type .title ,
.wrapper #articleList .type .sort ,
.wrapper #articleList .type .operating ,
.wrapper #articleList .list .no ,
.wrapper #articleList .list .title ,
.wrapper #articleList .list .sort ,
.wrapper #articleList .list .operating ,
.wrapper #newsList .type .no ,
.wrapper #newsList .type .enable ,
.wrapper #newsList .type .name ,
.wrapper #newsList .type .categories ,
.wrapper #newsList .type .sort ,
.wrapper #newsList .type .operating ,
.wrapper #newsList .list .no ,
.wrapper #newsList .list .enable ,
.wrapper #newsList .list .name ,
.wrapper #newsList .list .categories ,
.wrapper #newsList .list .sort ,
.wrapper #newsList .list .operating ,
.wrapper #newsArticle .type .no ,
.wrapper #newsArticle .type .title ,
.wrapper #newsArticle .type .categories ,
.wrapper #newsArticle .type .sort ,
.wrapper #newsArticle .type .operating ,
.wrapper #newsArticle .list .no ,
.wrapper #newsArticle .list .title ,
.wrapper #newsArticle .list .categories ,
.wrapper #newsArticle .list .sort ,
.wrapper #newsArticle .list .operating ,
.wrapper #albumList .type .enable ,
.wrapper #albumList .type .photo ,
.wrapper #albumList .type .name ,
.wrapper #albumList .type .sort ,
.wrapper #albumList .type .operating ,
.wrapper #albumList .list .enable ,
.wrapper #albumList .list .photo ,
.wrapper #albumList .list .name ,
.wrapper #albumList .list .sort ,
.wrapper #albumList .list .operating ,
.wrapper #photoList .type .enable ,
.wrapper #photoList .type .photo ,
.wrapper #photoList .type .sort ,
.wrapper #photoList .type .operating ,
.wrapper #photoList .list .enable ,
.wrapper #photoList .list .photo ,
.wrapper #photoList .list .sort ,
.wrapper #photoList .list .operating ,
.wrapper #contentList .type .enable ,
.wrapper #contentList .type .action ,
.wrapper #contentList .type .reback ,
.wrapper #contentList .type .name ,
.wrapper #contentList .type .mail ,
.wrapper #contentList .type .time ,
.wrapper #contentList .type .ip , 
.wrapper #contentList .type .operating ,
.wrapper #contentList .list .enable ,
.wrapper #contentList .list .action ,
.wrapper #contentList .list .reback ,
.wrapper #contentList .list .name ,
.wrapper #contentList .list .mail ,
.wrapper #contentList .list .time ,
.wrapper #contentList .list .ip ,
.wrapper #contentList .list .operating {
	margin: 0;
	width: 90px;
	background: url(../images/system/bg-listLine.jpg) no-repeat right center;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #555;
	font-weight: 900;
}

.wrapper #formList .type .no ,
.wrapper #formList .type .enable ,
.wrapper #formList .list .no ,
.wrapper #formList .list .enable ,
.wrapper #articleList .type .no ,
.wrapper #articleList .list .no ,
.wrapper #newsList .type .no ,
.wrapper #newsList .list .no ,
.wrapper #newsList .type .enable ,
.wrapper #newsList .list .enable ,
.wrapper #newsArticle .type .no ,
.wrapper #newsArticle .list .no ,
.wrapper #albumList .type .enable ,
.wrapper #albumList .list .enable ,
.wrapper #photoList .type .enable ,
.wrapper #photoList .list .enable ,
.wrapper #contentList .type .enable ,
.wrapper #contentList .type .action ,
.wrapper #contentList .type .reback ,
.wrapper #contentList .list .enable ,
.wrapper #contentList .list .action ,
.wrapper #contentList .list .reback {
	width: 50px;
}

.wrapper #formList .type .name ,
.wrapper #formList .list .name ,
.wrapper #newsList .type .name ,
.wrapper #newsList .list .name {
	width: 200px;
}

.wrapper #formList .type .title ,
.wrapper #formList .list .title {
	width: 150px;
}

.wrapper #formList .type .sort ,
.wrapper #formList .list .sort ,
.wrapper #articleList .type .sort ,
.wrapper #articleList .list .sort ,
.wrapper #newsList .type .sort ,
.wrapper #newsList .list .sort ,
.wrapper #newsArticle .type .sort ,
.wrapper #newsArticle .list .sort ,
.wrapper #albumList .type .sort ,
.wrapper #albumList .list .sort ,
.wrapper #photoList .type .sort ,
.wrapper #photoList .list .sort {
	width: 80px;
}

.wrapper #formList .type .operating ,
.wrapper #formList .list .operating ,
.wrapper #newsList .type .operating ,
.wrapper #newsList .list .operating ,
.wrapper #newsArticle .type .operating ,
.wrapper #newsArticle .list .operating {
	width: 162px;
	background: none;
	text-align: center;
}

.wrapper #formList .list .operating a ,
.wrapper #newsList .list .operating a {
	display: inline-block;
	float: none;
}

.wrapper #formList .type .checkbox ,
.wrapper #formList .list .checkbox {
	width: 25px;
}
.wrapper #formList .list .checkbox {
	height: 37px;
	line-height: 37px;
}

.wrapper #formList .type .mail ,
.wrapper #formList .list .mail {
	width: 140px;
}

.wrapper #formList .list .mail {
	background: none;
	height: 37px;
	line-height: 37px;
}

.wrapper #formList .type .ID ,
.wrapper #formList .listS .ID {
	width: 150px;
}

.wrapper #formList .list .no ,
.wrapper #formList .list .title ,
.wrapper #formList .list .menu ,
.wrapper #formList .list .link ,
.wrapper #formList .list .mode ,
.wrapper #formList .list .operating {
	background: none;
	font-size: 14px;
	line-height: 37px;
	font-weight: normal;
}

.wrapper #formList .listS .ID {
	background: none;
}

.wrapper #formList .type .feature ,
.wrapper #formList .listS .feature {
	width: 400px;
}

.wrapper #formList .listS .feature {
	padding: 0 10px;
	width: 380px;
	background: none;
	line-height: 160%;
	text-align: left;
}

.wrapper #formList .list ,
.wrapper #articleList .list ,
.wrapper #newsList .list ,
.wrapper #newsArticle .list {
	margin: 0 0 7px;
	padding: 7px;
	height: 37px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}

.wrapper #formList .listS {
	margin: 0 0 7px;
	padding: 7px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}

.wrapper #formList .listS .ID ,
.wrapper #formList .listS .feature ,
.wrapper #formList .listS .operating {
	font-size: 14px;
	font-weight: normal;
}

.wrapper #formList .listS .operating a ,
.wrapper #formList .list .title a {
	float: none;
}

.wrapper #formList .list .title a {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	color: #555;
}

.wrapper #formList .list .no ,
.wrapper #formList .list .enable ,
.wrapper #formList .list .name ,
.wrapper #formList .list .categories ,
.wrapper #formList .list .sort ,
.wrapper #formList .list .operating {
	background: none;
	height: 37px;
	font-size: 14px;
	line-height: 37px;
}

.wrapper #formList .list .operating {
	line-height: 30px;
}

.wrapper #formList .list .operating a {
	margin: 0 5px 0 0;
	padding: 5px;
	background: #a1a1a1;
	border: 1px #959494 solid;
	display: inline-block;
	color: #fff;
}

/**
*
* =news
*
**/
.wrapper #newsList .list .no ,
.wrapper #newsList .list .enable ,
.wrapper #newsList .list .name ,
.wrapper #newsList .list .categories ,
.wrapper #newsList .list .sort {
	height: 37px;
	background: none;
	line-height: 37px;
}

.wrapper #newsArticle .type .title ,
.wrapper #newsArticle .list .title {
	width: 250px;
}

.wrapper #newsArticle .list .no ,
.wrapper #newsArticle .list .title ,
.wrapper #newsArticle .list .categories ,
.wrapper #newsArticle .list .sort {
	height: 37px;
	background: none;
	line-height: 37px;
	font-weight: normal;
}

.wrapper #newsArticle .list .title a {
	margin: 0;
	padding: 0;
	background: none;
	display: inline-block;
	float: none;
	color: #555;
}

.wrapper #newsArticle .list .operating {
	text-align: center;
}

.wrapper #newsArticle .list .operating a {
	display: inline-block;
	float: none;
}

/**
*
* =album
*
**/
.wrapper #albumList .type .photo ,
.wrapper #albumList .list .photo {
	width: 100px;
}
.wrapper #albumList .type .name ,
.wrapper #albumList .list .name {
	width: 175px;
}

.wrapper #albumList .type .operating ,
.wrapper #albumList .list .operating ,
.wrapper #photoList .type .operating {
	width: 225px;
	background: none;
	text-align: center;
}

.wrapper #albumList .list ,
.wrapper #photoList .list ,
.wrapper #contentList .list {
	margin: 0 0 7px;
	padding: 7px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}

.wrapper #albumList .list .enable ,
.wrapper #albumList .list .photo ,
.wrapper #albumList .list .name ,
.wrapper #albumList .list .sort ,
.wrapper #albumList .list .operating ,
.wrapper #photoList .list .enable ,
.wrapper #photoList .list .photo ,
.wrapper #photoList .list .sort ,
.wrapper #photoList .list .operating {
	height: 90px;
	background: none;
	line-height: 90px;
	font-size: 14px;
	font-weight: normal;
}

.wrapper #albumList .list .photo {
	display: table-cell;
	vertical-align: middle;
}

.wrapper #photoList .type .photo ,
.wrapper #photoList .list .photo {
	width: 200px;
}

.wrapper #albumList .list .operating a ,
.wrapper #photoList .list .operating a ,
.wrapper #contentList .list .operating a {
	margin: 0;
	height: 15px;
	display: inline-block;
	float: none;
	line-height: 15px;
}

.wrapper #photoList .type .operating ,
.wrapper #photoList .list .operating {
	width: 300px;
}

/**
*
* =content
*
**/
.wrapper #contentList .type .enable ,
.wrapper #contentList .list .enable {
	width: 35px;
}

.wrapper #contentList .type .operating ,
.wrapper #contentList .list .operating {
	width: 135px;
	background: none;
}

.wrapper #contentList .list .enable ,
.wrapper #contentList .list .action ,
.wrapper #contentList .list .reback ,
.wrapper #contentList .list .name ,
.wrapper #contentList .list .mail ,
.wrapper #contentList .list .time ,
.wrapper #contentList .list .ip ,
.wrapper #contentList .list .operating {
	background: none;
	font-size: 14px;
	font-weight: normal;
}

.wrapper #contentList .list .name {
	min-height: 37px;
}

/**
*
* =products
*
**/
.wrapper .proformList .type {
	margin: 0 0 8px;
}

.wrapper .proformList .type .checkbox ,
.wrapper .proformList .type .no ,
.wrapper .proformList .type .enable ,
.wrapper .proformList .type .photo ,
.wrapper .proformList .type .proname ,
.wrapper .proformList .type .categories ,
.wrapper .proformList .type .time ,
.wrapper .proformList .type .sort ,
.wrapper .proformList .type .operating ,
.wrapper .proformList .list .checkbox ,
.wrapper .proformList .list .no ,
.wrapper .proformList .list .enable ,
.wrapper .proformList .list .photo ,
.wrapper .proformList .list .proname ,
.wrapper .proformList .list .categories ,
.wrapper .proformList .list .time ,
.wrapper .proformList .list .sort ,
.wrapper .proformList .list .operating {
	margin: 0;
	width: 90px;
	background: url(../images/system/bg-listLine.jpg) no-repeat right center;
	float: left;
	text-align: center;
	color: #555;
	font-weight: 900;	
}

.wrapper .proformList .type .checkbox ,
.wrapper .proformList .list .checkbox {
	width: 25px;
}

.wrapper .proformList .type .no ,
.wrapper .proformList .type .enable ,
.wrapper .proformList .type .sort ,
.wrapper .proformList .list .no ,
.wrapper .proformList .list .enable ,
.wrapper .proformList .list .sort {
	width: 50px;
}

.wrapper .proformList .type .proname ,
.wrapper .proformList .list .proname {
	width: 150px;
}

.wrapper .proformList .type .categories ,
.wrapper .proformList .type .time ,
.wrapper .proformList .list .categories ,
.wrapper .proformList .list .time {
	width: 80px;
}

.wrapper .proformList .type .operating ,
.wrapper .proformList .list .operating {
	width: 55px;
	background: none;
}

.wrapper .proformList .list {
	margin: 0 0 5px;
	padding: 7px;
	background: #e0e0e0;
	overflow: hidden;
}

.wrapper .proformList .list p a {
	padding: 0;
	background: none;
}

.wrapper .proformList .list .checkbox ,
.wrapper .proformList .list .no ,
.wrapper .proformList .list .enable ,
.wrapper .proformList .list .photo ,
.wrapper .proformList .list .proname ,
.wrapper .proformList .list .categories ,
.wrapper .proformList .list .time ,
.wrapper .proformList .list .sort ,
.wrapper .proformList .list .operating {
	background: none;
	height: 90px;
	display: table-cell;
	line-height: 90px;
}

.wrapper .proformList .list .proname a {
	height: 20px;
	float: none;
	color: #555;
	font-weight: 900;
}

.wrapper .proformList .list .operating a {
	padding: 5px 10px;
	height: 30px;
	background: #a1a1a1;
	border: 1px #959494 solid;
	display: inline-block;
	line-height: 30px;
	color: #fff;
}

.wrapper .proformList .list .operating a:hover {
	background: #000;
}

/**
*
* =function
*
**/
.wrapper .functionBar {
	margin: 25px 0;
	padding: 10px 0;
	width: 650px;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	overflow: hidden;
}

.wrapper .functionBar .action {
	float: left;
}

.wrapper .functionBar .action input {
	margin: 0 5px 0 0;
	padding: 5px;
	background: #444;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

.wrapper .functionBar .action input:hover {
	background: #000;
}

.wrapper .functionBar .page {
	width: 480px;
	height: 30px;
	float: right;
	line-height: 30px;
}

.wrapper .functionBar .page p {
	margin: 0;
	width: 220px;
	height: 30px;
	float: right;
	line-height: 30px;
	font-size: 12px;
	color: #000;
}

.wrapper .functionBar .page p input {
	padding: 3px;
	width: 20px;
	border: 1px #bbb solid;
}

.wrapper .functionBar .page p input.go {
	padding: 3px;
	width: 30px;
	background: #444;
	text-align: center;
	color: #fff;
}

.wrapper .functionBar .page p input.go:hover {
	background: #000;
}

.wrapper .functionBar .page .pagenav {
	float: left;
	font-size: 12px;
	color: #000;
}

/**
*
* =member
*
**/
.wrapper #memberRun .type .ID ,
.wrapper #memberRun .deta .ID {
	width: 200px;
}
.wrapper #memberRun .type .competence ,
.wrapper #memberRun .deta .detail {
	width: 425px;
	background: none;
}

.wrapper #memberRun .deta {
	margin: 10px 0 0;
	padding: 7px;
	border-bottom: 2px #444 solid;
	overflow: hidden;
}

.wrapper #memberRun .deta .ID ,
.wrapper #memberRun .deta .detail {
	font-weight: normal;
}

.wrapper #memberRun .deta .ID {
	background: none;
}

.wrapper #memberRun .deta .detail ul {
	padding-left: 15px;
	border-left: 1px #ccc solid;
}

.wrapper #memberRun .deta .detail ul li {
	margin: 0 0 40px;
	padding: 0 0 15px;
	border-bottom: 1px #ddd dotted;
}

.wrapper #memberRun .deta .detail ul li ul.submenu {
	margin: 10px 0 0;
	border: 0;
	overflow: hidden;
}

.wrapper #memberRun .deta .detail ul li ul.submenu li {
	margin: 0 25px 0 0;
	padding: 0;
	border: 0;
	float: left;
	font-size: 14px;
}

.wrapper #memberRun fieldset.btn {
	margin: 20px 0;
	border: 0;
	overflow: hidden;
}

/**
*
* =article
*
**/
.wrapper #articleList .type .title ,
.wrapper #articleList .list .title {
	width: 270px;
}

.wrapper #articleList .type .operating ,
.wrapper #articleList .list .operating {
	width: 230px;
	background: none;
}

.wrapper #articleList .list .no ,
.wrapper #articleList .list .title ,
.wrapper #articleList .list .sort ,
.wrapper #articleList .list .operating {
	height: 37px;
	background: none;
	line-height: 37px;
	font-size: 14px;
	font-weight: normal;
}

.wrapper #articleList .list .operating {
	text-align: center;
}

.wrapper #articleList .list .operating a {
	margin: 0 5px 0 0;
	height: 27px;
	display: inline-block;
	float: none;
	line-height: 27px;
}

/**
*
* =templates
*
**/
.wrapper ul.templates ,
.wrapper ul.templateList {
	margin: 60px 0 0;
	width: 650px;
	overflow: hidden;
}

.wrapper ul.templates li ,
.wrapper ul.templateList li {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px #555 dotted;
	overflow: hidden;
}

.wrapper ul.templates li .stylePhoto ,
.wrapper ul.templateList li .stylePhoto {
	width: 160px;
	height: 130px;
	border: 1px #bbb solid;
	float: left;
}

.wrapper ul.templates li .stylePhoto img ,
.wrapper ul.templateList li .stylePhoto img {
	margin: 5px;
}

.wrapper ul.templates li .styleInfo {
	width: 470px;
	float: right;
}

.wrapper ul.templates li .styleInfo p {
	margin: 0 0 5px;
	color: #000;
}

.wrapper ul.templates li .styleInfo p.notice {
	font-size: 12px;
	line-height: 150%;
	color: #888;
}

.wrapper ul.templateList li .styleInfoS {
	margin-left: 10px;
	width: 280px;
	float: left;
}

.wrapper ul.templateList li .styleInfoS p {
	margin: 0 0 5px;
}

.wrapper ul.templateList li .styleInfoS p.title {
	margin: 0 0 5px;
	padding: 0 0 10px;
	width: 270px;
	border-bottom: 1px #bbb solid;
	font-weight: 900;
}

.wrapper ul.templateList li .styleInfoS p.title a {
	margin: 0;
	padding: 0;
	background: none;
	display: inline-block;
	float: none;
	color: #555;
}

.wrapper ul.templateList li .styleInfoS p.notice {
	font-size: 12px;
	line-height: 160%;
	color: #888;
}

.wrapper ul.templateList li .sort {
	width: 70px;
	height: 130px;
	float: left;
	text-align: center;
	line-height: 130px;
	font-size: 14px;
	font-weight: normal;
}

.wrapper ul.templateList li .operating {
	width: 120px;
	height: 130px;
	float: left;
	text-align: center;
	line-height: 130px;
	font-size: 14px;
}

.wrapper ul.templateList li .operating a {
	width: 50px;
	height: 30px;
	background: #444;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	color: #fff;
}

.wrapper ul.templateList li .operating a:hover {
	background: #000;
}

.wrapper #indexAD {
	margin: 60px 0 0;
	width: 650px;
}

.wrapper #indexAD .AD {
	margin: 0 0 10px;
	padding: 0 0 10px;
}

.wrapper #indexAD .AD p {
	margin: 0;
	padding: 0 0 10px;
	width: 650px;
	height: 32px;
	border-bottom: 1px #bbb solid;
	line-height: 32px;
}

.wrapper #indexAD .AD p a {
	width: 30px;
	height: 15px;
	display: inline-block;
	float: none;
	line-height: 15px;
}

.wrapper #indexAD .AD p label {
	width: 100px;
	display: inline-block;
	text-align: right;
}

.wrapper #indexAD .AD p input {
	padding: 3px;
	width: 300px;
	background: #fff;
	border: 1px #bbb solid;
}

.wrapper #indexAD .AD p input.btn_uplpad {
	width: 80px;
	height: 20px;
	background: url(../images/system/icon-upload.png) no-repeat 0 0;
	border: 0;
	display: inline-block;
	text-indent: -999999px;
}

.wrapper #indexAD .AD p.title {
	margin: 0 0 7px;
	padding: 7px;
	width: 636px;
	background: #444;
	border: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 900;
}