*{
	font-family:Arial,'microsoft jhenghei';
}

html,
body {
    height: 100% !important;
}

img{
	max-width: 100%
}

#wrapper{
	width: 100%;
	max-width: 1600px;
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
}

.index_top{
	font-size: 35px;
	background-color: transparent;
	border-color: transparent;
	background-image: url(../images/index_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}


.index_top .index_link li a {
	color:#012265;
	font-weight: bold;
}

.index_top .index_link .active a:hover,
.index_top .index_link .active a{
	background-color: transparent;
}

.main_in{
	position: relative;
	height: 861px;
	overflow: hidden;
}

.main_bk{
	background-image: url(../images/in_banner.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}


.index_banner{
	width: 50%;
	position:absolute;
	top:285px;
	bottom:auto;
	left:auto;
	right: 20px;
	margin: auto;
	z-index: 0
}


.main_in .index_top .navbar-brand {
  font-size:100%;
  margin-left: -20px;
}

/*首頁資訊*/
#index_info{
	overflow: hidden;
	box-shadow:inset 0 7px 10px -5px rgba(0,0,0,.2);
}

#index_info div{
	font-size: 20px;
	color: #0c0c0c;
	overflow: hidden;
}

#index_info .index_v{
	padding-top: 20px;
	padding-bottom: 0px;
}

#index_info  b{
	color: #555454;
	font-size: 18px;
	display: block;
	padding-bottom: 10px
}

#index_info  b:after{
	content: url(../images/icon01.png);
	display: inline-block;
	vertical-align: middle;
	margin-top: -12px;
	padding-left: 10px
}

#index_info div img{
	display: inline-block;
	margin-top: 20px;
}

footer{
	border-top: #e9ebeb 2px solid;
	padding-top:10px;
	padding-bottom: 5px;;
	height: 0;
	font-size: 16px;
	color:#000;
}

footer figure,
footer address,
footer div{
	display: inline;
	padding: 0;
	padding-right: 20px;
}

footer address b{
	padding-right: 15px
}

footer div.iware,
footer div.iware a{
	background-color: #e4e3e3;
	text-align: center;
	padding: 2px;
	font-size: 12px;
	color: #a8a8a8
}

footer div.iware{
	display: inline-block;
	margin-top: 10px;
}

/*========RESPONSIVE========*/

@media screen and (min-width: 800px){


footer div.iware{
	margin-bottom: 10px;
	margin-right: 50px
}

/*用於垂直置中*/
.main_flex{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
}

.index_top .col-md-8{
	padding-left: 0;
	padding-right: 0
}

.index_top .navbar-brand {
  color: #000000;
  font-size: 100%;
  padding-top: 60px;
  font-weight: bold;
  line-height: 30px
}

.index_top .index_link {
	padding-left: 0;
	font-size: 55%;
}

.index_top .index_link li{
	padding-right: 20px
}

.index_top .index_link + ul li a{
   font-size: 15px;
   color:#5e5d5d;
   font-weight: bold;
}

.mic_top{
   margin-top: 35px;
}

/*首頁資訊*/

#index_info .index_v{
	border-right: #ebeaea 1px solid;
}

#index_info .embed-responsive iframe{
	margin-top: 5px;
	margin-bottom: 10px;
	width: 95%;
	height: 88%
}

#index_info div img{
	margin-right: 30px 
}

}

@media screen and (max-width: 1400px){

.index_top .navbar-brand {
  font-size:80%;
  padding-top:40px;
}

.mic_top{
  margin-top: 15px;
}

.index_top .index_link {
	font-size: 58%;
	margin-left: -20px
}

.index_top .index_link li{
	padding-right: 0px;
}

.index_top .index_link + ul li a{
   padding-left: 0;
   padding-right:10px
}

}

@media screen and (max-width: 1380px){

.main_in .index_top .navbar-brand {
  font-size:76%;
  margin-left: -10px;
}

}


@media screen and (max-width: 1100px) {

.index_top .navbar-brand {
  font-size:65%;
  padding-top: 20px
}

.index_top .index_link {
  font-size: 42%;
}

.mic_top{
  margin-top: 5px;
}

footer address{
	display: block;
	margin-top:20px;
	margin-bottom: -20px;
}

}

@media screen and (max-width: 1024px){
.main_in .index_top .navbar-brand {
  font-size:59%;
}


}


@media screen and (max-width: 1000px){

.main_in .index_top .navbar-brand {
  font-size:58%;
}

.index_top .navbar-brand {
  font-size:58%;
  margin-left: -10px
}

}

@media screen and (max-width: 800px) {

#top_mobile{
	/*background-image: linear-gradient(to bottom, #eee, #f00)*/
	background-image: url(../images/top_mobile.png);
	background-repeat: no-repeat;
	background-size: cover
}

.main_top{
	height: 50px;
	background-size:cover
}

.index_top .col-xs-12{
	padding-left: 0;
	padding-right: 0
}

.index_top .navbar-brand {
  font-size:60%;	
  padding-top:15px;
  font-weight: bold;
  color: #000;
  margin-left: 0
}

.main_in{
  height: 500px;
}

.main_in .col-sm-4,
.main_in .col-sm-8{
	width: 100%
}

.main_in .index_top .navbar-brand {
  font-size:61%;
  margin-left: 0px;
}

.main_bk{
	background-image: url(../images/in_banner_mobile.png);
	background-position:left 10px;
	-webkit-background-size:cover;
}

.index_banner{
	width: 65%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	margin-top: 125px;
}

.index_top {
	background-color:#fff;
	z-index:1;
	position: relative;
}


#toplink,
#ver{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom: #eee 1px solid
}

#ver{
	padding-top: 0px;
	padding-bottom: 0px;
}

#toplink > li,
#ver > li{
	display: inline-block;
	width: 32.3%;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	margin-bottom: 10px;
	background-color: #eb8400;
	outline:#eee 1px solid;
}

#toplink > li > a,
#ver > li > a {
	color: #fff;
	font-size: 16px;
}

#toplink > li,
#toplink > li > a{
	color:#000;
	background-color: transparent;
}

.index_top .index_link li a,
.index_top .index_link + ul li a {
	font-size: 15px;
	line-height:.5
}

/*首頁資訊*/
#index_info{
	padding-bottom: 20px;
}

#index_info div img{
	margin-bottom: 20px;
}

#index_info .col-md-2,
#index_info .col-md-6,
#index_info .col-xs-4,
#index_info .col-xs-12{
	padding-left: 0;
	padding-right: 0
}

footer {
	padding-left: 10px;
}

footer figure,
footer address,
footer div{
	padding-right: 0;
	padding-bottom: 5px;
}

footer figure{
	display: block;
	margin-bottom:-10px;
}

footer address {
	width: 100%;
	line-height: 30px;
	margin-bottom: 0px;
}

footer address b:last-child{
	display: block;
}

}

@media screen and (max-width: 650px){

.main_bk{
	background-position:-50px top;
}

.index_banner{
margin-top: 135px;
left: auto;
right: 0
}


#ver > li{
	width: 31.9%;
}


}

@media screen and (max-width: 500px) {

.index_banner{
	top:85px;
}

.main_bk{
	background-position:left 25px;
}


#toplink > li{
	width: 100%;
}

#ver > li{
	width: 31.7%;
}

footer address b{
	display: block;
	line-height:30px
}

}

@media screen and (max-width: 400px) {

.main_bk{
	background-position:-60px 30px;
}

.main_in .index_top .navbar-brand {
  font-size:45%;
  margin-left:0;
}

.index_banner{
	margin-top: 50px;
	right: 10px;
}

.main_in{
  height: 350px;
}

#ver > li{
	width: 31%;
	padding-left: 10px;
}

/*首頁資訊*/

#index_info div{
	font-size: 16px;
}

}

@media screen and (max-width: 330px) {

.main_in{
  height: 320px;
}


.index_banner{
	margin-top:40px;
}

#toplink > li > a,
#ver > li a{
	font-size: 14px
}


#ver > li{
	width: 30.5%;
}


footer{
	padding-left: 10px;
}


footer address b{
	display: block
}

}