/*fb 社群外掛*/
/*.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
.fb-comments.fb_iframe_widget > span {width: 100% !important;}
.fb_iframe_widget > span[style] {width: 100% !important;}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]  {width: 100% !important;}

.pluginSkinLight.pluginFontHelvetica div  {width: 100% !important;}*/




.previewDisplayPanel .addMeTips
{
    text-align: center;
    color: #FFF;
}

.previewDisplayPanel .rightTopTips
{
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    display: inline-block;
    display: none;
    position: absolute;
    font-size: 15px;
    padding: 2px 6px;
    top: 0px;
    right: 10px;
    /* transform: rotate(30deg); */
    background: #49A7CA;
    color: #FFF;
}


.previewDisplayPanel
{
    text-align: center;
    position: relative;
}

    .previewDisplayPanel .previewTipsBox-hidden
    {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .previewDisplayPanel .previewTipsBox .yellowSmileIcon
    {
        font-size: 36px;
    }



    .previewDisplayPanel .previewTipsBox
    {
        transition: .2s ease-in;
        border-radius: 2px;
        font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
        color: #FFF;
        /* display: inline-block; */
        position: absolute;
        background: rgba(0,0,0,0.6);
        padding-top: 22%;
        height: 100%;
        top: 0px;
        z-index: 500;
        width: 100%;
        left: -5px;
        /* background: #3D86BA; */
        font-size: 18px;
        /* transform: scale(2.0); */
        /* transform: rotate(-20deg); */
    }






/**20150206 bug修正*/

.user-info img
{
    width: 100%;
}



.showCourseServiceDescription
{
    float: right;
    color: #CCC;
    text-decoration: underline;
}


/*產品名稱*/
.productNameRow
{
    display: inline;
    font-size: 1.5em;
    color: #FFF;
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    font-weight: 400;
    margin-right: 10px;
}





.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right
{
    top: 30%;
}
/*覆蓋bootstrap slider css**/
.carousel-control.left
{
    background: transparent;
}

.carousel-control.right
{
    background: transparent;
}

.carousel-control
{
    width: auto;
}
/*調整html內文裡的table */

/*.ContentTextWrapper table
{
    margin: 2%;
    width: 96%;
}

    .ContentTextWrapper table.border th, .ContentTextWrapper table.border td
    {
        border: 1px solid #9F9F9F !important;
    }*/
/**需 指定  .ContentTextWrapper 層級裡面的td*/
/*.ContentTextWrapper tr:nth-child(even)
{
    background: #fff;
}

.ContentTextWrapper tr:nth-child(odd)
{
    background: #EBF3F6;
}*/

/*.ContentTextWrapper table td
{
  
    padding: 5px 10px;
    min-width: 100px;
}*/
/*微調產品頁的 相關XX區塊*/



ol.class-related li:hover a
{
    color: #de9454;
}

.videoTitle
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

/*手機版只顯示部分字數*/
@media only screen and (min-width:1px) and (max-width:330px)
{
    .videoTitle
    {
        width: 120px;
    }
}

@media only screen and (min-width:331px) and (max-width:480px)
{
    .videoTitle
    {
        width: 120px;
    }
}
/*bootstrap css被影響了*/
.top, .bottom
{
    /*background-color: transparent !important;*/
    border: 0px;
}

.tooltip-arrow
{
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #65ba7e !important;
    border-width: 5px 5px 0;
}

.tooltip-inner
{
    background-color: #65ba7e;
}

.rightTotalTime
{
    float: right;
    font-weight: 700;
    color: #8A7562;
}

.ItemTypeNameSpan
{
    font-weight: 700;
}

.glyphicon-star-empty, .glyphicon-star
{
    font-size: 13px;
}

.summaryIcon
{
    background: #48B970;
    border: 2px #97E1EB;
    color: #FFF;
}

#MainWrapper
{
    /*background: #F8F8F8 !important;*/
    background: #FFF !important;
}

.badge
{
    font-weight: 400;
}

#detailWrapper
{
    overflow: hidden;
    padding-bottom: 20px;
    /*margin-top: 15px;*/
}

.showMoreDetailsWrapper
{
    display: none;
    text-align: right;
    margin: 10px 5px;
}

@-moz-keyframes displayImage
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 0.5;
    }
}

@-webkit-keyframes rotateInfinit
{
    0%
    {
    }

    95%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateInfinit
{
    0%
    {
    }

    95%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes shakeAnimate
{
    0%, 100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20%, 60%
    {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40%, 80%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shakeAnimate
{
    0%, 100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20%, 60%
    {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40%, 80%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.pannelLeftWrapper:hover .showMoreDetailsAnchor a
{
    text-decoration: none;
}

.pannelLeftWrapper:hover .showMoreDetailsAnchor
{
    animation: shakeAnimate .5s;
    -webkit-animation: shakeAnimate .5s;
    /*background: #428bca;*/
    color: #FFF;
}

.showMoreDetailsAnchor
{
    text-align: center;
    color: #FFF;
    background: #5bc0de;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 6px;
    line-height: 30px;
}

.pannelRightWrapper:before, .pannelLeftWrapper:before
{
    content: attr(subTitle);
    color: #5cb85c;
    /*text-shadow: 0 1px #C3E4C4;*/
    font-size: 1.5em;
    font-weight: 600;
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    background: #FFF;
    top: -12px;
    padding: 2px;
    margin: auto 0;
    text-align: center;
    display: inline-block;
    position: absolute;
}

.pannelLeftWrapper:before
{
    left: 3%;
}

.pannelRightWrapper:before
{
    left: 35%;
}

.pannelRightWrapper
{
    border: 1px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.pannelLeftWrapper
{
    border: 1px;
    border-radius: 15px;
}

.pannelRightWrapper, .pannelLeftWrapper
{
    border-style: solid;
    border-color: #E2E2E2;
    margin-top: 25px;
    position: relative;
    padding-top: 10px;
    line-height: 25px;
}

/*.pannelLeftWrapperLast
{
    border-bottom-left-radius: 15px;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 35px;
}*/


.ContactInfoRow
{
    margin: 7px;
    color: #707070;
}

.SiteAddressWrapper
{
    margin: 25px 35px 10px 35px; /*border-bottom: solid 1px #E8E8E8;*/
}

.addressIframe
{
    width: 100%;
    height: 200px;
    margin: 3px 5px;
}
/*次要資訊*/
.subDetailInfoWrapper
{
    text-align: left;
    margin-top: 7px;
    margin-left: 5px;
}

/*160518*/
.BehaviorButtonWrapper
{
     text-align: center;
    margin: 20px 0px;
}
/*產品頁按鈕*/
.productDisplayButton
{
    font-size: 15px;
    /*font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;*/
    width: 100%;
    margin-bottom: 7px;
}

.detailPannel
{
    padding-left: 40px;
    margin: 0 15px;
    padding-bottom: 15px;
}

    .detailPannel > li
    {
        list-style: none;
        padding: 3px 5px 3px 5px;
        border-bottom: solid 1px #E8E8E8;
    }

        .detailPannel > li:hover
        {
            color: #eb8e50;
            background: #F5F3F3;
        }

.teacherInfoWrapper:hover
{
    background: #f5f5f5;
}

    .teacherInfoWrapper:hover .sideBlockDetailRight
    {
        color: #000;
    }

        .teacherInfoWrapper:hover .sideBlockDetailRight > p
        {
            color: #70b15e;
        }

/*.corporateInfoWrapper
{
    margin-top: 15px;
    text-align: center;
}*/

.corporateIntro > a
{
    color: #666;
    text-decoration: none;
}

    .corporateIntro > a:hover
    {
        color: #70b15e;
    }

/*.corporateIntro
{
       background: #f4f4f4;
    color: #666;
    margin: 15px;
    padding: 10px;
    text-align: left;
}*/

/*.corporateTitle
{
    line-height: 25px;
}*/

/*.corporateInfoWrapper:hover .corporateTitle
{
    color: #000;
    -webkit-transition: .15s linear;
    transition: .15s linear;
    letter-spacing: 2px;
}*/
/**調整相關新聞區塊 跟新版不搭配*/

.list-school
{
    background: #FFF !important;
}

/*.tabTitle
{
    background: #FFF !important;
    border: 0px !important;
    display: inline-block;
    height: initial;
    float: right;
}*/
/*覆蓋掉很多不搭嘎的css */
/*.tabTitle .widgetTitle
    {
        background: #FFF;
        border: 0px;
        color: #8A8A8A;
        text-shadow: 0px 0px #FFF;
        padding: 5px;
        height: initial;
        top: -1px;
    }*/

.tabTitle .titleEn
{
    display: none;
}

.top-tab
{
    margin: 3px 0;
    border: 0px !important;
}
/*調整html內文裡面的table內文*/
/*此外還有透過js調整html內文裡的圖片大小*/

/*.ContentTextWrapper
{
    background: #FFF;
    border-radius: 5px;
    color: #5F5F5F; 
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif;
    font-size: 1.2em;
    line-height: 28px;
    margin: 5px;
    overflow: hidden;
    padding: 10px 20px;
}*/

/*選取區黃線*/
.ContentTextWrapper ::selection
{
    background: yellow;
}



/*.ContentTextWrapper h1
{
    color: #4e4e4e;
    border-left: 3px solid #94E487;
    border-right: 3px solid #94E487;
    text-indent: 5px;
    font-weight: 650;
    font-size: 1.2em;
    width: 100%;
    background: #f4f4f4;
    padding: 5px 2px;
    border-top: 1px solid rgb(218, 218, 218);
    border-bottom: 1px solid rgb(218, 218, 218);
    margin-top: 10px; 
}*/


/*.ContentTextWrapper h2
{
    color: #000;
    font-size: 1.2em;
}*/

.ContentTextWrapper h3:before
{
    content: "»";
    color: #4e4e4e;
}

.ContentTextWrapper h3
{
    color: #4e4e4e;
    font-size: 1.2em;
}






.previewImage
{
    border-radius: 15px;
    width: 100%;
    height: 270px;
    max-width: 360px;
    border: double 3px #4B4B4B;
    padding: 2px;
    margin-top: 7px;
}

.previewImage-xs
{
    width: 80px;
    height: 60px;
    border-radius: 5px;
    border: double 3px #555;
}

    .previewImage-xs:hover
    {
        opacity: 0.8;
    }

.previewImageWrapper-xs
{
    text-align: center;
    cursor: pointer;
    padding-bottom: 10px;
}

.previewVideoIframe
{
    width: 100%;
    height: 260px;
    max-width: 390px;
    border: none;
    margin-top: 7px;
}

.categoryCation222
{
    position: relative;
    text-align: center;
    margin: 10px;
    font-size: 16px;
    color: #5e5e5e;
}

.innerCaptionText
{
    display: inline-block;
    background: #FFF;
    position: relative;
    font-size: 18px;
    /*letter-spacing:2px;*/
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    color: #4cae4c;
    text-shadow: 0 1px #C4FCC9; /*font-weight:700;*/
}

.categoryCation222:before
{
    content: '';
    width: 100%;
    border: dashed 1px #B2DDE0;
    height: 1px;
    left: 5px;
    top: 40%;
    display: inline-block;
    position: absolute;
}

.detailListInfoWrapper
{
    background: #FCFFF4;
    border: solid 1px #f4f4f4;
    color: rgb(233, 94, 94);
    font-size: 16px;
    padding: 3px 6px; /* 20141009 看不出圖片在哪 增加載入資源*/ /*list-style-image: url(../../../image/product/dot.png);*/
}

.selectorType > .btn, .selectorType > .btn-sm, .selectorType > .btn-xs
{
    text-align: center;
    margin: 5px 5px 10px 5px;
}

.CourseinfoList222
{
    margin: 0 15px;
    color: #707070;
    padding: 5px;
    border-bottom: solid #E8E8E8 1px; /*box-shadow: 0 -1px 0 rgba(151, 135, 135, 0.3);*/
}

.shadowLing
{
    border-top: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 1px 0 rgba(0,0,0,0.3);
    height: 1px;
}

.productTitleRow
{
    color: #E4E4E4;
    margin: 5px;
    padding: 5px;
    font-weight: 700;
    font-size: 15px;
}

.totalTimeWrapper > span
{
    color: #CFCFCF !important;
}

.productInfoHeaderWrapper
{
    min-height: 300px;
}

.imgBackWrapper
{
    -webkit-animation: displayImage .8s forwards;
    -moz-animation: displayImage .8s forwards;
    animation: displayImage .8s forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 0;
    top: 20px;
    width: 98%;
    position: absolute;
}

.imgBack
{
    z-index: 1;
    width: 70%;
    max-height: 280px;
}
/**漸層mask*/
.testMask
{
    background: url("http://g-ec2.images-amazon.com/images/G/01/digital/video/details/ie_hero_grad._V380484193_.png") top center repeat-y;
    background: -moz-radial-gradient(center, ellipse cover, rgba(47,47,47,0.7) 0, rgba(47,47,47,0.8) 48%, #2f2f2f 70%, #2f2f2f 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(47,47,47,0.7)), color-stop(48%, rgba(47,47,47,0.8)), color-stop(70%, #2f2f2f), color-stop(100%, #2f2f2f));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(47,47,47,0.7) 0, rgba(47,47,47,0.8) 48%, #2f2f2f 70%, #2f2f2f 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(47,47,47,0.7) 0, rgba(47,47,47,0.8) 48%, #2f2f2f 70%, #2f2f2f 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(47,47,47,0.7) 0, rgba(47,47,47,0.8) 48%, #2f2f2f 70%, #2f2f2f 100%);
    background: radial-gradient(ellipse at center, rgba(47,47,47,0.7) 0, rgba(47,47,47,0.8) 48%, #2f2f2f 70%, #2f2f2f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b32f2f2f', endColorstr='#2f2f2f', GradientType=1);
    height: 100%;
    position: absolute;
    z-index: 0;
    width: 70%;
    top: 0; /*left: 50%;
	margin-left: -170px;*/
}

.btn-darkGrey
{
    color: #ffffff;
    background-color: #666666;
    border-color: #4cae4c;
}

@-moz-keyframes displayImage
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 0.5;
    }
}

@-webkit-keyframes displayImage
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 0.5;
    }
}

@keyframes displayImage
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 0.5;
    }
}

.aboveBodyRowWrapper2
{
    max-width: 1024px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 7px;
    height: 95%;
    background: #1f1f1f !important;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)) !important;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)) !important;
    background: -ms-linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)) !important;
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)) !important;
    /*background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 95%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 95%;*/
    /*background: -webkit-gradient(rgba(0, 0, 0, 0.75));
	background: -moz-gradient(rgba(0, 0, 0, 0.75));
	background: -o-gradient(rgba(0, 0, 0, 0.75));*/
    /*background: #000;*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
    min-height: 360px;
}
/* 第二版 **/

.totalTimeTips.otherColor
{
    color: #e4a645;
}

.totalTimeTips
{
    color: #5BC26D;
    text-align: center;
    line-height: 5px;
}

.totalTimeWrapper
{
    color: #969696;
    font-size: 11px;
    display: inline-block;
    padding: 5px 5px 10px 5px;
}

    .totalTimeWrapper > span
    {
        color: #555;
        font-size: 22px;
        font-weight: 700;
        margin-right: 2px;
        margin-left: 2px;
    }

.productTitle
{
    -webkit-transition: .3s linear;
    transition: .3s linear;
    padding: 5px;
    color: #678EC9;
    font-size: 18px;
    font-weight: 700;
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    padding-bottom: 5px;
    border-bottom: solid #E8E8E8 1px;
    margin: 5px 10px 10px 5px;
    width: 97%;
}

    .productTitle:hover
    {
        /*letter-spacing:2px;*/
    }

.discountPrice span
{
    -webkit-transition: .3s linear;
    transition: .3s linear;
}

.discountPrice
{
    font-size: 15px;
    color: #5BC26D;
}

.priceWrapper
{
    /*-webkit-animation:1.0s showSlow;
	-webkit-animation-delay:0.5s;*/
    text-align: right;
    border-radius: 5px;
    border: dashed 1px #B3CCB7;
    padding: 5px 15px 15px 5px;
    width: 100%; /*float: right;*/
}

/*.priceWrapper:hover .discountPrice span
{
	letter-spacing:1px;
}*/

@-webkit-keyframes showSlow
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

.CourseinfoList
{
    color: #CCC;
    padding: 5px;
    /*border-bottom: solid #4E4E4E 1px;*/
    box-shadow: 0 -1px 0 rgba(151, 135, 135, 0.3);
}

.originalPrice
{
    margin-top: 10px;
    color: #9B9B9B;
    font-size: 11px;
    text-decoration: line-through;
}

.highlightPrice
{
    font-size: 24px;
    letter-spacing: -1px;
    color: #FF67A4;
    font-weight: 700;
}

.aboveBodyRowWrapper
{
    max-width: 1024px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 7px;
    height: 95%;
    background: rgba(58, 58, 58, 0.7);
}

.teacherInfoWrapper
{
    padding: 0px 5px;
}

.fullWidthAboveBody
{
    width: 100%;
    min-height: 350px;
    background: #B6B6B6;
    padding: 10px 0;
}

.sideProductInfoCaption
{
    color: #CE7692;
    background: #FFFFFF;
    border-radius: 3px;
    padding: 2px 5px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    /*font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;*/
    border-bottom: solid #E8E8E8 1px;
}

.sideBlockDetailLeft
{
    float: left;
    width: 33%;
}

.sideBlockDetailRight
{
    padding-top: 5px;
    float: left;
    width: 66%;
    color: #4E4E4E;
}

    .sideBlockDetailRight > p
    {
        color: #9E9E9E;
    }

.relatedAvator
{
    border-radius: 50%;
}

/*.sideBlockWrapper
{
    margin-bottom: 15px;
}*/

.sideBlockWrapper > ul li
{
    padding: 4px;
    font-size: 13px;
    color: #A3A3A3;
}



.sideBlockCaption
{
    margin-bottom: 5px;
    color: #8B8B8B;
    font-weight: 700;
    font-size: 16px;
    /*font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;*/
    border-bottom: solid #E8E8E8 1px;
}

.categoryCation
{
    font-weight: 700;
    font-size: 16px;
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    color: #5e5e5e;
}

.previewShowButton
{
    float: right;
    display: inline-block;
    line-height: initial;
    margin-right: 7px;
}
/**-------------20140821 增加的*/
/**-------------20140821 增加的*/
/**-------------20140821 增加的*/
/**-------------20140821 增加的*/
/**-------------20140821 增加的*/
/**-------------20140821 增加的*/
/**-------------20140821 增加的*/
/**-------------20140821 增加的*/

/* 產品介紹頁**/

.fixFooterRowPriceText
{
    color: #E7F07F;
    font-weight: 700;
    font-size: 18px;
    margin-right: 5px;
}

.fixFooterRowShakeCart
{
    font-size: 20px;
    color: #FFE286;
    margin: 5px;
}

.fixFooterRow
{
 background: rgba(0,0,0,.6);
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3C3C3C, endColorstr=#3C3C3C);
    position: fixed;
    padding: 0px;
    left: 0;
    width: 100%;
        z-index: 100;
}

.formContent
{
    min-height: 160px;
    padding: 20px;
}
.formContent a
{
    color: #fff;
    font-size: 15px;
    padding: 15px;
}

.formContent .returnTop{
       background: #333;
    border: none;
    padding: 8px 12px;
}

    .formContent h2
    {
        color: #fff;
        font-size: 32px;
        text-shadow: 0 0 24px rgba(0,0,0,0.5),0 0 64px rgba(0,0,0,0.25),0 2px rgba(0,0,0,0.75);
    }

.fixFooterRow .productPanel .glyphicon-chevron-right, .fixFooterRow .productPanel .glyphicon-chevron-left
{
    animation: rotateInfinit 10.2s infinite;
    -webkit-animation: rotateInfinit 10.2s infinite;
}

.productPanel .arrow
{
    font-size: 18px;
    line-height: 40px;
    color: #E8E8E8;
}

.fixFooterRow .productPanel img
{
    width: 60px;
    height: 45px;
    border-radius: 5px;
}

.fixFooterRow .productPanel
{
    /*border-top: 1px solid rgba(255,255,255,0.1);
        box-shadow: 0 1px 0 rgba(0,0,0,0.3);*/
    float: left;
    width: 45%;
    font-size: 13px;
}

.fixFooterRow .goldText
{
    color: #fff987;
}

.fixFooterRow .productPanel .field
{
    color: #FFBE87;
}

.fixFooterRow .previous
{
    padding: 2px 5px;
    float: left;
}

.fixFooterRow .next
{
    padding: 2px 5px;
    float: right;
}

.fixFooterRow .anchor
{
    color: #FFF;
    text-decoration: none !important;
    cursor: pointer;
}

    .fixFooterRow .anchor:hover img
    {
        opacity: .7;
    }

    .fixFooterRow .anchor:hover .name
    {
        color: #60B871;
    }

    .fixFooterRow .anchor:hover
    {
        color: #ffed5e;
    }

.fixFooterRowCenterMaxSize
{
    max-width: 1024px;
    margin: 0 auto;
}

    .fixFooterRowCenterMaxSize > .col-md-8, .fixFooterRowCenterMaxSize > .col-md-4
    {
        position: relative;
    }

.leftSection
{
    padding-top: 5px;
    position: absolute;
    margin-left: -50px;
}

.rightSection 
{
    /*position: absolute;
    margin-right: -50px;*/
    position: inherit;
    margin-right: 0;
}

.marginLeftShowAnimate
{
    -webkit-animation: marginLeftShow 1.0s forwards;
    animation: marginLeftShow 1.0s forwards;
}

.marginRightShowAnimate
{
    -webkit-animation: marginLeftShow 1.0s forwards;
    animation: marginLeftShow 1.0s forwards;
}
/* 產品頁 購物車晃動**/
.glyphicon-shopping-cart
{
    /*-webkit-animation: 1.5s shakeInfinit infinite;
    animation: 1.5s shakeInfinit infinite;*/
}

@-webkit-keyframes shakeInfinit
{
    0%
    {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }

    50%
    {
        transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }

    100%
    {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }
}

@-moz-keyframes shakeInfinit
{
    0%
    {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }

    50%
    {
        transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }

    100%
    {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }
}

@keyframes shakeInfinit
{
    0%
    {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }

    50%
    {
        transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }

    100%
    {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }
}

@-webkit-keyframes marginLeftShow
{
    0%
    {
        margin-left: -50px;
        opacity: 0;
    }

    100%
    {
        margin-left: 0px;
        opacity: 1;
    }
}

@-moz-keyframes marginLeftShow
{
    0%
    {
        margin-left: -50px;
        opacity: 0;
    }

    100%
    {
        margin-left: 0px;
        opacity: 1;
    }
}

@keyframes marginLeftShow
{
    0%
    {
        margin-left: -50px;
        opacity: 0;
    }

    100%
    {
        margin-left: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes marginRightShow
{
    0%
    {
        margin-right: -50px;
        opacity: 0;
    }

    100%
    {
        margin-right: 0px;
        opacity: 1;
    }
}

@-moz-keyframes marginRightShow
{
    0%
    {
        margin-right: -50px;
        opacity: 0;
    }

    100%
    {
        margin-right: 0px;
        opacity: 1;
    }
}

@keyframes marginRightShow
{
    0%
    {
        margin-right: -50px;
        opacity: 0;
    }

    100%
    {
        margin-right: 0px;
        opacity: 1;
    }
}
/*我要瞭解更多 Modal Start*/

.form-control
{
    display: inherit;
}

.tipText
{
    font-size: 13px;
    color: #B67734;
}

.login-sub-logo
{
    display: none;
}

.edmTitle
{
    border-bottom: solid #E8E8E8 1px;
    font-size: 16px;
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
}

.edmOfSummary
{
    text-align: left;
}

.edmInfoWrapper input[type=text], .edmInfoWrapper input[type=email]
{
    border-radius: 3px;
    border: solid 1px #D1D1D1;
    padding: 3px;
    min-width: 190px;
}

.edmOfProfile > div, .edmOfSummary > div
{
    padding: 5px 15px;
}

.col-md-2, .edmOfProfile > .col-md-2, .edmOfSummary > .col-md-2
{
    font-family: 微軟正黑體, 蘋果儷黑體, 新細明體;
    font-weight: 700;
    color: #5A5A5A;
}

@media \0screen\,screen\9, screen and (min-width:481px) and (max-width:1921px)
{
    .col-md-2, .edmOfProfile > .col-md-2, .edmOfSummary > .col-md-2
    {
        text-align: right;
    }
}

@media \0screen\,screen\9, screen and (min-width:768px) and (max-width:979px)
{
    .col-md-2, .edmOfProfile > .col-md-2, .edmOfSummary > .col-md-2
    {
        text-align: left;
    }
}

@media \0screen\,screen\9, screen and (min-width:100px) and (max-width:480px)
{
    .col-md-3, .edmOfProfile > .col-md-3, .edmOfSummary > .col-md-3
    {
        text-align: left;
    }
}


/*.content p
{
    color: #a4a4a4;
}*/



.hiddenComment
{
    display: none;
}

.showAllComments
{
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    padding: 10px 5px;
    background: #F0F0F0;
}


#ProducCommentsGet .divider
{
    height: 0px;
    margin: 0px;
}




/*產品頁試聽modal*/
#trialCourseApplyForm textarea{

    display: block;
    min-height: 120px;
    margin: 15px 0px;
            width: 100%;
}
#trialCourseApplyForm h2{

    color: #000;
    font-size: 20px;
    line-height: 25px;

}
#trialCourseApplyForm p{

   color:#333;
}
.trialInfo{
    padding:5px 0px;
}

#eventRegisterContent{
    padding: 0px 15px;
}