.peripheral_more_btn {
    text-align: center;
}

.peripheral_more_btn:last-child {
    padding-bottom: 20px;
}

.peripheral_more_btn a {
    display: inline-block;
    vertical-align: top;
    width: 490px;
    line-height: 56px;
    background: #d15e00;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 18px;
    color: #ffffff;
}


@media (min-width: 0px) and (max-width: 1100px) {
     .peripheral_more_btn a{
         width: 240px;
         line-height: 50px;
         font-size: 16px;
     }
}

.peripheral_list header{ width: 52.35%;}
.peripheral_list header img{ display: block; width: 100%;}
    
.peripheral_list main{ padding-left: 6.4%; padding-top: 38px;}
.peripheral_list main h3{ font-size: 36px; color: rgb( 152, 107, 84 ); text-shadow: 1px 1.732px 2px #ddd; overflow: hidden; padding-bottom: 15px;}
.peripheral_list main h3 em{ display: block; float: left; line-height: 40px; padding: 22px 0; border-bottom: 1px solid #5a514e; max-width: 100%;}
.peripheral_list main div{ font-size: 20px;line-height: 30px;}

.peripheral_list li{ margin-bottom: 54px; position: relative; display: flow-root;}
.peripheral_list li>a{ display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.peripheral_list li:nth-child(2n+1) header{ float: left;}
.peripheral_list li:nth-child(2n+1) main{ margin-left: 52.35%;}
        
.peripheral_list li:nth-child(2n) header{ float: right;}
.peripheral_list li:nth-child(2n) main{ margin-right: 52.35%;}

@media (min-width: 0px) and (max-width: 1500px) {
    .peripheral_list header{ width: 52.35%;}
    .peripheral_list main{ padding-top: 15px;}
    .peripheral_list main h3{ font-size: 32px; padding-bottom: 10px;}
    .peripheral_list main h3 em{line-height: 36px; padding: 15px 0;}
    .peripheral_list main div{ font-size: 18px;line-height: 24px;}

    .peripheral_list li{ margin-bottom: 40px;}
}
@media (min-width: 0px) and (max-width: 1000px) {
    .peripheral_list header{ width: 52.35%;}
    .peripheral_list main{ padding-top: 0px;}
    .peripheral_list main h3{ font-size: 24px; padding-bottom: 8px;}
    .peripheral_list main h3 em{line-height: 30px; padding: 10px 0; }
    .peripheral_list main div{ font-size: 18px;line-height: 24px;}

   .peripheral_list li{ margin-bottom: 30px;}
}
@media (min-width: 0px) and (max-width: 800px) {
    .peripheral_list header{ width: 100%;}
    .peripheral_list main{ padding-top: 0px; padding-left: 0 !important; margin: 0 !important; float: left; width: 100%;}
    .peripheral_list main h3{ font-size: 20px; padding-bottom: 8px;}
    .peripheral_list main h3 em{line-height: 28px; padding: 8px 0; }
    .peripheral_list main div{ font-size: 16px;line-height: 24px;}

    .peripheral_list li{ margin-bottom: 30px;}
}

.text_content{
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
}

.text_content header .title_h2{
    margin-top: 0;
    text-align: center;
}

.text_content header h2 em{
    color: #000;
}

.entry-column [class*="column-eximage"], .entry-column [class*="column-media"], .entry-column [class*="column-video"], .entry-column [class*="column-youtube"] {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}