@charset "utf-8";
/* CSS Document */
@media (min-width: 1200px) {

.container,.content{
    width: 1020px;
    margin:0 auto;
}
.container.top {
    width: 1096px;
    position: relative;
}
.container.bar, .container.content,.container.footer {
    width: 100%;
}
.container.bar {
    background-image: url(../images/all/bar_bg.gif);
    height: 44px;
    position: relative;
}
.container.content {
    background-image: url(../images/all/content_bg.png);
    background-repeat: repeat-x;
}
.menu {
    width: 1000px;
    margin: 0 auto;
}
}
@media (max-width: 1199px) {
	.container.bar {
    width: 100%;
    background-image: url(../images/all/bar_bg.gif);
    height: 44px;
    position: relative;
}
.container {
    width: 100%;
}
.menu,.container.top {
    width: 1000px;
    margin: 0 auto;
}
.searchbox{right: 100px;}
.container .top .date, .container .top ul{right: 5px;}
.container.top .logo a{
    left: -47px;
    top: 40px;
}
.container.content .main .content{
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    position: relative;
}
}
@media (max-width: 1020px) {
.container.content .main .content,.menu, .container.top,footer{
    width: 100%;
}
}
@media (max-width: 1000px) {
.menu {width:100%;}

}
@media (max-width: 970px) {
}
@media (max-width: 996px) {
}

@media (max-width: 992px) {
footer{width: 100%;}
.side1 .cd-main-content{
	display: none;
	}
.side1{
    margin: 0;
}

.side1 .linkbox .more {
    position: absolute;
    right: 0;
    top: 30px;
    display: none;
}
.secbox{
    padding-left: 15px;
}
.container.top .logo a{
    left: 0;
    top: 25px;
}

}

@media (max-width: 993px) {
.side1 .linkbox{
    padding: 10px 0 10px 0;
    overflow: hidden;
}
.side1 .linkbox ul li{
    margin: 7px 0 5px 0;
    padding: 0 7px;
}
	}
	
@media (max-width: 920px) {
footer .footpic {
    width: 275px;
    margin: auto;
}
footer .acc{
    border: none;
    width: 200px;
}
footer .txt02 .p{
    border: none;
    text-align: center;
    padding: 15px 0 0 0;
    float: none;
    margin: 0;
    clear: both;
}

footer .txt02 .p p {
    line-height: 16px;
    margin: 0 0 5px;
}
	}
@media (max-width: 805px) {
.container.footer {
    background-image: url(../images/all/foot_bg.gif);
}
	}

@media (max-width: 790px) {
.navbar-collapse{
    padding: 0;
}
	}
@media (max-width: 767px) {
.navbar-nav{
    background-color: #509FBC;
    margin: 0; z-index: 999;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.dropdown-menu>li>a{
    white-space: normal;
}
.navbar-nav li {
    border-bottom: 1px rgba(255, 255, 255, 0.23) solid;
    position: relative;
}
.dropdown-menu{
    max-width: 100% !important;
    background-color: #d9edf7 !important;
}
.dropdown-menu ul {
    background-color: #EAEAEA !important;
}
.navbar-nav .open .dropdown-menu>li>a:hover{
    background-color: rgba(255, 255, 255, 0.28) !important;
}
.navbar-nav li ul li {width: 100%;}
.navbar-default .navbar-nav>li.cut{display: none;}

.caret.navbar-toggle.sub-arrow {
    background-image: url(../images/all/arrow01.png);
    width: 16px;
    height: 16px;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 27px;
    top: 10px;
}
.nav li.last {
    display: block;
}
body .top li.last {
    display: none;
}
.banner{position: static;}
.banner01 {display: none;}
.banner02 {display: block;}

.container.top{
    margin-top: 90px;
}
body{
    background-position: 0 90px;
}
.logo a{
    background-image: url(../images/all/logo02.jpg);
    left: 0px !important;
    top: -79px !important;
    width: 336px !important;
    height: 69px !important;
    text-indent: -9999px;
}

.searchbox{
    right: 5px;
    top: -85px;
    z-index: 99;
    height: 80px;
}
.navbar {
    position: absolute;
    top: 80px;
    width: 100%;
    z-index: 9999;
}
.container.bar{
    position: static;
    background: none;
    height: 0;
    border-top: 2px #FFFFFF solid;
}
.navbar-default .navbar-toggle:focus span, .navbar-default .navbar-toggle:hover span{
    background-color: #A3C8D9;
}
.container.footer{
    background-image: url(../images/all/foot_bg02.gif);
}
footer .txt01{
    text-align: center;
}

footer .txt01 ul{float: none;text-align: center;display: inline-block;}
footer .txt01 ul li{padding: 0;}	
}

@media (max-width: 570px) {
.container.top .logo a{
    background-image: url(../images/all/logo03.jpg);*/;
    width: 258px !important;
    height: 71px !important;
}
.secbox .titlebar .bread{
    left: 0;
    top: 45px;
}
.sec1{
    margin: 60px 0 0 0;
}
}
@media (max-width: 480px) {
.container.top .logo a{
    background-image: url(../images/all/logo04.jpg);*/;
    width: 78px !important;
    height: 71px !important;
}
}
@media (max-width: 380px) {
footer .txt01 ul li{
    padding: 0;
    font-size: 100%;
}
footer .txt01{
    margin: 0;
}

}
/*------------------左選單-----------------------------*/
@media only screen and (min-width: 768px){
.side1 .cd-side-nav a {
    font-size: 1.2rem;
    text-align: left;
}
.side1 .cd-side-nav > ul > li > a::before {
    left: 18px;
}
.side1 .has-children ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100% !important;
    padding: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.side1 .cd-side-nav .has-children.selected > a {
    background-color: transparent;
}

}