/* CSS Document */

html, body {
	margin: 0;
	-webkit-transition:opacity 400ms;
	   -moz-transition:opacity 400ms;
	        transition:opacity 400ms;
	font-family: 'Helvetica Neue', Roboto, 'Segoe UI', Calibri,sans-serif;
	background-position: center top; 
	background-repeat: no-repeat;
min-width:1280px;
}

#microheader { display:block; position:relative; z-index:110000; width:100%; overflow:visible; border:none; background:none;}
#microheader #microheader-content { margin:0 auto; padding:0px; max-width: 1024px; width: 80%;}
/*#microheader #microheader-content ul li a { word-spacing:0; }
#microheader * { position:relative; z-index:100002; }*/
#microheader::after { display:none; }
#microheader li a { text-shadow:none; }

/*#microheader .buynows { margin-top:.8em; }*/

#microheader .product-header-background { position:absolute; z-index:100001; left:0; bottom:0px; margin-top:0px; width:100%; height:50px; /*background:rgba(252,252,252,.85);*/background:rgba(255,255,255,.7); opacity:0; }

.product-nav-wrapper #microheader .line { position:absolute; z-index:100001; *z-index:100005; left:50%; width: 100%; bottom:-30px; *bottom:-4px; margin-left:-490px; border-bottom:1px solid #d1c6b3; }

#microheader ul { float: right; margin: 0; padding: 0;}
#microheader ul li { height: 50px;}
#microheader ul li a { color: #333; float: left !important; margin-top: 1.2em; margin-left: 6px; margin-right: 6px; padding: 0; text-decoration: none; }
#microheader ul li a:hover { color: #08c;}

/*#microheader { padding: 0em 0 0em; overflow: hidden; margin: 0 auto; *position: relative; *height: 39px; }
#microheader h1, 
#microheader h2 { display: inline; float: left; margin: 0 0 6px 0px; padding: 0; margin-bottom: 6px !important; font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; font-size: 18px; background-color: rgba(0,0, 0, 0.7);}
#microheader h1 a, 
#microheader h2 a { line-height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; height: 32px; outline: none; text-decoration: none; text-indent: -9999px; *position: relative; }*/
h2 {width:100%; display: inline; float: left; margin: 0 0 6px 0px; padding: 3px 3px 3px 3px; margin-bottom: 6px !important; font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; font-size: 18px; background-color: rgba(0,0, 0, 0.5); color:#FFFFFF;}

body#overview #microheader h1 a, 
body#overview #microheader h2 a { cursor: default; }

@media only screen and (max-device-width:768px) and (orientation:portrait) {
	#globalheader #globalnav li a span,
	#globalheader #globalsearch .sp-label,
	#microheader h2 img { -webkit-transform:translateZ(0); }
}
#microheader h2 a { text-indent:0; }
#microheader h2 a img { margin-top:-5px; }
/*#microheader li a { text-shadow:#000 0 1px 0; }*/
#microheader ul li a { margin-left:7px; }
#microheader .submenu ul { display: none; }
#microheader ul li:hover > ul { display: block; }

#nav-bar{
opacity: 1;
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;
min-width:1280px;
height: 50px;
background:rgba(252,252,252,.85);
/*background: rgba(16,16,16,.85);*/
display: block;
line-height: 0.66;
font-size: 16px;
/*font-weight: bold;*/
font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
color: #333;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
box-shadow: 0px 0px 5px #FFF;
}
#empty-nav-bar{
top: 0;
left: 0;
width: 100%;
height: 50px;
}

.empty-space{
top: 0;
left: 0;
width: 100%;
min-height: 50px;
}
.section-header{
font-size: 24px;
}
#empty-nav-bar-smaller{
top: 0;
left: 0;
width: 100%;
height: 50px;
}
#titleimage
{
max-width:1920px;
background-image: url('./files/img/taipei.jpg');
background-position: center; 
background-repeat: no-repeat;
height: 720px;
}
#emptytitleimage
{
max-width:1920px;
background-position: center; 
background-repeat: no-repeat;
}
#container{
/*top: 50px;*/
margin: 0 0 0 0;
padding: 0;
max-width: 1920;
font-size: 18px;
background-repeat: no-repeat;
}
.content_white{
/*top: 50px;*/
width: 80%;
margin: auto;
padding: 5px 5px 5px 5px;
background-color: rgba(255, 255, 255,0.95);
font-size: 18px;
background-position: center; 
background-repeat: no-repeat;
min-height: 100%;
}
.content_grey{
/*top: 50px;*/
width: 80%;
padding: 5px 5px 5px 5px;
margin: auto;
min-height: 100%;
font-size: 18px;
/*background-color: #e2e2e2;*/
background-color: rgba(226, 226, 226, .7);
background-position: center; 
background-repeat: no-repeat;
}
.content_lightgrey{
/*top: 50px;*/
width: 80%;
padding: 5px 5px 5px 5px;
margin: auto;
font-size: 18px;
background-color: #f2f2f2;
background-position: center; 
background-repeat: no-repeat;
}
.content_trans{
/*top: 50px;*/
width: 80%;
margin: auto;
padding: 5px 5px 5px 5px;
background-color: none;
font-size: 18px;
background-position: center; 
background-repeat: no-repeat;
}
.box {
  display: inline-block;
  width: 32%;
  padding: 5px 2px 5px 2px;
  margin: 0px 0px 0px 0px;
  background-color: #f2f2f2;
  text-align: left;
  vertical-align: top;
  background-color: rgba(255, 255, 255, .7);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: right top; 
  min-height: 256px;
}
.box h2 {background: none;}
hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #000; /* old IE */
    background-color: #000; /* Modern Browsers */
}

#frontpageimgdesc{
    text-align: left;
	width: 40%;
margin: 5% auto 0 15%;
    padding: 5px 5px 5px 5px;
    font-size: 18px;
	text-shadow:0px 0px 15px #000;
	color: #FFF;
/*  background-color: rgba(0, 0, 0, .3);*/
    font-family: 'Helvetica Neue','Microsoft YaHei', 'Microsoft JhengHei', Arial, Helvetica, sans-serif, "MHei","Lucida Grande", "Lucida Sans Unicode", "STHeiti Light", "Helvetica","Arial","Verdana","sans-serif";
}
#frontpageimgdesc a{
	text-decoration: none;
	color: yellow;
	margin-left: 12px; 
	margin-right: 12px;
}
#titleimgdesc{
    text-align: left;
	width: 80%;
	margin: 0 auto 0 auto;
    padding: 5px 5px 5px 5px;
    background-color: rgba(242,242, 242, 0.7);
    font-size: 16px;
    text-align: center;
    font-family: 'Helvetica Neue','Microsoft YaHei', 'Microsoft JhengHei', Arial, Helvetica, sans-serif, "MHei","Lucida Grande", "Lucida Sans Unicode", "STHeiti Light", "Helvetica","Arial","Verdana","sans-serif";
}
#titleimgdesc a{
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	margin-left: 12px; 
	margin-right: 12px;
	color: #333;
}
#titleimgdesc a:hover{
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	/*margin-left: 12px; 
	margin-right: 12px;*/
	color: #08c;
}
#footer {text-align: center; padding: 5px 5px 20px; 5px;}
#footer ul { display: inline; margin: 0; padding: 0;}
#footer ul li { display: inline;}

    ul.drop-down-menu {
/*        font-family: 'Open Sans', Arial, sans-serif;*/
        font-size: 16px;
    }

    ul.drop-down-menu li {
        position: relative;
        white-space: nowrap;
	list-style-type: none;
    }

    ul.drop-down-menu > li:last-child {
        border-right: none;
    }

    ul.drop-down-menu > li {
        float: left;
    }  
    
     ul.drop-down-menu a {        
    }
    ul.drop-down-menu a:hover {
    }
    ul.drop-down-menu li:hover > a {
    }
    ul.drop-down-menu ul {
        position: absolute;
        z-index: 99;
        left: -1px;
        top: 101%;
		display: none;
		background:rgba(252,252,252,.9);
		box-shadow: 0px 0px 3px #FFF;
    }

    ul.drop-down-menu ul li {
    }

    ul.drop-down-menu ul li:last-child {
        border-bottom: none;
    }
  ul.drop-down-menu ul {
        display: none;
    } 

    ul.drop-down-menu li:hover > ul { 
        display: block;
    }
#footer a { text-decoration:none; }
#footer .submenu { font-size: 16px; }
#footer td { text-align: center;  padding: 5px;  vertical-align: top;}
#pageheader
{
max-width:1920px;
/*background-image: url('./files/img/taipei.jpg');*/
background-position: center; 
background-repeat: no-repeat;
color: #FFF;
}
.sponser th td
{
	padding: 10px;
	
}
.sponser table
{
	border-spacing: 5px;
	margin: 0 auto; 
}