﻿.adsbygoogle{display:block;padding:0;margin:0 auto 20px}#blog-latest{background:#000;margin:0;padding:25px 0 50px;width:100%}#blog-latest .bar{position:relative;padding:35px 0 40px;width:100%}#blog-latest .bar strong{position:relative;font-family:'Montserrat Bold';text-transform:uppercase;letter-spacing:1px;font-size:40px;text-align:center;color:#999;margin:auto}#blog-latest .container{position:relative;width:100%}#blog-latest .container ul{margin:0 auto 50px;width:1200px;max-width:100%;overflow:hidden}#blog-latest .container ul li{position:relative;color:#fff;float:left;box-sizing:border-box;padding:0 10px;margin:0;width:calc(100% / 5);-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all 0.2s ease-in}#blog-latest .container ul li:hover{opacity:10;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all 0.2s ease-in}#blog-latest .container ul li a{color:#fff}#blog-latest .image{display:block;width:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;position:relative;overflow:hidden}#blog-latest .image img{display:block;width:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out}#blog-latest li:hover .image img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}#blog-latest .title,#blog-latest .date{display:block;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}#blog-latest .title{margin:0 0 12px}#blog-latest li:hover .title{background:rgba(0,0,0,0.9);opacity:1;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all 0.3s ease-in}#blog-latest li:hover .title b{color:#fff;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all 0.3s ease-in}#blog-latest .title strong{font-size:18px;line-height:20px;font-weight:400;color:#fff}#blog-latest .date{font-size:14px;color:#fff;padding:10px 0 0}#blog-latest .description{display:none}#blog-latest span.more{font-size:12px;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#333;background:#fff;cursor:pointer;display:block;margin:0 auto 30px;border:1px #ddd solid;width:120px}#blog-latest .bottom{position:absolute;left:0;right:0;bottom:20px;z-index:999;text-align:center;letter-spacing:1px}#blog-latest .bottom *{color:#fff}#blog-latest .bottom span{margin-right:10px}#blog-latest .link{text-decoration:underline}@media screen and (max-width: 829px){#blog-latest .container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 5%}#blog-latest .container ul li{margin-right:calc(10px * 2 / 1) !important;margin-bottom:calc(10px * 2 / 1) !important;width:calc(100% / 2 - 10px)}#blog-latest .container ul li:nth-child(2n){margin-right:0 !important}}@media screen and (max-width: 400px){#blog-latest .container ul li{width:calc(100% / 1)}}main[class^="wrapper-blog"] .detail ul{display:list-item;padding:0 0 0 25px}main[class^="wrapper-blog"] .detail ul li{list-style:inside}main[class^="wrapper-blog"] img{display:block;width:100%;height:auto}main[class*="wrapper-blog"]{position:relative;background:#fff;padding:80px 3%;padding:200px 20% \0 /IE9;margin:0 auto;max-width:1170px;overflow:hidden !important}main[class^="wrapper-blog"] #left{position:relative;float:left;padding:0 3% 0 0;width:72%}main[class^="wrapper-blog"] #right{position:relative;float:left;width:28%}main[class^="wrapper-blog"] *,main[class^="wrapper-blog"] #left *,main[class^="wrapper-blog"] #right *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}main[class^="wrapper-blog"] a{color:#1c94b2;display:inline-block}main[class^="wrapper-blog"] ol li{line-height:20px;margin-bottom:20px}@media screen and (max-width: 1280px){main[class^="wrapper-blog"]{max-width:1170px}}@media all and (max-width: 829px){main[class^="wrapper-blog"]{padding:50px 0}}@media all and (max-width: 829px){main[class^="wrapper-blog"] #left{padding:0 3% !important}main[class^="wrapper-blog"] #right{padding:0 3%}}img[src*="smiley"]{display:inline-block}ins{text-align:left;background:#fff}main[class*="-blog"] .main{background:#fff;padding:0;width:auto;min-height:550px;overflow:hidden}main[class*="-blog"] .main .heading{color:#272727;line-height:30px;margin-bottom:20px;border-bottom:2px solid #ccc;min-height:30px}main[class*="-blog"] .main .heading h1{font-size:25px;text-transform:uppercase;display:inline-block;line-height:30px;margin:0 0 -2px;padding:5px 0;border-bottom:2px solid #333;min-height:30px}main[class^="-blog"] .main .heading h1 span{display:inline-block;margin:0 0 0 5px}main[class*="-blog"] .main .container{padding:10px 0}main[class*="-blog"] .main .container .keyword{display:inline-block}main[class*="-blog"] .box{color:#272727;background:#fff;padding:0;margin:0 0 40px;overflow:hidden}main[class*="-blog"] .box .bar{color:#272727;margin:0 0 20px;border-bottom:1px solid #eee}main[class*="-blog"] .box .bar strong{font-size:15px;text-transform:uppercase;display:inline-block;line-height:40px;border-bottom:2px solid #333;min-height:40px}main[class*="-blog"] .box .container{font-size:13px;line-height:20px;letter-spacing:1px;color:#666;background:0;width:100%}main[class*="-blog"] .box .container li{display:block;margin:0 0 8px}main[class*="-blog"] .box .container li:last-child{margin:0}main[class*="-blog"] .box .container li a{font-size:13px;line-height:30px;color:#666;text-decoration:none;display:block;padding:0 10px;height:30px}main[class*="-blog"] .box .container li a:hover,main[class*="-blog"] .box .container li a.hover{color:#fff !important;background:#333}[id^="google-"]{text-align:center;padding:20px 0}#node-subnav .bar strong::after{content:"分類"}#blog-lists{min-height:600px}#blog-lists .results{height:25px}#blog-lists .container .ul{padding:0;margin:0;list-style:none}#blog-lists .container .ul .li{position:relative;margin:0 0 20px;overflow:hidden}#blog-lists .container .ul .li:last-child{margin:0}#blog-lists .image{display:block;background:url(images/header.logo.png) no-repeat center center;overflow:hidden}#blog-lists .image img{display:block;width:100%;height:auto;-webkit-transition:all .9s ease-in-out;transition:all 0.9s ease-in-out}#blog-lists .image:hover img{-webkit-transition:all .9s ease-in-out;transition:all 0.9s ease-in-out;-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}#blog-lists .li figure{position:relative;top:-60px;z-index:999;line-height:20px;letter-spacing:1px;background:#fff;padding:30px;margin:auto;width:90%}#blog-lists span.path{font-size:13px;text-align:center;line-height:35px;text-decoration:none;display:block;margin:0 auto 20px;height:35px}#blog-lists span.path a{color:#ccc !important}#blog-lists .container h3{position:relative;text-align:center;font-size:15px;font-weight:700;display:block;margin:0 0 15px;padding:0 0 15px}#blog-lists .container h3:after{position:absolute;left:0;right:0;bottom:0;background:#999;content:'';margin:auto;width:80px;height:1px}#blog-lists .container h3 a{color:#111}#blog-lists .container h3 a:hover{color:#ccc}#blog-lists .bottom{text-align:center;margin-bottom:10px}#blog-lists .bottom span{font-size:12px;color:#999;display:inline-block;line-height:12px;padding:0 5px 0 0;height:12px}#blog-lists .bottom span:before{margin:0 5px}#blog-lists .bottom span.like{display:none}#blog-lists .bottom span:last-child{padding:0;margin:0;border-right:0}#blog-lists .description{font-size:13px;color:#999;padding:20px 0 40px}#blog-lists .more{text-align:center;font-size:13px;line-height:35px;text-transform:uppercase;color:#fff;background:#333;text-decoration:none;display:block;margin:auto;width:140px;height:35px}#blog-lists .more:hover{background:#ccc}@media screen and (max-width: 829px){#blog-lists .li figure{top:0;padding:20px;width:100%}}#blog-detail .container{font-size:14px;letter-spacing:.5px;line-height:20px}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}#blog-detail .info{color:#999;margin:10px 0 30px;border:1px solid #f7f7f7;border-left:0;border-radius:100px;overflow:hidden;width:100%}#blog-detail .info .tr{float:left;width:calc(100% / 4);overflow:hidden}#blog-detail .info .td{font-size:12px;line-height:40px;text-align:center;float:left;border-left:1px #ddd solid;height:40px}#blog-detail .info .td:nth-child(1){color:#fff;background:#ca3333;width:40%}#blog-detail .info .td:nth-child(2){color:#777;background:#eee;width:60%}#blog-detail .info span.path a{text-decoration:underline}#blog-detail .info span.like{display:none}#blog-detail .info span:last-child{padding:0;margin:0;border-right:0}#blog-detail .fb-like{margin:0 0 10px}#blog-detail.image{padding:10px 0 0}#blog-detail .detail{font-family:"微軟正黑體";line-height:1.8;padding:10px 0}#blog-detail .detail h2,#blog-detail .detail h3,#blog-detail .detail h4,#blog-detail .detail h5{margin:10px 0 20px}#blog-detail .detail td{padding:10px !important}#blog-detail .detail strong{font-weight:bold;color:#272727;display:inline-block}#blog-detail .detail p{margin-bottom:16px}#blog-detail .bar{font-size:13px;color:#fff;background:#272727;padding:7px 10px;border-radius:5px;margin-bottom:10px}#blog-detail .advertise{overflow:hidden;padding:0 0 10px}#blog-detail .advertise div:nth-of-type(1){float:left;width:370px;height:370px}#blog-detail .advertise div:nth-of-type(2){float:right;width:370px;height:370px}#blog-detail .tags{padding:0 0 20px}#blog-detail .share{padding:0 0 50px;overflow:hidden}#blog-detail .share h3{font-size:15px;display:block;padding:10px 0}#blog-detail .share a{font-size:40px;display:inline-block;margin:5px 5px 0 0}#blog-detail .share a:nth-child(3){color:#0080cb !important}#blog-detail .share a:nth-child(4){color:#1eaa39 !important}#blog-detail .share a:nth-child(5){color:#e30112 !important}#blog-detail .share a:nth-child(6){color:#fccf00 !important}#blog-detail .share a:hover{color:#333}#blog-detail .previous-next{text-align:center;padding:10px}#blog-search{margin:0 0 10px}#blog-search .bar{display:none}#blog-search .container{position:relative;padding:0}#blog-search .text{display:block;padding:10px;width:100%;height:40px}#blog-search .button{position:absolute;top:5px;right:5px;z-index:3;font-size:20px;color:#231815;padding:0 !important}#blog-archive .container{padding:0}#blog-archive ul{padding:0;margin:0;list-style:none}#blog-archive ul li{background:#fff;padding:5px;margin:0 0 5px;border-bottom:1px dotted #ccc}#blog-archive ul li:last-child{margin:0}#blog-recent .container ul{padding:0;margin:0;list-style:none}#blog-recent .container ul li{position:relative;padding:0 0 10px 60px;margin:0 0 10px;border-bottom:solid 1px #eee;min-height:60px;overflow:hidden}#blog-recent container ul li:last-child{margin:0}#blog-recent .image{position:absolute;left:0;display:block;padding:0;border:1px #eee solid;width:50px;height:50px}#blog-recent .title{font-weight:700;font-size:14px;color:#272727;display:block;width:auto;overflow:hidden}#blog-recent .date{position:absolute;right:0;bottom:10px;background:#fff;display:block;text-align:right}#blog-hot .container ul{padding:0;margin:0;list-style:none}#blog-hot .container ul li{position:relative;padding:0 0 10px 60px;margin:0 0 10px;border-bottom:solid 1px #eee;min-height:60px;overflow:hidden}#blog-hot container ul li:last-child{margin:0}#blog-hot .image{position:absolute;left:0;display:block;border:1px #eee solid;width:50px;height:50px}#blog-hot .title{font-weight:700;font-size:14px;color:#272727;display:block;width:auto;overflow:hidden}#blog-hot .date{position:absolute;right:0;bottom:10px;background:#fff;display:block;text-align:right}#blog-subscribe .facebook{background:url(design/facebook.png) no-repeat;display:inline-block;width:20px;height:20px}#blog-subscribe .rss{background:url(design/rss.png) no-repeat;display:inline-block;width:20px;height:20px}#blog-hot ul{padding:0;margin:0;list-style:none}#blog-hot ul li{background:#fff;padding:5px;margin:0 0 5px;border-bottom:1px dotted #ccc}#blog-hot ul li .date{color:#aaa;display:block;text-align:right}#blog-tag a{font-size:12px !important;color:#666;display:inline-block;padding:10px;border:1px #eee solid}#blog-tag a:hover{border:1px #666 solid}#blog-facebook-page iframe[style]{width:100%;height:230px}.loading{background:url(images/loading.gif) repeat-x;display:block;width:30px;height:30px}.label{text-overflow:ellipsis;text-align:center;white-space:nowrap;vertical-align:baseline;display:inline-block;border-radius:5px;padding:0 10px;overflow:hidden}.tags .label a{color:#fff !important}.tags .label:nth-child(1n){background:#0080cb}.tags .label:nth-child(2n){background:#1eaa39}.tags .label:nth-child(3n){background:#c12d38}.tags .label:nth-child(4n){background:#fccf00}.tags .label:nth-child(5n){background:#231815}#blog-fb .fb{text-align:center;display:block;margin:0 auto 20px}.goo-center{overflow:hidden}.goo-center .left,.goo-center .right{float:left}#blog-sns-bottom{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:rgba(0,0,0,0.6);display:none}#blog-sns-bottom .container{position:absolute;top:calc(50% - 90px);left:calc(50% - 150px);background:#fff;text-align:center;width:300px;height:180px}#blog-sns-bottom .container .close{position:absolute;right:0;top:0;color:#fff;background:#54585a;line-height:25px;text-align:center;width:25px;height:25px}#blog-sns-bottom iframe[style]{width:100%;height:230px}
