@charset "UTF-8";body{font-family:Microsoft JhengHei;font-size:16px}.noneBlock{display:none}.rNavBar .icon{padding-top:24px;text-align:center}.rNavBar .icon img{width:50px}.rNavBar .icon span{vertical-align:middle;font-size:36px}.rNavBar .img{text-align:right;padding-top:24px}.rNavBar .img img{padding-right:24px;width:150px}.forSwitch span{font-size:1.5rem;vertical-align:top}.forSwitch span:first-child{padding-right:12px}.forSwitch span:last-child{padding-left:12px}.forSwitch .switch{position:relative;display:inline-block;width:60px;height:34px;margin-bottom:0}.forSwitch .switch input{display:none}.forSwitch .slider{position:absolute;cursor:pointer;inset:0;background-color:#007bff;transition:.4s}.forSwitch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.forSwitch input:checked+.slider{background-color:#2196f3}.forSwitch input:focus+.slider{box-shadow:0 0 1px #2196f3}.forSwitch input:checked+.slider:before{transform:translate(26px)}.forSwitch .slider.round{border-radius:34px}.forSwitch .slider.round:before{border-radius:50%}.information,.experience{margin-top:24px}.card{overflow:hidden}.card .card-img{height:200px;background-position:center center;background-size:cover}.card .card-body{text-align:center}.card .card-note{text-align:center;position:relative;bottom:370px;left:100px;background-color:#66b0ff;transform:rotate(45deg)}.learn{margin-top:24px}.learn .timeline{position:relative;max-width:1200px;margin:0 auto}.learn .timeline:after{content:"";position:absolute;width:6px;background-color:#f2f2f2;top:0;bottom:0;left:50%;margin-left:-3px}.learn .containerTime{padding:10px 40px;position:relative;background-color:inherit;width:50%}.learn .containerTime:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#f2f2f2;border:4px solid #007bff;top:15px;border-radius:50%;z-index:1}.learn .left{left:0}.learn .right{left:50%}.learn .left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid #F2F2F2;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #F2F2F2}.learn .right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid #F2F2F2;border-width:10px 10px 10px 0;border-color:transparent #F2F2F2 transparent transparent}.learn .right:after{left:-16px}.learn .content{padding:20px 30px;background-color:#f2f2f2;position:relative;border-radius:6px}@media screen and (max-width: 600px){.learn .timeline:after{left:31px}.learn .containerTime{width:100%;padding-left:70px;padding-right:25px}.learn .containerTime:before{left:60px;border:medium solid #F2F2F2;border-width:10px 10px 10px 0;border-color:transparent #F2F2F2 transparent transparent}.learn .left:after,.learn .right:after{left:15px}.learn .right{left:0%}}footer{height:150px}details summary:hover,details summary:focus{outline:none}#lightBoxModal img{width:100%}.modal-80{max-width:80%}.skill{margin-top:24px}.skill img{width:150px}.skill .fieldName{color:#007bff;font-size:36px;margin-top:12px}.skill .btn-link{color:#000;font-size:1.2rem}.skill .btn-link:hover,.skill .btn-link:focus{color:#000;text-decoration:none}.skill figure{height:300px;overflow:hidden}.skill figure img{width:100%}.skill .timeline{position:relative;max-width:1200px;margin:0 auto}.skill .timeline:after{content:"";position:absolute;width:6px;background-color:#f2f2f2;top:0;bottom:0;left:0;margin-left:-3px}.skill .containerTime{padding:10px 40px;position:relative;background-color:inherit;width:85%}.skill .containerTime:after{content:"";position:absolute;width:25px;height:25px;right:0;background-color:#f2f2f2;border:4px solid #007bff;top:20px;border-radius:50%;z-index:1}.skill .full{left:0}.skill .full:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid #F2F2F2;border-width:10px 10px 10px 0;border-color:transparent #F2F2F2 transparent transparent}.skill .full:after{left:-13px}.skill .content{padding:20px 30px;background-color:#f2f2f2;position:relative;border-radius:6px}@media screen and (max-width: 600px){.skill .timeline:after{left:31px}.skill .containerTime{width:100%;padding-left:70px;padding-right:25px}.skill .containerTime:before{left:60px;border:medium solid #F2F2F2;border-width:10px 10px 10px 0;border-color:transparent #F2F2F2 transparent transparent}.skill .left:after,.skill .right:after{left:15px}.skill .right{left:0%}.skill .full:after{left:18px}}@media (min-width: 992px){.card{margin:12px 0 0}details img{width:150px}}@media (min-width: 768px) and (max-width: 991px){.card{margin:12px 0 0}details img{width:150px}}@media (max-width: 767px){.card{margin:12px auto 0}details img{width:100px}.modal-80{max-width:100%}.skill img{width:150px}}@media (max-width: 340px){.rNavBar .img img{width:120px}}