.octo_view_area .tab_content {}
.space50 {display: inline-block;    height: 50px;}
h3 { font-size:16px; line-height: 25px; }
.blue { color: #3539be}
.blue.button, .blue.button:visited { color:#fff}
.w40 {
    width: 40%;
}
.rightBox {
    float: right;
    margin-left: 3em;
    margin-top: 1em;
    margin-bottom: 2em;
}

ul.tabs { width: auto; border-left: 0}
.tab_container { border: 0; width: auto}
ul.tabs li a { border: 0; color: #fff; font-size: 1.1em}
ul.tabs li { border: 1px solid #009ee0; background: #009ee0}
ul.tabs .active a { color: #009ee0; font-weight: bold}
ul.tabs li a:hover { background: #009ee0}

table.product-comparison tr th {
    padding: 5px;
    border: 1px solid #c6cbcf;
    background-color: #333;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6;
}


.img_100 img { width: 100%}
.tab_content h2 { font-size:18px; font-weight: bold}
.octo_view_area .tab_content { font-size: 12px; line-height: 20px; width: 745px;}

.td_tit { font-weight: bold}



.octo_top .octo_view_left {  float: left; width: 380px; text-align: center}
.octo_top .octo_view_left img { width: 100%; box-sizing: border-box; padding:30px;}
.octo_top .octo_view_right { width: 370px; float: right; line-height: 20px}
.octo_view_right h4 { font-weight:bold; font-size: 13px;}
.octo_view_right h4 p { font-weight:normal; font-size: 12px;}

.btn_link { margin-top: 20px;}

.octo_list_area dl { float:left; width: 230px; margin: 0 10px 20px }
.octo_list_area dl dt {  box-sizing: border-box; margin-bottom: 10px; height: 232px;}
.octo_list_area dl dt img { width: 100%;border: 1px solid #ddd; margin: 0; padding: 0}
.octo_list_area dl dd { text-align: left; margin: 0 auto; padding: 0; width: 90%;}
.octo_list_area dl dd h3 { padding: 0; margin: 0 0 5px 0}
.octo_list_area dl dd p {padding: 0; margin: 0; font-size: 12px; color: #666666}

.octo_list_area2 dl { width:167px; height: 233px;}
.octo_list_area2 dl dt { height:170px;}

.button, .button:visited, .medium.button, .medium.button:visited { font-size:12px;}

.pt_area ul li { float: left; width: 33.3%;box-sizing: border-box; padding:15px;}
.pt_area ul li img { width: 100%}

.pt_area2 ul li { width: 50%;}
.pt_area2 iframe { width: 100%; max-width: 570px; height: 205px;}

.octo_add dl { float:left; width: 46%; margin: 0 2%   }
.octo_add dl dt {  padding: 0; margin: 0 0 8px 0}
.octo_add dl dt img { width: 100%;}
.octo_add dl dd {  padding: 0; margin: 0}