/*------------
	* Import Css
-------------*/






body {
	font-family: '微軟正黑體';
	font-size: 14px;
	color: #000;
	overflow-x: hidden;
}
img {
    max-width: 100%;
	height: auto;
}
a {
    outline: 0 !important;
}

/* - Padding/Margin */
.no-padding {
	padding: 0;
}
.no-left-padding{
	padding-left: 0;
}
.no-right-padding {
	padding-right: 0;
}
.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding {
	padding-bottom: 0;
}
.no-margin {
	margin: 0;
}
.no-left-margin {
	margin-left: 0;
}
.no-right-margin {
	margin-right: 0;
}
.no-top-margin {
	padding-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}

/* - OW pull-left/pull-right */
.ow-pull-left  {
	float: left;
}
.ow-pull-right  {
	float: right;
}
/* * Fonts Settings */



/**產品介紹**/
.intrBanner {
  text-align: center;
}
/**產品介紹**/





/**搜尋**/
.tx1  {
  height: 5em;
}
.searchDiv {
  width: 20%;
  margin-top: 0em;
  margin-right: 5em;
  margin-left: auto;
  padding: 0.5em;
}
@media screen and (min-width: 320px) and (max-width: 1000px) {
.searchDiv {
  width: 100%;
  margin-top: 0em;
}
}
/**搜尋**/




/**商品**/
.Divider {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E6E6E6;
  margin-top: 4em;
  margin-bottom: 4em;
}
/**商品**/




/**早鳥**/
.birdDiv {
  width: 100%;
  padding: 36px 124px 36px 124px;
  background-color: #f3f3f3;
  margin-bottom: 3em;
  float: left;
}
@media (max-width: 480px) and (min-width: 320px) {
.birdDiv {
    width: 100%;
    padding: 24px 16px 24px 16px;
    background-color: #f3f3f3;
}
}
@media only screen and (min-width: 481px) {
.guarantees-warp {
    text-align: center;
}
}
@media (min-width: 992px) {
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
}
@media (min-width: 992px) {
.col-md-2 {
    width: 16.66666667%;
}
}
@media only screen and (min-width: 481px) {
.guarantees-warp i {
    font-size: 40px;
    display: block;
}
}
@media only screen and (min-width: 481px) {
.guarantees-number {
    font-size: 33px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: 0.77px;
    text-align: center;
    color: #4a4a4a;
}
}
@media only screen and (min-width: 481px) {
.guarantees-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
    color: #4a4a4a;
}
}
.guarantees-content {
    font-size: 14px;
    letter-spacing: 0.45px;
    text-align: center;
    color: #646464;
}
@media (max-width: 480px) and (min-width: 320px) {
.guarantees-warp {
    text-align: center;
    margin-bottom: 24px;
}
}
.state-label {
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
    padding: 2px 8px;
}
.early-color {
    color: #f89c18;
}
.early-border {
    border: solid 1px #f89c18;
    margin-left: 1em;
}
.giveaway-label {
    color: #FF0000;
    border: solid 1px #FF0000;
    margin-left: 1em;
}

.project-brand {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    /*letter-spacing: 0.8px;*/
    color: #b3b3b3;
    margin-top: 0.5em;
    margin-left: 1em;
}
.project-brand2 {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.8px;
    color: #33419A;
    margin-left: 1em;
    margin-bottom: 1em;
}
/**早鳥**/






/**視覺差**/
.parallax {
	/* 設定背景圖片/居中/不重覆 */
	background: url("/assets/front/images/963.jpg")center center no-repeat;
	/* 設定區塊高度 */
	min-height: 300px;
	/* 背景自動縮放/固定 */
	background-attachment: fixed;
	background-size: cover;
	padding: 3em;
	margin-top: 5em;
}
.paraDiv {
	max-height:100%;
	margin-right: auto;
	margin-left: auto;	
	text-align: center;
	color: #FFF;
}	
.slogan {
  margin-top: 4.7%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.6%;
  display: block;
  width: 318px;
  max-width: 100%;
}
.paraDiv .Txt {
  font-family: "微軟正黑體";
  font-size: 3.5em;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5em;
  color: #FFF;
  width: 50%;
  margin-top: 1em;
  margin-right: auto;
	margin-left: auto;	
	text-align: left;
	line-height: 2em;
}
.aBbtn {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.aBbtn li {
  display: inline;
}
.aBbtn li a {
  display: block;
  text-decoration: none;
  transition: all .8s ease;
  background-color: #7B87C6;
  padding: 0.9em;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
}
.aBbtn li a:hover {
  background-color: #369;
}
@media screen and (min-width: 1201px) and (max-width: 1365px) {
.paraDiv .Txt {
  font-size: 3em;
  width: 60%;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.paraDiv .Txt {
  font-size: 3em;
  width: 70%;
}
}
@media screen and (min-width: 780px) and (max-width: 991px) {
.paraDiv .Txt {
  font-size: 2em;
  width: 60%;
}
.aBbtn li a {
  padding: 0.5em;
  font-size: 1.5em;
}
}
@media screen and (min-width: 651px) and (max-width: 779px) {
.paraDiv .Txt {
  font-size: 2em;
  width: 70%;
}
.aBbtn li a {
  padding: 0.5em;
  font-size: 1.5em;
}
}
@media screen and (min-width: 320px) and (max-width: 650px) {
.paraDiv .Txt {
  font-size: 1.5em;
  width: 100%;
}
.aBbtn li a {
  margin-top: 2em;
  padding: 0.5em;
  font-size: 1.5em;
}
}
/**視覺差**/




/**產品欄1**/
.prodWp {
  padding: 4em;
} 
.app2 {
  height: 100%;
}
.prodWp2 {
  width: 60%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.prodWp3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.coolk {
  display: grid;
  align-content: center;  
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  color: rgba(22, 22, 22, 0.5);
  min-height: 10vh;
  transition: 0.5s all ease;  
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (min-width: 320px) and (max-width: 480px){
.coolk {
  margin-left: 0px;
  margin-right: 0px;
}
}


@media screen and (min-width: 320px) and (max-width: 1199px) {
.prodWp3 {
    display: block;
}
.coolk {
    margin-bottom: 20px;
}
}

/**產品欄1**/
/*小輪播*/
.slider_container {
  margin: 30px auto;
  width: 400px;
  height: 280px;
  overflow: hidden;
  position: relative;
  height: auto;
  display: block;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 6px solid #5F6DBA;
}
.slider_container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 100%;
  height: 100%;
  animation: bk 25s linear;
}
.slider_container div {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  left: 100%;
  width: 100%;
  -webkit-animation: round 25s linear infinite;
  animation: round 25s linear infinite;
}
.slider_container div img {
  width: 100%;

}
@-webkit-keyframes round {
  4% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    /* 0 - 1秒 滑入*/
  }
  20% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    /* 1- 5秒靜止*/
  }
  24% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: -100%;
    /* 5-6秒滑出*/
  }
  26% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: -100%;
    /* 6-6.5秒變透明*/
  } 
  28% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: 100%;
    /* 6.5-7秒回到起始位置*/
  } 
}
@keyframes bk {
  0% {
    left: 0;
    /* 初始位置*/
  }
  4% {
    left: -100%;
    /* 0 - 1秒 滑出*/
  }   
}

@keyframes bk {
  0% {
    left: 0;
    /* 初始位置*/
  }
  4% {
    left: -100%;
    /* 0 - 1秒 滑出*/
  }  
}
.slider_container div:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.slider_container div:nth-child(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.slider_container div:nth-child(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.slider_container div:nth-child(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}
.slider_container div:nth-child(5) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}
.rwd_slider_container_wrapper {
  margin: 30px auto !important;
  width: 420px;
}
.rwd_slider_container {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 70%;
  box-sizing: border-box;
}
.rwd_slider_container .slider_container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}
/*小輪播*/
.pos-text {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.pos-text h4 {
    font-size: 2.2em;
    font-weight: 400;
    color: #000;
    margin-bottom: 1em;
}
.pos-text span {
    font-size: 1.5em;
    line-height: 2em;
}
.pos-text h1 {
    font-size: 3.75em;
    font-weight: 600;
    margin-bottom: 0.5em;
    color: #333;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.pos-text h1 {
  font-size: 2.5em;
  margin-top: -0.9em;
}
.pos-text h4 {
    font-size: 2em;
}
}

.pos-text p {
    font-size: 1.25em;
    line-height: 1.5em;
    color: #000;
}
.posbtn {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: inline;
}
.posbtn a {
  display: block;
  text-decoration: none;
  transition: all .8s ease;
  background-color: #7B87C6;
  padding: 0.9em;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  width: 50%;
  text-align: center;
}
.posbtn a:hover {
  background-color: #369;
  color: #fff;
}
@media screen and (min-width: 1501px) and (max-width: 1770px) {
.prodWp2 {
  width: 80%;
}
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
.prodWp2 {
  width: 100%;
}
}
@media screen and (min-width: 1001px) and (max-width: 1199px) {
.prodWp2 {
  width: 50%;
}
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
.prodWp2 {
  width: 70%;
}
}
@media screen and (min-width: 631px) and (max-width: 800px) {
.prodWp2 {
  width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 630px) {
.rwd_slider_container_wrapper {
    width: 100%;
}
.prodWp2 {
    width: 100%;
}
.posbtn a {
    width: 100%;
}
.prodWp {
    padding: 1em;
}
}
/**產品欄1**/






/**產品欄2**/
/*小輪播*/

/*小輪播*/
.ecrwp {
  padding: 5em;
  background-color: #e8e7e7;
} 
.prodecrwp2 {
  width: 60%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.prodecrwp3 {
  height: 100%;
}
.prodecrwp4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.prodecrwpcoolk {
  display: grid;
  align-content: center;  
  background-color: #e8e7e7;
  padding: 10px;
  border-radius: 5px;
  color: rgba(22, 22, 22, 0.5);
  min-height: 10vh;
  transition: 0.5s all ease;  
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  width: 0%;
}
@media screen and (min-width: 320px) and (max-width: 480px){
.prodecrwpcoolk {
  margin-left: 0px;
  margin-right: 0px;
}
.ecr-text h1 {
    font-size: 2.5em !important;
}
.ecr-text h4 {
    font-size: 2em;
}
}

@media screen and (min-width: 320px) and (max-width: 1199px) {
.prodecrwp4 {
    display: block;
}
.prodecrwpcoolk {
    margin-bottom: 20px;
}
}
.ecr-text {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.ecr-text h4 {
    font-size: 2.1em;
    font-weight: 400;
    color: #000;
    margin-bottom: 1em;
}
.ecr-text span {
    font-size: 1em;
    line-height: 2em;
}
.ecr-text h1 {
    font-size: 3em;
    font-weight: 600;
    margin-bottom: 0.5em;
    color: #333;
}
.ecr-text p {
    font-size: 1.25em;
    line-height: 1.5em;
    color: #000;
}
.ecrImg {
    position: absolute;
}
.ecrImg img {
    width: 45%;
}
.ecrbtn {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: inline;
}
.ecrbtn a {
  display: block;
  text-decoration: none;
  transition: all .8s ease;
  background-color: #7B87C6;
  padding: 0.9em;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  width: 40%;
  text-align: center;
}
.ecrbtn a:hover {
  background-color: #369;
  color: #fff;
}
@media screen and (min-width: 1601px) and (max-width: 1770px) {
.prodecrwp2 {
    width: 80%;
}
.ecrImg img {
    width: 55%;
}
}
@media screen and (min-width: 1451px) and (max-width: 1600px) {
.prodecrwp2 {
    width: 80%;
}
.ecrImg img {
    width: 55%;
}
}
@media screen and (min-width: 1201px) and (max-width: 1450px) {
.prodecrwp2 {
    width: 100%;
}
.ecrImg img {
    width: 67%;
}
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
.prodecrwp2 {
    width: 50%;
}
.ecrImg img {
    width: 100%;
}
.ecrImg {
    position: unset;
}
.prodecrwpcoolk {
    width: auto;
}
.ecrbtn a {
  width: 50%;
  text-align: center;
}
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
.prodecrwp2 {
    width: 70%;
}
.ecrImg img {
    width: 100%;
}
.ecrImg {
    position: unset;
}
.prodecrwpcoolk {
    width: auto;
}
.ecrbtn a {
  width: 50%;
  text-align: center;
}
}
@media screen and (min-width: 631px) and (max-width: 800px) {
.prodecrwp2 {
    width: 100%;
}
.ecrImg img {
    width: 100%;
}
.ecrImg {
    position: unset;
}
.prodecrwpcoolk {
    width: auto;
}
.ecrbtn a {
  width: 50%;
  text-align: center;
}
}
@media screen and (min-width: 320px) and (max-width: 630px) {
.prodecrwp2 {
    width: 100%;
}
.ecrImg img {
    width: 100%;
}
.ecrImg {
    position: unset;
}
.prodecrwpcoolk {
    width: auto;
}
.ecrbtn a {
  width: 100%;
  text-align: center;
}
.ecrwp {
    padding: 2em;
}
}
/**產品欄2**/






/**產品欄3**/
.priceBox20 {
  font-size: 1.2em;
  color: #5F6DBA;
  font-weight: bold;
  padding-top: 15px;
  border-top-width: 0px;
  border-top-style: dashed;
  border-top-color: #CCC;
} 
.post505 {
    right: 0px;
    margin-top: 0;
  letter-spacing: 0.56px;
    padding: 6px 12px;
    position: absolute;
    top: 5px;
    width: 30%;
    z-index: 1;
}
.post506 {
    margin-top: 0;
  letter-spacing: 0.56px;
    padding: 6px 12px;
    position: absolute;
    width: 10%;
}
@media screen and (min-width: 320px) and (max-width: 767px){
.post506 {
    width: 20%;
}
}
.paraWp {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #f3f3f3;
    padding-left: 13%;
}
.titleBox {
    position: absolute;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    line-height: 1;
    color: #fff;
    opacity: 0.6;
    margin-left: -10%;
}
.titleBox .en {
    font-size: 100px;
    font-weight: 100;
    color: #fff;
    text-transform: uppercase;
}
.titleBox .counter::after {
    left: -15px;
    bottom: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-align: right;
    color: #fff;
    position: absolute;
}
.grid {
  position: relative;
  overflow: hidden;
  list-style: none;
  text-align: center;
}

figure {
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 50em) {
  figure {
    display: inline-block;
    float: none;
    width: 100%;
  }
}
figure img {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  /*opacity: 0.8;*/
}
figure figcaption {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure figcaption:after {
  pointer-events: none;
}
figure figcaption:before {
  pointer-events: none;
}
figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  margin: 0;
  font-size: 30px;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.effect-chico {
    /*background-color: #333333;*/
}
figure.effect-chico img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 1.85s, transform 1.8s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
figure.effect-chico:hover img {
  /*opacity: 0.5;*/
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-chico figcaption {
    width: 20%;
    height: 20%;
     
}
figure.effect-chico figcaption:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border-radius: 100px; 
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px;
}
figure.effect-chico figcaption:before, figure.effect-chico p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
  padding: 20% 0 20px 0;
}
figure.effect-chico p {
  margin: 0 auto;
  color: #fff;
  max-width: 200px;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media (min-width: 768px) {
.col-sm-1 {
    width: 36.3%;
    float: left;
    position: relative;
    min-height: 1px;
}
.col-sm-2 {
    width: 23%;
    float: left;
    position: relative;
    min-height: 1px;
}
.col-sm-3 {
    width: 23%;
    float: left;
    position: relative;
    min-height: 1px;
}
.col-sm-4 {
    width: 46%;
    float: left;
    position: relative;
    min-height: 1px;
    top: 2em;
}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
.paraWp {
    padding-left: 0%;
}
}
/**產品欄3**/




/* * Footer **/
@media screen and (min-width: 801px) {
.innerContainer {
    padding: 0 25px;
}
}
@media screen and (min-width: 801px) {
.footer__wrapper {
    display: table;
    width: 100%;
    margin: 42px 0;
}
}
@media (min-width: 992px) {
.col-md-3 {
    width: 16%;
    float: left;
}
}
.footer__title {
    color: #FFF;
    text-align: left;
}
.footer__linklist li {
    margin-bottom: 8px;
    text-align: left;
    list-style-type:none;
}
.footer__linklist-link {
    color: #C6CBE7;
}
.footer__linklist-link ul a:hover {
    color: #E9EAF5;
}

.coA {
    color: #cec5bf;
}
@media screen and (min-width: 400px) and (max-width: 991px) {
.col-md-3 {
    width: 100%;
    float: left;
}
}
@media screen and (min-width: 320px) and (max-width: 399px) {
.col-md-3 {
    width: 100%;
}
}






.fo-1 {
	padding-top: 4em;
	padding-bottom: 2em;
	height: 200px;
}
.fooImg {
	background-image: url(/assets/front/images/898.png);
	background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
	height: 280px;
	width: 100%;
}
.foImg {
	width: 1000px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.foBtn {
	width: 22%;
	float: left;
	margin: 1em;
}
.foBtn p {
	font-size: 1em;
	margin-top: 1em;	
}
.fo-2 {
	background-color: #E2E4E7;
	padding: 0.5em;
	padding-bottom: 2em;
	height: 500px;
}
.footerInfo {
    margin-bottom: 5em;
    font-family: "微軟正黑體";
    font-size: 14px;
    letter-spacing: 1px;
    color: #626262;
    width: 1100px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}



.foDiv1 {
    float: left;
    width: 50%;
    margin-left: 3em;
    margin-top: -1em;
}
.foL-1 {
  line-height: 1.5em;
  font-size: 1.2em;
}

.btn33 {
   display: inline-block;
	box-sizing: border-box;
	line-height: 1em;
	box-sizing: border-box;
	background: #F86C05;
	color: #FFF;
	position: relative;
	overflow: hidden;
	text-align: center;
   border-radius: 13px;
   color: #FFFFFF;
   padding: 0 1.0em;
   font-size: 0.7rem;
   line-height: 20px;
   letter-spacing: 0.2em;
}

.btn35 {
   display: inline-block;
	box-sizing: border-box;
	line-height: 1em;
	box-sizing: border-box;
	background: #04CD5B;
	color: #FFF;
	position: relative;
	overflow: hidden;
	text-align: center;
   border-radius: 13px;
   color: #FFFFFF;
   padding: 0 1.0em;
   font-size: 0.7rem;
   line-height: 20px;
   letter-spacing: 0.2em;
}


@media screen and (min-width: 320px) and (max-width: 480px){
.foL-1 {
  line-height: 2em;
  font-size: 1em;
}
}

.foL-2 {
  margin-top: 1em;
  background-color: #33419A;
  padding: 1em;
  color: #fff;
  width: 80%;
  max-width: 100%
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
}
.foDiv2 {
    float: left;
    margin-top: 2.35em;
    margin-left: 20px;
}


.foWp {
	width: 1100px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #E9EAF5;
}
.fo-3 {
	background-color: #5F6DBA;
	padding-top: 2em;
	padding-bottom: 2em;
}
.downMenu {
    padding-top: 3em;
    padding-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-left: -28px;*/
}
.downMenu a {
    display: block;
    padding: 5px 15px;
    font-family: "微軟正黑體";
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
}


@media screen and (min-width: 980px) and (max-width: 1038px) {
.foDiv1 {
    width: 45%;
}
.foL-2 {
    width: 90%;
}
.foDiv2 {
    margin-left: 2em;
}
}

@media screen and (min-width: 950px) and (max-width: 979px) {
.foDiv2 {
    width: 40%;
}
.fo-2 {
     height: 287px;
}
}

@media screen and (min-width: 892px) and (max-width: 949px) {
.foBtn {
    width: 17%;
    margin: 2.5em;
}
.foDiv1 {
    width: 40%;
}
}

@media screen and (min-width: 851px) and (max-width: 891px) {
.fo-1 {
    padding-top: 2em;
    padding-bottom: 1em;
    height: 150px;
}
.foBtn {
    width: 20%;
}
.foDiv1 {
    width: 40%;
    margin-left: 2em;

}

}

@media screen and (min-width: 320px) and (max-width: 850px) {
.fo-1 {
    padding-top: 2em;
    padding-bottom: 2em;
    height: auto;
}
.foBtn {
    width: 70%;
    float: none;
    margin: 1em;
    margin-bottom: 3em;
}
.fooImg {
	height: 200px;
}
.foImg {
    text-align: -webkit-center;
}
.footerInfo {
    text-align: left;
}
.foDiv1 {
    float: none;
    width: 100%;
    margin-left: 0em;
    font-size: 0.7em;
}
.foL-2 {
     width: 95%;
     margin-left: 1em;
     margin-right: : 1em;
     display: inline-grid;
}
.fo-2 {
    height: auto;
    padding-bottom: 0em;
}
.foDiv2 {
    float: none;
    margin-top: 5em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.fo-3 {
    padding-bottom: 10em;
}
.copyright {
    margin-left: 1em;
    margin-right: 1em;
}
.parallax {
    padding: 2em;
}
.moBtn {
	/*margin-left: 7.5em !important;*/ 
}
}
/* * Footer **/



/* * NEWS **/
.newsBtn {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.newsBtn li {
	display: inline;
}
.newsBtn li a {
	display: block;
	text-decoration: none;
	transition: all .8s ease;
	background-color: #7B87C6;
	color: #FFF;
	text-align: center;
	margin: 1em;
	padding: 1em;
}
.newsBtn li a:hover {
	background-color: #369;
}
.l-contents__inner {
    z-index: 2;
    position: relative;
    /* box-shadow: 0 -100px 500px 0px #404146; */
}
.l-space__singlecontents_all {
    text-align: justify;
    line-height: 2em;
    padding: 1em;
}
#new01 .inner p {
    line-height: 2;
}
.newsTitle {
    vertical-align: middle;
    font-family: "微軟正黑體";
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 1em;
}
.communitybTN {
    width: 300px;
    text-align: right;
    margin-bottom: -20px;
    float: right;
    margin-right: 0px;
    margin-top: -50px;
}
ul.coBtn {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.coBtn li {
    display: inline;
}
ul.coBtn li a {
    display: block;
    text-decoration: none;
    transition: all .8s ease;
    float: right;
    margin-left: 10px;
    font-size: 2.5em;
    color: #999;
}
ul.coBtn li a:hover {
    color: #069;
}
.backImg {
    text-align: center;
}
.back {
    display: inline;
}
.back a {
    display: block;
    height: 60px;
    width: 60px;
    text-decoration: none;
    transition: all .8s ease;
    background-color: #000;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    color: #FFF;
    margin-right: auto;
    margin-left: auto;
    line-height: 4.2em;
    text-align: center;
    margin-bottom: 5em;
    margin-top: 5em;
}
.back a:hover {
    background-color: #333;
    color: #FFC;
}


@media (min-width: 60em) {
.l-space__singlecontents_all {
    width: 75%;
    margin: 0 auto;
}
}
@media (min-width: 500px) {
ul.coBtn li a {
    font-size: 2em;
}
}
@media (min-width: 60em) {
.l-space__singlecontents {
    /* text-align: center; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 50px;
}
}
/* * NEWS **/



/* * 隱私權政策 **/
.privacy {
	line-height: 2em;
	color: #333;
	text-align: justify;
	margin-top: 3em;    
}
@media screen and (min-width: 320px) and (max-width: 480px){
.privacy {
  padding: 2em;   
}
}
/* * 隱私權政策 **/







/* * 技術支援 **/
.support {
	line-height: 2em;
	color: #333;
	text-align: justify;
	margin-top: 4em;    
}
.g6 {
    width: 46%;
	background-color: #FFF;
	padding: 1em;
	border: 1px solid #CCC;
	float: left;
	margin: 1em;
}
.g6 .Img {
    float: left;
    margin-right: 10px;
    width: 130px;
    height: 110px;
}
.g6 .Txt {
    overflow: hidden;
    margin-right: 0px;
}
.g6 .Txt h3 {
    font-size: 1.3em;
    font-weight: normal;
    color: #000;
    margin-bottom: 3px;
    font-weight: bold;
}
.g6 .Txt p {
    margin-top: 7px;
    font-size: 13px;
    color: #666;
    line-height: 1.8;
    height: 75px;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;   
	white-space: normal;
	overflow:hidden;
	display: -webkit-box;	
}
.g6 .btnDiv {
    /*margin-top: -4.5em;*/
    float: right;
}
.g6 .btnDiv a {
    padding: 8px 15px;
    font-size: 15px;
}
.g6 .btnDiv a.btnDiv_color1 {
    background: #7B87C6;
    color: #FFF;
}
.g6 .btnDiv a:hover {
    background: #33419A;
}
.pull-down {
    padding: 1em;
}
.SlectBox {
	height: 40px;
}
@media screen and (min-width: 320px) and (max-width: 890px) {
.g6 {
    width: 95%;
    margin-right: 2em;
}
}
@media screen and (min-width: 320px) and (max-width: 630px) {
.g6 .Img {
    display: none;
}
.g6 .btnDiv {
    margin-top: 0em;
    float: left;
}
.g6 .Txt {
    margin-right: 0px;
}
}
/* * 技術支援 **/





/* * 客戶案例/瀑布流 **/
.share_block {
    display: block;
    width: 100%;
    font-size: 12px;
    margin: 0 auto 0px;
}
.share_block .box {
    display: block;
    max-width: 1300px;
    position: relative;
    margin: 0 auto;
}
.share_con {
    margin: 0 auto;
    display: block;
}
.lidiv {
    width: 277px;
    float: left;
    background-color: #FFF;
    border: 1px solid #e7e7e7;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.share_tit {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: 1px solid #e3e3e3;
    text-decoration: none;
}
.share_fb {
    width: 100%;
    height: 35px;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: 1px solid #e3e3e3;
}
.facebook {
    float: left;
}
.share_day {
    float: right;
    font-size: 10px;
    color: #242424;
}
.share_p {
    width: 247px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 15px;
}
.share_t {
    padding-top: 14px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 23px;
    opacity: .8;
}
/* * 客戶案例/瀑布流 **/




/* * 客戶案例/logo **/
.vc_row {
    margin-left: -15px;
    margin-right: -15px;
}
.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}
.vc_col-sm-2 {
    width: 16.66666667%;
    float: left;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wpb_single_image.vc_align_center {
    text-align: center;
}
.wpb_single_image .vc_figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%;
}
.wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.wpb_single_image img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
@media screen and (min-width: 320px) and (max-width: 760px) {
.vc_col-sm-2 {
    width: 50%;
}
}
/* * 客戶案例/logo **/





/*******右側滑單********************/
@charset "utf-8";
    /* CSS Document*/
    .toolbar-item,.toolbar-layer {
    background: url(/assets/front/images/toolbar.png) no-repeat;
}
.toolbar {
    position: fixed;
    right: 0px;
    bottom: 50px;
    z-index: 9;
}
/*假设网页宽度为1200px，导航条在右侧悬浮*/
    .toolbar-item {
    display: block;
    width: 50px;
    height: 45px;
    margin-top: 1px;
    margin-right: 1ex;
    margin-bottom: 0.3ex;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    transition: background-position 1s;
}
.toolbar-item: hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
/*電話*/
.toolbar-item-phone {
    background-position: 0 -438px;
}
.toolbar-item-phone: hover {
    background-position: 0 -860px;
}
.toolbar-item-phone .toolbar-layer {
    height: 212px;
    background-position: 0 0;
}
/*LINE*/
.toolbar-item-line {
    background-position: 0 -562px;
}
.toolbar-item-line: hover {
    background-position: 0 -860px;
}
.toolbar-item-line .toolbar-layer {
    height: 212px;
    background-position: 0 0;
}
/*FB*/
.toolbar-item-facebook {
    background-position: 0 -690px;
}
.toolbar-item-facebook: hover {
    background-position: 0 -488px;
}
/*YT*/
.toolbar-item-youtube {
    background-position: 0 -809px;
}
.toolbar-item-youtube: hover {
    background-position: 0 -612px;
}
.toolbar-item-youtube .toolbar-layer {
    height: 194px;
    background-position: 0 -222px;
}
/*IG*/
.toolbar-item-IG {
    background-position: 0 -934px;
}
.toolbar-item-IG: hover {
    background-position: 0 -612px;
}
.toolbar-item-IG .toolbar-layer {
    height: 194px;
    background-position: 0 -222px;
}
/*TOP*/
.toolbar-item-top {
    background-position: 0 -1060px;
}
.toolbar-item-top: hover {
    background-position: 0 -736px;
}
.toolbar-layer {
    position: absolute;
    right: 46px;
    bottom: -10px;
    width: 172px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
/*******右側滑單********************/












/* - montserratsemibold */
@font-face {
    font-family: 'montserratsemi_bold';
    src: url('/assets/front/css/fonts/montserrat-semibold-webfont.eot');
    src: url('/assets/front/css/fonts/montserrat-semibold-webfont/.eot') format('embedded-opentype'),
         url('/assets/front/css/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('/assets/front/css/fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('/assets/front/css/fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('/assets/front/css/fonts/montserrat-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* montserratlight*/
@font-face {
    font-family: 'montserratlight';
	src: url('/assets/front/css/fonts/montserrat-light.eot');
    src: url('/assets/front/css/fonts/montserrat-light/.eot') format('embedded-opentype'),
         url('/assets/front/css/fonts/montserrat-light.woff2') format('woff2'),
         url('/assets/front/css/fonts/montserrat-light.woff') format('woff'),
         url('/assets/front/css/fonts/montserrat-light.ttf') format('truetype'),
         url('/assets/front/css/fonts/montserrat-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.main-container {
	width: 1920px;
	max-width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* * Header */
.header-section {
	position: relative;
}

/* - Top Header */
.top-header {
	background-color: #f2f2f2;
	display: inline-block;
	width: 100%;
	line-height: 60px;
}
.top-header .dropdown-bar h5 {
	color: #333;
	display: inline-block;
	margin: 0;
	line-height: 28px;
	letter-spacing: 0.28px;
	padding-right: 30px;
	text-transform: capitalize;
}
.top-header .language-dropdown .dropdown-menu {
	border-radius: 0;
	border: none;
	margin: 0;
}
.top-header .dropdown .btn {
	font-size: 14px;
	background-color: transparent;
	padding: 0;
	color: #333;
}
.top-header .language-dropdown.dropdown {
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}
.top-header .language-dropdown.dropdown::before {
	background-color: #cdcdcd;
    content: "";
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
}
.top-header .language-dropdown.dropdown .caret {
	margin-left: 10px;
}
.top-header .header-social ul {
	float: right;
	padding-left: 0;
	margin-bottom: 0;
}
.top-header .header-social ul li {
	display: inline-block;
	margin-right: 25px;
	font-size: 1.5em;
}
.top-header .header-social ul li:last-child {
	margin-right: 0;
}
.top-header .header-social li a {
	color: #333;
	font-style: 1.5em !important;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;    
}
.top-header .header-social li a:hover {
	color: #06C;
}
.menu-icon > div {
	display: inline-block;
}
.menu-icon .cart {
	padding-left: 0px;
	margin-bottom: 0;
	display: inline-block;
}
.menu-icon .cart li {
	display: inline-block;
}
.menu-icon .cart li a::after {
	content: "";
	/*border-right: 1px solid #c1c1c1;*/
	padding-right: 15px;
}
.menu-icon .cart li:first-child a {
	padding-left: 0;
	margin-top: -3px;
}

.top-header1 {
	background-color: #323232;
}
.top-header1 .dropdown-bar h5,
.top-header1 .header-social li a,
.top-header1 .dropdown .btn {
	color: #fff;
}

/* - Middel Header */
.middel-header {
	padding-top: 32px;
	padding-bottom: 32px;
}
.middel-header .logo-block a.navbar-brand {
	color: #b6795f;
	font-size: 44px;
	font-family: '微軟正黑體', serif;
	font-style: italic;
	font-weight: 700;
	height: auto;
	letter-spacing: 3.52px;
	line-height: 24px;
	padding-left: 0;
	padding-right: 0;
	text-transform: capitalize;
}
.middel-header .logo-block a.navbar-brand span {
	color: #333;
}
.middel-header .search-block .form-control {
	border-color: #e9e9e9;
	border-radius: 0;
	box-shadow: none;
	font-family: '微軟正黑體';
	height: 45px;
	letter-spacing: 0.56px;
	text-transform: capitalize;
}
.middel-header .search-block .form-control::-webkit-input-placeholder {
   color: #333;
}
.middel-header .search-block .form-control:-moz-placeholder { /* Firefox 18- */
   color: #333; 
}
.middel-header .search-block .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #333;
}
.middel-header .search-block .form-control:-ms-input-placeholder {  
   color: #333; 
}
.middel-header .search-block .input-group button {
	border-radius: 0;
	border-color: #e9e9e9;
	padding: 11.5px 22px;
}
.middel-header .search-block .input-group button:hover {
	background-color: #f1f1f1;
}
.middel-header .menu-icon {
	text-align: right;
}
.middel-header .menu-icon .cart {
	padding-left: 0;
}
.middel-header .menu-icon .cart .dropdown-menu {
	top: 85px;
}

/* - Search Box */
.search-box {
	background-color: #f2f2f2;
	padding: 15px;
	position: absolute;
	right: 100px;
	top: 100%;
	width: 620px;
	max-width: 100%;
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.4s ease-in-out 0s;
	z-index: 101;
}
.search-box.active {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	visibility: visible;
}
.search-box form {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}
.search-box form input {
	background-color: transparent;
	box-shadow: none;
	border: none;
	border-radius: 0;
	color: #212121;
	font-size: 16px;
	height: auto;
}
.search-box form input:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
	border-color: #fff;
}
.search-box span {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.search-box span i {
	font-size: 15px;
	color: #212121;
	float: right;
	margin: 5px;
}
.menu-icon .cart .dropdown-menu {
	border: medium none;
    border-radius: 0;
	background-color: #d8d5d4;
    left: auto;
    padding: 10px 10px 25px 10px;
    right: 0;
    top: 100px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
    width: 350px;
}
.menu-icon .cart a {
	color: #333;
	display: inline-block;
}
.menu-icon .cart a:hover {
	background-color: transparent;
}
.menu-icon .cart .mini_cart_item {
	border-bottom: 1px solid #333;
    display: inline-block;
    line-height: 100px;
    width: 100%;
}
.menu-icon .cart .mini_cart_item .shop-thumbnail {
	display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
	padding-right: 10px;
}
.menu-icon .cart .mini_cart_item .shop-thumbnail img {
	margin-right: 15px;
}
.menu-icon .cart .dropdown-menu .button {
	margin-top: 20px;
}
.menu-icon .cart .dropdown-menu .button a {
	background-color: #000;
    border: 2px solid #000;
    color: #fff;
    display: inline-block;
    font-family: "微軟正黑體",sans-serif;
    font-size: 12px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 8px 18px;
    text-transform: uppercase;
    -webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.menu-icon .cart .dropdown-menu .button a:after {
	border-right: none;
	padding-right: 0;
}
.menu-icon .cart .dropdown-menu .button a:hover {
	background-color: #fff;
	color: #333;
}





/* * Section Header */
.section-header {
	margin-bottom: 55px;
	text-align: center;
	position: relative;
}
@media screen and (min-width: 320px) and (max-width: 480px){
.section-header {
  margin-bottom: 20px;
}
}
.section-header h3 {
  color: #33419A;
  font-family: '微軟正黑體';
  font-size: 32px;
  line-height: 24px;
  letter-spacing: 1.28px;
  margin-top: 2em;
  margin-bottom: 15px;
  text-transform: capitalize;
}
@media screen and (min-width: 320px) and (max-width: 480px){
.section-header h3 {
  margin-top: 1em;
}
}

.section-header p {
	color: #777;
	font-size: 1.3em;
	letter-spacing: 0.52px;
	line-height: 24px;
	margin-bottom: 15px;
	position: relative;
	text-transform: uppercase;
}

/* * Pagination */
.ow-pagination {
    display: inline-block;
    margin-bottom: 50px;
    text-align: center;
    width: 100%;
}
.ow-pagination ul.pager {
	border: 1px solid #dabcaf;
	margin: 0;
}
.ow-pagination .pager li > a, 
.ow-pagination .pager li > span {
	border-radius: 0;
	border-color: #dabcaf;
}
.ow-pagination .pager li > a {
	color: #b6795f;
	font-family: '微軟正黑體';
	letter-spacing: 0.56px;
	padding: 8px 25px;
	text-transform: uppercase;
}
.ow-pagination .pager li > a:hover {
	background-color: transparent;
}
.ow-pagination .pager li.previous {
	float: right;
}
.ow-pagination .pager li.previous a {
	border: none;
	color: #333;
}
.ow-pagination .pager li.next a {
	color: #333;
	border-top: none;
	border-bottom: none;
}
.ow-pagination .pager li.number {
	float: left;
}
.ow-pagination .pager li.number a {
	color: #333;
	border-left: none;
	border-top: none;
	border-bottom: none;
}
.ow-pagination .pager li.load-more a {
	border: none;
}

/* * Page Banner */
.page-banner {
	background-color: #e4ddc6;
	position: relative;
	margin-bottom: 100px;
	padding: 100px 0;
	z-index: 1;
}
.page-banner .banner-content {
	display: inline-block;
}
.page-banner .banner-content h3 {
	color: #333;
	display: inline-block;
	font-family: '微軟正黑體';
	font-size: 32px;
	letter-spacing: 1.28px;
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 26px;
}
.page-banner .banner-content p {
	color: #777;
	font-size: 13px;
	letter-spacing: 0.52px;
	line-height: 24px;
	text-transform: uppercase;
}
.page-banner .breadcrumb {
	background-color: transparent;
	float: right;
	margin-bottom: 0;
	padding: 0;
}
.page-banner .breadcrumb li, 
.page-banner .breadcrumb li a {
	color: #333;
	font-weight: 600;
	font-size: 13px;
    text-decoration: none;
	letter-spacing: 0.52px;
	text-transform: uppercase;
}
.page-banner .breadcrumb li.active {
	color: #b6795f;
}
.page-banner .breadcrumb > li + li::before {
	color: #333;
    content: "/";
    padding: 0 5px;
}

/*----------------------------------------------------

	* Responsive
	
------------------------------------------------------*/

/* - min-width: 1200 */
@media (min-width: 1400px) {
	.container {
		width: 1400px;
	}
}

/* - min-width: 992 */
@media (min-width: 992px) {
	/* - Top Header */
	.top-header .language-dropdown .dropdown-menu ,
	.menu-icon .cart .dropdown-menu {
		border-radius: 0;
		transform: scaleY(0);
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform-origin: 0 0 0;
		transition: all 0.4s ease-in-out 0s;
		display: block;
		margin: 0;
		border: none;
	}
	.top-header .language-dropdown:hover .dropdown-menu,
	.menu-icon .cart:hover .dropdown-menu {
		opacity: 1;
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		visibility: visible;
	}
}

/* - max-width: 1200px */
@media (max-width: 1200px) {
	/* - Footer Main */
	.footer-main .widget_links {
		padding-left: 30px;
	}
}

/* - min-width: 992 to max-width: 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.menu-icon .cart {
		padding-left: 8px;
	}
	/* - Footer Main */
	.footer-main .widget_links {
		padding-left: 0;
	}
	.footer-main .widget_account {
		padding-left: 15px;
	}
}

/* - max-width: 991 */
@media (max-width: 991px) {
	/* - Top Header */
	.top-header .dropdown-bar h5 {
		padding-right: 12px;
	}
	.top-header .language-dropdown.dropdown {
		padding-right: 12px;
		padding-left: 12px;
	}
	.top-header .header-social ul li {
		margin-right: 12px;
	}
	.search-box {
		right: 15px;
	}
	.menu-block .container {
		position: relative;
	}
	.middel-header .container {
		position: relative;
	}
	.menu-icon .cart {
		padding-left: 0;
	}
	.menu-icon .cart .open .dropdown-menu {
		position: absolute;
		left: auto;
		right: 0;
		top: 60px;
		z-index: 3;
		opacity: 1;
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		visibility: visible;
	}
	.menu-icon .cart .mini_cart_item .shop-thumbnail img {
		margin-left: 6px;
	}
	.menu-icon .cart .open .dropdown-menu span.quantity {
		margin-left: 18px;
	}
	/* - Middel Header */
	.middel-header {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.middel-header .col-md-4.logo-block  {
		display: none;
	}
	.middel-header .menu-icon .cart .mini_cart_item .shop-thumbnail img {
		margin-left: 0;
	}
	.middel-header .menu-icon .cart .open .dropdown-menu span.quantity {
		margin-left: 0;
	}
	/* - Footer Main */
	.footer-main .col-sm-6 {
		margin-bottom: 30px;
	}
	.footer-main .col-sm-6:nth-child(2n+1) {
		clear: both;
	}
	.footer-main-1 .col-sm-6:nth-child(n+1) {
		clear: right;
	}
	.footer-main .widget_links {
		padding-left: 15px;
	}
}

/* - max-width: 767 */
@media (max-width: 767px) {
	/* - Top Header */
	.top-header .dropdown-bar h5 {
		padding-right: 8px;
	}
	.top-header .language-dropdown.dropdown {
		padding-right: 8px;
		padding-left: 8px;
	}
	.top-header .language-dropdown.dropdown .caret {
		margin-left: 2px;
	}
	/* - Footer Main */
	.footer-main .copyright-section .coyright-content {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.footer-main .copyright-section ul {
		float: none;
		text-align: center;
	}
}

/* -  max-width: 639 */
@media (max-width: 639px) {
	/* - Top Header */
	.top-header {
		line-height: 35px;
	}
	.top-header .col-md-7 {
		width: 100%;
		text-align: center;
	}
	.top-header .col-md-5 {
		width: 100%;
	}
	.top-header .language-dropdown.dropdown::before {
		display: none;
	}
	.top-header .header-social ul {
		float: none;
		text-align: center;
	}
	.menu-block .cart .mini_cart_item .shop-thumbnail img {
		max-width: 50px;
	}
	/* - Middel Header */
	.middel-header .menu-icon .cart .mini_cart_item .shop-thumbnail img {
		max-width: 50px;
	}
	/* - Footer Main */
	.footer-main .copyright-section li a {
		padding-left: 10px;
	}
	.footer-main .copyright-section li a::after {
		padding-right: 10px;
	}
	/* * Page Banner */
	.page-banner .breadcrumb {
		float: none;
	}
}

/* -  max-width: 479 */
@media (max-width: 479px) {
	/* - Top Header */
	.top-header .language-dropdown .dropdown-menu {			
		right: 0;
		left: auto;
	}
	.menu-icon .cart li a::after {
		padding-right: 8px;
	}
	.menu-block .menu-icon .cart .open .dropdown-menu {
		width: 280px;
		right: -65px;
	}
	.menu-icon .cart .mini_cart_item .shop-thumbnail {
		font-size: 13px;
	}
	.menu-block .cart .mini_cart_item .shop-thumbnail img {
		margin: 0 5px;
		max-width: 40px;
	}
	.menu-block .menu-icon .cart .open .dropdown-menu span.quantity {
		margin-left: 0;
	}
	.menu-block .cart .dropdown-menu .button a {
		margin-left: 8px;
		margin-right: 8px;
	}
	/* - Middel Header */
	.middel-header .search-block {
		width: 100%;
		margin-bottom: 20px;
	}
	.middel-header .menu-icon {
		text-align: center;
		width: 100%;
	}
	.middel-header .menu-icon .cart li a::after {
		padding-right: 8px;
	}
	.middel-header .menu-icon .cart .open .dropdown-menu {
		width: 280px;
		right: 0;
		top: 35px;
	}
	.middel-header .menu-icon .cart .mini_cart_item a.remove {
		padding-right: 0;
	}
	.middel-header .menu-icon .cart .mini_cart_item .shop-thumbnail {
		padding-right: 0;
	}
	.middel-header .menu-icon .cart .mini_cart_item .shop-thumbnail img {
		margin: 0 5px;
		max-width: 40px;
	}
	.middel-header .menu-icon .cart .open .dropdown-menu span.quantity {
		margin-left: 5px;
	}
	.middel-header .menu-icon .cart .dropdown-menu .button a {
		margin-left: 4px;
		margin-right: 4px;
	}
	/* - Footer Main */
	.footer-main .col-sm-6 {
		width: 100%;
	}
	.footer-main .copyright-section li a::after {
		border-right: none;
	}
	/* * Page Banner */
	.ow-pagination .pager li > a {
		padding: 8px 14px;
	}
}