/*新增項目*/
.my_key{
	width: 100%;
	float: left;
	padding-top: 10px;
	}
.my_key h3{margin-bottom: 5px;}
.my_key1{
	float: left;
	background-color: #6A4892;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	color: #FFF;
	margin: 5px;
	padding:3px 5px;
	}

.my_btn{
	width: 100%;
	float: right;
	display:none; /*171213 先暫時關閉，需要再開啟*/
	}
.my_btn1{
	float: right;
	font-family: "微軟正黑體";
	font-size: 20px;
	font-weight: bolder;
	color: #000;
	margin: 5px;
	padding: 5px;
	}
.my_btn1o{
	float: right;
	font-family: "微軟正黑體";
	font-size: 20px;
	font-weight: bolder;
	color: #000;
	margin: 5px;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #66C;
	}
.my_btn3{
	float: right;
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #000;
	margin: 5px;
	background-image: url(../images/icon1.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-indent: 30px;
	}
.my_btn2{
	float: right;
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #000;
	margin: 5px;
	background-image: url(../images/icon2.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-indent: 30px;
	}
body{
	font-family: "Open Sans","微軟正黑體", Arial, sans-serif;
	position: relative;
	background:  #efeff0
}

/*base style*/


/*TOOL*/
.dn{display: none !important;}
.p0{padding: 0;}
.pl0{padding-left: 0;}
.pr0{padding-right: 0;}
.m0{margin: 0;}

/* --PC------------------------------------- */
.wrap{
	/*position: relative;*/
	margin:0 auto ;
	-webkit-animation: conShow 1s  ;
	animation: conShow 1s  ;
}
#TopNav{
	/*position: relative;*/background: #fff;box-shadow: 0px 2px 3px rgba(0,0,0,.2);padding-top: 15px;margin-bottom: 20px;transition:.3s;}
.TopNavFix{/*position: fixed !important;*/background: rgba(255,255,255,.9) !important;z-index: 9999;width: 100%;top: -152px;transition:.3s}
.TopNavFix ~  #contentWrap{padding-top: 0px;}/* padding-top: 80px; */
#TopNav a.btnNav{display:none;}
#TopNav .wrap{position:relative;}
.logo{width: 180px;padding-top: 10px;}
.Top-Ad{position: absolute;right: 0;top: 10px;}

#nav{
	width: 100%;
	margin:0 auto;
	top: 150px;
	z-index: 99;
	position: absolute;
}
nav ul.navbar-nav{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

nav .navbar-nav li {height: 43px;display: inline-block;width: 11%;position: relative;}
nav .navbar-nav li:before{content: "|";font-size: 12px;color: #ccc;position: absolute;;right: -2px;top: 14px;}
nav .navbar-nav li:last-child:before{color: #fff;}
nav .navbar-nav li a{
	display:block;
	position: relative;
	height:100%;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #000;
	text-decoration: none;

}
nav .navbar-nav li a:hover{
	background-color: transparent;
}

nav .navbar-nav li a:after{
	content: '';height: 2px;background: #fff;position: absolute;width: 1%;left: 45%;bottom: 0;
	transition: .3s;z-index: 1;
}
nav .navbar-nav li a:hover:after,nav .navbar-nav li a.active:after{
	height: 2px;width: 100%;background: #6c468e;bottom: 0;left: 0;
}


#contentWrap{
	margin:0 auto;
	min-height: 500px;
}
@-webkit-keyframes conShow  {
	0% {opacity: 0}
  100% {opacity: 1}
}
@keyframes conShow  {
	0% {opacity: 0}
  100% {opacity: 1}
}

.panel{padding: 7px;border: 1px solid #e9e9ea;}
.main-Ad{margin-bottom: 20px;}
.right-Ad a{margin-bottom: 10px;display: inline-block;}

/*news*/
.news .item{margin-bottom: 5px;}
.newsBox .news .item:nth-child(2n+1){padding-right: 5px;padding-left: 4px;}
.newsBox .news .item:nth-child(2n+0){padding-left: 5px;padding-right: 4px;}
.newsBox .news .item:nth-child(3),.newsBox  .news .item:nth-child(4){margin-top: 5px;}
.newsBox .news .item  .conTxt{min-height: 70px;}
.newsBox .news .item .itemcom{height: 240px;}

.news .item-xs img{height: 163px;}
.news .item-lg img{height: 335px;}
.news .item img{width: 100%;line-height: 0;}
.news .item .itemcom{position: relative;display: block;overflow: hidden;}

.news .item  .conTxt{position: absolute;bottom: 0px;left: 0;background: rgba(0,0,0,.6);padding:6px 10px;width: 100%;color: #fff;transition: .3s;}
.news .item .itemcom:hover .conTxt{bottom: 3px;}
.news .item .itemcom .conTxt h2{font-size: 20px;transition: .3s;}
.news .item .itemcom .conTxt p{font-size: 12px;}
.news .item .itemcom .conTxt p span{color: #b163ea}

.news .item .itemcom a{color: #fff;text-decoration: none;}

.news .item .itemcom:after{
	content: '';height: 3px;background: #fff;position: absolute;width: 0%;left: 45%;bottom: 0;
	transition: .4s;z-index: 1;
}
.news .item .itemcom:hover .conTxt h2 a{color: #fff100;}
.news .item .itemcom:hover:after{
	height: 3px;width: 100%;background: #b163ea;bottom: 0;left: 0;
}

.thumbnail{padding: 15px 0;position: relative;}
.thumbnail .caption{padding:0;font-size: 16px;color: 333px;}
.thumbnail .caption a{color: #000;text-decoration: none;}
.thumbnail .caption a:hover{color: #ec6941;}
.thumbnail .h3{padding:0;}

.main-list .item:after{
	content: '';height: 3px;background: #fff;
	position: relative;
	width: 0%;left: 50%;bottom: -15px;
	transition: .4s;z-index: 1;
}
.main-list .item:hover:after{
	height: 3px;width: 100%;background: #b163ea;left: 0;
}
.main-list .item .item-pic{height: 188px;overflow: hidden;}

#footer{
	clear:both;
	width:100%;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	position: relative;
	color: #fff;
	z-index: 9;
}
#footer a{
	display: block;padding: 3px 0;
}

#footer ul.bot-nav{margin:0 auto;text-align: center;}
#footer ul.bot-nav li{list-style: none;display: inline-block;color: #888;font-size: 12px;padding:2px 15px;position: relative;}
#footer ul.bot-nav li:after{content: ' ';position: absolute;width: 1px;height: 8px;background: #ccc;left: 0;top: 10px;}
#footer ul.bot-nav li:first-child:after{width: 0;}
#footer ul.bot-nav li a{color: #888;}
.navbar-default{
	background-color: transparent;
    border-color: transparent;
    background-image:none;
    box-shadow:none;
    margin-bottom: -6px;
    padding-bottom: 0;
}

.con{padding-left: 20px;padding-right: 20px;}
.con .toolbar{font-size: 15px;padding: 15px 10px;}
.con .date{text-align: right;display:none;}
.other-pag-box{margin-top: 20px;}
.other-pag-line{margin-bottom: 10px;padding-top: 10px;}
.other-pag-line h4{text-align: center;margin: 10px; color: #6c468e;border-bottom: 1px solid #6c468e;padding-bottom: 15px;position: relative;}
.other-pag-line h4:before{content: '▲';font-weight: bold;position: absolute;top: 19px;left: 49%;}
.other-pag-line h4:after{content: '▲';font-weight: bold;position: absolute;top: 22px;left: 49%;color: #fff;}

.other-pag a img{width: 100%;}
.other-pag a{text-decoration: none;color: #333333;position: relative;display: block;}
.other-pag a:after{content: '';height: 3px;background: #666;position: absolute;width: 0%;left: 45%;top: -3px;
	transition: .4s;z-index: 1;display: block;}
.other-pag a:hover:after{height: 3px;width: 100%;background: #b163ea;bottom: 0;left: 0;}
.other-pag a:hover{color: #6c468e;}

.other-pag h5{margin-bottom: 10px;margin-top: 5px;min-height: 30px;}

.carousel .item .pag-pic{width: 62%;}
.carousel-caption{
	width: 35%;
	top: 0;
	right: 5px;
	left: auto;
	position: absolute;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #3d3d3d;
    text-align: left;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.carousel-caption h3{color: #6c468e;}
.pag-banner{background: #fff;padding: 10px;}

.carousel-control.left,.carousel-control.right{background-image: none;width: 30px;height: 80px;border: 1px solid #9a72b7;;top: 35%;margin: 5px;background-color: rgba(255,255,255,.5);}
.carousel-control img{padding: 20px 5px;}
.carousel-indicators{bottom: 5px;}
.carousel-indicators li{background-color: #fff;border: 0px;}
.carousel-indicators li.active,.carousel-indicators li:focus,.carousel-indicators li:hover{background-color: #ff008f;}

.pro-item{padding: 0;margin: 0;position: relative;overflow: hidden;}
.pro-item a{width: 100%;height: 100%;display: block;position: absolute;z-index: 99;font-size: 0;}
.pro-item a ~ .caption{position: absolute;background-color:rgba(0,0,0,.8);color: #fff;width: 100%;height: 100%;padding: 6px;top: 100%;transition: .4s;z-index: 98;}
.pro-item a:hover ~ .caption{top: 0;}
.pro-item-box{margin: 0;}
.pro-item-box .pro-item-lg{padding-bottom: 1px;}
.pag-pro-list img{width: 100%;}

.btn-bar{border: solid #8355a5;border-width: 1px 0 0 0;margin: 20px 0  0px 0;padding: 10px 0 0px 0;}
.btn-bar a{display: block;color: #8355a5;text-align: center;font-size: 15px;}
.btn-bar a:hover{text-decoration: none;color: #593275;}

.index .banner{margin-bottom: 10px;}
.index .banner > div{margin: 0 ;padding: 0 ;}

.index-tab .news .item{margin-bottom: 0;}
.index-tab .news .item-xs{padding-left: 10px;}
.index-tab .news .item:last-child{margin-top: 8px;}

.index-tab .nav-tabs li{
	width: 25%;text-align: center;background-color: #fff;border: solid #d2d2d2;border-width: 0 0px 0 1px;
}
.index-tab .nav-tabs li a{color: #040000;display: block;padding-left: 22px;padding-right: 22px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: #fff;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color:#fff !important;
    background-color: #6c468e;

}
.nav-tabs > li > a{border-radius: 0;margin: 0;}

.news-fashion .news-list h5 a{
	font-size: 14px;
	color: #ce1f81;
}
.news-fashion .news-list a{
	display: block;font-size: 12px;color: #1a1717;padding-top: 3px;
}
.news-fashion .news-list a:hover{
	color: #ce1f81;
}

.news-hot .news-hot-r,.news-hot .news-hot-r .item{padding-left: 0;}
.news-hot .news-hot-r .item .itemcom,.news-hot .news-hot-l .item .itemcom{height: 170px;}

.news-hot .news-hot-l,.news-hot .news-hot-l .item{padding-right: 0;}
.news-hot .news-hot-l .item:last-child,.news-hot .news-hot-r .item:last-child{margin-top: 6px;}
.news-hot .item img{width: 193px;}
.news-hot .news-hot-r .item img{width: 193px;}

.news-hot-b{padding-top: 3px;}
.news-hot-b .item{padding-right: 8px;padding-top: 5px;}
.news-hot-b .item:nth-child(1){padding-right: 8px;padding-left: 15px;}
.news-hot-b .item:nth-child(2){padding-right: 9px;padding-left: 7px;}
.news-hot-b .item:nth-child(3){padding-right: 9px;padding-left: 7px;}
.news-hot-b .item:nth-child(4){padding-right: 17px;padding-left: 6px;}
.news-hot .item-lg {padding-left: 15px;padding-right: 15px;width: 444px;}
.news-hot .item-lg .itemcom{height: 351px;}
.news.news-hot .item.item-lg img{height: 350px;width: 100%;}

.panel{border-radius: 0px;}
h3.title{border-bottom: 1px solid #9a72b7;padding-bottom: 8px;font-weight: bold;}

.pic-line{border: 1px solid #ccc;}

.mainrightFix{position: fixed;top: 0px;width: 277px;transition:.5s;}/* top: -520px; */
.mainrightabTop{position: absolute;top: auto;bottom: 0;width: 277px;transition:.5s}
.right-bar{float: right;position: relative;padding-right:0px;transition:.5s}
.fbans{min-height: 500px;background-color: #fff;margin-bottom: 20px;}


 .tel-contact{
        display: inline-flex;
    }

.tel {
		display: inline-flex;
		width: 537px;
		text-indent: -99999px;
		height: 50px;
		background: url(../images/MC/tel.jpg)
	}
	.contact {
		display: inline-flex;
		width: 338px;
		text-indent: -99999px;
		height: 50px;
		background: url(../images/MC/tel-2.jpg)
	}
.clearfix1{clear: both;width: 0;height: 0;}

.inline-flex{display:inline-flex;}
.text-d{text-decoration: none;}

.carousel-caption a {text-decoration: none;color: #6c468e;}
.tel-d{display: block;}
.tel-m{display: none;}
.con-top{margin-bottom: 1rem;}

/*search*/
a.btn-search{position: absolute; height: 27px;border: 1px solid #bfbfbf;top: 11px;right: -12px;border-radius: 6px;text-align: center;padding-top: 5px;color: #6c468e;transition: .2s;background: #fff;padding-left: 12px;padding-right: 12px;}
a.btn-search:hover{background: #6c468e;color: #fff;transition: .4s;}
.search-bar{padding-top: 10px;display: none;}

.news.news-hot .item .bot-img-b img{width: 200px;height: 170px;}

@media screen and (min-width: 1024px) {
	.search-bar .keyword-txt{width: 66.66667%;}
}
@media screen and (min-width: 767px) {
	.search-bar .keyword-txt{width: 66.66667%;}
}
.search-bar .keyword-txt{margin-left: 0;padding-left: 0;text-align: left;}
.search-bar .keyword-txt li{display: inline-block;list-style-type:none;padding-right: 8px;}
.search-bar .keyword-txt li a{color: #6c6c6c;text-decoration: none;transition:.3s;}
.search-bar .keyword-txt li a:hover{color: #6c468e;}
button.btn-search{background: #6c468e;color: #fff;padding:5px 20px;}


.button-han{background:#527E5A;color:#FFF;width:100px;height:50px;}
.navbar-nav li .item_w{width: 15%;}


/* --平板手機版型------------------------------------- */
@media screen and (max-width: 1215px) {
	.mainrightFix{width: 212px;}
	.mainrightabTop{width: 212px;}
	.logo{width: 140px;padding-bottom: 19px;padding-top: 19px;}
	.video-container,.video-container iframe{height: 249px;}
	.fb-page{width: 212px;}
	.tel-d{display: none;}
	.tel-m{display: block;}
	.navbar-nav li .item_w{display: none;}
}
@media screen and (max-width: 1007px) {
	.logo{margin: auto;}
	.mainrightFix{width: 157px;}
	.mainrightabTop{width: 157px;}
	nav .navbar-nav li a{
		font-size: 13px;
	}
	.video-container,.video-container iframe{height: 192px;}
	.fb-page{width: 157px;}
	.search-bar .wrap{text-align: center;padding-left: 0;}

	.tel-contact{display: block;}

	.tel {display: block;width: 400px;text-indent: -99999px;height: 50px;background: url(../images/MC/m-tel.jpg)}
	.contact {display: block;width: 400px;text-indent: -99999px;height: 50px;background: url(../images/MC/m-tel-2.jpg)}
	.con-top{margin-bottom:1rem;margin-left: 1rem;margin-right: 1rem;}
	.navbar-nav li .item_w{display: none;}
}

@media screen and (max-width: 767px) {
	html,body{
		width:100%;
		min-height:100%;
		overflow-x: hidden;
	}
	.logo{width: 30%;padding-top: 0px;padding-bottom: 5px;margin: auto;}
	#TopNav{/*position: fixed;;;*/width: 100%;top: 0px;z-index: 999;height: auto;padding-top: 0;min-height: auto;margin-bottom: 0;}


	.navbar{margin-bottom: 10px;}
	nav .navbar-nav li {height: 43px;db;width: 100%;position: relative;}
	nav .navbar-nav li:before{content: " ";}
	nav .navbar-nav li a{
		display:block;
		position: relative;
		height:100%;
		width: 100%;
		text-align: center;
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}

	h3{font-size: 20px;}
	h4{font-size: 15px;}
	h5{font-size: 13px;padding-bottom: 0;margin-bottom: 0;margin-top: 0;}

	#contentWrap{margin:0 10px;padding-top: 20px;}

	.video-container,.video-container iframe{height: 300px;}

	.carousel .item .pag-pic{width: 100%;}
	.carousel-caption{
		width: 90%;
		margin: 0px auto;
		top: 0;
		right: 5px;
		left: auto;
		position: relative;
	    z-index: 10;
	    padding-top: 0px;
	    padding-bottom: 10px;
	    color: #3d3d3d;
	    text-align: left;
	    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	}
	.newsBox .news .item  .conTxt{min-height: 32px;}

	.news .item.item-lg img{height: auto;}
	.news .item.item-lg{padding: 0 15px 10px 15px;}

	.news-hot .news-hot-r .item{padding-left: 15px;padding-right: 15px;}
	.news-hot .news-hot-r{padding: 0;}
	.news-hot .news-hot-l{padding: 0;}
	.news-hot .news-hot-l .item{padding-left: 15px;padding-right: 15px;}
	.news-hot .news-hot-l .item:last-child,.news-hot .news-hot-r .item:last-child{margin: auto;padding-bottom: 5px;}

	.news-hot-b{padding: 0;}
	.news-hot-b .item{padding-right: 15px;padding-left: 15px;}
	.news-hot-b .item:nth-child(1){padding-right: 15px;padding-left: 15px;}
	.news-hot-b .item:nth-child(2){padding-right: 15px;padding-left: 15px;}
	.news-hot-b .item:nth-child(3){padding-right: 15px;padding-left: 15px;}
	.news-hot-b .item:nth-child(4){padding-right: 15px;padding-left: 15px;}
	.news-hot .item-lg img{height: auto;}


	.news.news-hot .item {height: 190px;}
	.news.news-hot .item-lg {height: auto;}
	.news.news-hot .item img{width: 100% !important; height: auto !important;}
	.news.news-hot .item:nth-child(2n+0){padding-left: 5px !important; }
	.news.news-hot .item:nth-child(2n+1){padding-right: 5px !important;}
	.news.news-hot .item.item-lg img{height: auto;}
	.news.news-hot .item.item-lg{padding: 0 15px 0 15px;width: 100%;}
	.news.news-hot .item .conTxt{position: relative;}
	.news.news-hot  .item .itemcom{overflow: visible;}

	.news .item .itemcom,.main-list .item .item-pic{height: auto;}
	.main-list .item{height: 240px;}
	.newsBox .news .item .itemcom{height: auto;}

	.search-bar .wrap{text-align: center;padding-left: 10px;} 
	.search-bar .keyword-txt{text-align: center;}
	.pc-btn-search{display: none;}
	a.m-btn-search{padding-top: 6px !important;padding-bottom: 6px !important;height: auto !important;top: 8px !important;}
	.navbar-toggle{margin-right: 0px;}
	.navbar-toggle span.glyphicons{font-size: 15px;}

	.my_btn{float: left;display: none;} /*171213原本是 display: inline-block; */
	.my_btn2,.my_btn3{float: left;padding:3px 2px;font-size: 12px;text-indent:0px;background-image: none;position: relative;color: #888;}
	.my_btn3:after{position: absolute;content: "|";font-size: 12px;color: #999;left: -5px;}

	.main-list .caption h3{font-size: 13px;}
	.con-top{margin-bottom:0;margin-left: 1rem;margin-right: 1rem;}
	.navbar-nav li .item_w{display: none;}

	}


}