/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    犉main
        =member-focus
        =member-detail
        =friend-detail
        =expert-list
        =member-movement
-----------------------------------------------------------------------------*/

#content-main .wrapper-main h3 {
    position: relative;
    width: 895px;
    margin: 15px auto 0 auto;
    padding: 0 0 0 25px; 
    font: bold 15px/22px Verdana "新細明體";
    background: url(../../i/icon14.gif) no-repeat 0 0;
}
#content-main .wrapper-main h3 span {
    color: #ff6600;
    padding: 0 2px;
}

#content-main .wrapper-main h4 {
    position: relative;
    width: 780px;
    margin: 0 auto 15px auto;
    padding: 0 0 0 25px; 
    font: bold 15px/22px Verdana "新細明體";
    color: #333;
    background: url(../../i/icon14.gif) no-repeat 0 0;
}
#content-main .wrapper-main h4 span {
    color: #ff6600;
}


/**
 *
 * =main-srp
 *
 **/

#content-main .wrapper-main .exp-main {
    width: 920px;
    margin: 5px auto 5px auto;
    color: #999999;
    display: block;
    clear: both;
    overflow: hidden;
    font: 13px/22px Arial;
}

/**
 *
 * =con-tab
 *
 **/
ul.tabnav {
    margin: 0 auto;
	width: 920px;
	height: 35px;
	padding: 0 0 0 130px;
	background: url(../../i/content_m_bottom2.gif) no-repeat 10px bottom;
}
ul.tabnav li {
	float: left;
	font-size: 13px;
	width: 99px;
    height: 25px;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;
    text-align: center;
    text-decoration: none;
    background: url(../../i/content_m02.gif) no-repeat;
    cursor: pointer;
}
ul.tabnav li:hover {
	width: 99px;
    height: 25px;
    color: #438fce;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;    
    background: url(../../i/content_m01.gif) no-repeat;
	text-align: center ;
	text-decoration: none;
	cursor: pointer;
}
ul.tabnav li.currentbr {
	width: 99px;
    height: 25px;
    color: #438fce;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;
    background: url(../../i/content_m01.gif) no-repeat;
	text-align: center;
	text-decoration: none;
    cursor: default;
}
ul.tabnav li a {
	width: 99px;
    height: 25px;
    display: block;
    text-decoration: none;
}

/**
 *
 * =con-tab
 *
 **/
ul.tabs {
    margin: 0 auto;
	width: 920px;
	height: 35px;
	padding: 0 0 0 80px;
}
ul.tabs li {
	float: left;
	font-size: 13px;
	width: 120px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 3px 0 0 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
ul.tabs li:hover {
	width: 120px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 3px 0 0 0; 
    background: url(../../i/bg-tabsuv-hover.gif) no-repeat;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #333;
}
ul.tabs li.ui-tabs-selected {
	width: 120px;
    color: #333;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 3px 0 0 0;
    background: url(../../i/bg-tabsuv-hover.gif) no-repeat;
	text-align: center;
	text-decoration: none;
    cursor: default;
}
ul.tabs li a {
	width: 120px;
    height: 20px;
    display: block;
    text-decoration: none;
}
ul.tabs li a:hover {
	color: #333;
}


/**
 *
 * =content
 *
 **/
 
#content-main .wrapper-main .exp-main .content {
    width: 920px;
    padding: 20px 0 0 0;
    clear: both;
    overflow: hidden;
    background: url(../../i/bg-tabsuv-content.gif) no-repeat top;
}
#content-main .wrapper-main .exp-main .content .expbox {
    position: relative;
    float: left;
    width: 440px;
    margin: 0 10px 0 0;
    padding: 5px 5px 5px 5px;
}

#content-main .wrapper-main .exp-main .content .last {
    margin: 0 0 0 0;
}

#content-main .wrapper-main .exp-main .content .expbox .photo {
    float: left;
    width: 160px;
    margin: 0 5px 0 0;
}
#content-main .wrapper-main .exp-main .content .expbox .photo img {
    padding: 2px;
    border: 1px solid #f2f2f2;
}
#content-main .wrapper-main .exp-main .content .expbox .com {
    float: right;
    width: 275px;
    margin: 0 0 0 0;
}
#content-main .wrapper-main .exp-main .content .btn {
    width: 920px;
    text-align: center;
}


table.tabcom {
    width: 275px;
}
table.tabcom th {
    width: 70px;
    text-align: left;
    font: 12px/22px Arial;
    color: #333;
}
table.tabcom td {
    font: 13px/22px Arial;
    color: #438fce;
}
table.tabcom td span {
    font: 12px/18px Arial;
    color: #888888;
}
table.tabcom td a {
    font: 12px/18px Arial;
    color: #66ccff;
}

#content-main .wrapper-main .exp-main .tabsuv .hr {
    margin: 10px 0 15px 0;
    height: 10px;
    border-bottom: 3px dotted #ccc;
    clear: both;
}

/**
 *
 * =content
 *
 **/

#content-main .wrapper-main .exp-main .content .adv {
    text-align: center;
    margin: 0 0 10px 0;
}