@charset "utf-8";
/* CSS Template */
html, body {
	background : #f6f6f6;
	font       : normal 13px normal Arial, sans-serif;
}

a, a:hover {
	text-decoration : none;
}

.both {
	clear    : both;
	overflow : hidden;
	height   : auto;
}

.Wrap .midWrap .photo span.photoSpan {
	display : inline-block;
	height  : 100%;
}

.Wrap .midWrap .photo * {
	vertical-align : middle;
}

/* CSS Wrap */
.Wrap {
	margin : 0 auto 10px auto;/*-- 20121227 edit by Brian --*/
	width  : 954px;
}

/* CSS Header */
.Wrap .header {
	margin : 0 auto;
	width  : 950px;
}

.Wrap .header .topBar {
	padding     : 0 10px;
	height      : 44px;
	background  : url(../../img/header/header.bg.jpg) no-repeat 0 0;
	overflow    : hidden;
	line-height : 44px;
}

.Wrap .header .topBar ul li.logo {
	float : left;
}

.Wrap .header .topBar ul li.logo h1.title {
	margin      : 7px 105px 0 20px;
	width       : 102px;
	float       : left;
	text-indent : -99999px;
}

.Wrap .header .topBar ul li.logo h1.title a {
	background : url(../../img/header/FET.logo.png) no-repeat center center;
	height     : 33px;
	display    : block;
}

.Wrap .header .topBar ul li.logo h2.channel {
	margin      : 14px 0 0 0;
	width       : 67px;
	float       : left;
	text-indent : -99999px;
}

.Wrap .header .topBar ul li.logo h2.channel a {
	background : url(../../img/header/channel.png) no-repeat center center;
	height     : 16px;
	display    : block;
}

.Wrap .header .topBar ul li.topNav {
	float        : right;
	word-spacing : 4px;
	color        : #FFF;
}

.Wrap .header .topBar ul li.topNav a {
	color     : #FFF;
	font-size : 12px;
}

.Wrap .header .topBar ul li.topNav a:hover {
	text-decoration : underline;
}

/* CSS LogSearch */
.Wrap .LogSearch {
	margin      : 8px 0;
	float       : right;
	height      : 24px;
	font-size   : 12px;
	line-height : 24px;
	overflow    : hidden;
	color       : #666;
}

.Wrap .Log {
	color : #666;
}

.Wrap .Log li a {
	/*margin      : 6px 0;*/
	display     : block;
	height      : 24px;
	line-height : 24px;
	color       : #666;
	/*text-indent : -99999px;*/
}

.Wrap .Log li a:hover {
	text-decoration : underline;
}

/*.Wrap .Log li.member a {
	background : url(../../img/header/btn.add.member.png) no-repeat center center;
	width      : 52px;
	height     : 12px;
}

.Wrap .Log li.login a {
	background : url(../../img/header/btn.login.png) no-repeat center center;
	width      : 51px;
	height     : 12px;
}*/

.Wrap .LogSearch ul,
.Wrap .LogSearch ul li {
	float  : left;
}

.Wrap .LogSearch ul li {
	margin : 0 0 0 5px;
}

.Wrap .LogSearch ul.Search li span {
	display : block;
	float   : left;
	height  : 20px;
}

.Wrap .LogSearch ul.Search li.SearchInput {
	margin-top : 2px;
	background : url(../../img/header/input.bg.header.jpg) repeat-x 0 0;
}

.Wrap .LogSearch ul.Search li.SearchInput span.left {
	width      : 4px;
	background : #f6f6f6 url(../../img/header/input.frame.header.png) no-repeat 0 0;
}

.Wrap .LogSearch ul.Search li.SearchInput span.right {
	width      : 4px;
	background : #f6f6f6 url(../../img/header/input.frame.header.png) no-repeat -4px 0;
}

.Wrap .LogSearch ul.Search li.SearchInput input {
	margin      : 0 2px;
	float       : left;
	border      : 0;
	width       : 125px;
	height      : 18px;
	font        : 12px/16px Arial, sans-serif;
	color       : #666;
	/*line-height : 16px;*/
	background  : none;
}

.Wrap .LogSearch ul.Search li.SearchBtn button {
	margin      : 2px 3px 0 3px;
	padding     : 0 4px;
	border      : 0;
	/*width       : 60px;*/
	height      : 20px;
	text-align  : left;
	font        : 12px/20px Arial, sans-serif;
	color       : #333;
	/*line-height : 24px;*/
	position    : relative;
	display     : block;
	cursor      : pointer;
	background  : url(../../img/header/search.bg.header.jpg) repeat-x 0 0;
}

.Wrap .LogSearch ul.Search li.SearchBtn button span.left {
	top        : 0;
	left       : -3px;
	width      : 3px;
	background : url(../../img/header/search.frame.header.png) no-repeat 0 0;
	position   : absolute;
}

.Wrap .LogSearch ul.Search li.SearchBtn button span.right {
	top        : 0;
	right      : -3px;
	width      : 3px;
	background : url(../../img/header/search.frame.header.png) no-repeat -3px 0;
	position   : absolute;
}

.Wrap .LogSearch ul.Search li.SearchBtn button span.text {
	/*padding    : 0 0 0 5px;*/
	/*width      : 55px;*/
	/*background : url(../../img/header/search.icon.png) no-repeat 43px center;*/
}

/* CSS path */
.Wrap .path {
	margin     : 5px 0;
	text-align : right;
	color      : #626262;
	font       : 12px Tahoma, sans-serif;
	clear      : both;
}

.Wrap .path a {
	color : #626262;
}

.Wrap .path a:hover{
	text-decoration : underline;
}

.Wrap .path span {
	padding : 0 5px;
}

/* CSS Nav */
.Wrap .Nav {
	margin : 5px auto;
	width  : 950px;
	clear  : both;
}

.Wrap .Nav ul.NavUL {
	margin      : 0 6px;
	height      : 38px;
	line-height : 38px;
	position    : relative;
	background  : url(../../img/nav/nav.bg.jpg) repeat-x 0 0;
}

.Wrap .Nav ul.NavUL li.line ,
.Wrap .Nav ul.NavUL li.NavList {
	float  : left;
	height : 100%;
}

.Wrap .Nav ul.NavUL li.line {
	width       : 3px;
	text-indent : -99999px;
	background  : url(../../img/nav/nav.line.png) no-repeat center center;
}

.Wrap .Nav ul.NavUL > li.left {
	top        : 0;
	left       : -6px;
	width      : 6px;
	height     : 100%;
	background : url(../../img/nav/nav.frame.png) no-repeat 0 0;
	position   : absolute;
}

.Wrap .Nav ul.NavUL > li.right {
	top        : 0;
	right      : -6px;
	width      : 6px;
	height     : 100%;
	background : url(../../img/nav/nav.frame.png) no-repeat -6px 0;
	position   : absolute;
}

.Wrap .Nav ul.NavUL li.NavList.active > span.NavSpan {
	margin      : 0 4px;
	display     : block;
	text-indent : -99999px;
	position    : relative;
	z-index     : 15;
	background  : url(../../img/nav/nav.hover.bg.png) repeat-x center -1px;
	cursor      : default;
}

.Wrap .Nav ul.NavUL li.NavList > span.NavSpan,
.Wrap .Nav ul.NavUL li.NavList > a {
	margin      : 0 4px;
	display     : block;
	text-indent : -99999px;
	position    : relative;
	cursor      : pointer;
	z-index     : 15;
}

.Wrap .Nav ul.NavUL li.NavList:hover > span.NavSpan,
.Wrap .Nav ul.NavUL li.NavList.active > a,
.Wrap .Nav ul.NavUL li.NavList:hover > a {
	background : url(../../img/nav/nav.hover.bg.png) repeat-x center -1px;
}

.Wrap .Nav ul.NavUL li.NavList > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.NavList > a span.text {
	padding    : 0 18px 0 15px;
	height     : 100%;
	display    : block;
	background : url(../../img/nav/nav.list.png) no-repeat 0 0;
}

.Wrap .Nav ul.NavUL li.NavList.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.NavList:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.NavList.active > a span.text,
.Wrap .Nav ul.NavUL li.NavList:hover > a span.text {
	background : url(../../img/nav/nav.hover.list.png) no-repeat 0 0;
}

.Wrap .Nav ul.NavUL li.NavList > span.NavSpan span.left,
.Wrap .Nav ul.NavUL li.NavList > a span.left {
	top      : 0;
	left     : -4px;
	width    : 4px;
	height   : 100%;
	display  : block;
	position : absolute;
}

.Wrap .Nav ul.NavUL li.NavList.active > span.NavSpan span.left,
.Wrap .Nav ul.NavUL li.NavList:hover > span.NavSpan span.left,
.Wrap .Nav ul.NavUL li.NavList.active > a span.left,
.Wrap .Nav ul.NavUL li.NavList:hover > a span.left {
	background : url(../../img/nav/nav.hover.frame.png) no-repeat 0 -1px;
}

.Wrap .Nav ul.NavUL li.NavList > span.NavSpan span.right,
.Wrap .Nav ul.NavUL li.NavList > a span.right {
	top      : 0;
	right    : -4px;
	width    : 4px;
	height   : 100%;
	display  : block;
	position : absolute;
}

.Wrap .Nav ul.NavUL li.NavList.active > span.NavSpan span.right,
.Wrap .Nav ul.NavUL li.NavList:hover > span.NavSpan span.right,
.Wrap .Nav ul.NavUL li.NavList.active > a span.right,
.Wrap .Nav ul.NavUL li.NavList:hover > a span.right {
	background : url(../../img/nav/nav.hover.frame.png) no-repeat -4px -1px;
}

.Wrap .Nav ul.NavUL li.nav01 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav01.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav01:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav01 > a span.text,
.Wrap .Nav ul.NavUL li.nav01.active > a span.text,
.Wrap .Nav ul.NavUL li.nav01:hover > a span.text {
	width               : 37px;
	background-position : center 0;
}

.Wrap .Nav ul.NavUL li.nav02 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav02.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav02:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav02 > a span.text,
.Wrap .Nav ul.NavUL li.nav02.active > a span.text,
.Wrap .Nav ul.NavUL li.nav02:hover > a span.text {
	width               : 88px;
	background-position : center -38px;
}

.Wrap .Nav ul.NavUL li.nav03 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav03.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav03:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav03 > a span.text,
.Wrap .Nav ul.NavUL li.nav03.active > a span.text,
.Wrap .Nav ul.NavUL li.nav03:hover > a span.text {
	width               : 37px;
	background-position : center -76px;
}

.Wrap .Nav ul.NavUL li.nav04 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav04.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav04:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav04 > a span.text,
.Wrap .Nav ul.NavUL li.nav04.active > a span.text,
.Wrap .Nav ul.NavUL li.nav04:hover > a span.text {
	width               : 105px;
	background-position : center -114px;
}

.Wrap .Nav ul.NavUL li.nav05 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav05.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav05:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav05 > a span.text,
.Wrap .Nav ul.NavUL li.nav05.active > a span.text,
.Wrap .Nav ul.NavUL li.nav05:hover > a span.text {
	width               : 88px;
	background-position : center -152px;
}

.Wrap .Nav ul.NavUL li.nav06 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav06.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav06:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav06 > a span.text,
.Wrap .Nav ul.NavUL li.nav06.active > a span.text,
.Wrap .Nav ul.NavUL li.nav06:hover > a span.text {
	width               : 88px;
	background-position : center -190px;
}

.Wrap .Nav ul.NavUL li.nav07 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav07.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav07:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav07 > a span.text,
.Wrap .Nav ul.NavUL li.nav07.active > a span.text,
.Wrap .Nav ul.NavUL li.nav07:hover > a span.text {
	width               : 72px;
	background-position : center -228px;
}

.Wrap .Nav ul.NavUL li.nav08 > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav08.active > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav08:hover > span.NavSpan span.text,
.Wrap .Nav ul.NavUL li.nav08 > a span.text,
.Wrap .Nav ul.NavUL li.nav08.active > a span.text,
.Wrap .Nav ul.NavUL li.nav08:hover > a span.text {
	width               : 73px;
	background-position : center -266px;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav {
	top         : auto;
	margin      : -1px 0 0 0;	
	padding     : 0 4px;
	position    : absolute;
	z-index     : 10;
	line-height : 28px;
	display     : none;
}

.Wrap .Nav ul.NavUL li.NavList.active ul.subNav {
	display : block;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.left {
	top        : 0;
	left       : 0;
	width      : 4px;
	height     : 100%;
	background : url(../../img/nav/subnav.frame.png) repeat-y left 0;
	position   : absolute;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.right {
	top        : 0;
	right      : 0;
	width      : 4px;
	height     : 100%;
	background : url(../../img/nav/subnav.frame.png) repeat-y right 0;
	position   : absolute;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList ul.subNavData {
	position : relative;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList ul.subNavData li.top {
	top        : -4px;
	left       : 0;
	position   : absolute;
	display    : block;
	width      : 100%;
	height     : 4px;
	background : url(../../img/nav/subnav.shadow.png) repeat-x 0 top;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList ul.subNavData li.bottom {
	bottom     : -4px;
	left       : 0;
	position   : absolute;
	display    : block;
	width      : 100%;
	height     : 4px;
	background : url(../../img/nav/subnav.shadow.png) repeat-x 0 bottom;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList ul.subNavData li.list {
	padding      : 8px 55px 8px 20px;
	background   : url(../../img/nav/nav.bg.png) center center;
	word-spacing : 8px;
	white-space  : nowrap;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList ul.subNavData li.list a {
	color : #252525;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList a:hover {
	text-decoration : underline;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList ul.subNavData li.list span.subNavSpan {
	font-weight : bold;
}

.Wrap .Nav ul.NavUL li.NavList ul.subNav li.subNavList ul.subNavData li.list span.close {
	top         : 50%;
	right       : 10px;
	margin      : -9px 0 0 0;
	display     : inline-block;
	width       : 18px;
	height      : 18px;
	text-align  : left;
	text-indent : -999999px;
	background  : url(../../img/nav/subnav.btn.close.png) no-repeat center center;
	cursor      : pointer;
	position    : absolute;	
}

/* CSS Nav Shop */
.Wrap .Nav ul.NavUL.NavShop {
	margin : 0 6px 43px 6px;
}

.Wrap .Nav ul.NavUL.NavShop li.NavList ul.subNav {
	left        : 0;
	margin      : -1px 0 0 -6px;
	padding     : 0 3px;
	width       : 944px;
	height      : 38px;
	overflow    : hidden;
}

.Wrap .Nav ul.NavUL.NavShop li.NavList ul.subNav li.left {
	width      : 3px;
	background : url(../../img/nav/subnav.shop.frame.png) no-repeat left 0;
}

.Wrap .Nav ul.NavUL.NavShop li.NavList ul.subNav li.right {
	width      : 3px;
	background : url(../../img/nav/subnav.shop.frame.png) no-repeat right 0;
}

.Wrap .Nav ul.NavUL.NavShop li.NavList ul.subNav li.subNavList ul.subNavData li.top,
.Wrap .Nav ul.NavUL.NavShop li.NavList ul.subNav li.subNavList ul.subNavData li.bottom {
	display : none;
}

.Wrap .Nav ul.NavUL.NavShop li.NavList ul.subNav li.subNavList ul.subNavData li.list {
	padding     : 5px 20px;
	background  : url(../../img/nav/subnav.shop.bg.png) repeat-x center 0;
	height      : 28px;
	line-height : 25px;
}

/* CSS MidWrap */
.Wrap .midWrap {
	margin : 10px 0 0 0;
	clear  : both;
}

.Wrap .midWrap .mainContent {
	float : left;
}

.Wrap .midWrap .subContent {
	float : right;
}

.Wrap .midWrap div.bottom {
	margin  : 0 0 6px 0;
	padding : 0 0 4px 0;
}

.Wrap .midWrap div.bottom ul.shadow {
	padding : 0 2px;
}

.Wrap .midWrap div ul.shadow li.list_border {
	border     : 1px solid #cecece;
	background : #FFF;
}

/* CSS Footer */
.footer {
	margin      : 50px 0 0 0;
	padding     : 10px 0;
	text-align  : center;
	display     : block;
	font        : 12px/24px Tahoma;
	border-top  : 1px solid #ddd;
}

.footer li.link {
	/*word-spacing : 1px;*/
	display      : block;
	color        : #979797;
}

.footer li.link a {
	color : #979797;
}

.footer li.link a:hover {
	text-decoration : underline;
}

.footer li.copyright {
	color : #979797;
}