body {
	margin:0;
	padding:0;
	background:#FFFFFF url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/bg.gif) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

img { border:none}

/* 定位 */

#wrap {
    margin:0 auto;
	padding:0;
	width:960px;
	text-align:left;
}

#content {
    margin:15px 0;
	padding:0;
	clear:both;
}

#side {
    float:left;
	margin:0;
	padding:0;
	width:174px;
	background:#e6f3ff;
	border:1px solid #b9b9b9;
}

#main {
	float:right;
	margin:0;
	padding:0;
	width:780px;
}

hr {
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;
}

/* 左選單 */

#side div {
    margin:0;
	padding:0;
	clear:both;
}

#side h3 {
    margin:0;
	padding:0;
	width:174px;
	height:31px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_left_tbg.gif) no-repeat;
	text-align:center;
	font-size:0.95em;
	line-height:2.3em;
	color:#004e82;
}

#side h3 .more {
	margin-right:8px;
	float:right;
	font-size:0.85em;
	top:-35px;
}

#side h3 a:link, #side h3 a:visited { font-weight:normal; color:#004e82; text-decoration:none}
#side h3 a:hover, #side h3 a:active { text-decoration:underline}

#side ul a:link, #side ul a:visited { color:#404040; text-decoration:none}
#side ul a:hover, #side ul a:active { text-decoration:underline}

/* 左-e點通,主題,企業 */

.sidetour ul, .sidetw ul  {
    margin:0 10px 5px 15px;
	*margin:5px;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:0.8em;
	line-height:1.6em;
	color:#404040;
}

.sidesp ul, .sidecorp ul  {
    margin:5px 10px 5px 15px;
	*margin:5px;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:0.8em;
	line-height:1.6em;
	color:#404040;
}

.sidetour li, .sidetw li, .sidesp li, .sidecorp li {
    margin:7px 0;
	padding:0;
}

.sidetour kbd, .sidetw kbd, .sidesp kbd, .sidecorp kbd {
    margin:7px 0;
	padding:0;
}

.sidetour ul .left, .sidetw ul .left, .sidesp ul .left, .sidecorp ul .left {
    float:left;
	width:73px;
	margin:0;
	padding:0;
}

.sidetour ul .right, .sidetw ul .right, .sidesp ul .right, .sidecorp ul .right {
    float:left;
	width:75px;
	margin:0;
	padding:0;
}

/* 左-卡友 */

.sidecard ul {
    margin:5px 10px 5px 15px;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:0.8em;
	line-height:1.6em;
	color:#404040;
}

.sidecard li {
    margin:7px 0;
	padding:0;
	text-align:left;
}

.sidecard kbd {
    margin:7px 0;
	padding:0;
	text-align:left;
}

/* 左-連結 */

.sidelink ul {
	margin:20px 0 10px;
	padding:0;
	list-style:none;
	text-align:center;
}

.sidelink li {
    margin:3px 0;
	padding:0;
}

.sidelink kbd {
    margin:3px 0;
	padding:0;
}

/* 搜尋 */

#searchframe {
    margin:0 0 0 5px;
	padding:0;
}

/*
.search {
    margin:0 0 0 5px;
	padding:0;
}

.search th {
    margin:0;
	padding:0;
	height:40px;
	text-align:center;
	background:url(image/index_search_tbg.gif) top no-repeat;
}

.search th p {
    margin:0;
	padding:0;
	font-size:0.8em;
	font-weight:normal;
	color:#5f5f5f;
}

.search th p img {
	position:relative;
	top:8px;
}

.search td {
    margin:0;
	padding:0;
	min-height:210px;
	_height:210px;
	text-align:center;
	background:url(image/index_search_bg.gif) bottom no-repeat;
}

.searchtxt {
    margin:10px 10px 10px 30px;
	padding:0;
	text-align:left;
	vertical-align:middle;
	font-size:0.8em;
	line-height:2.3em;
	color:#666666;
}

.searchtxt a:link, .searchtxt a:visited { color:#006fc5; text-decoration:none}
.searchtxt a:hover, .searchtxt a:active { text-decoration:underline}

.searchtxt select, .searchtxt input { margin:3px 0; color:#666666}

.searchtxt .go {
	padding:4px 3px 0;
	color:#FFFFFF;
	background:#67c0f8 url(image/index_search_but.gif) center repeat-x;	
	border:1px solid #067cdb;
}

.searchtxt .go:hover {
	padding:4px 3px 0;
	color:#FFFFFF;
	background:#feb248 url(image/index_search_but-a.gif) center repeat-x;	
	border:1px solid #ff7102;
}
*/

/* 右-會員,社群 */

.social {
	float:right;
    margin:0;
	padding:0;
	width:286px;
	height:520px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_social_bg.gif) bottom no-repeat;
}

.social .box {
    margin:0;
	padding:0;
	clear:both;
}

.social h2 { 
	margin:5px 8px 0;
	padding:0;
}

.social h2.tt { 
	margin:0;
	padding:0;
	height:6px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_social_tbg.gif) no-repeat;
}

.social h2.line { 
	clear:both;
	margin:0;
	padding:0;
	height:29px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_social_line.gif) no-repeat;
}

.social h3 { 
	margin:8px 0 5px;
	padding:0;
	font-size:0.75em;
	color:#006ec5;
}

.social p { 
	margin:4px 0;
	padding:0;
	font-size:0.75em;
	line-height:1.8em;
	color:#404040;
}

.social p a:link, .social p a:visited { color:#404040; text-decoration:none}
.social p a:hover, .social p a:active { text-decoration:underline}

.social .ban { 
    float:left;
	margin:5px 8px;
	_margin:5px 8px 5px 4px;
	padding:2px;
	border:1px solid #d1d1d1;
}

.social .duma { 
	margin:5px 8px 8px;
	padding:0;
}

/* 大banner */

#bigban {
	margin:10px 0 10px 3px;
	padding:0;
	width:480px;
	height:260px;
	overflow:hidden;
}

#bigban .photo {
	margin:0;
	padding:0;
}

#bigban .list {
	margin:1px 0 0;
	padding:0;
	height:29px;
	list-style:none;
}

#bigban .list li {
	display:inline;
	float:left;
	width:95px;
	height:29px;
	margin:0 0 0 1px;
	padding:0;
	text-align:center;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_bigban_tag.gif) bottom repeat-x;
	font-size:0.8em;
	line-height:2.3em;
	color:#FFFFFF;
}

#bigban .list li.active { background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_bigban_tag_on.gif) bottom repeat-x}

#bigban .list li a {
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	text-decoration:none;
}

#bigban .list li.active a { color:#FFF}

/* 話題 */

.topic { 
	margin:15px 0 15px 5px;
	padding:0;
	width:385px;
}

.topic h3 { 
	margin:0;
	padding:0;
}

.topic h4 { 
	margin:10px 0 5px;
	padding:0;
	font-size:0.75em;
	color:#e36600;
}

.topic p { 
	margin:5px 6px 10px 0;
	padding:0;
	font-size:0.75em;
	line-height:1.8em;
	color:#404040;
}

.topic p a:link, .topic p a:visited { color:#404040; text-decoration:none}
.topic p a:hover, .topic p a:active { text-decoration:underline}

.topic .ban { 
    float:left;
	margin:10px 10px 5px 5px;
	padding:2px 8px 2px 2px;
	border:1px solid #d1d1d1;
}

/* 便宜推薦 */

.sale {
	float:right;
    margin:5px 0 15px;
	padding:0;
	width:385px;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_sale_tabbg.gif) top repeat-x;
}

.sale .tab { 
    float:right;
	margin:0;
	padding:0;
	width:240px;
	height:30px;
	list-style:none;
	color:#006ec5;
}

.sale .tab li { 
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:80px;
	height:30px;
	text-align:center;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_sale_tab.gif) bottom no-repeat;
	font-size:13px;
	line-height:29px;
}

.sale .tab kbd { 
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:80px;
	height:30px;
	text-align:center;
	background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_sale_tab.gif) bottom no-repeat;
	font-size:13px;
	line-height:29px;
}

.sale .tab li.on { background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_sale_tab_on.gif) no-repeat}

.sale .tab kbd.on { background:url(/B2C_PageDesign/C000_Product/C000_Portal/Index/Images/index_sale_tab_on.gif) no-repeat}

.sale .tab a:link, .sale .tab a:visited { color:#666666; text-decoration:none}
.sale .tab a:hover, .sale .tab a:active { text-decoration:underline}

.sale ul { 
	margin:5px;
	padding:0;
	list-style:none;
	font-size:0.75em;
	line-height:1.7em;
	color:#404040;
}

.sale li { 
	margin:4px 0;
	padding:0;
}

.sale kbd { 
	margin:4px 0;
	padding:0;
}

.sale ul a:link, .sale ul a:visited { color:#404040; text-decoration:none}
.sale ul a:hover, .sale ul a:active { text-decoration:underline}

.sale .ban { 
    float:left;
	margin:5px;
	padding:7px 5px;
	border:1px solid #d1d1d1;
	text-align:center;
	font-weight:bold;
	font-size:0.75em;
	line-height:2em;
}

.sale .ban a:link, .sale .ban a:visited { color:#404040; text-decoration:none}
.sale .ban a:hover, .sale .ban a:active { color:#006ec5; text-decoration:underline}


/* 主題 */

.theme {
	clear:both;
    margin:5px 0 0;
	padding:0;
	text-align:center;
}

.theme h2, #main .theme h3 {
    margin:0;
	padding:0;
}

.theme .box {
	float:left;
    margin:0;
	padding:0 2px;
	width:126px;
}

.theme ul { 
	margin:10px 5px;
	padding:0;
	list-style:none;
	font-size:0.75em;
	line-height:1.7em;
	color:#404040;
}

.theme li { 
	margin:3px 0;
	padding:0;
}

.theme kbd { 
	margin:3px 0;
	padding:0;
}


.theme ul a:link, .theme ul a:visited { color:#404040; text-decoration:none}
.theme ul a:hover, .theme ul a:active { text-decoration:underline}

/* duma */

#crazyduma {
	color: #3B5998;
	position: absolute;
	width: 1280px;
	height: 620px;
	left: 0px;
	top: 90px;
	background-color:  rgba(255, 255, 255, 0);
	border: 0px solid #000;
	padding: 10px;
	align: center;
	margin-left: auto ;
  	margin-right: auto ;
  	margin-top: auto ;
  	margin-bottom: auto ;
  	z-index: 99;
}
#crazyduma2 {
	color: #3B5998;
	position: absolute;
	width: 1280px;
	height: 620px;
	left: 0px;
	top: 90px;
	background-color:  rgba(255, 255, 255, 0);
	border: 0px solid #000;
	padding: 10px;
	align: center;
	margin-left: auto ;
  	margin-right: auto ;
  	margin-top: auto ;
  	margin-bottom: auto ;
  	z-index: 99;
}