body, html {height: 100%;margin: 0;padding: 0;}
img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.parallax_bg {overflow: hidden;position: relative;height: 41%;}
.parallax {position: relative;margin-top:25px;}
.main-title{position:absolute;z-index:3;width:80%;top:50%; padding-left:10%; padding-right:10%;color:#fff;}
.main-title h3{font-size:32px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:26px; letter-spacing:2px}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.parallax_bg {overflow: hidden;position: relative;height: 100%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.parallax_bg {overflow: hidden;position: relative;height: 45%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.parallax_bg {overflow: hidden;position: relative;height: 75%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.parallax_bg {overflow: hidden;position: relative;height: 69%;}
.parallax {position: relative;margin-top:-270px;}
.main-title{position:absolute;z-index:3;width:350px;top:65%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}
img{max-width:100%;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom;}
.column-block { float: left;margin-left: 5%; margin-bottom: 60px;}
.one-col.column-block {margin-left: 0px;float: none;}
.column-block *:last-child {margin-bottom: 0 !important;}
.be-last-child {margin-bottom: 0 !important;}
.be-row .column-block:first-child{margin-left: 0;}
.be-section .be-row:last-child .column-block {margin-bottom: 0;}
.full-screen .element {width: 19.97%;margin: 0px;}
.full-screen-gutter  {margin-right: 45px;}
.full-screen-gutter .element .element-inner{margin-left: 45px;}
.full-screen-gutter .element {margin-bottom: 45px;}
.element img {width: 100%;}
.element-inner {overflow: hidden;}
.element img {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.element:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);
transform: scale(1.05);}
.portfolio{margin-bottom: 50px;overflow: hidden;}
.portfolio-container {width: 100%;overflow: hidden;}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {margin-bottom: 45px !important;}
.full-screen .portfolio-container .element {margin-bottom: 0px !important;}
.portfolio-title {margin-bottom: 0;}
.portfolio-title h6 {margin-bottom: 5px;}
.portfolio-title a {display: block;}
.portfolio-content{ margin-bottom: 20px; }
.element .one-half , .element .be-button, .element img {margin-bottom: 0;}
.element .be-row, .portfolio.one-col .element{margin-bottom: 50px;}
.three-col .portfolio-title{padding: 5px 5px 5px 0;margin: 12px 1px 1px !important;}
.thumb-wrap {display: block;}
.thumb-wrap, .thumb-bg{position: relative;}
.thumb-overlay {position: absolute;overflow: hidden;width: 100%;height: 100%;top:0;left:0;display: none;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;padding: 0px;}
.thumb-bg {width: 100%;height: 100%;display: table;}
.thumb-title { width:200px; margin:26% auto 0 auto; padding:0; background-color:#000; line-height:50px;text-align: center;vertical-align: middle;font-size: 16px;color: #fff;}
.thumb-titles {font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:12px; color: #ffffff; margin-top:30px;}

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.news-title{width:100%; margin:20px 0; padding:0; text-align:center; font-size:26px;}
.press-img{ width:100%; height: 300px;margin:-50px 0 0 0; padding:0; position:relative;}
.press-img img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.img-tx{width:100%; padding:0; position:absolute; top:53%; left:0; z-index:3; text-align:center}
  .img-tx h1{margin:0; padding:0; font-size:30px; color:#fffff; font-weight:400;letter-spacing:3px;}
  .img-tx h2{margin:0 0 5px 0; padding:0;font-size:15px; color: #d2d1d1; font-weight:400;}
.logo-row{max-width:200px; padding:0;margin:0 0 0 5%; z-index:4;position:absolute; top:20px; left:0}
.logo-row img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.be-section-pad {padding: 0 0 20px 0;}
.full-screen.three-col .element {width: 100%;}
.full-screen-gutter  {margin-right:0;margin-left:0}
.full-screen-gutter .element .element-inner{margin-left: 16px; margin-right: 16px;}
.full-screen-gutter .element {margin-bottom: 20px;}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {margin-bottom: 30px !important;}
.element-tx{width:100%; padding:0;text-align:left; margin:15px 0 0 23px; box-sizing:border-box;}

.thumbcon {width:92%; padding:0;margin:15px 4% 0 4%;}
.thbcone {float:left; width:100%; margin:1em 0 0 0; font-size:20px;}
.thbctwo {float:left; width:100%; margin:1em 0 0 0;}
.thbctwo p {margin:0;font-size:16px !important; line-height:26px}
.thbctwo h3{margin:1em 0 0 0; padding:0;font-size:13px; color:#9b7032}
.element a{color: #444;text-decoration:none; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.element a:hover {color: #9b7032;text-decoration: none}

}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.news-title{width:100%; margin:50px 0; padding:0; text-align:center; font-size:30px;}
.press-img{ width:100%; height: 320px;margin:-50px 0 0 0; padding:0; position:relative;}
.press-img img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.img-tx{width:100%; padding:0; position:absolute; top:50%; left:0; z-index:3; text-align:center}
  .img-tx h1{margin:0; padding:0; font-size:34px; color:#fffff; font-weight:400;letter-spacing:3px;}
  .img-tx h2{margin:0 0 5px 0; padding:0;font-size:15px; color: #d2d1d1; font-weight:400;}
.logo-row{max-width:200px; padding:0;margin:0 0 0 5%; z-index:4;position:absolute; top:25px; left:0}
.logo-row img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.be-section-pad {padding: 0 0 50px 0;}
.full-screen.three-col .element {width: 33.34%;}
.full-screen-gutter  {margin-right:0; margin-left:0}
.full-screen-gutter .element .element-inner{margin-left: 16px; margin-right: 16px;}
.full-screen-gutter .element {margin-bottom: 20px;}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {margin-bottom: 30px !important;}
.element-tx{width:100%; padding:0;text-align:left; margin:15px 0 0 23px; box-sizing:border-box;}

.thumbcon {width:92%; padding:0;margin:15px 4% 0 4%;}
.thbcone {float:left; width:100%; margin:1em 0 0 0; font-size:20px;}
.thbctwo {float:left; width:100%; margin:1em 0 0 0;}
.thbctwo p {margin:0;font-size:16px !important; line-height:26px}
.thbctwo h3{margin:1em 0 0 0; padding:0;font-size:13px; color:#9b7032}
.element a{color: #444;text-decoration:none; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.element a:hover {color: #9b7032;text-decoration: none}

}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.news-title{width:100%; margin:70px 0; padding:0; text-align:center; font-size:30px;}
.press-img{ width:100%; height: 400px;margin:-50px 0 0 0; padding:0; position:relative;}
.press-img img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.img-tx{width:100%; padding:0; position:absolute; top:50%; left:0; z-index:3; text-align:center}
  .img-tx h1{margin:0; padding:0; font-size:40px; color:#fffff; font-weight:400;letter-spacing:3px;}
  .img-tx h2{margin:0 0 5px 0; padding:0;font-size:15px; color: #d2d1d1; font-weight:100;}
.logo-row{max-width:250px; padding:0;margin:0 0 0 3%; z-index:4;position:absolute; top:30px; left:0}
.logo-row img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.be-section-pad {padding: 0 0 50px 0;}
.full-screen.three-col .element {width: 50%;}
.full-screen-gutter  {margin-right:22px; margin-left:22px}
.full-screen-gutter .element .element-inner{margin-left:14px;margin-right:14px}
.full-screen-gutter .element {margin-bottom: 45px;}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {margin-bottom: 30px !important;}
.element-tx{width:100%; padding:0;text-align:left; margin:15px 0 0 23px; box-sizing:border-box;}

.thumbcon {width:92%; padding:0;margin:15px 4% 0 4%;}
.thbcone {float:left; width:100%; margin:1em 0 0 0; font-size:20px;}
.thbctwo {float:left; width:100%; margin:1em 0 0 0;}
.thbctwo p {margin:0;font-size:16px !important; line-height:26px}
.thbctwo h3{margin:1em 0 0 0; padding:0;font-size:13px; color:#9b7032}
.element a{color: #444;text-decoration:none; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.element a:hover {color: #9b7032;text-decoration: none}

}  

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.news-title{width:100%; margin:70px 0; padding:0; text-align:center; font-size:30px;}
.press-img{ width:100%; height:550px;margin:-50px 0 0 0; padding:0; position:relative;}
.press-img img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.img-tx{width:100%; padding:0; position:absolute; top:50%; left:0; z-index:3; text-align:center}
  .img-tx h1{margin:0; padding:0; font-size:40px; color:#fffff; font-weight:400;letter-spacing:3px;}
  .img-tx h2{margin:0 0 5px 0; padding:0;font-size:15px; color: #d2d1d1; font-weight:100;}
.logo-row{max-width:250px; padding:0;margin:0 0 0 3%; z-index:4;position:absolute; top:30px; left:0}
.logo-row img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.be-section-pad {padding: 0 2% 70px 2%;}
.full-screen.three-col .element {width: 33.34%;}
.full-screen-gutter  {margin-right:0;margin-left:0}
.full-screen-gutter .element .element-inner{margin-left:12px; margin-right:12px}
.full-screen-gutter .element {margin-bottom: 45px;}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {margin-bottom: 30px !important;}
.element-tx{width:100%; padding:0;text-align:left; margin:15px 0 0 23px; box-sizing:border-box;}

.thumbcon {width:92%; padding:0;margin:15px 4% 0 4%;}
.thbcone {float:left; width:100%; margin:1em 0 0 0; font-size:20px;}
.thbctwo {float:left; width:100%; margin:1em 0 0 0;}
.thbctwo p {margin:0;font-size:16px !important; line-height:26px}
.thbctwo h3{margin:1em 0 0 0; padding:0;font-size:13px; color:#9b7032}
.element a{color: #444;text-decoration:none; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.element a:hover {color: #9b7032;text-decoration: none}

}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.news-title{width:100%; margin:70px 0; padding:0; text-align:center; font-size:30px;}
.press-img{ width:100%; height:550px;margin:-50px 0 0 0; padding:0; position:relative;}
.press-img img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.img-tx{width:100%; padding:0; position:absolute; top:50%; left:0; z-index:3; text-align:center}
  .img-tx h1{margin:0; padding:0; font-size:40px; color:#fffff; font-weight:400;letter-spacing:3px; }
  .img-tx h2{margin:0 0 5px 0; padding:0;font-size:15px; color: #d2d1d1; font-weight:100;}
.logo-row{max-width:250px; padding:0;margin:0 0 0 3%; z-index:4;position:absolute; top:30px; left:0}
.logo-row img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); }
.be-section-pad {padding: 0 6% 50px 6%;}
.full-screen.three-col .element {width: 33.34%;}
.full-screen-gutter  {margin-right:0;margin-left:0}
.full-screen-gutter .element .element-inner{margin-left: 15px; margin-right:15px}
.full-screen-gutter .element {margin-bottom: 45px;}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {margin-bottom: 75px !important;}
.element-tx{width:100%; padding:0;text-align:left; margin:15px 0 0 23px; box-sizing:border-box;}

.thumbcon {width:96%; padding:0;margin:15px 2% 0 2%;}
.thbcone {float:left; width:100%; margin:1em 0 0 0; font-size:20px;}
.thbctwo {float:left; width:100%; margin:1em 0 0 0;}
.thbctwo p {margin:0;font-size:16px !important; line-height:26px}
.thbctwo h3{margin:1em 0 0 0; padding:0;font-size:13px; color:#9b7032}
.element a{color: #444;text-decoration:none; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.element a:hover {color: #9b7032;text-decoration: none}

}