html {
    position: relative;
    min-height: 100%;
} 

body {
    font-family: "Arial","Helvetica","微軟正黑體","Microsoft JhengHei","黑體","SimHei","儷黑 Pro","LiHei Pro Medium","蘋果儷中黑","Apple LiGothic Medium","新細明體","PMingLiU","細明體","MingLiU","標楷體","DFKai-sb","sans-serif" !important;
    color: #333333;
    margin-bottom: 110px; // margin bottom by footer height
}


/* MERS2016 Color Style */

.color-01 {
    color: #F6635C;
}
.color-01-bg {
    background-color: #F6635C;
}
.color-02 {
    color: #39BD99;
}
.color-02-bg {
    background-color: #39BD99;
}

.color-list-01,
.color-list-01-border h3 {
    color: #F0AD4E;
}
.color-list-01-border {
    border-left-color: #F0AD4E !important;
}
.color-fig-01 {
    background-color: #F0AD4E;
}
.color-list-02,
.color-list-02-border h3 {
    color: #5BC0DE;
}
.color-list-02-border {
    border-left-color: #5BC0DE !important;
}
.color-fig-02 {
    background-color: #5BC0DE;
}
.color-list-03,
.color-list-03-border h3 {
    color: #D9534F;
}
.color-list-03-border {
    border-left-color: #D9534F !important;
}
.color-fig-03 {
    background-color: #D9534F;
}
.color-list-04,
.color-list-04-border h3 {
    color: #5CB85C;
}
.color-list-04-border {
    border-left-color: #5CB85C !important;
}
.color-fig-04 {
    background-color: #5CB85C;
}

.color-writer {
    color: #666666;
    font-size: 12px;
    font-style: italic;
}

.color-myresources {
    color: #db8d04 !important;
}
.color-myresources-bg {
    background-color: #feface;
}


/* Home Style */

.home {
    xbackground-image: url(../img/bg_blur_01.jpg);
    xbackground-color: #66BBAA;
    -ms-background-size: cover;
    background-size: cover;
}
.home-logo,.home-logo_full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px;
    min-height: 300px;
}

/* Carousel Blur BG */
.bg-carousel {
    z-index: -99;
}
.bg-carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: opacity 4s;
    -moz-transition: opacity 4s;
    -o-transition: opacity 4s;
    -ms-transition: opacity 4s;
    -webkit-transition-property: opacity 4s;
    transition-property: opacity 4s;
    opacity: 1;
}
.bg-carousel .active {
    opacity: 1;
}
.bg-carousel .active.left,
.bg-carousel .active.right {
    opacity: 0.5;
    z-index: 1;
}
.bg-carousel .next.left,
.bg-carousel .prev.right {
    opacity: 1;
    z-index: 2;
}


.bg-carousel .blur-21 { background: url(../img/bg_blur_pd_21.jpg) no-repeat top center;background-size: cover;}
.bg-carousel .blur-20 { background: url(../img/bg_blur_pd_20.jpg) no-repeat top center;background-size: cover;}
.bg-carousel .blur-19 { background: url(../img/bg_blur_pd_19.png) no-repeat top center;background-size: cover;}
.bg-carousel .blur-18 { background: url(../img/bg_blur_pd_18.jpg) no-repeat top center;background-size: cover;}
.bg-carousel .blur-17 { background: url(../img/bg_blur_pd_17.jpg) no-repeat top center;background-size: cover;}
.bg-carousel .blur-16 { background: url(../img/bg_blur_pd_16.jpg) no-repeat top center;background-size: cover;}

.bg-carousel .blur-15 {
    background: url(../img/bg_blur_mars_ads.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}


.bg-carousel .blur-14 {
    background: url(../img/bg_blur_eq16_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-13 {
    background: url(../img/bg_blur_stemup_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-01 {
    background: url(../img/bg_blur_pmath_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-02 {
    background: url(../img/bg_blur_pchin_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-03 {
    background: url(../img/bg_blur_pcomp_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-04 {
    background: url(../img/bg_blur_sjhist_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-05 {
    background: url(../img/bg_blur_sls_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-06 {
    background: url(../img/bg_blur_klm_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-07 {
    background: url(../img/bg_blur_pmath_02.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-08 {
    background: url(../img/bg_blur_pchin_02.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-09 {
    background: url(../img/bg_blur_pcomp_02.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-10 {
    background: url(../img/bg_blur_sls_02.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.bg-carousel .blur-11 {
    background: url(../img/bg_blur_klm_02.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}

.bg-carousel .blur-12 {
    background: url(../img/bg_blur_sshist_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}

/* Carousel Product BG */
.pd-carousel {
    min-height: 100%;
    height: 100%;
    width: 100%;
}
.pd-carousel-content {
    position: absolute;
    min-height: 100%;
    height: 100%;
    width: 100%;
    z-index: 99;
    xbackground-color: rgba(3,189,153,0.5);
}
.pd-carousel-inner {
    min-height: 100%;
    height: 100%;
}
.pd-carousel .item {
    min-height: 100%;
    height: 100%;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -webkit-transition-property: opacity 2s;
    transition-property: opacity 2s;
    opacity: 0.5;
}
.pd-carousel .active {
    opacity: 1;
}
.pd-carousel .active.left,
.pd-carousel .active.right {
    opacity: 0.5;
    z-index: 10;
}
.pd-carousel .next.left,
.pd-carousel .prev.right {
    opacity: 1;
    z-index: 20;
}

/*
.bg-carousel .blur-@@i@@ { background: url(../img/bg_blur_pd_@@i@@.png) no-repeat top center;background-size: cover;}
.pd-carousel .pd-@@i@@ { background: url(../img/bg_pd_@@i@@.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-@@i@@-logo {   background: url(../img/bg_pd_@@i@@_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }
*/
.pd-carousel .pd-33 { background: url(../img/bg_pd_33.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-33-logo {   background: url(../img/bg_pd_33_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-34 { background: url(../img/bg_pd_34.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-34-logo {   background: url(../img/bg_pd_34_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-35 { background: url(../img/bg_pd_35.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-35-logo {   background: url(../img/bg_pd_35_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-36 { background: url(../img/bg_pd_36.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-36-logo {   background: url(../img/bg_pd_36_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-37 { background: url(../img/bg_pd_37.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-37-logo {   background: url(../img/bg_pd_37_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-38 { background: url(../img/bg_pd_38.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-38-logo {   background: url(../img/bg_pd_38_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-39 { background: url(../img/bg_pd_39.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-39-logo {   background: url(../img/bg_pd_39_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-40 { background: url(../img/bg_pd_40.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-40-logo {   background: url(../img/bg_pd_40_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-41 { background: url(../img/bg_pd_41.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-41-logo {   background: url(../img/bg_pd_41_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-42 { background: url(../img/bg_pd_42.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-42-logo {   background: url(../img/bg_pd_42_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-43 { background: url(../img/bg_pd_43.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-43-logo {   background: url(../img/bg_pd_43_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-44 { background: url(../img/bg_pd_44.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-44-logo {   background: url(../img/bg_pd_44_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-45 { background: url(../img/bg_pd_45.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-45-logo {   background: url(../img/bg_pd_45_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-46 { background: url(../img/bg_pd_46.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-46-logo {   background: url(../img/bg_pd_46_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-47 { background: url(../img/bg_pd_47.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-47-logo {   background: url(../img/bg_pd_47_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-48 { background: url(../img/bg_pd_48.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-48-logo {   background: url(../img/bg_pd_48_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-49 { background: url(../img/bg_pd_49.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-49-logo {   background: url(../img/bg_pd_49_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-50 { background: url(../img/bg_pd_50.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-50-logo {   background: url(../img/bg_pd_50_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-51 { background: url(../img/bg_pd_51.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-51-logo {   background: url(../img/bg_pd_51_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-52 { background: url(../img/bg_pd_52.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-52-logo {   background: url(../img/bg_pd_52_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }





.pd-carousel .pd-22 { background: url(../img/bg_pd_22.png?ts=202000825) no-repeat top center; background-size: cover;}
.pd-carousel .pd-22-logo {   background: url(../img/bg_pd_22_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-23 { background: url(../img/bg_pd_23.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-23-logo {   background: url(../img/bg_pd_23_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-24 { background: url(../img/bg_pd_24.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-24-logo {   background: url(../img/bg_pd_24_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-25 { background: url(../img/bg_pd_25.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-25-logo {   background: url(../img/bg_pd_25_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-26 { background: url(../img/bg_pd_26.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-26-logo {   background: url(../img/bg_pd_26_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-27 { background: url(../img/bg_pd_27.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-27-logo {   background: url(../img/bg_pd_27_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-28 { background: url(../img/bg_pd_28.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-28-logo {   background: url(../img/bg_pd_28_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-29 { background: url(../img/bg_pd_29.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-29-logo {   background: url(../img/bg_pd_29_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-30 { background: url(../img/bg_pd_30.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-30-logo {   background: url(../img/bg_pd_30_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-31 { background: url(../img/bg_pd_31.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-31-logo {   background: url(../img/bg_pd_31_logo.png?ts=20200717) no-repeat top center;  background-size: cover; }



.bg-carousel .blur-21 { background: url(../img/bg_blur_pd_21.png) no-repeat top center;background-size: cover;}
.pd-carousel .pd-21 { background: url(../img/bg_pd_21.png) no-repeat top center; background-size: cover;}
.pd-carousel .pd-21-logo {   background: url(../img/bg_pd_21_logo.png?ts=20200313) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-20 { background: url(../img/bg_pd_20.jpg) no-repeat top center; background-size: cover;}
.pd-carousel .pd-20-logo {   background: url(../img/bg_pd_20_logo.jpg?ts=20200313) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-19 { background: url(../img/bg_pd_19_20200407.png?ts=2020072001) no-repeat top center; background-size: cover;}
.pd-carousel .pd-19-logo {   background: url(../img/bg_pd_19_20200407_logo.png?ts=2020072001) no-repeat top center;  background-size: cover; }


.pd-carousel .pd-18 { background: url(../img/bg_pd_18.jpg) no-repeat top center; background-size: cover;}
.pd-carousel .pd-18-logo {   background: url(../img/bg_pd_18_logo.jpg?ts=20200313) no-repeat top center;  background-size: cover; }


.pd-carousel .pd-17 { background: url(../img/bg_pd_17.jpg) no-repeat top center; background-size: cover;}
.pd-carousel .pd-17-logo {   background: url(../img/bg_pd_17_logo.jpg) no-repeat top center;  background-size: cover; }

.pd-carousel .pd-16 {
    background: url(../img/bg_pd_16.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-16-logo {
    background: url(../img/bg_pd_16_logo.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}

.pd-carousel .pd-15 {
    background: url(../img/bg_mars_ads.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}

.pd-carousel .pd-14 {
    background: url(../img/bg_pd_eq16_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-13 {
    background: url(../img/bg_pd_stemup_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-01 {
    background: url(../img/bg_pd_pmath_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-01-logo {
    background: url(../img/bg_pd_pmath_01_logo.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-02 {
    background: url(../img/bg_pd_pchin_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-02-logo {
    background: url(../img/bg_pd_pchin_01_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-03 {
    background: url(../img/bg_pd_pcomp_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-03-logo {
    background: url(../img/bg_pd_pcomp_01_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-04 {
    background: url(../img/bg_pd_sjhist_01.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-04-logo {
    background: url(../img/bg_pd_sjhist_01_logo.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-05 {
    background: url(../img/bg_pd_sls_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-05-logo {
    background: url(../img/bg_pd_sls_01_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-06 {
    background: url(../img/bg_pd_klm_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-06-logo {
    background: url(../img/bg_pd_klm_01_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-07 {
    background: url(../img/bg_pd_pmath_02.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-07-logo {
    background: url(../img/bg_pd_pmath_02_logo.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-08 {
    background: url(../img/bg_pd_pchin_02.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-08-logo {
    background: url(../img/bg_pd_pchin_02_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-09 {
    background: url(../img/bg_pd_pcomp_02.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-09-logo {
    background: url(../img/bg_pd_pcomp_02_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-10 {
    background: url(../img/bg_pd_sls_02.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-10-logo {
    background: url(../img/bg_pd_sls_02_logo.jpg) no-repeat top center;
    background-size: cover;  /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-11 {
    background: url(../img/bg_pd_klm_02.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-11-logo {
    background: url(../img/bg_pd_klm_02_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-12 {
    background: url(../img/bg_pd_sshist_01.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}
.pd-carousel .pd-12-logo {
    background: url(../img/bg_pd_sshist_01_logo.jpg) no-repeat top center;
    background-size: cover; /* set backgound size cover 100% width or height */
    /* background-size: 100% auto; */ /* set backgound size 100% width */
}




/* Navbar Style */

#burger-toggle .icon-bar {
    background-color: white;
    width: 22px;
}
#burger-toggle .bar-top, #burger-toggle .bar-middle, #burger-toggle .bar-bottom {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#burger-toggle .bar-top {
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 10% 10%;
    -o-transform: rotate(45deg);
    -o-transform-origin: 10% 10%;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 10% 10%;
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
#burger-toggle .bar-middle {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
}
#burger-toggle .bar-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 10% 90%;
    -o-transform: rotate(-45deg);
    -o-transform-origin: 10% 90%;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 10% 90%;
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
#burger-toggle.collapsed .bar-top {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
#burger-toggle.collapsed .bar-middle {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}
#burger-toggle.collapsed .bar-bottom {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

#arrow-toggle .icon-bar {
    background-color: white;
    width: 16px;
}
#arrow-toggle .bar-left, #arrow-toggle .bar-center, #arrow-toggle .bar-right {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#arrow-toggle .bar-left {
    -webkit-transform-origin: top right;
    -webkit-transform: translateX(-7px) translateY(10px) rotate(45deg);
    -moz-transform-origin: top right;
    -moz-transform: translateX(-7px) translateY(10px) rotate(45deg);
    -o-transform-origin: top right;
    -o-transform: translateX(-7px) translateY(10px) rotate(45deg);
    -ms-transform-origin: top right;
    -ms-transform: translateX(-7px) translateY(10px) rotate(45deg);
    transform-origin: top right;
    transform: translateX(-7px) translateY(10px) rotate(45deg);
}
#arrow-toggle .bar-right {
    -webkit-transform-origin: top left;
    -webkit-transform: translateX(7px) translateY(4px) rotate(-45deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(7px) translateY(4px) rotate(-45deg);
    -o-transform-origin: top left;
    -o-transform: translateX(7px) translateY(4px) rotate(-45deg);
    -ms-transform-origin: top left;
    -ms-transform: translateX(7px) translateY(4px) rotate(-45deg);
    transform-origin: top left;
    transform: translateX(7px) translateY(4px) rotate(-45deg);
}
#arrow-toggle.collapsed .bar-left {
    -webkit-transform-origin: top right;
    -webkit-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    -moz-transform-origin: top right;
    -moz-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    -o-transform-origin: top right;
    -o-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    -ms-transform-origin: top right;
    -ms-transform: translateX(-8px) translateY(6px) rotate(-45deg);
    transform-origin: top right;
    transform: translateX(-8px) translateY(6px) rotate(-45deg);
}
#arrow-toggle.collapsed .bar-right {
    -webkit-transform-origin: top left;
    -webkit-transform: translateX(8px) translateY(0px) rotate(45deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(8px) translateY(0px) rotate(45deg);
    -o-transform-origin: top left;
    -o-transform: translateX(8px) translateY(0px) rotate(45deg);
    -ms-transform-origin: top left;
    -ms-transform: translateX(8px) translateY(0px) rotate(45deg);
    transform-origin: top left;
    transform: translateX(8px) translateY(0px) rotate(45deg);
}

.navbar {
    border: none! important; /* overwrite bootstrap navbar style */
}
.navbar-main {
    background-color: rgba(255,255,255,0.25);
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-collapse.in,
.navbar-collapse.collapsing {
    background-color: rgba(0,0,0,0.5);
    clear: left;
}

.navbar .nav > li > a {
    height: 50px;
    font-size: 18px;
    line-height: 16px;
    color: white;
    padding-top: 13px;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:active,
.navbar .nav > li > a:visited,
.navbar .nav > li > a:focus {
    background-color: rgba(0,0,0,0.25);
    background-image: none;
    -webkit-box-shadow: 0px 5px 0px #f6635c inset;
    box-shadow: 0px 5px 0px #f6635c inset;
    color: white
}
/* Modified bootstrap.css style */
@media (max-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
@media (max-width: 768px) {
  .navbar > .container .navbar-toggle,
  .navbar > .container-fluid .navbar-toggle {
    margin-right: 0px;
  }
}

.btn-outline {
    background-color: rgba(255,255,255,0.25);
    border: 1px solid white;
    color: #333333;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    background-color: rgba(0,0,0,0.25);
    color: white;
}

a.nav-btn,
a.nav-btn:focus,
a.nav-btn:active {
    opacity: 0.75;
}
a.nav-btn:hover {
    opacity: 1;
}

.main-dropdown {
    background-color: rgba(0,0,0,0.5) !important;
    border: 0 !important;
}
.main-dropdown-menu > li > a {
    font-size: 18px;
    line-height: 16px;
    color: white;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-dropdown-menu > li > a:hover,
.main-dropdown-menu > li > a:active,
.main-dropdown-menu > li > a:focus {
    background-color: rgba(255,255,255,0.5);
    background-image: none;
    color: white;
}

.line-left {
    display: inline-block;
    border-left: 1px solid white;
}

.line-right {
    display: inline-block;
    border-right: 1px solid white;
}

.text-eng {
    font-size: 75%;
}

.title {
    font-size: 18px;
    line-height: 16px;
    color: white;
}

.subtitle {
    font-size: 16px;
    line-height: 14px;
    color: #F6635C;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 10px;
}

.header-01 {
    font-size: 24px;
    line-height: 20px;
    color: #39BD99;
    padding-top: 20px;
    padding-bottom: 15px;
}
.header-02 {
    font-size: 18px;
    line-height: 16px;
    color: #666666;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 30px;
}
.header-instruction {
    font-size: 16px;
    line-height: 16px;
    color: #666666;
}
.text-instruction {
    font-size: 16px;
    color: #666666;
}
.header-minor {
    font-size: 14px;
    color: #999999;
}

.breadcrumb {
    font-size: 12px;
}

.panel-login {
    background-color: rgba(255,255,255,0.25);
}
.login-modal {
    padding: 20px 40px;
}

/* hr-label */
.hr-label {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
.hr-label > span {
    position: relative;
    display: inline-block;
    color: #999999; 
}
.hr-label > span:before,
.hr-label > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #dddddd;
}
.hr-label > span:before {
    right: 100%;
    margin-right: 15px;
}
.hr-label > span:after {
    left: 100%;
    margin-left: 15px;
}


/* Home Apps */

.home-app {
    background-color:#feface;
}

.app-carousel {
    margin-bottom: 0;
    padding: 0 50px 0px 50px;
}
.app-carousel .thumbnail {
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(0,0,0,0);
}
.app-carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    top: -20px;
    xmargin-bottom: 5px;
    height: 20px;
    text-align: center;
    line-height: 16px;
}
.app-carousel-control {
    xmargin-bottom: 50px;
}
.app-carousel-control.left, .app-carousel-control.right {
    background-image: none;
    width: 40px;
}
.app-carousel-control .menu-left {
    position: absolute;
    top: 30%;
    left: 0%;
    z-index: 5;
    display: inline-block;
    text-shadow: none;
}
.app-carousel-control .menu-right {
    position: absolute;
    top: 30%;
    right: 0%;
    z-index: 5;
    display: inline-block;
    text-shadow: none;
}
.app-carousel-indicators {
    margin-bottom: -30px;
}
.app-carousel-indicators li {
    border-color: rgba(0,0,0,0);
    background-color: #999999;
}
.app-carousel-indicators .active {
    border-color: #999999;
    background-color: rgba(0,0,0,0);
}


/* News Style */

.news {
    background-color: rgba(255,255,255,0.4);
    color: #000000;
}
.news-callout {
    padding: 5px;
    margin: 2px 0;
    background-color: white;
    border: 1px solid #CCCCCC;
    border-left-width: 5px;
    border-radius: 0px;
    xcursor: pointer;
}
.news-callout date {
    position: relative;
    top: -8px;
    font-style: italic;
    font-size: 16px;
}
.news-callout .date-title {
    display: inline-block;
    font-size:12px;
    line-height: 10px;
    margin-right: 10px;
}
.modal-header date {
    position: relative;
    top: -10px;
    font-style: italic;
    font-size: 18px;
}
.modal-header .date-title {
    display: inline-block;
    font-size:14px;
    line-height: 12px;
    margin-right: 10px;
}


/* Events Style */

.events {
    background-color: rgba(255,255,255,0.2);
    color: #000000;
}
.events-callout {
    padding: 5px;
    margin: 2px 0;
    background-color: white;
    border: 1px solid #CCCCCC;
    border-left-width: 5px;
    border-radius: 0px;
    xcursor: pointer;
}
.events-callout date {
    position: relative;
    top: -8px;
    font-style: italic;
    font-size: 16px;
}
.events-callout .date-title {
    display: inline-block;
    font-size:12px;
    line-height: 10px;
    margin-right: 10px;
}
.events-callout .event-year {
    font-size:12px;
    line-height: 10px;
    color: #f6635c;
    text-align: right;
}
.modal-header .event-year {
    font-size:14px;
    line-height: 12px;
    color: #f6635c;
    text-align: right;
}


/* Ads Style */

.home-ads {
    background-color: #feff99;
}
.home-ads img{
    display: inline-block;
    padding: 5px;
    xmax-height: 150px;
    max-height: 150px;
}

/* Home Hot Style */

.home-hot {
    padding: 10px 0;
    background: url(../img/frbg_ba.png) no-repeat;
    background-size: cover;
}
.home-hot-title {
    height: 36px;
    padding: 0;
    background: url(../img/hdr_hotitem_01.png) center center no-repeat;
    background-size: auto 100%;
}
.home-hot .row {
    margin: 0;
}
.home-hot .row [class*='col-'] {
    height: 180px;
    padding: 10px;
}
.home-hot-item {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}


/* Footer Style */

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #39bd99;
}
.footer {
    font-size: 10px;
    color: white;
    float: none;
    vertical-align: top;
    word-wrap: break-word;
}
a.footer, a.footer:visited {
    color: white;
}
a.footer:hover, a.footer:active {
    color: #f6635c;
    text-decoration: underline;
}
.footer > li > a {
    font-size: 12px;
    line-height: 10px;
    color: white;
}
.footer > li > a:hover,
.footer > li > a:active,
.footer > li > a:visited,
.footer > li > a:focus {
    background-color: rgba(0,0,0,0.25);
    background-image: none;
    color: white;
}


/* Resources Style */

.resources-icon {
    margin-bottom: 30px;
}
.resources-item-bg {
    height: 150px;
    background-color: #FFFFFF;
    margin-bottom: 15px;
}


/* Shadow Properties */

.shadow-corner {
    position: relative;
}
.shadow-corner:before, .shadow-corner:after {
    position: absolute;
    z-index: -1;
    content: '';
    width: 50%;
    max-width: 300px;
    top: 80%;
    bottom: 15px;
    left: 10px;
    -webkit-box-shadow: 0 10px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0 10px 15px 0px rgba(0,0,0,0.5);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.shadow-corner:after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
.shadow-corner-left {
    position: relative;
}
.shadow-corner-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    width: 50%;
    max-width: 300px;
    top: 80%;
    bottom: 15px;
    left: 10px;
    -webkit-box-shadow: 0 10px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0 10px 15px 0px rgba(0,0,0,0.5);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.shadow-corner-right {
    position: relative;
}
.shadow-corner-right:before {
    position: absolute;
    z-index: -1;
    content: '';
    width: 50%;
    max-width: 300px;
    top: 80%;
    bottom: 15px;
    right: 10px;
    -webkit-box-shadow: 0 10px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0 10px 15px 0px rgba(0,0,0,0.5);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}


/* Links Style */

a.link, a.link:visited {
    color: white;
}
a.link:hover, a.link:active {
    color: #F6635C;
    text-decoration: underline;
}


/* Button Style */

.btn-product {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}


/* Button Mouseover Style */

.btn-mo {
    margin: 0 auto;
}
.btn-mo figure {
    margin: 0;
    position: relative;
}
.btn-mo figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    margin: 0;
    border-radius: 0px;
    color: white;
}
figure {
    overflow: hidden;
}
figcaption {
    height: 100%;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.4s, opacity 0.1s 0.3s;
    -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
    line-height: 14px;
}
figure:hover figcaption {
    opacity: 0.8;
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
    -webkit-transition: transform 0.4s, opacity 0.1s;
    -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
}
figcaption a {
    position: absolute;
}


/* Callout Style */

.callout {
    padding: 0px 20px;
    margin: 20px 0;
    background-color: white;
    border: 1px solid #CCCCCC;
    border-left-width: 5px;
    border-radius: 0px;
}
.callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.callout p:last-child {
    margin-bottom: 0px;
}
.callout code {
    border-radius: 0px;
}


/* Post Style */

.post-icon-bg {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    padding-top: 25px;
    border-radius: 0px;
    background-color: #F6635C;
    font-size: 35px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}
.post {
    cursor: pointer;
}


/* Alert Style */

.alert-warning {
    background-image: none;
}
.alert-warning-mo:hover,
.alert-warning-mo:active,
.alert-warning-mo:visited,
.alert-warning-mo:focus {
    background-color: #FAF2CC;
}
.alert-info {
    background-image: none;
}
.alert-info-mo:hover,
.alert-info-mo:active,
.alert-info-mo:visited,
.alert-info-mo:focus {
    background-color: #C4E3F3;
}
.alert-danger {
    background-image: none;
}
.alert-danger-mo:hover,
.alert-danger-mo:active,
.alert-danger-mo:visited,
.alert-danger-mo:focus {
    background-color: #EBCCCC;
}
.alert-success {
    background-image: none;
}
.alert-success-mo:hover,
.alert-success-mo:active,
.alert-success-mo:visited,
.alert-success-mo:focus {
    background-color: #D0E9C6;
}

.alert .alert-title {
    font-size: 18px;
    font-weight: bold;
}


/* Bulletin Style */

.bulletin-img {
    width: 300px;
}
.bulletin-img-description {
    max-width: 300px;
}
.bulletin-table > tbody > tr > td {
    min-width: 50px;
}
.bulletin-caret {
    position: absolute;
    top: 45%;
    right: 10px;
}


/* About Us Style */
.about-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 200px;
    margin-bottom: 20px;
}


/* Customer Services Style */

.cs-field-label {
    padding-top: 5px;
    font-size: 14px;
    line-height: 12px;
    color: #CCCCCC;
    border-right: 1px solid #39BD99;
}
.cs-field {
    padding-left: 20px;
}
#cs-map-canvas {
    height: 480px;
}


/* Activities Style */

.activities-img {
    width: 200%;
    margin-left: -50%;
}


/* Image Style */

.img-wrapper {
    position: relative;
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
}
.img-description {
    position: relative;
    min-height: 24px;
    background-color: rgba(0,0,0,0.5);
    font-size: 13px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 4px 8px;
}
.img-description-modal {
    text-align: left;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
}


/* Badge Style */

.badge-news {
    position: relative;
    left: 5px;
    top: -15px;
    padding: 4px 4px;
    border-radius: 2px;
    background: #F6635C;
    color: #ffffff;
    font-size: 12px;
}


/* Table Style */

.table-header{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid;
}
.table-icon {
    font-size: 22px;
}
.table-content > tbody > tr > td {
    min-width: 50px;
}
.table-content .extra > td {
    height: 60px;
    vertical-align: bottom;
}


/* Form Style */
.form-label {
    display: inline-block;
    text-align: right;
    padding: 0;
    margin-top: 10px;
    white-space: nowrap;
    line-height: 14px;
}


/* Icon Style */

.material-icons.md-34 {
    font-size: 34px;
}


/* Thumbnail Properties */

/* Shake */
.p-thumbnail-shake:hover {
    -webkit-animation: shake .5s ease-in-out;
    animation: shake .5s ease-in-out;
}
@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    60% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    60% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/* Rotate Flip Bottom */
.p-thumbnail-flipOutBottom:hover {
    -webkit-animation: flipOutBottom .5s both ease-in;
    animation: flipOutBottom .5s both ease-in;
}
.p-thumbnail-flipInTop:hover {
    -webkit-animation: flipInBottom .5s both ease-out;
    animation: flipInBottom .5s both ease-out;
}
@-webkit-keyframes flipOutBottom {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottom {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInTop {
	from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTop {
	from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}


/* Country Picker Style */
.country-dropdown {
    position: absolute;
    margin-left: -160px;
    padding-top: 8px;
}
.country-dropdown-xs {
    position: absolute;
    margin-left: -75px;
    padding-top: 8px;
}

/* Overwirte the Flag Icon CSS Style */
.flag-icon {
    display: inline;
    background-position: left;
}
.flag-icon:before {
    padding-right: 25px;
}
/**/
/* Product */
.product-header {
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
}
.product-header .header {
    display: inline-block;
    margin-left: 15px;
    padding-bottom: 10px;
    color: #f6635c;
}
.product-header hr {
    margin: 0;
    height: 1px;
    border: 0;
    background-color: #f6635c;
}

.product-header .header-dropdown {
    position: absolute;
    bottom: 10px;
    right: 30px;
    display: inline-block;
}

.product-title {
    margin: 15px;
    font-size: 18px;
    color: #666666;
}
.product-desc {
    margin: 15px;
    margin-top: 0;
    color: #666666;
}

.product-icons-col {
    padding: 15px;
    xborder-right: solid 1px #39bd99;
    border-bottom: solid 1px #39bd99;
}

.product-icon {
    position: relative;
    height: 100%;
}
.product-icon .image {
    position: relative;
    height: 200px;
}
.product-icon .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    min-width: 120px;
}
.product-icon .name {
    position: relative;
    height: 60px;
    padding: 10px;
	background-color: #f99441;
}
.product-icon .name .text {
    xposition: absolute;
    xtop: 50%;
    xleft: 50%;
    xtransform: translate(-50%, -50%);
    line-height: 20px;
    font-size: 18px;
    color: #39bd99;
	
    xline-height: 10px;
    xfont-size: 10px;
    
	color: #ffffff;
	
}
.product-icon .name:hover {
    xbackground-color: #39bd99;
}
.product-icon .name:hover .text {
    xcolor: #ffffff;
}

.product-icon .button {
    position: relative;
    height: 30px;
    margin-bottom: 2px;
}
.product-icon .button .text {
    xposition: absolute;
    xwidth: 100%;
    xtop: 50%;
    xtransform: translateY(-50%);
    xtext-align: center;
    color: #ffffff;
	
	background-color: #ffffff;
	color: black;
	
}
.product-icon .button#term {
    background-color: #74beda;
}
.product-icon .button#term:hover {
    border: solid 1px #74beda;
    background-color: #ffffff;
}
.product-icon .button#term:hover .text {
    color: #74beda;
}
.product-icon .button#isbn {
    line-height: 14px;
    font-size: 14px;
    xbackground-color: #f99441;
	background-color: #ffffff;
}
.product-icon .button#isbn:hover {
    xborder: solid 1px #f99441;
    xcolor: #f99441;
    xbackground-color: #ffffff;
}
.product-icon .button#isbn:hover .text {
    xcolor: #f99441;
}

.product-kg {
}
.product-kg-right {
    padding: 0;
}

.product-kg .image img {
    max-height: 300px;
}

.product-selection {
    margin-top: 15px;
}
.product-selection .title {
    display: inline-block;
    margin: 0 15px;
    margin-bottom: 10px;
    padding: 10px 15px;
    color: #ffffff;
}
.product-selection hr {
    margin: 0;
    height: 1px;
    border: 0;
}
.product-selection#for-st .title {
    background-color: #74beda;
}
.product-selection#for-st hr {
    background-color: #74beda;
}
.product-selection#for-th .title {
    background-color: #39bd99;
}
.product-selection#for-th hr {
    background-color: #39bd99;
}
.product-selection .selection {
    margin-top: 10px;
}
.product-selection .selection .item a {
    margin-right: 15px;
    color: #74beda;
}
.product-selection .selection .item a:hover {
    text-decoration: none;
    color: #f6635c;
}




/* Common Style */

/* color */
.color-black {
    color: black;
}
.color-white {
    color: white;
}
.color-yellow {
    color: yellow;
}
.color-light-blue {
    color: #ccffff;
}

/* padding(old) */
.top-0 {
    padding-top: 0px;
}
.top-4 {
    padding-top: 4px;
}
.top-5 {
    padding-top: 5px;
}
.top-8 {
    padding-top: 8px;
}
.top-10 {
    padding-top: 10px;
}
.top-15 {
    padding-top: 15px;
}
.top-20 {
    padding-top: 20px;
}
.top-25 {
    padding-top: 25px;
}
.top-30 {
    padding-top: 30px;
}
.top-35 {
    padding-top: 35px;
}
.top-40 {
    padding-top: 40px;
}
.bottom-0 {
    padding-bottom: 0px;
}
.bottom-5 {
    padding-bottom: 5px;
}
.bottom-10 {
    padding-bottom: 10px;
}
.bottom-15 {
    padding-bottom: 15px;
}
.bottom-20 {
    padding-bottom: 20px;
}
.bottom-25 {
    padding-bottom: 25px;
}
.bottom-30 {
    padding-bottom: 30px;
}
.bottom-35 {
    padding-bottom: 35px;
}
.bottom-40 {
    padding-bottom: 40px;
}
.left-0 {
    padding-left: 0px;
}
.left-5 {
    padding-left: 5px;
}
.left-10 {
    padding-left: 10px;
}
.left-15 {
    padding-left: 15px;
}
.left-20 {
    padding-left: 20px;
}
.left-25 {
    padding-left: 25px;
}
.left-30 {
    padding-left: 30px;
}
.left-35 {
    padding-left: 35px;
}
.left-40 {
    padding-left: 40px;
}
.left-50 {
    padding-left: 50px;
}
.right-0 {
    padding-right: 0px;
}
.right-5 {
    padding-right: 5px;
}
.right-10 {
    padding-right: 10px;
}
.right-15 {
    padding-right: 15px;
}
.right-20 {
    padding-right: 20px;
}
.right-25 {
    padding-right: 25px;
}
.right-30 {
    padding-right: 30px;
}
.right-35 {
    padding-right: 35px;
}
.right-40 {
    padding-right: 40px;
}
.right-50 {
    padding-right: 50px;
}
.all-0 {
    padding: 0;
}
.all-5 {
    padding: 5px;
}
.all-10 {
    padding: 10px;
}

/* padding */
.p-top-0 {
    padding-top: 0px;
}
.p-top-4 {
    padding-top: 4px;
}
.p-top-5 {
    padding-top: 5px;
}
.p-top-8 {
    padding-top: 8px;
}
.p-top-10 {
    padding-top: 10px;
}
.p-top-15 {
    padding-top: 15px;
}
.p-top-20 {
    padding-top: 20px;
}
.p-top-25 {
    padding-top: 25px;
}
.p-top-30 {
    padding-top: 30px;
}
.p-top-35 {
    padding-top: 35px;
}
.p-top-40 {
    padding-top: 40px;
}
.p-bottom-0 {
    padding-bottom: 0px;
}
.p-bottom-5 {
    padding-bottom: 5px;
}
.p-bottom-10 {
    padding-bottom: 10px;
}
.p-bottom-15 {
    padding-bottom: 15px;
}
.p-bottom-20 {
    padding-bottom: 20px;
}
.p-bottom-25 {
    padding-bottom: 25px;
}
.p-bottom-30 {
    padding-bottom: 30px;
}
.p-bottom-35 {
    padding-bottom: 35px;
}
.p-bottom-40 {
    padding-bottom: 40px;
}
.p-left-0 {
    padding-left: 0px;
}
.p-left-5 {
    padding-left: 5px;
}
.p-left-10 {
    padding-left: 10px;
}
.p-left-15 {
    padding-left: 15px;
}
.p-left-20 {
    padding-left: 20px;
}
.p-left-25 {
    padding-left: 25px;
}
.p-left-30 {
    padding-left: 30px;
}
.p-left-35 {
    padding-left: 35px;
}
.p-left-40 {
    padding-left: 40px;
}
.p-left-50 {
    padding-left: 50px;
}
.p-right-0 {
    padding-right: 0px;
}
.p-right-5 {
    padding-right: 5px;
}
.p-right-10 {
    padding-right: 10px;
}
.p-right-15 {
    padding-right: 15px;
}
.p-right-20 {
    padding-right: 20px;
}
.p-right-25 {
    padding-right: 25px;
}
.p-right-30 {
    padding-right: 30px;
}
.p-right-35 {
    padding-right: 35px;
}
.p-right-40 {
    padding-right: 40px;
}
.p-right-50 {
    padding-right: 50px;
}
.p-all-0 {
    padding: 0;
}
.p-all-5 {
    padding: 5px;
}
.p-all-10 {
    padding: 10px;
}
.p-all-15 {
    padding: 15px;
}
.p-all-20 {
    padding: 20px;
}

/* margin */
.m-top-0 {
    margin-top: 0px;
}
.m-top-4 {
    margin-top: 4px;
}
.m-top-5 {
    margin-top: 5px;
}
.m-top-8 {
    margin-top: 8px;
}
.m-top-10 {
    margin-top: 10px;
}
.m-top-15 {
    margin-top: 15px;
}
.m-top-20 {
    padding-top: 20px;
}
.m-top-25 {
    margin-top: 25px;
}
.m-top-30 {
    margin-top: 30px;
}
.m-top-35 {
    margin-top: 35px;
}
.m-top-40 {
    margin-top: 40px;
}
.m-bottom-0 {
    margin-bottom: 0px;
}
.m-bottom-5 {
    margin-bottom: 5px;
}
.m-bottom-10 {
    margin-bottom: 10px;
}
.m-bottom-15 {
    margin-bottom: 15px;
}
.m-bottom-20 {
    margin-bottom: 20px;
}
.m-bottom-25 {
    margin-bottom: 25px;
}
.m-bottom-30 {
    margin-bottom: 30px;
}
.m-bottom-35 {
    margin-bottom: 35px;
}
.m-bottom-40 {
    margin-bottom: 40px;
}
.m-left-0 {
    padding-left: 0px;
}
.m-left-5 {
    padding-left: 5px;
}
.m-left-10 {
    padding-left: 10px;
}
.m-left-15 {
    margin-left: 15px;
}
.m-left-20 {
    margin-left: 20px;
}
.m-left-25 {
    margin-left: 25px;
}
.m-left-30 {
    margin-left: 30px;
}
.m-left-35 {
    margin-left: 35px;
}
.m-left-40 {
    margin-left: 40px;
}
.m-left-50 {
    margin-left: 50px;
}
.m-right-0 {
    margin-right: 0px;
}
.m-right-5 {
    margin-right: 5px;
}
.m-right-10 {
    margin-right: 10px;
}
.m-right-15 {
    margin-right: 15px;
}
.m-right-20 {
    margin-right: 20px;
}
.m-right-25 {
    margin-right: 25px;
}
.m-right-30 {
    margin-right: 30px;
}
.m-right-35 {
    margin-right: 35px;
}
.m-right-40 {
    margin-right: 40px;
}
.m-right-50 {
    margin-right: 50px;
}
.m-all-0 {
    margin: 0px;
}
.m-all-5 {
    margin: 5px;
}
.m-all-10 {
    margin: 10px;
}
.m-all-15 {
    margin: 15px;
}
.m-all-20 {
    margin: 20px;
}

/* margin */
.abs-top-0 {
    position: absolute;
    top: 0px;
    margin-top: 0px;
}
.abs-top-10 {
    position: absolute;
    top: 0px;
    margin-top: 10px;
}
.abs-top-20 {
    position: absolute;
    top: 0px;
    margin-top: 20px;
}
.abs-bottom-0 {
    position: absolute;
    margin-bottom: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.abs-bottom-10 {
    position: absolute;
    margin-bottom: 10px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.abs-bottom-20 {
    position: absolute;
    margin-bottom: 20px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.abs-right-0 {
    position: absolute;
    right: 0px;
    margin-right: 0px;
}
.abs-right-10 {
    position: absolute;
    right: 0px;
    margin-right: 10px;
}
.abs-right-20 {
    position: absolute;
    right: 0px;
    margin-right: 20px;
}
.abs-right-30 {
    position: absolute;
    right: 0px;
    margin-right: 30px;
}

.nopadding {
    xoverflow: hidden;
    padding: 0 ! important;
    margin: 0 !important;
}

/* nogutter */
.row.nogutter {
    margin-left: 0;
    margin-right: 0;
}
.row.nogutter [class*='col-']:not(:first-child),
.row.nogutter [class*='col-']:not(:last-child) {
    padding-left: 0;
    padding-right: 0;
}

.center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.borderless tr td {
    border: none !important;
}

.display-inline {
    display: inline-block;
    white-space: nowrap;
}

/* Fix dropdowns not responding on touch input on iOS */
.dropdown-backdrop {
    position: static;
}


/* Media quary targets different devices */

    /* Large desktops and laptops, lg and up */
    @media (min-width: 1200px) {}

    /* Landscape tablets and medium desktops, md only */
    @media (min-width: 992px) and (max-width:1199px) {}

    /* Portrait tablets and small desktops, sm only */
    @media (min-width: 768px) and (max-width: 991px) {
        .container {
            width: 100%;
        }
    }

    /* Landscape phones and portrait tablets, sm and down */
    @media (max-width: 767px) {
        .home-hot .container {
            padding: 0;
        }
        .home-hot .row [class*='col-'] {
            padding-left: 0;
            padding-right: 0;
            height: 260px;
        }							         
        .product-icon .image {
            height: 160px;
        }					  
    }

    /* Portrait phones and smaller, xs only */
    @media (max-width: 480px) {
        body {
            margin-bottom: 160px; // margin bottom by footer height
        }
        .home-hot-title {
            height: 30px;
        }
        .home-hot .row [class*='col-'] {
            height: 220px;
        }
    }

    /* Portrait phones, below xs */
    @media (max-width: 320px) {
        .home-hot .row [class*='col-'] {
            height: 180px;
        }
    }


/* Media quary targets high resolution screens */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (-webkit-min-device-pixel-radio: 2), (min-moz-device-pixel-radio: 2), (-o-min-device-pixel-radio: 2/1), (min-resolution: 2dppx) {

    /* Carousel Blur BG */
	
	 .bg-carousel .blur-19 {background: url(../img/bg_blur_pd_19@2x.jpg) no-repeat top center; background-size: cover;}
	 .bg-carousel .blur-18 {background: url(../img/bg_blur_pd_18@2x.jpg) no-repeat top center; background-size: cover;}
	 .bg-carousel .blur-17 {background: url(../img/bg_blur_pd_17@2x.jpg) no-repeat top center; background-size: cover;}
	 .bg-carousel .blur-16 {background: url(../img/bg_blur_pd_16@2x.jpg) no-repeat top center; background-size: cover;}
	
	 .bg-carousel .blur-15 {
        background: url(../img/bg_blur_mar_ads@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
	
	
    .bg-carousel .blur-14 {
        background: url(../img/bg_blur_eq16_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-13 {
        background: url(../img/bg_blur_stemup_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-01 {
        background: url(../img/bg_blur_pmath_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-02 {
        background: url(../img/bg_blur_pchin_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-03 {
        background: url(../img/bg_blur_pcomp_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-04 {
        background: url(../img/bg_blur_shist_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-05 {
        background: url(../img/bg_blur_sls_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-06 {
        background: url(../img/bg_blur_klm_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-07 {
        background: url(../img/bg_blur_pmath_02@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-08 {
        background: url(../img/bg_blur_pchin_02@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-09 {
        background: url(../img/bg_blur_pcomp_02@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-10 {
        background: url(../img/bg_blur_sls_02@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .blur-11 {
        background: url(../img/bg_blur_klm_02@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
	.bg-carousel .blur-12 {
        background: url(../img/bg_blur_sshist_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }    
    /* Carousel Product BG */	
	.bg-carousel .bg-15 {
        background: url(../img/bg_mars_ads@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }	

    .bg-carousel .bg-14 {
        background: url(../img/bg_pd_eq16_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-13 {
        background: url(../img/bg_pd_stemup_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-01 {
        background: url(../img/bg_pd_pmath_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-01-logo {
        background: url(../img/bg_pd_pmath_01_logo@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-02 {
        background: url(../img/bg_pd_pchin_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-02-logo {
        background: url(../img/bg_pd_pchin_01_logo@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-03 {
        background: url(../img/bg_pd_pcomp_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-03-logo {
        background: url(../img/bg_pd_pcomp_01_logo@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-04 {
        background: url(../img/bg_pd_sjhist_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-04-logo {
        background: url(../img/bg_pd_sjhist_01_logo@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-05 {
        background: url(../img/bg_pd_sls_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-05-logo {
        background: url(../img/bg_pd_sls_01_logo@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-06 {
        background: url(../img/bg_pd_klm_01@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-06-logo {
        background: url(../img/bg_pd_klm_01_logo@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-07 {
        background: url(../img/bg_pd_pmath_02@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-07-logo {
        background: url(../img/bg_pd_pmath_02_logo@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-08 {
        background: url(../img/bg_pd_pchin_02@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-08-logo {
        background: url(../img/bg_pd_pchin_02_logo@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-09 {
        background: url(../img/bg_pd_pcomp_02@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-09-logo {
        background: url(../img/bg_pd_pcomp_02_logo@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-10 {
        background: url(../img/bg_pd_sls_02@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-10-logo {
        background: url(../img/bg_pd_sls_02_logo@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-11 {
        background: url(../img/bg_pd_klm_02@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-11-logo {
        background: url(../img/bg_pd_klm_02_logo@2x.jpg) no-repeat top center;
        background-size: cover; /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
	.bg-carousel .bg-12 {
        background: url(../img/bg_pd_sshist_01@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
    .bg-carousel .bg-12-logo {
        background: url(../img/bg_pd_sshist_01_logo@2x.jpg) no-repeat top center;
        background-size: cover;  /* set backgound size cover 100% width or height */
        /* background-size: 100% auto; */ /* set backgound size 100% width */
    }
	
	
	
}
@media (min-width:768px) {
	.home-logo {
		min-height: 580px;
	}
	.home-logo_full {
		min-height: 768px;
	}	
}

/* Media quary targets navbar width */
/*
@media (min-width: 767px) and (max-width: 880px) {
    .navbar .nav > li > a {
        font-size: 13px;
        line-height: 12px;
        padding-top: 12px;
    }
}
*/
/*eshop*/
.eshop_book_style_box{width:180px; xheight:420px ;MARGIN: 5px;PADDING: 1px;vertical-align:top;float:left;}