@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);a:hover,a{text-decoration:none}*{font-size:14px;font-family:"Noto Sans TC","微軟正黑體","sans-serif"}.company{margin-top:-3rem}@media screen and (max-width: 767px){.company>.row{margin:0}.company>.row .row{margin:0}}.company>.row>.col-xs-12 .flextitle{position:absolute;top:2rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100}.company>.row>.col-xs-12 .flextitle p{font-size:4.5rem;color:#fff;font-weight:normal;letter-spacing:.2rem;text-shadow:1px 1px 10px #333}@media screen and (max-width: 767px){.company>.row>.col-xs-12 .flextitle p{font-size:2.5rem}}@media screen and (max-width: 767px){.company>.row .container>.row ul,.company>.row .container>.row ol{padding-left:2rem}}@media (min-width: 768px){.company>.row .container>.row>.col-sm-6{margin-top:6rem;margin-bottom:6rem}.company>.row .container>.row>.col-sm-6:nth-of-type(2){padding-right:0}.company>.row .container>.row>.col-sm-6:nth-of-type(3){padding-left:0}}.company>.row .container>.row>.col-sm-6 p+ol{padding-left:1.5rem}@media (min-width: 768px){.company>.row .container>.row>.col-sm-6 .pgroup{padding:0 5%}}@media screen and (max-width: 767px){.company>.row .container>.row>.col-sm-6:nth-of-type(3){margin-bottom:4rem}}.company>.row .container>.row h1.title{text-align:center;font-size:2.5rem;font-weight:normal;color:#fff;padding:1rem 0}@media (min-width: 768px){.company>.row .container>.row h1.title{margin-bottom:7rem}}.company>.row .container>.row h1.title.color-blue{background:#01b0f1}.company>.row .container>.row h1.title.color-green{background:#70ad47}.company>.row .container>.row h1.title.color-orang{background:#ed7e31}@media (min-width: 768px){.company>.row .container>.row .pgroup{padding:0 10%}}.company>.row .container>.row .pgroup li{font-weight:300;line-height:3rem}.company>.row .container>.row .pgroup p{font-weight:300;line-height:3rem}.company>.row .container>.row hr{width:100%}@media screen and (max-width: 767px){.company>.row .container>.row hr{margin:0}}@media screen and (max-width: 767px){.company>.row .container .menupage>ul{padding-left:.5rem}}@media (min-width: 768px){.company>.row .container .menupage{padding:0 5% 7rem}}@media screen and (max-width: 767px){.company>.row .container .menupage{padding:4rem 0}}.company>.row .container .menupage h1{text-align:center;color:#000;font-size:3rem;font-weight:normal}@media (min-width: 768px){.company>.row .container .menupage h1{margin-bottom:6rem}}@media (min-width: 768px){.company>.row .container .menupage ul{display:flex;justify-content:center;flex-wrap:wrap}}@media screen and (max-width: 767px){.company>.row .container .menupage ul{display:flex;flex-wrap:wrap}}.company>.row .container .menupage ul li{padding:2rem 1rem}@media (min-width: 768px){.company>.row .container .menupage ul li{width:calc(100% / 5)}}@media screen and (max-width: 767px){.company>.row .container .menupage ul li{width:calc(100% / 2);padding:1rem}}.company>.row .container .menupage ul li span{display:block;text-align:center;width:100%;height:100%;padding:1rem;background:#feff99;border-radius:2rem;border:3px solid #2fbdb8}@media (min-width: 768px){.company>.row .container .caselist{margin-bottom:7rem}}.company>.row .container .caselist h1.title{text-align:center;font-size:3rem;font-weight:normal;color:#000;padding:1rem 0;margin-bottom:3rem}@media (min-width: 768px){.company>.row .container .caselist ul{display:flex;justify-content:center}}.company>.row .container .caselist ul li{padding:0 1.5rem;position:relative}@media (min-width: 768px){.company>.row .container .caselist ul li{width:calc(100% / 4)}}@media screen and (max-width: 767px){.company>.row .container .caselist ul li{width:100%}}.company>.row .container .caselist ul li>a{padding:1rem;display:block;width:100%;height:100%;position:relative;cursor:pointer}@media screen and (max-width: 767px){.company>.row .container .caselist ul li>a>img{width:100%}}.company>.row .container .caselist ul li>a .fleximg{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.company>.row .container .caselist ul li>a .fleximg img{width:75%;margin-top:-3rem}.company>.row .container .sguess h1.title{text-align:center;font-size:3rem;font-weight:normal;color:#000;padding:1rem 0;margin-bottom:3rem}.company>.row .container .sguess .pgroup ul{padding-left:1.5rem}
/*# sourceMappingURL=companypage.css.map */