@charset "utf-8";

body{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
}

.container-fluid{max-width:1280px;}

#menu .nav.navbar-nav{ margin-top:0; margin-bottom:0;}

@media (min-width:768px){#menu .nav.navbar-nav.navbar-left{margin-left:-12px;}}

#menu .nav.navbar-nav li {
	padding:8px 0;
	margin:0;
	border-top:1px solid #ccc;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

#menu .nav.navbar-nav li a {color:#fff;}
#menu .nav.navbar-nav li a:hover{background-color:#900; color:#ffc500;}

@media (min-width:768px){
	#menu .nav.navbar-nav li {border-top:none;}
}

@media (min-width:992px){
	#menu .nav.navbar-nav li {padding:24px 0;font-size:1.2em;}
}

.navbar, .navbar-inverse, .navbar-static-top, .collapse, .navbar-collapse{ border:none;}


.navbar-brand{
	margin:0;
	padding:8px 0 0 12px;
}

.navbar-header .navbar-brand .logo{ display:none;}
@media (min-width:768px){.navbar-header .navbar-brand .logo{height:72px; display:none}}
@media (min-width:992px){.navbar-header .navbar-brand .logo{height:104px;}}

.navbar-header .navbar-brand .logo_s{height:32px;}
@media (min-width:768px){.navbar-header .navbar-brand .logo_s{ display:none}}

.navbar-inverse{ background-color:#b70500;}

.share{margin:8px 0;}
.share img{margin:0 4px 0 0;}

.top_about{border-left:none; padding-left:auto;}
@media (min-width:992px){.top_about{border-left:1px solid #ccc; padding-left:32px;}}


.top_title{text-align:center;}

.top_title h1{margin:12px 0; font-family:"Futura Md BT","Arial Black"}
.top_title h4{margin:8px 0;}


.red_line{
	width:96px;
	height:8px;
	background-color:#c00;
	margin:24px auto;
}
.more{margin:16px 0;}
.more a{
	background-color:#b70500;
	color:#fff;
	padding:8px 12px;
}
.more a:hover{background-color:#900; color:#ffc500; text-decoration:none;}

.logo_ab{ display:none;}
@media (min-width:768px){
	.logo_ab{ display:block;}
	.logo_ab img{ width:auto; height:72px;}
}
@media (min-width:992px){.logo_ab img{ height:104px;}}

.top_news p, .top_news h4{
	color:#777;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}


.top_pro{margin:12px auto;}

.top_pro p{
	color:#777;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}

.top_pro h5{
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}

.top_contact h1{margin:0; padding:0;}
.top_contact h3{margin:12px 0; padding:0 0 8px 0; border-bottom:1px solid #fff; font-size:1.6em;}
.top_contact p{font-size:1.1em;}



.page_banner{
	background-position:center;
	background-size:cover;
	text-align:center;
	height:320px;
}

@media (min-width:400px){.page_banner img{margin:0;}}

.page_banner .top_title h1{font-size:1.4em;}
@media (min-width:768px){.page_banner .top_title h1{font-size:1.8em;}}
@media (min-width:992px){.page_banner .top_title h1{font-size:2.2em;}}

.side_bar ul{list-style:none;padding:0;}

.side_bar ul li{border-bottom:#600 dotted 1px;}

.side_bar ul li span{ float:right; padding-right:12px;}

.side_bar ul li a{ display:block; color:#600; padding:16px 0; background-color:#e2d7c1;}

.side_bar ul li a:hover, .side_bar ul li a:focus{background-color:#C96; text-decoration:none;}

.side_title{padding:12px; background-color:#600; color:#fff; text-align:center;}

.side_title h3{padding:24px 0;margin:0; border:2px dashed #fff; line-height:1.6em;}
.side_title h3 span{ font-size:0.8em;}

.page_content h3{
	color:#600;
	padding-bottom:12px;
	margin:12px 0;
	border-bottom:1px solid #600;
}

.page_content .about_pic img{padding:0 0 12px 0;}
@media (min-width:768px){.page_content .about_pic img{padding:0 16px 12px 0; float:left; max-width:240px;}}
@media (min-width:992px){.page_content .about_pic img{padding:0 16px 12px 0; float:left; max-width:320px;}}

.page_content .row .col-sm-6{margin:12px auto;}

.agent_con{height:240px; text-align:center; color:#fff; padding:12px; background-position:center; background-size:cover;}

.about2_row h4{color:#600;}

.qna_pic{ float:left; margin:15px 0;}
.qna_text{ padding:4px 0 8px 64px; border-bottom:#999 1px dashed;}
.qna_text h5{ color:#963;}

.pagination li a{ color:#900;}
.pagination li a:hover, .pagination li a:focus{ color:#600;}

.pagination .active a{ background-color:#900; border-color:#600;}
.pagination .active a:hover, .pagination .active a:focus{ background-color:#600; border-color:#600;}

.backtop{
	position:fixed;
	z-index:12;
	width:100%;
	height:auto;
	text-align:right;
	top:100%;
}
.backtop img{
	cursor:pointer;
	width:70px;
	height:auto;
	margin-right:0;
	margin-top:-110px;
	-webkit-box-shadow: 0 0 4px 0 #999; 
	-moz-box-shadow: 0 0 4px 0 #999; 
	box-shadow: 0 0 4px 0 #999;
	background: rgba(0%,0%,0%,0.5);
}
@media (min-width:768px){.guide{ display:none}}

.modal-content .modal-header{ background-color:#600; color:#fff; border-top-left-radius:4px; border-top-right-radius:4px;}
.modal-content .modal-header .close{ color:#fff; filter: alpha(opacity=100); opacity:1;}

.modal-content .modal-body h4{ color:#600; padding-bottom:8px; border-bottom:1px dashed #600;}

.modal-content .modal-body p{ color:#555; font-size:1.1em;}

.modal-content .modal-footer{ background-color:#600; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.modal-content .modal-footer button{ color:#600;}

.contact_block1 .form-group label span{ background-color:#900; color:#fff; font-size:0.8em; border-radius:4px; padding:2px 8px;}