/*--------------------------------------------------------成功案列文章頁面--------------------------------------------------------*/
.n_successful_case_article{padding: 20px;}
.n_successful_case_article>div{background-color: #fff;padding: 60px;}
.n_successful_case_article_title{display: flex; flex-direction: column;align-items: center;}
.n_successful_case_article_title>div{}
.n_successful_case_article_title>h1{font-size: 24px; color: #D3902D;line-height: 31px;font-weight: bold;text-align: center;}
.n_successful_case_article_info b{word-wrap: break-word; word-break: break-all; overflow: hidden; font-size: 12px; letter-spacing: 0px; line-height: 15px;}
.n_successful_case_article_info>div:nth-child(1){text-align: center; padding: 30px;}
.n_successful_case_article_info>div:nth-child(2){display: flex; flex-direction: column; align-items: center;}
.n_successful_case_article_info>div:nth-child(2) img{width: 90%;padding: 30px;}
.n_successful_case_article_info iframe{width: 90%;}
.n_successful_case_article_info a{color: #db7a00;}
.n_successful_case_article_info>div:nth-child(3){padding: 15px 0;text-align: center; background-color: #efefef;}
.page a{font-size: 14px; line-height: 24px; color: #FFFFFF;  background-color: #E7A42D; display: inline-block;padding: 5px 10px; margin: 0 10px;}

.n_successful_case_article_more{margin-top: 30px;}
main.success div.right > div > div.video {position: relative;margin-bottom: 16px;}
main.success div.right > div > div.video > a {display: -webkit-flex;display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);cursor: pointer;}
main.success div.right > div > div.video > a > img {margin: auto;}
main.success div.right > div > div.video > img {width: 100%;}
main.success div.right > div > div > h3 {font-size: 22px;color: #E6A32D;}
main.success div.right > div > p {font-size: 18px;line-height: 30px;color: #333333;}
main.success div.right > div > p > a {font-size: 20px;color: #f6385e;margin: 0 5px;}
main.success div.right > div > iframe {width: 100%;margin-bottom: 15px;}
main.success div.right > div:first-child > a {font-size: 14px;line-height: 24px;color: #FFFFFF;padding: 6px 32px;background-color: #E7A42D;box-shadow: 2px 2px #7F683F;border-radius: 5px;display: inline-block;}
main.success div.mobile > div > h3 {font-size: 24px;color: #D3902D;margin: 10px 0 0 0; /*line-height: 1px;*/}
main.success div.mobile > div > div {display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;padding: 6px 0;}
main.success div.mobile > div > p {font-size: 16px;line-height: 30px;color: #333333;text-align: justify;margin: 0;}
main.success div.mobile > div > p > a {font-size: 14px;color: #f6385e;}
main.success div.mobile > div > iframe {width: 100%;margin-bottom: 10px;}
main.success div.mobile > div > div > small {font-size: 12px;color: #ccc;margin: 14px 0 0 0;}
main.success .share {border: none !important;}
main.success > ol {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width: 250px;margin: 38px auto;}
main.success > ol > li > a {font-size: 16px;line-height: 30px;color: #333333;}
main.success > div.content {display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);overflow: auto;display: none;padding: 30px;padding: 0 15%;}
main.success > div.content > div.conter {margin: auto;position: relative;}
main.success > div.content > div.conter > video {width: 100%;}
#shut {position: absolute;top: -20px;right: -20px;cursor: pointer;}

@media screen and (max-width: 768px) {
    .n_successful_case_pc{display: none;}
    .n_successful_case_article{padding: 0;}
    .n_successful_case_article>div{padding: 20px;}
    .n_successful_case_article_info>div:nth-child(1){padding:0;}
    .n_successful_case_article_info iframe{width: 100%;}
    .n_main_right{max-width: 100%;}
}
@media screen and (min-width: 768px){
    .n_successful_case_m{display: none;}
}