@charset "utf-8";
/* CSS Document */

body{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
/*	background-image:url(../images/bg2.png);}*/
/*	background-image:url(../images/fools_day_bg.jpg);} default bg2.png,*/
	background-image:url(../images/xfuture_bg.jpg);}  
.out_wrapper{
	width:1015px;
	margin:0 auto;
	background:url(../images/bg.png) 0 0 ;
	}
	.out_wrapper_left
	{
		width:1015px;
	margin:0 auto;
	background:url(../images/bg.png) 0 0 ;
	}
.out_wrapper1
{
        position:absolute;
    top:-6px;
    left:751px;
 
	}	
#wrapper{
	width:995px;
	margin:0 auto;
	}
#header{
	width:995px;
	height:120px;
	position:relative;
	font-size:12px;
	}
#clock{
	margin-left:18px;
	width:90px;
	display:inline-block;
}

#header_middle {
margin:0 0 0 152px;
width:auto;
}
/* HEADER -- MEMBER AREA */
.member_login {
/* position:absolute;
top:0; right:0; */
padding-right:10px;
text-align: right;
color:#000;
width:50%;
float:right;
/* z-index:10; */
}
.member_logout {
/* position: absolute;
top: 0;
right: 5px; */
float: right;
color: black;
/* z-index: 10; */
}
#member a:link, #member a:visited {}
#member a:hover {}

.sf_rank, .available_balance { font-weight:bolder; }

#header .Mobile_ad{
    position:absolute;
    top:31px;
    left:262px;
}

#header .acct_overview{
    position:absolute;
    top:37px;
    left:527px;
    height: 80px;
    font-size:12px;
    line-height:19.5px;
    color:#F90;
}

#header img{
	position:absolute;
	top:37px;
	left:0px;
}

#header .header_facebook_login  img {
position: absolute;
top: 2px;
left: 90px;
}

#header .signin a{
    position:absolute;
    top:3px;
    left:949px;
    text-decoration:none;
    color:#F60;
    font-weight:bold;
    outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */
    width: 32px;
    height: 17px;
}
#header .signin_ad{
	position:absolute;
	top:34px;
	left:276px;
}
#header .flipThisTwo {
    /*position:absolute;
    left:766px;*/
    position:relative;
    left:70px;
    top:155px;
    z-index:50;
}
#header .Vote2012 {
    position:absolute;
    top:-6px;
    left:751px;
}
#header .quickTour a {
    background: url(../images/AD02_20141024.jpg) no-repeat 0 0;
    width:229px;
    height:79px;
    display:block;
    text-indent:-9999px;
}
/*
#header .quickTour a:hover {
    background-position:left bottom;
}*/
#header .fbLike {   
   padding-left: 10px;
   min-width: 90px;
   display: inline-block;
   max-height: 20px;
}

.basetop{
	vertical-align: top;
	display: inline-block;
}

#header .gLike {   
   padding-left: 10px;
   width: 90px;
   display: inline-block;
   height: 20px;
   overflow: hidden;
}

/* 子全修改(2013/2/13): 解決會員獎賞與 goStep1~4 的位置錯亂問題 */
#header .Sweepstake-btn a {
    background: url(../images/xfuture2016/backnew.png) no-repeat 0 0;
    width:347px;
    height:34px;
    margin-left:5px;
    display:block;
    /*以下為子全在 2013/2/13刪除*/
    /*float:right;*/
    text-indent:-9999px;
    /*以下為子全在 2013/2/13新增*/
    position:relative;
    /*left:765px;*/
    left: 620px;
}
#header .goStep1 a {
    /*background: url(../images/AD01-w229.jpg) no-repeat 0 0;*/
    background: url(../images/AD01_20141024.jpg) no-repeat 0 0;
    /*  width:185px; */
    width:72px;
    height:33px;
    display:block;
    /*以下為子全在 2013/2/13刪除*/
    /*float:right;*/
    text-indent:-9999px;
    /*以下為子全在 2013/2/13新增*/
    position:relative;
    top:-34px;
    /* left:657px;*/
    left: 550px;
 /*   left:585px;*/
}
#header .goStep2 a {
/*    background: url(../images/AD02.jpg) no-repeat 0 0; */
    background: url(../images/AD02_20141024.jpg) no-repeat 0 0; 
  /*  width:229px; */
    width:156px;
    height:33px;
    display:block;
    /*以下為子全在 2013/2/13刪除*/
    /*float:right;    */
    text-indent:-9999px;
    /*以下為子全在 2013/2/13新增*/
    position:relative;
    top:-34px;
    left:696px;
     left: 550px;
 /*       left:540px;*/
}
#header .goStep3 a {
/*       background: url(../images/AD03.jpg) no-repeat 0 0;*/
        background: url(../images/AD03_20141024.jpg) no-repeat 0 0;
   /*     width:229px;*/
    width:128px;
    height:33px;
    display:block;
    /*以下為子全在 2013/2/13刪除*/
    /*float:right;    */
    text-indent:-9999px;
    /*以下為子全在 2013/2/13新增*/
    position:relative;
    top:-34px;
    left:668px;
     left: 550px;
     /*       left:540px;*/
     
}
#header .goStep4 a {
    /* background: url(../images/AD04.jpg) no-repeat 0 0;
    width:229px; */
    background: url(../images/AD04_20141024.jpg) no-repeat 0 0;
    width:102px;
    height:33px;
    display:block;
    /*以下為子全在 2013/2/13刪除*/
    /*float:right;    */
    text-indent:-9999px;
    /*以下為子全在 2013/2/13新增*/
    position:relative;
    top:-34px;
    left:642px; 
     left: 550px;
    /*       left:540px;*/
}

.headLine{float:left;line-height: 19.5px;}

/* TopBar*/
.headTopBar{
	/* position:relative; */
	width:995px;
	height:19.5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/*2012-10-11 allen modify to 12px,Default font-size:13px;*/
	/* line-height:18px; */
	letter-spacing:1px;
	background-image:url(../images/TopBarBg.jpg);
	background-repeat:repeat;
	border-bottom:#CCC 1px solid;
	color:HighlightText;
	}

.headTopBar_R{
	/* position:absolute;
	top:1px; 
	left: -200px; */
	height: 19.5px;
	width: 200px;
	float:right;
	position:relative;
}		

.memberInfo{
	position:absolute;
	z-index:100;
	width:189px;
	padding:10px;
	background-color:#fff;
	border: #666 1px solid;
	margin-top: 2px;
	text-align:left;	
	}
.memberInfo p{
	line-height:22px;	
	}	
							
	
/*.memberName{
	background-image:url(../images/TopBarBg.jpg);
	background-repeat:repeat;
	}*/
.memberName_tri{
	position: relative;
    top: -1px;
    border-style: solid dashed dashed;
    border-color: transparent;
    border-top-color: #111;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
	width: 0;
    border-width: 4px 5px 0;
    padding-top: 1px;
	margin-right: 5px;

    }
	
			
/* 系統管理和我的合約 */
.admin_div{
	/* position:absolute;
	left: -485px; */
	}

.my_contracts_div{
	/* position:absolute; 
	left: -405px; */
	}	

#main_navi
{
    /* width:995px; */
    height:37px;
    background-image:url(../images/navbg.png);
    width:100%;   
}
.menu
{
    width:995px;
    overflow:hidden;
}
#main_navi ul
{
    margin:0;
    padding:0;
    display:block;
    /* width:900px;
    height:37px; */
    
    padding-top:0px;
    padding-left:25px;
    font:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

#main_navi li {float:left;}

#main_navi li a{
	display:block;
	height:35px;
	/*text-decoration:none;
	color:#FFF;
	letter-spacing:2px;
	font-size:16px;
	line-height:19px;*/
	text-indent:-9999px;
	outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */
}

#main_navi li.contract_groups a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -29px 0px;
	}
#main_navi li.contract_groups  a:hover{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -29px -35px;
	}
#main_navi li.contract_groups.current  a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -29px -35px;
	}	
	
#main_navi li.old_index a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -110px 0px;
	}
#main_navi li.old_index a:hover{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -110px -35px;
	}
#main_navi li.old_index.current  a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -110px -35px;
	}		
	
#main_navi li.Projects a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -191px 0px;
	}
#main_navi li.Projects a:hover{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -191px -35px;
	}
#main_navi li.Projects.current  a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -191px -35px;
	}	

#main_navi li.professionalchannel a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -272px 0px;
	}
#main_navi li.professionalchannel  a:hover{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -272px -35px;
	}
#main_navi li.professionalchannel.current  a{
	width:78px;
	background:url(../images/nav_2014.png) no-repeat -272px -35px;
	}	
		
#main_navi li.Forum a{
	width:65px;
	background:url(../images/nav_2014.png) no-repeat -353px 0px;
	}
#main_navi li.Forum a:hover{
	width:65px;
	background:url(../images/nav_2014.png) no-repeat -353px -35px;
	}
#main_navi li.Forum.current  a{
	width:65px;
	background:url(../images/nav_2014.png) no-repeat -353px -35px;
	}	
	
#main_navi li.UserRanking a{
	width:65px;
	background:url(../images/nav_2014.png) no-repeat -420px 0px;
	}
#main_navi li.UserRanking a:hover{
	width:65px;
	background:url(../images/nav_2014.png) no-repeat -420px -35px;
	}	
#main_navi li.UserRanking.current  a{
	width:65px;
	background:url(../images/nav_2014.png) no-repeat -420px -35px;
	}	

#main_navi li.buyG a{
	width:70px;
	background:url(../images/nav_2014.png) no-repeat -488px 0px;
	}
#main_navi li.buyG a:hover{
	width:70px;
    background:url(../images/nav_2014.png) no-repeat -488px -35px;
	}
#main_navi li.buyG.current  a{
	width:70px;
	background:url(../images/nav_2014.png) no-repeat -488px -35px;
	}
	
#main_navi li.memberCenter_nav a{
	width:80px;
	background:url(../images/nav_2014.png) no-repeat -560px 0px;
	}
#main_navi li.memberCenter_nav a:hover{
	width:80px;
	background:url(../images/nav_2014.png) no-repeat -560px -35px;
	}	
#main_navi li.memberCenter_nav.current  a{
	width:80px;
	background:url(../images/nav_2014.png) no-repeat -560px -35px;
	}
	
/*		
 #main_navi li.gofb a{
	width:34px;
	background:url(../images/nav_2013.png) no-repeat -640px 0px;
	}
#main_navi li.gofb a:hover{
	width:34px;
	background:url(../images/nav_2013.png) no-repeat -640px -35px;
	}	
#main_navi li.gofb.current  a{
	width:34px;
	background:url(../images/nav_2013.png) no-repeat -640px -35px;
	}	

#main_navi li.goqqblog a{
	width:30px;
	background:url(../images/nav_2013.png) no-repeat -676px 0px;
	}
#main_navi li.goqqblog a:hover{
	width:30px;
	background:url(../images/nav_2013.png) no-repeat -676px -35px;
	}	
#main_navi li.goqqblog.current  a{
	width:30px;
	background:url(../images/nav_2013.png) no-repeat -676px -35px;
	}	
*/
/* Search */
.SearchArea{
	float:right;
	text-align: center;
	line-height: 35px;
	margin-right:5px;
	margin-top:1px;
}

.SearchType {
	/* position:absolute;
	top:7px;
	left:711px; */
	width:95px;
	font-size:9pt;
}
.SearchKeywords {
	/* position:absolute;
	top: 8px;
	left:808px; */
	width:135px;
}
.SearchBtn {
	/* position:absolute;
	top: 5px;
    left: 948px; */
    width: 42px;
	height:26px;
	text-align:center;
}
.content {
    width:995px;
    clear:both;
}

.site_slogan{
	height:27px;
	background-image:url(../images/ad_bg_pic.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	position:relative;
	margin:2px;
	/*width:740px;*/
	width:640px;
	overflow: hidden;
	z-index:100;
	}

.slogan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#4d64f1;
	margin-left: 65px;
	line-height:26px;
	margin-right:200px;
	display:none;
}
.slogan a{
    text-decoration:none;
}

#nav_breadcrumb{ margin: 5px 0 5px 5px;}

#footer {
    padding-bottom: 10px;
    clear:both;
    text-align:center;
    font-size:12px;
    line-height:18px;
    letter-spacing:1px;
}
.footerTop{
	display:block;
	width:995px;
	height:25px;
	background:url(../images/dockBG_bottom.jpg) no-repeat 0 0;
	}
.GoTop{
	margin-left:950px;	
	}	
.GoTop a{
	display:block;
	width:26px;
	height:26px;
	background:url(../images/TOPbtn.png)  no-repeat 0 0;
	}	
.GoTop a:hover{
	background-position:left bottom;
	}
/* THE BASICS */
/*html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
margin: 0; padding: 0; border: 0;
}*/

/* * { margin: 0; padding: 0; } */

body {
    background-color:#ffffff;
    color: #333333;
    margin: 0;
    padding: 0;
    font: normal normal normal 13px arial,tahoma,verdana,sans-serif;
    /*line-height: 19.5px;*/
}
/*
textarea{
font: normal normal normal 13px arial,tahoma,verdana,sans-serif;
line-height: 19.5px;
}*/

*+html body { font-size: 12px } /* hack for IE7 */

/* p {padding:1em 0} */

h1 {font-size:150%; margin:0 0 1em 0;}
/* LINKS */
a:link {color:#F90; text-decoration:none;}
a:visited {color:#F90; text-decoration:none;}
a:hover {text-decoration:underline;}

a img {border:0}

/* LIKE LINKS */
.likea {color:#F90; text-decoration:none;}
.likea:hover  
{
    text-decoration:underline; 
    cursor:pointer; 
}
.likea img {border:0}

/* TABLES */
/*
table {
margin:0;
padding:0;
font-weight: normal;
font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
color: #1c5d79;
font-size: 100%;
}*/

/* DO NOT assign style to common element
table, tr, th, td {border-collapse: collapse;}
tbody tr th, tbody tr td {padding: 6px; text-align:center}
*/
/*
caption {
margin:0.5em 0; padding:0;
background: #ffffff;
/*height: 2em;*/
/*
font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-weight: bold;
color: #555d6d;
text-align: left;
}*/

.highlight {color:#ff0000;}

.singleline {white-space:nowrap;}

/* PAGINATION */
.pagination {
    width:100%;
    /*clear:both;*/
    /*margin:1.5em 0;*/
    padding: 14px 2px 4px 7px;
    text-align:center;
    color:#666;
}

.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {
    border: 1px solid #ccc;
    padding: 2px 5px;
    background: white none repeat scroll 0%;
    text-decoration: none;
    font-size: 12px;
}
.pagination span { 
    border: 1px solid #999;
    padding: 2px 5px;
    background: white none repeat scroll 0%;
    text-decoration: none;
    color: #D6D6D6;
}
.pagination a:hover {
     background:#eee none repeat scroll 0%;
     color:#333;
}
.pagination .current {
    background-color:#999;
    color: black;
    font-size:12px;
    color:#FFF;
}
.pagination * {margin: 0pt;}

.disabled {font-size:12px;}

.pagination span, .pagination a {
    margin: 4px 3px;
    color:#666;
}

.boost {
    color:#FF0000;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing:1px;
}

.drop {
    color:#2E9F11;
    font-size: 12px;
}

#cnt_group_order_div span {
    color: #F90;
}
#cnt_group_order_div1 span {
    color: #F90;
}
.contract_thumb {
    width: 92px;
    height: 92px;
    padding: 2px;
    border: 1px solid #E5E5E5;
    margin: 1px 2px;
}

.confirm_button {
    display:block;
    float:left;
    width: 60px;
    height: 27px;
    line-height: 27px;
    background: url(../images/confirmbtn.png) no-repeat 0 0;
    text-indent:-9999px;
    margin:5px;
	cursor: pointer;
}
.confirm_button:hover {
    background-position:bottom;
}
.cancel_button {
    display:block;
    float:left;
    width: 60px;
    height: 27px;
    line-height: 27px;
    background: url(../images/cancelbtn.png) no-repeat 0 0;
    text-indent:-9999px;
    margin:5px;
	cursor: pointer;
}
.cancel_button:hover {
    background-position:bottom;
}

/*facebook button*/
/*
.header_facebook_login{
	display:block;
	width:61px;
	height:18px;
	background-image:url(../images/facebook-logonS.png);
	background-repeat:no-repeat;
	text-indent:-9999px;	
	}
*/

/*.submit_button {
    display:block;
    width: 63px;
    height:25px;
    line-height:25px;
    background: url(../images/submitbtn.png) no-repeat 0 0;
    text-indent:-9999px;
}
.submit_button:hover
{
    background-position:bottom;
}*/
.ui-widget {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
}

/* TopBar link a*/
.headTopBar a{
	color:#FFF;
	text-decoration:none;	
	line-height: 19.5px;
	}
.headTopBar a:hover{
	text-decoration:underline;
	background-color:transparent;	
	}
.memberName{
	margin-right: -11px;
	}	
.memberName a{
	color:#FFF;
	height:19.5px;
	line-height:19.5px;
	text-indent:20px;
	/*margin-left: 120px;*/
	}	
.memberName:not(.current) a:hover{
	text-decoration:none;
	background-color: #333;
	background-color: #999;
	
	}
.memberInfo a{
	text-decoration:none;
	color:#F90;	
	padding: 5px 5px 5px 0;
	}
.memberInfo a:hover{
	background-color:#FFC;
	text-decoration:none;
	}	
	
/* 按下"會員暱稱"的按鈕 套用以下CSS ; class則多一個命名為current */	
.memberName.current  a{
	color: #111;
    height: 19.5px;
    line-height: 19.5px;
    text-indent: 20px;
    background-color: white;
    padding: 5px 0 5px 5px;
	border-left: #666 1px solid;
    border-top: #666 1px solid;
	}
	.memberName.current .memberName_tri_wrapper	
	{
    background-color:#fff;
    padding:5px 0 5px 0;
	border-right: #666 1px solid;
  	}
/* buttons to internet communities */
.fb_btn a{
    float:left;
    width:20px;
    height:20px;
    margin:0 5px;
    background-image:url(/content/images/fb_1_01.png);
    }
.fb_btn a:hover {
    float:left;
    width:20px;
    height:20px;   
    margin:0 5px;     
    background-image:url(/content/images/fb_1_02.png);
}
.wb_btn a{
    float:left;
    width:20px;
    height:20px;
    margin:0 5px;   
    background-image:url(/content/images/wb_1_01.png);
    }
.wb_btn a:hover {
    float:left;
    width:20px;
    height:20px;    
    margin:0 5px;
    background-image:url(/content/images/wb_1_02.png);
}
.qq_btn a{
    float:left;
    width:20px;
    height:20px;
    margin:0 5px;   
    background-image:url(/content/images/qq_1_01.png);
    }
.qq_btn a:hover {
    float:left;
    width:20px;
    height:20px;    
    margin:0 5px;
    background-image:url(/content/images/qq_1_02.png);
}