#wrap.products.sanitox .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#00848d;border-bottom:1px solid #00848d}
@media (min-width:0px) and (max-width:767px){#wrap.products.sanitox .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.sanitox .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#00848d}
#wrap.products.mudfix .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#009e6a;border-bottom:1px solid #009e6a}
@media (min-width:0px) and (max-width:767px){#wrap.products.mudfix .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.mudfix .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#009e6a}
#wrap.products.spamsniper .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#c00011;border-bottom:1px solid #c00011}
@media (min-width:0px) and (max-width:767px){#wrap.products.spamsniper .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.spamsniper .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#c00011}
#wrap.products.mailscreen .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#00398f;border-bottom:1px solid #00398f}
@media (min-width:0px) and (max-width:767px){#wrap.products.mailscreen .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.mailscreen .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#00398f}
#wrap.products.docuone .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#0068c6;border-bottom:1px solid #0068c6}
@media (min-width:0px) and (max-width:767px){#wrap.products.docuone .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.docuone .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#0068c6}
#wrap.products.officehardvex .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#0068c6;border-bottom:1px solid #0068c6}
@media (min-width:0px) and (max-width:767px){#wrap.products.officehardvex .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.officehardvex .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#0068c6}
#wrap.products.mobilekeeper .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#365abd;border-bottom:1px solid #365abd}
@media (min-width:0px) and (max-width:767px){#wrap.products.mobilekeeper .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.mobilekeeper .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#365abd}
#wrap.products.mailsafer .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{color:#365abd;border-bottom:1px solid #365abd}
@media (min-width:0px) and (max-width:767px){#wrap.products.mailsafer .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{border-bottom:0 none}}
#wrap.products.mailsafer .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{background:#365abd}

.sanitox_txt{color:#00848d;}
.mudfix_txt{color:#009e6a;}
.spamsniper_txt{color:#c00011;}
.mailscreen_txt{color:#00398f;}
.docuone_txt{color:#0068c6;}
.officehardvex_txt{color:#0068c6;}
.mobilekeeper_txt{color:#365abd;}
.mailsafer_txt{color:#365abd;}

.prd_scroll_spy .prd_sec .prd_use{margin-top:60px}
.prd_scroll_spy .prd_sec .prd_use .jodal_box{font-size:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec{width:100%;min-width:380px;height:380px;display:inline-block;margin-left:-40px;padding:0 20px;text-align:left;position:relative;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec>div{border:1px solid #f0f0f2;padding:40px;text-align:left;position:relative;height:380px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .spamsniper{position:absolute;bottom:54px;left:40px;font-size:15px;font-weight:500}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .img_ico{position:absolute;bottom:27px;right:27px}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec ul{}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec ul li{display:inline-block; width:100%}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_left{float:left; width:30%; padding-right:40px; box-sizing: border-box;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_right{float:right; width:70%; margin-top:70px; padding-left:40px; border-left:1px solid #f0f0f2; box-sizing: border-box;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl{margin-top:12px}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dt{line-height:1.6;font-size:24px;font-weight:700;color:#282828}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd{font-size:16px;color:#555;line-height:28px;margin-top:24px}
.width_auto{display:inline-block; width:auto !important}
.right_topmargin{margin-top:20px;}
.mo_line{display:inline;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_search{float:right; width:148px; height:36px; line-height:20px; margin-top:70px; padding:5px; box-sizing: border-box; border:2px solid #cdced0; background:url('/static/images/product/ico_jodal_search.png') no-repeat 115px 5px/20px;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .logo_txt{margin-top:0px; color:#282828; line-height: 20px; font-size: 16px; font-weight: bold;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .second_link{margin-left:20px}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd>span{display:inline-block;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd>span>img.no_leftmargin{margin-left:0;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd>span>img{height:30px; margin-left:40px; margin-right:10px; vertical-align: middle;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .product_num{display:inline-block; width:240px; height:162px; padding:20px; line-height:30px; box-sizing: border-box; background-color:#fff; border:1px solid #f0f0f2;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dd a:hover .product_num{background-color:#fafafa}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .product_color{font-weight: bold; letter-spacing: -0.6px; line-height: 28px;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_link{margin-top:33px; text-decoration: underline;}
.prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{font-size:15px;position:absolute;bottom:54px;left:40px}

@media (min-width:768px) and (max-width:1279px){
    .prd_scroll_spy .prd_sec .prd_use .jodal_box{-webkit-box-pack:left;-webkit-justify-content:left;-moz-box-pack:left;-ms-flex-pack:left;justify-content:left}
}
@media (min-width:0px) and (max-width:767px){
    .prd_scroll_spy .prd_sec .prd_use{margin-top:28px}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box{margin:0 -5px;-webkit-box-pack:left;-webkit-justify-content:left;-moz-box-pack:left;-ms-flex-pack:left;justify-content:left}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec{width:100%;height: auto;padding:0 5px;min-width:0; margin-left:0}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec>div{height:auto; background-color: #f5f6f8; border:1px solid #f0f0f2;padding:30px 30px;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .spamsniper{position:absolute;top:0;left:0;right:0;bottom:0;border-bottom:0 none;text-indent:-9999em}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .img_ico{position:absolute;bottom:11px;right:30px;width:90px}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .num i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec ul{}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec ul li{display:inline-block; width:100%}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_left{float:none; width:100%; padding-right:0; box-sizing: border-box;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_right{float:none; width:100%; margin-top:20px; padding-left:0; border-left:none; box-sizing: border-box;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl{margin-top:10px}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dt{line-height:1.6;font-size:20px}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd{font-size:15px;margin-top:20px}
    .width_auto{display:inline-block; width:auto !important}
    .right_topmargin{margin-top:20px;}
    .mo_line{display:block !important; margin-left:-20px !important; line-height: 50px !important;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_search{display:none}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .logo_txt{margin-top:0px; color:#282828; line-height: 20px; font-size: 13px; font-weight: bold;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .second_link{margin-left:0}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd>span{display:inline;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd>span>img.no_leftmargin{margin-left:0;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dl dd>span>img{height:20px; margin-left:20px; margin-right:6px; vertical-align: middle;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .product_num{display:inline-block; width:240px; height:auto; padding:0; font-size: 15px; line-height:26px; box-sizing: border-box; background-color:transparent; border:none;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec dd a:hover .product_num{background-color:transparent}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .product_color{font-weight: bold; letter-spacing: -0.6px; line-height: 28px;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .jodal_link{margin-top:3px; text-decoration: underline;}
    .prd_scroll_spy .prd_sec .prd_use .jodal_box .jodal_sec .link{top:0;left:0;right:0;bottom:0;text-indent:-9999em}
}