/* Recommended add on ================*/
#recommended-by-yq {font-family: inherit;font-size: .8em;text-align: right;position: relative;padding-right: inherit;margin-right: 23px;}
#recommended-by-yq a {text-decoration: none;color: #24929c;-o-transition:color .25s ease-in;-ms-transition:color .25s ease-in;-moz-transition:color .25s ease-in;-webkit-transition:color .25s ease-in;transition:color .25s ease-in;}
#recommended-by-yq a:hover {text-decoration: underline;}
#recommended-by-yq .YQ-icon {position: absolute;margin-left: 4px;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-o-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;}

/* Modal Content ================= */
#YQ-modal {color: #24929c;font-family: sans-serif;max-width: 525px;}
#YQ-modal p {font-size: 14px;margin-top: 0;line-height: 1.3em;}
#YQ-modal h2 {font-size: 18px;;margin-bottom: 6px;}
#YQ-modal a {color: #24929c;font-weight: bold;}
#YQ-modal .YQ-logo {text-align: center;margin-bottom: 25px;}

/* Modal ========================== */
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(close.png) no-repeat}
.tclose:hover {background-position:0 -30px}