@charset "utf-8";/* 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/10013/image/B888.jpg);
					}
	 			#index-banner-pic2 {
			background-image: url(../upload/basic/10013/image/B970.jpg);
			display: none;		}
	 			#index-banner-pic3 {
			background-image: url(../upload/basic/10013/image/B914.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/10013/image/B909.jpg);
								background-size:cover;
				z-index: 51;
			}
						#index-banner-pic2 {
				background-image: url(../upload/basic/10013/image/B971.jpg);
				display: none;				background-size:cover;
				z-index: 51;
			}
						#index-banner-pic3 {
				background-image: url(../upload/basic/10013/image/B915.jpg);
				display: none;				background-size:cover;
				z-index: 51;
			}
			}
#idx-layer-1-box {
	padding-top: 5px;
	padding-bottom: 5px;
}

#idx-layer-1-title-box {
	text-align: center;
	padding-bottom: 3.5%;
}

#idx-layer-1-box a {
	text-decoration: none;
    color:#000;
}

.box-font{
	right: 10% !important;
    top: 40% !important;
}

/* ==平板電腦====================================== */
@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;
	}

}@charset "utf-8";

#idx-layer-2-box {
	padding-top: 30px;
    padding-bottom: 30px;
}

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

}@charset "utf-8";
#idx-layer-3-box {
    background-image: url(../Smarty/tplate-10013-basic/images/layer-3-bk.jpg);
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 100% auto;

	padding-top: 11%;
    padding-bottom: 60px;
}

#idx-layer-3-title-box {
	text-align: center;
	padding-bottom: 3.5%;
}

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

    #idx-layer-3-box {
		padding-top: 6%;
        height: auto;
    }
    
}
/* ==手機電腦====================================== */
@media screen and (max-width: 575px) {

    #idx-layer-3-box {
	   	background-size: auto 100%;
		padding-top: 8%;
       	height: auto;
    }

}#idx-about-box {
	background-color: #FFFFFF;
	padding-top: 75px;
    	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

#idx-about-box .container-lg {
    max-width:1200px !important;
}

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

#idx-about-title-mas {
	color:#4e92c4;
}

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

#index_about {
	width: 75%;
	max-width: 600px;
	margin-left: 18%;
	display: block;
	height: auto;
}

#idx-about-box-right-title {
	width: 85%;
	letter-spacing: 2px;
	color:#4e92c4;
}

#idx-about-box-right-title-sub {
	width: 85%;
	color:#313131;
}

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

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

#about-more-div:hover{
	color:#313131;
	-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: 100%;
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }

    #idx-about-box-right-title {
        width: 100%;
	}
    
    #idx-about-box-right-title-sub,#idx-about-box-right-title-desc {
        width: 100%;
    }

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

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

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

}
@charset "utf-8";

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

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

}