body { color: #4A4A4A; }

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { border: none; }

.wrap { position: relative; }

header { width: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; z-index: 999; }
header .container-fluid .row { height: 40px; position: relative; margin: auto; }
header .container-fluid .row input[type=checkbox] { display: none; }
header .container-fluid .row input[type=checkbox]:checked + ul.mtree { display: block; height: 100vh; }
header .container-fluid .row img[src*="logo.png"] { display: none; }
header .container-fluid .row .logo img { width: 140px; height: auto; }
header .container-fluid .row .menu .menuicon { margin: 0; width: 20px; height: 24px; }
header .container-fluid .row .menu .menuicon img { width: 100%; }
header .container-fluid .row .menu ul.mtree { background-color: #fff; position: absolute; top: 100%; left: 0px; width: calc(100% + 30px); display: none; padding: 0; z-index: 999; margin: 0 -15px; }
header .container-fluid .row .menu ul.mtree > .mtree-node { position: relative; }
header .container-fluid .row .menu ul.mtree > .mtree-node:before { content: ""; background-image: url("../images/btn_menu_down_n.png"); background-size: cover; width: 20px; height: 20px; position: absolute; right: 15px; top: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; }
header .container-fluid .row .menu ul.mtree .mtree-open:before { background-image: url("../images/btn_menu_up_n.png"); }
header .container-fluid .row .menu ul.mtree li { border-bottom: 1px solid #c9c9c9; }
header .container-fluid .row .menu ul.mtree li a { line-height: 41px; height: 40px; display: block; text-decoration: none; color: #4A4A4A; padding: 0 15px; font-size: 19px; font-weight: 600; }
header .container-fluid .row .menu ul.mtree .mtree-level-1 { margin: 10px 0 20px 15px; }
header .container-fluid .row .menu ul.mtree .mtree-level-1 .mtree-node { border-bottom: none; }
header .container-fluid .row .menu ul.mtree .mtree-level-1 .mtree-node:not(:last-of-type) { margin-bottom: 20px; }
header .container-fluid .row .menu ul.mtree .mtree-level-1 .mtree-node a { font-size: 19px; line-height: 19px; height: auto; }
header .container-fluid .row .menu ul.mtree .mtree-level-1 .mtree-node .mtree-level-2 { display: block !important; overflow: initial !important; height: auto !important; }
header .container-fluid .row .menu ul.mtree .mtree-level-1 .mtree-node .mtree-level-2 li { font-size: 19px; opacity: 1 !important; transform: translateY(0px) !important; margin-top: 10px; border-bottom: none; }
header .container-fluid .row .menu ul.mtree .mtree-level-1 .mtree-node .mtree-level-2 li a { line-height: 16px; height: auto; font-size: 14px; padding: 0; color: #797979; font-weight: normal; }
header .container-fluid .row .menu ul.mtree .singlecolumn .mtree-node .mtree-level-2 li a { font-size: 19px; color: #4A4A4A; line-height: 19px; }
header .container-fluid .row .menu .desktopmenu { display: none; }

.content img[src*="top.png"] { display: none; }
.content img[src*="begin.png"] { display: none; }
.content img { width: auto; max-width: 100%; }
.content .row.breadcrumbarea .col { padding: 0; }
.content .row.breadcrumbarea .col nav { background-color: #4A4A4A; }
.content .row.breadcrumbarea .col nav .breadcrumb { margin-bottom: 0; border-radius: 0; background-color: #4A4A4A; padding: 0 15px; line-height: 40px; }
.content .row.breadcrumbarea .col nav .breadcrumb .breadcrumb-item a { color: #fff; font-size: 14px; font-weight: normal; display: inline-block; vertical-align: middle; }
.content .row.breadcrumbarea .col nav .breadcrumb .active a { color: #fff; }
.content .row.breadcrumbarea .col nav .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: ""; background-image: url(../images/img_crumb_arrow_white.png); width: 10px; height: 16px; padding: 0; margin: 0 7.5px; display: inline-block; vertical-align: middle; }
.content .row.breadcrumbareabottom .col { padding: 0; }
.content .row.breadcrumbareabottom .col nav { background-color: #f9f9f9; }
.content .row.breadcrumbareabottom .col nav .breadcrumb { margin-bottom: 0; border-radius: 0; background-color: #f9f9f9; padding: 0 15px; line-height: 40px; }
.content .row.breadcrumbareabottom .col nav .breadcrumb .breadcrumb-item a { color: #797979; font-size: 14px; font-weight: normal; display: inline-block; vertical-align: middle; }
.content .row.breadcrumbareabottom .col nav .breadcrumb .active a { color: #4A4A4A; }
.content .row.breadcrumbareabottom .col nav .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: ""; background-image: url(../images/img_crumb_arrow_grey.png); width: 10px; height: 16px; padding: 0; margin: 0 7.5px; display: inline-block; vertical-align: middle; }
.content .row .hometop { width: 100%; position: relative; }
.content .row .hometop img { width: 100%; }
.content .row .hometop .hometoparea { position: absolute; top: calc(50% + 40px); left: 50%; -webkit-transform: translate(-50%, calc(-50% - 20px)); -moz-transform: translate(-50%, calc(-50% - 20px)); -ms-transform: translate(-50%, calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); background-image: url(../images/img_home_top_icon_rwd.png); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 302px; height: 302px; max-height: 70%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; }
.content .row .hometop .hometoparea img[src*="o2o.png"], .content .row .hometop .hometoparea img[src*="logo.png"] { display: none; }
.content .row .hometop .hometoparea img[src*="o2o_rwd"], .content .row .hometop .hometoparea img[src*="logo_rwd.png"] { max-width: 85px; width: auto; }
.content .row .hometop .hometoparea span { text-align: center; color: #fff; font-weight: 400; font-size: 17px; }
.content .row .hometop .hometoparea span span { display: block; }
.content .row .hometop .about { background-image: none; }
.content .row .hometop .about img[src*="about"] { width: 100%; max-width: none; margin-bottom: 15px; }
.content .row .hometop .apply { background-image: none; }
.content .row .hometop .apply img { margin-bottom: 15px; }
.content .row .hometop .construct { background-image: none; }
.content .row .hometop .construct img { margin-bottom: 15px; }
.content .row .hometop .mobilelife { background-image: url(../images/mobilelife/img_mobilelife_top_icon_rwd.png); }
.content .row .hometop .mmrm { background-image: url(../images/mmrm/img_mmrm_top_icon_rwd.png); }
.content .row .hometop .iotstore { background-image: url(../images/iotstore/img_iotstore_top_icon_rwd.png); }
.content .row .hometop .insight { background-image: url(../images/insight/img_insight_top_icon_rwd.png); }
.content .row .hometop .ds { background-image: url(../images/ds/img_ds_top_icon_rwd.png); }
.content .row .hometop .mwt { background-image: url(../images/mwt/img_mwt_top_icon_rwd.png); }
.content .row .hometop .mwt img { margin-top: 25px; }
.content .row .hometop .msp { background-image: url(../images/msp/img_msp_top_icon_rwd.png); }
.content .row .hometop .mcms { background-image: url(../images/mcms/img_mcms_top_icon_rwd.png); }
.content .row .hometop .mntf { background-image: url(../images/mntf/img_mntf_top_icon_rwd.png); }
.content .row .hometop .mntf img { margin-top: 25px; }
.content .row .hometop .mpos { background-image: url(../images/mpos/img_mpos_top_icon_rwd.png); }
.content .row .hometop .mast { background-image: url(../images/mast/img_mast_top_icon_rwd.png); }
.content .row .hometop .mi { background-image: url(../images/mi/img_mi_top_icon_rwd.png); background-position: 50% calc(50% - 20px); }
.content .row .hometop .si { background-image: url(../images/si/img_si_top_icon_rwd.png); background-position: 50% calc(50% - 20px); }
.content .row .hometop .mos { background-image: url(../images/mos/img_mos_top_icon_rwd.png); }
.content .row .hometop .mfb { background-image: url(../images/mfb/img_mfb_top_icon_rwd.png); }
.content .row .hometop .mmk { background-image: url(../images/mmk/img_mmk_top_icon_rwd.png); background-position: 50% calc(50% - 15px); }
.content .row .hometop .mm { background-image: url(../images/mm/img_mm_top_icon_rwd.png); background-position: 50% calc(50% - 15px); }
.content .row .col.top { padding: 0 15px; }
.content .row .col.top .interest { padding: 40px 0 0; }
.content .row .col.top .interest .interestarea { padding: 0 15px; }
.content .row .col.top .interest .interestarea .interestbtn { height: 25px; background-color: #FFF; border: 1px solid #0088bb; border-radius: 5px; margin-bottom: 10px; margin-right: 7.5px; }
.content .row .col.top .interest .interestarea .interestbtn a { color: #0088bb; text-decoration: none; font-size: 14px; height: 23px; line-height: 23px; padding: 0 7px; display: block; }
.content .row .col.top .interest .interestarea .interestbtn:hover { background-color: #0088bb; }
.content .row .col.top .interest .interestarea .interestbtn:hover a { color: #fff; }
.content .row .col.top .index { background-color: #fff; }
.content .row .col.top .index .indexarea { background-image: url("../images/bg_home_tag_rwd.png"); background-size: contain; }
.content .row .col.top .index .indexarea img { margin: 0 auto; }
.content .row .col.top .index .indexarea img[src*="tag"] { display: none; }
.content .row .col.top .index .indexarea img[src*="rwd"] { display: block; }
.content .row .col.top .index .bottom { background-color: #4A4A4A; }
.content .row .col.top .index .bottom .tel { height: 40px; color: #fff; font-size: 14px; line-height: 40px; }
.content .row .col { padding: 40px 15px 0px; text-align: center; }
.content .row .col h1.title { font-size: 19px; font-weight: 600; margin-bottom: 15px; color: #4A4A4A; }
.content .row .col p { color: #797979; font-size: 20px; margin-bottom: 30px; text-align: justify; }
.content .row .col .maincontent.construct .contact { padding-top: 0; }
.content .row .col .maincontent h1.title { font-size: 19px; font-weight: 600; margin-bottom: 15px; color: #4A4A4A; }
.content .row .col .maincontent h1.title span { display: block; }
.content .row .col .maincontent p { color: #797979; font-size: 14px; margin-bottom: 30px; text-align: justify; }
.content .row .col .maincontent .aboutus:first-child { padding-top: 0; }
.content .row .col .maincontent .aboutus .aboutuscontent { max-width: 800px; margin: 0 auto; }
.content .row .col .maincontent .aboutus .aboutuscontent p { text-align: justify; }
.content .row .col .maincontent .aboutus .pic .col-12:last-child p { margin-bottom: 0; }
.content .row .col .maincontent .aboutus .pic img[src*="intro.png"], .content .row .col .maincontent .aboutus .pic img[src*="award01.png"], .content .row .col .maincontent .aboutus .pic img[src*="award02.png"], .content .row .col .maincontent .aboutus .pic img[src*="news01.png"], .content .row .col .maincontent .aboutus .pic img[src*="news02.png"], .content .row .col .maincontent .aboutus .pic img[src*="speech01.png"], .content .row .col .maincontent .aboutus .pic img[src*="speech02.png"] { display: none; }
.content .row .col .maincontent .aboutus .pic p { text-align: center; font-size: 16px; font-weight: 600; margin-top: 5px; color: #4A4A4A; }
.content .row .col .maincontent .imghomebegin, .content .row .col .maincontent .productintro, .content .row .col .maincontent .benefit, .content .row .col .maincontent .contact, .content .row .col .maincontent .subscription, .content .row .col .maincontent .mobile, .content .row .col .maincontent .memberintro, .content .row .col .maincontent .aboutus, .content .row .col .maincontent .interest { border-bottom: 1px solid #c9c9c9; padding: 40px 0; }
.content .row .col .maincontent .imghomebegin:last-of-type, .content .row .col .maincontent .productintro:last-of-type, .content .row .col .maincontent .benefit:last-of-type, .content .row .col .maincontent .contact:last-of-type, .content .row .col .maincontent .subscription:last-of-type, .content .row .col .maincontent .mobile:last-of-type, .content .row .col .maincontent .memberintro:last-of-type, .content .row .col .maincontent .aboutus:last-of-type, .content .row .col .maincontent .interest:last-of-type { border-bottom: none; }
.content .row .col .maincontent .applyintro { border-top: 1px solid #c9c9c9; margin-top: 40px; }
.content .row .col .maincontent .news { margin-top: 0; padding-top: 0; border-top: 0; }
.content .row .col .maincontent .news .newsarea .newsbox:not(:last-of-type) { margin-bottom: 15px; }
.content .row .col .maincontent .news .newsarea .newsbox:last-of-type { margin-bottom: 30px; }
.content .row .col .maincontent .news .newsarea .newsbox .newspic img[src*="photo"] { display: none; }
.content .row .col .maincontent .news .newsarea .newsbox .newspic img[src*="rwd"] { display: block; width: 100%; }
.content .row .col .maincontent .news .newsarea .newsbox .newsarticle { padding: 25px; border: 1px solid #d5d5d5; border-top: 0; }
.content .row .col .maincontent .news .newsarea .newsbox .newsarticle .title { text-align: left; }
.content .row .col .maincontent .news .newsarea .newsbox .newsarticle p { margin-bottom: 15px; color: #4A4A4A; }
.content .row .col .maincontent .news .newsarea .newsbox .newsarticle .bottomcolumn .date { font-size: 14px; color: #797979; }
.content .row .col .maincontent .news .newsarea .newsbox .newsarticle .bottomcolumn .contiune a { font-size: 14px; color: #0088bb; }
.content .row .col .maincontent .news .newsarea nav .pagination { margin-bottom: 0; }
.content .row .col .maincontent .news .newsarea nav .pagination .page-item a { width: 30px; height: 30px; line-height: 30px; padding: 0; border: 0; color: #797979; font-size: 19px; }
.content .row .col .maincontent .news .newsarea nav .pagination .page-item a:hover { background-color: transparent; }
.content .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="highlight"], .content .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="right_highlight"], .content .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="right_nagtive"], .content .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="nagtive"] { display: none; }
.content .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="right_highlight_rwd"], .content .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="left_nagtive_rwd"] { display: block; }
.content .row .col .maincontent .news .newsarea nav .pagination .active a { color: #0088bb; background-color: transparent; }
.content .row .col .maincontent .newsdetail { margin-top: 0; padding: 0px 15px 40px; border-top: 0; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox img[src*="detail"] { display: none; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox img[src*="rwd"] { display: block; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .title { margin: 20px 0 10px; font-size: 19px; font-weight: 600; color: #0088bb; text-align: left; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .date { color: #797979; font-size: 14px; font-weight: normal; text-align: left; margin-bottom: 10px; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox p { color: #4A4A4A; font-size: 14px; font-weight: normal; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox p span { color: #4A4A4A; font-weight: 600; display: block; margin: 40px 0 10px; text-align: left; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .prev a, .content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .next a { font-weight: normal; color: #797979; font-size: 14px; line-height: 30px; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .prev { height: 30px; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .prev a { line-height: 30px; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .prev a:before { content: ""; background-image: url(../images/news_detail/btn_news_left_nagtive_rwd.png); width: 30px; height: 30px; background-size: cover; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .next { height: 30px; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .next a { line-height: 30px; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .next a:after { content: ""; background-image: url(../images/news_detail/btn_news_right_nagtive_rwd.png); width: 30px; height: 30px; background-size: cover; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .back { margin: 0 60px; }
.content .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .back a { font-weight: 600; color: #4A4A4A; font-size: 14px; }
.content .row .col .maincontent .imghomebegin { padding-top: 0; }
.content .row .col .maincontent .mobile.row.no-gutters { padding-top: 0; }
.content .row .col .maincontent .productintro.indexproduct h1.title { margin-bottom: 30px; }
.content .row .col .maincontent .productintro h1.title { margin-bottom: 15px; }
.content .row .col .maincontent .productintro .productintrocontent { margin: 0; }
.content .row .col .maincontent .productintro .productintrocontent .introbox { background-color: #4A4A4A; border-radius: 5px; text-align: center; margin: 0px 0px 10px; padding: 15px; }
.content .row .col .maincontent .productintro .productintrocontent .introbox:last-of-type { margin: 0; }
.content .row .col .maincontent .productintro .productintrocontent .introbox .name { color: #fff; font-size: 19px; font-weight: 600; }
.content .row .col .maincontent .productintro .productintrocontent .introbox img { max-width: 105px; width: auto; margin: 15px auto; }
.content .row .col .maincontent .productintro .productintrocontent .introbox .introcontent { color: #fff; text-align: justify; font-size: 14px; }
.content .row .col .maincontent .productintro .productintrocontent .introbox .btn-goto { font-size: 14px; margin: 15px auto 0px; width: 100%; background-color: #F0C800; color: #4A4A4A; }
.content .row .col .maincontent .productintro .memberservice { max-width: 400px; margin: 0px 45px; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
.content .row .col .maincontent .productintro .memberservice:not(:last-of-type) { margin-bottom: 50px; }
.content .row .col .maincontent .productintro .memberservice .membercontent { text-align: left; font-size: 19px; font-weight: 600; margin-bottom: 15px; }
.content .row .col .maincontent .productintro .memberservice .membercontent span { color: #7b7b7b; border-bottom: 1px solid #E4E4E4; display: block; font-size: 14px; padding: 0px 0px 10px; margin-bottom: 10px; font-weight: normal; }
.content .row .col .maincontent .productintro .memberservice .membercontent .membercontentdescript { text-align: justify; font-size: 14px; font-weight: normal; }
.content .row .col .maincontent .productintro .mainfunction .title { margin: 0px auto 30px; }
.content .row .col .maincontent .productintro .mainfunction p { margin: 0 auto 60px; }
.content .row .col .maincontent .productintro .mainfunction img { max-width: 100%; width: auto; margin: 0 auto 15px; display: block; }
.content .row .col .maincontent .productintro .mainfunction .mainfunctionpic .notifier { margin-bottom: 20px; }
.content .row .col .maincontent .productintro .mainfunction .mainfunctionpic .notifier img { margin-bottom: 0; }
.content .row .col .maincontent .productintro .mainfunction .mainfunctionpic .notifier:nth-last-child(2), .content .row .col .maincontent .productintro .mainfunction .mainfunctionpic .notifier:last-of-type { margin-bottom: 0; }
.content .row .col .maincontent .productintro .mainfunction .mainfunctionpic p { margin: 0; text-align: center; }
.content .row .col .maincontent .productintro .comparison { -webkit-flex-direction: column; flex-direction: column; }
.content .row .col .maincontent .productintro .service { padding: 30px 0px; }
.content .row .col .maincontent .productintro .service:nth-child(3) { padding-top: 0; }
.content .row .col .maincontent .productintro .service:last-child { padding-bottom: 0; }
.content .row .col .maincontent .productintro .service:not(:last-of-type) { border-bottom: 1px solid #c9c9c9; }
.content .row .col .maincontent .productintro .service .servicedescription .title { font-size: 19px; font-weight: 600; margin-bottom: 15px; }
.content .row .col .maincontent .productintro .service .servicedescription .title span { display: block; }
.content .row .col .maincontent .productintro .service .servicedescription img[src*="old01.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="old02.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="old03.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="old04.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="old05.png"] { display: none; }
.content .row .col .maincontent .productintro .service .servicedescription img[src*="new01.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="new02.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="new03.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="new04.png"], .content .row .col .maincontent .productintro .service .servicedescription img[src*="new05.png"] { display: none; }
.content .row .col .maincontent .productintro .service span.compare { display: block; color: #E4E4E4; font-weight: 600; font-size: 20px; margin: 15px 0; padding: 0; flex: 1; }
.content .row .col .maincontent .benefit .benefittitle { text-align: left; }
.content .row .col .maincontent .benefit .benefittitle:not(:last-of-type) { margin-bottom: 25px; }
.content .row .col .maincontent .benefit .benefittitle:before { content: ""; display: inline-block; background-image: url("../images/img_home_phone.png"); background-size: cover; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; }
.content .row .col .maincontent .benefit .benefittitle:nth-child(4):before { background-image: url("../images/img_home_shop.png"); }
.content .row .col .maincontent .benefit .benefittitle:nth-child(5):before { background-image: url("../images/img_home_date.png"); }
.content .row .col .maincontent .benefit .benefittitle:nth-child(6):before { background-image: url("../images/img_home_store.png"); }
.content .row .col .maincontent .benefit .benefittitle:nth-child(7):before { background-image: url("../images/img_home_cost.png"); }
.content .row .col .maincontent .benefit .benefittitle .num { width: calc(100% - 40px); display: inline-block; line-height: 30px; vertical-align: middle; font-size: 16px; color: #4A4A4A; }
.content .row .col .maincontent .benefit .benefittitle span { float: right; color: #f0c800; font-weight: 400; font-size: 20px; line-height: 30px; }
.content .row .col .maincontent .interest .interestarea { padding: 0 15px; }
.content .row .col .maincontent .interest .interestarea .interestbtn { height: 25px; background-color: #FFF; border: 1px solid #0088bb; border-radius: 5px; margin-bottom: 10px; margin-right: 7.5px; }
.content .row .col .maincontent .interest .interestarea .interestbtn a { color: #0088bb; text-decoration: none; font-size: 14px; height: 23px; line-height: 23px; padding: 0 7px; display: block; }
.content .row .col .maincontent .interest .interestarea .interestbtn:hover { background-color: #0088bb; }
.content .row .col .maincontent .interest .interestarea .interestbtn:hover a { color: #fff; }
.content .row .col .maincontent .contact .topcolumn { padding: 0 5px 15px; }
.content .row .col .maincontent .contact .bottomcolumn { padding: 0 5px; }
.content .row .col .maincontent .contact p { text-align: center; margin-bottom: 15px; }
.content .row .col .maincontent .contact p span { display: block; }
.content .row .col .maincontent .contact .form-group { margin-bottom: 0; }
.content .row .col .maincontent .contact .form-group:not(:last-of-type) { margin-bottom: 15px; }
.content .row .col .maincontent .contact .form-group .col-form-label { text-align: left; color: #4A4A4A; font-size: 16px; padding: 0; line-height: 38px; }
.content .row .col .maincontent .contact .form-group .form-control { border-color: #797979; border-radius: 5px; }
.content .row .col .maincontent .contact .form-group .btn { width: 100%; background-color: #4A4A4A; border-radius: 5px; font-size: 14px; border: none; height: 38px; line-height: 22px; }
.content .row .col .maincontent .contact .form-group .btn:focus { box-shadow: none; }
.content .row .col .maincontent .contact .form-group textarea::textarea-placeholder { color: #797979; font-size: 14px; }
.content .row .col .maincontent .contact .form-group textarea::-ms-input-placeholder { color: #797979; font-size: 14px; }
.content .row .col .maincontent .contact .form-group textarea::-webkit-input-placeholder { color: #797979; font-size: 14px; }
.content .row .col .maincontent .subscription .row { max-width: 500px; margin: auto; }
.content .row .col .maincontent .subscription .row .col { padding: 0 5px; }
.content .row .col .maincontent .subscription .row .col p { margin-bottom: 14px; text-align: center; }
.content .row .col .maincontent .subscription .row .col p span { display: block; }
.content .row .col .maincontent .subscription input { margin: 0px 0px 15px; border-color: #797979; border-radius: 5px; }
.content .row .col .maincontent .subscription input::input-placeholder { text-align: center; color: #797979; font-size: 14px; }
.content .row .col .maincontent .subscription input::-ms-input-placeholder { text-align: center; color: #797979; font-size: 14px; }
.content .row .col .maincontent .subscription input::-webkit-input-placeholder { text-align: center; color: #797979; font-size: 14px; }
.content .row .col .maincontent .subscription .btn-subscript { background-color: #4a4a4a; color: #fff; width: 100%; border-radius: 5px; font-size: 14px; height: 38px; line-height: 22px; }
.content .row .col .maincontent .mobile .mobileservice { padding: 15px; text-align: left; background-color: #4A4A4A; color: #fff; border-radius: 5px; }
.content .row .col .maincontent .mobile .mobileservice:not(:last-of-type) { margin-bottom: 10px; }
.content .row .col .maincontent .mobile .mobileservice .row .mobiletitle { font-size: 19px; font-weight: 600; }
.content .row .col .maincontent .mobile .mobileservice .row .mobiletitle span { font-size: 19px; display: block; color: #fff; }
.content .row .col .maincontent .mobile .mobileservice .row img { max-width: 52px; width: auto; }
.content .row .col .maincontent .mobile .mobileservice .mobiledescription { font-size: 14px; margin: 15px 0; }
.content .row .col .maincontent .mobile .mobileservice .btn { color: #F0C800; font-size: 14px; padding: 0; font-weight: 600; }
.content .row .col .maincontent .mobile .member { margin: auto; }
.content .row .col .maincontent .mobile .member:not(:last-of-type) { margin-bottom: 30px; }
.content .row .col .maincontent .mobile .member .memberpic { margin-bottom: 15px; }
.content .row .col .maincontent .mobile .member .memberpic img { margin: auto; display: block; max-width: 120px; width: auto; }
.content .row .col .maincontent .mobile .member .memberpic img[src*="start01.png"], .content .row .col .maincontent .mobile .member .memberpic img[src*="start02.png"], .content .row .col .maincontent .mobile .member .memberpic img[src*="start03.png"] { display: none; }
.content .row .col .maincontent .mobile .member .memberdescription { font-weight: 600; font-size: 19px; }
.content .row .col .maincontent .mobile .member .memberdescription span { display: block; font-weight: normal; margin: 10px 15px 0; font-size: 14px; color: #797979; text-align: justify; }
.content .row .col .maincontent .memberintro .memberbonus:not(:last-of-type) { margin-bottom: 40px; }
.content .row .col .maincontent .memberintro .memberbonus img[src*="be01.png"], .content .row .col .maincontent .memberintro .memberbonus img[src*="be02.png"], .content .row .col .maincontent .memberintro .memberbonus img[src*="be03.png"], .content .row .col .maincontent .memberintro .memberbonus img[src*="be04.png"], .content .row .col .maincontent .memberintro .memberbonus img[src*="be05.png"], .content .row .col .maincontent .memberintro .memberbonus img[src*="main01.png"], .content .row .col .maincontent .memberintro .memberbonus img[src*="main02.png"], .content .row .col .maincontent .memberintro .memberbonus img[src*="main03.png"] { display: none; }
.content .row .col .maincontent .memberintro .memberbonus h1.title { margin-bottom: 10px; }
.content .row .col .maincontent .memberintro .memberbonus p { margin-bottom: 20px; }
.content .row .col .membermanagement.advantages { background-color: #fff; padding: 0; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagespic img[src*="advantages"] { display: none; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagespic img[src*="rwd"] { display: block; width: 100%; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle { padding: 20px 0 50px; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox { text-align: left; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox .title { font-size: 19px; font-weight: 600; color: #4A4A4A; margin-bottom: 10px; text-align: left; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox p { font-size: 14px; font-weight: normal; color: #4A4A4A; margin-bottom: 0; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox p span { display: block; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox:nth-child(even) .advantagesarticle { background-color: #4A4A4A; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox:nth-child(even) .advantagesarticle .advantagescenterbox .title { color: #fff; }
.content .row .col .membermanagement.advantages .advantagesarea .advantagesbox:nth-child(even) .advantagesarticle .advantagescenterbox p { color: #fff; }
.content .row .col .membermanagement { background-color: #0088BB; margin: 0px -15px; padding: 40px 0; }
.content .row .col .membermanagement .aboutmmk h1.title { color: #fff; margin-bottom: 30px; }
.content .row .col .membermanagement .aboutmmk .mobile { border-bottom: 0; }
.content .row .col .membermanagement .aboutmmk .mobile .member { margin: auto; }
.content .row .col .membermanagement .aboutmmk .mobile .member:not(:last-of-type) { margin-bottom: 30px; }
.content .row .col .membermanagement .aboutmmk .mobile .member .memberpic { margin-bottom: 15px; }
.content .row .col .membermanagement .aboutmmk .mobile .member .memberpic img { margin: auto; display: block; max-width: 120px; width: auto; }
.content .row .col .membermanagement .aboutmmk .mobile .member .memberpic img[src*="more01.png"], .content .row .col .membermanagement .aboutmmk .mobile .member .memberpic img[src*="more02.png"], .content .row .col .membermanagement .aboutmmk .mobile .member .memberpic img[src*="more03.png"] { display: none; }
.content .row .col .membermanagement .aboutmmk .mobile .member .memberdescription { font-weight: 600; font-size: 19px; color: #fff; }
.content .row .col .membermanagement .aboutmmk .mobile .member .memberdescription span { display: block; font-weight: normal; font-size: 14px; margin: 10px 30px 0px; text-align: justify; }
.content .row .col .intro { background-color: #4A4A4A; margin: 0px -15px; padding: 40px 0; }
.content .row .col .intro .mmkintro .topcolumn img { max-width: 120px; width: auto; margin-bottom: 30px; }
.content .row .col .intro .mmkintro .topcolumn p { font-size: 14px; margin: 0 15px; color: #fff; text-align: justify; }
.content .row .col .intro .mmkintro .line { color: #fff; line-height: 30px; }
.content .row .col .intro .mmkintro .bottomcolumn p { font-size: 14px; margin: 0 15px; color: #fff; text-align: justify; }

footer { background-color: #4a4a4a; color: #fff; padding: 40px 0; }
footer img { margin: auto; display: block; }
footer img[src*="logo.png"] { display: none; }
footer .logo { margin-bottom: 10px; }
footer .logo img { width: 165px; }
footer .contactinfo { text-align: center; font-size: 15px; margin-bottom: 10px; }
footer .contactinfo span { margin-bottom: 5px; display: block; }
footer .contactinfo span:last-of-type { margin-bottom: 10px; }
footer .contactinfo span a { color: #fff; }
footer .socialicon { text-align: center; margin: 0px 0px 30px; }
footer .socialicon a { display: inline-block; }
footer .socialicon a:nth-child(2) { margin: 0 10px; }
footer .socialicon a img { width: 32px; height: 32px; }
footer .footernav { margin: 0 15px; }
footer .footernav .col-auto { padding: 0; }
footer .footernav .col-auto:nth-child(2) { padding: 0 15px; }
footer .col-auto span.title { font-weight: 600; font-size: 19px; margin-bottom: 10px; display: block; text-align: left; }
footer .col-auto ul { text-align: left; }
footer .col-auto ul li a { font-size: 15px; color: #fff; }
footer .copyright { text-align: center; font-size: 14px; margin-top: 30px; }
footer .copyright span { display: block; }

@media only screen and (min-width: 480px) { .content img[src*="top.png"] { display: none; }
  .content img[src*="begin.png"] { display: none; }
  .content img { width: auto; max-width: 100%; }
  .content .row .hometop { width: 100%; position: relative; }
  .content .row .hometop img { width: 100%; }
  .content .row .hometop .hometoparea { position: absolute; top: calc(50% + 40px); left: 50%; -webkit-transform: translate(-50%, calc(-50% - 20px)); -moz-transform: translate(-50%, calc(-50% - 20px)); -ms-transform: translate(-50%, calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); background-image: url(../images/img_home_top_icon_rwd.png); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 400px; height: 302px; max-height: 70%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; }
  .content .row .hometop .hometoparea img[src*="o2o.png"], .content .row .hometop .hometoparea img[src*="logo.png"] { display: none; }
  .content .row .hometop .hometoparea img[src*="o2o_rwd"], .content .row .hometop .hometoparea img[src*="logo_rwd.png"] { max-width: 130px; width: auto; margin-bottom: 10px; }
  .content .row .hometop .hometoparea span { text-align: center; color: #fff; font-weight: 400; font-size: 17px; }
  .content .row .hometop .hometoparea span span { display: block; }
  .content .row .hometop .about { background-image: none; }
  .content .row .hometop .about img[src*="about"] { width: 100%; max-width: none; margin-bottom: 15px; }
  .content .row .hometop .apply { background-image: none; }
  .content .row .hometop .apply img { margin-bottom: 15px; }
  .content .row .hometop .construct { background-image: none; }
  .content .row .hometop .construct img { margin-bottom: 15px; }
  .content .row .hometop .mobilelife { background-image: url(../images/mobilelife/img_mobilelife_top_icon_rwd.png); }
  .content .row .hometop .mmrm { background-image: url(../images/mmrm/img_mmrm_top_icon_rwd.png); }
  .content .row .hometop .iotstore { background-image: url(../images/iotstore/img_iotstore_top_icon_rwd.png); }
  .content .row .hometop .insight { background-image: url(../images/insight/img_insight_top_icon_rwd.png); }
  .content .row .hometop .ds { background-image: url(../images/ds/img_ds_top_icon_rwd.png); }
  .content .row .hometop .mwt { background-image: url(../images/mwt/img_mwt_top_icon_rwd.png); }
  .content .row .hometop .mwt img { margin-top: 25px; }
  .content .row .hometop .msp { background-image: url(../images/msp/img_msp_top_icon_rwd.png); }
  .content .row .hometop .mcms { background-image: url(../images/mcms/img_mcms_top_icon_rwd.png); }
  .content .row .hometop .mntf { background-image: url(../images/mntf/img_mntf_top_icon_rwd.png); }
  .content .row .hometop .mntf img { margin-top: 25px; }
  .content .row .hometop .mpos { background-image: url(../images/mpos/img_mpos_top_icon_rwd.png); }
  .content .row .hometop .mast { background-image: url(../images/mast/img_mast_top_icon_rwd.png); }
  .content .row .hometop .mi { background-image: url(../images/mi/img_mi_top_icon_rwd.png); background-position: 50% calc(50% - 20px); }
  .content .row .hometop .si { background-image: url(../images/si/img_si_top_icon_rwd.png); background-position: 50% calc(50% - 20px); }
  .content .row .hometop .mos { background-image: url(../images/mos/img_mos_top_icon_rwd.png); }
  .content .row .hometop .mfb { background-image: url(../images/mfb/img_mfb_top_icon_rwd.png); }
  .content .row .hometop .mmk { background-image: url(../images/mmk/img_mmk_top_icon_rwd.png); background-position: 50% calc(50% - 15px); }
  .content .row .hometop .mm { background-image: url(../images/mm/img_mm_top_icon_rwd.png); background-position: 50% calc(50% - 15px); }
  footer .footernav { margin: 0 15px; } }
@media only screen and (min-width: 640px) { .content img[src*="top.png"] { display: none; }
  .content img[src*="begin.png"] { display: none; }
  .content img { width: auto; max-width: 100%; }
  .content .row .hometop { width: 100%; position: relative; }
  .content .row .hometop img { width: 100%; }
  .content .row .hometop .hometoparea { position: absolute; top: calc(50% + 40px); left: 50%; -webkit-transform: translate(-50%, calc(-50% - 20px)); -moz-transform: translate(-50%, calc(-50% - 20px)); -ms-transform: translate(-50%, calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); width: 550px; height: 380px; max-height: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; }
  .content .row .hometop .hometoparea img[src*="o2o_rwd"], .content .row .hometop .hometoparea img[src*="logo_rwd.png"] { max-width: 166px; margin-bottom: 20px; width: auto; }
  .content .row .hometop .hometoparea span { text-align: center; color: #fff; font-weight: 400; font-size: 20px; }
  .content .row .hometop .about { background-image: none; }
  .content .row .hometop .about img[src*="about"] { width: 100%; max-width: none; margin-bottom: 15px; }
  .content .row .hometop .construct { background-image: none; }
  .content .row .hometop .construct img { margin-bottom: 15px; }
  .content .row .hometop .apply { background-image: none; }
  .content .row .hometop .apply img { margin-bottom: 15px; }
  .content .row .hometop .mobilelife { background-image: url(../images/mobilelife/img_mobilelife_top_icon_rwd.png); }
  .content .row .hometop .mmrm { background-image: url(../images/mmrm/img_mmrm_top_icon_rwd.png); }
  .content .row .hometop .iotstore { background-image: url(../images/iotstore/img_iotstore_top_icon_rwd.png); }
  .content .row .hometop .insight { background-image: url(../images/insight/img_insight_top_icon_rwd.png); }
  .content .row .hometop .ds { background-image: url(../images/ds/img_ds_top_icon_rwd.png); background-position: 50% calc(50% - 15px); }
  .content .row .hometop .mwt { background-image: url(../images/mwt/img_mwt_top_icon_rwd.png); }
  .content .row .hometop .mwt img { margin-top: 25px; }
  .content .row .hometop .msp { background-image: url(../images/msp/img_msp_top_icon_rwd.png); }
  .content .row .hometop .mcms { background-image: url(../images/mcms/img_mcms_top_icon_rwd.png); }
  .content .row .hometop .mntf { background-image: url(../images/mntf/img_mntf_top_icon_rwd.png); }
  .content .row .hometop .mntf img { margin-top: 25px; }
  .content .row .hometop .mpos { background-image: url(../images/mpos/img_mpos_top_icon_rwd.png); background-position: 50% calc(50% - 15px); }
  .content .row .hometop .mast { background-image: url(../images/mast/img_mast_top_icon_rwd.png); background-position: 50% calc(50% - 20px); }
  .content .row .hometop .mi { background-image: url(../images/mi/img_mi_top_icon_rwd.png); background-position: 50% calc(50% - 20px); }
  .content .row .hometop .si { background-image: url(../images/si/img_si_top_icon_rwd.png); background-position: 50% calc(50% - 20px); }
  .content .row .hometop .mos { background-image: url(../images/mos/img_mos_top_icon_rwd.png); }
  .content .row .hometop .mfb { background-image: url(../images/mfb/img_mfb_top_icon_rwd.png); }
  .content .row .hometop .mmk { background-image: url(../images/mmk/img_mmk_top_icon_rwd.png); background-position: 50% calc(50% - 15px); }
  .content .row .hometop .mm { background-image: url(../images/mm/img_mm_top_icon_rwd.png); background-position: 50% calc(50% - 15px); } }
@media only screen and (min-width: 768px) { img[src*="rwd"] { display: none; }
  img[src*="logo.png"] { display: block; }
  header { width: 100%; }
  header .container-fluid .row { height: 85px; position: relative; max-width: 1290px; margin: auto; }
  header .container-fluid .row img[src*="logo.png"] { display: block; width: 100%; }
  header .container-fluid .row .menu .desktopmenu { position: relative; z-index: 999; }
  header .container-fluid .row .menu .desktopmenu > ul { font-size: 0; margin-bottom: 0; }
  header .container-fluid .row .menu .desktopmenu > ul > li { display: inline-block; font-size: 18px; position: relative; }
  header .container-fluid .row .menu .desktopmenu > ul > li:not(:last-of-type) { margin-right: 30px; }
  header .container-fluid .row .menu .desktopmenu > ul > li a { color: #4A4A4A; line-height: 85px; font-size: 18px; }
  header .container-fluid .row .menu .desktopmenu > ul > li a:hover { color: #0088BB; text-decoration: none; }
  header .container-fluid .row .menu .desktopmenu > ul > li:hover > ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  header .container-fluid .row .menu .desktopmenu > ul > li .singlecolumn { width: 210px; padding-bottom: 30px; }
  header .container-fluid .row .menu .desktopmenu > ul > li .singlecolumn .col-12 ul { margin-bottom: 0; }
  header .container-fluid .row .menu .desktopmenu > ul > li .singlecolumn .col-12 ul li a { line-height: 37px; color: #4A4A4A; }
  header .container-fluid .row .menu .desktopmenu > ul > li .singlecolumn .col-12 ul li a:hover { color: #fff; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul { display: none; position: absolute; top: 100%; left: 0; background-color: rgba(255, 255, 255, 0.8); width: 420px; z-index: 999; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li { margin: 0; padding: 0 25px; padding-right: 0; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li span { display: block; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li span a { font-size: 18px; color: #4A4A4A; display: block; line-height: 40px; font-weight: 600; margin: 0 0 0 -25px; padding-left: 25px; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li span a:hover { background-color: #0088BB; color: #fff; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li:not(:last-of-type) { margin: 0; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li ul { display: block; position: static; width: 100%; margin-bottom: 30px; padding: 0; background-color: transparent; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li ul li { display: block; font-size: 16px; color: #797979; line-height: 34px; padding: 0; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li ul li a { line-height: 30px; display: block; margin: 0 0 0 -25px; padding-left: 25px; color: #797979; }
  header .container-fluid .row .menu .desktopmenu > ul > li ul li ul li a:hover { background-color: #0088BB; color: #fff; }
  .content img[src*="top.png"] { display: block; }
  .content img[src*="begin.png"] { display: block; }
  .content .container-fluid .row.breadcrumbarea .col { padding: 0; }
  .content .container-fluid .row.breadcrumbarea .col nav { background-color: #4A4A4A; }
  .content .container-fluid .row.breadcrumbarea .col nav .breadcrumb { max-width: 1020px; margin: 0 auto; background-color: #4A4A4A; margin-bottom: 0; border-radius: 0; padding: 0; line-height: 60px; }
  .content .container-fluid .row.breadcrumbarea .col nav .breadcrumb .breadcrumb-item a { color: #fff; font-size: 20px; font-weight: normal; }
  .content .container-fluid .row.breadcrumbarea .col nav .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: ""; margin: 0 15px; }
  .content .container-fluid .row.breadcrumbareabottom .col { padding: 0; }
  .content .container-fluid .row.breadcrumbareabottom .col nav { background-color: #f9f9f9; }
  .content .container-fluid .row.breadcrumbareabottom .col nav .breadcrumb { max-width: 1020px; margin: 0 auto; background-color: #f9f9f9; margin-bottom: 0; border-radius: 0; padding: 0; line-height: 60px; }
  .content .container-fluid .row.breadcrumbareabottom .col nav .breadcrumb .breadcrumb-item a { color: #797979; font-size: 20px; font-weight: normal; }
  .content .container-fluid .row.breadcrumbareabottom .col nav .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: ""; margin: 0 15px; }
  .content .container-fluid .row .hometop { width: 100%; position: relative; overflow: hidden; }
  .content .container-fluid .row .hometop img[src*="top.png"] { max-width: none; width: auto; }
  .content .container-fluid .row .hometop .hometoparea { width: 558px; height: 558px; background-size: contain; display: -webkit-flex; display: flex; -webkit-justify-content: initial; justify-content: initial; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; max-height: 80%; top: calc(50% + 80px); left: 50%; -webkit-transform: translate(-50%, calc(-50% - 40px)); -moz-transform: translate(-50%, calc(-50% - 40px)); -ms-transform: translate(-50%, calc(-50% - 40px)); -o-transform: translate(-50%, calc(-50% - 40px)); transform: translate(-50%, calc(-50% - 40px)); }
  .content .container-fluid .row .hometop .hometoparea img[src*="o2o.png"], .content .container-fluid .row .hometop .hometoparea img[src*="logo.png"] { display: block; max-width: 100%; margin-bottom: 40px; width: auto; }
  .content .container-fluid .row .hometop .hometoparea span { text-align: center; font-size: 30px; }
  .content .container-fluid .row .hometop .hometoparea span span { display: none; }
  .content .container-fluid .row .hometop .about img[src*="about"] { width: 100%; max-width: none; }
  .content .container-fluid .row .hometop .hometoparea.index { -webkit-justify-content: center; justify-content: center; }
  .content .container-fluid .row .hometop .construct { -webkit-justify-content: center; justify-content: center; }
  .content .container-fluid .row .hometop .apply { -webkit-justify-content: center; justify-content: center; }
  .content .container-fluid .row .hometop .mobilelife { background-image: url(../images/mobilelife/img_mobilelife_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mobilelife img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mmrm { background-image: url(../images/mmrm/img_mmrm_top_icon.png); width: 744px; }
  .content .container-fluid .row .hometop .mmrm img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .iotstore { background-image: url(../images/iotstore/img_iotstore_top_icon.png); width: 744px; }
  .content .container-fluid .row .hometop .iotstore img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .ds { background-image: url(../images/ds/img_ds_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .ds img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .insight { background-image: url(../images/insight/img_insight_top_icon.png); width: 744px; }
  .content .container-fluid .row .hometop .insight img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mwt { background-image: url(../images/mwt/img_mwt_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mwt img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mmk { background-image: url(../images/mmk/img_mmk_top_icon.png); background-position: center; width: 744px; }
  .content .container-fluid .row .hometop .mmk img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mm { background-image: url(../images/mm/img_mm_top_icon.png); background-position: center; width: 744px; }
  .content .container-fluid .row .hometop .mm img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mi { background-image: url(../images/mi/img_mi_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .mi img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .msp { background-image: url(../images/msp/img_msp_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .msp img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mcms { background-image: url(../images/mcms/img_mcms_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mcms img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mntf { background-image: url(../images/mntf/img_mntf_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mntf img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mfb { background-image: url(../images/mfb/img_mfb_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mfb img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mpos { background-image: url(../images/mpos/img_mpos_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .mpos img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mast { background-image: url(../images/mast/img_mast_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .mast img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .si { background-image: url(../images/si/img_si_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .si img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mos { background-image: url(../images/mos/img_mos_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mos img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .about { -webkit-justify-content: center; justify-content: center; }
  .content .container-fluid .row .col.top { padding: 0 30px; }
  .content .container-fluid .row .col.top .interest { padding: 80px 0 0; }
  .content .container-fluid .row .col.top .interest .title { margin-bottom: 30px; font-size: 30px; }
  .content .container-fluid .row .col.top .interest .interestarea { padding: 0 15px; max-width: 800px; margin: 0 auto; max-height: 150px; overflow: hidden; }
  .content .container-fluid .row .col.top .interest .interestarea .interestbtn { height: 30px; background-color: #FFF; border: 1px solid #0088bb; border-radius: 5px; margin-bottom: 20px; margin-right: 10px; }
  .content .container-fluid .row .col.top .interest .interestarea .interestbtn a { color: #0088bb; text-decoration: none; font-size: 16px; line-height: 28px; height: 28px; padding: 0 10px; display: block; }
  .content .container-fluid .row .col.top .interest .interestarea .interestbtn:hover { background-color: #0088bb; }
  .content .container-fluid .row .col.top .interest .interestarea .interestbtn:hover a { color: #fff; }
  .content .container-fluid .row .col.top .index { background-color: #fff; padding-top: 80px; }
  .content .container-fluid .row .col.top .index .indexarea { background-image: url("../images/bg_home_tag.png"); background-size: contain; }
  .content .container-fluid .row .col.top .index .indexarea img { margin: 0 auto; }
  .content .container-fluid .row .col.top .index .indexarea img[src*="tag"] { display: block; }
  .content .container-fluid .row .col.top .index .indexarea img[src*="rwd"] { display: none; }
  .content .container-fluid .row .col.top .index .bottom { background-color: #4A4A4A; }
  .content .container-fluid .row .col.top .index .bottom .tel { height: 80px; color: #fff; font-size: 24px; line-height: 80px; }
  .content .container-fluid .row .col { padding: 120px 30px 0px; }
  .content .container-fluid .row .col .maincontent.construct .contact { padding-top: 0; }
  .content .container-fluid .row .col .maincontent { max-width: 1020px; margin: auto; }
  .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent h1.title { margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent h1.title { margin-bottom: 20px; font-size: 30px; }
  .content .container-fluid .row .col .maincontent h1.title span { display: none; }
  .content .container-fluid .row .col .maincontent p { font-size: 20px; max-width: 760px; margin: 0 auto 60px; text-align: center; }
  .content .container-fluid .row .col .maincontent p span { display: block; margin: 0; padding: 0; }
  .content .container-fluid .row .col .maincontent .imghomebegin, .content .container-fluid .row .col .maincontent .productintro, .content .container-fluid .row .col .maincontent .benefit, .content .container-fluid .row .col .maincontent .contact, .content .container-fluid .row .col .maincontent .subscription, .content .container-fluid .row .col .maincontent .mobile, .content .container-fluid .row .col .maincontent .memberintro, .content .container-fluid .row .col .maincontent .aboutus, .content .container-fluid .row .col .maincontent .interest { padding: 120px 0; }
  .content .container-fluid .row .col .maincontent .applyintro { border-top: 1px solid #c9c9c9; margin-top: 120px; padding-top: 120px; }
  .content .container-fluid .row .col .maincontent .news { margin-top: 0; padding-top: 0; border-top: 0; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox { max-width: 900px; margin: 0 auto; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox:not(:last-of-type) { margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox:last-of-type { margin-bottom: 80px; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox .newspic img[src*="photo"] { display: block; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox .newspic img[src*="rwd"] { display: none; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox .newsarticle { padding: 70px 45px 30px; border: 1px solid #d5d5d5; border-left: 0; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox .newsarticle .title { text-align: left; font-size: 24px; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox .newsarticle p { margin-bottom: 15px; font-size: 16px; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox .newsarticle .bottomcolumn .date { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .news .newsarea .newsbox .newsarticle .bottomcolumn .contiune a { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination { margin-bottom: 0; }
  .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a { width: 30px; height: 30px; line-height: 30px; padding: 0; border: 0; color: #797979; font-size: 18px; }
  .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a:hover { color: #0088bb; background-color: transparent; }
  .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a span { padding: 0; }
  .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="right_highlight"], .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="nagtive"] { display: block; }
  .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="rwd"], .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="left_highlight"], .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .page-item a span img[src*="right_nagtive"] { display: none; }
  .content .container-fluid .row .col .maincontent .news .newsarea nav .pagination .active a { color: #0088bb; }
  .content .container-fluid .row .col .maincontent .newsdetail { margin-top: 0; padding: 0px 15px 120px; border-top: 0; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox { max-width: 760px; margin: 0 auto; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox img[src*="detail"] { display: block; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox img[src*="rwd"] { display: none; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .title { margin: 40px 0 20px; font-size: 30px; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .date { font-size: 16px; margin-bottom: 20px; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox p { font-size: 16px; font-weight: normal; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox p span { margin: 60px 0 20px; font-size: 20px; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .prev a, .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .next a { font-weight: normal; color: #797979; font-size: 16px; }
  .content .container-fluid .row .col .maincontent .newsdetail .newsdetailarea .newsdetailbox .btnarea .back a { font-weight: 600; color: #4A4A4A; font-size: 16px; }
  .content .container-fluid .row .col .maincontent .aboutus:first-child { padding-top: 0; }
  .content .container-fluid .row .col .maincontent .imghomebegin { padding-top: 0; }
  .content .container-fluid .row .col .maincontent .productintro.indexproduct h1.title { margin-bottom: 60px; }
  .content .container-fluid .row .col .maincontent .productintro h1.title { margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent .productintro p { max-width: 840px; text-align: justify; }
  .content .container-fluid .row .col .maincontent .productintro .productintrocontent { margin: 60px 0 0; }
  .content .container-fluid .row .col .maincontent .productintro .productintrocontent .introbox { max-width: calc((100% - 60px) / 4); flex: 0 0 calc((100% - 60px) / 4); -webkit-flex-direction: column; flex-direction: column; padding: 30px 20px; margin: 0; }
  .content .container-fluid .row .col .maincontent .productintro .productintrocontent .introbox:not(:last-of-type) { margin: 0px 20px 0px 0px; }
  .content .container-fluid .row .col .maincontent .productintro .productintrocontent .introbox .name { font-size: 26px; }
  .content .container-fluid .row .col .maincontent .productintro .productintrocontent .introbox .imgicon img { max-width: 100%; margin: 30px auto; }
  .content .container-fluid .row .col .maincontent .productintro .productintrocontent .introbox .introcontent { font-size: 16px; flex: 1; }
  .content .container-fluid .row .col .maincontent .productintro .productintrocontent .introbox .btn-goto { font-size: 20px; margin-top: 30px; }
  .content .container-fluid .row .col .maincontent .productintro .comparison { -webkit-flex-direction: row; flex-direction: row; }
  .content .container-fluid .row .col .maincontent .productintro .service { padding: 80px 0px; max-width: 783px; margin: 0 auto; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  .content .container-fluid .row .col .maincontent .productintro .service:nth-child(3) { padding-top: 20px; }
  .content .container-fluid .row .col .maincontent .productintro .service:last-child { padding-bottom: 0; }
  .content .container-fluid .row .col .maincontent .productintro .service:not(:last-of-type) { border-bottom: 1px solid #c9c9c9; }
  .content .container-fluid .row .col .maincontent .productintro .service .servicedescription .title { font-size: 24px; margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent .productintro .service .servicedescription .title span { display: block; font-weight: normal; font-size: 20px; margin-bottom: 0; padding: 0; }
  .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="old01.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="old02.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="old03.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="old04.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="old05.png"] { display: block; }
  .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="new01.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="new02.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="new03.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="new04.png"], .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="new05.png"] { display: block; }
  .content .container-fluid .row .col .maincontent .productintro .service .servicedescription img[src*="rwd.png"] { display: none; }
  .content .container-fluid .row .col .maincontent .productintro .service .compare { margin-top: 75px; font-size: 30px; }
  .content .container-fluid .row .col .maincontent .productintro .memberservice { max-width: 885px; margin: auto; -webkit-flex-direction: initial; flex-direction: initial; }
  .content .container-fluid .row .col .maincontent .productintro .memberservice:not(:last-of-type) { margin-bottom: 100px; }
  .content .container-fluid .row .col .maincontent .productintro .memberservice .memberphoto { margin-bottom: 0px; max-width: calc((100% - 40px) / 2); margin-right: 20px; }
  .content .container-fluid .row .col .maincontent .productintro .memberservice .membercontent { font-size: 30px; max-width: calc((100% - 40px) / 2); margin-left: 20px; }
  .content .container-fluid .row .col .maincontent .productintro .memberservice .membercontent span { font-size: 20px; padding: 0px 0px 30px; margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent .productintro .memberservice .membercontent .membercontentdescript { font-size: 16px; max-width: 300px; }
  .content .container-fluid .row .col .maincontent .productintro .mainfunction .mainfunctionpic { width: 100%; }
  .content .container-fluid .row .col .maincontent .productintro .mainfunction .mainfunctionpic .notifier { margin-bottom: 0; }
  .content .container-fluid .row .col .maincontent .productintro .mainfunction .mainfunctionpic .notifier p { font-size: 16px; }
  .content .container-fluid .row .col .maincontent span { color: #7b7b7b; display: block; font-size: 26px; padding: 10px 0px 20px; margin-bottom: 20px; }
  .content .container-fluid .row .col .maincontent .membercontentdescript { text-align: left; font-size: 24px; }
  .content .container-fluid .row .col .maincontent .benefit .benefittitle { text-align: left; max-width: 643px; margin: 0px auto 60px; }
  .content .container-fluid .row .col .maincontent .benefit .benefittitle:before { width: 30px; height: 30px; margin-right: 15px; }
  .content .container-fluid .row .col .maincontent .benefit .benefittitle:last-of-type { margin-bottom: 0; }
  .content .container-fluid .row .col .maincontent .benefit .benefittitle .num { font-size: 26px; line-height: 48px; width: calc(100% - 50px); }
  .content .container-fluid .row .col .maincontent .benefit .benefittitle span { font-size: 48px; line-height: 48px; font-weight: 200; margin: 0; padding: 0; color: #F0C800; }
  .content .container-fluid .row .col .maincontent .interest .title { margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent .interest .interestarea { padding: 0 15px; max-width: 800px; margin: 0 auto; }
  .content .container-fluid .row .col .maincontent .interest .interestarea .interestbtn { height: 30px; background-color: #FFF; border: 1px solid #0088bb; border-radius: 5px; margin-bottom: 20px; margin-right: 10px; }
  .content .container-fluid .row .col .maincontent .interest .interestarea .interestbtn a { color: #0088bb; text-decoration: none; font-size: 16px; line-height: 28px; height: 28px; padding: 0 10px; display: block; }
  .content .container-fluid .row .col .maincontent .interest .interestarea .interestbtn:hover { background-color: #0088bb; }
  .content .container-fluid .row .col .maincontent .interest .interestarea .interestbtn:hover a { color: #fff; }
  .content .container-fluid .row .col .maincontent .contact .row { max-width: 783px; margin: 0 auto; }
  .content .container-fluid .row .col .maincontent .contact .row .topcolumn h1.title { text-align: left; margin-bottom: 20px; line-height: 30px; }
  .content .container-fluid .row .col .maincontent .contact .row .topcolumn p { margin-bottom: 30px; text-align: left; line-height: 28px; }
  .content .container-fluid .row .col .maincontent .contact .row .topcolumn p span { display: block; padding: 0; margin: 0; }
  .content .container-fluid .row .col .maincontent .contact .row .topcolumn, .content .container-fluid .row .col .maincontent .contact .row .bottomcolumn { padding: 0 15px; }
  .content .container-fluid .row .col .maincontent .contact .row .topcolumn .row:not(:last-of-type), .content .container-fluid .row .col .maincontent .contact .row .bottomcolumn .row:not(:last-of-type) { margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent .contact .row .form-group .btn { font-size: 20px; }
  .content .container-fluid .row .col .maincontent .contact .row .form-group .col-form-label { font-size: 20px; }
  .content .container-fluid .row .col .maincontent .contact .row .form-group textarea::textarea-placeholder { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .contact .row .form-group textarea::-ms-input-placeholder { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .contact .row .form-group textarea::-webkit-input-placeholder { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .contact .row .form-group textarea { height: 174px; }
  .content .container-fluid .row .col .maincontent .subscription .row { max-width: 500px; margin: auto; }
  .content .container-fluid .row .col .maincontent .subscription .row h1.title { margin-bottom: 20px; }
  .content .container-fluid .row .col .maincontent .subscription .row input { margin: 30px 0 20px; }
  .content .container-fluid .row .col .maincontent .subscription .row input::input-placeholder { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .subscription .row input::-ms-input-placeholder { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .subscription .row input::-webkit-input-placeholder { font-size: 16px; }
  .content .container-fluid .row .col .maincontent .subscription .row a { font-size: 20px; }
  .content .container-fluid .row .col .maincontent .mobile { padding-bottom: 120px; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice { max-width: calc((100% - 20px) / 2); padding: 30px; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice:nth-last-child(2) { margin-bottom: 0; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice:nth-child(odd) { margin-right: 10px; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice:nth-child(even) { margin-left: 10px; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice .row .mobiletitle { font-size: 26px; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice .row .mobiletitle span { font-size: 20px; padding: 0; margin: 0; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice .row img { max-width: 100%; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice .mobiledescription { font-size: 16px; margin: 30px 0; flex: 1; }
  .content .container-fluid .row .col .maincontent .mobile .mobileservice .btn { color: #F0C800; font-size: 16px; padding: 0; }
  .content .container-fluid .row .col .maincontent .mobile .member { margin: 0px auto; max-width: calc((100% - 60px) / 3); }
  .content .container-fluid .row .col .maincontent .mobile .member:not(:last-of-type) { margin-bottom: 0px; }
  .content .container-fluid .row .col .maincontent .mobile .member .memberpic { margin-bottom: 50px; }
  .content .container-fluid .row .col .maincontent .mobile .member .memberpic img { margin: auto; display: block; max-width: 100%; width: auto; }
  .content .container-fluid .row .col .maincontent .mobile .member .memberpic img[src*="rwd"] { display: none; }
  .content .container-fluid .row .col .maincontent .mobile .member .memberdescription { font-size: 20px; }
  .content .container-fluid .row .col .maincontent .mobile .member .memberdescription span { margin: 20px 10px 0px; padding: 0; font-size: 16px; }
  .content .container-fluid .row .col .maincontent .memberintro h1.title { font-size: 30px; margin-bottom: 20px; }
  .content .container-fluid .row .col .maincontent .memberintro .memberbonus:not(:last-of-type) { margin-bottom: 120px; }
  .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="be01.png"], .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="be02.png"], .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="be03.png"], .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="be04.png"], .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="be05.png"], .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="main01.png"], .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="main02.png"], .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="main03.png"] { display: block; width: auto; max-width: 100%; margin: auto; }
  .content .container-fluid .row .col .maincontent .memberintro .memberbonus img[src*="rwd"] { display: none; }
  .content .container-fluid .row .col .maincontent .memberintro p { max-width: 100%; margin-bottom: 30px; }
  .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent p { text-align: left; max-width: 800px; }
  .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic img[src*="intro.png"], .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic img[src*="award01.png"], .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic img[src*="award02.png"], .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic img[src*="news01.png"], .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic img[src*="news02.png"], .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic img[src*="speech01.png"], .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic img[src*="speech02.png"] { display: block; }
  .content .container-fluid .row .col .maincontent .aboutus .aboutuscontent .pic p { text-align: center; margin-top: 10px; font-size: 16px; margin-bottom: 0; }
  .content .container-fluid .row .col .membermanagement.advantages { background-color: #fff; padding: 0; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox { height: 600px; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagespic { overflow: hidden; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagespic img[src*="advantages"] { display: block; height: 600px; max-width: none; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagespic img[src*="rwd"] { display: none; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle { padding: 0; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox { margin-left: 80px; margin-right: 30px; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox .title { font-size: 30px; font-weight: 600; color: #4A4A4A; margin-bottom: 30px; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox p { font-size: 20px; font-weight: normal; color: #4A4A4A; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox p span { display: block; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox:nth-child(even) .advantagesarticle .advantagescenterbox { margin-right: 80px; margin-left: 30px; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox:nth-child(even) .advantagesarticle .advantagescenterbox .title { color: #fff; }
  .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox:nth-child(even) .advantagesarticle .advantagescenterbox p { color: #fff; }
  .content .container-fluid .row .col .membermanagement { padding: 120px 0; margin: 0 -30px; }
  .content .container-fluid .row .col .membermanagement .aboutmmk { max-width: 1020px; margin: auto; }
  .content .container-fluid .row .col .membermanagement .aboutmmk h1.title { font-size: 30px; margin-bottom: 60px; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile { padding: 0; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member { margin: 0px auto; max-width: calc((100% - 60px) / 3); }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member:not(:last-of-type) { margin-bottom: 0px; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberpic { margin-bottom: 40px; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberpic img[src*="rwd"] { display: none; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberpic img { margin: auto; max-width: 100%; width: auto; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberpic img[src*="more01.png"], .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberpic img[src*="more02.png"], .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberpic img[src*="more03.png"] { display: block; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberdescription { font-weight: 600; font-size: 20px; }
  .content .container-fluid .row .col .membermanagement .aboutmmk .mobile .member .memberdescription span { display: block; font-weight: normal; margin: 20px 10px 0; font-size: 16px; }
  .content .container-fluid .row .col .intro { padding: 120px 0; margin: 0 -30px; }
  .content .container-fluid .row .col .intro .mmkintro { max-width: 1020px; margin: auto; }
  .content .container-fluid .row .col .intro .mmkintro .topcolumn img { margin-bottom: 40px; }
  .content .container-fluid .row .col .intro .mmkintro .topcolumn p { font-size: 20px; text-align: center; }
  .content .container-fluid .row .col .intro .mmkintro .topcolumn p span { display: block; }
  .content .container-fluid .row .col .intro .mmkintro .line { line-height: 80px; }
  .content .container-fluid .row .col .intro .mmkintro .bottomcolumn p { font-size: 16px; }
  footer { padding: 120px 0; }
  footer .container-fluid .row { max-width: 825px; margin: auto; }
  footer img { margin: 0; display: block; }
  footer img[src*="logo.png"] { display: block; }
  footer .logo { margin-bottom: 20px; }
  footer .logo img { width: auto; }
  footer .contactinfo { text-align: left; font-size: 16px; }
  footer .contactinfo span { margin-bottom: 10px; display: block; }
  footer .socialicon { text-align: left; margin-bottom: 60px; }
  footer .socialicon a { display: inline-block; }
  footer .socialicon a:nth-child(2) { margin: 0 10px; }
  footer .socialicon a img { width: auto; height: auto; }
  footer .footernav { margin: 0 15px; }
  footer .footernav .col-auto { padding: 0; }
  footer .footernav .col-auto:nth-child(2) { padding: 0 60px; }
  footer .col-auto span.title { font-size: 26px; margin-bottom: 20px; }
  footer .col-auto ul li { margin-bottom: 10px; }
  footer .col-auto ul li a { font-size: 16px; }
  footer .copyright { text-align: center; font-size: 16px; }
  footer .copyright span { display: none; } }
@media only screen and (min-width: 900px) { header .container-fluid .row .menu .menuicon { display: none; }
  header .container-fluid .row .menu ul.mtree { display: none; }
  header .container-fluid .row .menu .desktopmenu { display: block; }
  .content .container-fluid .row .hometop .hometoparea { max-height: 80%; }
  .content .container-fluid .row .hometop .hometoparea img[src*="o2o.png"], .content .container-fluid .row .hometop .hometoparea img[src*="logo.png"] { display: block; max-width: 100%; margin-bottom: 40px; width: auto; }
  .content .container-fluid .row .hometop .about img[src*="about_top_logo.png"] { width: 100%; max-width: none; } }
@media only screen and (min-width: 1024px) { .content .container-fluid .row .hometop .hometoparea { max-height: 80%; }
  .content .container-fluid .row .hometop .hometoparea img[src*="o2o.png"], .content .container-fluid .row .hometop .hometoparea img[src*="logo.png"] { display: block; max-width: 100%; margin-bottom: 40px; width: auto; }
  .content .container-fluid .row .hometop .about img[src*="about_top_logo.png"] { width: 100%; max-width: none; }
  .content .container-fluid .row .hometop .hometoparea.index { -webkit-justify-content: center; justify-content: center; }
  .content .container-fluid .row .hometop .construct { -webkit-justify-content: center; justify-content: center; }
  .content .container-fluid .row .hometop .apply { -webkit-justify-content: center; justify-content: center; }
  .content .container-fluid .row .hometop .mobilelife { background-image: url(../images/mobilelife/img_mobilelife_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mobilelife img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mmrm { background-image: url(../images/mmrm/img_mmrm_top_icon.png); width: 744px; }
  .content .container-fluid .row .hometop .mmrm img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .iotstore { background-image: url(../images/iotstore/img_iotstore_top_icon.png); width: 744px; }
  .content .container-fluid .row .hometop .iotstore img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .insight { background-image: url(../images/insight/img_insight_top_icon.png); width: 744px; }
  .content .container-fluid .row .hometop .insight img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mwt { background-image: url(../images/mwt/img_mwt_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mwt img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mmk { background-image: url(../images/mmk/img_mmk_top_icon.png); background-position: center; width: 744px; }
  .content .container-fluid .row .hometop .mmk img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mm { background-image: url(../images/mm/img_mm_top_icon.png); background-position: center; width: 744px; }
  .content .container-fluid .row .hometop .mm img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mi { background-image: url(../images/mi/img_mi_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .mi img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .msp { background-image: url(../images/msp/img_msp_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .msp img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mcms { background-image: url(../images/mcms/img_mcms_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mcms img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mntf { background-image: url(../images/mntf/img_mntf_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mntf img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mfb { background-image: url(../images/mfb/img_mfb_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mfb img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mpos { background-image: url(../images/mpos/img_mpos_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .mpos img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mast { background-image: url(../images/mast/img_mast_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .mast img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .si { background-image: url(../images/si/img_si_top_icon.png); background-position: 50% calc(50% + 13px); width: 744px; }
  .content .container-fluid .row .hometop .si img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .mos { background-image: url(../images/mos/img_mos_top_icon.png); width: 100%; }
  .content .container-fluid .row .hometop .mos img { margin-top: calc((558px / 2) - 115px); }
  .content .container-fluid .row .hometop .about { -webkit-justify-content: center; justify-content: center; } }
@media only screen and (min-width: 768px) and (max-width: 1082px) { .content .container-fluid .row .col .membermanagement.advantages .advantagesarea .advantagesbox .advantagesarticle .advantagescenterbox p span { display: none; } }
@media only screen and (min-width: 1800px) { .content .container-fluid .row .hometop img[src*="top.png"] { display: block; max-width: 100%; width: 100%; } }

/*# sourceMappingURL=style.css.map */