body:lang(tc-HK){font-family: Microsoft JhengHei;}
button{cursor: pointer;}
.tc{font-family: Microsoft JhengHei;}
.en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.section{
width: 100%;
position: relative;
padding: 60px 0;
}
.bg_red{background-color: #a12d2d;}
.bg_blue{background-color: #141f40;}
.container{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.logo{width: 100%;padding: 30px;}
.set_1{position: relative;}
.set_1_heading{
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.set_1_heading .title{
font-size: 50px;
color: #141f40;
letter-spacing: 3px;
font-weight: bold;
line-height: 1;
margin:5px 0;
display: inline-block;
padding: 12px;
background-color:rgba(255,255,255,0.92);
}
.set_1 img{
}
.img_text_over{
position: relative;
}
.content{
width: 75%;
position: absolute;
right: 0;
top: 100px;
padding: 35px;
background-color:rgba(255,255,255,0.92);
}
.content h2,.text_section h2,h2.section_head{font-size: 30px;}
.content p{
font-size: 17px;
letter-spacing: 0.5px;
line-height: 1.9;
}
.content a{color: #0e95db;}
.text_section h3{font-size: 20px;}
.text_section p,.director p{
font-size: 17px;
letter-spacing: 0.5px;
line-height: 1.6;
margin-bottom: 40px;
}
.sch_intro{min-height: 900px;}
/*director*/
.director{
width: 70%;
float: left;
padding-right: 10px;
}
.director_img{
width: 30%;
margin-top: 40px;
float: right;
padding-left: 10px;
}
.director_img img{max-width: 100%;}
.row_program{
margin-left: -15px;
margin-right: -15px;
}
.row_program h2{padding: 0 15px;}
.program{
width: 25%;
float: left;
padding: 0 15px;
}
.program .program_content{
width: 100%;
background-color: #f2f2f2;
color: #555;
text-align: center;
padding: 30px 0;
-webkit-box-shadow: 0px 2px 8px 0px rgba(184,184,184,1);
-moz-box-shadow: 0px 2px 8px 0px rgba(184,184,184,1);
box-shadow: 0px 2px 8px 0px rgba(184,184,184,1);
}
.program .program_content i{font-size: 80px;}
.program .program_content h3{
margin-top: 0px;
font-size: 18px;font-weight: normal;
height: 48px;
}
/*footer*/
footer{
float: left;
position: relative;
display: block;
width: 100%;
background-color: #141f40;
color: #fff;
padding: 40px 0 0 0;
left: auto;
height: auto;
}
footer {font-size: 15px;line-height: 1.7;}
.footer_text{width: 100%;text-align: center;margin-bottom: 30px;}
.footer_text a{color: #fff;text-decoration: none;}
.footer_text a:hover{color: #fff;text-decoration: underline;}
.footer_qr img{width: auto;height:120px; }
.rights{
width: 100%;
padding: 10px 0;
color: #fff;
background-color: #0c1737;
font-size: 13px;
text-align: center;
}
/*photovideo*/
.photovideo{
padding: 0 15px;
width: 100%;
max-width: 930px;
margin:0 auto;
}
.tabOption button{
border: 0;
padding: 5px 0;
font-size: 18px;
color: #777;
background-color: transparent;
margin: 0 25px 35px 25px;
}
.tabOption button:hover{color: #a12d2d;}
.tabOption button.active{
color: #a12d2d;
border-bottom: 2px solid #a12d2d;
}
.video_container{position: relative;}
.videoWrapper {
position: absolute;
width: 100%;
top: 0;
left: 0;
padding-bottom: 57.50%;
height: 0;
margin-bottom: 40px;
}
.videoWrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videoactive{height: 700px;}
/*photo slider*/
.lightslider ul{
list-style: none outside none;
padding-left: 0;
margin: 0;
}
.lightslider .item{
margin-bottom: 20px;
}
.lightslider{
width: 100%;
}
.lslide img,.clone img{
width: 100%;height: auto;
}
.lSSlideOuter .lSPager.lSGallery img{
width: 100%;
height: auto;
object-fit:contain;
}
.lSSlideOuter .lSPager.lSGallery li{
border:3px solid #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{
border:3px solid #141f40;
}