/*
Theme ID: FY_Retro
Author: FengYan
Author URI: http://www.fengyan.cc/
*/
@charset "utf-8";
.container{margin:0 auto;}
.top-banner{    display: none;height:200px;overflow:hidden}
.top-banner img{width:100%;height:100%}
.top-user{    display: none;padding:0 0 15px;text-align:center;border:1px solid #e1e1e1;border-top:none;border-bottom:none}
.user-avatar{z-index:10;width:110px;height:110px;margin:-60px auto 0}
.user-avatar img{width:100px;height:100px;border-radius:100%;margin-bottom:10px;border:5px solid #fff;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.user-avatar:hover img{box-shadow:0 0 10px #00c3b6}
.user-avatar img:hover{animation: starrotate .8s;-moz-animation: starrotate .8s;-ms-animation: starrotate .8s;-webkit-animation: starrotate .8s;-o-animation: starrotate .8s;}
@keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);-moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2);  -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-moz-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);-moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1);-o-transform:rotate(1080deg) scale(1,1);transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-webkit-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2); -moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1); -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1);  transform:rotate(1080deg) scale(1,1);  opacity:1;}
}
@-o-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);  -moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);  -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}
.user-social{margin-top:0;padding-top:15px;text-align:center}
.user-social a{display:inline-block;padding:4px 10px;background:#f5f5f5;border-radius:2px;font-size:12px;margin-right:5px;cursor:pointer;color:#888;transition:background .5s ease}
.user-social a.hot{background:#FF88AF;color:#fff}
.user-social a.qq{background:#D8A667;color:#fff}
.user-social a:hover{background:#9B59B6}
.fy-nav{height: 30px;
    line-height: 30px;
    /* background-color: #F9F9F9; */
    /* border: 1px solid #e1e1e1; */
    /* border-top: none; */
    /* border-bottom: none; */
    padding: 0 0 0px 0;
    margin: 0 0 5px 0;}
.fy-nav a{float: left;
    color: black;
    background: #e0e1e2;
    margin: 0 5px 0 0;
    float: left;}
.fy-nav a span{color: white;
    float: left;
    margin: 0 0 0 0;
    text-align: center;
    padding: 0px 10px;
    cursor: pointer;
    color: #333333;}
.fy-nav span.m-now{background-color:#1BA1E2;color:#fff}
.fy-nav a span:hover{background:#9B59B6;color:#fff}
.fy-main{background:#FFF;border:1px solid #e1e1e1;padding:1.5%;min-height:600px;position:relative;margin-bottom:50px;    padding-bottom: 35px;}
.fy-main h3{border-bottom:1px solid #e1e1e1;margin:0 0 10px;padding:8px 2px;font-size:16px;clear:both}

.fy-main h4{        margin: 3px 0 2px -12px;
    line-height: 18px;
    border-left: 3px solid #FF6B57;
    padding: 0 0 0 10px;}

.relv p{
    padding: 0.2em 0 0.2em 0;
    
}

div.fy-border{clear:both;padding:8px 15px;position:relative;}
.fy-main .label{    width: 30%;display:inline-block;float:left;padding-top:4px;font-size:11pt;text-align:top}
div.fy-border input[type=text],div.fy-border textarea{width:40%;background:#fff;padding:8px 5px;font-family:"Microsoft YaHei",å¾®è½¯é›…é»‘,"Microsoft JhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;border:1px solid #d7d7d7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
a.tooldown,a.tooltip{display:inline-block}
.mo-footer{      clear: both;  /* position: absolute; */
    /* bottom: 0; */
    /* width: 96%; */
    border-top: 1px solid #e1e1e1;
    /* margin: 0 0 0 -11px; */
    padding: 18px 18px 18px 13px;}
.mpanel-submit{float:right}
input.mpanel-reset-button,input.mpanel-save{padding:8px 15px;font-size:14px;color:#FFF;font-family:"Microsoft YaHei",å¾®è½¯é›…é»‘,"Microsoft JhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;text-align:center;text-decoration:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:none;clear:both;cursor:pointer;background:#FF6B57;margin:0;height:auto}
.mpanel-reset{float:left}
input.mpanel-reset-button{background:#DA542E}
.help-tip{display:inline-block;cursor:help;position:absolute;top:14px;right:10px}
.help-tip:before{content:"\f059";font-family:FontAwesome!important;font-size:15px;color:#FF6B57}
.help-tip:hover p{display:block;transform-origin:100% 0;-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}
.help-tip p{display:none;text-align:left;background-color:#1E2021;padding:20px !important;width:300px;position:absolute;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,.2);right:-4px;color:#FFF;font-size:13px;line-height:1.4;z-index:300}
.help-tip p:before{position:absolute;content:'';width:0;height:0;border:6px solid transparent;border-bottom-color:#1E2021;right:10px;top:-12px}
.help-tip p:after{width:100%;height:40px;content:'';position:absolute;top:-40px;left:0}
.help-tip p a{color:#1BA1E2}
@-webkit-keyframes fadeIn{0%{opacity:0;transform:scale(.6)}
100%{opacity:100%;transform:scale(1)}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:100%}
}
.img-preview{margin:10px 0;text-align:left;border:4px solid #CCC;float:right;clear:both;position:relative;line-height:0}
.img-preview img{max-width:100%;height:auto}
.img-preview .del-img{position:absolute;left:-5px;bottom:0;cursor:pointer}
.img-preview .del-img:before{content:"\f057";font-family:FontAwesome!important;font-size:20px;color:#E82C0C}
.upload_button,input[type=button]{margin-left:5px;background:#1BA1E2;border:none;cursor:pointer;color:#fff;font-family:"Microsoft YaHei",å¾®è½¯é›…é»‘,"Microsoft JhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.upload_button:hover{background:#9B59B6}
input[type=checkbox]{border:1px solid #b4b9be;background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px;    margin-top: 6px;outline:0;padding:6px 0 0 0;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-appearance:none;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out}
input[type=checkbox]:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8)}
input[type=checkbox]:checked:before{content:"\f00c";font-family:FontAwesome!important;margin:0;color:#1e8cbe}
input[type=radio]{border:1px solid #b4b9be;background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;border-radius:50%;margin-right:4px;line-height:10px;height:16px;margin:-4px 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-border-radius:50%;-webkit-appearance:none;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out}
input[type=radio]:checked:before{float:left;content:'\2022';text-indent:-9999px;-webkit-border-radius:50px;border-radius:50px;font-size:24px;width:6px;height:6px;margin:4px;line-height:16px;background-color:#1e8cbe}
form{margin:0!important}
#Home_Builder, #Home_blog{clear: both;position: relative;overflow: hidden;   }
.widget-head{background-color: #777;padding: 7px;font-weight: bold;color: #FFF;}
a.toggle-new, a.toggle-hot, a.toggle-com, a.toggle-article, a.toggle-article-img, a.toggle-article-to, a.toggle-contact{float: right;color: #FFF;cursor: pointer;font-size: 12pt;padding: 2px 10px;}    
.widget-content-new, .widget-content-hot, .widget-content-com, .widget-content-article, .widget-content-article-img, .widget-content-article-to, .widget-content-contact{background: #F9F9F9;padding: 10px;display: none;position: relative;}   
.ui-sortable li{margin: 5px 0 10px;overflow: hidden;list-style: none;}  
.ui-state-default {border: 1px solid #ddd;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;}    
    
    












#cmp-slider-items li {
    -webkit-box-shadow: 0 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px rgba(0,0,0,.05);
    box-shadow: 0 1px rgba(0,0,0,.05);
}

.ui-state-default {
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#cmp-slider-items .widget-content {
    background: #fff;
    padding: 10px;
    position: relative;
}

#cmp-slider-items .slider-img {
    display: inline;
    float: right;
    margin: 0;
    margin-right: 5px;
    margin-top: 8px;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border: 2px solid rgba(255,255,255,1);
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    z-index: 999;
}

#cmp-slider-items img {
    height: 150px;
    width: 150px;
    margin: -40px;
}

#cmp-slider-items .widget-content label {
    line-height: 25px;
    display: block;
    padding: 7px 0;
}

label {
    cursor: pointer;
}

#cmp-slider-items .widget-content label span {
    padding-right: 5px;
    width: 95px;
    display: inline-block;
}

div.option-item input[type=text], div.option-item textarea {
    background: #fff;
    padding: 4px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 40%;
}

#cmp-slider-items .del-cat {
    bottom: 10px;
    top: auto;
}

.widget-content .del-cat {
    float: right;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 5px;
}
.widget-content .del-cat:before {
    content: "\f014";
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    color: #E82C0C;
    font-weight: 700;
}
.divHeader {
    padding-left: 40px;
    background: 3px 9px no-repeat;
    background-size: 32px;
}