﻿
@import url('../ifooter/ifooter.css');
@import url('../ifooter/ifooter_1.css');
@import url('../ifooter/ifooter_2.css');
@import url('../ifooter/flexslider.css');

@charset "utf-8";
body {
	margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;

}
#content-header{
    width:100%;
    background-color:#131623;
    color:#eeeeee;
}
#menu-bar{
    border-top:1px solid gray;
    /*background-color:#131623;*/
    line-height:50px;
background: rgb(76,76,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjY2NjY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1OTU5NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQ1NDU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(102,102,102,1) 0%, rgba(89,89,89,1) 0%, rgba(165,165,165,1) 0%, rgba(84,84,84,1) 0%, rgba(44,44,44,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(0%,rgba(102,102,102,1)), color-stop(0%,rgba(89,89,89,1)), color-stop(0%,rgba(165,165,165,1)), color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(44,44,44,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 0%,rgba(89,89,89,1) 0%,rgba(165,165,165,1) 0%,rgba(84,84,84,1) 0%,rgba(44,44,44,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 0%,rgba(89,89,89,1) 0%,rgba(165,165,165,1) 0%,rgba(84,84,84,1) 0%,rgba(44,44,44,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 0%,rgba(89,89,89,1) 0%,rgba(165,165,165,1) 0%,rgba(84,84,84,1) 0%,rgba(44,44,44,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 0%,rgba(89,89,89,1) 0%,rgba(165,165,165,1) 0%,rgba(84,84,84,1) 0%,rgba(44,44,44,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-8 */
}

#footer-bar{
    width:100%;
        /*預設背景顏色, 讓不支援漸層的瀏覽器能呈現基本底色*/
        background: gray;

        /******跨瀏覽器的底色漸層CSS語法 (由上到下)********/ 

        /*Chrome的語法*/
        background:-webkit-gradient(linear, left top, left bottom, from(gray), to(black));

        /*FireFox的語法*/
        background: -moz-linear-gradient(top, gray, black);
        
        /*IE6~IE8的語法*/
        filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='gray', endColorstr='black');

        /* Opera 11.10+ */
        background: -o-linear-gradient(top, gray, black);

        margin: 0px;
}

.item{
    color:#dfe1e5;
    float:left;
    font-size:large;
    padding-left:1px;
}
.item a{
    color:#dfe1e5;
    float:left;
    font-size:medium;
    padding-left:30px;
    text-decoration:none;
}
.item > div{
    display:none;
}
.item:hover{
    color:white;
    cursor:pointer;
}
.item:hover > div{
    display:block;
    margin-left:30px;
    /*margin-top:10px;*/
}
.itemsub{
    position:absolute;
    z-index:9001;
    background-color:#e2e2e2;
    color:#343434;
    border-top:none;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    width:150px;
    font-size:small;
    text-decoration:none;
    padding-top:0px;
    padding-left:0px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.85);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.85);
    box-shadow:0 1px 3px rgba(0,0,0,0.85);
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
	
z-index: 899;
text-align: left;
overflow: visible;
border: 2px solid #fff;
background: #eee;
background: -moz-linear-gradient(center top,#eee,#E6E6E6) repeat scroll 0 0 transparent;
background-image: -webkit-gradient(linear,0 0,0 100%,from(#eee),to(#E6E6E6));
border-radius: 0px;
box-shadow:4px 4px 12px -2px rgba(30%,30%,30%,0.8);

}

.navmenu > li >a{
    color:#929395;

}

.topbar{
    background-color:#131623;
    color:#929395; 
    line-height: 15px;
    float:right;
    text-align:center;
    font-size:smaller;
}
.topbar:hover{
 color: #dfe1e5;
 cursor:pointer;
}


/*.text-01 {
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 color: #929395;
 line-height: 10px;
 font-weight: normal;
 letter-spacing: 0px;text-decoration: none;
}
a.text-01:hover {
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 color: #dfe1e5;
 line-height: 10px;
 font-weight: normal;
 letter-spacing: 0px;text-decoration: none;
}
.bg-01 {
background-image: url(image/10x325.jpg);
}
.bg-02 {
background-image: url(image/2x50.jpg);
}

.gradient {
   filter: none;
 }*/

.navmenu {
   list-style-type:circle;
   list-style-position:outside;
   padding-left:20px;
   padding-top:0px;

}


.navmenu li{

color: #444;

font-size: 13px;
background: url("../ifooter/nav_square.png") no-repeat 9px 12px;
padding: 3px 20px 0 22px;
line-height: 25px;

display: inline;
width: 150px;
}

.navmenu li2{

color: #585858;
font-size: 11.5px;
background-image:none;
padding: 0px 50px 0px 23px;
line-height: 20px;
display: inline;
width: 500px;
}

.navmenu li2:hover{
color: #000;
text-shadow: 2px 2px 3px #FFF;

}

.navmenu li:hover{
color: #000;
text-shadow: 2px 2px 3px #FFF;

}


.navmenu li a{
    text-decoration:none;
    font-size:x-small;
    font-weight:normal;
    color:gray;
}

dl { width: 200px; background: #fff;}
dt { background: #775; padding: 2px; margin: 2px; }
dd { margin: 2px; }
dt a { color: #FFF; }
dd a { color: #000; }

.searchbox{
    margin-top:10px;
    margin-right:50px;
    float:right;
    z-index:3;
    height:25px;
    vertical-align:middle;
    text-align:right;
    background-color:white;
    color:#343434;
    border-top:none;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    width:200px;
    font-size:small;
    text-decoration:none;
    padding-top:0px;
    padding-left:15px;
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px;
    border-radius: 15px;
}
