.noscript_font {
    font-size: 0.8em;
    color: #fff;
    padding: 0 3%;
	background:#333;
	/*height:100px;*/
}
#header .header-body{
	position:relative;
}


/*index_banner*/
.index_banner{
	margin-top: 0;
    position: relative;
}
.index_banner .owl-carousel{
	display:none !important;
}
.defaultimg div{
	width:100%;
}


/*首頁輪播語法*/
.defaultimg div {
    position: absolute;
    top: 0px;
    left: 0;
	z-index:1;
    opacity: 0;
	/*透明度先0 設定總輪播一輪所需時間*/
    filter: alpha(opacity=0);
    -webkit-animation: round 10s linear infinite;
            animation: round 10s linear infinite;		
}
/*漸入漸出的輪播圖時間控制,需先將時間換算成百分比*/
@-webkit-keyframes round {
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 2秒 淡入*/
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 2- 5秒靜止*/
    }
    70% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-7秒淡出*/
    }
}
@keyframes round {
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 2秒 淡入*/
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 2- 5秒靜止*/
    }
    70% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-7秒淡出*/
    }
}
/*用選取器抓取div中的img並設定開始淡入淡出的時間*/
.defaultimg div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.defaultimg div:nth-child(2) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}
.defaultimg div img{width:100%; height:auto;}
/*首頁輪播語法*/


/*index_video*/
.noscript_video .video{
	float:left;
	width:73%;
	padding-right:15px;
}
.noscript_video .font{
	float:left;
	width:27%;
	background-color:#fff;
	padding:3%;
}
.noscript_video .font .title{
	font-size:1.25em;
	padding-bottom:15px;
	color:#233f67;
	font-weight:bold;
}
.noscript_video .font .con_font{
	border-top:solid #ccc 1px;
	padding:15px 0;
	float:left;
	width:100%;
}



/*index_link*/
.index_link .container {
    padding: 0 20px;
}
.index_link .owl-carousel{
	display:none;
}
.noscript_link{
	float:left;
	width:100%;
}
.noscript_link .item{
	float:left;
	width:18%;
	margin:0 1%;
}
.noscript_link .item img{
	border:solid #ccc 1px;
}


/*fa icon*/
.fa-chevron-down:before {
    content: "⌵";
}
.fa-times:before {
    content: "✖";
}
.fa-bars:before {
    content: "☰";
}


/*footer*/
.footer_item ul>li:before {
    content: "▶";
}




/*--------------------------------------for 電腦、平版、手機------------------------------------------------*/
/* 大螢幕 */
@media (min-width: 1200px) {
}

 
/* 平板電腦、橫向手機和一般桌機解析度 */
@media (min-width: 992px) and (max-width: 1199px) {
}


/* 電腦、橫向平板電腦解析度 */
@media (min-width: 768px) and (max-width: 991px) {
/*index_link*/
.noscript_link .item{
	float:left;
	width:23%;
	margin:0 1%;
}
.noscript_link .item:nth-child(5){
	display:none;
}
}


/* 橫向智慧手機到竪立平板電腦解析度 */
@media (max-width: 767px) {
/*header*/
.noscript_font {
	top: 0;
    position: fixed;
    z-index: 99;
}
#header .header-container {
    margin-top: 81px;
}
#ICON {
    top: 160px;
}


/*index_banner*/
.index_banner{
	margin-top: 134px;
}


/*index_video*/
.noscript_video .video{
	width:100%;
	padding-right:0;
}
.noscript_video .font{
	width:100%;
	margin-top:15px;
	font-size:0.9em;
	padding:20px;
}



/*index_link*/
.noscript_link .item{
	float:left;
	width:31.3%;
	margin:0 1%;
}
.noscript_link .item:nth-child(5) ,.noscript_link .item:nth-child(4){
	display:none;
}
}

 
/* 橫向智慧手機及其他更小解析度 */
@media (max-width: 480px) {
/*index_link*/
.noscript_link .item{
	float:left;
	width:48%;
	margin:0 1%;
}
.noscript_link .item:nth-child(5) ,.noscript_link .item:nth-child(4) ,.noscript_link .item:nth-child(3){
	display:none;
}
}