@charset "utf-8";
/* CSS Document */
/* 首頁*/
.intro-section p{
	font-size:18px;
}
.cloud_buttonA , .cloud_buttonB{
	display:block;
}
.cloud_box{
	position:relative;
}
.Section01{
	width:500px;

}
.about_h1{
	border:2px solid #000; 
	font-weight:900; 
	font-size:28px; 
	display:block; 
	max-width:880px;
	line-height:35px; 
	margin:0 auto; 
	background-color:#FFF;
}
.about_li{
	text-align:left;
	font-size:20px; 
	line-height:1.8;
	margin:0 auto; 
	width:80%; 
	padding-top:30px; 
	font-weight:700;
}
.services_p{
	font-size:20px; 
	text-align:left; 
	padding-top:100px; 
	width:66%; 
	float:left;
	font-weight:600; 
	color:#0068b7;
}
.side_box{
	width:85% !important;
}
.text-white{
	border:2px solid #000; 
	font-weight:900; 
	font-size:28px; 
	display:block; 
	max-width:800px;
	line-height:35px; 
	margin:0 auto; 
	background-color:#FFF;
}
.moble_bn{
	display:none;
}
/* 頁尾資訊*/
.footer-social{
	font-size:0.9em;
	letter-spacing:1px;
	}
.footer-social ul{
	list-style-type:none;
	padding:0;
    }
.info{
	min-width:250px;
	display:block;
	margin-bottom:10px;
	}
.tel{
	float:left;
    }
.fax{
	float:left;
	padding-left:5%;
    }	
.copyright{
	font-size:0.8em;
	text-align:center;
	clear:both;
	}
.side_pic{
	 float:right;
}
#testimonial h1{
	color:#FFF; 
	font-weight:900; 
	font-size:28px; 
	display:block; 
	max-width:880px;
	line-height:45px; 
	margin:0 auto; 
	background-color:#eb6100; 
	text-align:center; 
	margin-top:0px;
}
.testimonial_left{
	 padding-left:28% !important;

}
.testimonial_right{
	 padding-right:25% !important;

}
.video p{
	font-size:28px; 
	line-height:1.8;  
	font-weight:700; 
	color:#FFF;
	}
.overlay{
	background: url(../images/background/slide_bg.png) repeat scroll 0 0 transparent;
	padding:80px 0;
}
.flow{
	background-color:#FFF; 
	padding:10px; 
	border-radius:10px;
	width:70%;
}


.course { width:100%; height: auto; background: #0068b7; border-radius: 10px; box-shadow: rgba(0,0,0,0.15) 0px 0px 8px 0px; padding:5px 0;  }
.course h2 { text-align: center; padding-bottom: 7px; font-weight: 600; font-size: 1.8em; }
.course ul { list-style: none; margin: 10px 10px 10px -30px; }
.course ul li { color: #FFF; padding: 6px;text-align:left; font-size:20px;}
.Blue ul li { background:#0068b7;  }
.course ul li:hover , #Content_C .course ul li:focus { background: #FFF; color:#0068b7; transition: .10s linear;}
.course a:hover { text-decoration:none !important;}
/*
Testimonial Section style
=======================*/
.testimonial{
    background: url(../images/background/testimonial.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.main_testimonial{
    position: relative;
    z-index: 1;
}
.main_testimonial .testimonial_slid{
    width:90%;
    display: block;
    margin: 0 auto;
}
.main_testimonial .testimonial_item{
    width:90%;
    margin: 0 auto;
}
.main_testimonial .testimonial_slid .slick-arrow{
    border:1px solid #f39800;
    width:45px;
    height: 45px;
    line-height:  45px;
    text-align:center;
    color:#f39800;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}
.main_testimonial .testimonial_slid .slick-arrow.nextprevleft{
    float: left;
    top:90px;
    left:-6%;
}
.testimonial_slid .slick-arrow.nextprevright{
    float: right;
    top:-130px;
    right:-6%;
}
.main_testimonial .testimonial_item .test_authour i{
    color:#ffbf00;
}
.fa-star{
	color:#f39800;
}
/*
Video Section style
======================*/
.video{
    background:url(../img/OAYTJ10.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
	background-attachment:fixed;
}
.main_video{
    display: block;
    /*z-index: 2;*/
    /*position: relative;*/
}
.main_video i,
.main_video span.fa,
.main_video span.icon{
    color:#fff;
    font-size:3rem;
    border:2px solid #fff;
    width:80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    position: relative;
}
#gotop {
    display: none;
    position: fixed;
    right: 0px;
    bottom: 20px;    
    padding: 10px 10px;
	border-radius:5px  0  0 5px ;    
    font-size: 16px;
    background: rgba(153,153,153,0.9);
    color: white;
    cursor: pointer;
}
#gotop a{
	color: white;
}
/*-----按鈕---------------
.cloudbtn{
	max-width:700px;
	padding:0 10px;
	display:block;
	border:2px solid #0068b7;
	text-align:center;
	font-size:20px;
	line-height:44px;
	background-color:#0068b7;
	border-radius:5px;
	color:#FFF;
	font-family:"微軟正黑體";
	text-decoration:none;
	float:left;
	margin-top:10px;
}
.cloudbtn:visited{color:#FFF;text-decoration:none;}
.cloudbtn:hover{
	background-color:#FFF;
	color:#0068b7;
	text-decoration:none;
	-webkit-transition: background-color .30s linear;
}*/
/* CPT 內容設定*/

#impress div#CPT { width: 790px; margin: auto; clear: both; height: 150px; }
#impress div#CPT div.BTN { 
    width: 370px; 
    margin: 0 10px 0 10px; 
    float: left; 
	background:#0068b7;
	border:2px solid #0068b7; 
    color: #FFF; 
    text-align: center; 
    font-size: 1.4em; 
    padding: 15px 10px; 
    border-radius: 5px;
    transition: 0.20s linear;
}
#impress div#CPT div.BTN:hover { background: #FFF; color:#0068b7; transition: 0.20s linear; }
/* 手機*/
@media (max-width:767px) {
	.cloud_box{
	position:static;
}
	.cloud_buttonA , .cloud_buttonB{
	display:none;
}
.cloud{
	padding-left:30px;
}
	.intro-section p{
	font-size:1em;
}
	.footer-social{
	letter-spacing:-0.5px;
	}
	.info{
	margin-top:5px;
	margin-bottom:23px;
	float:left;
	min-width:300px;
	}
	.copyright_li{
		display:none !important;
	}
	.copyright{
	text-align:left;
	padding:0 15px;
	text-align:justify;
	}
	.Section01{
	width:320px !important;
}
	.about_h1{
	font-size:1.6em !important; 
	line-height:35px; 
}
.about_li{
	text-align:left;
	font-size:18px; 
	line-height:1.5;
	margin:0 auto; 
	width:100% !important; 
	padding-top:30px; 
	font-weight:700;
}
#about ul{
	margin-left:-30px;
}
.cloudbtn{
	max-width:350px;
	text-align:center;
	font-size:1em !important;
	line-height:1.5;
	margin-top:10px;
}
#about h3{
		font-size:1em !important;
}
.services_p{
	font-size:1.3em ; 
	text-align:left; 
	padding-top:50px; 
	width:100%; 
	float:left;
	font-weight:600; 
	color:#0068b7;
}
.side_pic{
	 float:none;
	 width:180px;
	 margin-left:80px;
	 margin-top:-30px;
}
.side_box{
	width:100% !important;
}
.text-white{
	border:2px solid #000; 
	font-weight:900; 
	font-size:18px !important; 
	display:block; 
	max-width:960px;
	line-height:35px; 
	margin:0 15px; 
	background-color:#FFF;

}
#testimonial h1{
	font-size:20px; 
	display:block; 
	max-width:320px;
	line-height:30px; 

}
.testimonial_left{
	 padding-left:10% !important;
	 font-size:20px;

}
.testimonial_right{
	 padding-right:0 !important;
	  padding-left:10% !important;
	  font-size:20px;

}
.video p{
	font-size:22px; 
	line-height:1.8;  
	font-weight:700; 
	color:#FFF;
	margin:0 20px;
	}
.overlay{
	background: rgba(0,0,0,0.5);
	padding:80px 0;
}
.video{
    background:url(../img/OAYTJ10.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
	background-attachment:inherit;
}
.flow{
	background-color:#FFF; 
	padding:10px; 
	border-radius:10px;
	width:100%;
}
.moble_bn{
	display:block;
}
#impress div#CPT { width: 90%; margin: auto; clear: both; padding: 0px 0 80px 0;  }
#impress div#CPT div.BTN {  width: 100%;  margin: 8px 0; }
}
@media (max-width:480px) {
	/* 頁尾資訊*/
	.info{
	margin-top:0px;
	margin-bottom:10px;
	}
	.tel{
	width:100px;
	}
	
}