
/* 麵包屑 */
#Breadcrumb {
	width: 100%;
	padding: 3%;
	background-color: #FFF;
	overflow:hidden;
}
#Breadcrumb ul { margin-bottom:2%; margin-left:0;
}
#Breadcrumb li { float:left; list-style:none; line-height:20px;
}
#Breadcrumb li a{}
#Breadcrumb li.gtSeparator {
	float: left;
	margin: 0 10px
}
#Breadcrumb .left_n{ width:48%; float:left; line-height:37px; margin-left:2%;}
#Breadcrumb .right_filtmode{width:50%; float:right;}
#Breadcrumb .right_filtmode select{ margin:0;}
/* 影片列表 */
#Mov_List {
	width: 100%;
}
#Mov_List .movlistbox {
	width: 100%;
	padding: 5% 0 5% 0;
	background: #FFF;
	overflow: hidden;
	-moz-box-shadow: 0px 2px rgba(20%,20%,40%,0.3);
	-webkit-box-shadow: 0px 2px rgba(20%,20%,40%,0.3);
	box-shadow: 0px 2px rgba(20%,20%,40%,0.3);
}
#Mov_List .movlistbox ul {
	margin-left: 0;
}
#Mov_List .movlistbox ul li {
	float: left;
	overflow: hidden;
	margin: 0 2% 4% 4%;
	font-size: 13px;
	display: block;
	width: 43%;
	text-align:center;
}
#Mov_List .movlistbox .movimg img a{
	width: 100%;
}
#Mov_List .movlistbox .txt {
	font-weight: 400;
	text-align: center;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 46px;
	color: #000;
	margin-top: 6px;
	min-height:46px;
}
#Mov_List .movlistbox .amoney {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 6px 0 6px 0;
	color: #09C;
	font-size: 15px;
}
#Mov_List .movlistbox .add-buttons {
	display: inline-block;
	vertical-align: top;
}
#Mov_List .movlistbox button{ padding:0.8rem 1.7em 0.8em 1.7em;}
#Mov_List .movlistbox .add-buttons .btn-add i {
	font-size: 18px;
}
#Mov_List .movlistbox .fa-shopping-cart:before {
	content: "\f07a";
}
#Mov_List .movlistbox .fa-heart-o:before {
	content: "\f08a";
}
#Mov_List .movlistbox .fa-video:before {
	content: "\f03d";
}
/* 影片內頁 */
#Mov_Page {
	width: 100%;
	padding: 0 0 5% 0;
	background: #FFF;
	overflow: hidden;
	-moz-box-shadow: 0px 2px rgba(20%,20%,40%,0.3);
	-webkit-box-shadow: 0px 2px rgba(20%,20%,40%,0.3);
	box-shadow: 0px 2px rgba(20%,20%,40%,0.3);
}

#Mov_Page .movBox{ width:100%; text-align:center;}

#Mov_Page .movTxtList{}
#Mov_Page .movTxtList ul{}
#Mov_Page .movTxtList li{ width:100%;float:left; padding:2%; overflow:hidden; line-height:20px;}
#Mov_Page .movTxtList span{ padding-right:10px;}
#Mov_Page .movTxtList .add-buttons{ padding:2% 0 0 6%;}
#Mov_Page .movTxtList .fa-heart-o:before {
	content: "\f08a";
}

#Mov_Page .pageContact{ padding:4%;}

#Mov_Page .pageContact p{ padding:2% 0 2% 0; margin:0; line-height:1.5rem;}
#Mov_Page .pageContact h2{ font-size:17px; color:#F00; margin:0;}

/* 結帳按鈕 */

.container-fluid.list{ z-index:880;}
.list{ margin:0; padding:0; position:fixed; bottom:0; left:0; width:100%;}
.list .pay{ background:#cd0000;}
.list .btn{ color:#FFF; line-height:1.5em; font-size:17px; width:100%;}
.list button{ margin:0;}
/* RWD Youtube */

.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;}
.butn_buy{ 
 	line-height:35px;
	height:35px;
	width:50px;
	color:#ffffff;
	background-color:#44c767;
	font-size:15px;
	font-weight:bolder;
	font-family:Arial;
	background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #ff0000), color-stop(1, #ef8282));
	background:-moz-linear-gradient(top, #ff0000 5%, #ef8282 100%);
	background:-o-linear-gradient(top, #ff0000 5%, #ef8282 100%);
	background:-ms-linear-gradient(top, #ff0000 5%, #ef8282 100%);
	background:linear-gradient(to bottom, #ff0000 5%, #ef8282 100%);
	background:-webkit-linear-gradient(top, #ff0000 5%, #ef8282 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ef8282',GradientType=0);
	border:1px solid #dd6969;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-moz-box-shadow: inset 0px 0px 0px 2px #f16464;
	-webkit-box-shadow: inset 0px 0px 0px 2px #f16464;
	box-shadow: inset 0px 0px 0px 2px #f16464;
	text-align:center;
	display:inline-block;
	text-decoration:none;
}
.butn_buy:hover {
	background-color:#5cbf2a;
	background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #ef8282), color-stop(1, #ff0000));
	background:-moz-linear-gradient(top, #ef8282 5%, #ff0000 100%);
	background:-o-linear-gradient(top, #ef8282 5%, #ff0000 100%);
	background:-ms-linear-gradient(top, #ef8282 5%, #ff0000 100%);
	background:linear-gradient(to bottom, #ef8282 5%, #ff0000 100%);
	background:-webkit-linear-gradient(top, #ef8282 5%, #ff0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8282', endColorstr='#ff0000',GradientType=0);
}

.action_ok{ 
 	line-height:35px;
	height:35px;
	width:50px;
	color:#ffffff;
	background-color:#44c767;
	font-size:15px;
	font-weight:bolder;
	font-family:Arial;
	background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #606060), color-stop(1, #8e8e8e));
	background:-moz-linear-gradient(top, #606060 5%, #8e8e8e 100%);
	background:-o-linear-gradient(top, #606060 5%, #8e8e8e 100%);
	background:-ms-linear-gradient(top, #606060 5%, #8e8e8e 100%);
	background:linear-gradient(to bottom, #606060 5%, #8e8e8e 100%);
	background:-webkit-linear-gradient(top, #606060 5%, #8e8e8e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#8e8e8e',GradientType=0);
	border:1px solid #5d5d5d;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-moz-box-shadow: inset 0px 0px 0px 2px #909090;
	-webkit-box-shadow: inset 0px 0px 0px 2px #909090;
	box-shadow: inset 0px 0px 0px 2px #909090;
	text-align:center;
	display:inline-block;
	text-decoration:none;
}
.action_ok:hover {
	background-color:#5cbf2a;
	background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #8e8e8e), color-stop(1, #606060));
	background:-moz-linear-gradient(top, #8e8e8e 5%, #606060 100%);
	background:-o-linear-gradient(top, #8e8e8e 5%, #606060 100%);
	background:-ms-linear-gradient(top, #8e8e8e 5%, #606060 100%);
	background:linear-gradient(to bottom, #8e8e8e 5%, #606060 100%);
	background:-webkit-linear-gradient(top, #8e8e8e 5%, #606060 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8e8e', endColorstr='#606060',GradientType=0);
}