@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017/5/18, 上午 11:07:53
    Author     : Daniel
*/
.corner-stamp{
    color:#50504A;
    background: none repeat scroll 0 0 #FFFFFF;
    font-family:微軟正黑體;
    margin: 14px 7px 0;/*10px 5px 0;*/
    /* border: 1px solid #DCB; */
    line-height: 0;/*to make image and text gap clear*/
    font-size:13px;
    float: right;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.66);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.66);
    position:relative;
}

.corner-stamp .journal-logo{
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0; 
    overflow:hidden;		  
}

.corner-stamp .dragj {
    /*background: none repeat scroll 0 0 #FFD339;*/
}

.bookcell {
    width: 250px;
}

.bookcell .cover {
    width: 250px !important;
    height: 337px !important;
}

.cover-curator {
    top: 290px;
}

p.tip_lamp{
    font-weight: 600;
    background: #bbbbbb;
    padding: 2px;
    border-radius: 9px
}

p.tip_lamp > img {
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
    
    opacity: 0.1;
    overflow: hidden;

    animation-name: bling;
    -webkit-animation-name: bling;
    animation-duration: 2000ms;
    -webkit-animation-duration: 2000ms;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes bling {
    from { opacity: 0.1; }
    50%  { opacity:   1; }
    to   { opacity: 0.1; }
}

@-webkit-keyframes bling {
    from { opacity: 0.1; }
    50%  { opacity:   1; }
    to   { opacity: 0.1; }
}

@media screen and (max-device-width: 750px) {
    .corner-stamp {
        float: none !important;
        max-width: 100%;
        margin:0 auto 30px;
    }
}

@media screen and (max-device-width: 480px) {
    .corner-stamp .journal-logo img {   
        max-width: 100% !important;
        height:auto !important;       
    }
}