@charset "UTF-8";
/* 利害關係人專區banner */
.stakeholder .bannerBlock { background: url("../img/stakeholder/banner.jpg") no-repeat center/cover; }
@media screen and (max-width: 1024px) { .stakeholder .bannerBlock { background: url("../img/stakeholder/banner_mob.jpg") no-repeat center/cover; } }
.stakeholder .mainBlock { position: relative; margin: -44px 0 0 0; width: calc(100% - 100px); background: #ffffff; }
.stakeholder .mainBlock .navtab { margin: 0 0 0 100px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; }
.stakeholder .mainBlock .navtab ul { padding: 50px 0 0 0; }
/*供應商服務*/
.supplier .kvBlock { position: relative; width: 100%; height: 800px; background: transparent url(../img/stakeholder/supplierbg_01.jpg) no-repeat bottom center/cover; }
.supplier .kvBlock p { font: 36px/50px Microsoft JhengHei, sans-serif; position: absolute; left: 100px; top: 290px; }
.supplier .kvBlock p span { font: bold 16px/30px Microsoft JhengHei, sans-serif; margin: 20px 0 0 0; display: block; letter-spacing: 2px; }
.supplier .subBlock { position: relative; width: 100%; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 70px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.supplier .subBlock .linkBox { width: 375px; }
.supplier .subBlock .linkBox p { font: 36px/50px Microsoft JhengHei, sans-serif; letter-spacing: 2px; }
.supplier .subBlock .linkBox span { font: 16px/30px Microsoft JhengHei, sans-serif; margin: 10px 0 20px 0; display: block; }
.supplier .subBlock .linkBox a { display: inline-block; padding: 0px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #E30881; background: transparent; border: 2px solid rgba(227, 8, 129, 0.3); border-radius: 5px; font: bold 16px/36px Microsoft JhengHei, sans-serif; text-align: center; letter-spacing: 2px; cursor: pointer; }
.supplier .subBlock .linkBox a:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
.supplier .subBlock.business { background: transparent url(../img/stakeholder/supplierbg_02.jpg) no-repeat bottom center/cover; }
.supplier .subBlock.logistics { background: transparent url(../img/stakeholder/supplierbg_03.jpg) no-repeat bottom center/cover; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.supplier .subBlock.intellectual { background: transparent url(../img/stakeholder/supplierbg_04.jpg) no-repeat bottom center/cover; }
.supplier .subBlock.intellectual .linkBox { color: #ffffff; }
.supplier .subBlock.intellectual .linkBox a { display: inline-block; padding: 0px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #E30881; background: #ffffff; border: 2px solid rgba(227, 8, 129, 0.3); border-radius: 5px; font: bold 16px/36px Microsoft JhengHei, sans-serif; text-align: center; letter-spacing: 2px; cursor: pointer; }
.supplier .subBlock.intellectual .linkBox a:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
/*momo的利害關係人*/
.momoStakeholder .articleCont, .materialTopic .articleCont, .stakeholderOpinion .articleCont, .stakeholderComm .articleCont { padding: 40px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*利害關係人意見調查*/
.stakeholderOpinion .formLink { display: inline-block; color: #E30881; }
/*利害關係人溝通管道*/
.stakeholderComm .articleCont p { max-width: 816px; }
.stakeholderComm .commList { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 0 106px; margin: 20px 0 0 0; }
.stakeholderComm .commList dd { width: calc(50% - 30px); margin: 0 30px 60px 0; border-bottom: 1px solid #cccccc; padding: 0 0 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.stakeholderComm .commList dd h4 { color: #E30881; font: bold 18px/24px Microsoft JhengHei, sans-serif; margin: 0 0 20px 0; }
.stakeholderComm .commList dd h4 sup { color: #333333; margin: 0 0 0 15px; font: 14px/20px Microsoft JhengHei, sans-serif; vertical-align: top; display: inline-block; }
.stakeholderComm .commList dd h4 i { display: block; color: #555555; font: 14px/20px Microsoft JhengHei, sans-serif; margin: 10px 0 0 0; }
.stakeholderComm .commList dd p { margin: 0; }
.stakeholderComm .commList dd a { display: block; text-decoration: none; color: #555555; margin: 10px 0 0 0; font: 14px/20px Microsoft JhengHei, sans-serif; }
.stakeholderComm .commList dd a:first-of-type { margin: 20px 0 0 0; }
.stakeholderComm .commList dd a img { vertical-align: middle; margin: 0 0 0 10px; }
/*物流合作*/
.logisticsCoop .bannerBlock { background: url("../img/logistics/banner.jpg") no-repeat center/cover; }
@media screen and (max-width: 1024px) { .logisticsCoop .bannerBlock { background: url("../img/logistics/banner_mob.jpg") no-repeat center/cover; } }
.logisticsCoop .mainBlock { position: relative; margin: -44px 0 0 0; width: calc(100% - 100px); background: #ffffff; padding: 50px 90px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.logisticsCoop .mainBlock .articleCont { margin: 0 0 40px 0; }
.logisticsCoop .mainBlock .necessary { display: inline-block; font: bold 20px/30px Microsoft JhengHei, sans-serif; color: #E30881; margin: 0 0 0 5px; }
.logisticsCoop .mainBlock .businessCont { margin: 0 20% 0 10%; text-align: center; }
.logisticsCoop .mainBlock .businessCont .checkRentandsell { height: 350px; }
.logisticsCoop .mainBlock .businessCont .checkOther { height: 130px; }
.logisticsCoop .mainBlock .businessCont form p { margin: 0 0 20px 0; font-size: 0; }
.logisticsCoop .mainBlock .businessCont form .reminder { font: 14px/20px Microsoft JhengHei, sans-serif; color: #ff0000; display: none; margin: 5px 0 0 135px; }
.logisticsCoop .mainBlock .businessCont form .wrongEmail { font: 14px/20px Microsoft JhengHei, sans-serif; color: #ff0000; display: none; margin: 5px 0 0 135px; }
.logisticsCoop .mainBlock .businessCont form .wrongType { font: 14px/20px Microsoft JhengHei, sans-serif; color: #ff0000; display: none; margin: 5px 0 0 60px; }
.logisticsCoop .mainBlock .businessCont form label { font: bold 16px/30px Microsoft JhengHei, sans-serif; width: 120px; display: inline-block; text-align: right; vertical-align: top; }
.logisticsCoop .mainBlock .businessCont form label .radioStyle { display: inline-block; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; position: relative; border: 1px solid #bbb; margin: 6px 5px 6px 15px; vertical-align: top; }
.logisticsCoop .mainBlock .businessCont form input { font: 16px/20px Microsoft JhengHei, sans-serif; color: #000; width: calc(100% - 135px); max-width: 500px; margin: 0 0 0 15px; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bbb; border-radius: 4px; vertical-align: top; }
.logisticsCoop .mainBlock .businessCont form input[type=radio] { display: none; }
.logisticsCoop .mainBlock .businessCont form input[type=radio]:checked + label .radioStyle::before { content: ""; width: 18px; height: 18px; border-right: 0; border-bottom: 0; position: absolute; left: -1px; top: -1px; background: url(../img/selected.png) no-repeat center; background-size: 100%; }
.logisticsCoop .mainBlock .businessCont form input[type=checkbox] { width: auto; margin: 5px 0; display: inline-block; height: 20px; vertical-align: middle; }
.logisticsCoop .mainBlock .businessCont form b { display: inline-block; margin: 0 0 5px 0; }
.logisticsCoop .mainBlock .businessCont form dl { text-align: left; margin: 0 0 20px 0; }
.logisticsCoop .mainBlock .businessCont form dl dt { width: 120px; margin: 0; text-align: right; font: bold 16px/30px Microsoft JhengHei, sans-serif; display: inline-block; }
.logisticsCoop .mainBlock .businessCont form dl dd { display: inline-block; font: 16px/30px Microsoft JhengHei, sans-serif; color: #333333; margin: 0 20px 0 0; position: relative; }
.logisticsCoop .mainBlock .businessCont form dl dd label { width: auto; cursor: pointer; font-weight: normal; }
.logisticsCoop .mainBlock .businessCont form .detailBox { display: none; position: absolute; left: 15px; top: 50px; width: 300px; border: 1px solid #bbb; padding: 10px 10px 0 10px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.logisticsCoop .mainBlock .businessCont form .detailBox::before { content: ''; display: inline-block; border-width: 0 6px 12px 6px; border-color: transparent transparent #bbb transparent; border-style: solid; position: absolute; top: -12px; left: 20px; }
.logisticsCoop .mainBlock .businessCont form .detailBox::after { content: ''; display: inline-block; border-width: 0 6px 12px 6px; border-color: transparent transparent #fff transparent; border-style: solid; position: absolute; top: -10px; left: 20px; }
.logisticsCoop .mainBlock .businessCont form .detailBox p { font: 16px/30px Microsoft JhengHei, sans-serif; color: #333333; margin: 0 0 10px 0; }
.logisticsCoop .mainBlock .businessCont form .detailBox label { margin: 0 5px 0 0; vertical-align: middle; }
.logisticsCoop .mainBlock .businessCont form .detailBox .square { width: 120px; margin: 0; border-width: 0 0 1px 0; text-align: center; padding: 0 5px 2px 5px; vertical-align: middle; line-height: 16px; border-radius: 0; }
.logisticsCoop .mainBlock .businessCont form .detailBox select { font: 16px/30px Microsoft JhengHei, sans-serif; margin: 0 5px 0 0; color: #333333; border: 1px solid #bbb; outline: none; }
.logisticsCoop .mainBlock .businessCont form textarea { vertical-align: top; width: calc(100% - 135px); max-width: 500px; height: 150px; padding: 5px; margin: 0 0 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font: 16px/25px Microsoft JhengHei, sans-serif; color: #000; outline: none; resize: none; border: 1px solid #bbb; border-radius: 4px; }
.logisticsCoop .mainBlock .businessCont form .tips { font: 14px/20px Microsoft JhengHei, sans-serif; color: #8E8E93; display: block; margin: 5px 0 0 135px; }
.logisticsCoop .mainBlock .businessCont form .sumitBox { text-align: center; }
.logisticsCoop .mainBlock .businessCont form .sumitBox .submitBtn { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #E30881; background: transparent; border: 2px solid rgba(227, 8, 129, 0.3); border-radius: 5px; font: bold 16px/36px Microsoft JhengHei, sans-serif; text-align: center; letter-spacing: 2px; cursor: pointer; margin: 30px 0 0 0; width: auto; }
.logisticsCoop .mainBlock .businessCont form .sumitBox .submitBtn:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
@media screen and (max-width: 1340px) { .logisticsCoop .mainBlock .businessCont { margin: 0 10%; } }
@media screen and (max-width: 1024px) { .stakeholder .mainBlock { width: 100%; margin: 0; }
  .stakeholder .mainBlock .navtab { display: none; }
  .supplier .kvBlock { background: transparent url(../img/stakeholder/supplierbgMob_01.jpg) no-repeat bottom center/cover; }
  .supplier .kvBlock p { top: 70px; }
  .supplier .subBlock { display: block; height: 700px; padding: 70px 20px; }
  .supplier .subBlock .linkBox { margin: 0 auto; text-align: center; width: 100%; }
  .supplier .subBlock.business { background: transparent url(../img/stakeholder/supplierbgMob_02.jpg) no-repeat bottom center/cover; }
  .supplier .subBlock.logistics { background: transparent url(../img/stakeholder/supplierbgMob_03.jpg) no-repeat bottom center/cover; }
  .supplier .subBlock.intellectual { background: transparent url(../img/stakeholder/supplierbgMob_04.jpg) no-repeat bottom center/cover; }
  .momoStakeholder .articleCont, .materialTopic .articleCont, .stakeholderOpinion .articleCont, .stakeholderComm .articleCont { padding: 40px; }
  .stakeholderComm .articleCont p { max-width: auto; }
  .stakeholderComm .commList { padding: 0; }
  .logisticsCoop .mainBlock { margin: 0; padding: 40px; width: 100%; }
  .logisticsCoop .mainBlock .businessCont { margin: 0; }
  .logisticsCoop .mainBlock .businessCont form dl dd { margin: 0 10px 0 0; } }
@media screen and (min-width: 641px) and (max-width: 750px) { .logisticsCoop .mainBlock .businessCont form .detailTransport { left: -120px; }
  .logisticsCoop .mainBlock .businessCont form .detailTransport::before { left: 150px; }
  .logisticsCoop .mainBlock .businessCont form .detailTransport::after { left: 150px; } }
@media screen and (max-width: 640px) { .supplier .kvBlock { height: 550px; }
  .supplier .kvBlock p { font: 28px/36px Microsoft JhengHei, sans-serif; left: 30px; }
  .supplier .kvBlock p span { font: bold 14px/20px Microsoft JhengHei, sans-serif; }
  .supplier .subBlock { height: 550px; }
  .supplier .subBlock .linkBox p { font: 28px/36px Microsoft JhengHei, sans-serif; }
  .supplier .subBlock .linkBox span { font: 14px/20px Microsoft JhengHei, sans-serif; }
  .momoStakeholder .articleCont, .materialTopic .articleCont, .stakeholderOpinion .articleCont { padding: 40px 30px; }
  .momoStakeholder img { max-width: 450px; }
  .stakeholderComm .commList { padding: 0; }
  .stakeholderComm .commList dd { width: 100%; margin: 0 0 30px 0; padding: 0 0 20px 0; }
  .logisticsCoop .mainBlock .businessCont { text-align: left; }
  .logisticsCoop .mainBlock .businessCont form { display: inline-block; width: 100%; }
  .logisticsCoop .mainBlock .businessCont form label { text-align: left; }
  .logisticsCoop .mainBlock .businessCont form label .radioStyle { margin-left: 0; }
  .logisticsCoop .mainBlock .businessCont form input { display: block; width: 100%; margin: 0; }
  .logisticsCoop .mainBlock .businessCont form .reminder { margin: 5px 0 0 0; }
  .logisticsCoop .mainBlock .businessCont form .wrongEmail { margin: 5px 0 0 0; }
  .logisticsCoop .mainBlock .businessCont form dl dt { text-align: left; }
  .logisticsCoop .mainBlock .businessCont form dl dd { display: block; margin: 0 0 5px 0; }
  .logisticsCoop .mainBlock .businessCont form textarea { display: block; margin: 0; width: 100%; }
  .logisticsCoop .mainBlock .businessCont form .tips { margin: 5px 0 0 0; }
  .logisticsCoop .mainBlock .businessCont form .detailBox { position: relative; margin: 10px 0; width: 100%; top: unset; left: unset; }
  .logisticsCoop .mainBlock .businessCont form .detailBox .disc { margin: 0; }
  .logisticsCoop .mainBlock .businessCont form .detailBox .square { display: inline; } }