@charset "utf-8";
/* CSS Document */

.header .container
{
    width :1022px !important;
    max-width: none !important;
    background-image: url(../image/header_bg.jpg);

}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}

/*.carousel-control {
    width: 5%!important;
}*/

.nav .open > a,
.nav .open > a:focus {
	color:rgba(58,23,176,1.00);
}

.nav-pills>li a:focus ,
.PillsHover:focus ,
.nav-pills>li :hover{
	color:rgba(58,23,176,1.00);
}

.dropdown-toggle:focus {
    color:rgba(58,23,176,1.00);
}

.dropdown-menu-login,
.dropdown-menu-login a:hover
{z-index: 1200;}

.open>.dropdown-menu {
    display: block;
	z-index: 10000;}

.stairs_10{
	z-index: 1000!important;
}




/*.img { max-width:100%; height:auto; }*/
a .gotop {
    position: fixed;
    right: 0px;
    bottom: 10px;
    padding: 10px;
    background: #870002;
    color: #fff;
}
* {font-family: "Microsoft Sans Serif", "Microsoft JhengHei UI", "微軟正黑體", Arial, "Arial Black";}
.fixed_QA{
	margin-right: 2em;
	margin-top: 2em;
	z-index: 10;
	
}

nav .container .col-xs-12 .col-sm-6 .nav.navbar-nav li a{
	vertical-align: super;
}

nav .container .col-xs-12 .col-sm-6 .nav.navbar-nav li span{
	vertical-align: super;
}

.navbar-nav>li>.dropdown-menu{z-index: 10000;}

.nav-pills>li{margin-top: 1em;}
	
.nav-pills{z-index:10000;}

/*header*/
.nav .navbar-inverse{background: #192245;}
.nav>li>a>img{margin-top: 0.5em;}

/*.nav > li > a > span > .caret {margin-left: 2.8em;}*/
/*footer*/

footer {
    background: #152e48;
    color: #fff;
    line-height: 2em;
    padding-top: 30px;
}

footer a {
    color: #fff;
}

footer a:active,
footer a:visited {
    /*color: #2C7CBB;*/
}

footer a:hover {
    color: #2C7CBB;
    text-decoration: none;
}

footer h3 {
    margin-bottom: 25px;
    display: block;
    font-weight: bold;
}

footer .col-sm-4 {
    margin: 10px 0px 5px 0px;
}

footer p.line,
footer p.faceb,
footer p.bi,
footer p.qa {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 50px;
    padding: 10px 0px 10px 50px;
    line-height: 1.1em;
}

.line {
    background-image: url(../image/line.png);
}

.faceb {
    background-image: url(../image/fb.png);
}

.bi {
    background-image: url(../image/b.png);
}

.qa {
    background-image: url(../image/qa.png);
}

.container .copyright.row  {
    padding-top: 30px;
    padding-bottom: 30px;
}

.container .copyright.row  * {
    vertical-align: sub;
    display: inline;
    line-height: 2.5em;
}

.container .copyright.row  span {
    margin-right: 10px;
    /*vertical-align: top;*/
}

	.copyright * {
    vertical-align: sub;
    display: inline;
    line-height: 2.5em;
}
	
	.copyright span {
    margin-right: 10px;
    /*vertical-align: top;*/
}

footer .left {padding-top:1em; padding-bottom:1em; margin-top:1em; }
	footer .center {padding-top:1em; padding-bottom:1em; }
	footer .right {padding-top:1em; padding-bottom:1em; }
	footer h3{font-size:1.2em; }
	


/*gotop*/

a .gotop {
    position: fixed;
    right: 0px;
    bottom: 10px;
    padding: 10px;
    background: #870002;
    color: #fff;
}
.container .row .breadcrumb {
	background-color: #EFF2FD;
	
}






/*header*/

.header .navi a:hover,
.header .navi a:active,
.header .navi a:visited,
.header .navi a:link {
    color: #FFF;
    text-decoration: none;
    background: transparent !important;
}

.header .navbar-default .navbar-nav > li > a {
    color: #fff;
	text-align: center;
}

.header {
    margin :0 auto;
    width : 1022px;

	color: #fff;
	background-image: -webkit-linear-gradient(270deg,rgba(25,34,69,1.00) 0%,rgba(27,52,126,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(25,34,69,1.00) 0%,rgba(27,52,126,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(25,34,69,1.00) 0%,rgba(27,52,126,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(25,34,69,1.00) 0%,rgba(27,52,126,1.00) 100%);
}
/*.header .container{
    width : 970px;
}*/

small{
    font-size: 85% ;
}
.header a {
    color: #FFF;
    text-align: center;
    font-size: 1.1em;
}

.header .navbar-brand {
    padding: 0px;
    height: auto;
}

/*.header .navbar-nav > li > a {
    line-height:25px;
}*/


/*nav*/

.dropdown-men {
    width: 100%;
}

.header .navbar-default .navbar-toggle .icon-bar {
    color: #fff;
    border-color: #fff;
    background: #fff;
    height: 50px;
}

.header .navbar-default {
    background: none;
    border: none;
    height: 50px;
}

.header .navbar {
    min-height: inherit;
    background: #6b7a86;
    margin-bottom: 0px
}


/*.nav > li > a:hover,
.nav > li > a:focus {
    background: none;
}*/

/*.header .nav li i.glyphicon-user,
.header .nav li i.glyphicon-pencil ,
.header .nav li i.glyphicon-headphones ,
.header .nav li i.glyphicon-cart ,
.header .nav li i.glyphicon-log-in ,
{
    padding-top: 10px;
}*/

.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:hover,
.header .navbar-default .navbar-nav > .open > a:focus {
    color: #2A78B8;
    background: #fff;
}

@media (max-width:480px) {
	.nav > li > a i {
	/*margin-top:1em;*/
	margin-right:0.3em;
	font-size: 1.2em;
}
.nav-pills>li{margin-top: 0em;
	margin-bottom: .3em;}
	

}
	
	
	/*---------------------------手機版_END------------------------------*/
@media screen and (min-width:481px) and (max-width:768px){
	/*header*/

.gotop {
	width: 10px;
}
.gotop {
	display: none;
}


	


	}
/*---------------------------平版_END------------------------------*/	
@media (max-width: 768px){
	
.nav.navbar-nav.navbar-right .pull-right a span {
display: none;
}
}


/*---------------------------電腦版_END------------------------------*/