/* Minification failed. Returning unminified contents.
(751,51): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: documentElement
 */
/*產品新聞百科頁 下方相關產品卡*/
.footerRelatedProductPanel {
	margin-top: 5px;
	padding-top: 5px;
	background: #F6F6F6;
}
.footerRelatedProductPanel:hover {
/*background: #F0F0F0;*/
}
.footerRelatedProductPanel:hover .fa-smile-o {
	color: #de422c;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.footerRelatedProductPanel .fa-smile-o {
	-webkit-transition: .2s linear;
	transition: .2s linear;
}
.footerRelatedProductPanel .row {
	max-width: 960px;
	margin: auto;
}
.footerRelatedProductPanel:hover .shadowText {
	color: #5cb85c;
	font-weight: 700;
}
.footerRelatedProductPanel .shadowText {
	text-shadow: 1px 1px 1px #FFF;
}
.addcart {
	margin-top: 15px;
}
/*加入收藏*/
.addTrace {
	cursor: pointer;
	border-radius: 9px;
	border-color: #269abc;
	background-color: #39b3d7;
	bottom: 15px;
	color: #ffffff;
	font-weight: 700;
	padding: 3px 6px;
	position: absolute;
	right: 15px;
}
/*加入收藏icon*/
.addTrace i {
	padding-right: 5px;
}
.addTrace:hover {
	opacity: .6;
}
/*直式產品卡購物按鈕*/
.btn-block-add {
	width: 100%;
	padding: 5px 0px 15px 0px;
	margin-top: 10px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
}
/*雲端課程*/
.cloud {
	color: #fff;
	background-color: #5bc0de;
}
/*DVD函授*/
.dvd {
	color: #fff;
    background-color: #4171bd;

}
/*面授課程*/
.f2f {
	color: #fff;
    background-color: #5cb85c;

}
/*書籍商品*/
.book {
	color: #fff;
	background-color: #C9B084;
}
/*實體商品*/
.material {
	color: #fff;
    background-color: #999;
}

/*即時課程*/
.livecourse {
	color: #fff;
    background-color: #8D76C7;
}



/*產品卡調整-不含雲端官網首頁*/
@media only screen and (min-width:1201px) and (max-width:1679px) {
    /*加這個是因為解除產品卡套件後 會莫名塞不下四個*/
    .col-xs-3-fix {
        float: left;
        margin: 10px 1.0% !important;
    }

}

@media (min-width: 1200px) {
    /*加這個是因為解除產品卡套件後 會莫名塞不下四個*/
    .col-xs-3-fix {
        float: left;
        margin: 10px 1.0% !important;
    }
}

@media only screen and (min-width:481px) and (max-width:1199px) {
    /*加這個是因為解除產品卡套件後 會莫名塞不下四個*/
    .col-xs-3-fix {
        float: left;
        margin: 10px 1.0% !important;
    }
}

@media only screen and (min-width:321px) and (max-width:480px) {

  .col-xs-3-fix {
    float: inherit;
    margin: 10px auto !important;
}
}
@media only screen and (max-width:320px) {

/*手機版產品卡置中*/
 .col-xs-3-fix {
    float: inherit;
    margin: 10px auto !important;
}
}

/*.col-xs-3-fix {
    margin: 10px .5% !important;
}*/
/*直式產品卡寬度col-xs-3-fix 圖層1 上*/
.col-xs-3-fix {
	position: relative;
	min-height: 1px;
	width: 220px;
	/*margin: 0 1.3%;*/ 
	z-index: 99;  
	color: #eee;
}
/*直式產品卡寬度col-xs-3-fix 圖層2 上*/
.col-xs-3-fix-lay2 {
	position: relative;
	min-height: 1px;
	padding-top: 10px;
	width: 220px;
	float: left;
	margin: 0 1.6%;
	z-index: 98; /*圖層在下，數值需低於上方圖層*/
}
.col-opacity {
	height: 165px; /*直式產品卡 背景圖高度*/
	cursor: pointer;
    text-align:center;
}
.col-opacity-1 {
	height: 165px; /*直式產品卡 背景圖高度*/
	cursor: pointer;
	background: url(../../image/teacher/p01.jpg) left center no-repeat;
}
.col-opacity-2 {
	height: 165px; /*直式產品卡 背景圖高度*/
	cursor: pointer;
	background: url(../../image/teacher/p02.jpg) left center no-repeat;
}
.col-opacity-3 {
	height: 165px; /*直式產品卡 背景圖高度*/
	cursor: pointer;
	background: url(../../image/teacher/p03.jpg) left center no-repeat;
}
.col-opacity-4 {
	height: 165px; /*直式產品卡 背景圖高度*/
	cursor: pointer;
	background: url(../../image/teacher/p04.jpg) left center no-repeat;
}
/*col-xs-9-fix*/
.col-xs-9-fix {
	position: relative;
	min-height: 1px;
	width: 100%;
	float: left;
	margin-right: 5%;
}
.col-xs-12-fix {
	position: relative;
	width: 100%;
	float: left;
	margin: 0 auto;
}
.clock {
	display: block;
	width: 80px;
}
.chapter-detail {

	height: 40px; /*課程介紹高度*/
	float: left;
	overflow: hidden;
	text-overflow: ellipsis; /*未顯示字元以...表示
	*/
	margin-bottom: 2px;
	padding: 0px 15px 0px 15px;
}
.chapter-detail-long{
    height: 73px;
    margin-top: 10px;
}
.chapter-detail a {
	color: #808080;
	text-decoration: none;
}
.chapter-detail h6 {
	text-align: right;
}
.chapter-detail h6 a {
	color: #ccc;
}
.chapter:hover .chapter-detail {
	display: block;
}
/*課程標*/
.chapter-content h3 {
	background: #fff;
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chapter-content h3 a:hover {
	color: #FFFF00;
}
/*老師姓名*/
.chapter-content h4 {
	border-bottom: 1px #ccc solid;
	overflow: hidden;
	padding: 0px 5px 5px 5px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chapter-content h4 a {
	text-decoration: none;
}
/*產品卡 漸層標題-藍底*/
.chapter-content-blue {
	background: #5ebee2 !important;
	background: -webkit-linear-gradient(#4888c3, #5ebee2) !important;
	background: -o-linear-gradient(#4888c3, #5ebee2) !important;
	background: -ms-linear-gradient(#4888c3, #5ebee2) !important;
	background: linear-gradient(#4888c3, #5ebee2) !important;
}
.chapter-content-blue a {
	color: #fff;
	text-decoration: none;
}
.chapter-content h3 {
	font-size: 13pt !important;
	margin: 0 !important;
}
.chapter-content span.clock {
	background: url(../../image/item/chapter-clock.png) left center no-repeat;
	margin-left: 10%;
	padding-left: 19px;
	display: block;
	float: left;
}
.chapter-content span.money {
	background: url(../../image/item/chapter-money.png) left center no-repeat;
	margin-right: 7%;
	float: right;
	display: block;
}
/*.chapter-content span.money:after {
	content: "元";
}*/
/*.money:after {
	content: "元";
}*/
/*產品卡 more*/
.chapter-more {
	width: 50px;
	text-align: right;
	margin-right: 10%;
	float: right;
}
/* 首頁-公司頁-產品卡 */
.money { /*小icon */
	background: url(../../image/item/chapter-money.png) left center no-repeat;
	padding-left: 19px;
	padding-right: 5px;
	float: right;
	display: block;
}
.user { /*小icon */
	background: url(../../image/icon/user.png) left center no-repeat;
	margin-left: 7%;
	padding-left: 19px;
	display: block;
	float: left;
}
/*產品卡 關注-眼睛*/
.eye {
	background: url(../../image/icon/eye.png) left center no-repeat;
	margin-left: 7%;
	padding-left: 19px;
	display: block;
	float: left;
	cursor: pointer;
}
/*產品卡特效css3  transition特效 */

.transition {


	background: #4B4B4B !important;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)) !important;
	background: -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)) !important;
	background: -ms-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)) !important;
	background: -moz-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)) !important;


     -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
     -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;

	color: white;
	height: 165px;
	
	padding: 15px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 3;

    margin-left: -100%;
    /*transform:scale(0); /*特效二
    opacity:0;*/

    transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;

}



.transition ul {
	color: #fff;
	list-style: circle;
	margin-left: 0 !important;
	padding: 0px 0px 10px 15px;
}

.product-item-main:hover .transition,.product-item-main:focus .transition,.product-item-main:active .transition {    
	-webkit-transition-delay: 0.5s;
	margin-left: -0%;
     -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
     -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;

    /*transform:scale(1.0);
    opacity:1;*/
}



/*.product-item-main .col-opacity
{
    -webkit-transition:.6s ease-in;
    transition:.6s ease-in;
}

.product-item-main:hover .col-opacity  {
    box-shadow: inset 0 0 0 110px rgba(0,0,0, 0.85), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}*/




.product-item-main img
{
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
     -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    width: auto;
    height: 165px;
}

.product-item-main img:hover,.product-item-main img:active,.product-item-main img:focus {
border:none;
}


.product-item-main {

   

	box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	background: #fff;
	bottom: 5px;
	height: 360px; /*直式產品卡 高*/
	left: 5px;
	overflow: hidden;
	position: relative;
	padding: 0;
	right: 5px;
	top: 5px;
	width: 100%;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.6); /*直式產品卡 影子*/
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	-webkit-border-radius: 20px; /*圓角*/
	-moz-border-radius: 20px; /*圓角*/
	border-radius: 20px; /*圓角*/
	z-index: 99;
	background-image: url(../../image/item/empty.gif);
	behavior: url(/PIE.htc);
}
.product-item-main ul {
	/*	padding: 3px 0 5px 3px;
	list-style: none;*/
	margin-left: 0 !important;
}
.product-item-main li a {
	display: block;
	height: 36px;
	width: 36px;
}
.product-item-main .bg .star {
	bottom: 3px;
	background: url(../../image/item/pixel.png);
	position: relative;
	text-align: right;
	display: block;
	width: 100%;
}
/*產品卡星星黑底*/

.product-image, .product-image img {
	width: 220px;
	height: 165px;
	float: left;
	position: absolute;
	border: 3px solid #33cccc;
	border-radius: 20px; /*產品圓框*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-image: url(../../image/teacher/p01.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}
.product-item-main .chapter-content {
	color: #808080;
	font-weight: 500;
	width: 100%;
}
.product-item-main .chapter-content p {
	text-align: left;
}
.product-item-main .chapter-content .chapter-arrow {
	width: inherit;
	margin: 10px auto;
	padding-bottom: 10px;
	background: url(../../image/item/chapter-arrow.png) bottom center no-repeat;
}
.product-item-main .chapter-content .chapter-more {
	text-align: right;
	width: 100px;
	width: inherit;
}
/*直式產品卡照片*/
.star {
	position: relative;
	text-align: right;
	background: url(../../image/item/pixel.png);
	z-index: 1;
	display: block;
	width: 100%;
}
.LV-people a:hover {
	color: #FFFF00;
	z-index: 2;
}
.LV-people a {
	color: #FFFF00;
	z-index: 2;
}
.star span.LV-people:before {
	content: "（";
}
.star span.LV-people:after {
	content: "）";
}
.star span.LV-1, .star span.LV-2, .star span.LV-3, .star span.LV-4, .star span.LV-5 {
	display: inline-block;
	width: 75px;
	height: 13px;
	z-index: 2;
}
.shop-cart {
	background: url(../../image/company/shop-cart.png) left center no-repeat;
	padding-left: 30px;
	padding-right: 5px;
	float: right;
	display: block;
}
/*評分-新版*/
.grey-bg {
	background: #ccc !important;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)) !important;
	background: -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)) !important;
	background: -ms-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)) !important;
	background: -moz-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)) !important;
	padding: 2px 0px;
	text-align: right;
}
/*評分條-灰底*/
.line-grey {
	background: #ccc;
	border: 0;
	float: left;
	font-size: 6px;
	height: 12px;
	margin: 1px 4px 0 0;
	width: 100px;
}
/*評分條-填色*/
.fill {
	background: #5cb85c;
	height: 12px;
}
.ratingSet {
	font-size: 10px;
	float: left;
	margin-left: 15px;
	width: 30px;
}
.radio {
	display: none; /*隱藏input*/
}
.rating-input:not(:checked) > label:hover, .rating-input:not(:checked) {
	color: rgb(255, 165, 0);
}
.amount {
	font-size: 10px;
}
.rating-star {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: url(../../image/icon/rating.png) no-repeat;
	background-position: 85% 5px;
	padding: 5px 20px 5px 0px;
}
.score {
	font-size: 36px;
	text-align: center;
	color: rgb(255, 110, 0); /*橘*/
}
/*首頁-下方-想要更多產品*/
.want-more {
	max-width: 750px;
	margin: 0 auto;
}
/*.list-group-item {
position: relative;
display: block;
padding: 5px 15px;
margin-bottom: -1px;
border:0;
}*/



/*售價*/
.price {
	color: #F00;
	font-size: 20px;
}

.rating-input.grey-bg {
    line-height: normal;
}

.product-item-main h4{
    font-size:16px;
    font-weight:normal;
}
.product-item-main {
    line-height: normal;
    font-size: 10pt;
}

/**2015 0311 產品卡實驗 Free 緞帶*/
/*.freeTagBox {
     font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    position: absolute;
    font-size:15px;
    top: -10px;
    left: -10px;
    background: #e2263d;
    color: #FFF;
    z-index: 1234;
    padding: 4px 15px;
}

    .freeTagBox .bottomBox {
        width: 0;
        height: 0;
        bottom: 0;
        margin-bottom: -10px;
        left: 0;
        position: absolute;
        padding-left: 10px;
        padding-top: 10px;
        overflow: hidden;
    }

    .freeTagBox .topBox {
        width: 0;
        height: 0;
        top: 0;
        margin-right: -10px;
        right: 0;
        position: absolute;
        padding-left: 10px;
        padding-top: 10px;
        overflow: hidden;
    }

        .freeTagBox .bottomBox:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            margin-left: -500px;
            margin-top: -500px;
            border-left: 500px solid transparent;
            border-top: 500px solid #AB2434;
        }

        .freeTagBox .topBox:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            margin-left: -500px;
            margin-top: -500px;
            border-right: 500px solid transparent;
            border-bottom: 500px solid #AB2434;
        }

    .freeTagBox .glyphicon-usd {
        font-size:11px;
    }*/
@charset "utf-8";
/*購物車結帳按鈕*/

/* Top綠色區塊的 購物車數量**/
.cartNumberBadge {
	background-color: #999999;
}
.fixedcart {
	display: none;
}
/*.btn-cart {
	width: 36px !important;
	font-size: 12px;
}*/  
.btn-cart:hover {
	opacity: .6;
}
 @media only screen and (min-width:480px) {
/*.fixedcart {
	display: inherit;
	background: url("../../image/item/cart_02.png") 1px 0 no-repeat #333;
	width: 36px;
	height: 108px;     
	font-size: 16px;
	font-weight: bold;
	position: fixed;
	bottom: 30%;
	right: 0px;
	z-index: 99;
}*/

    /*右側快速導覽列-141006-小唐*/
.btn-cart {
	background: #5bc0de;
	border: none;
	border-top: 1px solid #fff;
	color: #fff;
	font-size: 12px;
	position: relative;
	height: 36px;
	width: 36px !important;
	/**20141007 為相容ie8 從input改成div*/
	text-align: center;
	padding-top: 5px;
    right:0px;
	cursor: pointer;

    transition:.15s linear;
    -webkit-transition:.15s linear;

}

    .btn-cart:hover
    {
        right:6px;
    }






/*購物計數-141006-小唐*/
.fixedcart {
	display: inherit;
	width: 36px;
	height: 36px;
	position: fixed;
	bottom: 40%; /**20141021 高度調高 小螢幕會被黑調檔住*/
	right: 10px;
	z-index: 99;
_position:absolute; /* position fixed for IE6 */
     _top:expression(documentElement.scrollTop+600);
}
/*購物計數-141006-小唐*/
.fixedcart-count {
	position: relative;
	height: 42px;
	padding: 5px 10px 0px 10px;
	color: #fff;
	text-align: center;
	background: #f66;
}
/* .fixedcart-count {
        position: relative;
        margin-top: 68px;
        height: 40px;
        width: 36px;
        font-size: 13px;
        font-weight: bold;
        color: #FF0;
        text-align: center;
        bottom: 0;
    }*/

.fixedcart-content {
	position: absolute;
	left: 36px;
	bottom: 0;
	overflow: hidden;
	height: 108px;
	white-space: nowrap;
	background-color: #fff;
	border: 4px solid #999;
	border-left: 0;
	border-top: 0;
}
/*回到頂端*/
.gototop {
	position: absolute;
	z-index: 99;
}
.gototop a {
	background: url("../../image/item/arrow-01.png") 1px 0 no-repeat #333;
	color: #FFF;
	display: block;
	font-size: 12px;
	text-indent: -9999em;
	width: 36px;
	height: 36px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}