/*FunsCool theme*/

/*.navbar-right {*/
    /*padding-top: 20px !important;*/
    /*padding-right: 50px !important;*/
/*}*/

.gi-2x{font-size: 20px;}
.gi-3x{font-size: 40px;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

body{
    background-color: #fff;
    overflow-x: hidden;

}

.navbar-default .navbar-nav>li>a
{
    color:white;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size:18px;
    letter-spacing: 2px;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: white;
    background-color: black;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: white;
    background-color:black;
}

.dropdown-menu>li>a 
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size:18px;
    letter-spacing: 3px;    
}

/*copy from overwrite.css*/
.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.bold
{
    font-weight:800;
}

.font-warning {
    color: #EC9919
}

.font-success {
    color: #3A9B63
}

.font-danger {
    color: #E55C6B
}

.font-info {
    color: #1D94D2
}

.font-primary {
    color: #166F9E
}

.font-enabled {
    color: #3A9B63
}

.font-stopped {
    color: #E55C6B
}

.font-disabled {
    color: #999
}

.font-star {
    color: #DADF12 !important;
    text-shadow: 0px 0px 1px black
}

.font-facebook {
    color: #3b5998
}

.btn-group > a 
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size:18px;    
}

.breadcrumb-mall {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size:18px;    
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 3px
}

.breadcrumb-mall > li {
    display: inline-block
}

.breadcrumb-mall > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb-mall > .active {
    color: #777777
}

.breadcrumb-store {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size:18px;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #D0E8E1;
    border-radius: 3px
}

.breadcrumb-store > li {
    display: inline-block
}

.breadcrumb-store > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb-store > .active {
    color: #777777
}


.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 2px;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size:18px;
    
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #FFF;
    background-color: #42679E
}
/* end overwrite.css*/

.mo-header {
    /*background:-webkit-gradient(linear, left bottom, right top, from(#3F2897), to(#F0326A));*/
    
    box-shadow: none!important;
}

.mo-header-bar {
    margin-top: 50px;
    min-height: 20px;
}

.mo-header-inner-upbar {
    min-height: 30px;
}

.mo-header-inner {
    margin-top: 10px;
    min-height: 75px;
}

.mo-header-propage {
    background-color: #e6f1d4;
}








.mo-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 250px;
    background-color: #ffffff;
}

.mo-footer-title-text {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 17px;
    font-weight: 600;
    color: #202432;
}

.mo-footer-darkgray-text {
    color: #202432;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.5;
}

.mo-footer-darkgray-text > a {
    color: #202432;
    font-size: 16px;
    font-weight: 500;
}


/*首頁清單*/
.mo-head-style {
    background-image: linear-gradient(239deg, #f0326a, #3f2897);
}

.mo-head-title {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -350%);
    -webkit-transform: translate(-50%, -50%);
}

.mo-head-subtitle {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -380%);
    -webkit-transform: translate(-50%, -50%);
}

/*老師專頁清單*/
.mo-teacher-style {
    background-image: linear-gradient(239deg, #f0326a, #3f2897);
    height: 480px;
    padding: 0px;
}

.mo-img-blur {
    -webkit-filter: blur(15px); /* Chrome, Opera */
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}


/* 更動其他元件css */
.mo-teacher-course-file {
    padding: 0px;
}

/* Button */
a.mo-btn-pink-opacity-full {
    border-radius: 60px !important;
    padding: 8px 0 0 15px !important;
    width: 95px !important;
    height: 40px !important;

    color: #FFFFFF !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 300;

    border:#e84b7e 2px solid;
}

a.mo-btn-pink-opacity-left {
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
    padding: 8px 0 0 15px !important;
    width: 60px !important;
    height: 40px !important;

    color: #FFFFFF !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 300;

    border:#e84b7e 2px solid;
}

a.mo-btn-pink-opacity-right {
    border-top-right-radius: 60px !important;
    border-bottom-right-radius: 60px !important;
    padding: 8px 0 0 10px !important;
    width: 60px !important;
    height: 40px !important;

    color: #FFFFFF !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 300;

    border:#e84b7e 2px solid;
}

a.mo-btn-gray-opacity-full {
    border-radius: 60px !important;
    padding: 8px 0 0 15px !important;
    width: 95px !important;
    height: 40px !important;

    color: #202432 !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 600;

    border: 3px solid rgba(32,36,50,0.15);
}

a.mo-btn-gray-opacity-left {
    border-top-left-radius: 60px !important;
    border-bottom-left-radius: 60px !important;
    padding: 8px 0 0 15px !important;
    width: 60px !important;
    height: 40px !important;

    color: #202432 !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 600;

    border: 3px solid rgba(32,36,50,0.15);
}

a.mo-btn-gray-opacity-right {
    border-top-right-radius: 60px !important;
    border-bottom-right-radius: 60px !important;
    padding: 8px 0 0 10px !important;
    width: 60px !important;
    height: 40px !important;

    color: #202432 !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 600;

    border: 3px solid rgba(32,36,50,0.15);
}

a:hover.mo-btn-pink-opacity-full, a:hover.mo-btn-pink-opacity-left,
a:hover.mo-btn-pink-opacity-right, a:hover.mo-btn-gray-opacity-full,
a:hover.mo-btn-gray-opacity-left, a:hover.mo-btn-gray-opacity-right{
    background: transparent !important;
    opacity: 0.5;
}

a.mo-btn-pink-opacity-full-180 {
    border-radius: 30px !important;
    padding: 15px !important;
    width: 180px !important;

    color: #f0326a !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 800;

    margin-top: -15px;
    background-color: #FFFFFF;

    border: #fde0e9 3px solid;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:hover.mo-btn-pink-opacity-full-180 {
    color: #FFFFFF !important;
    background-color: #f0326a;

    border-width: 0;
}

a.mo-btn-gray-opacity-full-220 {
    border-radius: 30px !important;
    padding: 15px !important;
    width: 220px !important;

    color: #FFFFFF !important;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 800;

    margin-top: -15px;
    background-color: rgba(0, 0, 0, 0);

    border: #7b499e 3px solid;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:hover.mo-btn-gray-opacity-full-220 {
    color: #FFFFFF !important;
    background-color: #f0326a;

    border-width: 0;
}

a.mo-btn-pink-full-110 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
    background-color: #f0326a;
    width: 110px;
    padding: 15px;
    border-width: 0;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a.mo-btn-pink-full-150 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
    background-color: #f0326a;
    width: 150px;
    padding: 15px;
    border-width: 0;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a.mo-btn-pink-full-170 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
    background-color: #f0326a;
    width: 170px;
    padding: 15px;
    border-width: 0;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a.mo-btn-pink-full-240 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
    background-color: #f0326a;
    width: 240px;
    padding: 15px;
    border-width: 0;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a.mo-btn-pink-full-310 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
    background-color: #f0326a;
    width: 310px;
    padding: 15px;
    border-width: 0;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:hover.mo-btn-pink-full-110, a:hover.mo-btn-pink-full-170, a:hover.mo-btn-pink-full-150,
a:hover.mo-btn-pink-full-240, a:hover.mo-btn-pink-full-310 {
    color: lightgrey;
    background-color: #e84b7e;
    /*opacity: 0.5;*/
}

a.mo-btn-page {
    margin-top: -15px;
    font-size: 30px;
    font-weight: 500;
    opacity: 0.6;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:hover.mo-btn-page {
    margin-top: -15px;
    font-size: 30px;
    font-weight: 800;
    opacity: 1;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    text-decoration: none;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}



a.mo-btn-menu-title {
    padding-left: 30px;
    font-size: 18px;
    font-weight: 500;
    opacity: 0.6;
    color: #202432;
    background-color: #ffffff;
    width: 240px;

    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:hover.mo-btn-menu-title {
    padding-left: 27px;
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    text-decoration: none;

    border-left:#e84b7e 3px solid;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:focus.mo-btn-menu-title {
    padding-left: 27px;
    font-size: 18px;
    font-weight: 900;
    opacity: 1;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    text-decoration: none;

    border-left:#e84b7e 3px solid;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}


a.mo-btn-menu-text {
    padding-left: 60px;
    margin-top: -15px;
    font-size: 18px;
    font-weight: 500;
    opacity: 0.6;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a.mo-btn-menu-text-focus {
    padding-left: 57px;
    margin-top: -15px;
    font-size: 18px;
    font-weight: 800;
    opacity: 1;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    text-decoration: none;

    border-left:#e84b7e 3px solid;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:hover.mo-btn-menu-text, a:hover.mo-btn-menu-text-focus {
    padding-left: 57px;
    margin-top: -15px;
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    text-decoration: none;

    border-left:#e84b7e 3px solid;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:focus.mo-btn-menu-text, a:focus.mo-btn-menu-text-focus {
    padding-left: 57px;
    margin-top: -15px;
    font-size: 18px;
    font-weight: 800;
    opacity: 1;
    color: #202432;
    background-color: #ffffff;
    width: 240px;
    text-decoration: none;

    border-left:#e84b7e 3px solid;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}






a.mo-btn-gray-opacity-full-150 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #202432;
    background-color: #FFFFFF;
    width: 150px;
    padding: 15px;
    border-radius: 30px;
    border: 3px solid rgba(32,36,50,0.05);
}

a.mo-btn-gray-opacity-full-250 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #202432;
    background-color: #FFFFFF;
    width: 250px;
    padding: 15px;
    border-radius: 30px;
    border: 3px solid rgba(32,36,50,0.05);
}

a.mo-btn-gray-opacity-full-310 {
    margin-top: -15px;
    font-size: 20px;
    font-weight: 800;
    color: #202432;
    background-color: #FFFFFF;
    width: 310px;
    padding: 15px;
    border-radius: 30px;
    border: 3px solid rgba(32,36,50,0.05);
}

a:hover.mo-btn-gray-opacity-full-150, a:hover.mo-btn-gray-opacity-full-250,
a:hover.mo-btn-gray-opacity-full-310 {
    background: transparent !important;
    opacity: 0.2;
}

.mo-btn-pink-ticket {
    margin-left: 30px;
    font-size: 17px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #623556;
    width: 100px;
    border-width: 0;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}


.mo-btn-pink-ticket:hover {
    color: lightgrey;
    background-color: #623556;
    /*opacity: 0.5;*/
}

.mo-btn-pink-ticket-out {
    margin-left: 30px;
    font-size: 17px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #623556;
    width: 100px;
    border-width: 0;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

.mo-btn-pink-flow {
    font-size: 17px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #623556;
    width: 100px;
    border: 3px solid #623556;
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

.mo-btn-gray-flow {

    /*padding: 8px 0 0 15px !important;*/

    /*color: #202432 !important;*/
    /*font-size: 17px;*/
    /*font-weight: 600;*/

    border: 3px solid rgba(32,36,50,0.15);


    font-size: 17px;
    font-weight: 600;
    color: #202432;
    background-color: #ffffff;
    width: 100px;
    border: 3px solid rgba(32,36,50,0.15);
    border-radius: 30px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3), 0 2px 24px 0 rgba(0, 0, 0, 0.19);*/
}

a:hover.mo-btn-pink-flow, a:hover.mo-btn-gray-flow {
    opacity: 0.7;
}

/* mobo178 */
a:hover {
    text-decoration: none;
    cursor: pointer;
}

a.mo-a-text {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.6;
}

a:hover.mo-a-text {
    color: #623556;
    opacity: 1.0;
}

a.mo-btn-golden-17 {
    font-size: 17px;
    font-weight: 800;
    color: #DBC8BA;
}

a:hover.mo-btn-golden-17{
    opacity: 0.8;
}

a.mo-btn-white-17 {
    font-size: 17px;
    font-weight: 800;
    color: #FFFFFF;
}

a.mo-btn-black-17 {
    font-size: 17px;
    font-weight: 800;
    color: black;
}

a.mo-btn-gray-14 {
    font-size: 14px;
    font-weight: 600;
    color: #3C4549;
}

a.mo-btn-black-14 {
    font-size: 14px;
    font-weight: 500;
    color: black;
}

a:hover.mo-btn-white-17{
    opacity: 0.8;
}

a:hover.mo-btn-black-17{
    opacity: 0.8;
}

a:hover.mo-btn-gray-14{
    opacity: 0.8;
}

a:hover.mo-btn-black-14{
    opacity: 0.8;
}

.mo-text-white-17 {
    font-size: 17px;
    font-weight: 800;
    color: #FFFFFF;
}

a.mo-btn-keyword {
    font-size: 12px;
    font-weight: 300;
    color: black;
    opacity: 0.6;
}

a:hover.mo-btn-keyword{
    opacity: 0.8;
}

a.mo-btn-inner-keyword {
    font-size: 12px;
    font-weight: 300;
    color: #623556;
    opacity: 0.6;
}

a:hover.mo-btn-inner-keyword{
    opacity: 0.8;
}

a.mo-more-text {
    font-size: 15px;
    font-weight: 200;
    color: #202432;
}

a:hover.mo-more-text{
    color: #623556;
}

/* Other */
/*hr {*/
    /*display: block;*/
    /*height: 1px;*/
    /*border: 0;*/
    /*border-top: 1px solid #ccc;*/
    /*margin: 1em 0;*/
    /*padding: 0;*/
    /*background-color: #f03d69;*/
    /*opacity: 0.7;*/
/*}*/

.product-height{
    max-height: 24em; /*locked*/
    min-height: 24em; /*locked*/
}

/*產品名稱和敘述*/
.product-name {
  display : inline-block;
  width : 100%;
  float: left;
  height: 48px;
  text-align: center;
}
.comeback-coin-style{
    display: block;
    float: left;
    width: 50% ;
    font-size: 15px;
    font-weight: bolder;
}
.comeback-coin-style2{
    display: block;
    float: right;
    width: 50% ;
    font-weight: bolder;
    font-size: 15px;
}
@media (max-width: 1500px) {
    .comeback-coin-style{
    display: block;
    float: left;
    width: 50% ;
    font-size: 14px;
    font-weight: bolder;
}
.comeback-coin-style2{
    display: block;
    float: right;
    width: 50% ;
    font-weight: bolder;
    font-size: 15px;
}
}

.price-style-product{
    font-weight: bolder;
    display: block;
    float: left;
    width: 100%;
    background-color:#eeeeee;
    padding: 0.5%;
}

.product-desc {
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3em; /*locked*/
    min-height: 3em; /*locked*/
    line-height: 1.5em;
}

.product-image {
    position: relative;
    max-width:320px;
    width: 100% ;
}

.product-image-big {
    position: relative;
    width:100%;
}

.product-medal {
    position: absolute;
    top: 10px;
    max-width:60px;
    z-index: 1;
}

.broken_price_icon
{
    width: 60px;
    max-width:60px;
    position:absolute;
    right:10%;
    z-index: 99;
}

.product-soldout{
    position: absolute;
    left:0px;
    top: 0px;
    max-width:62px;
    z-index: 1;
}

.product-callprice{
    position: absolute;
    left:0px;
    top: 0px;
    max-height:25px;
    z-index: 1;
}


/*live影片(的播放按鈕)*/
.live-image {
    position: relative;
    width:100%;
}

.live-image:hover {
    cursor: pointer;
}

img.live-play-homepage {
    width: 60px;
    height: 60px;
}

img.live-play-sidebar {
    width: 30px;
    height: 30px;
}

img.live-play {
    /*width: 60px;
    height: 60px;*/
    position: absolute;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


hr-gray {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    background-color: #623556;
    opacity: 0.7;
}

.pagination > li > a, .pagination > li > span{
    color:#7a7a7a;
}

.pagination>li.active>a {
    background: #623556;
    color: #fff;
    border: 1px solid #623556;
}

.pagination > li.active > a:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: #ffffff;
    background-color: #623556;
    border-color: #623556;
}


.tab-content{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.nav-tabs > li > a{
    color: #202432;
    text-align:center;
    background-color:#fff;
    font-size: 15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    /* color: #ffffff;
    background-color: black;
    border-radius: 5px  5px  0px 0px; */

    font-size: 15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background-color:#5E1B56;
    font-weight:900;
    color:#f9edca;
    text-align:center;
}

.nav-tabs > li > a:hover{
    /* background-color: black;
    border-radius: 5px  5px  0px 0px;
    color:#fff; */

    font-size: 15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background-color:#623556;
    font-weight:900;
    color:#f9edca;
    text-align:center;
}





/* Rect */
.mo-rect-white-opacity {
    background-color: rgba(255,255,255,0.85);
    /*box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.01), 0 0 15px 0 rgba(0, 0, 0, 0.10);*/
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.01), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}

/* Text */
.mo-text-75-white {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 75px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.mo-text-45-white {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 45px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.mo-text-30-white {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.mo-text-20-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #434343;
}


.mo-text-20-lightwhite {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    opacity: 0.6;
}

.mo-text-15-lightwhite {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    opacity: 0.3;
}

.mo-text-13-white {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.mo-text-23-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 23px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-23-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 23px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-22-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-22-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 22px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-21-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-21-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 21px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-19-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 19px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-19-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 19px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-18-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-18-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}




.mo-text-17-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-17-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 17px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-16-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #202432;
    text-align: left;
}

.mo-text-16-red {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0px;
    color:red;
}

.mo-text-15-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-15-black2 {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}

.mo-text-15-black-light {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}

.mo-text-15-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}

.mo-text-15-gold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #DBC8BA;
    opacity: 0.7;
}

.mo-text-14-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 14px;
    font-weight: bolder;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing:0px;
    text-align: left;
    color: #202432;
}

.mo-text-14-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}

.mo-text-13-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 1.0;
}

.mo-text-13-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}

.mo-text-12-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-12-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}

.mo-text-10-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}


.mo-text-10-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.7;
}

.mo-text-10-gold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 10px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #DBC8BA;
    opacity: 0.7;
}

.mo-text-12-black2 {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.5;
}

.mo-text-12-gold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #DBC8BA;
    opacity: 0.5;
}

a:hover.mo-text-13-white{
    opacity: 0.7;
}

.mo-text-20-gray {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.4;
}

.mo-text-17-gray {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.8;
}

.mo-text-17-gray-light {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 17px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.5;
}

.mo-text-15-gray {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.4;
}

.mo-text-13-gray {
    /*font-family: PingFangTC;*/
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.6;
}

.mo-text-12-gray {
    /*font-family: PingFangTC;*/
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.6;
}

.mo-text-form {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
    opacity: 0.6;
}

.mo-text-40-pink {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 40px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-30-pink {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-26-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 22px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: ;
}

.mo-text-26-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 22px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #434343;
}


.mo-text-25-pink {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 25px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: red;
}

.mo-text-20-pink-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-17-pink-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 17px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-15-pink {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-15-pink-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-13-pink-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 13px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-13-pink {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 13px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-12-pink-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-12-pink {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #623556;
}

.mo-text-15-blue {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2253eb;
}

/*option box use NO round corner*/
/*ref: https://stackoverflow.com/a/31374482*/
/*select:not([multiple]) {*/
#search-type {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}


#spanMenu {
    display: block;
    float: right;
    /*margin-left: 20px;*/
}

/* country code selector */
.country-code-highlight {
    background: rgba(240, 61, 105, 0.5);
}

.country-code-list-item {
    width:115px;
    display:inline-block;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* text-align:left; */
}

/* 品樂生活相關設定*/
.mo-life-mr-mo
{
    font-weight:bold;
    color:purple;
}

.mo-life-ms-bo
{
    font-weight:bold;
    color:red;
}

.mo-life-family
{
    font-weight:bold;
    color:green;
}

.dropnemu-title
{
    background-color:#623556;
    color:#DBC8BA;
}

.privacy-bg
{
  /* background-color:#EEEEEE; */
  line-height:2em; 
  margin-top:80px; 
  margin-bottom:50px;
  padding-bottom:50px;
}
@media screen and (max-width: 1500px){
.come-back-cell{
    font-size: 16px;
}
}
@media screen and (max-width: 1358px){
.come-back-cell{
    font-size: 15px;
    letter-spacing: 0px;
}
}
@media screen and (max-width: 1288px){
.come-back-cell{
    font-size: 14px;
    letter-spacing: 0px;
}
}
/* mobile modified Roy20180302 */
@media screen and (max-width: 1300px){
.mo-text-18-black-bold {
    font-size: 16px;
}
.mo-text-18-black{
    font-size: 16px;
    font-weight: bolder;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";

}
.mo-text-25-pink{
    font-size: 20px;
    color:red;
}
.mo-text-16-black{
    font-size:  18px;
}
}
@media screen and (max-width:768px) {
.type-768-class{
width: 100%;
}
.type-768-tittle-wrap{
    width: 100%;
}
.type-768-style-tittle-10{
    width: 10%;
    border:1px solid red;
    float: left;
}    
}
@media screen and (max-width:600px) {
    .privacy-bg { margin-top:50px;} 
}

@media screen and (max-width: 600px) {
    .hide_mobile {
        display: none !important;
    }
}

.mobo_setting_advance
{
   margin :50px 0px 50px 0px;
}

@-webkit-keyframes kf_MoboCoinScaling
{
  From { -webkit-transform: scale(1.0); }
  To {-webkit-transform: scale(1.2); }
}

@keyframes kf_MoboCoinScaling
{
  From { -webkit-transform: scale(1.0); }
  To {-webkit-transform: scale(1.2); }
}

.mobocoinAnimation
{
    position:absolute; 
    right:0px;
    -webkit-animation: kf_MoboCoinScaling 0.5s infinite alternate;
    animation: kf_MoboCoinScaling 0.5s infinite alternate;     
}


.mainGroupMenu_item
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-weight: 900;
    margin-right: 2%;
    display:inline-block;
    font-size:20px;
    cursor:pointer;
    color:white;
    letter-spacing: 2px;
}

.subGroupMenu-dropdown-block
{   
    position: absolute;
    display:none;
    top: 115px;
    background-color:white;
    z-index: 1000;
    padding: 10px;
    width: 80%;
    min-height: 200px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 5px;
    font-size: 18px;
    letter-spacing: 2px;

}

.subGroupMenu_left
{
    background-color: transparent;
}

.subGroupMenu_right
{
    display:none;
}

.subGroupMenu_item
{
    width:100%;
    color:black;
    font-size: 18px;
    font-weight: 800;
    font-family: 'Microsoft JhengHei';   
    margin-bottom:2px;
    padding:5px;
    border-radius: 3px;
    cursor:pointer;
}

.subGroupMenu_tags
{
    color:rgb(66, 66, 66);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Microsoft JhengHei';   
    margin-bottom:5px;
    padding:3px;
    border-radius: 3px;
    cursor:pointer;
}

/* span.mainGroupMenu_item:hover,span.mainGroupMenu_item:active{color:#DBC8BA;}
div.subGroupMenu_item:hover,div.subGroupMenu_item:active{background-color:#DBC8BA;}*/
div.subGroupMenu_tags:hover,div.subGroupMenu_tags:active{
    background-color:lightgray;
} 

.tag_select
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    margin-left:5px;
    margin-top:3px;
    color:#434343;
    border-radius:5px;
    padding:5px 5px 5px 5px;
    font-size:20px;
    background-color:#FAFAFA; 
    border-radius:5px;
    box-shadow: 3px 3px 5px #888888;   
}

.tag_unselect
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    margin-left:10px;
    margin-top:3px;
    color:#434343;
    padding:5px 5px 5px 5px;
    font-size:16px;
    cursor:pointer;
}

.tag-decoration
{
    float:left;
    display:block;
    width:5px;
    height:20px;
    border:1px solid #623556;
    background-color:#623556;
    margin-top:3px;
}


.product-discount
{
    position: absolute;
    left:5px;
    bottom:5px;
    z-index: 1;
    opacity: 0.5;
}

.mo-btn-yellow-empty
{
    color:#202432;
    background-color: transparent;
    border:1px #FDD000 solid; 
    width: 160px;
    border-radius:5px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;    
}
.mo-btn-yellow-empty:hover
{
    background-color: #FFFEF6; 
}


.mo-btn-yellow
{
    color:#202432;
    background-color: #FDD000; 
    border:1px #FDD000 solid; 
    width: 160px;
    border-radius:5px;    
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.mo-btn-yellow:hover
{
    background-color: #FDD800; 
}

.instalment_block
{
    display: inline-block;
    height:100px;
    padding:15px 5px 15px 5px;
    background-color:#e6e6e6;
    text-align:center;
    border:#e2e2e2 solid 1px;
    border-radius: 5px;
    color:#997992;
    margin-left:10px;
}




.modal-fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.modal-fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

/* 2018.03.28 phoebe */
.col-xs-10-width{
    width:81.5%;
    float: right;
}

.mo-text-16-black-bold {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202432;
}

.mo-text-decoration{
    float:left;
    display:block;
    width:8px;
    height:20px;
    border:1px solid #623556;
    background-color:#623556;
    margin-right:7px;
}

.mo-more-text-padding-left{
    padding-left:15px;
}
.show-the-menu-login-member{
    display: none;
}
.mo-row-info-left{
    background-color:#ffffff;
    min-height: 450px;
    border-radius:18px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
    padding-top:20px;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
    min-width: 180px;
}

.mo-row-bg-color{
    margin-top:0px;
    margin-left:5px;
    margin-bottom:30px;
    padding: 15px 2.3%;
    background-color:#ffffff;
    border-radius:18px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
}

.info-left-btn{
    margin-top: 15px;
    margin-bottom:20px;
    margin-right:40px;
    background-color:#623556;
    color:#f9edca;
    font-size: 17px;
    font-weight: 900;
    border:none;
    border-radius:3px;
    height:32px;
    padding-top:0px;
    padding-bottom:2px;
    width: 110px;
}

.info-left-btn:active,
.info-left-btn:hover
{
    color:white;
}


@media (max-width: 1024px) {
.show-the-menu-login-member{
    display:block;
}
.mo-row-info-left{
    display: none;
}
.mo-row-info-left.active{
    display: block;
}
}
@media (max-width: 767px) {
    .mo-row-padding{
        padding-left:30%;
    }

    .mo-row-info-left{
        background-color:rgba(98,53,86,0.9);
        min-height: 1500px;
        min-width: 100%;
        text-align:center;
        letter-spacing:5px;
        border-radius:0px;
        box-shadow: 4px 4px 8px rgba(255,255,255,0);
        padding:20px 0px;
        margin-top:-80px;
        margin-bottom: 40px;
        position: fixed;
        z-index: 1100;
    }

    .mo-text-16-black-bold{
        font-size:18px;
        color:#202432;
        letter-spacing:5px;
    }

    a.mo-more-text{
        padding-left:0px;
        font-size:17px;
        color:#f9edca;
    }

    a.mo-more-text:hover{
        color:#ffffff;
        font-weight: 900;
    }

    .mo-info-left-display{
        display:none;
    }

    .mo-row-bg-color{
        margin-left:0px;
        margin-right:2px;
        padding: 15px 0px;  
    }

    .mo-row-info-rigth{
        width:100%;
    }

    #menu-navbar-info-left{
        display:none;
    }

    .mo-info-right-margin-left-1{
        margin-left:-15px;
        /* margin-right:-25px; */
        margin-top:20px;
    }

    .mo-info-right-padding{
        padding:10px 0px 0px 0px;
    }

    .mo-info-right-padding-right-68{
        padding-right:3%;
    }

    #income-expenditure-records-more-than-768{
        display:none;
    }
    #order-tracking-more-than-768{
        display:none;
    }

    #product-tracking-list-more-than-768{
        display:none;
    }

    .mo-info-right-padding-15{
        padding-right:0px;
        padding-left:0px;
    }

    .product-image-height{
        width:100%;
        height:300px;
        padding:10px 0px;
        background-color: white;
        text-align: center;
        line-height:  300px;
    }

    .div-width75{
        width:100%;
    }

    .col-lg-4-line-height{
        line-height:normal;
        margin-top:20px;
    }
}
@media screen and (max-width:480px) {
.type-768-class{
width: 100%;
}
.type-768-tittle-wrap{

}

.type-768-style-tittle-20{
    width: 100%;
}    
}
/* @media (max-width: 382px) {
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:160px;
        width:160px;
        line-height:160px;
    }
} */

/* @media (min-width: 383px) {
    .mo-info-right-line-height{
        line-height:40px;
    }
} */

/* @media (min-width: 383px) and (max-width: 449px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:180px;
        width:180px;
        line-height:180px;
    }
} */

/*@media (min-width: 450px) and (max-width: 599px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:210px;
        width:210px;
        line-height:210px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
    .product-image-height2 img{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 100%;
    }
}*/

/*@media (min-width: 600px) and (max-width: 699px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:270px;
        width:270px;
        line-height:270px;
    }
}*/

/*@media (min-width: 700px) and (max-width: 768px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:320px;
        width:320px;
        line-height:320px;
    }
}*/

@media (min-width: 768px) {
    .mo-row-padding{
        padding-left:30%;
    }

    .mo-row-info-left{
        margin-left:15px;
    }

    .mo-info-left-max-width{
        max-width:150px;
        margin:0 auto;
    }

    .mo-row-info-rigth{
        width:73%;
    }

    #info-left-account-management{
        display:none;
    }

    .mo-info-right-margin-left-1{
        margin-left:0px;
        margin-top:20px;
    }

    .mo-info-right-padding{
        padding:10px 0px 0px 0px;
    }

    .mo-info-right-padding-right-68{
        padding-right:10%;
    }

    #income-expenditure-records-less-than-768{
        display:none;
    }
    

    #order-tracking-less-than-768{
        display:none;
    }

    #menu-navbar-info-left{
        margin-top:40px;
    }

    .mo-info-right-padding-15{
        padding-right:0px;
    }

    .product-image-height{
        width:100%;
        height:300px;
        padding:10px 0px;
        text-align:center;
        background-color: white;
    }

    .div-width75{
        width:75%;
    }

    .col-lg-4-line-height{
        line-height:normal;
        margin-top:20px;
    }
}

@media (min-width: 800px){
    .mo-row-info-rigth{
        width:75%;
    }

    .mo-info-right-margin-left-1{
        margin-left:7.3%;
        margin-top:20px;
    }
}

/*@media (min-width: 769px) and (max-width: 849px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:270px;
        width:270px;
        line-height:270px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
}*/

@media (min-width: 850px){
    .mo-row-info-rigth{
        width:76%;
    }

/*    .product-image-height2{
        text-align:center;
        background-color:white;
        height:300px;
        width:300px;
        line-height:300px;
    }*/
}
@media(max-width:991px){
    .product-tracking-list-more-than-768{
        display:none;
    }

   
}
@media (min-width: 992px) {
    .mo-row-padding{
        padding-left:40px;
    }

    .mo-info-left-max-width{
        max-width:150px;
        margin:0 auto;
    }

    .mo-row-info-rigth{
        width:80%;
    }

    .mo-info-right-padding{
        padding:10px 0px 0px 4px;
    }

    .mo-info-right-padding-right-68{
        padding-right:9%;
    }

    #product-tracking-list-less-than-768{
        display:none;
    }

    #menu-navbar-info-left{
        margin-top:40px;
    }

    
/*    .product-image-height2{
        text-align:center;
        background-color:white;
        height:220px;
        width:220px;
        line-height:220px;
    }

    .product-image-height{
        width:100%;
        height:400px;
        padding:10px 0px;
        background-color:white;
        text-align:center;
    }*/
}

@media (min-width: 1200px){
    .mo-info-right-padding-right-68{
        padding-right:6.8%;
    }

    .product-image-height{
        width:100%;
        height:500px;
        padding:10px 0px;
        background-color:white;
        text-align:center;
        line-height: 500px;
    }

    .col-lg-4-line-height{
        line-height:45px;
        margin-top:0px;
    }
}

@media (min-width: 1000px) and (max-width: 1129px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:240px;
        width:240px;
        line-height:240px;
    }

    .product-image-height{
        width:100%;
        height:350px;
        padding:10px 0px;
        background-color:white;
        text-align:center;
        line-height: 350px;
    }
}

@media (min-width: 1130px) and (max-width: 1199px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:260px;
        width:260px;
        line-height:260px;
    }

    .product-image-height{
        width:100%;
        height:400px;
        padding:10px 0px;
        background-color:white;
        text-align:center;
        line-height: 400px;
    }
}

@media (min-width: 1201px) and (max-width: 1250px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:200px;
        width:200px;
        line-height:200px;
    }
}

@media (min-width: 1251px) and (max-width: 1350px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:220px;
        width:220px;
        line-height:220px;
    }
}

@media (min-width: 1351px) and (max-width: 1439px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:230px;
        width:230px;
        line-height:230px;
    }
}

@media (min-width: 1440px) {
    .mo-row-padding{
        padding-left:45px;
    }

    .mo-row-info-left{
        margin-left:0px;
    }

    .mo-info-left-max-width{
        max-width:150px;
        margin:0 auto;
    }

    .mo-row-info-rigth{
        width:83.33333333333334%;
    }

    #menu-navbar-info-left{
        margin-top:20px;
    }

    .product-image-height2{
        text-align:center;
        background-color:white;
        height:250px;
        width:250px;
        line-height:250px;
    }
}

@media (min-width: 1540px) and (max-width: 1699px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:280px;
        width:280px;
        line-height:280px;
    }
    .mo-text-14-black {
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 14px;
    font-weight: bolder;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing:0px;
    text-align: left;
    color: #202432;
}
}

@media (min-width: 1700px) and (max-width: 1799px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:300px;
        width:300px;
        line-height:300px;
    }
}

@media (min-width: 1800px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:320px;
        width:320px;
        line-height:320px;
    }
}

/* 2018.03.28 phoebe */

/* Roy20180328 */
.homepage-catelog
{
    background-color:transparent;
    color:black;
    font-size:16px;
    font-family: "Microsoft JhengHei","微軟正黑體"
}

.homepage-catelog-active
{
    background-color:plum;
    border-radius:0px 0px 10px 10px;
    color:white;
    font-size:16px;
    font-family: "Microsoft JhengHei","微軟正黑體"
}

.move-to-top {
    margin-top: 35%; 
    z-index: 5;
    color:#fff;
   
}

.buy-button-style
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    width:100%;
    background-color:#5E1B56;
    color:#faeeca;
    text-align:center;
    line-height:50px;
    min-height:50px;
    cursor: pointer;
    border-radius: 10px;
}  

.buy-button-empty-style
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    width:100%;
    background-color:transparent;
    color:#5e334d;
    text-align:center;
    line-height:50px;
    min-height:50px;
}  

@media (min-width: 768px) 
{ 
    .buy-button-style  
    {
        font-size: 16px;
    }
    .buy-button-empty-style 
    {
        font-size: 20px;

    }
}
@media (max-width: 768px) 
{ 
    .buy-button-style  
    {
        font-size: 16px;
        border-radius: 10px;
    }
    .buy-button-empty-style
    {
        font-size: 16px;
        border-radius: 10px;
    }    

    .product-medal {
        left: 5%;
        top: 10px;
        max-width:40px;
    }

    .broken_price_icon
    {
        width: 40px;
        right: 4%;
    }
}

@media (min-width: 921px) 
{ 
    .buy-button-style  
    {
        font-size: 20px;
    }
    .buy-button-empty-style 
    {
        font-size: 20px;
    }
}

/*結帳相關 Roy20180411*/
.payment-title
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #212128;
    padding-left:100px;
    margin-bottom:10px;
}
.payment-subtitle
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #212128;
}
.payment-input
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #212128;
    height:50px;
    width:100%;
    padding-left:2%;
    text-align:left;
}

.payment-checkbox
{
    width:20px;
    height:20px;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 500;            
    color: #212128; 
}

.payment-input-label
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #212128;
    /* padding-left:2%; */
    text-align:left;                
}

.payment-input-label-gray
{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #b9b9b9;
    /* padding-left:2%; */
    text-align:left;                
}

.tpfield {
    height: 40px;
    width: 100%;
    border: 1px solid gray;
    margin: 5px 0;
    padding: 5px;
}

@media (max-width: 768px) 
{ 
    .payment-title
    {
        font-size: 16px;
        padding-left:20px;
    }
    .payment-subtitle
    {
            font-size: 14px;
    }
    .payment-input
    {
            font-size: 14px;
            height:40px;
    }

    .payment-checkbox
    {
        width:16px;
        height:16px;
    }

    .payment-input-label
    {
        font-size: 16px;
    }

    .payment-input-label-gray
    {
        font-size:14px
    }
}

/* Roy end */

/* hank start */
    .product-discount{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    opacity: 0.8;
    font-size: 16px;    
    }
@media screen and (min-width: 1800px)and (max-width: 1920px){
.product-image-height2{
        text-align:center;
        background-color:white;
        height:290px;
        width:290px;
        line-height:290px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
} 
}
@media screen and (min-width: 1680px)and (max-width: 1800px){
.product-image-height2{
        text-align:center;
        background-color:white;
        height:250px;
        width:250px;
        line-height:250px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
} 
}
@media screen and (min-width: 1440px)and (max-width: 1680px){
.product-image-height2{
        text-align:center;
        background-color:white;
        height:230px;
        width:230px;
        line-height:230px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
} 
}
@media screen and (min-width: 1300px)and (max-width: 1440px){
.product-image-height2{
        text-align:center;
        background-color:white;
        height:220px;
        width:220px;
        line-height:220px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
} 
}
@media screen and (min-width: 992px)and (max-width: 1300px){
.product-image-height2{
        text-align:center;
        background-color:white;
        height:180px;
        width:180px;
        line-height:180px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
}    
}
@media screen and (min-width: 769px) and (max-width: 992px){
.product-image-height2{
        text-align:center;
        background-color:white;
        height:220px;
        width:220px;
        line-height:220px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        border:1px solid #eeeeee;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
}
@media screen and (min-width: 768px){
/*     .img-type-style{
max-height:100%;
max-width:100%;
padding:0px;
width: 100%;
height: 100%;  
} */

}
@media screen and (max-width: 768px){
/*     .img-type-style{
max-height:100%;
max-width:100%;
padding:0px;
width: 100%;
height: 100%;  
} */
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:250px;
        width:250px;
        line-height:250px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        border:1px solid #eeeeee;
    }
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
}

@media screen and (max-width: 600px){
    .info-wrap{
    margin-top:0px;
    text-align: center;
    min-height:140px;
    height:auto;
    background-color:#fff;
    height: 100%;  
    }

    .product-name {
        display : inline-block;
        width : 100%;
        float: left;
        height: 40px;
        text-align: center;
        overflow: hidden;
    }
    .mo-text-16-black{
        font-size: 13px;
    }
        .member-display-none{
display: none;   
    }
.product-image-height2{
    border:1px solid #eeeeee;
    height: 200px;
    max-width: 200px;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.product-image-height2 img{
    position: absolute;
    top:50%;
    left:50%;
    transform: tr
    width: 100%;
}
    .product-discount{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    opacity: 0.8;
    font-size: 14px;    
    }
}
@media (max-width: 450px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:210px;
        max-width:210px;
        width: 100%;
        
        line-height:210px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        border:1px solid #eeeeee;
    }
    .product-image-height2 img{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: auto;
    }
    .product-discount{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    opacity: 0.8;
    font-size: 14px;    
    }
    .mo-text-14-black-coin{
        font-family: "Microsoft JhengHei","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    font-size: 12px;
    font-weight: bolder;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    color: #202432;
    }


}
@media (max-width: 414px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:180px;
        max-width:180px;
        width: 100%;
        
        line-height:180px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        border:1px solid #eeeeee;
    }
    .product-image-height2 img{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: auto;
    }
.rwd-min-height-2{
    min-height: 310px; 
}
    .product-discount{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    opacity: 0.8;
    font-size: 14px;    
    }
}
@media (max-width: 375px){
    .product-image-height2{
        text-align:center;
        background-color:white;
        height:170px;
        max-width:170px;
        width: 100%;
        
        line-height:170px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        border:1px solid #eeeeee;
    }
    .product-image-height2 img{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: auto;
    }
    .product-name {
        display : inline-block;
        width : 100%;
        float: left;
        height: 38px;
        text-align: center;
        overflow: hidden;
    }
.rwd-min-height-2{
    min-height: 300px; 
}
    .product-discount{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    opacity: 0.8;
    font-size: 14px;    
    }
}