/*0103 BLOG BANNER*/
.carousel-inner {
    margin-top: 0px;
}
@media (max-width: 768px) {
	.container{
	margin-left:  0px !important;
    margin-right: 0px !important;
	}
}
.logo img {
    max-width: none;
}
.Search_big_box{
	margin-bottom: 15px;
}


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.carousel-inner .item a > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

/*0103 BLOG BANNER*/
/*20170104新圖片效果*/
.spblogbox h4{
	position: absolute;
    bottom: -10px;
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.0) 1%,rgba(0,0,0,0.5) 43%,rgba(0,0,0,0.8) 90%);
    font-family: 微軟正黑體;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
	width: 100%;
}
.story-hover {
    text-align: center;margin-top: 5px;
}

.story-hover .story {

    display: inline-block;
}
.story-hover .story .overlay {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.story-hover .story .overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(243,129,129,0.9); /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(top, rgba(243,129,129,0.9), rgba(252, 227, 138, 0.9));
    background: -o-linear-gradient(top, rgba(243,129,129,0.9), rgba(252, 227, 138, 0.9));
    background: linear-gradient(to bottom, rgba(243,129,129,0.9), rgba(252, 227, 138, 0.9)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.story-hover .story:hover .overlay {
    left: px;
    top: -5px;
}
.story-hover .story:hover .overlay:before {
    opacity: 1;
}
.story-hover .story-content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    text-align: center;
    color: #fff;
	font-family:'微軟正黑體';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.story-hover .story:hover .story-content {
    opacity: 1;
    font-size: 18px;
    font-weight: 500;
}

.story:hover  .spblogbox h4{
   display:none;
}
.item_3{
	margin: 5px 15px 0px 15px;
}
/*效果*/
.free_title{
    top: 0;
    background: #000;
    text-align: center;
    margin: 0 auto;
    margin-top: -4.6em;
    width: 423px;
    padding-top: 1px;
    border-radius: 11px;
    border: 3px solid #dd007f;
    padding-bottom: 2px;
	position: relative;
}
@media (max-width: 500px) {
.free_title {
    top: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding-top: 1px;
    border-radius: 8px;
    border: 3px solid #dd007f;
    padding-bottom: 2px;
	margin-top: 0em;
	width:100%;
}
}
@media (max-width: 768px) {
	.free_title{
     width: 93%;
}
}
.free_title h1{
	font-family:'微軟正黑體';
	color: #f6de70;
    font-size: 30px;
    font-weight: 900;
    margin-top: 12px;
    letter-spacing: 2px;
}
.free_title h5{
	font-family:'微軟正黑體';
	text-align:center;
	color:#f6de70;
	font-size:16px;
}
@media (max-width: 768px) {
	.free_title h1{

	font-size: 22px;
	font-weight:300;
	    margin-top: 12px;
}

}

.free_block{
	background: #171717;
    border-top: 5px solid #dd007f;
	padding-top: 2em;
	padding-bottom: 2em;
}
.free_block2{
	border-top: 2px solid #2d2d2d;
	padding-top: 2em;
	padding-bottom: 2em;
	/*background-image: url(../images/bg.jpg);  
	background-attachment: fixed; 
	background-size: 100%;*/
}
.free_title2{
	margin-top:3em;
}
.free_title2 hr{
	height: 4px;
    width: 232px;
    border-top: 0;
    border-radius: 5px;
    background-image: linear-gradient(to right,#439bbf,#4095bb 33.3%,#ff4055 33.3%,#f73d51 66.6%,#429abe 66.6%,#429abe 100%,#f0776c 100%);
    margin-top: 12px;
	margin: 0 auto;
    margin-bottom: 30px;
}
.free_title2 h2{
	font-family:'微軟正黑體';
	text-align:center;
	color:#666;
	font-size:21px;
}
.free_title2 h4{
	font-family:'微軟正黑體';
	text-align:center;
	color:#666;
	font-size:16px;
}

/*TAB*/
#sp_blog{
	padding-top: 2em;
}

/*TEST*/
@media (min-width: 1440px) {
.container_Block {
	width: 1400px ;
}
}
@media (min-width: 1650px) {
.container_Block {
	width: 1600px ;
}
}



/*區塊*/
.item_5{
	background:#f1f1f1;
	border-radius:5px;
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	    border-bottom: 3px solid #7ea880;
}
.fr_box h5{
	    color: #015804;
    margin-top: 5px;
	text-align: center;
    margin-bottom: 5px;
	font-size:12px;
}
.fr_box h4{
	margin-top: 5px;
    margin-bottom: 5px;
	margin-left: 5px;
    margin-right: 5px;
	text-align:center;
}
.fr_box h4 a{
	color: #0965af;
	font-size: 16px;
}

@media (max-width: 414px) {
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: block;
    width: 635px;
    height: 212px;
    overflow: hidden;
    margin-left: -8em;
    max-width: max-content;
}
}
@media (max-width: 375px) {
	
	 .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: block;
	width: 635px;
	height: 199px;
	overflow:  hidden;
	margin-left: -9.5em;
	max-width:max-content;
	}
}
@media (max-width: 320px) {
	
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	margin-left: -12.5em;
	}
	

}


/**/
/*圖2 特效*/
/*Main style*/
.list-quotes {
    background: #020202;
    cursor: pointer;
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    display: block;
}
.list-quotes img,


.list-quotes img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.list-quotes p {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    text-transform: lowercase;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    font-size: 15px;
    font-weight: normal;
    width: 100%;
    color: #fff;
}
.list-quotes:hover img {
    -webkit-transform: translate3d(0,-80px,0);
    transform: scale(1.2);
    opacity: 0.5;
    transition: all 250ms ease;
}
.list-quotes:hover{
  
}


.list-quotes:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.quotes span{
    color:#222;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
}
@media (max-width: 768px) {
.list-quotes img{
	width:100%;
}
}

@media (max-width: 414px) {
.list-quotes img{
	max-height:243px;
}
}
@media (max-width: 375px) {
.list-quotes img{
	max-height:215px;
}
}

.headdown_free{
	    position: fixed;
    padding-top: 0px;
    z-index: 1;
}
.free_act{
	color:#cb8c23 !important;
	text-shadow: 0px 0px 15px #e22121;
}
.toplinks2 {
    line-height: normal;
    padding: 0;
}
.toplinks2 .links {
    text-align: center;
}
.toplinks2 .links div {
    display: inline-block;
}
.toplinks2 div.links div a {
    color: black;
    display: inline-block;
    padding: 13px 14px;
    color: #2d2d2d;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media (max-width: 375px) {

.headdown{ display: block !important;
}
.toplinks2 {
    line-height: normal;
    padding: 0;
    /*overflow: scroll;*/
   /* height: 50px;
    width: 600px;*/
}
}

#myCarousel{
	margin-top:43px;
	z-index:0;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {

    background: #7ea880  !important;
	border: 1px #fff solid;


}

/*彈跳視窗*/
.room_tog{
	    font-family: '微軟正黑體';
    width: 640px;
    background: #fff;
    padding: 0px 5px 10px 5px;
    border-radius: 10px;
    border-top: 10px solid #38ce7b;
}

@media (max-width: 768px) {
	.room_tog{
	width:95%;
	padding:5px;
	border-radius: 3px;
    border-top: 3px solid #38ce7b;
}
}
.room_tog img{
	    width: 70px;
    height: 71px;
    border-radius: 99em;
    margin: 0 auto;
}

.room_tog h2{
	    text-align: center;
    font-size: 21px;
    color: #8e0000;
}
.room_tog p{
	color: #616161;
    font-size: 14px;
}

.room_tog h3{
	font-size: 18px;
    color: #4caf50;
    text-align: center;
}

.room_tog ul{

	list-style-type: none;
}

.table-responsive {
	min-height:200px;
	max-height:378px;
}

.empty{
	color:#4caf50;
	text-align:center;
	font-size: 15px;
}
.full{
	color:#fd756b;
	text-align:center;
}

.locate{
	    padding: 0;
    font-size: 15px;
    line-height: 22px;
    color: #565656;
}
.locate i{
	color:#15afa2;
}
.det_word{
	height:40px; 
	overflow-y:scroll;
}

.notice{
    font-size: 12px;
    color: #777777;
}

header {
    height: 129px;
}

@media (max-width: 768px) {
	header {height: 73px;}
.header-container {
	height:90px;

}
}

.slider-items-products .owl-buttons a:hover {
	text-decoration: none;
	background: rgb(126, 168, 128);;
	color: #fff;
}
/*180126*/
.col-x{
		float:left;
		width: 16.66666667%;
		margin-bottom:20px;
}
@media (max-width: 1600px) {
.col-x{
		width: 20%;
}
}
@media (max-width: 1440px) {
.col-x{
		width: 20%;
}
}
@media (max-width: 1366px) {
.col-x{
		width: 20%;
}
}
@media (max-width: 1280px) {
.col-x{
		width: 25%;
}
}
@media (max-width: 1152px) {
.col-x{
		width: 33.3333334%;
}
}
@media (max-width: 1024px) {
.col-x{
		width: 50%;
}
}
@media (max-width: 1000px) {
.col-x{
		width: 100%;
}
}


.icon {
	position: absolute;
    top: 0;
    overflow: hidden;
    text-align: right;
    width: 100%;
}

.icon > img {
        background: #7ea880c2;
    margin: -1px;
    padding: 1px;
    width: 12%;
	margin-bottom:2px;
}

.full_pic{
	background: #a9716dba !important
}

.icon2 {
    top: 0;
    overflow: hidden;
    text-align:center;
       width: 98%;
    margin: 0 auto;
}

.icon2 > img {
	background: #3c3c3cc2;
    margin: 0px;
    padding: 1px;
    width: 9%;
    margin-bottom: 2px;
	border-radius:2px;
}

.fr_box p{
	    text-align: center;
    font-size: 14px;
    color: #909090;
    margin-bottom: 5px;
}

/*圖高*/
.list-quotes {
    height: 158px;
    overflow: hidden;
}

@media (max-width: 1600px) {
.list-quotes {
    height: 165px;
}
}
@media (max-width: 1440px) {
.list-quotes {
    height: 165px;
}
}
@media (max-width: 1366px) {
.list-quotes {
    height: 155px;
}
}
@media (max-width: 1280px) {
.list-quotes {
    height: 184px;
}
}
@media (max-width: 1152px) {
.list-quotes {
    height: 189px;
}
}
@media (max-width: 1024px) {
.list-quotes {
    height: 290px;
}
}
@media (max-width: 1000px) {
.list-quotes {
    height: 100%;
}
}

.text-center th{
	text-align:center;
}

.close {
    font-size: 40px;
    position: absolute;
    right: 10px;
    top: 0;
}