/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=111");
/* Scroll
========================================================================== */
.header { background:#fff }
.column { max-width:1366px; margin:0 auto; width: 100vw; padding:112px 83px }
.column_video { background:#f1f2f6; }
.column_video .th_title { margin-bottom:25px; color:#00349d; font-size:35px; font-weight:bold; text-align:center }
.th_desc { text-align:center; font-size:18px; margin-bottom:50px; }
.video_h2 { color:#F60; display:block; text-align:center }
.column_video li { width:48%; margin-right:4%; margin-top:4% }
.column_video li:nth-child(2n) {
margin-right:0
}
.column_video li .thumb { display:block; position:relative; margin-bottom:25px; }
.column_video li .thumb:before { content:""; position:absolute; left:0%; top:0%; width:100%; height:100%; background:rgba(0, 0, 0, .2) url(../images/play-about.png) no-repeat center center; background-size:80px 80px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; }
.column_video li .thumb img { display:block; height:auto; width:100%; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; }
.column_video li b { display:block; color:#333; font-size:20px; line-height:1.5; font-weight:normal; text-align:center; padding:0 25px }
#cms_video { margin-bottom:5% }
#website_video li { width:32%; margin-right:2%; margin-top:4%; margin-bottom:0% }
#website_video li .thumb:before { background-size:40px 40px; }
#website_video li:nth-child(2n) {
margin-right:2%;
}
#website_video li:nth-child(3n) {
margin-right:0;
}
#website_video li b { font-size:16px; }
#faqs_ulist { margin-top:2% }
#faqs_ulist li { background:#fff; float:left; width:100%; margin-top:25px; border:1px solid #fff }
.fq_title { padding:15px 20px; padding-left:45px; font-size:16px; line-height:1.3; font-weight:bold; color:#707070; cursor:pointer; position:relative }
.fq_title:before { content:"Q"; display:block; position:absolute; left:20px; top:15px; color:#00349d }
.fq_title .fa { position:absolute; right:15px; top:15px; font-size:18px; }
.fq_desc { background:#fff; position:relative; padding:15px; padding-left:45px; display:none; font-size:16px; line-height:1.8; color:#333; border-top:1px solid #ddd }
.fq_desc:before { content:"A"; font-weight:bold; font-size:16px; display:block; position:absolute; left:20px; top:15px; color:#00349d }
#faqs_ulist li.on .fq_desc { display:block; }
#faqs_ulist li.on .fq_title { background:#00349d; color:#fff }
#faqs_ulist li.on .fq_title:before { color:#fff }
#faqs_ulist li.on { border:1px solid #ddd }
@media(max-width:1500px){
.colum_banner_box{ max-width:100%}
.banner_fixed .banner_lt{ max-width:100%; margin-left:80px}
}
@media(max-width:1300px){
.banner_fixed .banner_lt b{ font-size:50px}	
.colum_banner_box img,.colum_banner{ height:280px}
}
@media (max-width: 1250px){
.banner_fixed .banner_lt b{ font-size:40px}	
.colum_banner_box img,.colum_banner{ height:250px}	
#fixed_height{ height:117px}
}
@media (max-width:1000px){
.banner_fixed .banner_lt{ max-width:100%; margin-left:40px}	
.banner_fixed .banner_lt b{ font-size:30px}	
.colum_banner_box img,.colum_banner{ height:200px}
}
@media (max-width:800px){
.banner_fixed .banner_lt{ max-width:100%; margin-left:35px}
.colum_banner_box img,.colum_banner{ height:150px}
#fixed_height{ height:82px}
}
@media (max-width:620px){
.banner_fixed .banner_lt{ line-height:120%}	
.banner_fixed .banner_lt b{ font-size:20px}		
.colum_banner_box img{ display:none}
.colum_banner_box img,.colum_banner{ height:120px; text-align:center}
}
@media (max-width:500px){
#fixed_height{ height:63px}
}
@media(max-width:1400px){
.column{ max-width:100%; padding:80px}
}
@media(max-width:1200px){
.column{ max-width:100%; padding:50px}
}
@media(max-width:1000px){
.column{ max-width:100%; padding:50px 40px}
.column_video .th_title{ font-size:25px; margin-bottom:15px}
.th_desc{ margin-bottom:25px}
.column_video li b{ font-size:18px}
}
@media(max-width:800px){
#website_video li{ width:48%; margin-right:4%}
#website_video li:nth-child(3n){margin-right:4%}
#website_video li:nth-child(2n){margin-right:0%}
.column_video li .thumb:before{background-size:50px 50px}
#cms_video{ margin-bottom:0}
.column_video li b,#website_video li b{ padding:0; font-size:16px}
.column_video li .thumb{ margin-bottom:15px}
}
@media(max-width:600px){
.column_video .th_title{font-size:20px}
.th_desc{font-size:16px}
}
@media(max-width:500px){
.column{ max-width:100%; padding:30px 25px}
.column_video li b,#website_video li b{font-size:15px}
.column_video li .thumb:before{background-size:30px 30px}
}	
@media(max-width:400px){
.column_video .th_title{ font-size:18px; line-height:1.5;}
#faqs_ulist li{ margin-top:15px}
}
@media(max-width:360px){
.column_video .th_title{ font-size:16px; line-height:1.5;}
.th_desc{ font-size:14px}
.column_video li b, #website_video li b{ font-size:14px}
.fq_title{ font-size:14px}
#faqs_ulist li.on .fq_desc{ font-size:14px; line-height:1.5}
}