/* tabs */
.post-tabs{margin-bottom:55px;border-bottom:2px solid #da3731;}
.post-tabs li{float:left;width:33.33%;}
.post-tabs li a{display:block;height:50px;line-height:50px;font-size:18px;text-align:center;}
.post-tabs li a:hover{text-decoration:none;}
.post-tabs li.on a{background-color:#F2F2F2;}

/* box */
.post-left{float:left;width:68%;}
.post-right{float:right;width:22%;}

/* title */
.post-title{margin-bottom:45px;}
.post-title h2{margin:0;font-size:42px;font-weight:300;}
.post-title .i-date{color:#999;margin-top:20px;}

/* col */
.post-col {padding-left:12px;}
.post-col li{list-style:disc;padding:0 0 15px 8px;}
.post-col a{color:#333;}
.post-col a:hover{text-decoration:none;color:#ed1c22;}
.post-col li.on a{color:#ed1c22;}

.post-titles{margin-bottom:50px;position:relative;}
.post-titles li{float:left;border:1px solid #EEE;margin:0 15px 15px 0;overflow:hidden;
border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;}
.post-titles li:hover{background-color:#F2F2F2;}
.post-titles a{display:inline-block;color:#222;height:42px;line-height:42px;padding:0 20px;}
.post-titles a:hover{text-decoration:none;}
.post-titles li.on{border-color:#ed1c22;background-color:#ed1c22;}
.post-titles li.on a{color:#FFF;}
.post-titles .if{display:none;}

.post-recent .i-thumb{float:left;width:18%;}
.post-recent li{list-style:disc;padding:0 0 15px 8px;}
.post-recent li.has_thumb{list-style:none;padding:0 0 20px 0;margin-bottom:20px;border-bottom:1px solid #F1F1F1;}
.post-recent li.has_thumb .i-text{float:right;width:77%;}
.post-recent .i-date{margin:6px 0 0 0;color:#999;font-size:12px;}
.post-recent .i-summary{margin:6px 0 0 0;font-size:12px;color:#999;
text-overflow:ellipsis;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}

/* list */
.video-list{margin-bottom:40px;}
.video-list .i-item{float:left;width:366px;margin-right:40px;}
.video-list .i-item.nm{margin-right:0 !important;}
.video-list .b{overflow:hidden;}
.video-list .i-thumb{position:relative;}
.video-list .i-thumb img{width:100%;}
.video-list .i-play{position:absolute;z-index:1;top:46%;left:0;width:100%;text-align:center;}
.video-list .i-play .if{font-size:48px;cursor:pointer;}
.video-list .i-thumb:hover .i-play .if{font-size:58px;color:#E80024;}
.video-list .i-line{width:100%;clear:both;height:60px;}
.video-list .i-text{margin-top:16px;}
.video-list .i-text h3{margin:0;}
.video-list .i-text a{font-size:16px;font-weight:400;}
.video-list .i-text a:hover{text-decoration:none;}
.video-list .i-text p{margin:12px 0 0 0;color:#666;}

.post-list1 .i-item{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #EEE;}
.post-list1 .i-thumb{float:left;width:47%;overflow:hidden;}
.post-list1 .i-thumb a{display:block;margin-right:55px;}
.post-list1 .i-thumb img{width:100%;}
.post-list1 .i-text{float:left;width:53%;}
.post-list1 h3{margin:0 0 20px 0;}
.post-list1 h3 a{font-size:28px;font-weight:500;}
.post-list1 p{margin:0;color:#777;line-height:185%;}
.post-list1 .i-date{color:#999;margin-bottom:20px;}
.post-list1 .i-bt{margin-top:40px;}

.post-list-grid{display:grid;grid-template-columns:33.33% 33.33% 33.33%;border:1px solid #EEE;border-right:none;border-bottom:none;margin-bottom:60px;}
.post-list-grid .i-item{border:1px solid #EEE;text-align:center;border-top:none;border-left:none;}
.post-list-grid .i-thumb img{width:100%;}
.post-list-grid .b{padding:35px;}
.post-list-grid h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:15px 0 0 0;}
.post-list-grid h3 a{font-weight:400;font-size:18px;}
.post-list-grid p{margin:15px 0 0 0;}

.download-list .i-item{float:left;width:560px;margin-right:60px;}
.download-list .i-item.nm{margin-right:0 !important;}
.download-list .i-line{clear:both;width:100%;height:60px;overflow:hidden;}
.download-list .i-thumb img{width:100%;}
.download-list .i-thumb{float:left;width:52%;}
.download-list .i-thumb a{display:block;margin-right:30px;}
.download-list .i-text{float:left;width:48%;}
.download-list .i-text h3{margin:0 0 16px 0;}
.download-list .i-text h3 a{font-size:22px;font-weight:500;}
.download-list .i-text p{margin:0 0 30px 0;color:#777;}

.post-list-col4{margin-bottom:40px;}
.post-list-col4 .i-item{float:left;width:265px;margin-right:40px;}
.post-list-col4 .i-item.nm{margin-right:0 !important;}
.post-list-col4 .b{overflow:hidden;background-color:#F2F2F2;}
.post-list-col4 .i-thumb{position:relative;}
.post-list-col4 .i-thumb img{width:100%;}
.post-list-col4 .i-line{width:100%;clear:both;height:60px;}
.post-list-col4 .i-text{padding:25px;}
.post-list-col4 .i-text p{color:#666;margin:0;}
.post-list-col4 h3{margin:0 0 15px 0;line-height:130%;}
.post-list-col4 h3 a{font-size:18px;font-weight:600;}

.faq-list li{list-style:disc;margin-left:16px;padding:15px 0;border-bottom:1px solid #EEE;}

.post-list1 .btn-radius,
.download-list .btn-radius{height:40px;line-height:40px;padding:0 30px;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}

/* detail */
.post-detail-download{border-top:1px solid #EEE;padding-top:40px;}

.ch-title-1{border-left:2px solid #ed1c22;padding-left:15px;margin-bottom:40px;}
.ch-title-1 h3{font-weight:500;font-size:26px;margin:0;}

.ch-row-col3{margin-bottom:50px;}
.ch-row-col3 .i-item{float:left;width:33.33%;text-align:center;}
.ch-row-col3 .i-item .b{margin:0 30px;}
.ch-row-col3 .i-item img{width:100%;}

.ch-row-col2{margin-bottom:50px;}
.ch-row-col2 .i-left{float:left;width:46%;}
.ch-row-col2 .i-right{float:right;width:46%;}


/*------------------------ common ------------------------*/
/* transition */
.post-titles li{
transition:background-color 0.5s ease 0s; -webkit-transition:background-color 0.5s ease 0s;-moz-transition:background-color 0.5s ease 0s;-o-transition:background-color 0.5s ease 0s;}
.video-list .i-play .if{
transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}

.post-list .i-thumb img
{width:100%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.post-list .i-thumb:hover img
{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/* ----------- media ---------- */
@media screen and (max-width:1180px){
.download-list .i-item{width:50%;margin-right:0;}
.download-list .i-item .b{margin:0 10px;}

.video-list .i-item{width:33.33%;margin-right:0;}
.video-list .b{margin:0 10px;}

.post-list-col4 .i-item{width:25%;margin-right:0;}
.post-list-col4 .b{margin:0 10px;}
}

@media screen and (max-width:960px){
.post-right{display:none;}
.post-left{width:100%;}

.video-list .i-item, .post-list-col4 .i-item{width:50%;margin-bottom:35px;}
.video-list .i-line, .post-list-col4 .i-line{display:none;}
}

@media screen and (max-width:860px){
.download-list .i-item{width:100%;margin-bottom:40px;}
.download-list .i-item .b{margin:0;}
.download-list .i-line{height:0;}
}
@media screen and (max-width:640px){
.content-company{margin-top:35px;}
.ch-row-col3 .i-item{width:100%;}
.ch-row-col3 .i-item .b{margin:0 0 40px 0;}
.ch-row-col2 .i-left, .ch-row-col2 .i-right{width:100%;margin-bottom:35px;}

.post-list1 .i-thumb, .post-list1 .i-text{width:100%;}
.post-list1 .i-thumb a{margin:0;}
.post-list1 .i-text{margin-top:35px;}
.post-list1 h3 a{font-size:23px;}
.post-list1 .i-item{padding-bottom:60px;margin-bottom:60px;}

.post-title h2{font-size:32px;}

.download-list .i-text p{font-size:12px;}
.video-list .i-item, .post-list-col4 .i-item{width:100%;margin-bottom:40px;}
.video-list .b, .post-list-col4 .b{margin:0;}
}