html,body,#page {
  height:100%;
  margin: 0 auto;
  padding:0;
}
#page {
  overflow-x: hidden;
}
body {
  font-family:"Microsoft JhengHei";
  font-size:14px;
}
body,
#page {
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
address {
  display:inline;
}

.clear-fix::before,.clear-fix::after {
  content:'';
  display:block;
  clear:both;
}
#block-node-syndicate > h2 {
  display:none;
}

.feed-icon img {
  padding:0 !important;
  border:none !important;
}

#main-content {
  min-height: 100%;
  height: auto !important;
  height:100%;
  margin: 0 auto -80px;
}
.push,
#colophon {
  height:80px;
  clear: both;
}

/* Header */
#header {
  position: fixed;
  background:#333;
  width:100%;
  z-index: 9999;
  opacity: 1;
  top:0;
  left:0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  height:90px;
}
#header h2 {
  display:none;
}
.site-branding{
  margin-bottom: 20px;
}

#site-title {
  opacity: 0;
}

#site-logo {
  float: left;
  padding: 15px 15px 0 0;
}

#site-logo a {
  display:block;
}

#site-logo a img {
  width:70%;
}



h1#site-title{
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 18px;
  clear: none;
}
h1#site-title a:link, h1#site-title a:visited{
  color: #000;
}

/* Menu */


.menutoggle{
  width: 36px;
  height: 36px;
  color: #777;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 36px;
  text-align: center;
  background: #fff;
  position: absolute;
  right: 20px;
  top:25px;
  font-size: 20px;
  display:none;
}

#main-menu {
  padding:0px 0px;
  height:45px;
  border-bottom: none;
  float: left;
  margin-top: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#main-menu ul {
  width: auto;
  float:left;
  list-style: none;
  margin: 0;
  padding: 0 0px;
}
#main-menu li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight:400;
}

#main-menu li a {
  display: block;
  font-size:16px;
  padding: 19px 10px 19px 10px;
  text-decoration: none;
  position: relative;
}

#main-menu li a:active, #main-menu a.active, #main-menu > ul > li > a.active-trail {
  color: #fff;
}

#main-menu li a:hover {
  color:#ffe400;
}

#main-menu li a.sf-with-ul {
  padding-right: 10px;
}

#main-menu li ul li a, #main-menu li ul li a:link, #main-menu li ul li a:visited,
#main-menu li ul li ul li a, #main-menu li ul li ul li a:link, #main-menu li ul li ul li a:visited,
#main-menu li ul li ul li ul li a, #main-menu li ul li ul li ul li a:link, #main-menu li ul li ul li ul li a:visited {
  color:#777;
  width: 148px;
  margin: 0;
  padding: 10px 10px !important;
  position: relative;
  font-weight:400;
}

#main-menu ul li ul li:first-child a,#main-menu ul li ul li ul li:first-child a,#main-menu ul li ul li ul li ul li:first-child a  {
  border-top:none;
}


#main-menu li ul li a:hover ,#main-menu li ul li ul li a:hover ,#main-menu li ul li ul li ul li a:hover {
  color: #ffe400;
}

#main-menu li ul {
  font-size: 12px;
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 26%;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px;
  background:rgba(0,0,0,.8);
}

#main-menu li ul a {
  width: 150px;
}

#main-menu li ul a:hover, #main-menu li ul a:active {
}

#main-menu li ul ul {
  margin: -44px 0 0 160px;
}

#main-menu li:hover ul ul, #main-menu li:hover ul ul ul, #main-menu li.sfHover ul ul, #main-menu li.sfHover ul ul ul {
  left: -999em;
}

#main-menu li:hover ul, #main-menu li li:hover ul, #main-menu li li li:hover ul, #main-menu li.sfHover ul, #main-menu li li.sfHover ul, #main-menu li li li.sfHover ul {
  left: auto;
}

#main-menu li:hover, #main-menu li.sfHover {
  position: static;
}

#main-menu > ul > li > a {
  padding : 10px;
}

#main-menu > ul > li:nth-child(3) > ul {
  /*width:21%;*/
}

#main-menu > ul > li:nth-child(4) > ul {
  /*width:11%;*/
}

.active-trail.active {
  /*padding: 0 !important;*/
}

/* content */
#content {

}


/* pkschool */


.list-image img {
  width:85% !important;
  display:block;
}
.views-field.views-field-title {
  float:left;
}

.views-row::before,.views-row::after {
  content:'';
  display:block;
  clear:both;
}

#googleMap {
  background:#ffe400;
  padding:20px 0 80px 0;
}

#googleMap h3 {
  font-weight:600;
}

#map {
  height:328px;
  margin: 0 auto;
}

#googleMap .box {
  background: #fff;
  padding:10px;
}

#googleMap .infobox {
  border-bottom:1px solid #dcdcdd;
  padding:8px;
}

#googleMap .infobox p {
  margin: 0;
}

/* 分類list */

p {
  margin: 0 0 5px !important;
}

/*.views-field.views-field-title,.views-field.views-field-changed,.views-field.views-field-body {
  position: absolute;
}

.views-field.views-field-title {
  margin: 10px 0 0 0;
}

.views-field.views-field-body {
  margin: -129px 0 0 240px;
}

.views-field.views-field-changed {
  margin: 135px 0 0 0;
}*/
.field-content a {
  color:#000 !important;
  font-size: 28px;
}
.field-content img {
  min-height:170px;
}
.views-field.views-field-field-image,.views-field.views-field-field-images,.views-field.views-field-field-used-images,.views-field.views-field-field-qa-image {
  display:inline-block;
  float:left;
  width:290px;
}
.views-field.views-field-field-image > .field-content > a > img {
}
/* 分類內的主要圖片移除 */
.field.field-name-field-image.field-type-image.field-label-hidden img,.field.field-name-field-images.field-type-image.field-label-above {
  display:none;
}

.field.field-name-field-used-images.field-type-image.field-label-above {
  display:none;
}

/* ------- */


.views-field.views-field-changed,.views-field.views-field-daycount {
  display:inline-block;
  margin-right:10px;
}
.views-label.views-label-changed,.views-label.views-label-daycount,.views-label.views-label-comment-count {
  display:inline-block;
  color:#888;
  font-size:13px;
  margin:8px 0;
}
.submitted span {
  color:rgb(174, 184, 71);
}

.views-field.views-field-title-1 {

}

.views-field.views-field-field-image img,.views-field.views-field-field-images img {
  height:170px !important;
}

/* tag */

.views-field.views-field-field-tag a,.views-field.views-field-field-tags a,.views-field.views-field-field-tags-news a {
  border:1px solid #888;
  border-radius:15px;
  color:#888;
  display:inline-block;
  font-size:12px;
  margin: 3px;
  padding:3px 9px;
}
.views-field.views-field-field-tag a:first-child,.views-field.views-field-field-tags a:first-child,.views-field.views-field-field-tags-news a:first-child {
  margin-left:0;
}

.views-field.views-field-field-tag a:hover,.views-field.views-field-field-tags a:hover,.views-field.views-field-field-tags a:focus,.views-field.views-field-field-tags a:active {
  background:#FFE401;
  color:#000;
  border:1px solid #fff;
}
.views-field.views-field-field-tags-news a:hover,.views-field.views-field-field-tags-news a:focus,.views-field.views-field-field-tags-news a:active {
  background:#FFE401;
  color:#000;
  border:1px solid #fff;
}
.views-field.views-field-field-tag a:hover,.views-field.views-field-field-tag a:focus,.views-field.views-field-field-tag a:active {
  background:#FFE401;
  color:#000;
  border:1px solid #fff;
}
.field.field-name-field-tag.field-type-taxonomy-term-reference.field-label-above {
	margin: 10px 0;
}

.field.field-name-field-tag.field-type-taxonomy-term-reference.field-label-above div {
	display: inline-block;
}
.field.field-name-field-tag.field-type-taxonomy-term-reference.field-label-above .field-item a {
    border:1px solid #dcdcdd;
    padding:3px 7px;
    color:#333;
    margin: 10px 4px;
    display:inline-block;
}
.field.field-name-field-tag.field-type-taxonomy-term-reference.field-label-above .field-item a:hover,.field.field-name-field-tag.field-type-taxonomy-term-reference.field-label-above .field-item a:focus,.field.field-name-field-tag.field-type-taxonomy-term-reference.field-label-above .field-item a:active {
	opacity: .7;
}

/* tag block */
.view.view-tags.view-id-tags.view-display-id-block .views-row {
	display:inline-block;
	border-bottom: none;
	padding: 0px;
	margin:3px;
}
.view.view-tags.view-id-tags.view-display-id-block a {
	display:block;
	font-size:15px;
	border:1px solid #888;
	border-radius:18px;
	padding: 4px 10px;
}
.view.view-tags.view-id-tags.view-display-id-block a:hover {
	background: #FDD000;
	border:1px solid #fff;
}

/* fb */
.views-field.views-field-fb-social {
  margin-top:15px;
}


.field.field-name-field-tags.field-type-taxonomy-term-reference.field-label-above,.field.field-name-field-tags-news.field-type-taxonomy-term-reference.field-label-above {
  margin: 16px 0;
}
.statistics_counter {
  line-height: 50px;
}

.field-name-field-tags div,.field-name-field-tags-news div {
  display:inline;
}

.field.field-name-field-tags.field-type-taxonomy-term-reference.field-label-above a,.field.field-name-field-tags-news.field-type-taxonomy-term-reference.field-label-above a {
  background: #ed564b;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #fff;
  padding: 2px 6px;
}

/* 收購項目 */
#preface-area {
  background: none !important;
  border:none !important;
  padding:0;
}

/* tube */
.tube {
	margin-top:50px;
	height:360px;
	width:99%;
}

/* view-row規則 */
.views-row-odd,.views-row-even {
  padding: 10px 0 20px 0;
  border-bottom: 1px dotted #dcdcdd;
}

.views-field.views-field-title > .field-content {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width:460px; /* 需加入RWD判斷 */
}

.views-field.views-field-body > .field-content > p,.views-field.views-field-body {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width:460px; /* 需加入RWD判斷 */
}

/* 20160511 reset */
/*.leaf.active-trail {
  margin: 10px !important;
}*/
/*.first.leaf.active-trail,
.last.leaf.active-trail {
  margin: 0 !important;
}*/

/* 20160802 */
.views-field.views-field-timestamp {
    color: #8fafcd !important;
    width: 150px !important;
}
/* 20160802 end */

.taipeitube {
  width: 560px;
}
.region-help-first .field-content a,
.region-help-second .field-content a {
  font-size: 15px;
}
.region-help-first .views-field.views-field-last-comment-timestamp .field-content,
.region-help-second .views-field.views-field-last-comment-timestamp .field-content {
  color: #ff6d01;
}

.region-help-first h2,
.region-help-second h2 {
  font-weight: 600;
}

/* 新增元件 */
.mg20-auto {
  margin: 0 auto 50px;
}
/* 20160511 end */

/* left pkbox */
.pkbox {
  -webkit-animation:pkbox 1s ease;
  -moz-animation:pkbox 1s ease;
  -ms-animation:pkbox 1s ease;
  -o-animation:pkbox 1s ease;
  animation:pkbox 1s ease;
  position: fixed;
  z-index: 99999;
  top:45.5%;
}

.mpkbox {
  -webkit-animation:mpkbox 1s ease;
  -moz-animation:mpkbox 1s ease;
  -ms-animation:mpkbox 1s ease;
  -o-animation:mpkbox 1s ease;
  animation:mpkbox 1s ease;
  position: fixed;
  z-index: 99999;
}

.pkbox a {
  background:url('images/pkicon.png') no-repeat ;
  background-size: cover;
  display:block;
  margin: 0 auto;
  height:50px;
  width:50px;
}
.pkbox a:hover {
  opacity: .8;
}
.pkhome,.pkphone,.pkline,.pkfb,.pkgmap {
  cursor: pointer;
  display:block;
  text-align: center;
  height:70px;
  padding:10px 0;
  width:70px;
}
.pkhome {
  background:#1eb9ef;
}
.pkphone {
  background:#ff9c00;
}
.pkline {
  background:#00c61c;
}
.pkfb {
  background:#315196;
}
.pkgmap {
  background:#ffd31c;
}
.pkhome a {
  background-position: 0px 0px;
}
.pkphone a {
  background-position: -50px 0px;
}
.pkline a {
  background-position: -100px 0px;
}
.pkfb a {
  background-position: -150px 0px;
}
.pkgmap a {
  background-position: -200px 0px;
}

.pkphone-info {
  background:#FF9C00;
  display:none;
  font-size:28px;
  margin: -70px 0 0 70px;
  padding: 10px 0;
  position: absolute;
  width:220px;
}
.pkphone-info a {
  margin:0;
  background: none;
  width: auto;
}

.pkphone-info a{
  color:#333;
  display:block;
}

.pkphone-info a:hover {
  color:#fff;
}



@-webkit-keyframes pkbox {
    0% { left:-80px;}
  100% { left:0px;}
}
@-moz-keyframes pkbox {
    0% { left:-80px;}
  100% { left:0px;}
}
@-ms-keyframes pkbox {
    0% { left:-80px;}
  100% { left:0px;}
}
@-o-keyframes pkbox {
    0% { left:-80px;}
  100% { left:0px;}
}
@keyframes pkbox {
    0% { left:-80px;}
  100% { left:0px;}
}

@-webkit-keyframes mpkbox {
    0% { bottom: -100px;}
  100% { bottom:0px;}
}
@-moz-keyframes mpkbox {
  0% { bottom: -100px;}
100% { bottom:0px;}
}
@-ms-keyframes mpkbox {
  0% { bottom: -100px;}
100% { bottom:0px;}
}
@-o-keyframes mpkbox {
  0% { bottom: -100px;}
100% { bottom:0px;}
}
@keyframes mpkbox {
  0% { bottom: -100px;}
100% { bottom:0px;}
}

/* line */
.line-box {
  background:#04c03b;
  padding:25px 0 24px;
}
.line-box p {
  color:#fff;
  font-size: 20px;
  font-weight:900;
  text-align:center;
  margin:0;
  line-height: 29px;
}
.line-box h3 {
  text-align: center;
}
.line-box .hasbg {
  background: #fff;
  border-radius:26px;
  color:#333;
  padding:4px 0;
}

.line-box .hasbg span {
  color:#04c03b;
}

.line-box p strong {
  color:#333;
  font-size:30px;
}

.lineid {
  font-size:24px !important;
}

.QR {
  background:url(../images/QR/QR.jpg) no-repeat;
  background-size:100%;
  width:190px;
  height:190px;
}
.gotop { z-index: 99999; color:#fff; display:none; background:rgba(0,0,0,.4); border-radius:50px; text-align:center; color:#fff; font-weight:300; padding:7px; position:fixed; bottom:70px; right:30px;}
.gotop:hover,.gotop:focus { color:rgba(255,255,255,.7);}

/* 常駐資訊 */
.info-block .linebox {
	background:#04c03b;
	padding:7px;
	text-align: center;
}
.info-block .linebox p {
	line-height: 30px;
}
.info-block .linebox p:first-child,.info-block .linebox p:nth-child(2) {
	color:#fff;
	font-size:29px;
	font-weight:bold;
}
.info-block .linebox p:nth-child(2) > strong {
    color:#ffe400;
}
.info-block .linebox div.QR {
	background:url("../images/QR/QR.jpg") no-repeat;
	background-size:cover;
	text-align: center;
	margin: 11px auto;
}
.info-block .linebox p:nth-child(4) {
    color:#fff;
    font-size:31px;
    font-weight:bold;
}
.info-block .linebox p:nth-child(5) {
	color:#000;
	font-size:29px;
	font-weight:bold;
}
.info-block .linebox p:last-child {
	color:#000;
	background:#fff;
	border-radius:30px;
	display:inline-block;
	padding:6px 16px;
	font-size:29px;
	font-weight:bold;
	margin-bottom: 20px !important;
}
.info-block .linebox p:last-child span {
	color:#04c03b;
}

.info-block .infobox1 {
	background: #ffe400;
    text-align: center;
}
.info-block .infobox1 p {
	color:#2c2c2c;
	font-size:30px;
    text-align:center;
    line-height:43px;
}
.info-block .infobox1 p a {
	color:#2c2c2c;
	font-size:45px;
	font-weight:bold;

}
.info-block .infobox1 p:first-child {
	background: #2c2c2c;
	color:#fff;
	text-align: center;
	font-size:34px;
    line-height:60px;
}

.info-block .infobox1 p:last-child {
	font-size:40px;
	font-weight:bold;
	border-radius:30px;
	background:#fff;
	display:inline-block;
	padding:7px 16px;
	margin:9px auto 20px !important
}

.info-block .infobox2 {
	background:url("../images/items/pic_banner_r.jpg") center center;
	text-align:center;
}
.info-block .infobox2 p {
	font-size:35px;
	color:#fff;
}
.info-block .infobox2 a {
	font-size:35px;
	color:#ffe400;
	margin-top:-14px;
	display:block;
}

.fbbox {
	background:#3b5998;
	margin-top:5px;
}
.fbbox a {
	display:block;
	background:url("../images/fb.png") no-repeat center center;
	height:98px;
	margin:0 auto;
	text-indent: -9999px;
}

/* slider */
.slider-wrapper.theme-default {
  margin-top:70px;
}

/* 收購項目內頁 */
#preface-area + #main-content {
	padding: 0 !important;
}
#preface-area {
	padding:0 !important;
	margin-top:110px;
}
#toolbar + #page #preface-area {
	margin-top:80px;
}
.nopa { padding: 0;}
.nopa-r { padding-right: 0;}
.nopa-l { padding-left: 0;}
.banner-img {
	background: url("../images/items/banner/item01.jpg") no-repeat center 0 / cover;
	height:280px;
	padding:55px 0px 0px 0px;
}
.banner-img + div {
	height:280px;
}
.banner-info {
	background: #2c2c2c;
	height:280px;
	padding:20px 0 0px 10px;
}
.banner-info h3 {
	font-size:30px;
	text-align: left;
	padding: 7px 0 7px 13px;
}

.banner-info h4 {
	color:#ffe400;
	font-size:20px;
	text-align:left;
}
.banner-info p {
	color:#fff;
	font-size:15px;
	text-align:left;
}

#toolbar {
  z-index: 9999999;
}

.expanded {
  cursor:pointer !important;
  font-size:16px !important;
  margin: 10px !important;
}


.visual.box {
  cursor: pointer;
  display:block;
  position:relative;
  height:170px;
  margin:7px 0;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
}
.visual.col-xd-12.col-md-4.col-lg-4 {
  padding:0 7px;
}
.info {
	padding-top: 30px !important;
}
.info > p {
  display:block !important;
  text-align: center !important;
  font-size: 30px !important;
  color:#000 !important;
  font-weight:600;
  margin-top:0 !important;
}
.info a {
	text-decoration:none !important;
}
.info > p > a:hover {
	color:#fff !important;
}


.flex-caption.mobile {
  display:none;
}


.flex-caption.mobile + #main-content {
  padding-top: 0;
}

h1#site-title {
  display:none !important;
}

.content {
  word-wrap: break-word;
  word-break: break-all;
}

.node h2.title a, h1.page-title {
  font-size: 32px !important;
  line-height: 40px !important;
  margin:15px 0 !important;
}

/* component setting */

/* 20160627 */
.item-list .pager {
  display: none;
}
/* 20160627 end */
.btn.yellow,
.btn.ori {
  position: relative;
}
.btn.yellow:after,
.btn.ori:after {
  background: url('../images/hand.png') no-repeat;
  background-size: 45%;
  content:'';
  display: block;
  height: 80px;
  position: absolute;
  width: 60px;
  right: -38px;
  top: 31px;
  -webkit-animation: hand .5s ease infinite;
  -moz-animation: hand .5s ease infinite;
  -ms-animation: hand .5s ease infinite;
  -o-animation: hand .5s ease infinite;
  animation: hand .5s ease infinite;
}

@-webkit-keyframes hand {
  0% {top: 31px;}
  100% { top:36px; }
}
@-moz-keyframes hand {
  0% {top: 31px;}
  100% { top:36px; }
}
@-ms-keyframes hand {
  0% {top: 31px;}
  100% { top:36px; }
}
@-o-keyframes hand {
  0% {top: 31px;}
  100% { top:36px; }
}
@keyframes hand {
  0% {top: 31px;}
  100% { top:36px; }
}

/* 20160615 */
.clone-news span.field-content,
.clone-news2 span.field-content {
  max-width:300px !important;
}
.clone-news span.field-content a,
.clone-news2 span.field-content a {
  font-size: 15px !important;
}
/* 20160615 end */

.visual.box .info a {
  color:#fff;
  font-size:22px;
  border-radius:7px;
  background:#333;
  display:inline-block;
  padding:3px 12px;
  margin: 7px;
  text-decoration: none !important;
}

.visual.box .info a:hover {
  opacity: .7;
}

.noborder {
  border:none !important;
}

.nolist {
  margin-left: 0;
}
.nolist li {
  list-style: none;
  margin: 17px 0;
}

.nopa {
  padding-left:0 !important;
  padding-right:0 !important;
}
.nopa-r {
  padding-right:0 !important;
}
.nopa-l {
  padding-left:0 !important;
}

.pd-r10 {
  padding-right:10px;
}
.pd-r25 {
  padding-right:25px;
}

/* faq */
.fbox {
  margin:40px 0;
}
.fbox > h3 {
  background:#ededf6;
  border-radius: 17px;
  cursor: pointer;
  font-size:17px;
  padding:4px 20px;
}

.fbox > h3 + p {
  display:none;
  padding:20px;
}

/* form */
.form-item {
  padding:3px 0;
  margin:26px 0 0 0 !important;
}
.form-item label {
  min-width:100px;
  text-align: right;
}
.form-item .description {
  color:#d2d5d2;
  margin: 14px 0 0 104px;
}

#edit-actions {
  margin-left: 104px;
}

#comment-form label {
  min-width: auto;
  text-align: left;
}

.links.inline.clear-fix {
  display:block;
  margin: 60px 0 10px 0;
}

.links.inline li {
  /*line-height: 70px;*/
}

.statistics_counter.last {
  margin:-12px 0 0 30px;
}

.service-links,.nivo-controlNav {
  display:none;
}

.comment.clearfix {
  border-top:1px solid #dcdcdd;
  padding:21px 23px 9px 23px;
  width:100%;
}

.indented .comment.clearfix {
  border:1px dotted #dcdcdd;
}

/* traffic */
.traffic.home {
  margin: 0 auto 40px;
  text-align: center;
}

.traffic {
  margin: 20px 0 0 0;
}
.traffic li {
  display:inline-block;
  list-style: none;
  font-size: 15px;
  margin: 0 8px;
}
.traffic li:first-child {
  margin-left: 0;
}
.traffic li > a {
  color:#000;
  display:block;
  font-size: 15px;
  position: relative;
  text-align: center;
}
.traffic li > a:hover {
  opacity: .8;
}
.traffic li > a::before {
  background: url("../images/items/store-icon.png") no-repeat;
  background-position:0px 0px;
  content:'';
  display:block;
  height:100px;
  width:100px;
}
.traffic li:nth-child(2) > a::before {
  background-position:-100px 0px;
}
.traffic li:nth-child(3) > a::before {
  background-position:-200px 0px;
}
.traffic li:nth-child(4) > a::before {
  background-position:-300px 0px;
}
.traffic li:nth-child(5) > a::before {
  background-position:-400px 0px;
}
.traffic li:nth-child(6) > a::before {
  background-position:-600px 0px;
}
.traffic li:last-child > a::before {
  background-position:-500px 0px;
}

/* 快速交易步驟  */
.nopa {
	padding:0;
}
.bg333 {
	background:#333;
	height:220px;
	border:1px solid #dcdcdd;
}
.bg333 p {
	padding: 0 7px;
	color:#fff;
}
.easyto h3:before {
	background:url("../images/items/step.png") no-repeat;
    background-position:-11px 0px;
	content:'';
	display:block;
	width:23px;
	height:31px;
	position: absolute;
	margin: 0 0 0 -36px;
}
.easyto h3 {
	padding-left:35px;
	font-weight:bold;
	margin: 10px 0;
}

.easyto .bg-img {
	height:115px;
	background-size: 100% !important;
}
.easyto .bm1 {
	background:url("../images/items/step/step1.jpg") no-repeat ;
}
.easyto .bm2 {
	background:url("../images/items/step/step2.jpg") no-repeat ;
}
.easyto .bm3 {
	background:url("../images/items/step/step3.jpg") no-repeat ;
}
.easyto .bm4 {
	background:url("../images/items/step/step4.jpg") no-repeat ;
}

.bm-info p {
	margin: 0 !important;
	text-align: right;
}
.bm-info p:first-child {
	font-size:15px;
}
.bm-info p:last-child {
	font-size:35px;
	font-weight:bold;
}

.mpkbox {
  display:none;
}

@media screen and (min-width:200px) and (max-width:640px) {

  .list-image img {
    width:100%;
    max-width:100% !important;
  }

}

@media screen and (min-width:200px) and (max-width:500px) {
  .views-field.views-field-title > .field-content {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:300px; /* 需加入RWD判斷 */
  }
  .views-field.views-field-body > .field-content > p {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:300px; /* 需加入RWD判斷 */
  }
  .field-content a {
    font-size: 20px;
  }
  .views-field.views-field-field-image {
    display:inline-block;
    float:left;
    width:auto;
  }
  .traffic li {
    display:inline-block;
    list-style: none;
    font-size: 15px;
    margin: 10px 0 10px 8.3%;
  }
  .traffic li {
    margin-left: 2% !important;
  }

}

@media screen and (min-width:200px) and (max-width:767px) {

  /* 20160627 */
    a.btn {
      width: 47%;
    }
  /* 20160627 end */

  /* 20160616 */
  .views-field.views-field-field-image img,.views-field.views-field-field-images img {
    height:auto !important;
  }
  /* 20160616 end */

  #masthead {
    height:57px !important;
  }
  #slidebox {
    padding-top:57px !important;
  }
  #site-logo a img {
    width:50% !important;
  }
  .m-none {
    display:none !important;
  }

  .mpkgmap a {
    display:block;
    height:50px;
    width:50px;
  }

  .mnavigation {
    background: #333;
    padding:0 0px 10px 10px;
    height:100%;
    position:fixed;
    z-index: 99999;
    width:100%;
    overflow: scroll !important;
    display: block;
  }
  .flex-caption.mobile {
    display:block;
    position:relative;
  }
  .flex-caption.mobile > .btn { }
  .pkphone-info,.pkline-info {
    display:none !important;
  }
  .btnblock {
    cursor: pointer;
    width:50px;
    height:50px;
    display:block;
  }
  .views-field.views-field-field-image img {
    height:auto !important;
  }
  .banner-img {
  	background: url("../images/items/banner/item01.jpg") no-repeat center 0 / 100% ;
  	height:230px;
  }
  #preface-area {
  	margin-top:50 !important;
  }



  .gotop {
    bottom:70px;
    right:10px;
  }
  .container {
    padding-bottom:0px;
  }
  .expanded {
    color:#fff !important;
    font-size:18px !important;
    margin: 1px 0 !important;
  }
  .menu li a:hover,.expanded:hover {
    color:#ffe400 !important;
  }
}

@media screen and (min-width:992px) and (max-width:1320px) {
  .mpkbox a {
    display:block;
    background:url('images/pkicon.png') no-repeat;
    background-size:cover;
    width:95px;
    height:55px;
    margin: 0 auto;
  }
}

@media screen and (max-width:1320px) {

  .pkbox {
    display:none !important;
  }
  .mpkbox {
    display:block;
  }
  .mpkbox {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background: rgba(0,0,0,.7);
    top:auto !important;
    bottom:0px;
    left:0;
    width:100%;
    text-align: center;
    position:fixed;
  }

  .mpkhome,.mpkphone,.mpkline,.mpkfb,.mpkgmap {
    cursor: pointer;
    float:left;
    height:50px;
    width:20%;
    margin: 0 !important;
  }
  .mpkhome {
    background:#1eb9ef;
  }
  .mpkphone {
    background:#ff9c00;
  }
  .mpkline {
    background:#00c61c;
  }
  .mpkfb {
    background:#315196;
  }
  .mpkgmap {
    background:#ffd31c;
  }
  .mpkhome a {
    background-position: 0px 0px;
  }
  .mpkphone a {
    background-position: -56px 0px;
  }
  .mpkline a {
    background-position: -117px 0px;
  }
  .mpkfb a {
    background-position: -178px 0px;
  }
  .mpkgmap a {
    background-position: -234px 0px;
  }
  .mpkhome:hover,.mpkphone:hover,.mpkline:hover,.mpkfb:hover,.mpkgmap:hover {
    opacity: .7;
  }
  .mpkhome {
    background-position:-3px -4px;
  }

  .mpkphone {
    background-position:-67px -4px;
  }
  .mpkline {
    background-position:-129px -4px;
  }
  .mpkfb {
    background-position:-193px -4px;
  }
  .mpkgmap {
    background-position:-256px -4px;
  }
  .mpkphone-info {
    font-size: 24px;
    margin: -102px 0 0;
    padding:6px 16px 6px 10px;
    width:210px;
  }
  .mpkline-info {
    height:100px;
    width:100px;
    left:50px;
    top:50px;
  }
  #primary, #sidebar{
    padding-top: 0px !important;
  }
  .flex-caption {
    padding:6px 0 0 !important;
  }
  .mpkhome a,
  .mpkphone a,
  .mpkline a,
  .mpkfb a,
  .mpkgmap a {
    width: 60px;
    height: 60px;
  }

}
@media screen and (min-width:768px) and (max-width:991px) {
    .banner-img {
	height:440px;
    }

}

@media screen and (min-width:200px) and (max-width:991px) {
  .nopa,.nopa-l,.nopa-r {
    padding-right:15px !important;
    padding-left:15px !important;
  }
  .pkbox{
    top:40%;
  }
/* 20160623 */

.mpkbox a {
  display:block;
  background:url('images/index-icon2.png') no-repeat;
  background-size:cover;
  width:95px;
  height:55px;
  margin: 0 auto;
}

.mpkphone a {
  background-position: -2px -3px;
}
.mpkline a {
  background-position: -91px -3px;
}

.mpkgmap a {
  background-position: -187px -3px;
}
/* 20160623 end */
  #site-logo + h1#site-title {
    display:none;
  }
  .banner-info {
	background: #2c2c2c;
	height:auto;
	padding:20px 0 40px 10px;
 }
 .views-field.views-field-body > .field-content > p,.views-field.views-field-body {
   width:90%;
 }
 .views-field.views-field-title > .field-content {
   width:70%;
 }
 .views-field.views-field-field-image img
 ,.views-field.views-field-field-images img
 ,.views-field.views-field-field-used-images img
 ,.views-field.views-field-field-qa-image img {
   display:block;
   margin: 10px 0;
   width:100% !important;
 }

 #mmain-menu .last.expanded {
   padding-bottom:77px;
 }
 .list-image img {
   width:100% !important;
   display:block;
 }
 .views-field.views-field-title {
   float:none;
 }
 .views-field.views-field-field-image,
 .views-field.views-field-field-images,
 .views-field.views-field-field-used-images,
 .views-field.views-field-field-qa-image {
   width: auto;
 }
.views-field.views-field-title > .field-content {
  width: 100%;
}
#primary {
  padding-bottom: 0 !important;
}
/* 20160622 - 修改 pad, phone icon顯示規則*/
.mpkhome,
.mpkgmap {
  display: none;
}
.mpkphone,
.mpkline,
.mpkfb {
  width: 50%;
}

/* 20160623 */



/* 20160623 end*/

}

@media screen and (min-width:200px) and (max-width:1199px) {
  .QR {
    margin:0 auto;
    width:150px;
    height:150px;
  }
  .taipeitube {
    width: 100%;
  }
}

@media screen and (min-width:767px) and (max-width:1020px) {
  #main-menu > ul > li > a,#main-menu > ul > li {
    font-size:13px !important;
  }
}

@media screen and (min-width:768px) and (max-width:1300px) {
   .flex-caption h2 {
     font-size:40px !important;
   }
   .flex-caption p {
     margin: 0;
   }
   .flex-caption > a.btn {
      margin: 6px 7px 0;
    }

}


@media screen and (min-width:992px) and (max-width:1350px) {
  .pkbox {
    top:40%;
  }
}

@media screen and (min-width:1725px) {
  #site-logo {
    padding:15px 0 0 36px !important;
  }
}