/* CSS Document */
@media screen and (max-width:1350px) {
	#wrapper{
		width:90%;
		}
	}
@media screen and (max-width:570px) {
	li a{
		padding:5px 10px;
		font-size:12px;
		}
	}
*{
	margin:0px;
	padding:0px;
	}

.banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner>.row {
    height: 95vh;
	}
	
.banner1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s1.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner1>.row {
    height: 95vh;
	}
	
.banner2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s2.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner2>.row {
    height: 95vh;
	}
	
.banner3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s3.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner3>.row {
    height: 95vh;
	}
	
.banner4 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s4.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner4>.row {
    height: 95vh;
	}
	
.banner5 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s5.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner5>.row {
    height: 95vh;
	}
	
.banner6 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s6.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner6>.row {
    height: 95vh;
	}
.banner7 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s7.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner7>.row {
    height: 95vh;
	}
.banner8 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s8.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner8>.row {
    height: 95vh;
	}
.banner9 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s9.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner9>.row {
    height: 95vh;
	}
.banner10 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s10.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner10>.row {
    height: 95vh;
	}
.banner11 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
        url(../images/s11.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height:90vh;
	}

.banner11>.row {
    height: 95vh;
	}
						
.big-first::first-letter{
	font-size:1.5rem;
	}
	
body{
	font-family:Microsoft JhengHei;
	background-color:#FFFFFF;
	color:#000000;
	text-align:enter;
	}

#about{
	background-color:#FFFFFF;
	width:90%;
	text-align:center;
	}
.call_me1::before{
	content:url(../images/telephone.png);
	padding-right:1.0rem;
	}
.call_me2::before{
	content:url(../images/EMAILS.png);
	padding-right:1.0rem;
	}
.call_me3::before{
	content:url(../images/ADDRESS.png);	
	padding-right:1.0rem;
	}
.call_me5::before{
	content:url(../images/ADDRESS.png);	
	padding-right:1.0rem;
	}
.call_me6::before{
	width:20%;
	position:relative;
	top:5%;
	left:50%; 
	}
.col-md-3{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}
.col-md-4{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}
.col-md-5{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}
.col-md-6{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}

.col-md-7{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}
.col-md-8{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}
.col-md-9{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}
.col-sm-6{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}

.col-sm-12{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}
.col-xs-12{
	background-color:rgba(255,255,255,1.00);
	height:auto;
	border:#EBEBEB solid 1px; 
	color:#000000; 
	}

#content .row .col-md-5.col-sm-12.col-xs-12.py-5 {
    }

.floatL{
	float:left;
	}
.floatR{
	float:right;
	}
footer{
	clear:both;
	background-color:#000000;
	text-align:center;
	}
footer p{
	font-size:1em;
	color: #FFFFFF;	
	padding: 10px 10px;
	}
h4{
	color:#ffffff;
	float:center;
	}
li{
	list-style-type:none;
	float:left;
	text-align:center;
	}
li a{
	display:block;
	padding:15px 15px 10px 15px;
	color: #FFFFFF;  
	text-decoration:none;
	}
li a:hover{
	color:#F8FF00;
	text-decoration:none;
	font-size:18px;
	
	}
#logo img{
	width:100%;
	}
.margin_1{
	margin:2rem;
	padding:2rem 2rem 2rem 1rem;
	}
.margin_2{
	margin:1rem;
	padding:0.1rem;
	}
#main{
	}
#map{
	border-width:1px;
	border-color:#E9E9E9;
	padding:10px;
	}
nav{
	float:left;
	background-color: rgba(0,0,0,0.5);
	text-align:center;
	font-size:15px;
	}


#process{
	text-align:center;
	}
.pt-3,
.py-3{
  padding-top: 1rem !important;
	}
.pp{
	padding-left:3rem;
	padding-top:1rem;
	}
.pp1{
	position:relative;
	text-align:left;
	}
.pp-img{
	width:20%;
	position:relative;
	top:5%;
	left:20%;
	}
.pp-img2{
	width:100%;
	position:relative;
	top:0%;
	left:0%;
	}
.pp-img3{
	width:80%;
	position:relative;
	top:0%;
	left:20%;
	}
.pp-img4{
	width:20%;
	position:relative;
	top:5%;
	left:20%;
	}
.pp-img5{
	width:50%;
	position:relative;
	top:0%;
	left:50%;
	}
.pp-img6{
	width:50%;
	position:relative;
	top:0%;
	left:0%;
	}
.pp-img7{
	width:50%;
	position:relative;
	top:0%;
	left:50%;
	}
pp-img8{
	width:50%;
	position:relative;
	top:0%;
	left:50%;
	}
.pp-imgscale{
	width:60%;
	position:relative;
	top:50%;
	left:20%;
	}
.pp-imgindex{
	width:100%;
	high:auto;
	}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
	}
.row .col-lg:nth-child(1) {
    background-color: rgba(0, 0, 0, 0.05);
	}

.row .col-lg:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.07);
	}

.row .col-lg:nth-child(4) {
    background-color: rgba(0, 0, 0, 0.085);
	}
.row .col-lg:nth-child(5) {
    background-color: rgba(0, 0, 0, 0.1);
	}
.row .col-lg:nth-child(7) {
    background-color: rgba(0, 0, 0, 0.104);
	}
.row .col-lg:nth-child(8) {
    background-color: rgba(0, 0, 0, 0.14);
	}
.row .col-bg {
	background-color:#000000;
	color:#ffffff;
	}
.row .col-bg2{
    background-color:#000869;
	color:#ffffff;
	}

ul{
	display:inline-block;
	margin:0px;
	}
#wrapper{
	margin:0px auto;
	width:1024px;
	background-color:#9CF5CD;
                      background-color:#;
	}
