@charset "utf-8";



#container .media .inner_850 { max-width: 1100px; overflow: hidden;}

#container .media .inner_850 .solution_area_eliga { height: 125px; padding: 30px 50px; background-color: white; overflow: hidden; }
#container .media .inner_850 .solution_area_eliga p { width: 37%; height: 37px; margin-top: 50px; float: left; }
#container .media .inner_850 .solution_area_eliga .iline { float: left; margin: 0 40px; }
#container .media .inner_850 .solution_area_eliga dt { font-size: 20px; font-weight: bold; text-align: left; margin-top: 10px;}
#container .media .inner_850 .solution_area_eliga dd { text-align: left; font-size: 0.93rem; color:#666666; line-height: 20px; margin-top: 13px; }


#container .media .function h3 { margin-bottom: 30px;}

#container .media .function .function_ubc .function_logo_ubc { margin-top: 50px; display: block; margin: 0 auto; }
#container .media .function .function_ubc p { margin-top: 40px; line-height: 20px; font-size: 16px; color: #666666; }
#container .media .function .function_ubc ul { margin: 0 auto; overflow: hidden; max-width: 1100px; margin-top: 50px; } 
#container .media .function .function_ubc ul li { width: 188px; height: 158px; border: 1px solid #dddddd; padding: 35px; float: left; margin-right: 20px; margin-bottom: 20px;}
#container .media .function .function_ubc ul .no_margin { width: 188px; height: 160px; border: 1px solid #dddddd; padding: 35px; float: left; margin-right: 0px; margin-bottom: 20px;}
#container .media .function .function_ubc ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 25px; letter-spacing: -0.05em;}
#container .media .function .function_ubc ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px; } 


.function_eliga .function_signage {overflow: hidden;}
.function_eliga .function_logo_eliga { display: block; margin: 0 auto; margin-top: 60px; }
.function_eliga p { margin-top: 40px; line-height: 20px; font-size: 16px; color: #666666; }

.function_eliga > h3 { margin-bottom: 16px !important; }
.function_eliga > h3:after { content: none; }

.function_eliga ul { margin-top: 50px; overflow: hidden; max-width: 1200px; margin-left: 0px;}
.function_eliga ul li { width: 240px; height: 220px; border: 1px solid #dddddd; padding: 35px; float: left; margin-right: 20px; margin-bottom: 20px;}
.function_eliga ul li:last-child { margin-right: 0px; }
.function_eliga ul li > img { height: 120px; }
.function_eliga ul li dl dt { font-size: 22px; font-weight: bold; margin-top: 25px; }
.function_eliga ul li dl dd { font-size: 16px; color: #666666; margin-top: 10px; line-height: 20px; }



.function_eliga  .explain_eliga {width: 1100px;border: 1px solid #dddddd;margin: 0 auto;overflow: hidden;}

.function_eliga .explain_eliga .explain_1,
.function_eliga .explain_eliga .explain_2{float: left;width: calc(50% - 61px);padding: 35px 25px 35px 35px;height: 115px;}
.function_eliga .explain_eliga .explain_1 p { text-align: left; font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 15px; }
.function_eliga .explain_eliga .explain_1 .puzzle { float: left; border-style: none; margin-top: 8px; margin-left: 15px; }
.function_eliga .explain_eliga .explain_text {text-align: left;float: left;margin-left: 25px;width: 79%;height: 68px;text-indent: 25px;}
.function_eliga .explain_eliga .explain_1 .explain_text p { text-align: left; border-style: none; font-size: 14px; color: #666666; margin-top: 10px; line-height: 24px; padding: 0px; margin: 0px; display: block; font-weight: normal; }
.function_eliga .explain_eliga .explain_text ul { margin: 0 0; width: 100%; overflow: hidden;}
.function_eliga .explain_eliga .explain_text ul li{ width: 100%; border: none; padding: 0;display: block;  margin: 0 0; height: 22px; line-height: 22px; position: relative; font-size: 14px; letter-spacing: -0.02em; color: #666666 }
.function_eliga .explain_eliga .explain_text ul li:before{ content: ''; display: block; position: absolute; left: 8px; top: 50%; background: #666666; width: 2px; height: 2px;}
.function_eliga .explain_eliga .iline {float: left;margin-right: 0px;margin-top: 45px;}

.function_eliga .explain_eliga .explain_2 {float: left;}
.function_eliga .explain_eliga .explain_2 p { text-align: left; font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 15px;}
.function_eliga .explain_eliga .explain_2 .html5 { float: left; border-style: none; margin-top: 8px; margin-left: 15px; }
.function_eliga .explain_eliga .explain_2 .explain_text {}
.function_eliga .explain_eliga .explain_2 .explain_text p { text-align: left; border-style: none; font-size: 14px; color: #666666; margin-top: 10px; line-height: 24px; padding: 0px; margin: 0px; display: block; letter-spacing: -0.02em; font-weight: normal; letter-spacing: -0.02em; }


#container .media .inner .ci_area { margin-bottom: 0px; }


#tab2 .function_eliga { margin-top: 80px;}
#tab2 .inner_850 .solution_area { width: 760px; height: 185px; padding: 0px; overflow: hidden; }

#tab2 .inner_850 .solution_area  .iline { float: left; margin-right: 40px; height: 120px; margin-top: 35px;  }
#tab2 .inner_850 .solution_area  dt { font-size: 20px; font-weight: bold; text-align: left; margin-top: 10px;}
#tab2 .inner_850 .solution_area  dd { text-align: left; font-size: 0.93rem; color:#666666; line-height: 20px; margin-top: 10px; padding-right: 15px;}


.movedownbtn { width: 380px; height: 60px; background-color: #039cdd; margin: 60px auto 80px auto; line-height: 60px; }
.movedownbtn a { color: white; font-size: 25px; }

.eligaorder-btn {
    display: inline-block;
    padding: 20px 38px;
    background-color: #039DDD;
    color: white;
    border-radius: 12px;
    text-align: center;
    font-size: 28px;
}