@charset "utf-8";        @import url(external/slick/slick.css);
        @import url(external/slick/slick-theme.css);
		/* idx-banner */
@import url('external/slick/slick.css');@import url('external/slick/slick-theme.css');@import url('tplate/header/7/obj-banner.css');#index-banner-pic1 {
	background-image: url("../Smarty/public/images/def_index_banner.jpg");
}
#index-banner-pic2 {
	background-image: url("../Smarty/public/images/def_index_banner.jpg");
    display: none;
}
		#index-banner-pic1 {
			background-image: url(../upload/basic/10011/image/B727.jpg);
					}
	 			#index-banner-pic2 {
			background-image: url(../upload/basic/10011/image/B728.jpg);
			display: none;		}
	 			#index-banner-pic3 {
			background-image: url(../upload/basic/10011/image/B729.jpg);
			display: none;		}
	 	
#test {}
/* ==平板電腦====================================== */
@media screen and (min-width: 576px) and (max-width: 991px) {
}
/* ==手機電腦====================================== */
@media screen and (max-width: 575px) {

	#index-banner-pic1 {
		background-image: url("../Smarty/public/images/def_index_banner_phone.jpg");
		z-index: 51;
	}

				#index-banner-pic1 {
				background-image: url(../upload/basic/10011/image/B730.jpg);
								background-size:cover;
				z-index: 51;
			}
						#index-banner-pic2 {
				background-image: url(../upload/basic/10011/image/B731.jpg);
				display: none;				background-size:cover;
				z-index: 51;
			}
						#index-banner-pic3 {
				background-image: url(../upload/basic/10011/image/B732.jpg);
				display: none;				background-size:cover;
				z-index: 51;
			}
			}
#idx-link-box {
	background-color: #FFF;
	padding-top: 5%;
	padding-bottom: 6%;
}

#idx-link-title-box {
	text-align: center;
	padding-bottom: 5%;
}
#idx-link-box-pic {
    background-image: url(../upload/basic/10011/image/B668.svg);	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	display: inline-block;
}

#idx-link-title-mas {
	color:#000000;
}

#idx-link-title-sec {
	color:#595959;
}

#idx-links-area {
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#idx-links-area li {
	background-color: #FFF;
	float: left;
	width: 25.33%;
	margin-right: 4%;
	margin-left: 4%;
    padding-bottom: 20px;
}
#idx-links-area li a {
	text-decoration: none;
	display: block;
}

#idx-links-area li div {
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	display: block;
	text-align: center;
	line-height: 1.3;
}

#idx-links-area li .idx_link_title {
	color:#000000;
    text-align: center;
}
#idx-links-area li .idx_link_sub_title {
	color:#595959;
    text-align: center;
}

#idx-links-area li:hover .idx_link_title {
	color:#595959;
}
#idx-links-area li:hover .idx_link_sub_title {
	color:#000000;
}

.links-pic {
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	overflow: hidden;
	margin-bottom: 15px;
    cursor: pointer;
}

.links-pic img{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.test {}
/* ==平板電腦====================================== */
@media screen and (min-width: 576px) and (max-width: 991px) {

    #idx-link-box {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    #idx-link-title-box {
        padding-bottom: 35px;
    }

}
/* ==手機電腦====================================== */
@media screen and (max-width: 575px) {

    #idx-link-box {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    #idx-link-title-box {
        padding-bottom: 30px;
    }
    
	#idx-links-area li {
		width: 46%;
		margin-right: 2%;
		margin-left: 2%;
	}
	#idx-links-area li:last-child {
		display: none;		
	}

}
#idx-news-box {
    background-color:#ffffff;
	padding-top:45px;
	padding-bottom:45px;
    min-height: 40vw;
    background-image: url(../upload/basic/10011/image/B682.jpg);	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#idx-news-title-box {
	text-align: center;
	padding-bottom: 20px;
}
#idx-news-box-pic {
    background-image: url(../upload/basic/10011/image/B669.svg);	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	display: inline-block;
}

#idx-news-title-mas {
	color:#ffffff;
}

#idx-news-title-sec {
	color:#f2f2f2;
}

#idx-news-list {
    width: 50%;
    margin-top: 5%;
}

#idx-news-list a {
	text-decoration: none;
    color:transparent;
}

#idx-news-list li {
	width: 100%;
	margin-bottom: 20px;
    background-color: #0c2471;
	float: left;
    padding: 15px;
}

#idx-news-list li:hover {
	background-color: #FFF;
	-o-transition: background-color .30s linear;
	-webkit-transition: background-color .30s linear;
	-moz-transition: background-color .30s linear;
	transition: background-color .30s linear;
}
#idx-news-list li:hover .text-title,#idx-news-list li:hover .description{
	color: #000;
}


#idx-news-list .news-date{
	float: left;
	display: block;
    padding: 3px 15px 3px;
    margin-right: 25px;
    text-align: center;
}
#idx-news-list .news-date span{
	text-align: center;
	display: inline-block;
    padding: 0px 5px 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#idx-news-list .news-date {
    color:#ffffff;
    background-color:#061853;
}

#idx-news-list .text-title{
    line-height: 1.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 0px;
    color:#FFF;
}

#idx-news-list .description{
    display: block;
    line-height: 1.6;
    height: 50px;
    overflow: hidden;
    color:#FFF;
}

#idx-news-list .text-title {
	color:#ffffff;
}
#idx-news-list .description {
    color:#d8d8d8;
}

#idx-news-list .pic img{
	max-width: 100%;
	height: auto;
}

.text {}
/* ==平板電腦====================================== */
@media screen and (min-width: 576px) and (max-width: 991px) {

    #idx-news-box {
        background-size: auto 100%;
    }

    #idx-news-list {
        width: 60%;
    }

}
/* ==手機電腦====================================== */
@media screen and (max-width: 575px) {

    #idx-news-box {
        background-size: auto 100%;
    }

    #idx-news-list {
	 	margin-left: auto;
        margin-right: auto;
		width: 95%;
    }

}#idx-about-box {
	background-color: #FFFFFF;
	padding-top: 4%;
	padding-bottom: 5%;
    	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

#idx-about-title-box {
	text-align: center;
	padding-bottom: 5%;
}
#idx-about-box-pic {
    background-image: url(../upload/basic/10011/image/B672.svg);	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	display: inline-block;
}

#idx-about-title-mas {
	color:#000000;
}

#idx-about-title-sec {
	color:#000000;
}

#idx-about-box-left {
	float: left;
	width: 50%;
}

#index_about {
	width: 75%;
	max-width: 600px;
	margin-left: 18%;
	display: block;
	height: auto;
}
#idx-about-box-right {
	float: right;
	width: 48%;	
}

#idx-about-box-right-title {
	padding-top: 3%;
	padding-bottom: 2%;
	width: 60%;
	line-height: 1.3;
	letter-spacing: 2px;
	color:#000000;
}

#idx-about-box-right-title-sub {
	padding-top: 1%;
	padding-bottom: 2%;
	line-height: 1.3;
	color:#0c2471;
}

#idx-about-box-right-title-desc {
	line-height: 1.6;
	width: 85%;
	color:#666;
}

#about-more-div {
	color:#FFFFFF;
	background-color:#0c2471;
	padding: 12px;
	width: 70%;
	max-width: 259px;
	margin-right: auto;
	margin-left: auto;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-top: 5%;
	letter-spacing: 1px;
	border: 1px solid #0c2471;
}

#about-more-div:hover{
	color:#0c2471;
	-o-transition: background-color .30s linear;
	-webkit-transition: background-color .30s linear;
	-moz-transition: background-color .30s linear;
	transition: background-color .30s linear;
	background-color:#FFFFFF;
}

.text {
}
/* ==平板電腦====================================== */
@media screen and (min-width: 576px) and (max-width: 991px) {

	#index_about {
		width: 85%;
		margin-left: 8%;
		display: block;
		height: auto;
	}

    #idx-about-box-right-title {
        width: 90%;
    }

	#idx-about-box-right-title-desc {
		line-height: 1.2;
		width: 100%;
	}

}

/* ==手機電腦====================================== */
@media screen and (max-width: 575px) {

	#idx-about-box-left {
		float: none;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	#index_about {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-left: 0;
	}

	#idx-about-box-right {
		float: none;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	#idx-about-box-right-title {
		width: 100%;
		padding-top: 5%;
        line-height: 1;
	}

	#idx-about-box-right-title-sub {
		white-space: normal;
        line-height: 1;
	}

	#idx-about-box-right-title-desc {
		line-height: 1.2;
		width: 100%;
	}

}
@charset "utf-8";

#index-image-box {
    background-image: url(../upload/basic/10011/image/B681.jpg);	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 30vw;
	overflow: hidden;
}

.text {}
/* ==平板電腦====================================== */
@media screen and (min-width: 576px) and (max-width: 991px) {

	#index-image-box {
		height: 30vw;
	}
	
}
/* ==手機電腦====================================== */
@media screen and (max-width: 575px) {

	#index-image-box {
		height: 30vw;
	}

}@charset "utf-8";

#idx-layer-1-box {
	padding-top: 50px;
	padding-bottom: 40px;
}

#idx-layer-1-title-box {
	text-align: center;
	padding-bottom: 3.5%;
}
#idx-layer-1-box-pic {
    background-image: url(../upload/basic/10011/image/B672.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	display: inline-block;
}

#idx-layer-1-title-mas {
	color:#000;
}

#idx-layer-1-title-sec {
	color:#000;
}

#idx-layer-1-list li {
	width: 24%;
	height: auto;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
}

#idx-layer-1-list li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	border: 1px solid transparent;
    padding-bottom: 15px;
}

#idx-layer-1-list li a:hover{
	border: 1px solid #D8D8D8;

    -moz-box-shadow:3px 3px 4px #EEE;
    -webkit-box-shadow:3px 3px 4px #EEE;
    box-shadow:3px 3px 4px #EEE;
    /* For IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEE')";
    /* For IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEE');

}

.idx-layer-1-pic {
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	border: 2px solid #FFF;
    
	-o-transition: background-size .30s linear;
	-webkit-transition: background-size .30s linear;
	-moz-transition: background-size .30s linear;
	transition: background-size .30s linear;
    
}

.idx-layer-1-pic:hover {
	background-size:120% 120%;
}

.idx-layer-1-title {
	color:#000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
	width: 100%;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#layer-1-more-div {
	color:#FFFFFF;
	background-color:#0c2471;
	padding: 12px;
	width: 70%;
	max-width: 259px;
	margin-right: auto;
	margin-left: auto;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-top: 3%;
	margin-bottom: 2%;
	letter-spacing: 1px;
	border: 1px solid #0c2471;
}

#layer-1-more-div:hover{
	color:#0c2471;
	-o-transition: background-color .30s linear;
	-webkit-transition: background-color .30s linear;
	-moz-transition: background-color .30s linear;
	transition: background-color .30s linear;
	background-color:#FFFFFF;
}

/* ==平板電腦====================================== */
@media screen and (min-width: 576px) and (max-width: 991px) {

	#idx-layer-1-list li {
		width: 44%;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 20px;
	}
	
}

/* ==手機電腦====================================== */
@media screen and (max-width: 575px) {

    #idx-layer-1-box {
        padding-bottom: 5px;
    }

	#idx-layer-1-list li {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

}
/* ==平板電腦====================================== */
@media screen and (min-width:640px) and (max-width:969px) {


}
/* ==手機電腦====================================== */
@media screen and (max-width:639px) {

}