@charset "utf-8";
/* CSS Document */
body {
	background  : url(../images/containerBg.jpg) top center no-repeat #40220F;
	font-family : Helvetica, Verdana, Heiti TC, "微軟正黑體";
	font-size   : 12px;
	position    : relative;
	overflow-y  : scroll;
    overflow-x  : hidden;
	
}


a, a:link,
a:active,
a:visited {
	-webkit-transition : color 0.25s ease-out;
	-moz-transition    : color 0.25s ease-out;
	-o-transition      : color 0.25s ease-out;
	transition         : color 0.25s ease-out;
	color              : #630;
	outline            : none;
	text-decoration    : none;
	}
	a:hover { 
		color:#40220F;
		}


/* Page structure
*****************************************************************/
#container {
	width     : 100%;
	position  : relative;
	min-width : 1000px;
	
}


#branding {
	width      : 100%;
	background : #fff;
	position   : fixed;	
	z-index    : 1;
	}
	#branding h1{
		width          : 270px;
		padding        : 10px 35px 10px 55px;
		text-transform : uppercase;
		font-size      : 18px;
		font-weight    : bold;
		float          : left;
		}
	#branding span{
		float     : left;
		font-size : 14px;
		}	
	.linktop{
		padding : 10px 25px 0 25px;
		border-left  : 1px #999 dotted;}
		
	.linktop a:link,
	.linktop a:active,
	.linktop a:visited { 
		-webkit-transition : color 0.25s ease-out;
		-moz-transition    : color 0.25s ease-out;
		-o-transition      : color 0.25s ease-out;
		transition         : color 0.25s ease-out;
		color              : #666;
		outline            : none;
		text-decoration    : none;
		}
		
		.linktop a:hover { 
		color:#999;}
	
	#fb{
		position : absolute;
		top      : 10px;
		right    : 0px;
	}


/* NAV structure
*****************************************************************/

#nav {
	width      : 100%;
	position   : relative;
	padding    : 355px 0 0 0; 
}

#nav-page {
	width       : 100%;
	position    : relative;
	padding-top :40px;
}

	#nav span,
	#nav-page span
	{
		margin-left    : 0px;
		color          : #fff;
		
	}
	.bold{
		font-weight    : bolder;
		font-family    : 'Helvetica Bold ',sans-serif;
		color          : #FFF;
		letter-spacing : -4px;
		font-size      : 52px;
		line-height    : 100px;
	}
	.light{
		font-weight    : lighter;
		font-family    : 'Helvetica Light',sans-serif;
		color          : #fed;
		letter-spacing : -3px;
		font-size      : 44px;
		line-height    : 100px;
	}



.logo{
	position : relative;
	float    : left;
	margin-left : 55px;
}


.item {
	width      : 60px;
	height     : 60px;
	float      : left;
	overflow   : hidden;
	position   : relative;
	border     : 1px #fff solid;
}



.item img {
	position : absolute;
	border   : 0;
}

.item a {
	text-decoration : none;
}

.item .text {
	position : absolute;
	width    : 60px;
	height   : 120px;
	top      : 0px ;
	cursor   : pointer;
}

.hover1{
	height         : 60px;
	text-align     : center;
}

.hover2{
	height         : 56px;
	text-align     : center;
	line-height    : 25px;
}



.item h1 { 
	font-size    : 24px;
	color        : #FFF;
}


/* 產品 structure
*****************************************************************/
.p1{background:url(http://shop.think-different.com.tw/files/1/Image/p1.jpg)}

.p2{background:url(http://shop.think-different.com.tw/files/1/Image/p2.jpg)}

.p3{background:url(http://shop.think-different.com.tw/files/1/Image/p3.jpg)}
	
.p4{background:url(http://shop.think-different.com.tw/files/1/Image/p4.jpg)}
		
.p5{background:url(../images/p5.jpg)}

.h{padding-top : 7px;}
.h2{padding-top : 10px;}


/* 內容 structure
*****************************************************************/
#content {
	width      : 580px;
	margin     : 20px 0 55px 55px;
	text-align : left;
	padding    : 20px;
	background : url(../images/pagebg.png);
	border     : #FFF 1px solid;
	color      : #40220F;
	font-size  : 14px;
	line-height: 20px;
}

#content p {
	margin-bottom:20px;
}

#content h1{
	font-size     : 20px;
	margin-bottom : 20px;
	padding-left  : 20px;
	border-left   : #40220F 1px dotted;
	
	
}

#content h2{ 
	font-weight : bold;
	font-size   : 14px;

}

#content h3{ 
	
	font-size   : 12px;

}

#content .brand {
	width      : 265px;
	background : #FFF;
	float      : left;
	padding    : 10px;
}

	.info {
		margin-top : 10px;
		color      : #630;
	}


.item h2 { 
	font-size    : 12px;
	color        : red;
	line-height  : 25px;
	padding-left : 5px;
	text-shadow  : 1px  1px  3px  #000;
	font-weight  : normal;
}

.important{
	font-size : 30px;
}

.vimportant{
	font-weight : bold;
	color       : #900;
}

.slider2{
	width  : 580px;
	height : 386px;
}


/* buy structure
*****************************************************************/
#buy{
	width         : 130px;
	height        : 30px;
	padding       : 20px 10px 10px 10px;
	background    : url(../images/btbg.jpg);
	font-size     : 20px;
	line-height   : 20px;
	text-align    : center;
	border-right  : #40220F 1px solid;
	border-bottom : #40220F 1px solid;
	border-top    : #fC9 1px solid;
	border-left   : #fC9 1px solid;
}

#footer {
	height     : 200px;
	text-align : center;
	background : url(../images/footerBg.jpg) no-repeat;
	position   : relative;
}

.alltop{
	position : absolute;
	right    : 0px;
	bottom   : 50px;
}

#copyright{ 
	width       : 1000px; 
	margin      : auto; 
	text-align  : center; 
	padding-top : 160px;
	color       : black;
	
}





.maginB { margin-bottom : 10px;}

.maginR { margin-right : 10px;}

.maginL {margin-left : 55px;}

.maginT { margin-top : 10px;}

.hide { display : none;}

.clear { clear : both;}