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

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

.footer{
	color:#fff;
	background-color:#069;
	text-align:center;
	padding:24px 0;
}

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

.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);
}


.more{margin:16px 0;}
.more a{
	border-radius:12px;
	border:2px solid #fff;
	color:#fff;
	padding:8px 12px;
	-webkit-transition: border 0.4s, color 0.4s; /* Safari */
    transition: border 0.4s, color 0.4s;
}

.more a:hover{ color:#3FF; text-decoration:none; border-color:#3FF;}


.guide a{ color:#09f; border-color:#09f;}

#menu .nav.navbar-nav.navbar-right{ margin-top:0; margin-bottom:0;}
#menu .nav.navbar-nav.navbar-right li { text-align:center;}
#menu .nav.navbar-nav.navbar-right li a { font-size:1.1em; font-family:"Arial Black", Gadget, sans-serif; line-height:1.6em; padding-top:24px; padding-bottom:24px;-webkit-transition:background 0.5s; transition:background 0.5s;}
#menu .nav.navbar-nav.navbar-right li a span{ font-size:0.8em; color:#09F;}

@media (min-width:768px){#menu .nav.navbar-nav.navbar-right li a { font-size:0.8em;}}
@media (min-width:992px){#menu .nav.navbar-nav.navbar-right li a { font-size:1.1em;}}


.navbar-header .navbar-brand img{ width:auto; height:36px; padding-top:4px;}

@media (min-width:768px){
	.navbar-header .navbar-brand { padding:15px 0 0 15px;}
	.navbar-header .navbar-brand img{ width:auto; height:36px;}
}

@media (min-width:992px){
	.navbar-header .navbar-brand { padding:10px 0 0 15px;}
	.navbar-header .navbar-brand img{ width:auto; height:52px;}
}

#menu .nav.navbar-nav.navbar-right li a:hover{ background-color:#ccc;}

#carousel-banner{ margin-top:95px; display:none;}
@media (min-width:768px){#carousel-banner{ margin-top:100px; display:block;}}
@media (min-width:992px){#carousel-banner{ margin-top:106px;}}


#carousel-banner2{ margin-top:95px;}
@media (min-width:768px){#carousel-banner2{display:none;}}

.top_news_title{ color:#fff; text-align:center;}
.top_news_title h1{font-family:"Arial Black", Gadget, sans-serif; margin:0; padding-top:48px;}
.top_news_title h4{ margin-bottom:0;}


.top_news_list h5{
	margin:0;
	padding:15px;
	border-bottom:1px dotted #999;
	color:#069;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}
.top_news_list h5 a{}
.top_news_list h5:last-child{ border:none;}

@media (min-width:768px){
	.top_news_title{ padding-right:0}
	.top_news_list{ padding-left:0;}
}

.news_more{ display:none;}
@media (min-width:992px){.news_more{ display:block;}}




.news_link{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; opacity:0; background-image:url(images/bgdot.png); -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}

.news_link:hover{ opacity:1;}

.news_link p{ color:#fff; font-size:2em; padding-top:100px;}

.top_about{ text-align:center; color:#fff;}
.top_about h1{font-family:"Arial Black", Gadget, sans-serif; margin:0; padding-top:64px;}
.top_about p{ font-size:1.1em;}


.top_pro{height:320px; position:relative; text-align:center;}

.top_pro_text{width:92%; height:80px; position:absolute; top:200px; background-color:#fff; margin:0 4%; padding:8px 15px; overflow:hidden; -webkit-box-shadow: 0 0 15px #999;-moz-box-shadow: 0 0 15px #999;box-shadow: 0 0 15px #999; z-index:6;}

.top_pro_text p{
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;	
}

.top_pro_pic{ height:240px; background-position:center; background-size:cover; position:relative; -webkit-box-shadow: 0 0 15px #999;-moz-box-shadow: 0 0 15px #999;box-shadow: 0 0 15px #999;}


.top_pro_list{ margin:12px 0;}

.top_contact{ text-align:center;}
.top_contact h1{font-family:"Arial Black", Gadget, sans-serif; margin:0; padding-top:64px;}
.top_contact p{ font-size:1.1em;}


@media (min-width:768px){.gbr{ display:none;}}


/* set slider arrow color ! */
/*.slick-prev:before, .slick-next:before {
    color:#0071b7 !important;
}
.responsive_slick{
	margin:0 -8px 0 -8px;
}*/
.pro_slider{
	/*margin:8px 16px 8px 8px;*/
	margin:8px 0;
	padding:8px;
	border:1px solid #ccc;
	height:auto;
	border-radius:4px;
}

.pro_slider h4{ border-bottom:2px solid #09f; padding-bottom:12px;}
.pro_slider h4 a{ color:#09f}
.pro_slider h4 a:hover{ color:#036; text-decoration:none;}
.pro_slider ul{
	list-style:none;
	padding:0;
}
.pro_slider ul li{
	background-image:url(../../images/circle_blue_16_ns.png);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom:1px dashed #ccc;
	padding:4px 0 4px 20px;
	margin:4px 0;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;	
}

.pro_slider ul li a{color:#555;}



.pro_slider img{ width:100%; height:auto;}
@media (min-width:768px){
	.pro_slider img{ width:400px; height:auto;  position: absolute; top:0; left:50%; margin-left:-200px;}
	.pro_slider{height:280px;}
	.pro_slider .pic_wrapper{ overflow:hidden; text-align:center; width:100%; height:240px; position:relative;}
}

.page_about_con .pro_slider{height:auto;}
@media (min-width:768px){.page_about_con .pro_slider{height:480px;}}



.page_banner{margin-top:95px; display:none;}
@media (min-width:768px){.page_banner{ margin-top:115px; display:block;}}
@media (min-width:992px){.page_banner{ margin-top:126px;}}

.page_banner_s{margin-top:95px;}
@media (min-width:768px){.page_banner_s{ display:none;}}


.side_title{ background-color:#09f; color:#fff; padding:8px 8px 16px 16px; }

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

.side_bar ul li{border-bottom:#ccc solid 1px; margin:0;}

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

.side_bar ul li a{ display:block; color:#09f; padding:16px 0; background-color:#eee;}

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



.side_bar .side_sub li a{ font-size:0.8em; background-color:#d2eaf1; color:#31849b;}


.page_about_con p{ font-size:1.1em;}


.about_title{ color:#09f;}
.about_title img{ float:left; margin:1px 12px 0 0; width:auto; height:32px;}


@media (min-width:768px){.guide{ display:none;}}

/*.about_core{background-position:center; background-size:cover; color:#fff; text-align:center; font-size:1.2em; height:240px; padding-top:108px;}*/

.about_core .col-xs-6{ margin:12px 0;}

.pol_s{ margin:12px 0;}
.pol_b{ display:none; margin:12px 0;}
@media (min-width:992px){ 
	.pol_b{ display:block;}
	.pol_s{ display:none;}
}

.media{border-bottom:1px dashed #ccc;}

.media a{ text-decoration:none;}

.media .news_date{width:64px; height:64px; background-color:#333; color:#fff; margin-bottom:8px;}
.media .news_date:hover{ background-color:#09f;}

.media h5{margin:0; padding:12px; font-size:1.1em; line-height:1.3em;}


.table-container
{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}
table{border:0; border-collapse:collapse; color:#31849b;margin-top:12px;}
table td,table th{ padding:.5em 1em}

.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}

.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container{ text-align:center;}

.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table{  border-bottom:1px solid #31849b;}

.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table tr th { padding-top:16px; padding-bottom:16px; border-top:1px solid #31849b; border-bottom:1px solid #31849b; text-align:center; vertical-align:middle;}
.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table tr td { padding-top:16px; padding-bottom:16px; border:none; vertical-align:middle;}

.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table tr td a{ color:#09f;}

.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table tr:nth-child(even) { background-color:#d2eaf1;}

.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table tr td ul{ padding-left:20px; text-align:left; vertical-align:middle;}
@media (min-width:992px){ 
.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table tr td ul{ padding-left:40px;}
}


.banner_block .container-fluid .row .col-sm-8.col-md-9.page_about_con .table-container .table tr td img{ max-width:64px;}



.app_con h3{ border-bottom:2px solid #09f;margin-top:0; padding-bottom:12px; color:#09f;}
.app_con h3 a{ color:#09f}
.app_con h3 a:hover{ color:#036; text-decoration:none;}


.app_con p{ 
	background-image:url(../../images/circle_blue_16_ns.png);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom:1px dashed #ccc;
	padding:4px 0 4px 20px;
	margin:4px 0;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}

.app_con img{margin-bottom:8px;}

.app_row{margin-bottom:24px;}


.cate_con{ text-align:center;}
@media (min-width:992px){.cate_con img{ width:100%; height:96px;}}
.cate_con a{ color:#09f;}
.cate_con h4, .cate_con p{
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
	color:#999;
}

.cate_list{ margin:12px 0; padding:8px 0; border-bottom:1px dashed #999;}
.cate_list img{ float:left; width:64px; height:64px;}
.cate_list .cate_body{ margin-left:72px;}

.cate_list h4{ 
	padding-bottom:8px; 
	border-bottom:1px solid #09f; 
	margin-top:0;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}
.cate_list h4 a{ color:#09f;}
.cate_list h4 a:hover{ color:#036; text-decoration:none;}
.cate_list p{ 
	color:#999;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}



.page_back{ float:right; padding-top:12px;}

.page_back a{padding:4px 8px; background-color:#09f; color:#fff; border-radius:8px;}
.page_back a:hover{ text-decoration:none; background-color:#036;}
.page_back span{ font-size:0.9em;}