@charset "utf-8";

/*-------------------------------------*/
/* FORMAT */
/*-------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,br,hr,blockquote,th,td,label {
	margin:0;   
	padding:0;   
}

html{
	overflow-y:scroll;
}

body {
	background:#000;
	color:#e6e6e6;
	text-align:center;
	font-family:Arial, "新細明體", sans-serif;
}

hr{
	display:none;
}

img{    
	border:0;
	vertical-align:bottom;
}

fieldset{
	border:0;
}

ol,ul
{
	list-style:none;   
}

th{  
	text-align:left;
	vertical-align:top;
}

tr{  
	vertical-align:top;
}

table{  
	border-collapse:collapse;
	border-spacing:0;
}

/*-------------------------------------*/
/* CLEARFIX */
/*-------------------------------------*/
.sectionBase:after
{
	content:"";
	display:block;
	height:0;
	clear:both;
	font-size:0;
	line-height:0;
	visibility:hidden;
} 

.sectionBase
{
	display:inline-table;
	min-height: 1%;
}

/* hides from ie-mac \*/
* html .sectionBase
{
	height:1%;
}

.sectionBase
{
	display:block;
}
/* end hide from ie-mac */

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:url(../images/profile/bg-detail.png) repeat top left;padding:30px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/common/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/common/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../images/common/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:15px; right:15px; display:block; background:url(../images/common/btn-close.png) no-repeat top center; width:26px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}