@import url(/images2/fonts.css?v=5.4.9.2016092801);
@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ width:100%; height:100%;overflow:visible;font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#666666; line-height:20px;background:#fff;min-width:650px;}
a{ text-decoration:none; outline:none; cursor:pointer; color: #f9686a;}
a.blue{ color:#289bc5 !important;}
a.blue:hover{ color:#289bc5 !important;}
.btns a:hover{ text-decoration:none !important;}
a.txt_link_gold{ color: #ac975e;}
a.txt_link_gold:hover{ color: #bda460;}
a.txt_link_gold:active{ color: #978450;}
textarea.textarea_normal{width:478px; height: 128px; padding:5px; outline:none; resize:none; margin:5px 0 0 0; font-size: 14px; color: #505050; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; border:1px solid #eeeeee; background: #eeeeee;}
textarea.textarea_normal:focus{ border: 1px solid #a0a0a0; color: #505050;}
img{ border:0;}
.font18{ font-size:18px;}
.co_green{color: #90b323;}
.clearfloat:after{display:block;clear:both;content:'';visibility:hidden;height:0;}
.clearfloat{zoom:1;}
.beta{ background:url(/images2/index/beta.png) no-repeat; width:29px; height:12px; display:block; position:absolute; top:0; right:0; margin-right:-29px;}
input::selection, textarea::selection { background:#bdaf88; color:#fff;}
input::-moz-selection, textarea::-moz-selection { background:#bdaf88; color:#fff;}
input::-webkit-selection, textarea::-moz-selection { background:#bdaf88; color:#fff;}
.limbo{ position: fixed; top: -2000px;}


.minwidth{ width:1000px !important;}

object:focus { outline:none; }
#flashshow{ position:fixed; left: 50000px; top:0; min-width:820px; min-height:500px; }
#flashshow.shownow{ position:relative; margin-top:54px; width:100%; top:0; left:0;}
#flashshow p{ font-size:14px; font-weight:bold;}
#flashshow.minwidth{ width:760px !important;}
#flashContent { display:none; }
/*change*/

#abt_gg_ad_toppan{ overflow: hidden; width: auto; height: auto;}
.header-box{ position: relative; height:54px;}
#header{width:100%; min-width:1000px; background:#f5f5f5; position:relative; top:0px; z-index:999; font-family:'FuturaMediumBT', Arial, Helvetica, sans-serif;-webkit-box-shadow: rgba(0,0,0,0.10) 0px 2px 5px;	-moz-box-shadow: rgba(0,0,0,0.10) 0px 2px 5px;	box-shadow: rgba(0,0,0,0.10) 0px 2px 5px;}
#header.top110{ top: 0;}
#header #menu{ margin:auto;}
#menu_logo{  float:left; margin: 14px 30px 0 40px;}
#menu_logo img{ width: 76px;}
#header h1{ float:left; color:#f9686a; font-size:16px; margin-left:4px; padding-top:33px;}
#header .cut_off_rule{ height: 12px; width: 1px; border-left: 1px solid #a0a0a0; margin-top: 21px; float: left;}
#top-menu{ float:left;  margin-left:50px; margin-top: 0px;}
#top-menu a{}
#top-menu a img{ margin-top:14px;}



#flash_header{min-width:1000px; height:54px; position:absolute; top:0; left:0; right:0; background:#f5f5f5; font-family:'FuturaMediumBT', Tahoma, Geneva, sans-serif; -webkit-box-shadow: rgba(0,0,0,0.10) 0px 2px 5px; -moz-box-shadow: rgba(0,0,0,0.10) 0px 2px 5px; box-shadow: rgba(0,0,0,0.10) 0px 2px 5px; z-index:8888; display:none;}
#flash_header.skin-light{ background: #ffffff;}
#flash_header.minwidth{ width:760px !important;}

#flash_header .menu_logo{ float:left; margin: 14px 30px 0 40px;}
#flash_header .menu_logo img{ width: 76px;}
#flash_header .cut_off_rule{ height: 12px; width: 1px; border-left: 1px solid #c8c8c8; margin-top: 21px; float: left; position: relative;}
#flash_header .cut_off_rule.parallel{ border: 0; }
#flash_header .parallel:before{ content: ""; display: block; position: absolute; width: 26px; height: 10px; left: -13px; top:1px; background: url(/images2/web_navigation_bars_public_icons_link.png) no-repeat;}
#flash_header #active_menu{ float:left; position:relative; margin-left:10px; color:#9b9b9b; line-height:40px; margin-top: 7px;}
#active_menu span.float_border{ float:left; display:block;}
#flash-top-menu{ float:left; height:40px; font-size:14px; line-height:40px;}
#flash-top-menu .hide_menu_box{ float:left;}
#flash-top-menu ul{ list-style:none; height:40px;}
#flash-top-menu ul li{ float:left; height:40px; margin:0 10px;}

#flash-top-menu ul li.sp{ width:0; margin:0; padding:0;}
#flash-top-menu ul li a{ color:#b4b4b4; display: block; height: 40px; padding: 0 10px; cursor: pointer; position: relative; text-transform: uppercase;}
#flash-top-menu ul li a .new{ display:block; width:25px; height:16px; position:absolute; right:-13px; top:-2px; background: url(/images2/header_new.png) no-repeat;}
#flash-top-menu ul li a:hover{color:#787878; text-decoration:none;}
#flash-top-menu ul li a:active{color:#957f41; text-decoration:none;}
#flash-top-menu ul li a.on{color:#957f41; text-decoration:none;}

#h-pro-list{ float:right;}
#h-pro-list ul{ list-style:none; padding-right:20px;}
#h-pro-list ul li{ float:right; width:25px; height:40px; margin-right:10px;}
#h-pro-list ul li a{ display:block;width:25px; height:40px; background:url(/images2/f_h_icon_01.png?v=5.4.9.2016092801) no-repeat; text-indent:-999em;}
#h-pro-list ul li a.home{background-position:-15px 0;}
#h-pro-list ul li a.home:hover{background-position:-15px -40px;}
#h-pro-list ul li a.home:active{background-position:-15px -80px;}
#h-pro-list ul li a.iphone{background-position:-152px 0;}
#h-pro-list ul li a.iphone:hover{background-position:-152px -40px;}
#h-pro-list ul li a.iphone:active{background-position:-152px -80px;}
#h-pro-list ul li a.android{background-position:-50px 0;}
#h-pro-list ul li a.android:hover{background-position:-50px -40px;}
#h-pro-list ul li a.android:active{background-position:-50px -80px;}
#h-pro-list ul li a.win{background-position:-186px 0;}
#h-pro-list ul li a.win:hover{background-position:-186px -40px;}
#h-pro-list ul li a.win:active{background-position:-186px -80px;}
#h-pro-list ul li a.mac{background-position:-82px 0;}
#h-pro-list ul li a.mac:hover{background-position:-82px -40px;}
#h-pro-list ul li a.mac:active{background-position:-82px -80px;}
#h-pro-list ul li a.win8{background-position:-118px 0;}
#h-pro-list ul li a.win8:hover{background-position:-118px -40px;}
#h-pro-list ul li a.win8:active{background-position:-118px -80px;}
#h-pro-list ul li a.fb{ background:url(/images2/f_h_fb.png?v=5.4.9.2016092801) no-repeat 4px 11px;}
#h-pro-list ul li a.fb:hover{}


#nav{ float:left; padding-top:0px; margin-right: 150px;}
#nav ul#top-nav{ list-style:none;}
#nav ul#top-nav li{ float:left; height:54px; width: auto !important;; line-height:54px; color:#000; position:relative;}
#nav ul#top-nav li a{ display:block; width:auto !important; height:54px; color:#b4b4b4; padding: 0 20px; font-size:14px;  text-transform: uppercase;}
#nav ul#top-nav li a .new {display: block;width: 25px;height: 16px;position: absolute;right: -4px;top: 4px;background: url(/images2/header_new.png) no-repeat;}
#nav ul#top-nav li a.onc{ color:#957f41; background:none;}
#nav ul#top-nav li a.on{ color:#787878; background:none;}
#nav ul#top-nav li .dropdown_nav{position:absolute; width:130px; left:50%; margin-left: -65px; top:54px; padding-top:0px; display:none;}
#nav ul#top-nav li .dropdown_nav .topbg{ height:0; background-color:#cc3333;}
#nav ul#top-nav li .dropdown_nav .listbg{ background:#f0f0f0; }
#nav ul#top-nav li .dropdown_nav .listbg.nonebg{ background:#f0f0f0; }
#nav ul#top-nav li ul{ list-style:none;}
#nav ul#top-nav li ul li{ float:none; display:block; width:120px; height:30px; padding:0; line-height:30px; position:relative;}
#nav ul#top-nav li ul li a{ height:30px; width:120px; text-transform: none; padding:0; color:#636363; text-align:left; text-indent:40px; background:url(/images2/m_icon.png?v=5.4.9.2016092801) no-repeat; font-size:12px;}
#nav ul#top-nav .new{width: 0; height: 0;}
#nav ul#top-nav li ul li:hover .new{ display:none;}







#nav ul#top-nav li ul li a.none{background-position:-1111px -1111px; text-indent:25px;}
#nav ul#top-nav li ul li a.none.on{background-position:-1111px -1111px;}
#nav ul#top-nav li ul li a.on{ color:#fafafa; text-shadow:none; background:#bda460 url(/images2/m_icon.png?v=5.4.9.2016092801) no-repeat;}
#nav ul#top-nav li ul li a.none:hover{/*background:#cc3333;color:#fff;text-shadow:none;*/}
#nav ul#top-nav li ul li a.m_design{ background-position:0 -629px;}
#nav ul#top-nav li ul li a.m_design.on{ background-position:-144px -629px;}
#nav ul#top-nav li ul li a.m_templates{ background-position:0 -629px;}
#nav ul#top-nav li ul li a.m_templates.on{ background-position:-144px -629px;}
#nav ul#top-nav li ul li a.be{ background-position:0 -47px;}
#nav ul#top-nav li ul li a.be.on{ background-position:-144px -47px;}
#nav ul#top-nav li ul li a.hdr{background-position:0 -265px;}
#nav ul#top-nav li ul li a.hdr.on{background-position:-144px -265px;}
#nav ul#top-nav li ul li a.brush{background-position:0 -57px;}
#nav ul#top-nav li ul li a.brush.on{background-position:-144px -57px;}
#nav ul#top-nav li ul li a.effects{background-position:0 -83px;}
#nav ul#top-nav li ul li a.effects.on{background-position:-144px -83px;}
#nav ul#top-nav li ul li a.frames{background-position:0 -155px;}
#nav ul#top-nav li ul li a.frames.on{background-position:-144px -155px;}
#nav ul#top-nav li ul li a.overlays{background-position:0 -191px;}
#nav ul#top-nav li ul li a.overlays.on{background-position:-144px -191px;}
#nav ul#top-nav li ul li a.text{background-position:0 -226px;}
#nav ul#top-nav li ul li a.text.on{background-position:-144px -226px;}
#nav ul#top-nav li ul li a.collage{background-position:0 -119px;}
#nav ul#top-nav li ul li a.collage.on{background-position:-144px -119px;}
#nav ul#top-nav li ul li a.ecards{background-position:0 -11px;}
#nav ul#top-nav li ul li a.ecards.on{background-position:-144px -11px;}
#nav ul#top-nav li ul li a.banner{background-position:0 -483px;}
#nav ul#top-nav li ul li a.banner.on{background-position:-144px -483px;}
#nav ul#top-nav li ul li a.webcam{background-position:0 -517px;}
#nav ul#top-nav li ul li a.webcam.on{background-position:-144px -517px;}
#nav ul#top-nav li ul li a.beauty{background-position:0 -556px;}
#nav ul#top-nav li ul li a.beauty.on{background-position:-144px -556px;}
#nav ul#top-nav li ul li a.fbcover{background-position:0 -595px;}
#nav ul#top-nav li ul li a.fbcover.on{background-position:-144px -595px;}

#nav ul#top-nav li ul li a.win{background-position:0 -447px;}
#nav ul#top-nav li ul li a.win.on{background-position:-144px -447px;}
#nav ul#top-nav li ul li a.mac{background-position:0 -411px;}
#nav ul#top-nav li ul li a.mac.on{background-position:-144px -411px;}
#nav ul#top-nav li ul li a.iphone{background-position:0 -303px;}
#nav ul#top-nav li ul li a.iphone.on{background-position:-144px -303px;}
#nav ul#top-nav li ul li a.win8{background-position:0 -375px;}
#nav ul#top-nav li ul li a.win8.on{background-position:-144px -375px;}
#nav ul#top-nav li ul li a.android{background-position:0 -339px;}
#nav ul#top-nav li ul li a.android.on{background-position:-144px -339px;}

#nav ul#top-nav li ul li .dropdown_nav{position:absolute; left:130px; top:0; margin-left: 0; display:none;}
#nav ul#top-nav li ul li .dropdown_nav .topbg{ height:0;}
#nav ul#top-nav li ul li .dropdown_nav .listbg{ background:#f0f0f0;}

#nav ul#top-nav li ul li ul{ list-style:none;}
#nav ul#top-nav li ul li ul li{}
#nav ul#top-nav li ul li ul li a.on{ background:#bda460 !important;}
#nav ul#top-nav li ul li ul li a{  text-indent:10px; background:none; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;}

#nav ul#top-nav li #menuuserpanle{width: auto; float: right; margin-left:80px;}
#nav ul#top-nav li #menuuserpanle a.signin,#nav ul#top-nav li #menuuserpanle a.signup{ width:70px; height:26px; display:inline-block;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; line-height:26px; -moz-text-shadow:none; -webkit-text-shadow: none; text-shadow:none; text-align:center;}
#nav ul#top-nav li #menuuserpanle a.signin{ background:#e0e1dd; color:#2f2f2f; margin-right:0px;}
#nav ul#top-nav li #menuuserpanle a.signin:hover{background:#d7d8d4;}
#nav ul#top-nav li #menuuserpanle a.signup{ background:#cc3333; color:#fff;}
#nav ul#top-nav li #menuuserpanle a.signup:hover{ background:#b82323;}

#nav ul#top-nav li #menuuserpanle .m_userhead{ width:30px; height:30px; float:left; margin-right:5px;}
#nav ul#top-nav li #menuuserpanle .m_userhead img{ width:30px; height:30px;}
#nav ul#top-nav li #menuuserpanle .m_userinfo{ line-height:30px; width:85px; text-align:left; height:30px; overflow:hidden; color:#cc3333;word-break:keep-all;white-space:nowrap; text-overflow:ellipsis;}

/*change*/
#homepage_login{ float:right; position:relative; margin-right:24px; font-size: 0;}
#homepage_login a.signup, #homepage_login a.signin{width: 72px;height: 28px; display: inline-block;line-height: 28px; text-transform: uppercase; margin-top: 13px; text-align: center; font-size:12px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
#homepage_login a.signup{ background:#ac975e; color:#f0f0f0; margin-right:16px;}
#homepage_login a.signup:hover{ background:#bda460; color:#fafafa; }
#homepage_login a.signup:active{ background:#978450; color:#fff; }
#homepage_login a.signin{ background:#8f9e8b; color:#f0f0f0;}
#homepage_login a.signin:hover{ background:#aab8a6; color:#fafafa;}
#homepage_login a.signin:active{ background:#798857; color:#fff;}


#homepage_login #menuuserpanle .m_userhead{ width:30px; height:30px; border: 1px solid rgba(0,0,0,0.4); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float:right; margin:15px 0 11px 15px; overflow: hidden;}
#homepage_login #menuuserpanle .m_userhead img{ width:30px; height:30px;}
/*#homepage_login #menuuserpanle .m_userinfo{ line-height:32px; margin:11px 0; float:left; width:80px; font-size: 12px; text-align:right; text-transform: uppercase; height:30px; overflow:hidden; color:#646464; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}*/

/***********************************************20151206 homepageheader*********************************************************/
#homepage_login a.login{ width: 100px; height: 36px; margin-top: 13px; display: inline-block; line-height: 36px; font-size: 14px; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; background: inherit; font-weight: normal; text-align: center; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;  -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;}
#homepage_login a.login:hover{ background: rgba(255, 255,255, 0.2);color: #fff;border:1px solid #fff;}
#homepage_login a.login:active{ background: rgba(255, 255, 255, 0.3);color: #fff;;border:1px solid #fff;}

#homepage_login #menuuserpanle .m_userinfo{ line-height:32px; margin:16px 0; float:left; width:80px; font-size: 12px; text-align:right; text-transform: uppercase; height:30px; overflow:hidden; color:#B7B0B0; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
/*****************************************************************************************************************************/

#homepage_login .dropdown_nav{
    position: absolute;
    width: 150px;
    height: 105px;
    top: 47px;
    z-index: 111;
    padding-top: 0px;
    display: none;
    border-radius: 2px;
    overflow: hidden;

}
#homepage_login .dropdown_nav .topbg{ height:0; background-color:#cc3333;}
#homepage_login .dropdown_nav .listbg{ background:url(/images2/dd_bb.png?v=5.4.9.2016092801) repeat-y; padding: 0; }
#homepage_login .dropdown_nav .listbg.nonebg{ background:inherit;box-shadow: 1px 1px 3px rgba(0,0,0,.15);}
#homepage_login ul{ list-style:none; margin-bottom:0; }
#homepage_login ul li{
    float: none;
    display: block;
    width: 150px;
    padding: 0;
    line-height: 48px;
    position: relative;
}
#homepage_login ul li a{
    height: 48px;
    width: 150px;
    display: block;
    padding: 0;
    color: #000;
    text-align: left;
    text-indent: 18px;
    font-size: 12px;
    background: #fff;
}
#homepage_login ul li a:hover{
    color: #505050;
    text-shadow: none;
    background: #f5f5f5;}
#homepage_login ul li a:active{ color:#282828; text-shadow:none;background:#e1e1e1;}

#footer_box{
    background:#141414 !important; width:100%; height: auto; min-width:1125px; margin-top:80px;position: absolute;
}
#ad_botpan{}
#homepage_footer{
    width:900px;
    margin:0 auto;
    padding:60px 0 0;
    font-size: 16px;
    font-family:'FuturaMediumBT', Tahoma, Geneva, sans-serif;}
#homepage_footer dl{
    display:block;
    width:200px;
    margin:0;
    float:left;}
#homepage_footer dl dt{
    color:#dcdcdc;
    margin-bottom:10px;
    font-weight: normal;
}
#homepage_footer dl dd a{
    line-height:30px;
    color:#787878;
    font-family: Helvetica, Arial, sans-serif;
}
#homepage_footer dl dd a:hover{ color: #c8c8c8;}
#homepage_footer dl dd a:active{ color: #978450;}

#homepage_footer dl dd a .new{
    width: 25px;
    height: 16px;
    position: absolute;
    background: url(/images2/header_new.png) no-repeat;
    margin-top: -5px;
}
#homepage-copyinfo{
    margin:50px auto 0;
    width:100%;
    height:72px;
    line-height: 72px;
    clear:both;
    text-align:center;
    font-size:14px;
    color:#646464;
    background: #1e1e1e;}

#indexdiv{ width:100%; min-width:1000px; position:relative; }
#indexdiv .top54{ margin-top: 0;}

sup{ font-size:14px;}

.d_left{ float:left;}
.d_right{ float:right;}
.hidden{ display:none;}
.tempdiv{ height:15px;}

.showimgword{ position:absolute; margin:0;text-align:center;overflow:hidden; display:none;}
.imgdiv a{}

a.ourfblink{ float: left;margin-right:12px;height: 36px !important;width: 36px !important; background:url(/images2/social_blue_sprite.png?v=5.4.9.2016092801) no-repeat -8px -8px;}
a.ourtwlink{ float: left;margin-right:12px;height: 36px !important;width: 36px !important; background:url(/images2/social_blue_sprite.png?v=5.4.9.2016092801) no-repeat -8px -52px;}
a.hadh:hover{ background-position-x:-52px;}
a.hadh:active{ background-position-x:-96px;}

a.link_fb{float: left; margin:15px 0 0 10px;height: 20px !important;width: 20px !important;background:url(/images2/feacbook.jpg?v=5.4.9.2016092801) no-repeat;}
a.link_bannermaker{float: left; margin:3px 0 0 0;height: 29px !important;width: 120px !important; line-height:29px; text-align:center; color:#7e7e7e !important; font-size:14px !important; font-weight:normal !important;}
a.link_bannermaker:hover{ color:#90b323 !important;}
a.goodies{float:left; margin:2px 0 0 0;height: 34px !important;width: 127px !important;background:url(/images2/goodies.png?v=5.4.9.2016092801) no-repeat !important; text-indent:-999em;}
a.goodies:hover{ color:#90b323 !important;}

@-webkit-keyframes animate{
    0% {-webkit-transform: scale(1);}
    27% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.5);}
    31% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1);}
}
@-moz-keyframes animate{
    0% {-webkit-transform: scale(1);}
    28% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.5);}
    31% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1);}
}
@-ms-keyframes animate{
    0% {-webkit-transform: scale(1);}
    28% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.5);}
    31% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1);}
}
@-o-keyframes animate{
    0% {-webkit-transform: scale(1);}
    28% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.5);}
    31% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1);}
}
@keyframes animate{
    0% {-webkit-transform: scale(1);}
    28% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.5);}
    31% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1);}
}

.main_fotor{width:100%; height:43px; overflow:hidden; text-align:center; position:fixed; bottom:0; left:0; background:url(/images2/bottombg.png?v=5.4.9.2016092801) repeat-x; color:#000;text-shadow: 0 1px 0 white; font-size:11px; z-index:99;}
.main_fotor a{ color:#000;}

.likebox{ position:fixed; bottom:130px; left:15px;}
.likebox ul{ list-style:none;}
.likebox ul li{height:28px; margin-bottom:5px; width:0; overflow:hidden; background:url(/images2/s_logo.png) no-repeat; padding-left:28px;background-color:#dcdcdc; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);box-shadow: 0px 1px 4px rgba(0,0,0,0.4);}
.likebox ul li.on{ width:auto; overflow:auto;}
.likebox ul li.l_fb{ background-position:0 0;}
.likebox ul li.l_tw{ background-position:0 -32px;}
.likebox ul li.l_gg{ background-position:0 -64px;}
.likebox ul li.on.l_fb{ background-position:0 -96px;}
.likebox ul li.on.l_tw{ background-position:0 -128px;}
.likebox ul li.on.l_gg{ background-position:0 -160px;}
.likebox ul li .cont{ margin:auto 10px;}
.likebox ul li.on .cont{ }
/*card*/

.card_panle{ width:1024px; height:640px; margin:auto;}
.card_img{ float:left; width:50%; height:640px;}
.card_words{ float:left; width:197px; padding:10px; height:473px; color:#fff; font-size:14px; background:url(/images2/cardtxt_bg.png?v=5.4.9.2016092801) no-repeat;word-wrap: break-word;word-break: normal;}

/*功能 内页*/
.fe_content{ width:1000px; margin:0 auto 20px; padding-top:54px; font-family:"Segoe UI", "Lucida Grande", "Open Sans", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
.fe_content .fe_mbx{ padding:20px 0; color:#000; font-size:16px;}
.fe_content .fe_mbx a{ color:#000;}
.fe_content .fleft{ float:left; width:520px;}
.fe_content .fright{ float:right; width:450px;}
.fe_content .font1{ font-size:38px; color:#0d951b; font-weight:bold; line-height:50px;}
.fe_content .font2{ font-size:24px; color:#191919; line-height:30px; }
.fe_content .get_start{ display:block; font-size:24px; width:305px; height:58px; margin:20px 0; line-height:58px; text-indent:28px; color:#fff; background:#fb982d url(/images2/icon_getstart.png) 270px center no-repeat;}
.fe_content a.tryit{ margin:20px 0 10px; font-size:20px; text-indent:20px;}
.fe_content .fe_wordsbox{ width:100%;}
.fe_content .fe_wordsbox ul.tilebox{ width:100%; list-style:none; background:#efefef;}
.fe_content .fe_wordsbox ul.tilebox li{ float:left; margin:5px 10px 0; padding:8px 12px; font-size:16px; cursor:pointer;}
.fe_content .fe_wordsbox ul.tilebox li.on{ background:#fff; color:#0d951b;}
.fe_content .fe_wordsbox .allwords .con{ padding:15px; display:none;}
.fe_content .fe_wordsbox .allwords .con.now{ display:block;}

.fe_content .fleft .imgsbox{ width:100%; height:390px; overflow:hidden; position:relative;}
.fe_content .fleft .imgsbox div{width:100%; height:390px; position:absolute; top:0; left:0; display:none; background-repeat:no-repeat; background-position:center top;}
.fe_content .fleft .imgsbox div.s_onc{ display:block;}

/*.fe_content .graybg{ background:#f8f8fa; margin:20px 0 0; padding:90px 0 0 0; position:relative;}
h3.classtitle{font-weight:normal; float:left; font-size:16px; height:32px; padding:0 25px 0 15px; line-height:32px; color:#fff; background:#cd3333;}
span.weiba{background:url(/images2/features/cards/titlebg.png) no-repeat; width:18px; height:32px; display:block; float:left;}
*/
h3.classtitle{margin: 20px 0;font-weight: normal;font-size: 16px;color: #000;}
.cards_class{/* width:972px; margin:auto;*/}
.cards_class ul{ list-style:none;}
.cards_class ul li{ float:left; width:276px; margin:10px 24px;}
.cards_class a{ display:block; width:326px; height:172px; overflow:hidden; float:left; margin-right:11px; margin-bottom:11px; position:relative;}
.cards_class a h3{ position:absolute; left:200px; top:133px; font-size:16px; line-height:35px; color:#666666; font-weight:normal;}
.cards_class a h3.sp{ left:170px;}
.cards_class a.sp{ width:326px; height:538px;}
.cards_class a.sp h3{left:15px; top:323px; color:#fff; font-size:20px; line-height:60px;}
.cards_class .fleft{ float:left; width:674px;}
.cards_class .fright{ float:right; width:auto;}
.cards_class .fright a{ margin-right:0;}

.top_box{ width:100%; min-width:1000px; height:400px; margin:0 auto; padding-top:54px; position:relative;}
.top_box .pic_s_box{width:100%; height:400px; margin:auto; background:#9ec033;}
.top_box .pic_s_box .imgsbox{ width:100%; height:400px; overflow:hidden; position:relative;}
.top_box .pic_s_box .imgsbox div{width:100%; height:400px; position:absolute; top:0; left:0; display:none; background-repeat:no-repeat; background-position:center top;}
.top_box .pic_s_box .imgsbox div.s_onc{ display:block;}

.icon_title{ height:81px; width:100%; position:absolute; margin-top:-81px; background:url(/images2/f_bg.png?v=5.4.9.2016092801) repeat-x;}
.icon_title .box{ width:1000px; height:81px; position:relative; margin:auto;}
.icon_title .box .turn_left,.icon_title .box .turn_right{ height:52px; width:52px; position:absolute; margin-top:-26px;}
.icon_title .box .turn_left{ left:0;}
.icon_title .box .turn_right{ right:0;}
.icon_title .box .turn_left a,.icon_title .box .turn_right a{display:block; height:52px; width:52px;}
.icon_title .box .turn_left a{ background:url(/images2/features/turn_left.png?v=5.4.9.2016092801) no-repeat;}
.icon_title .box .turn_right a{ background:url(/images2/features/turn_right.png?v=5.4.9.2016092801) no-repeat;}

.titlewords{ float:left; height:60px; margin:0 20px 0 10px; -moz-text-shadow: 0 1px 0 white; -webkit-text-shadow: 0 1px 0 white; text-shadow: 0 1px 0 white; font-style:oblique;}
.titlewords .font1{ font-size:25px; color:#9ec033; font-family:Verdana, Geneva, sans-serif; font-weight:bold; line-height:30px;}
.titlewords .font2{ font-size:22px; color:#a9a9a9; line-height:30px; }

.start_box{width:100%; height:50px; background:url(/images2/features/greenline_2.jpg?v=5.4.9.2016092801) repeat-x; position:relative;}
.start_box .getstart{ width:270px; position:absolute; top:-23px; left:50%; margin-left:-135px; text-align:center;}
.start_box .getstart a{ color:#3d3d3d;}

#feature-info{ width:1000px; margin:auto; color:#3d3d3d;}
#feature-info .pictitle{ color:#4b4b4b; line-height:45px; font-size:18px; border-bottom:1px solid #d4d4d4; margin:15px auto;}
#feature-info .pictitle2{ color:#4b4b4b; line-height:45px; font-size:18px; margin:auto;}

#feature-info .piclist ul{ list-style:none;}
#feature-info .piclist ul li{ float:left; width:238px; margin-right:16px; height:174px; background:url(/images2/features/img_border.jpg?v=5.4.9.2016092801) no-repeat;}
#feature-info .piclist ul li a{ display:block; width:228px; height:164px; margin:5px; overflow:hidden; position:relative;}
#feature-info .piclist ul li a.scrub_wrap{ cursor:col-resize;}
#feature-info .piclist ul li a img{ }
#feature-info .piclist ul li a .nm{ }
#feature-info .piclist ul li a .original_image{ width:0%; overflow:hidden; position:absolute;}
#feature-info .piclist ul li a .original_image.mnow{border-right:solid 2px #FFF;}

#feature-info .piclist2 ul{ list-style:none; background:#fff;}
#feature-info .piclist2 ul li{ float:left; list-style:none; width:228px; padding:5px; margin-right:16px; height:255px; background:#fff;}
#feature-info .piclist2 ul li a{ display:block; width:228px; height:167px; margin:0 auto 10px; overflow:hidden;}

#feature-info .typelist ul{ list-style:none;}
#feature-info .typelist ul li{ float:left; width:238px; margin-right:16px; height:174px; background:#f7ac5c;}
#feature-info .typelist ul li a{ display:block; width:228px; height:164px; margin:5px; overflow:hidden; text-align:center; color:#fff; font-size:16px; font-weight:bold; line-height:35px;}
#feature-info .typelist ul li img{ margin:40px auto 0;}

#feature-info h2{ font-size:18px; font-weight:normal; line-height:25px;}

.all-f-box{ width:1000px; margin:90px auto 30px; padding:0 0 10px; background:#fff; font-family:"Segoe UI", "Lucida Grande", "Open Sans", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
.all-f-box .one-f-box{ margin:10px 0 0 10px; display:block; float:left;}
.all-f-box a{ color:#fff; font-size:24px; line-height:30px; font-weight:normal; background-repeat:no-repeat;}
.all-f-box a:hover{}
.all-f-box .box980{height:355px; width:980px;}
.all-f-box .box485{	height:319px;	width:485px;}
.all-f-box .box320{height:67px; width:320px; padding-top:90px; text-align:center; font:38px/28px alex_brushregular;}

.all-f-box a.funky-collage{ height:355px; width:980px; background:url(/images2/features/all/1-1.jpg?v=5.4.9.2016092801) no-repeat;}
.all-f-box a.funky-collage:hover{background:url(/images2/features/all/1-1.jpg?v=5.4.9.2016092801) no-repeat center bottom;}
.all-f-box a.frames{ height:318px; width:485px; background:url(/images2/features/all/1-2.jpg?v=5.4.9.2016092801) no-repeat;}
.all-f-box a.frames:hover{background:url(/images2/features/all/1-2.jpg?v=5.4.9.2016092801) no-repeat center bottom;}
.all-f-box a.text{ height:318px; width:485px; background:url(/images2/features/all/1-3.jpg?v=5.4.9.2016092801) no-repeat;}
.all-f-box a.text:hover{background:url(/images2/features/all/1-3.jpg?v=5.4.9.2016092801) no-repeat center bottom;}

.all-f-box a.diy-funky-collage{ height:157px; width:320px; background:url(/images2/features/all/1-4.jpg?v=5.4.9.2016092801) no-repeat center 0;}
.all-f-box a.frames-border{ height:157px; width:320px; background:url(/images2/features/all/1-4.jpg?v=5.4.9.2016092801) no-repeat center -157px;}
.all-f-box a.montage{ height:157px; width:320px; background:url(/images2/features/all/1-4.jpg?v=5.4.9.2016092801) no-repeat center -314px;}


.all-f-box .fb{ height:590px; width:650px;}
.all-f-box .fotor{ height:590px; width:320px;}
#fotor_for{ width:1000px; height:59px; display:block; margin:5px auto; padding:0;}
#fotor_for li{ width:330px; height:59px; margin-right:5px; list-style:none; font:15px/59px caviar_dreamsregular; color:#fff; text-indent:30px; float:left;}
#fotor_for li span{ font-size:24px;}
#fotor_for li a{ color:#fff;}

.holidaybox{width:873px; height:670px; display:none; background:url(/images2/features/all/cbox_01.png?v=5.4.9.2016092801) no-repeat; position:absolute; left:50%; margin-left:-436px; top:60px; z-index:10002;}
.holidaybox .cl_hb{ display:block; width:50px; height:40px; margin:95px 0 0 775px; text-indent:-999em;}
.holidaybox .top1{ display:block; width:389px; height:58px; margin:64px 0 0 146px; float:left;}
.holidaybox .top2{ display:block; width:263px; height:58px; margin:64px 0 0 14px; float:left;}
.holidaybox .center{ display:block; width:695px; height:192px; margin:25px 0 0 103px; }
.holidaybox .middle{ display:block; width:650px; height:167px; margin:14px 0 0 103px; }

.littlebox{ width:108px; height:138px; display:block; position:fixed; top:320px; left:50%; margin-left:510px; background:url(/images2/features/all/cbox_03.png?v=5.4.9.2016092801)}

.f_contest{width:1000px; margin:70px auto 30px; padding:0 0 10px; background:#fff; font-size:16px; line-height:22px; font-family:"Segoe UI", "Lucida Grande", "Open Sans", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}


.hdrs_box{ width:1000px; height:415px; margin:20px auto 30px;}
.hdrs_box .turn_left,.hdrs_box .turn_right{ height:415px; float:left; width:85px;}
.hdrs_box .turn_left a{ display: block;height: 52px;width: 52px; background:url(/images2/features/turn_left.png?v=5.4.9.2016092801) no-repeat; float:left; margin-top:184px;}
.hdrs_box .turn_right a{ display: block;height: 52px;width: 52px; background:url(/images2/features/turn_right.png?v=5.4.9.2016092801) no-repeat; float:right; margin-top:184px;}
.hdrs_box .imgsbox{ width:830px; height:415px; overflow:hidden; float:left; position:relative;}
.hdrs_box .imgsbox div{position:absolute; top:0; left:0; display:none;}
.hdrs_box .imgsbox div.s_onc{ display:block;}

.i_content{ padding:25px 20px;}
.i_content h2{ margin-bottom:5px;color:#7A3A3A}
.i_content.s_b{ background:#f1f1f1;}

.info_left{ width:442px; padding:25px; margin-top:15px; float:left; background:#f1f1f1; color:#4b4b4b;}
.info_right{ width:442px; padding:25px; margin-top:15px; float:right; background:#f1f1f1;color:#4b4b4b;}
.bottom_getstart{ text-align:center; margin:40px auto;}
.bottom_getstart a{ color:#3d3d3d;}
.more-features{ text-align:center; color:#8e8e8e; line-height:50px; border-top:1px solid #efefef; font-size:14px;}
.more-features a{ color:#8e8e8e;}

/*创作*/
#creatives-info{ width:860px; margin:60px auto 0; color:#b1c9f5;}
.cbanner{width:860px; height:232px; position:relative; z-index:1; margin:auto;}
.cbanner .hero_img{ position:absolute; z-index:1; zoom:1;}
.cbanner .hgroup{ position:absolute; z-index:2; top:15px; left:510px; background:url(/images2/ct/top-bg.png?v=5.4.9.2016092801) no-repeat; width:343px; height:201px; overflow:hidden;}

.cbanner .hgroup a.tabmenua{ display:block; width:70px; height:25px; text-align:center; line-height:25px; background:#e1e1e1; color:#4068a6; margin:0; float:left; cursor:default;}
.cbanner .hgroup a.tabmenua:hover{ color:#e7438f; background:#fff;}
.cbanner .hgroup a.tabmenua.on{ color:#e7438f; background:#fff;}

.cbanner .hgroup .conpanel{ height:25px; background:#fff; color:#426aa8; padding:12px 20px; width:258px;}

.ctitlepanel{ width:860px; height:27px; background: url(/images2/ct/sp.png?v=5.4.9.2016092801) no-repeat 305px 13px; margin:15px auto;}
.ctitlepanel .wordsspanle{ float:left; width:400px; height:27px; line-height:27px; font-size:16px;}
.ctitlepanel a.moreinfo{ float:right; width:94px; height:27px; display:inline-block; background:url(/images2/ct/more.jpg?v=5.4.9.2016092801) no-repeat;}

ul.imglist{ list-style:none;}
ul.imglist li{ float:left; width:202px; height:202px; margin:0 17px 0 0; position:relative; cursor:pointer;}
ul.imglist li .bk{width:202px; height:202px; background:url(/images2/ct/bk.png?v=5.4.9.2016092801) no-repeat; position:absolute; z-index:10; top:0; left:0; }
ul.imglist li.last{ margin-right:0;}

.submenu{ width:860px; margin:60px auto 0; background:#355586; height:35px; font-weight:bold; color:#fff; line-height:35px;}
.submenu a{ color:#d5e6ff;}

.temptitle{ width:860px; margin:5px auto 15px; color:#fff; font-size:16px;}

.tempcontent{ width:1000px; margin:0px auto 15px; overflow:hidden;}
.tempcontent .operation{ width:205px; color:#fff;}
.tempcontent .d_underline{ border:2px solid #cbcbc9; border-top:0; margin-bottom:5px;}
.tempcontent .operation .otitle{ line-height:28px; border:2px solid #83a31a; background:#9fc033; color:#fff; font-size:16px; font-weight:bold;
    -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px;
    -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px;}
.tempcontent .operation .otherlist_link{ padding:10px 0 20px 15px; font-size:14px; line-height:22px; }
.tempcontent .operation .otherlist_link a{ color:#6e6e6e;}
.tempcontent .operation .otherlist_link a:hover{ text-decoration:underline;}
.tempcontent .operation .cutover_title{ line-height:22px; margin:0; position:relative; text-indent:15px; font-weight:bold; background:#efefef;}
.tempcontent .operation .cutover_title a{ color:#333333;}
.tempcontent .operation .cutover_title .cutover_icon{ width:12px; height:12px; background:url(/images2/ct/ticon.png?v=5.4.9.2016092801) no-repeat 0 -196px; position:absolute; top:5px; left:10px; cursor:pointer;}
.tempcontent .operation .cutover_title .cutover_icon.on{ background-position:-23px -196px;}
.tempcontent .operation .cutover_con{ width:155px; margin:10px auto 0;}
.tempcontent .operation .links a{ color:#333333;}
.tempcontent .operation .links a:hover{ text-decoration:underline;}

.tempcontent .operation .cutover_con a.numlist{ display:block; float:left; width:20px; height:20px; line-height:20px; text-align:center; background:#d4d4d4; color:#000; margin-right:9px;text-shadow: 0 1px 0 white;}
.tempcontent .operation .cutover_con a.numlist.on{background:#798188; color:#fff;text-shadow:0;}
.tempcontent .operation .cutover_con a.numlist:hover{background-position:-30px -90px;}

.tempcontent .operation .cutover_con a.sizelist{ display:block; float:left; height:24px; margin-right:10px; color:#fff; text-align:center;}
.tempcontent .operation .cutover_con a.sizelist span{ display:block; margin:auto; background:#d4d4d4;}
.tempcontent .operation .cutover_con a.sizelist span.s4_6{ height:24px; width:16px;}
.tempcontent .operation .cutover_con a.sizelist span.on{background:#798188;}
.tempcontent .operation .cutover_con a.sizelist span.s6_4{ height:16px; width:24px; margin-top:8px; }
.tempcontent .operation .cutover_con a.sizelist span.s5_5{ height:20px; width:20px; margin-top:4px; }


.tempcontent .operation .cutover_con a.stylelist{ display:block; height:13px; line-height:13px; color:#333333; margin:8px 0; text-indent:18px; position:relative;}
.tempcontent .operation .cutover_con a.stylelist div.cbox{ display:block; position:absolute; width:15px; height:13px;background:url(/images2/ct/cbox_none.jpg?v=5.4.9.2016092801) no-repeat; overflow:hidden; text-indent:-999em; top:0; left:0;}
.tempcontent .operation .cutover_con a.stylelist div.cbox.on{background:url(/images2/ct/cbox_on.jpg?v=5.4.9.2016092801) no-repeat;}

.tempcontent .operation .cutover_con a.colorlist{ display:block; float:left; width:26px; height:24px; margin:4px 9px 4px 0; text-indent:-999em;}
.tempcontent .operation .cutover_con a.colorlist.on{}
.tempcontent .operation .cutover_con a.colorlist.last{ margin-right:0;}
.tempcontent .operation .cutover_con a.colorlist span{ display:block; width:20px; height:20px; margin:4px auto 0;}
.tempcontent .operation .cutover_con a.colorlist.on span{ width:24px; height:24px; margin-top:0;}
a.colorlist span.none{ background-color:#838f9d;}
a.colorlist span.white{ background-color:#ffffff;}
a.colorlist span.blue{ background-color:#00419f;}
a.colorlist span.red{ background-color:#9f0026;}
a.colorlist span.yellow{ background-color:#989e00;}
a.colorlist span.green{ background-color:#009e13;}
a.colorlist span.orange{ background-color:#9e6700;}
a.colorlist span.purple{ background-color:#82009e;}
a.colorlist span.black{ background-color:#000000;}

.tempcontent .operation .tempdiv{ height:10px;}
/*
.tempcontent .templist{ width:770px; overflow:hidden; color:#333;}
.tempcontent .templist ul.cardslist{ list-style:none; width:800px;}
.tempcontent .templist ul.cardslist li{ float:left; width:175px; height:205px; margin:0 22px 20px 0; text-align:center; position:relative;}
.tempcontent .templist ul.cardslist li .imgbox{  border:1px solid #cccccc; padding:4px; width:165px; height:165px; margin:0 0 11px 0; position:relative; cursor:pointer; overflow:hidden; text-align:left; }
.tempcontent .templist ul.cardslist li .imgbox img{ }
.tempcontent .templist ul.cardslist li .imgbox:hover{ }
.tempcontent .templist ul.cardslist li .tryit{ top:155px; left:44px;}
.tempcontent .templist ul.cardslist li .showbig{ top:0px; left:132px; position:absolute; width:42px; height:42px; background:url(/images2/bigj.png?v=5.4.9.2016092801) no-repeat; display:none;}
.tempcontent .templist ul.cardslist li .imgbox .bk{position:absolute; z-index:10; top:0; left:0; display:none; }
.tempcontent .templist ul.cardslist li .pname{ height:20px; width:175px; color:#313131; overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;}
*/

.templist{ width:1000px; color:#333;}
.templist ul.cardslist{ list-style:none; width:1020px;}
.templist ul.cardslist li{ float:left; margin:0 10px 15px 0; text-align:center; position:relative; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);box-shadow: 0px 1px 4px rgba(0,0,0,0.4);}
.templist ul.cardslist li .imgbox{ position:relative; cursor:pointer; text-align:left; }
.templist ul.cardslist li .imgbox img{ height:200px;}
.templist ul.cardslist li .imgbox:hover{ }
.templist ul.cardslist li .tryit{ top:155px; left:44px;}
.templist ul.cardslist li .showbig{ top:0px; left:132px; position:absolute; width:42px; height:42px; background:url(/images2/bigj.png?v=5.4.9.2016092801) no-repeat; display:none;}
.templist ul.cardslist li .imgbox .bk{position:absolute; z-index:10; top:0; left:0; display:none; }
.templist ul.cardslist li .pname{ height:45px; line-height:45px; font-size:14px; background:#f7f7f7; color:#454545; overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;}

.templist ul.clipartslist{ list-style:none; width:1020px;}
.templist ul.clipartslist li{ float:left; width:158px; margin:0 10px 15px 0; background:#fff; text-align:center; position:relative; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);box-shadow: 0px 1px 4px rgba(0,0,0,0.4);}
.templist ul.clipartslist li.showli_0{ display:block;}
.templist ul.clipartslist li .imgbox{ position:relative;width:148px; height:148px; padding:5px; overflow:hidden; cursor:pointer; text-align:left; }
.templist ul.clipartslist li .imgbox img{ }
.templist ul.clipartslist li .pname{height:45px; line-height:45px; font-size:12px; background:#f7f7f7; color:#454545; overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;}


.templist ul.allclipart li{ width:192px !important;}
.templist ul.allclipart li .imgbox{width:182px !important; height:182px !important; }
.templist ul.allclipart li .pname{font-size:14px !important; }


.pinfopage{}
.bd_btm{border-bottom:1px solid #d4d4d4; height:1px;}
.pinfopage h4{ color:#424242; border-bottom:1px solid #d4d4d4; font-size:16px; font-weight:normal; padding:30px 0 10px;}
.breadcrumbs{color:#000;}
.breadcrumbs a{color:#000;}
.pic_panle{ float:left; width:390px; height:340px; border:1px solid #dddddd; overflow:hidden;}
.con_panle{ float:right; width:570px; color:#000;}
.con_panle .con_property{ color:#616161;}
.con_panle .pname{ font-size:16px; font-weight:bold;}
.con_panle p{ margin:15px 0;}
.con_panle .btnbox{}
.con_panle .btnbox a{ display:block; width:267px; height:74px; position:relative;}
.con_panle .btnbox img{ position:absolute; top:0; left:0;}
.con_panle .btnbox img.hide{ visibility:hidden;}
.other_p_list ul{ list-style:none;}
.other_p_list ul li{ float:left; width:180px; margin:20px 0 0 16px;}
.other_p_list ul li .pic{width:148px; height:148px; padding: 15px; border:1px solid #d4d4d4; overflow:hidden;}
.other_p_list ul li .name{ width:180px; height:35px; line-height:35px; text-align:center; overflow:hidden;}
.a_keywords{padding:16px; color:#226acf;}

/*分页*/
.paging{ width:100%; margin:30px 0 15px 0; font-size: 12px; font-family: "sintonyregular", Arial, Helvetica, sans-serif; text-align: center;}
.paging ul{ list-style:none;}
.paging ul li{ margin:0 5px 10px; width:20px; height:20px; overflow:hidden; border:1px solid #333; text-align:center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    background-color:#fff; display: inline-block;}
.paging ul li a{ display:block; width:20px; height:20px; overflow:hidden; color:#3c3c3c; text-align:center; line-height:20px;}
.paging ul li a:hover{ color:#282828;}
.paging ul li.otherbtn{ width:auto; }
.paging ul li.otherword{ border:0;}
.paging ul li.lock{ -moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.paging ul li.lock a:hover{color:#000000;}
.paging ul li.otherbtn a{ width:auto;padding:0 12px;}
.paging ul li.on{ background: #3c3c3c; color: #e1e1e1; border: 1px solid #3c3c3c;}
.paging ul li.on a{ color:#e1e1e1;}

/*下拉*/

.tzSelect{
    height:35px;
    display:inline-block;
    min-width:130px;
    position:relative;
}

.tzSelect .selectBox{
    position:absolute;
    height: 35px;
    width:130px;
    text-indent:15px;
    font-size:14px;
    text-align:left;
    padding:0;
    color:#d5e6ff;
    font-weight: bold;
    background:url(/images2/ct/down.png?v=5.4.9.2016092801) no-repeat 110px 15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
    cursor:pointer;
}

.tzSelect .dropDown{
    position:absolute;
    top:35px;
    left:0;
    width:150px;
    list-style:none;
    z-index:1000;
    background-color: #355586;
}

.tzSelect .dropDown.f {
    overflow-y:auto;
    height:380px;
}

.tzSelect li{
    background-color:#355586;
    line-height:24px;
    cursor:pointer;
    padding:0 6px;
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.tzSelect .dateDown li{
    text-indent:15px;
}
.tzSelect li.fi_l{
    border-top:0;
}

.tzSelect li:hover{
    background-color:#243a5c;
    color:white;
}

.tzSelect li.on{
    background-color:#bce0ff;
}
.tzSelect li.on:hover{
    background-color:#299bfe;
    color:white;
}

.tzSelect li.s_s_btn{
    border-top:1px solid #ccc;
    cursor:auto;
    text-align:right;
}
.tzSelect li.s_s_btn:hover{
    background-color:#fff;
    color:#000;
}
/*	Default dropdown styles end  */


.ye_alert_window{
    width:358px;
    background-color:#f0f0f0;
    padding: 20px 0;
    z-index:10002;
    top: 50%;
    left:50%;
    margin: -90px 0 0 -180px;
    position: fixed;
    border:1px solid #f0f0f0;
    text-align:left;
    color:#505050;
    -webkit-box-shadow: rgba(0,0,0,0.20) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0,0.20) 0px 0px 5px;
    box-shadow: rgba(0,0,0,0.20) 0px 0px 5px;
    font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;
}
.ye_alert_window .alerttitle{padding:0 0 10px; font-size:24px; line-height: 26px; text-transform: uppercase; text-align:center;}
.ye_alert_window .alerttitle.error{ color:#505050;}
.ye_alert_window .alerttitle.right{ color:#505050;}

.ye_alert_window .alerttitle a.c-btn{ display:block; cursor:pointer; width:14px; height:13px; text-indent: -999em; background: url(/images2/close_icon_login.png) no-repeat 1px 0; position: absolute; top: 6px; right: 6px;}
.ye_alert_window .alerttitle a.c-btn:hover{background-position: -11px 0;}
.ye_alert_window .alerttitle a.c-btn:active{background-position: -23px 0;}

.ye_alert_window .ye_alert_txt{ padding:0 10px; font-size:16px; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif; color:#787878; text-align:center;}

.ye_alert_wrap * {vertical-align: middle;}
.ye_alert_wrap { margin:0 auto 16px; padding: 0 10px; text-align:center;}
.ye_alert_wrap .txt {font-size: 14px; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif; color:#787878;}

.ye_alert_ico_1,.ye_alert_ico_2,.ye_alert_ico_3,.ye_alert_ico_4,.ye_alert_ico_5 {background:#fff no-repeat 10px center;padding-left:50px; text-align:center;}
.ye_alert_ico_1 {}/*all right*/
.ye_alert_ico_2 {}/*wrong*/
.ye_alert_ico_3 {}/*warnning*/
.ye_alert_ico_4 {}
.ye_alert_ico_5 {}

.ye_alert_window .btn-panel{width:280px; margin:0 auto; text-align:center; font-size: 0;}
.ye_alert_window .btn-panel a.btn{ display: inline-block; min-width: 50px; height:28px; line-height:28px; padding: 0 15px; margin: 0 16px; text-align:center; font-size:12px; text-transform: uppercase; color:#f0f0f0; background:#ac975e; cursor:pointer;}
.ye_alert_window .btn-panel a.btn:hover{ background:#bda460; color: #fafafa;}
.ye_alert_window .btn-panel a.btn:active{ background:#978450; color: #fff;}

.ye_alert_window .btn-panel a.btn.no{ background: #8f9e8b; color: #f0f0f0;}
.ye_alert_window .btn-panel a.btn.no:hover{ background: #aab8a6; color: #fafafa;}
.ye_alert_window .btn-panel a.btn.no:active{ background: #798875; color: #fff;}

.smask{ background-color:#000000; left:0; top:0; position:fixed; z-index:1; opacity:0.6; filter:alpha(opacity=60); /* IE6 */ -moz-opacity:0.6; /* Mozilla */ -khtml-opacity:0.6; /* Safari */ display:none; width:100%; height:100%;}
.wmask{ background-color:#ffffff; left:0; top:0; position:fixed; z-index:1112; opacity:0.6; filter:alpha(opacity=60); /* IE6 */ -moz-opacity:0.6; /* Mozilla */ -khtml-opacity:0.6; /* Safari */ display:none; width:100%; height:100%;}

.mask{ background-color:#000000; left:0; top:0; position:fixed; z-index:1112; opacity:0.6; filter:alpha(opacity=60); /* IE6 */ -moz-opacity:0.6; /* Mozilla */ -khtml-opacity:0.6; /* Safari */ display:none; width:100%; height:100%;}


/*tip*/
.f_tips{ position:absolute; top:36px; display:none;}
.f_tips .tips_jj{ background:url(/images2/tips_jj.png?v=5.4.9.2016092801) no-repeat; width:18px; height:9px; left:28px; z-index:10; position:absolute;}
.f_tips .tips_con{ border:1px solid #b1ab63; background:#feffba; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;top:8px; z-index:9; position:absolute; line-height:23px; padding:10px; width:250px; left:-170px; text-align:center; color:#1363d4}
.f_tips .close{ position:absolute;background:url(/images2/tip_close.png?v=5.4.9.2016092801) no-repeat; width:7px; height:7px; right:5px; top:5px;}


#gg_desktop{ display:none;}

/*用户登陆注册*/
#userp{width: 700px;min-height: 434px;position: fixed;display: none;top: 50%;left: 50%;margin: -217px 0 0 -350px; z-index: 9999; color:#2f2f2f; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.drop {animation: drop 0.5s ease normal forwards;-webkit-animation: drop 0.5s ease normal forwards;}
@keyframes drop {
    0% { transform: scale(0.8); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}
@-webkit-keyframes drop {
    0% { -webkit-transform: scale(0.8); opacity: 0;}
    100% {-webkit-transform: scale(1); opacity: 1;}
}

#user-tips-box{ width:100%; height: 100%; position: absolute; top:0; left:0; }
#user-login-box{ width:100%; height: 100%; position: absolute; top:0; left:0; background: url(/images2/web_login_back.jpg) no-repeat; background-size: cover;}

.loading{ position:absolute; width:49px; height:49px; top:50%; left:50%; margin:-25px 0 0 -25px; display:none;}
.topfont{margin:20px auto 10px; text-align:center; color: #505050;}
.logintitle{ font-size:24px; line-height:30px; display:block; position:relative; }
#userp a.c_fecebook{ width:236px; height:40px; display:block; position:relative; margin:0 auto 25px; background:#627cbe; font-size: 14px; color: #f0f0f0; text-transform: uppercase; text-align: center; line-height: 40px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
#userp a.c_fecebook:hover{ background: #5a7dd5; color: #fafafa; text-decoration: none;}
#userp a.c_fecebook:active{ background: #4f68a6; color: #fff; text-decoration: none;}
a#see_membership{ color: #8c8c8c;}
a#see_membership span{ display: inline-block; *display:inline; *zoom:1; vertical-align:text-bottom; width: 18px; height: 18px; background: url(/images2/web_home_public_icons_competence.png) no-repeat 0 0;}
a#see_membership:hover{ color: #bda460;}
a#see_membership:hover span{ background-position: -16px 0;}
a#see_membership:active{ color: #978540;}
a#see_membership:active span{ background-position: -32px 0;}

.login_remember,.terms_privacy{ font-size: 12px; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif;}
.go_sign_up{ font-size: 14px; text-align: center; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif;}
.inputtextbg_div input{ width:236px; height:16px; color: #646464; font-size:14px; line-height:16px; border: 0; background: none; border-bottom:1px solid #d3d3d3; padding: 4px 0; outline:none; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.inputtextbg_div input:focus{border-bottom:1px solid #b4b4b4;}
.inputtextbg_div input.error{border-bottom:1px solid #da6767;}
.inputinfo{font-size: 14px; color:#c8c8c8; display: block;position: absolute;margin: -25px 0 0 0px; height: 24px;line-height: 24px;}

a.l_cb {line-height: 22px; color:#2f2f2f !important; text-decoration:none !important; cursor: pointer; margin-left:0;}

.msg_box{ padding:4px 0 0; font-size:12px; color:#da6767; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif; text-align:left; display:none;}
.inputmsg{ text-align:left; padding:1px 0 0; display:none;}


.userinfop{ float:right; margin-right:24px; display:none;}
.userinfop a{ color:#fff;}

#f_userhead{ width:30px; height:30px; border: 1px solid rgba(0,0,0,0.4); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float:right; margin:11px 0 11px 8px; overflow: hidden;}
#f_userhead img{ width:30px; height:30px;}
#f_username{line-height:30px; margin:12px 0; float:left; width:80px; text-align:right; text-transform: uppercase; height:30px; overflow:hidden; color:#505050; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}

.f_info{ position:relative; z-index:111;}
.f_info .dropdown_nav{position:absolute; width:120px; left:50%; margin-left: -60px; top:54px; z-index:111; padding-top:0px; display:none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.arrow_mennu{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: relative;
    left: 104px;
    top: 0;
}
.f_info .dropdown_nav .topbg{ height:0; background-color:#cc3333;}
.f_info .dropdown_nav .listbg{ background:url(/images2/dd_bb.png?v=5.4.9.2016092801) repeat-y; padding-top:0;}
.f_info .dropdown_nav .listbg.nonebg{ background:#f0f0f0;}
.f_info ul{ list-style:none; }
.f_info ul li{ float:none; display:block; width:120px; height:30px; padding:0; line-height:30px; position:relative;}
.f_info ul li a{ height:30px; width:120px; display:block; padding:0; color:#8c8c8c; text-align:left; text-indent:25px; font-size:12px;}
.f_info ul li a:hover{ color:#fafafa; text-shadow:none; background:#bda460;}
.f_info ul li a:active{ color:#ffffff; text-shadow:none; background:#978450;}


.loginnow{ float:right; margin-right:32px; font-size: 0;width: 120px;text-align: right;}
.loginnow a.signin, .loginnow a.signup{width: 72px; height: 28px; display: inline-block; line-height: 28px; text-transform: uppercase; margin-top: 13px; text-align: center; font-size:12px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.loginnow a.signup{ background:#ac975e; color:#f0f0f0; margin-right:16px;}
.loginnow a.signup:hover{ background:#bda460; color:#fafafa; }
.loginnow a.signup:active{ background:#978450; color:#fff; }
.loginnow a.signin{ background:#8f9e8b; color:#f0f0f0;}
.loginnow a.signin:hover{ background:#aab8a6; color:#fafafa;}
.loginnow a.signin:active{ background:#798857; color:#fff;}

#flash_header a.fotorbar{ width:60px; height:23px; display:inline-block;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; line-height:23px; -moz-text-shadow:none; -webkit-text-shadow: none; text-shadow:none; text-align:center;background:#3bbcff; color:#fff; margin-top:16px; margin-right:10px; float:right; font-size:13px;}
#flash_header a.fotorbar:hover{ background:#1b8cb5;}
.loginnow a{ color:#000}

#closeLR{ position:absolute; top:5px; right:5px;}

.overlay{display: none;position: fixed;background-color: #000; width: 100%;height: 100%;z-index: 9998; top:0; left:0; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity:0.6;}
#resetPass_panel,#verifyTip_respons{ width: 520px; border-radius: 3px; }
#register_activetips{ width: 364px; height: 484px; margin: auto; border: 0; background: url(/images2/signup/signup_en.png?v=5.4.9.2016092801) no-repeat;}
/*#register_activetips a.userupbtn{ padding: 0 28px; height: 46px; line-height: 46px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #3c3c3c; color: #d2d2d2;}*/
/*#register_activetips a.userupbtn:hover{ background: #b7a36c; color: #e6e6e6; }*/
/*#register_activetips a.userupbtn:active{ background: #98844f; color: #b4b4b4; }*/

#register_activetips a.userupbtn {
    width: 150px;
    height: 40px;
    background-color: #fff;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    color: #505050;
    line-height: 40px;
    text-transform: uppercase;
}

#register_activetips a.userupbtn:hover {
    background-color: #3c3c3c;
    color: #fff;
}

#register_activetips a.userupbtn:active {
    background-color: #282828;
    color: #ebebeb;
}

#vipTips{ width: 444px; height: 374px; margin: auto;}
#vipTips{ background: url(/images2/free_vip_b_1.jpg?v=5.4.9.2016092801) no-repeat;}
#registerTips{ width: 420px; height: 220px; margin: auto; background:#ffffff url(/images2/free_vip2_b_2.png?v=5.4.9.2016092801) no-repeat center 24px; border-radius: 4px; box-shadow: 0 0 4px rgba(0,0,0,0.3);}
#upgradeTips{ width: 542px; height: 379px; margin: auto; position: relative; background: url(/images2/upgradeTip-en-0229.jpg?v=5.4.9.2016092801) no-repeat; font-family: Arial, Helvetica, sans-serif;}
#upgradeTips a.upgrade{ width: 96px; height: 30px; display: inline-block; text-align: center; line-height: 30px; border-radius: 30px; color: #fefefe; font-size: 12px; background: #8fbd04;}
#upgradeTips a.upgrade:hover{ background: #b1d629;}
#upgradeTips a.upgrade:active{ background: #82a504;}
#upgradetip_signin{ font-size: 12px; color: #888888; display: none; position: absolute; bottom: 0; right: 0; left:0; height: 40px; line-height: 40px; text-align: center;}
#resetPass_panel .otherwords, #register_activetips .otherwords,#verifyTip_respons .otherwords{ font-family: 'sintonyregular', Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 15px; color:#3c3c3c; text-align: center;}
.otherwords.biger{ font-size: 18px !important; line-height: 25px;}

#changePlanTips{ width: 540px; padding: 26px 0 40px; height: auto; margin: auto; position: relative; background: #fff; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.3); }
#changePlanTips .img{ text-align: center; margin-bottom: 16px; }
#changePlanTips .title{ font-family: hussarbold, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 50px; text-transform: uppercase; line-height: 32px; margin-bottom: 4px; text-align: center; color: #646464;}
#changePlanTips .text{ font-size: 12px; font-family: 'sintonyregular', Arial, Helvetica, sans-serif; padding: 0 60px; line-height: 25px; text-align: center; color: #505050; }
#changePlanTips .text a{ text-decoration: underline; color: #f4ca63;}

.oremail{ height:20px; width:100%; background:url(/images2/login_xx.jpg) no-repeat center;}

#eventsGuide {position: relative;width: 688px; height: 417px; margin: auto;background: url(/images2/saved-banner-0202-en.jpg?id=160202) no-repeat center;}
#eventsGuide .eventsGuide_btn {display: block;text-align: center;line-height: 26px;width: 92px;border: 0;font-size: 12px;color: #fefefe;font-weight: normal;background: #df7985;border-radius: 5px;font-family: Arial;position: absolute;left: 50%;margin-left: -46px;bottom: 84px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}

/*用户设置，找回密码*/
a.backToEdit{ font-size:14px; display:inline-block; color:#2f2f2f; height:24px; line-height:24px; padding-right:8px; float:left; text-indent:20px; background:#efeeec url(/images2/jt_left.png) no-repeat 8px -1px; margin-left:21px; margin-top:15px;-moz-border-radius: 3px;
    -webkit-border-radius: 3px;border-radius: 3px;}
a.backToEdit:hover{ background-color:#e0e1dd;}

a.btn_gray_to_gold{ display: inline-block; height: 28px; line-height: 28px; padding: 0 12px; text-align: center; text-transform: uppercase; color: #a0a0a0; background: #505050; font-size: 12px; margin-top: 15px; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
a.btn_gray_to_gold:hover{ background: #787878; color: #dcdcdc;}
a.btn_gray_to_gold:active{ background: #978450; color: #f5f5f5;}

a.btn_gold_right_sj{ display: inline-block; height: 28px; line-height: 28px; padding: 0 13px 0 0; font-weight: bold; background: url(/images2/membership-benefits-icon_02.png) no-repeat center right; text-align: center; text-transform: uppercase; color: #9e8d60; font-size: 12px; margin-top: 5px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
a.btn_gold_right_sj:hover{ background: url(/images2/membership-benefits-icon_01.png) no-repeat center right; color: #ac975e;}
a.btn_gold_right_sj:active{ background: url(/images2/membership-benefits-icon_01.png) no-repeat center right; color: #ac975e;}

#resetpwd_panel{ width:720px; margin:auto; color:#787878; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
#resetpwd_panel .logintitle{padding:60px 0 20px 0; text-align:center; color: #646464; font-size: 28px; text-transform: uppercase; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}

#resetpwd_panel .re_msg , #setting_panel .re_msg{ position: absolute; left: 105%; width: 300px; top: 0; line-height: 48px; display: none; padding: 0; color: #8c0000; font-size: 14px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}

.del_user_choices{ width: 100%; height: 32px; line-height: 32px;}
.del_user_choices .d_checkbox{ background: url(/images2/checkbox2.png) no-repeat 0 8px; width: 20px; height: 32px; margin: 0 8px 0 0;}
.del_user_choices .d_checkbox:hover{background-position:0 8px;}
.del_user_choices .d_checkbox.d_checkbox_on{ background-position: -22px 8px; }
.del_user_choices .l_cb{ cursor: pointer;}

#setting_panel{ font-size:16px; width:970px; margin:auto; padding-top:60px; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
#setting_panel .userinfo_tips{ margin:10px auto 0px; text-align:center; position:relative;}
#setting_panel .userinfo_tips .txt{padding:5px; background:#f0f0f0; color:#658e7e; font-size: 14px; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#setting_panel .userinfo_tips span{ color:#658e7e !important; text-decoration:underline;}
#setting_panel .userinfo_tips .close{ display:block; cursor:pointer; width:14px; height:13px; background:url(/images2/close_icon_login.png) no-repeat; background-position: 1px 0; position:absolute; top:6px; right:6px; text-indent:-999em;}
#setting_panel .userinfo_tips .close:hover{ background-position: -11px 0;}
#setting_panel .userinfo_tips .close:active{ background-position: -23px 0;}

.setting_title{ width:100%; margin:0 auto; padding:0; color:#787878; border-bottom: 1px dashed #c8c8c8;}
.setting_title ul{ list-style:none; width: 100%;}
.setting_title ul li{ float:left; height: 60px; width: 33.3%; text-align: center; line-height: 60px;}
.setting_title ul li a{ display:inline-block; text-decoration:none; color:#a0a0a0; height: 14px; font-size: 14px; padding: 0 6px; line-height: 14px; text-transform: uppercase; border-left:2px solid #f5f5f5; border-right:2px solid #f5f5f5;}
.setting_title ul li a:hover{ color: #ac975e; border-left: 2px solid #f5f5f5;}
.setting_title ul li a:active{ color: #978450; border-left: 2px solid #978450;}
.setting_title ul li.on{}
.setting_title ul li.on a{ color: #bda460; border-left: 2px solid #bda460;}
.setting_title ul li.on a:hover{}
.setting_title .feedback-info{ width: 208px; margin: 10px auto 0; padding: 20px 0; line-height: 25px; border-top: 1px solid #282828; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif;}

.setting-box{ width:360px; padding:0; margin:28px auto 0; color:#646464; font-size:14px;}
.settingtable{ width:360px;}
.settingtable .txt{}
.settingtable td.lt{ width:130px; padding-right:10px; font-size: 18px; vertical-align:top; line-height:36px; text-align:left;}
.settingtable td.rt{ width:470px; line-height:36px;}
.settingtable td.sp{ width:100%; height:10px; padding-top:10px;}
.settingtable .inputtext, #resetpwd_panel .inputtext{ width:340px; padding:14px 9px; border: 1px solid #eeeeee; color: #646464; outline: none; font-size: 14px; line-height: 18px; height: 18px; background: #eeeeee; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
.settingtable .inputtext:focus, #resetpwd_panel .inputtext:focus{ border: 1px solid #a0a0a0; color: #505050;}
.settingtable .inputtext.error, #resetpwd_panel .inputtext.error{border:1px solid #da6767;}
.settingtable .inputtextbg_div, #resetpwd_panel .inputtextbg_div{ height: 36px; width: 360px;}
.settingtable .inputinfo, #resetpwd_panel .inputinfo{ color: #505050; font-size: 16px; line-height: 36px; height: 36px; padding-left: 10px; margin-top: -36px;}
.setting-sex ul{ list-style:none;}
.setting-sex ul li{ float:left; line-height:22px; padding:6px 0;}
.setting-box .inputmsg{ line-height:14px;}
#activeEmailbox{ position: absolute; top: 50px; left: 50%; width: 265px; padding: 20px 5px; background: #fff; z-index: 11; }
#activeEmailbox:before{ position: absolute; content: ''; background: url(/images2/personal_info_account_images_011.png) no-repeat; z-index: 11; width: 39px; height: 24px; top: -24px; left: 10px;}
#activeEmailbox .activepanel{ font-size: 14px; line-height: 20px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
#activeEmailbox a#activeUser{ font-size: 14px; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: underline; color: #787878; display: inline-block; margin-top: 12px;}
#activeEmailbox a#activeUserClose{ display: block; cursor: pointer; width: 14px; height: 14px; background: url(/images2/personal-info-account-images_02.png) no-repeat center; position: absolute; top: 5px; right: 5px; }
.settingtable a.show-change-pwd{ display: block; width:340px; padding:0 9px; margin:0 auto 24px; border: 1px solid #eeeeee; height: 48px; line-height: 48px; color: #646464;  background: #eeeeee; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}


.setting-box .subscribe_info{ font-size: 14px; line-height: 25px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
.setting-box .subscribe_info{ float:right; line-height:25px; margin:5px 0 0 ; width:330px; }
.setting-box .d_checkbox{ background: url(/images2/checkbox2.png) no-repeat 0 5px; width: 20px; margin:5px 0 0; }
.setting-box .d_checkbox:hover{background-position:0 5px;}
.setting-box .d_checkbox.d_checkbox_on{ background-position: -22px 5px; }

.setting-box .member{ margin: auto;}
.setting-box .member table{ width: 100% !important; background: none ;}
.setting-box .member table tr{ background: none !important;}
.setting-box .member table td{ background: none !important; width: 33% !important; font-size: 12px; line-height: 40px !important; color: #787878; text-align: center; text-transform: uppercase;}
.setting-box .member table td.firsttd{ text-indent: 108px; text-align: left;}
.setting-box .member .member_bottom_tips{border-top: 1px dashed #c8c8c8; padding:25px 108px 0; line-height: 25px; margin-top:5px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; font-size: 14px; color: #646464;}
.setting-box .allmsg{ font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif;}
#setinfo{ width: 180px; height:58px; margin:auto; line-height:58px; position: relative;  -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
#setinfo:after{ height: 58px; content: ''; line-height: 58px; background: #8f9e8b url(/images2/personal_info_icon_01.png) no-repeat center; }


ul.bindaccount{ list-style:none;}
ul.bindaccount li{ width:429px; height:50px; margin: 20px 26px; float: left;}
ul.bindaccount li.facebook{ background: url("/images2/personal_social_networks_icons_facebook.jpg") no-repeat;}
ul.bindaccount li.flickr{ background: url("/images2/personal_social_networks_icons_flickr.jpg") no-repeat;}
ul.bindaccount li.twitter{  background: url("/images2/personal_social_networks_icons_twitter.jpg") no-repeat;}
ul.bindaccount li.picasa{ background: url("/images2/personal_social_networks_icons_picasa.jpg") no-repeat;}
ul.bindaccount li.tumblr{  background: url("/images2/personal_social_networks_icons_tumblr.jpg") no-repeat;}
ul.bindaccount li.dropbox{  background: url("/images2/personal_social_networks_icons_facebook.jpg") no-repeat;}
ul.bindaccount li.instagram{  background: url("/images2/personal_social_networks_icons_facebook.jpg") no-repeat;}
ul.bindaccount li .statewords{ float:left; margin:5px 0 0 65px; line-height:20px; font-size: 12px; color: #4b4b4b; text-transform: uppercase;}
.statewords .strong{}
.statewords .strong.on{ color:#ac975e;}
ul.bindaccount li .opbox{ float:right; }
.opbox a{ width:74px; height:26px; padding: 3px; margin-top:9px; display:block; background: #e6e6e6; font-size: 0; position: relative;}
.opbox a span{ width: 37px; height: 26px; color: #4b4b4b; display: inline-block; font-size: 12px; text-transform: uppercase; line-height: 26px; text-align: center;}
.opbox a span.grayBg{ background: #ffffff; display: block; margin-left: 0; position: absolute; z-index: 2; top: 3px; left: 3px;}
.opbox a.yes span.grayBg{ left: 3px;}
.opbox a.no span.grayBg{ left: 40px;}


.st_userhead{ display:block; width:100px; height:100px; margin:0 auto 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:relative;}
.st_userhead img{ width:100px; height:100px; visibility: hidden;}
#disFlash{ position:fixed; left:-50000px; }
#disFlash a.choose_file{ width: 100px; height: 100px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(0,0,0,0.3) url("/images2/addphotos.png") no-repeat center center;}
#disFlash a.choose_file:active{ background: rgba(0,0,0,0.6) url("/images2/addphotos_s.png") no-repeat center center;}
#cropboxdiv{ width:360px; height:558px; position:fixed; top: 50%; left:-50000px; margin:-279px 0 0 -180px; z-index: 9999; color:#505050; border:0px solid #f0f0f0; background:#f0f0f0; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
a.closepop{ display:block; cursor:pointer; width:14px; height:13px; background: url(/images2/close_icon_login.png) no-repeat 1px 0; position: absolute; top: 6px; right: 6px;}
a.closepop:hover{background-position: -11px 0;}
a.closepop:active{background-position: -23px 0;}
#cropboxdiv .title{ line-height:16px; margin: 44px auto 44px; color: #505050; font-size:16px; text-align: center; text-transform: uppercase;}
#headEdit{ width: 308px; margin: auto;}

#deletemsg{padding:0 0 25px; font-size:14px; line-height: 25px; width: 622px; margin: auto; text-align:center; color:#a0a0a0; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
.u_s_btn_box{ padding-top: 30px; border-top: 1px dashed #c8c8c8; width: 360px; margin: auto;}

a.bluebtn{ display:block; width:138px; height:32px; line-height:32px; text-align:center; font-size:18px; color:#fff; background:#289bc5; cursor:pointer;}
a.bluebtn:hover{ background:#1b8cb5;}

a.graybtn{ display:block; width:138px; height:32px; line-height:32px; text-align:center; font-size:18px; color:#2f2f2f; background:#e0e1dd; cursor:pointer;}
a.graybtn:hover{ background:#d7d8d4;}

#registerTips a.signup,#registerTips a.signin{ height:30px; width:130px; display:inline-block; margin:0 28px; background:#ac975e; line-height:30px; border-radius: 4px; color:#F0F0F0; font-size:12px; text-align:center; font-family: "sintonyregular", Arial, Helvetica, sans-serif;}
#registerTips a.signup:hover, #registerTips a.signin:hover{ background:#bda460; color: #fafafa; text-decoration:none;}
#registerTips a.signup:active, #registerTips a.signin:active{ background:#978450; color: #ffffff; text-decoration:none;}



/*用户升级vip*/
#upgrade{ padding-top:30px;}
.user_bg{ /*width:500px; background:#fff url(/images2/user_bg.jpg);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);box-shadow: 0px 3px 5px rgba(0,0,0,0.4); border:1px solid #e4e4e4;*/ font-size:13px;}

.user_imgbox{ width:335px; height:640px; margin:15px; overflow:hidden; float:left; background:#dcdcdc; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
.user_upgradebox{ width:500px; float:right; font-size:14px; }
.user_bg .o_title{ padding:15px 0; font-size:30px; line-height:35px; color:#df7607;}
.user_upgradebox .ug_username{ color:#000;}
.user_bg .w_b_box{ border:1px solid #dddddd; background:#fff; padding:10px 20px; margin:10px 0; color:#000; font-size:13px;}
.user_bg a{ color:#ac975e;}
.user_bg a:hover{ color:#bda460; text-decoration:none;}
.user_bg a:active{ color: #978450;}
.user_bg .upgrade_title{ margin:20px 0 10px; color:#177607; padding:10px 0; border-bottom:1px dashed #b6b6b6; font-size:15px;}
.user_bg .choosep{ line-height:20px; padding-bottom:25px; border-bottom:1px dashed #b6b6b6; margin-bottom:10px; color:#000;}
.user_bg .choosepayt{ line-height:20px; padding-bottom:25px; border-bottom:1px dashed #b6b6b6; color:#000;}
.user_bg .cardinfobox{ line-height:28px; margin-bottom:20px;}
.user_bg .cardinfobox input{ height:24px; padding-left:20px; border:2px solid #d1d1d1; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px; background:#fff url(/images2/upgimgs.png) no-repeat -26px -349px; outline:none;}
.user_bg .cardinfobox input:focus{border:2px solid #9d9d9d;}
.user_bg .cardinfobox input.error{border:2px solid #ee8b44;}
.helpicon{ display:inline-block; float:left; margin:0 5px; height:28px; width:24px; background:url(/images2/upgimgs.png) no-repeat -24px -395px;}

#upgrade-box{ width: 100%; height: 100%; margin: 0; font-family: 'sintonyregular', Arial, Helvetica, sans-serif; background: #F5F5F5; font-size: 12px;}
#upgrade-box .content{ width: 890px; margin: auto; box-sizing: border-box;}
#upgrade-box .content *{box-sizing: border-box;}
/*.content .upgrade-top-tips{width: 890px; padding-top: 30px;}*/
.content .bigtitle{ text-align: center; font-size: 24px; color: #282828; line-height: 40px; margin: 100px 0;}
.content .bigtitle .discounttips{ font-size: 14px; color: #e34b4b;}
.content .bigtitle .discounttips span{ font-size: 16px;}
.payment-box{ width: 100%; height: 830px; position: relative; }
.payment-box a.change-plan{ display: block; position: absolute; height: 24px; line-height: 24px; color: #787878; top: 0; left: 50px; z-index: 9; opacity: 0;}
.payment-box a.change-plan .icon{ display: block; margin-right: 6px; width: 12px; height: 24px; float: left; background: url("/images2/web_plan_btn_back.png") no-repeat -2px center;}
.payment-box a.change-plan:hover{ color: #505050;}
.payment-box a.change-plan:active{ color: #282828;}
.payment-box a.change-plan:hover .icon{ background-position: -16px center;}
.payment-box a.change-plan:active .icon{ background-position: -30px center;}

#upgrade-box .plan-cards{ width: 100%; height: 678px; position: absolute; top: 0; left: 0; }
#upgrade-box .plan-cards .plan-info-card{ position: absolute; z-index: 11; width: 264px; height: auto; min-height: 528px; border: 1px solid #DCDCDC; background: #ffffff; border-radius: 6px;}
.plan-info-card.plan1{ left: 0; top: 0;}
.plan-info-card.plan2{ left: 312px; top: 0;}
.plan-info-card.plan3{ left: 624px; top: 0;}

.plan-info-card .title{ height: 84px; padding: 20px 0; line-height: 22px; min-height: initial; font-size: 14px; color: #ffffff; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 6px; font-family: hussarbold, Helvetica, Arial, sans-serif;}
.plan-info-card .title .lit-pan{ font-size: 12px; font-family: "sintonyregular", Arial, Helvetica, sans-serif;}
.plan-info-card.plan1 .title{ background: #6bb258;}
.plan-info-card.plan2 .title{ background: #5ea5d7;}
.plan-info-card.plan3 .title{ background: #5d60a7;}

.plan-info-card .plan-paymoney{ width: 100%; height: 248px; position: relative; }
.plan-paymoney a.plan-show-btn{ width: 100%; height: 48px; display: block; padding: 0 20px; position: relative; border-bottom: 1px solid #DCDCDC; line-height: 48px; color: #787878;  transition: all 150ms;}
.plan-paymoney a.plan-show-btn:hover{ background: #e6e6e6; color: #3c3c3c;}
.plan-paymoney a.plan-show-btn:active{ background: #3c3c3c; color: #ffffff; border-color: #1e1e1e;}
a.plan-show-btn .price{ color: #505050;}
a.plan-show-btn:hover .price{ color: #282828;}
a.plan-show-btn:active .price{ color: #ffffff;}
a.plan-show-btn .price.discount{ color: #e48127;}

a.plan-show-btn .sj_icon{ width: 10px; height: 6px; display: block; position: absolute; right: 20px; top: 21px; background: url(/images2/web_plan_icons_more-info.png) no-repeat -1px -1px;}
a.plan-show-btn:hover .sj_icon{ background-position: -14px -1px;}
a.plan-show-btn:active .sj_icon{ background-position: -28px -1px;}
a.plan-show-btn.monthly-plan-btn .sj_icon{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.plan-info-card .plan-paymoney .plan-show-con{ width: 100%; height: 200px; position: relative; font-size: 12px; color: #787878; border-bottom: 1px solid #DCDCDC; text-align: center;}
.plan-info-card .plan-paymoney .plan-show-con.check-now{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 10; background: #fff;}
.plan-show-con .discount{ position: absolute; top:8px; left:14px; font-size: 14px; font-family: "Hussar", Helvetica, Arial, sans-serif; color: #ed6868; font-weight: bold; font-style: oblique;}
.plan-show-con .discount.percent50{ width: 58px; height: 58px; top: -12px; left: 8px; background: url("/images2/web_plan_module_sale.png?v=5.4.9.2016092801") no-repeat;}
.plan-show-con .show-price{ width: 100%; text-align: center; padding-left: 66px; padding-top: 35px; height: 79px;}
.show-price span{ display: block; float: left;}
.show-price .txt_sup{ font-size: 16px; line-height: 20px; color: #a0a0a0; margin-right: 6px; font-family: Helvetica, Arial, sans-serif;}
.show-price .txt_num{ font-size: 36px; line-height: 44px; color: #282828; margin-right: 6px; font-weight: bold; font-family: "hussarbold", Helvetica, Arial, sans-serif;}
.show-price .txt_sub{ font-size: 12px; line-height: 12px; color: #a0a0a0; margin-top: 26px;}
.plan-show-con .original-price{ text-decoration: line-through;}
.plan-show-con a.buynow{ margin-top: 16px; display: inline-block; width: 108px; height: 36px; line-height: 36px; border-radius: 4px; background: #6bb258; color: #f0f0f0; transition: all 150ms;}
.plan-show-con a.buynow:hover{ background: #78cc62; color: #fafafa;}
.plan-show-con a.buynow:active{ background: #60a24e; color: #ffffff;}
.plan-show-con a.buynow.lock{ background: #dcdcdc !important; color: #ffffff !important; cursor: default;}
.plan-show-con .or-other-pay{ display: none; margin-top: 55px; text-align: center; color: #ac975e;}
.plan-show-con.check-now .or-other-pay{ display: block;}

.plan-info-card .plan-function-box{ padding: 20px 20px 0 24px; width: 100%; font-size: 14px; font-family:"vegurregular", "sintonyregular", Arial, Helvetica, sans-serif;}
.plan-info-card .plan-function-box .txt{ font-weight: bold; color: #c51f1f; margin-bottom: 10px;}
.plan-info-card .plan-function-box ul{ list-style: none;}
.plan-info-card .plan-function-box ul li{ width: 100%; padding-left: 32px; margin-bottom: 14px; background: url("/images2/web_plan_icons_check.png") no-repeat 0 2px; color: #787878; line-height: 20px;}

.plan-info-card .best-price{ width: 35px; height: 108px; position: absolute; top: 84px; right: -35px; background: url("/images2/pay-best-price.png?v=5.4.9.2016092801") no-repeat;}
.plan-info-card .best-price.redbox{ width: 35px; height: 110px; position: absolute; top: 84px; right: -35px; background: url("/images2/pay-best-price-0.png?v=5.4.9.2016092801") no-repeat;}
.plan-info-card .best-price.christmas-boy{ width: 62px; height: 95px; top: 189px; right: -33px; background: url("/images2/pay-best-price-boy.png") no-repeat;}

/* christmas gift */
#upgrade-box .plan-cards .plan-info-card.christmas-gift{ border: 1px solid #eb4b4d;}
.plan-info-card.christmas-gift .title{ background: #ad1313;}
.plan-info-card.christmas-gift .plan-paymoney .plan-show-con{border-color: #eb4b4d; background:url("/images2/christmas-gift_bg.jpg") no-repeat 100% 100%;}
.plan-info-card.christmas-gift .plan-paymoney a.plan-show-btn{border-color: #eb4b4d;}
/*.plan-info-card.christmas-gift .show-price .txt_sup{ color: #0d844e; }
.plan-info-card.christmas-gift .show-price .txt_num{ color: #0d844e; }
.plan-info-card.christmas-gift .show-price .txt_sub{ color: #0d844e; }
.plan-info-card.christmas-gift .plan-show-con a.buynow{ background: #c51f1f; color: #f0f0f0;}
.plan-info-card.christmas-gift .plan-show-con a.buynow:hover{ background: #e75050; color: #fff;}
.plan-info-card.christmas-gift .plan-show-con a.buynow:active{ background: #ab1515; color: #fff;}
.plan-info-card.christmas-gift .plan-function-box ul li{ background: url("/images2/web_plan_icons_check_red.png") no-repeat 0 2px;}*/
/* christmas gift */

#upgrade-box .payment-form{ position: absolute; z-index: 12; width: 600px; height: 528px; padding: 22px 38px; left: 290px; top:50px; opacity: 0; display: none; border: 1px solid #DCDCDC; color: #a0a0a0; background: #ffffff; border-radius: 6px;}
.payment-form .title{ font-size: 12px; color: #3c3c3c; line-height: 36px; height: auto; padding: 0; text-align: left; border-bottom: 1px solid #dcdcdc; padding-left: 2px;}
.payment-form .payment-input-info{ padding: 36px 10px 34px; border-bottom: 1px solid #dcdcdc;}
.payment-input-info a.pay-method{ float: left; display: block; width: 200px; height: 40px; margin-right: 36px; }
.payment-input-info a.pay-method span.icon{ width: 16px; height: 40px; display: block; float: left; margin-right: 16px; background: url("/images2/web_plan_btn_check.png") no-repeat -22px center;}
.payment-input-info a.pay-method span.txt{ display: block; width: 136px; height: 40px; float: left; line-height: 40px; border: 1px solid #a0a0a0; color: #787878; background: #ffffff;  border-radius: 2px; padding-left: 56px;}
.payment-input-info a.pay-method:hover span.icon{ background-position: -2px center;}
.payment-input-info a.pay-method:hover span.txt{  border: 1px solid #dcdcdc; color: #a0a0a0;}
.payment-input-info a.pay-method:active span.icon,
.payment-input-info a.pay-method.on span.icon{ background-position: -42px center;}
.payment-input-info a.pay-method:active span.txt,.payment-input-info a.pay-method.on span.txt{ border: 1px solid #a8d29d; background: #f8fdf7; color: #80ac75;}
.payment-input-info a.pay-method.credit-card span.txt{ background: url("/images2/web_plan_btn_paycard.png") no-repeat 14px -40px;
    width: 160px;}
.payment-input-info a.pay-method.credit-card:hover span.txt{ background-position: 14px 0;}
.payment-input-info a.pay-method.credit-card:active span.txt,.payment-input-info a.pay-method.credit-card.on span.txt{ background-position: 14px -80px;}
.payment-input-info a.pay-method.paypal span.txt{ background: url("/images2/web_plan_btn_paypal.png") no-repeat 14px -40px;width: 160px;}
.payment-input-info a.pay-method.paypal:hover span.txt{ background-position: 14px 0;}
.payment-input-info a.pay-method.paypal:active span.txt,
.payment-input-info a.pay-method.paypal.on span.txt{ background-position: 14px -80px;}

.payment-form form .des-title{ line-height: 32px;}
.payment-form form .inputbox{ height: 40px; position: relative;}
.payment-form form input.input_text{ height: 40px; padding: 0 15px; border: 1px solid #a0a0a0; outline: none; background: #ffffff; border-radius: 2px; color: #b4b4b4; font-family: "sintonyregular", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 38px;}
.payment-form form input.input_text:focus{ border: 1px solid #787878; background: #ffffff; color: #505050; }
.payment-form form input.input_text.error{ border: 1px solid #ff491b; background: #ffffff; color: #505050; }
.payment-form form input.input_text.lock{ border: 1px solid #DCDCDC; background: #F5F5F5; }
.payment-form .cardnum{ width: 100%; margin-top: 24px;}
.payment-form .cardnum .input_text{ width: 360px;}
.payment-form .exp-date{ width: 150px; float: left; margin: 12px 36px 0 0;}
.payment-form .exp-date .input_text{ width: 108px;}
.payment-form .sec-code{ width: 150px; float: left; margin: 12px 0 0 0;}
.payment-form .sec-code .input_text{ width: 96px;}

.payment-form .paytotal-calculating{ margin-top: 4px; height: 44px; line-height: 44px; padding: 0 2px; border-bottom: 1px dashed #dcdcdc;}
.payment-form .paytotal{ height: 48px; line-height: 48px; padding: 0 2px;}
#payment-total{ font-size: 16px; color: #505050;}
.payment-form .paynow{ margin-top: 10px; padding: 0 2px;}
.payment-form .paynow .paytips{ float: left; width: 380px; line-height: 20px;}
.payment-form .paynow .paytips a{ color: #ac975e; text-decoration: underline;}
.payment-form .paynow .paytips a:hover{ color: #bda460;}
.payment-form .paynow .paytips a:active{ color: #978450;}
.payment-form .paynow #makePayment{ width: 128px; height: 36px; margin-top: 4px; line-height: 36px; display: block; position: relative; float: right; text-align: center; cursor: pointer; background: #6bb258; border-radius: 4px; outline: none; border: 0; color: #f0f0f0; transition: all 150ms; }
.payment-form .paynow #makePayment:hover{ background: #78cc62; color: #fafafa;}
.payment-form .paynow #makePayment:active{ background: #60a24e; color: #ffffff;}
.payment-form .paynow #makePayment:before{ top: 100%; background: #aab8a6; color: #fafafa; cursor: wait; content: 'Paying...'; display: none; border-radius: 4px; width: 100%; height: 100%; position: absolute; left: 0; line-height: 36px;}
.payment-form .paynow #makePayment.paying:before{ display: block; top: 0;}

.payment-form .fleft{ float: left; }
.payment-form .fright{ float: right; }
.content .cancel-plan{ margin: 40px 0 20px; height: 20px; line-height: 20px; text-align: center; color: #787878;}
.content .cancel-plan a{ display: none; color: #a0a0a0; text-decoration: underline;}
.content .cancel-plan a:hover{ color: #787878;}
.content .cancel-plan a:active{ color: #505050;}
.content .links{ margin: 100px 0 20px; text-align: center; color: #787878;}
.content .links a{ color: #787878;}

.payment-error-tip{ width: 360px; display: none; position: fixed; top: 50%; left: 50%; z-index: 1118; font-size: 12px; font-family: "sintonyregular", Arial, Helvetica, sans-serif; margin: -84px 0 0 -180px; background: #fafafa; box-sizing: border-box; border-top: 12px solid #dc4444; border-radius: 6px; box-shadow: 0 0 8px rgba(0,0,0,0.3); text-align: center;}
.payment-error-tip .txt{ text-align: center; padding:26px 10px 18px; line-height: 24px; color: #323232; }
.payment-error-tip .txt a{ text-decoration: underline; color: #ac975e;}
.payment-error-tip .txt a:hover{ color: #bda460;}
.payment-error-tip .txt a:active{ color: #978450;}
.payment-error-tip a.gotit{ display: block; width: 128px; line-height: 38px; margin:0 auto 20px; border: 1px solid #dc4444; border-radius: 4px; text-align: center; color: #dc4444;}
.payment-error-tip a.gotit:hover{border: 1px solid #df5454; color: #fafafa; background: #df5454;}
.payment-error-tip a.gotit:active{border: 1px solid #c94747; color: #e6e6e6; background: #c94747;}

#payWaiting{ width: 340px; height: 146px; position: fixed; z-index: 10003; top: 50%; left: 50%; margin: -73px 0 0 -170px; background: #ffffff; box-sizing: border-box; border: 1px solid #c8c8c8; border-radius: 4px; font-size: 12px; font-family: "sintonyregular", Arial, Helvetica, sans-serif; color: #ac975e;}
#payWaiting *{ box-sizing: border-box;}
#payWaiting .txt{ padding: 34px 10px 30px; text-align: center;}
#payWaiting .btn-panel{ font-size: 0; text-align: center;}
#payWaiting a.btn{ display: inline-block; width: 132px; height: 40px; margin: 0 16px; line-height: 40px; font-size: 12px; border-radius: 4px; background: #fff; border: 1px solid #DCDCDC; color: #8c8c8c; }
#payWaiting a.btn:hover{ background: #bda460; color: #fafafa;}
#payWaiting a.btn:active{ background: #978450; color: #ffffff;}
#payWaiting a#upgrade-completed{ background: #6bb258; color: #F0F0F0;}
#payWaiting a#upgrade-completed:hover{ background: #78cc62;}
#payWaiting a#upgrade-completed:active{ background: #60a24e;}



#pop_box.pobox-VIP-mo{ right: 0 !important; bottom: 0 !important; min-width: 1000px;}
.pic_view.on.pobox-VIP-mo{ right: 0 !important; bottom: 0 !important; min-width: 1000px;}
#appLoadingBar.pobox-VIP-mo{ bottom: 0 !important;}
/*welcome upgrade*/

.general_user, .designer, .photographer, .director {
    width: 100%;
    background-color: #fafafa;
}

.wel-header {
    width: 100%;
    padding: 156px 0;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.wel-header .wel-title {
    color: #fff;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 40px;
    display: none;
}
/*普通*/
.general_user .wel-header-banner {
    background-image: url("/images2/welcome_general_user.jpg");
}
/*A*/
.photographer .wel-header-banner {
    background-image: url("/images2/welcome_photographer.jpg");
}
/*B*/
.designer .wel-header-banner {
    background-image: url("/images2/welcome_designer.jpg");
}
/*C*/
.director .wel-header-banner {
    background-image: url("/images2/welcome_director.jpg");
}
.director .wel-btn .btn-more{ display: none;}

.wel-descr {
    width: 100%;
    text-align: center;
    padding: 50px 0;
}

.wel-descr .wel-descr-txt {
    color: #8c8c8c;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 2.666666666666667;
    display: none;
}

.wel-status-list {
    width: 900px;
    margin: 0 auto;
    display: none;
}

.general_user .status-list,.designer .status-list1,.photographer .status-list2,.director .status-list3,
.general_user .wel-basic,.designer .wel-design,.photographer .wel-photo,.director .wel-graphic,
.general_user .wel-descr-basic,.designer .wel-descr-grade,.photographer .wel-descr-grade,.director .wel-descr-grade

{
    display: block;
}

.wel-status-list ul {
    width: 110%;
    overflow: hidden;
    list-style: none;
}

.wel-status-list ul li {
    height: 45px;
    padding-top: 27px;
    line-height: 20px;
    width: 260px;
    border-top: 1px solid #ebebeb;
    float: left;
    margin-right: 64px;
}

.wel-status-list ul li.btborder {
    border-bottom: 1px solid #ebebeb;
}

.wel-status-list ul li.checked {
    background: url("/images2/check1.png") no-repeat 6px center;
}

.wel-status-list ul li span {
    margin-left: 36px;
    display: block;
    font-size: 14px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
}

.wel-status-list ul li.checked span {
    color: #323232;
}

.wel-status-list ul li.unchecked {
    background: url("/images2/check2.png") no-repeat 6px center;
}

.wel-status-list ul li.unchecked span {
    color: #b4b4b4;
}

.wel-btn {
    width: 100%;
    padding-bottom: 120px;
    text-align: center;
}

.wel-btn .btn-more {
    font-size: 12px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    color: #6bb258;
    border-bottom: 1px solid #6bb258;
    margin: 48px 0;
    display: inline-block;
}

.wel-btn .btn-more:hover {
    color: #bda460;
    border-bottom: 1px solid #bda460;
}

.wel-btn .btn-more:active {
    color: #978450;
    border-bottom: 1px solid #978450;
}

.wel-btn .btn-enjoy {
    width: 150px;
    height: 40px;
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    font-family: sintonyregular, Arial, Helvetica, sans-serif;
    color: #505050;
    line-height: 42px;
    text-transform: uppercase;
}

.wel-btn .btn-enjoy:hover {
    background-color: #3c3c3c;
    color: #fff;
}

.wel-btn .btn-enjoy:active {
    background-color: #282828;
    color: #ebebeb;
}

.general_user .btn-activete,
.designer .btn-enjoy-it,
.photographer .btn-enjoy-it,
.director .btn-enjoy-it {
    display: inline-block;
}
/* cancel the subscription */
.leave-popup input:active, .leave-popup input:focus {
    border: 0;
    outline: 0;
}
.subs-popup {
    width: 450px;
    padding-bottom: 30px;
    position: fixed;
    top: 50%; left: 50%;
    margin: -276px 0 0 -225px;
    z-index: 10005;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: #fafafa;
}
.trems_bot_line{
    border-bottom: 1px solid #ededed;
    margin: 0 auto;
    width: 90%;
    padding-bottom: 20px;
}
.subs-popup .settClose, .leave-popup .settClose, .code-popup .settClose {
    display: inline-block;
    background: url(/images2/settClose.png) no-repeat center;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    right: 12px;
    background-position-y: 0;
    cursor: pointer;
}
.subs-popup .settClose:hover{
    background-position-y: -18px;
}
.leave-popup .settClose:hover{
    background-position-y: -18px;
}
.code-popup .settClose:hover{
    background-position-y: -18px;
}
.subs-popup .subs-top {
    width: 100%;
    height: 82px;
    line-height: 82px;
    text-align: center;
    color: #1e1e1e;
    font-size: 20px;
    margin-top: 20px;
}

.subs-popup ul {
    display: block;
    width: 70%;
    margin-left: 21.333%;
}

.subs-popup ul li {
    width: 100%;
    line-height: 1.7;
    margin-bottom: 8px;
}

.subs-popup ul li .sub-selected {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("/images2/web_plan_icons_check.png") no-repeat center;
    position: relative;
    top: 2px;
    float: left;
}

.subs-popup ul li span {
    display: inline-block;
    margin-left: 14px;
    color: #828282;
    width: 90%;
    font-size: 13px;
}

.subs-popup p {
    text-align: center;
}

.subs-popup .note {
    font-size: 12px;
    color: #a0a0a0;
    margin-top: 26px;
    clear: both;
}

.subs-popup .term {
    font-size: 12px;
    color: #ac975e;
}

.subs-popup .term:hover {
    color: #bda560;
}

.subs-popup .term:active {
    color: #978450;
}

.subs-popup p .line {
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #8c8c8c;
    margin: -1px 10px;
}
.aorrw_line{
    width: 90%;
    margin: 0 auto;
    border-top: 1px solid #fff;
}

.subs-btn {
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    background: #ac975e;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    margin-top: 27px;
}
.unSubs_btn{
    background: #b4b4b4;
}
.unSubs_btn:hover {
    background-color: #a0a0a0 !important;
    color: #fff !important;
}

.unSubs_btn:active {
    background-color: #8c8c8c !important;
    color: #b4b4b4 !important;
}

.subs-btn:hover {
    background-color: #bda560;
    color: #fff;
}

.subs-btn:active {
    background-color: #a18d55;
    color: #cec4ad;
}

/*--------------code-popop---------*/
.code-popup{
    width: 510px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -255px;
    z-index: 10005;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}
.code-popup .gotItBtn{
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    background: #ac975e;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    margin: 30px auto;
}
.codeMsgTlt{
    width: 71%;
    height: 82px;
    line-height: 28px;
    text-align: left;
    color: #1e1e1e;
    font-size: 20px;
    margin: 0 auto;
    padding-top: 38px;
}
.codeMsgContent_1, .codeMsgContent_2{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 72px;
    font-size: 13px;
    color: #828282;
}

.codeMsgdate_1{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 72px;
    font-size: 13px;
    color: #A0A0A0;
    margin-top: 10px;
}
.codeMsgdate_2{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 72px;
    font-size: 13px;
    color: #A0A0A0;
}
.codeBox{
    font-size: 16px;
    width: 260px;
    height: 34px;
    box-shadow: 31px;
    -webkit-box-shadow: 31px;
    border-radius: 20px;
    border: 1px solid #e3e9ed;
    line-height: 34px;
    text-align: center;
    margin: 10px auto;
}
.codeBox .wri{
    border: 1px solid #e3ede9;
    position: relative;
    left: 40px;
    top: 0;
}
.codeBox .discount_code_Btn{
    display: inline-block;
    float: right;
    border: none;
    background: none;
    width: 105px;
    color: #6bb258;
    font-size: 14px;
}
.codeBox .PromoCode{
    position: relative;
    left: 0;
}
.codeBox image{
    display: inline-block;
    position: relative;
    top: 5px;
    left: -15px;
    width: 16px;
    background-position-y: 0;
    border: none;
}

#PromoCode{
    color: #ac975e;

}

#dueTime{
    font-size:12px;
}

/*------------------------------------------------*/

.leave-popup {
    width: 450px;
    height: 370px;
    position: fixed;
    top: 50%; left: 50%; margin: -210px 0 0 -225px;
    z-index: 10005;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}

.leave-popup .leave {
    font-size: 20px;
    color: #1e1e1e;
    text-align: center;
    margin-top: 30px;
    line-height: 1.5;
}

.leave-popup ul {
    display: block;
    width: 90%;
    margin: 20px auto;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}

.leave-popup ul li {
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 11%;
    line-height: 1.8;
    list-style: none;
}

.leave-popup ul li .subs-redio {
    cursor: pointer;
    background-image: url("/images2/pay_checkbox.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left;
}

.leave-popup ul li .subs-redio:hover {
    background-position: 0 50%;
}

.leave-popup ul li .subs-redio:active,
.leave-popup ul li .subs-redio.active{
    background-position: 0 100%;

}
.leave-popup ul li label{
    font-size: 12px;
    color: #787878;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 12px;
}
.leave-popup p {
    text-align: center;
    border-top: 1px solid #fff;
}
.leave-tn{
    margin-top: 0;
    font-family: Arial, Helvetica, sans-serif;
}


.select-box{ position:relative; float:left;}
a.selected{ display:block; background:#fff; height:32px; line-height:32px; color:#2f2f2f; text-decoration:none; border:1px solid #d3d3d3;}
a.selected .leftb{ padding:0 10px; display:block; float:left;}
a.selected .rightb{ display:block; float:left; width:20px; height:20px; margin-top:6px; background:url(/images2/upgimgs.png) no-repeat -29px -332px;}
a.selected.hover{ border:1px solid #9f9f9f; }
a.selected.hover .rightb{ background-position:-29px -319px;}
.select-box .select-options{ position:absolute; display:none; margin-top:-0px; width:76px; border:1px solid #9f9f9f; border-top:0; background:#fff; max-height:200px; overflow-y:scroll;}
.select-options a{ display:block; text-indent:15px; color:#2f2f2f;}
.select-options a:hover{ background:rgba(40,155,197,0.1);}

a.userupbtn{ height:32px; margin:auto; display: inline-block; padding: 0 12px; background:#ac975e; line-height:32px; color:#F0F0F0; text-transform: uppercase; position: relative; font-size:12px; text-align:center;}
a.userupbtn:hover{ background:#bda460; color: #fafafa; text-decoration:none;}
a.userupbtn:active{ background:#978450; color: #ffffff; text-decoration:none;}
a.userupbtn.lock{ background:#d2d2d2; text-decoration:none; color: #b4b4b4;}
a#lofin_btn,a#register_btn{ display: block; height:40px; width:236px; line-height:40px; font-size: 14px; padding: 0;  -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
.sd-perspective-500{ perspective:500px; -webkit-perspective: 500px;}

a.black_360_btn{ display: block; width: 360px; height: 48px; line-height: 48px; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; color: #e1e1e1; background: #3c3c3c;}
a.black_360_btn:hover{ color: #f5f5f5; background: #282828;}
a.black_360_btn:active{ color: #ffffff; background: #141414;}

.user_bg .backfotor{ width:450px; margin:auto; padding:30px 25px; border-top:1px dashed #b6b6b6;}
a.btn_backfotor{ display:inline-block; width:163px; height:38px; background:url(/images2/upgimgs.png) no-repeat -29px -509px;}
a.btn_backfotor:hover{ background-position:-29px -555px;}
a.btn_backfotor.down{ background-position:-29px -601px;}

.btn-8g:after,
.btn-8g:before {
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    line-height: 40px;
    display: none\9;
}

.btn-8g:after {
    top: -98%; /* should be -100% but there's a gap in Chrome Version 34.0.1847.131 */
    background: #7aca7c;
    color: #358337;
    content: 'It worked!';
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: rotateX(90deg);
    -moz-transform-origin: 0% 100%;
    -moz-transform: rotateX(90deg);
    -ms-transform-origin: 0% 100%;
    -ms-transform: rotateX(90deg);
    transform-origin: 0% 100%;
    transform: rotateX(90deg);
}

.btn-8g:before {
    top: 100%;
    background: #aab8a6;
    color: #fafafa;
    content: 'loading...';
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);
}

.btn-8g.btn-success3d {
    background: #aaa;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform-origin: 50% 100%;
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform-origin: 50% 100%;
    -ms-transform: rotateX(-90deg) translateY(100%);
    transform-origin: 50% 100%;
    transform: rotateX(-90deg) translateY(100%);
}

.btn-8g.btn-error3d  {
    background: #aaa;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: rotateX(90deg) translateY(-100%);
    -moz-transform-origin: 50% 0%;
    -moz-transform: rotateX(90deg) translateY(-100%);
    -ms-transform-origin: 50% 0%;
    -ms-transform: rotateX(90deg) translateY(-100%);
    transform-origin: 50% 0%;
    transform: rotateX(90deg) translateY(-100%);
}

/*单选按钮*/
a.iredio{ width:22px; height:22px; display:block; overflow:hidden; background:url(/images2/redios.png) no-repeat 0 0; float:left; margin-right:3px;}
a.iredio.on{ background-position:-40px 0 !important;}
a.iredio:hover{ background-position:-20px 0;}

/*collage*/
.collage_top_box{ width: 1000px; margin: auto; padding-top:65px; position:relative;}
.collage_top_box .content_box{ width: 100%;}
.collage_top_box .content_box .imgsbox{ width: 100%; height: auto;}
.collage_top_box .content_box .imgsbox img{ width: 100%; height: auto;}

.collage_top_box .content_nav{ position: absolute; top: 65px; left:0; bottom: 0; width: 100px; background:rgba(50,50,50,0.3);}
.collage_top_box .content_nav .nav_li{ height: 25%; width: 100%; background-position:center center; background-repeat:no-repeat;}
.collage_top_box .feature-title{ top: 120px; margin-left: 120px; left:0;}

#feature-info .feature-con{ height: auto; padding: 20px; background: #fff;}
#feature-info .feature-con .img{ float: left; width: 42%;}
#feature-info .feature-con .img img{ width: 100%;}
#feature-info .feature-con .words{ float: right; width: 55%; font-size: 15px; line-height: 25px;}
#feature-info .feature-con .words .title{ font-size: 18px; line-height: 28px; text-transform: uppercase; color: #f9686a;}

#feature-info .collage-depict{ margin-top: 10px;}
#feature-info .collage-depict ul{ list-style: none;}
#feature-info .collage-depict ul li{ float: left; width: 326px; margin-right: 11px;}
#feature-info .collage-depict .img{ width: 100%; margin-bottom: 10px;}
#feature-info .collage-depict .img img{ width: 100%;}
#feature-info .collage-depict .words{ padding: 15px; font-size: 15px; height:160px; line-height: 25px; background: #fff;}
#feature-info .collage-depict .words .title{ font-size: 18px; line-height: 28px; text-transform: uppercase; font-weight: normal; color: #f9686a;}

.sub_col_nav{display:block; position:absolute; bottom:20px; left:50%; width:65px; height:15px; margin-left:-25px;}
.sub_col_nav>div div{ width:14px; height:14px;background-image:url(/images2/features/funky_collage/dot.png); float:left; margin-right:7px; cursor:pointer;}

.pic-box{ width:1000px;}
.pic-box a{ color:#000;}
.pic-box .l-box{
    width:662px;
    height:571px;
    float:left;
}
.pic-box .l-box div{ width:323px; height:278px; background:#FFF; float:left; text-align:center; font:15px/38px Verdana, Geneva, sans-serif; color:#000; margin-bottom:15px;
    -webkit-box-shadow:0 1px 3px #292929;
    -moz-box-shadow:0 1px 3px #292929;
    box-shadow:0 1px 5px #292929;
}
.pic-box .r-box{
    width:323px;
    height:571px;
    float:left;
    margin-left:15px;
    text-align:center;
    font:15px/38px Verdana, Geneva, sans-serif;
    color:#000;
    background:#FFF;
    -webkit-box-shadow:0 1px 3px #292929;
    -moz-box-shadow:0 1px 3px #292929;
    box-shadow:0 1px 5px #292929;
}
.pic-box img{
    margin-right:11px; float:left;}
.depict{ width:1000px; margin-top:30px;}
.depict>div{
    width:420px;
    float:left;
    background:#fff;
    padding:0 35px;
    color:#6B6B6B;
    font-size:15px;
    line-height:20px;
}
.depict h2{ font-size:22px; color:#7A3A3A; margin:20px 0 10px 0;}
.feature-title,.sub-feature-title{
    width:500px;
    height:182px;
    position:absolute;
    top:80px;
    left:50%;
    margin-left:-460px;
    color:#fff;
    z-index: 400;
    display:none;}
.feature-title h1,.sub-feature-title h1{
    font-size:50px; line-height:50px;
    margin-bottom:15px;}
.feature-title h2,.sub-feature-title h2{
    font-size:24px;
    font-weight:normal;}
.feature-title a,.sub-feature-title a{
    display:block;
    height:67px;
    width:293px;
    background:url(/images2/features/collage/btn.png);
    cursor:pointer;
    margin:40px 0 0 2px;
    font:28px/64px 'Muli';
    color:#fff;
    text-indent:40px;}
#col_share{
    height:290px;
    width:50px;
    position:fixed;
    right:90px;
    top:400px;
    font:16px Arial, Helvetica, sans-serif;
    display:none;}
#col_share img{
    border:0;margin-top:10px;}

a.tryit{ display:block;
    height:67px;
    width:293px;
    margin:20px auto 0;
    background:url(/images2/features/collage/btn.png);
    cursor:pointer;
    font:28px/64px arial;
    color:#fff;
    text-indent:40px;}
/* for new pages */
.auto-switch{
    height:327px;}
.auto-switch>a{
    float:left;
    position:relative;
    width:488px;
    height:327px;
    display:block;}
.auto-switch>a img{
    position:absolute;
    top:0;
    left:0;}
#retouching_features{
    width:990px;
    height:600px;
    position:relative;}
#imgBox img{
    position:absolute;
    top:0;
    left:0;}
#retouching_features #retouching_btn{
    width:210px;
    position:absolute;
    top:145px;
    left:0;
    z-index:3;}
#retouching_features #retouching_btn div{
    width:210px;
    height:55px;
    margin-bottom:4px;
    background:rgba(0,0,0,0.2);
    font: 22px/55px "Muli";
    color:#fff;
    text-indent:18px;
    cursor:pointer;}
.effect-style div{
    margin-bottom:5px!important;}
.ie8_restore .flash_action{
    display:block; height:327px; width:495px; float:left;}
.ie8_restore .flash_action:first-child{ margin-right:10px!important;}

/*顶部tips推送*/
.toptips{ height:0px; display:none; background:rgba(255,217,212,1);  color:#454545; line-height:40px; position:relative;}
.toptips a{color:#de5449; font-weight:bold;}
.toptips .color_sp{ color:#de5449; font-weight:bold;}
.toptips .con{ width:960px; margin:auto;}
.toptips .tip_close{ width:12px; height:12px; display:block; background:url(/images2/tip_close.png) no-repeat; position:absolute; top:14px; right:20px;}

/*用户权限页*/
#whymember{
    width:971px;
    height: 270px;
    margin: auto;
    background:#fff;
    position:relative;}
#whymember .pic_s_box{
    width:971px;
    height: 270px;
    overflow:hidden;
    position:relative;}
#whymember .pic_s_box .slide_banner{
    width:971px;
    height:270px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-repeat: no-repeat;
    background-position: center;}
#whymember .pic_s_box .slide_banner p{
    font-size:20px;
    line-height:30px;
    color:#fff;}
#whymember .pic_s_box .slide_banner.s_onc{ display:block;}
#whymember a.signupnow{ position:absolute; z-index:1111; top:205px; left:50px; width:200px; height:42px; line-height:42px; font-size:20px;}
#whymember .linkbox{
    position:absolute; top:245px; right:15px;
}
#whymember .linkbox a{
    float: left;
    height: 13px;
    width: 13px;
    background: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
    margin-right: 10px;
    border-radius: 13px;
}
#whymember .linkbox a.act{
    filter: alpha(opacity=100);
    opacity: 1;}

.member{
    font-size:14px;
    color:#686868;
    line-height:20px;
    width:867px;
    padding:44px 52px 55px;
    margin:0 auto 20px;
    background:#fff;
}
.member h1{
    font-size:30px;
    font-weight:normal;
    color:#2f2f2f;}
.member button{
    height:32px;
    width:157px;
    background:#CC3432;
    border:none;
    color:#fff;
    font:20px/32px Muli;
    margin-right:11px;
    vertical-align:text-top;
    cursor:pointer;}
.member-title{
    height:40px;
    width:100%;
    padding-top:15px;
    border:1px dashed #CCC;
    border-width:1px 0;
    font-weight:bold;
    color:#2f2f2f;
    background:#fff;
    margin-top:44px;
    font-size:20px;}
.member td{
    height:30px;
    font-size:16px;
    color:#2f2f2f;}
.member tr{
    background:#fcfcfc;}

/*图片展示页*/
#page_Delete{ height:24px; padding:18px 0; line-height:24px; width:100%; background:#fff; text-align:center; font-size:17px; color:#2f2f2f;  }
#page_Delete #delete_Page{ display:inline-block; height:24px; padding:0 15px; color:#fff; background:#289bc5; font-size:14px; margin-left:25px;}

#page_Content{ margin:15px auto 0; background:#fff; padding:25px 48px 20px; width:873px; font-size:17px; color:#2f2f2f;}
#page_Content .page_logo{ float:left;}
#page_Content h1{ font-size:18px; font-weight:bold; float:left; margin:26px 0 0 20px; font-family:OpenSansLight,'comic_sans_msregular', 'Muli', Arial, Helvetica, sans-serif;}
#page_Content .bluebtn{ float:right; margin-top:28px; padding:0 10px; width:auto;}
#page_Content .imgBox{ width:100%; margin-top: -9px; text-align:center;}
#page_Content .imgBox img{ max-width: 560px;  max-height: 560px;}
#page_Content .imgWords{ width:100%; line-height:28px;}
#page_Content .pageShare{width: auto;display: inline-block !important;margin-bottom: 56px}
#page_Content .pageShare .botton{ width:40px; height:40px; float:right; margin-left:22px; background:url(/images2/page_share_bg.png) no-repeat;}
#page_Content .pageShare .facebook{ background-position:-51px 0; }
#page_Content .pageShare .twitter{ background-position:-251px 0; }
#page_Content .pageShare .tumblr{ background-position:-151px 0; }

#noPhoto{ width:919px; margin:100px auto 50px; background:#fff;}
#noPhoto .wewords{ float:left; margin-left:58px; width:470px; font-size:18px; line-height:28px; font-weight:normal;}

#page_Footer{ width:969px; margin:25px auto; font-size:12px; color:#2f2f2f; }




#lang{
    width:88px;
    height:26px;
    background:url(/images2/index/w_down.png) 70px center no-repeat;
    border: 1px solid #787878;
    font-size:12px;
    line-height: 26px;
    text-indent:5px;
    cursor:pointer;
    color:#787878;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 15px;
}
#lang:hover{
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #505050;
}
ul#index-lang{
    position:absolute;
    list-style: none;
    top:27px;
    left:0;
    border: 1px solid #787878;
    background: rgba(0,0,0,0.4);
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    display:none;}
ul#index-lang li{
    display:block;
    height:24px;
    text-indent:5px;
    width:88px;
    cursor:pointer;}
ul#index-lang li a{
    font-size:12px;
    line-height: 24px !important;
    display: block;
    width: 88px;
    height: 25px;
}
ul#index-lang li a:hover{ background: #9d8f69; color: #f0f0f0;}
ul#index-lang li a:active{ background: #7a6d47; color: #ffffff;}


.tp-box{
    border:1px solid #bdbdbd;
    background: #F3F3F3;
    background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);
    background: -webkit-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);
    background: -o-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);
    background: -ms-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#d7d7d7',GradientType=0 );
    background: linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);
    display:inline-block;
    height:24px;
    position:relative;
    font:13px/24px arial;
    cursor:pointer;
    border-radius: 3px;
    padding:0 8px;}

/* save . share . print*/
.pic_view{min-width:820px; min-height:500px; top:0; left:-50000px; position: absolute; background:rgba(0,0,0,0.6); /*background:none\0;*/ font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; font-size: 12px;}
.pic_view.on{ top:54px; left:0; right: 0; bottom:100px; z-index:119;}
.pic_view .centerBox{ width:760px; height:480px; position:absolute; top: 50%; margin-top: -240px;  left:50%; margin-left:-380px; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3); background:#f0f0f0;}
.pic_view a.btn_close{  display: block; cursor: pointer;  width: 14px; height: 13px;  background: url(/images2/close_icon_login.png) no-repeat 1px 0; position: absolute; right:6px; top: 6px;}
.pic_view a.btn_close:hover{ background-position: -11px 0;}
.pic_view a.btn_close:active{ background-position: -23px 0;}
.save_panel_view{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.pic_view .leftbox{position: absolute; top: 0px; bottom: 0; right: 0; width: 280px;
    background-color: #fafafa;
    color: #595959;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pic_view .rightbox{position: absolute; top: 0px;left: 0px; right: 280px; bottom: 0; border-right: 1px solid #dcdcdc; background: #f0f0f0; }
.pic_view .ad{position: absolute;bottom: 0px;left: 0px;right: 0px; height:100px; background-color: #cbcbcb;}
.pic_view .savedBox{
    height: 635px;
    overflow: hidden;
    width: 848px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    right: 0;
}

#saveBanner_gg{
    width: 160px;
    height: 600px;
    top: 35px;
    position: relative;
    display: inline-block;
}
.savedBox .save_box{
    height: 417px;
    font-size: 0;
    position: relative;
    top: 35px;
}
.pic_view .savedBox .title{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: #3c3c3c;
    border-bottom: 1px solid #e6e6e6
}
.save_box map area{
    outline: none;
}
.pic_view .savedBox .title a{ text-indent:-999em;}
.pic_view .savedBox .title a.backtosave{ display:block; width:24px; height:24px; position:absolute; left:14px; top:5px; background:url(/images2/saved_banner_back-1.png) no-repeat -2px -2px;}
.pic_view .savedBox .title a.backtosave:hover{ background-position: -28px -2px;}
.pic_view .savedBox .title a.backtosave:active{ background-position: -54px -2px;}
.pic_view .savedBox .title a.btn_close{ display:block; width:24px; height:24px; position:absolute; right:10px; top:5px; background:url(/images2/saved_banner_close-1.png) no-repeat -2px -2px;}
.pic_view .savedBox .title a.btn_close:hover{ background-position: -28px -2px;}
.pic_view .savedBox .title a.btn_close:active{ background-position: -54px -2px;}
.pic_view .savedBox .content{
    width: 688px;
    display: inline-block;
    position: relative;
    top: -565px;
    left: 160px;
    height: 600px;
}
.pic_view .savedBox #saveContent_2 a{
    display: inline-block;
    margin: 296px 0 0 66px;
    width: 220px;
    height: 50px;
    border-radius: 2px;
    border: 1px solid #646464;
    font-size: 14px;
    color: #3c3c3c;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
}
.pic_view .savedBox #saveContent_2 a:hover{background-color: #646464;color: #fff}
.pic_view .savedBox #saveContent_2 a:active{background-color: #505050;color:#fff;}



/*.pic_view .savedBox .content a{ display: inline-block; margin-right:48px; width:110px; height:36px; background: none; text-align: center; line-height: 36px; font-size: 12px; font-family: 'sintonyregular', Arial, Helvetica, sans-serif; color: #f0f0f0; border:1px solid #f0f0f0; border-radius:4px;}
.pic_view .savedBox .content a:hover{ background: #f0f0f0; color: #282828; border:1px solid #f0f0f0;}
.pic_view .savedBox .content a:active{ background: #c8c8c8; color: #787878; border:1px solid #c8c8c8;}*/

.leftbox .scrollarea{position: absolute; top: 35px; left: 0px; right: 0px; bottom: 50px; margin-left: 24px; overflow-y: auto; overflow-x: hidden;}
.leftbox .scrollarea .scrollarea_content{}
.scrollarea_content h4{ font-weight:normal; font-size:20px; line-height:25px; margin-bottom:10px;}
.scrollarea_content input.filename{width:140px; height:14px; padding:6px 9px; line-height:14px; outline: none; border: 1px solid #c8c8c8; background: #ffffff; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; color: #8c8c8c;}
.scrollarea_content input.filename:focus{ border: 1px solid #a0a0a0; color: #646464;}
.scrollarea_content .filetype{float:right; width:50px; height:18px; font-size: 10px; outline: none;}
.scrollarea_content .quality_settings{ margin:15px 0 0; display:none;}
.quality_settings .btn-quality{ margin-bottom:5px; width:232px; }
.btn-quality a.btn{ display:block; float:left; width:42px; height:18px; background:#bebebe; line-height:18px; text-align:center; margin-right:5px; font-size:10px; color:#f0f0f0;}
.btn-quality a.btn.selected{ background:#ac975e; border:none;}
.quality_settings .quality_desc{ text-align:center; font-size:12px;}
.pic_view label{display: block; font-size: 14px; color: #505050; font-weight: normal; margin-bottom: 2px; text-transform: uppercase;}
.leftbox .fixedarea{position: absolute; bottom: 0; left: 0px; right: 0px; margin-left: 24px; margin-right: 24px; margin-bottom: 15px;}
.leftbox .fixedarea hr{margin-left: -30px; margin-right: -30px; margin-top: 0; margin-bottom:20px; border: 0; border-top: 1px solid #c0c0c0;}
/*下拉选择框*/
.my-select{ position: relative;  float: left; line-height: 26px; height: 28px; width: 62px; color: #8c8c8c;}
.my-select .selected-item{ position:absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; height: 26px; border: 1px solid #c8c8c8; cursor: pointer; user-select: none; }
.my-select .selected-item .txt{ display: block; position: absolute; top: 0; left: 9px; bottom: 0; right: 20px; overflow: hidden;}
.my-select .selected-item .icon{ display: block; position: absolute; top: 0; right: 5px; bottom: 0; width: 12px; background: url(/images2/web_save_icons_arrow.png) no-repeat 0 7px; }
.my-select .select-list{ position: absolute; top: 27px; left: 0; right: 0; z-index: 4; display: none;}
.my-select .select-list ul{ list-style: none; border: 1px solid #a0a0a0; background: #ffffff;}
.my-select .select-list ul li{ width: 100%; height: 26px; }
.my-select .select-list ul li a{ display: block; width: 100%; height: 26px; text-indent: 9px; color: #8c8c8c; background: #ffffff;}
.my-select .select-list ul li a.on{ color: #ffffff; background: #998b64; }
.my-select .select-list ul li a:hover{ color: #f5f5f5; background: #bdae86;}
.my-select .select-list ul li a:active{ color: #ffffff; background: #998b64;}


.pic_view .waiting{ margin:auto; display:none; font-size:12px;}
.waiting span{ display:none; text-align:center;}

.buttons{ margin:10px 0 0px 0;}
.buttons .btn, .setDropbox{ display:block; padding:0; text-align:center; height:36px; width: 232px; text-transform: uppercase; line-height:36px; border:0 solid #c0c0c0; margin-bottom:6px;  background: #787878; color: #f0f0f0;}
.buttons .btn:hover, .setDropbox:hover{  background: #ac975e; color: #fafafa;}
.buttons .btn:active, .setDropbox:active{  background: #978450; color: #ffffff;}
.buttons .btn.lock{color: #e6e6e6 !important; background: #c8c8c8 !important; cursor:wait; text-indent:inherit !important;}
.buttons .btn.save_cancel{ background: #da6767; color: #f0f0f0;}
.buttons .btn.save_cancel:hover{ background: #e87c7c; color: #fafafa;}
.buttons .btn.save_cancel:active{ background: #bf5555; color: #ffffff;}
.buttons .btn.save_dropbox{  background: #787878; color: #f0f0f0;}
.buttons .btn.save_dropbox:hover{  background: #ac975e; color: #fafafa;}
.buttons .btn.save_dropbox:active{  background: #978450; color: #ffffff;}
.buttons .btn.save_print{  background: #787878; color: #f0f0f0;}
.buttons .btn.save_print:hover{  background: #ac975e; color: #fafafa;}
.buttons .btn.save_print:active{  background: #978450; color: #ffffff;}
a.setDropbox{ width:60px; height: 25px; line-height: 25px; margin:5px auto 0; }


a.save_file{ color:#ac975e; text-decoration: underline; }
a.save_file:hover{ color: #bda460;}
a.save_file:active{ color: #978450;}
a.hover_ques{ display:inline-block; position: relative; width:20px; height:20px; margin-left:2px; text-align: initial; text-indent: -999em; cursor:help; background: url("/images2/web_save_icons_question.png") no-repeat;}
a.hover_ques::before{ position: absolute; content: ""; top: -68px; left: -258px; z-index: 11; display: none; width: 280px; height: 68px; background: url(/images2/downloadit_tips.png) no-repeat;}
a.hover_ques:hover{ background-position: -20px 0;}
a.hover_ques:hover::before { display: block; }

.rightbox .save_pic_preview{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align:center;}
.save_pic_preview img{/* -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);box-shadow: 0px 3px 5px rgba(0,0,0,0.5);*/ max-height: 80%; max-width: 80%; position:absolute; top:0; left:0; display:none;}

.setbig {animation: animation 0.8s ease normal forwards;-webkit-animation: animation 0.8s ease normal forwards;}
@keyframes animation {
    0% {transform: scale(0.5);}
    100% {transform: scale(1);}
}
@-webkit-keyframes animation {
    0% {-webkit-transform: scale(0.5);}
    100% {-webkit-transform: scale(1);}
}

.share_panel_view{}
.share_panel_view .leftbox .fixedarea{ margin-bottom:0px;}
.share_panel_view .leftbox .fixedarea .buttons{ margin:20px 0 20px 0;}
.share_panel_view .leftbox .scrollarea{ bottom:0;}

.share_service_expander{margin-bottom: 12px; margin-right: 12px; height:36px; width: 36px; border: 0 solid #c8c8c8; float: left; background:#fff;}
.share_service_expander .share_service_header{ height:36px; width: 36px; background:#fff; color:#787878; font-size: 10px; cursor:pointer; overflow:hidden;}
.share_service_expander .share_service_header.hover{ background:#a69770; color:#ebebeb;}
.share_service_expander .share_service_header:active{ color:#ffffff; background:#978450;}
.share_service_expander .share_service_header.on{ color:#ffffff; background:#978450;}
/*
.share_service_header.facebook.on{ background:#6c83b0;}
.share_service_header.twitter.on{ background:#50cdea;}
.share_service_header.tumblr.on{ background:#607487;}
.share_service_header.pinterest.on{ background:#f54747;}
.share_service_header.picasa.on{ background:#df7568;}
.share_service_header.fotorforum.on{ background:#52c5ff;}
.share_service_header.fotorlink.on{ background:#52c5ff;}
.share_service_header.print.on{ background:#52c5ff;}
*/

.share_service_header .share_service_icon{ float:left; width:36px; height:36px; margin: 0; background-image:url(/images2/share_icons_0512.png?id=20150512); background-repeat:no-repeat;}
.share_service_header.facebook .share_service_icon{ background-position:-8px -52px;}
.share_service_header.twitter .share_service_icon{ background-position:-8px -96px;}
.share_service_header.tumblr .share_service_icon{ background-position:-8px -140px;}
.share_service_header.pinterest .share_service_icon{ background-position:-8px -184px;}
.share_service_header.picasa .share_service_icon{ background-position:-8px -228px;}
.share_service_header.fotorforum .share_service_icon{ background-position:-8px -8px;}
.share_service_header.fotorlink .share_service_icon{ background-position:-8px -272px;}
.share_service_header.print .share_service_icon{ background-position:-8px -316px;}

.share_service_header.facebook.hover .share_service_icon{ background-position:-52px -52px !important;}
.share_service_header.twitter.hover .share_service_icon{ background-position:-52px -96px !important;}
.share_service_header.tumblr.hover .share_service_icon{ background-position:-52px -140px !important;}
.share_service_header.pinterest.hover .share_service_icon{ background-position:-52px -184px !important;}
.share_service_header.picasa.hover .share_service_icon{ background-position:-52px -228px !important;}
.share_service_header.fotorforum.hover .share_service_icon{ background-position:-52px -8px !important;}
.share_service_header.fotorlink.hover .share_service_icon{ background-position:-52px -272px !important;}
.share_service_header.print.hover .share_service_icon{ background-position:-52px -316px !important;}

.share_service_header.facebook:active .share_service_icon{ background-position:-96px -52px !important;}
.share_service_header.twitter:active .share_service_icon{ background-position:-96px -96px !important;}
.share_service_header.tumblr:active .share_service_icon{ background-position:-96px -140px !important;}
.share_service_header.pinterest:active .share_service_icon{ background-position:-96px -184px !important;}
.share_service_header.picasa:active .share_service_icon{ background-position:-96px -228px !important;}
.share_service_header.fotorforum:active .share_service_icon{ background-position:-96px -8px !important;}
.share_service_header.fotorlink:active .share_service_icon{ background-position:-96px -272px !important;}
.share_service_header.print:active .share_service_icon{ background-position:-96px -316px !important;}

.share_service_header.faceboo.on .share_service_icon{ background-position:-52px -52px;}
.share_service_header.twitter.on .share_service_icon{ background-position:-52px -96px;}
.share_service_header.tumblr.on .share_service_icon{ background-position:-52px -140px;}
.share_service_header.pinterest.on .share_service_icon{ background-position:-52px -184px;}
.share_service_header.picasa.on .share_service_icon{ background-position:-52px -228px;}
.share_service_header.fotorforum.on .share_service_icon{ background-position:-52px -8px;}
.share_service_header.fotorlink.on .share_service_icon{ background-position:-52px -272px;}
.share_service_header.print.on .share_service_icon{ background-position:-52px -316px;}

.share_service_header.facebook .share_service_icon.connected{ background-position:-140px -52px;}
.share_service_header.twitter .share_service_icon.connected{ background-position:-140px -96px;}
.share_service_header.tumblr .share_service_icon.connected{ background-position:-140px -140px;}
.share_service_header.pinterest .share_service_icon.connected{ background-position:-140px -184px;}
.share_service_header.picasa .share_service_icon.connected{ background-position:-140px -228px;}
.share_service_header.fotorforum .share_service_icon.connected{ background-position:-140px -8px;}
.share_service_header.fotorlink .share_service_icon.connected{ background-position:-140px -272px;}
.share_service_header.print .share_service_icon.connected{ background-position:-140px -316px;}

.share_service_header.facebook.on .share_service_icon.connected{ background-position:-184px -52px;}
.share_service_header.twitter.on .share_service_icon.connected{ background-position:-184px -96px;}
.share_service_header.tumblr.on .share_service_icon.connected{ background-position:-184px -140px;}
.share_service_header.pinterest.on .share_service_icon.connected{ background-position:-184px -184px;}
.share_service_header.picasa.on .share_service_icon.connected{ background-position:-184px -228px;}
.share_service_header.fotorforum.on .share_service_icon.connected{ background-position:-184px -8px;}
.share_service_header.fotorlink.on .share_service_icon.connected{ background-position:-184px -272px;}
.share_service_header.print.on .share_service_icon.connected{ background-position:-184px -316px;}

.share_service_header .sectionHeaderText{ float:left; display: none; width:96px; height:30px; text-align:left; text-indent:0; font-size:10px; text-transform: uppercase; line-height:30px;}
.share_service_expander .share_service_details{ padding:10px; display:none;}
.share_service_details .littleBtn{display: inline-block;font-size: 14px;line-height: 26px;padding: 4px 10px 4px;height: 26px;text-align: center; border:2px solid #666;
}
.share_service_details a.ptlink{word-wrap: break-word; word-break: break-all;}

.share_service_details .userInfoBox{ display:none; margin-bottom:10px;}
.userInfoBox .userHeader{ float:left; width:30px; height:30px; background:#999;}
.userInfoBox .userHeader img{ display:block; width:30px; height:30px; margin:0; padding:0;}
.userInfoBox .userName{ float:left; margin-left:10px; width:190px; line-height:30px;}
.share_service_details .selectBlog{ display:none; margin-bottom:10px;}

.share_panel_view .rightbox{}
.share_panel_view .rightbox .share_content{ width:100%; margin:30px auto 0;}
.rightbox .share_content .share_image{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center;}
.share_image img{  max-height: 80%; max-width: 80%; display: none;}

#shareMyWord{ width: 232px; margin-top: 5px;}
#shareMyWord .share_description{position: relative; padding-bottom: 10px;}
#shareMyWord .share_reinfo{ width: 232px; min-height: 168px; margin-bottom: 10px; color: #646464; display:none; font-family: 'goudy_old_styleregular', Arial, Helvetica, sans-serif;}
#shareMyWord .share_reinfo a{ color:#4281b2; word-break: break-all; word-wrap: break-word;}
#shareMyWord .share_reinfo a:hover{ }
#shareMyWord .share_reinfo a:active{ }
#shareMyWord .share_reinfo .longlink{ display: block; width: 100%; word-break: break-all; word-wrap: break-word;}

.share_description .title_box{width:232px; margin:0 auto 5px; display: none;}
input#share_con_title{ width: 212px; height: 14px; padding: 6px 9px; line-height: 14px; font-size: 12px; outline: none; border: 1px solid #c8c8c8; background: #ffffff; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; color: #a0a0a0;}
input#share_con_title:focus{border: 1px solid #a0a0a0; color: #646464;}
.share_description .title_box .join_activities{ float:left; margin-left:10px; margin-top:1px; font-size:12px;}

a.activities_icon{ display:block; width:28px; height:25px; position:absolute; right:-30px; top:3px; background:url(/images2/christmas.png) no-repeat center center;}
a.activities_icon:hover{background:url(/images2/giftbox.png) no-repeat center center;}

.share_description textarea{width: 212px; height: 168px ;display: block; margin:auto; overflow-y: auto; resize: none; padding: 9px; outline:none;  border:1px solid #c8c8c8; background: #ffffff; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; color:#a0a0a0; font-size: 12px;}
.share_description textarea:focus{ border: 1px solid #a0a0a0; color: #646464;}
.share_description input{outline:none;}
#shareMyWord .share_waitingbox{ text-align:center; margin-top:170px; display:none;}
#shareMyWord .share_buttons{ width: 232px; margin: auto;}
.share_buttons a.btn{ display:block; float:right; width:232px; height: 36px; text-align:center; text-transform: uppercase; line-height:36px; border:0; margin-bottom:5px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.share_buttons a.btn.grayBtn{ background:#dcdcdc; color:#5a5a5a;}
.share_buttons a.btn.grayBtn:hover{ background:#bebebe;}
.share_buttons a.btn.grayBtn:active{ background:#a0a0a0; color:#fff;}
.share_buttons a.btn.greenBtn{ background:#8f9e8b; color:#f0f0f0;}
.share_buttons a.btn.greenBtn:hover{ background:#aab8a6; color: #fafafa;}
.share_buttons a.btn.greenBtn:active{ background:#798875; color: #ffffff;}
.share_buttons a.btn.goldBtn{ background:#ac975e; color:#f0f0f0;}
.share_buttons a.btn.goldBtn:hover{ background:#bda460; color: #fafafa;}
.share_buttons a.btn.goldBtn:active{ background:#978450; color: #ffffff;}
.share_buttons a.btn.redBtn{ background:#da6767; color:#f0f0f0;}
.share_buttons a.btn.redBtn:hover{ background:#e87c7c; color: #fafafa;}
.share_buttons a.btn.redBtn:active{ background:#bf5555; color: #ffffff;}

.share_msg{ width:232px; color:#cc3333; font-size: 12px; line-height: 16px;}

/*
20160201 new by lj begin
*/
.shareUrlBox{ width: 232px; min-height: 70px; border: 1px solid #c8c8c8; padding: 8px; margin-bottom: 10px; color: #787878; box-sizing: border-box; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.shareUrlBox a{ color:#787878; text-decoration: underline; word-break: break-all; word-wrap: break-word;}
.shareUrlBox a:hover{ }
.shareUrlBox a:active{ }
.shareUrlBox .longlink,#sharehtmlCode{ word-break: break-all; word-wrap: break-word; display: block;}
.pic_view label{ margin-bottom: 6px;}

.share_next_s_bg{ width: 233px; height: 14px; margin: 26px 0 0; background: url(/images2/share_ordinary.png) no-repeat center;}
a.btn_copy_link{ width: 17px; height: 18px; display: block; float: right; background: url(/images2/web_copy_icon.png) no-repeat 0px 0px;}
a.btn_copy_link:hover{ background-position: -17px 0px;}
a.btn_copy_link:active{ background-position: -34px 0px;}
/*a.btn_copy_link.hover{ background-position: -17px 0;}*/
/*a.btn_copy_link.active{ background-position: -34px 0;}*/
.scrollarea_content .lab_title_box{ width: 232px; height: 20px; margin-top: 16px; margin-bottom: 6px;}
.scrollarea_content .lab_title_box label{ float: left;}

.share_panel_view.valentinesEvent a#createPhotoPage{ background: #ee70a1 !important;}
.share_panel_view.valentinesEvent a#createPhotoPage:hover{ background: #f37aa9 !important;}
.share_panel_view.valentinesEvent a#createPhotoPage:active{ background: #e26596 !important;}
.share_panel_view.valentinesEvent .share_next_s_bg{ background: url(/images2/share_valentinesday.png) no-repeat center !important;}
#shareMyWord .share_buttons{ margin-top: 10px !important;}
.share_description textarea{ line-height: 16px;}

.valentinesEvent .share_service_header.facebook .share_service_icon{ background: url("/images2/share_icon_fb_2.png") no-repeat -2px -2px !important;}
.valentinesEvent .share_service_header.hover.facebook .share_service_icon{ background: url("/images2/share_icon_fb_2.png") no-repeat 50% -2px !important;}
.valentinesEvent .share_service_header.active.facebook .share_service_icon{ background: url("/images2/share_icon_fb_2.png") no-repeat 100% -2px !important;}
.valentinesEvent .share_service_header.twitter .share_service_icon{ background: url("/images2/share_icon_tw_2.png") no-repeat -2px -2px !important;}
.valentinesEvent .share_service_header.hover.twitter .share_service_icon{ background: url("/images2/share_icon_tw_2.png") no-repeat 50% -2px !important;}
.valentinesEvent .share_service_header.active.twitter .share_service_icon{ background: url("/images2/share_icon_tw_2.png") no-repeat 100% -2px !important;}

.valentinesEvent .htmlCodePage{ display: none;}
.vlEventPage{ width: 233px; margin-top: 22px; line-height: 20px; font-size: 12px; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; color: #a0a0a0; text-align: center; display: none;}
.vlEventPage .htag{ color: #ee70a1;}
.valentinesEvent .vlEventPage{ display: block !important;}

.share_title{ padding-bottom: 30px;}
/*20160201 new by lj end*/

/*Cover 模板*/
/*.coverMList{ position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; overflow-y:scroll; min-width:760px; display:none; background:#fff;}
.coverMList .centerBox{ width:80%; margin:30px auto; max-width:1280px;}
.coverMList ul{ list-style:none;}
.coverMList ul li{ float:left; width:33%; margin-bottom:20px;}
.coverMList ul li .covername{width:95%; margin:0 auto 8px; font-size:16px;}
.coverMList ul li a.coverphoto{ display:block; width:95%; margin:auto; position:relative;}
.coverMList ul li img{ display:block; width:100%;}
.coverMList ul li .overlay{ display:block; background:#3bbcff; position:absolute; top:0; z-index:2; top:0; left:0; right:0; bottom:0; opacity: 0; filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;}*/
/*flash加载动画*/

/*#appLoadingBar{position:absolute; z-index:10; top:0; left:0; right:0; bottom:0; overflow:hidden; min-width:760px; background:#f7f8f5;}
#appLoadingBar .animateBox{ width: 105px;height: 105px;position: absolute;top: 50%;left: 50%;margin: -52px 0 0 -52px;}
.animateBox .bgwave{ width:500px; height:152px; background:#d2d3d5 url(/images2/wave.gif) no-repeat center bottom; position:absolute; left:0; top:100px; z-index:9;}
.animateBox .loadingPross{ position:absolute; top:155px; left:100px; z-index:11; background:url(/images2/loading_pross.png) no-repeat; width:72px; height:29px; line-height:26px; font-size:16px; text-indent: 14px;}
.animateBox img{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;}
#appLoadingBar .loadingTips{ width:1000px; text-align:center; position:absolute; top:50%; left:50%; margin:50px 0 0 -500px; z-index:11;}
#appLoadingBar .loadingTips a{ color:#cc3333;}
#appLoadingBar .errorMsgTips{ width: 300px; height: auto; padding: 15px; border: 6px solid #edeeea; background: #fff; position: absolute; top:15px; left: 50%; margin-left: -171px;-moz-box-shadow: 1px 5px 10px rgba(0,0,0,0.2);  -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,0.2); box-shadow: 1px 5px 10px rgba(0,0,0,0.2);}*/
#appLoadingBar{position:absolute; z-index:9998; top:0; left:0;
    right: 0;; bottom:100px; overflow:hidden; min-width:760px; background:#282828;}
#appLoadingBar .animateBox{ width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; }
#appLoadingBar .animateBox img{ display: none;}
#appLoadingBar .loadingPross{ position: absolute; bottom: 6px; left: 0; width: 2%; font-size: 12px; line-height: 25px; color: #646464; text-align: right; border-bottom: 2px solid #646464;}
#appLoadingBar .loadingTips{ width:1000px; text-align:center; position:absolute; top:50%; left:50%; margin:100px 0 0 -500px; z-index:11; font-size: 12px; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
#appLoadingBar .loadingTips a{ color:#ac975e; text-transform: uppercase;}
#appLoadingBar .loadingTips a:hover{ color:#bda460;}
#appLoadingBar .loadingTips a:active{ color:#978450;}
#appLoadingBar .loadingTips span{ font-size: 18px; color:#fff;}
#appLoadingBar .loadingTips .tips{ width: 475px; margin: auto; text-align: center; font-family: 'sintonyregular'; font-size: 12px; line-height: 28px;}
#appLoadingBar .loadingTips .tips .title{ font-size: 16px; line-height: 32px;}
#appLoadingBar .errorMsgTips{ width: 300px; height: auto; padding: 15px; border: 6px solid #edeeea; background: #fff; position: absolute; top:15px; left: 50%; margin-left: -171px;-moz-box-shadow: 1px 5px 10px rgba(0,0,0,0.2);  -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,0.2); box-shadow: 1px 5px 10px rgba(0,0,0,0.2);}

#appLoadingBar.skin-light{ background: #f0f0f0;}
#appLoadingBar.skin-light .animateBox .loading1{ display: block;}
#appLoadingBar.skin-black .animateBox .loading2{ display: block;}
#appLoadingBar.skin-light .loadingPross{ color: #ad934d; border-bottom: 2px solid #ad934d;}
#appLoadingBar.skin-light .loadingTips{ color: #5a5a5a;}
#appLoadingBar.skin-light .loadingTips a{ color: #5a5a5a;}


/*获取fotor app 下载链接*/
#getAppLinkPop{ background:rgba(0,0,0,0.8); background:#686868\0; width:100%; height:128px; position:fixed; bottom:0; right:0; left:0; z-index:5; font-size:12px; color:#fff;}

#getAppLinkPop .pop_btn{ position:absolute; top:9px; left:50%; margin-left:-540px; width:40px; height:40px; cursor:pointer; background:url(/images2/getapp_xx.png) no-repeat;}
#getAppLinkPop .pop_btn.showall{}
#getAppLinkPop .pop_left{ float:left; height:128px; width:auto; background:url(/images2/getapp_logo.png) no-repeat center left; padding-left:120px; }
#getAppLinkPop .pop_left .bigtitle{ font-size:26px; text-align:center; text-transform:uppercase; padding-top:26px; text-transform:uppercase;}
#getAppLinkPop .pop_left .imglinks{ padding-top:12px;}
#getAppLinkPop .pop_left .imglinks img{ margin-right:20px;}
#getAppLinkPop .pop_right{ float:left; padding-top:24px; width:320px; margin-left:34px; }
.pop_right .pop_userEmailBox{ width:270px; height:23px; margin:6px 0; border-radius:11px; background:#fff;}
.pop_userEmailBox input{ width:185px; height:23px; padding:0 11px; line-height:20px; border:0; outline:none; display:block; float:left; color:#666666; background:none;}
.pop_userEmailBox a#userGetAppByEmail{ display:inline-block; float:right; padding:0 11px; line-height:21px; height:21px; background:#fa464b; color:#fff; border-radius:11px; margin-left:10px; margin-top:1px; margin-right:1px;}
.pop_userEmailBox a#userGetAppByEmail:hover{ background:#a31e22;}
.pop_msg_box{ padding:0; display:none; line-height:18px;}
#getAppLinkPop .pop_qrcode{ float:left; width:80px; height:80px; margin:25px 0 0 0;}
#getAppLinkPop .pop_qrcode img{ width:80px; height:80px;}

#bottomAppLink{width:92%; padding:30px 4%; height: auto; background:rgba(255,255,255,0.8); position:fixed; zoom:1; z-index:11000; bottom:-500px;}
/*提醒验证邮箱*/
.verifyTip{ position:absolute; top:62px; width:470px; background:#f2dcdb; color:#cc3333; font-size:13px; text-align:center; border-radius:8px; padding:10px 15px;}
.verifyTip a{ color:#000; text-decoration:underline;}
.verifyTip a#verifyTipClose{display: block; cursor: pointer; width: 14px; height: 13px; background: url(/images2/close_icon.png) no-repeat; position: absolute; top: 13px; right: 10px;}



#pop_box{overflow-y:auto;position:absolute;display: none;background: #2d2d2d;z-index: 99;top: 54px;left:0;/*right: 180px;*/right: 0;bottom: 100px;min-width: 820px;min-height: 498px;font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
#pop_box .close{ display: block;z-index: 10; width: 20px; height: 20px; position: absolute; right: 65px; top:46px; background: url("/images2/popbox/down_icon.png?v=5.4.9.2016092801") no-repeat 0px 0px;}
#pop_box .close:hover{ background-position: 0px -20px;}
#pop_box .close:active{ background-position: 0px -40px;}
#scene_selection_popular{width: 100%;height: auto;left: 0;margin: 0px auto 0px;text-align: center;background: #232323;padding: 26px 0px 0px;}
#scene_selection_popular .scene_list{ display: none; margin: auto; position: relative;}
#scene_selection_popular .scene_list.on{ display: block;}
.scene_selection_media{width: 100%;height: auto;left: 0;margin: 0px auto 0px;text-align: center;background: #2d2d2d;padding: 26px 0px 0px;}
.scene_selection_media .scene_list{ display: none; margin: auto; position: relative;}
.scene_selection_media .scene_list.on{ display: block;}
.popularbottomLine{background-color: #373737;height:1px;width: 100%;}
.otherSceneBottomLine{background-color: #282828;height:1px;margin: 0px 160px 0px;}
.otherSceneTopLine{background-color: #373737;height:1px;margin: 0px 160px 0px;}
.titlePopularDiv{width:auto;height:18px;margin: 0px 0px 16px;text-align: center;}
.titlePopularh1{font-family: hindlight;font-size:14px; margin-bottom: 16px; font-weight: normal; color:#ffffff; text-transform: uppercase; text-align: center;}
.scene_list h4{  font-family: "FuturaMediumBT", Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 16px; font-weight: normal; color:#ffffff; text-transform: uppercase; text-align: center;}
.scene_list img{ float: right;position: relative;left: 4px;top: 7px;z-index: 5; width: auto;height:auto;}
.scene_list ul{ list-style: none; text-align: center; margin: 0px 160px 0px; font-size: 0;}
.scene_list ul li{float: none;width: 116px;height: 152px;margin: 0px 15px 22px 15px;display: inline-block;text-align: center;}
.scene_list ul li a{display: block;width: 116px;height: 116px;opacity: 1;position: relative;}
.scene_list ul li a span.hover-animate-background{ position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}
.scene_list ul li a span.hover-animate-box{ position: absolute; top: 0; left: 0; z-index: 3; display: block;width: 100%; height: 100%;}
.scene_list ul li span.txt-box{ font-family: hindlight; display: block; font-size: 12px; color: #505050; line-height: 36px; opacity: 1; }

.scene_list a.turn_left,.scene_list a.turn_right{ width: 24px; height: 24px; display: block; position: absolute; top: 78px; background-color: #8f7d45; background-repeat: no-repeat; transition: background-color 0.3s; }
.scene_list a.turn_left:hover,.scene_list a.turn_right:hover{ background-color: #af9852;}
.scene_list a.turn_left:active,.scene_list a.turn_right:active{ background-color: #6f6238;}
.scene_list a.turn_left{ background-image: url(/images2/web_scene-selection_icon_arrows_left.png); left: -32px;}
.scene_list a.turn_right{ background-image: url(/images2/web_scene-selection_icon_arrows_right.png); right: -32px;}

.scene_social_media{}
.scene_social_media ul li a{ }
.scene_social_media ul li a span.hover-animate-background{ background: url(/images2/popbox/web_scene-selection_social-media_picture.jpg?v=5.4.9.2016092801) no-repeat; border-radius:6px;}
/*.scene_social_media ul li a span.hover-animate-box { background: url(/images2/popbox/web_scene-selection_social-rock.png?v=5.4.9.2016092801) no-repeat; }*/

.scene_social_media ul li a.post_facebook span.hover-animate-background{ background-position: -12px -13px; }
.scene_social_media ul li a.post_instagram span.hover-animate-background{ background-position: -12px -141px; }
.scene_social_media ul li a.pinterest_long span.hover-animate-background{ background-position: -12px -269px; }
.scene_social_media ul li a.pinterest_short span.hover-animate-background{ background-position: -12px -397px; }
.scene_social_media ul li a.cover_facebook span.hover-animate-background{ background-position: -12px -525px; }
.scene_social_media ul li a.cover_facebook_Event span.hover-animate-background{ background-position: -12px -653px; }
.scene_social_media ul li a.thumbmail_youtube span.hover-animate-background{ background-position: -12px -781px; }
.scene_social_media ul li a.cover_youtube span.hover-animate-background{ background-position: -12px -909px; }
.scene_social_media ul li a.cover_twitter span.hover-animate-background{ background-position: -12px -1037px; }
.scene_social_media ul li a.cover_google span.hover-animate-background{ background-position: -12px -1165px; }
.scene_social_media ul li a.blog_title span.hover-animate-background{ background-position: -12px -1293px; }
.scene_social_media ul li a.email_header span.hover-animate-background{ background-position: -12px -1421px; }
.scene_social_media ul li a.leader_board span.hover-animate-background{ background-position: -12px -1549px; }
.scene_social_media ul li a.ad_facebook span.hover-animate-background{ background-position: -12px -1677px; }
.scene_social_media ul li a.medium_rectangle span.hover-animate-background{ background-position: -12px -1805px; }
.scene_social_media ul li a.large_rectangle span.hover-animate-background{ background-position: -12px -1933px; }
.scene_social_media ul li a.wide_sk span.hover-animate-background{ background-position: -12px -2061px; }
.scene_social_media ul li a.cover_etsy span.hover-animate-background{ background-position: -12px -2189px; }
.scene_social_media ul li a.shop_etsy span.hover-animate-background{ background-position: -12px -2317px; }
.scene_social_media ul li a.card span.hover-animate-background{ background-position: -12px -2444px; }
.scene_social_media ul li a.poster span.hover-animate-background{ background-position: -12px -2572px; }
.scene_social_media ul li a.mobile_leaderboard span.hover-animate-background{ background-position: -12px -2699px; }
.scene_social_media ul li a.Facebook-ad-medium span.hover-animate-background{ background-position: -12px -2827px; }

.scene_social_media ul li a.post_facebook span.hover-animate-box{ background:url(/images2/popbox/Facebook-Post.png?v=5.4.9.2016092801) no-repeat; background-size: 100% }
.scene_social_media ul li a.post_instagram span.hover-animate-box{  background:url(/images2/popbox/Instagram-post.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.pinterest_long span.hover-animate-box{ background:url(/images2/popbox/Pinterest-Graphic-Long.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.pinterest_short span.hover-animate-box{ background:url(/images2/popbox/Pinterest-Graphic-Short.png?v=5.4.9.2016092801) no-repeat; background-size: 100% }
.scene_social_media ul li a.cover_facebook span.hover-animate-box{ background:url(/images2/popbox/Facebook-Cover.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.cover_facebook_Event span.hover-animate-box{ background:url(/images2/popbox/Facebook-Event-Cover.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.thumbmail_youtube span.hover-animate-box{ background:url(/images2/popbox/Youtube-Thumbnail.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.cover_youtube span.hover-animate-box{ background:url(/images2/popbox/Youtube-Channel-Art.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.cover_twitter span.hover-animate-box{ background:url(/images2/popbox/Twitter-cover.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.cover_google span.hover-animate-box{ background:url(/images2/popbox/Google-Cover.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.blog_title span.hover-animate-box{ background:url(/images2/popbox/Blog-Title.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.email_header span.hover-animate-box{ background:url(/images2/popbox/Email-Header.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.leader_board span.hover-animate-box{ background:url(/images2/popbox/Leaderboard.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.ad_facebook span.hover-animate-box{ background:url(/images2/popbox/facebook-ad.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.medium_rectangle span.hover-animate-box{ background:url(/images2/popbox/Medium-Rectangle.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.large_rectangle span.hover-animate-box{ background:url(/images2/popbox/Large-Rectangle.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.wide_sk span.hover-animate-box{ background:url(/images2/popbox/Wide-skyscraper.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.cover_etsy span.hover-animate-box{ background:url(/images2/popbox/Etsy-Cover-Photo.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.shop_etsy span.hover-animate-box{ background:url(/images2/popbox/Etsy-Shop-Icon.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.card span.hover-animate-box{ background:url(/images2/popbox/card.png?v=5.4.9.2016092801) no-repeat; background-size: 100% }
.scene_social_media ul li a.poster span.hover-animate-box{ background:url(/images2/popbox/poster.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.mobile_leaderboard span.hover-animate-box{ background:url(/images2/popbox/mobile-leaderboard.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }
.scene_social_media ul li a.Facebook-ad-medium span.hover-animate-box{ background:url(/images2/popbox/Facebook-ad-medium.png?v=5.4.9.2016092801) no-repeat; background-size: 100%  }

.scene_social_media ul li a.custom_dimensions{ background: url(/images2/popbox/custom.png?v=5.4.9.2016092801) no-repeat -2px -2px; transition: all 0.2s ease; }
.scene_social_media ul li a.custom_dimensions:hover{ background-position: -122px -2px;}


/*
#scene_social_media ul li a.poster:hover{  background: url(/images2/web_scene-selection_print-materals_picture.png?v=5.4.9.2016092801) no-repeat -136px -8px; }
#scene_social_media ul li a.card:hover{ background: url(/images2/web_scene-selection_print-materals_picture.png?v=5.4.9.2016092801) no-repeat -136px -136px; }

#scene_social_media ul li a.poster:active{  background: url(/images2/web_scene-selection_print-materals_picture.png?v=5.4.9.2016092801) no-repeat -264px -8px; }
#scene_social_media ul li a.card:active{  background: url(/images2/web_scene-selection_print-materals_picture.png?v=5.4.9.2016092801) no-repeat -264px -136px; }
*/
#scene_print_materials{ width: 304px;}
#scene_print_materials ul li a{ background: url(/images2/web_scene-selection_print-materals_picture.png?v=5.4.9.2016092801) no-repeat;}
#scene_print_materials ul li a.poster{ background-position: -8px -8px; }
#scene_print_materials ul li a.card{ background-position: -8px -136px; }
#scene_print_materials ul li a.buisiness_card{ background-position: -8px -264px; }

#scene_print_materials ul li a.poster:hover{ background-position: -136px -8px; }
#scene_print_materials ul li a.card:hover{ background-position: -136px -136px; }
#scene_print_materials ul li a.buisiness_card:hover{ background-position: -136px -264px; }

#scene_print_materials ul li a.poster:active{ background-position: -264px -8px; }
#scene_print_materials ul li a.card:active{ background-position: -264px -136px; }
#scene_print_materials ul li a.buisiness_card:active{ background-position: -264px -264px; }

#scene_banner_maker{ width: 852px;}
#scene_banner_maker ul li a{ background: url(/images2/web_scene-selection_banner-maker_picture.png?v=5.4.9.2016092801) no-repeat;}
#scene_banner_maker ul li a.rectangle_a{ background-position: -28px -25px; }
#scene_banner_maker ul li a.rectangle_b{ background-position: -28px -155px; }
#scene_banner_maker ul li a.rectangle_c{ background-position: -28px -283px; }
#scene_banner_maker ul li a.skycraper{ background-position: -28px -413px; }
#scene_banner_maker ul li a.header{ background-position: -28px -541px; }
#scene_banner_maker ul li a.esty{ background-position: -28px -671px; }

.pic_links .a_op_big { animation: opacity_big 0.3s ease normal forwards; -webkit-animation: opacity_big 0.3s ease normal forwards; opacity: 1\9;}

@keyframes opacity_big {
    0% {transform: scale(0.8); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}
@-webkit-keyframes opacity_big {
    0% {-webkit-transform: scale(0.8); opacity: 0;}
    100% {-webkit-transform: scale(1); opacity: 1;}
}

.pic_links .b_op_big {animation: b_opacity_big 0.3s ease normal forwards;-webkit-animation: b_opacity_big 0.3s ease normal forwards;}
@keyframes b_opacity_big {
    0% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.7); opacity: 0;}
}
@-webkit-keyframes b_opacity_big {
    0% {-webkit-transform: scale(1); opacity: 1;}
    100% {-webkit-transform: scale(0.7); opacity: 0;}
}


/*#scene_selection ul.links{ list-style: none; width: 40px; margin:0px auto 32px; }
#scene_selection ul.links li{ float: left; width: 8px; height:8px; margin: 0 6px;}
#scene_selection ul.links li a{ display: block; width: 8px; height: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #8c8c8c;}
#scene_selection ul.links li a.on{ background: #ebebeb;}
#scene_selection a.custom_scene{ display:inline-block; margin:0 10px; padding:0 15px; border: 2px solid #fff; text-transform: uppercase; color:#fff; line-height: 28px;}
#scene_selection a.custom_scene:hover{ border: 2px solid #af9852;}
#scene_selection a.custom_scene:active{ border: 2px solid #af9852; background: #af9852; }*/

/*全屏预览*/
#scene-pic-preview{ position: absolute; background: #fff; z-index: 10000; top: 0; right: 0; left: 0; bottom: 0; min-width: 1000px; display: none;}
#scene-pic-preview a.close{background: url(/images2/scene-pic-preview-close.png?v=5.4.9.2016092801) no-repeat 0 0; display: block; width: 19px; height: 19px; position: absolute; top:40px; right: 40px; z-index: 10;}
#scene-pic-preview a.close:hover{ background-position: -19px 0;}
#scene-pic-preview a.close:active{ background-position: -38px 0;}
#scene-pic-preview a.turnleft,#scene-pic-preview a.turnright{ position: absolute; width: 100px; height: 100%; }
#scene-pic-preview a.turnleft{left: 0; top: 0; background: url(/images2/left_arrow.png) no-repeat center;}
#scene-pic-preview a.turnright{right: 0; top: 0; background: url(/images2/right_arrow.png) no-repeat center;}
#scene-pic-preview .txt_name{ position: absolute; top: 7%; width: 500px; left: 50%; margin-left: -250px; text-align: center; height: auto; z-index: 2; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; font-size: 20px; color: #1e1e1e; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
#scene-pic-preview .txt_name span{ font-weight: normal;}
#scene-pic-preview .centerbox{ position: absolute; top:10%; left: 50px; right: 50px; bottom: 10%;
    /*-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;*/
}
#scene-pic-preview .centerbox .li-item{ width: 15%; height: 100%; left: 0.5%; position: absolute;
    /*-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;*/
}
#scene-pic-preview .centerbox .screen.left{}
#scene-pic-preview .centerbox .screen.right{}
#scene-pic-preview .centerbox .screen.on{ z-index: 5; }

#scene-pic-preview .screen{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; cursor: pointer;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    transition: all 300ms;
}
#scene-pic-preview .screen.nochange{
    cursor: auto;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
#scene-pic-preview .scene-overlay{ position: absolute; width: 100%; height: 100%; background-size: 100% auto; z-index: 2;}
#scene-pic-preview .pic-view{ position: absolute; z-index: 1;}
#scene-pic-preview .pic-view img{ width: 100%;}

#scene-pic-preview.posterBg{ background:#ffffff url(/images2/preview/poster_bg.jpg?v=5.4.9.2016092801) no-repeat center; background-size: 100% 100%;}

#scene-pic-preview .poster1.screen{ width: 370px; height: 530px; margin: -265px 0 0 -175px;}
#scene-pic-preview .poster1 .scene-overlay{ background: url(/images2/preview/scene-pic-preview-poster1.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .poster1 .pic-view{ width: 353px;left: 0; top:2px;}


#scene-pic-preview .card.screen{ width: 1280px; height: 960px; margin: 0 0 0 -640px; bottom: 0; top: auto !important;}
#scene-pic-preview .card .scene-overlay{ background: url(/images2/preview/scene-pic-preview-CARD.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .card .pic-view{ width: 430px; left: 355px; top: 218px; transform: rotate(-3deg); -ms-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg);}

#scene-pic-preview .instagram-post-phone.screen{ width: 299px; height: 654px; margin: -327px 0 0 -150px;}
#scene-pic-preview .instagram-post-phone .scene-overlay{ background: url(/images2/preview/scene-pic-preview-instagram_ios.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .instagram-post-phone .pic-view{ width: 255px; left: 22px; top: 159px;}

#scene-pic-preview .facebook-post-phone.screen{ width: 299px; height: 654px; margin: -327px 0 0 -150px;}
#scene-pic-preview .facebook-post-phone .scene-overlay{ background: url(/images2/preview/scene-pic-preview-facebook-post_phone.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .facebook-post-phone .pic-view{  top: 260px; left: 18px; width: 262px; }
#scene-pic-preview .facebook-post-mac.screen{ width: 1122px; height: 638px; margin: -319px 0 0 -561px;}
#scene-pic-preview .facebook-post-mac .scene-overlay{ background: url(/images2/preview/scene-pic-preview-facebook-post_mac.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .facebook-post-mac .pic-view{ width: 305px; left: 355px; top: 235px;}


#scene-pic-preview .facebook-cover-phone.screen{ width: 299px; height: 654px; margin: -327px 0 0 -150px;}
#scene-pic-preview .facebook-cover-phone .scene-overlay{ background: url(/images2/preview/scene-pic-preview-facebook-cover_ios.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .facebook-cover-phone .pic-view{width: 275px; height: 160px; left: 10px; top: 118px; overflow: hidden;}
#scene-pic-preview .facebook-cover-phone .pic-view img{height: 160px; width: auto; left: -78px; position: absolute;}
#scene-pic-preview .facebook-cover-mac.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .facebook-cover-mac .scene-overlay{ background: url(/images2/preview/scene-pic-preview-facebook-cover_mac.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .facebook-cover-mac .pic-view{ width: 706px; left: 221px; top: 84px;}

#scene-pic-preview .youtube-cover-tv.screen{ width: 888px; height: 666px; margin: -333px 0 0 -444px;}
#scene-pic-preview .youtube-cover-tv .scene-overlay{ background: url(/images2/preview/scene-pic-preview-youtube_TV.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .youtube-cover-tv .pic-view{ width: 825px; left: 30px; top: 31px;}
#scene-pic-preview .youtube-cover-phone.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .youtube-cover-phone .scene-overlay{ background: url(/images2/preview/scene-pic-preview-youtube_ios.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .youtube-cover-phone .pic-view{  width: 275px; height: 66px; left: 15px; top: 122px; overflow: hidden;}
#scene-pic-preview .youtube-cover-phone .pic-view img{ width: 100%; height: auto; position: absolute; top: -44px;}
#scene-pic-preview .youtube-cover-mac.screen{ width: 1177px; height: 666px; margin: -333px 0 0 -589px;}
#scene-pic-preview .youtube-cover-mac .scene-overlay{ background: url(/images2/preview/scene-pic-preview-youtube_cover.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .youtube-cover-mac .pic-view{  width: 696px; height: 108px; left: 263px; top: 106px; overflow: hidden;}
#scene-pic-preview .youtube-cover-mac .pic-view img{ width: 100%; height: auto; position: absolute; top: -149px; }

#scene-pic-preview .twitter-cover-phone.screen{  width: 299px; height: 654px; margin: -327px 0 0 -150px;}
#scene-pic-preview .twitter-cover-phone .scene-overlay{ background: url(/images2/preview/scene-pic-preview-twitter_cover_ios.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .twitter-cover-phone .pic-view{ width: 275px; left: 10px; top: 75px;}
#scene-pic-preview .twitter-cover-mac.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .twitter-cover-mac .scene-overlay{ background: url(/images2/preview/scene-pic-preview-twitter_cover_mac.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .twitter-cover-mac .pic-view{width: 825px; left: 166px; top: 88px;}

#scene-pic-preview .google-cover{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .google-cover .scene-overlay{ background: url(/images2/preview/scene-pic-preview-google_cover_mac.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .google-cover .pic-view{ width: 480px; left: 440px; top: 94px;}

#scene-pic-preview .etsy-cover-photo_mobile.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .etsy-cover-photo_mobile .scene-overlay{ background: url(/images2/preview/Etsy-Cover-Photo_mobile.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .etsy-cover-photo_mobile .pic-view{width: 274px; height: 69px; left: 15px; top: 165px; overflow: hidden;}
#scene-pic-preview .etsy-cover-photo_mobile .pic-view img{height: auto; width: 100%; position: absolute;}
#scene-pic-preview .etsy-cover-photo-desktop.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .etsy-cover-photo-desktop .scene-overlay{ background: url(/images2/preview/Etsy-Cover-Photo-desktop.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .etsy-cover-photo-desktop .pic-view{ width: 777px; left: 188px; top: 142px;}

#scene-pic-preview .email-header_mobile.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .email-header_mobile .scene-overlay{ background: url(/images2/preview/Email-Header_mobile.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .email-header_mobile .pic-view{width: 274px; height: 91px; left: 15px; top: 205px; overflow: hidden;}
#scene-pic-preview .email-header_mobile .pic-view img{height: auto; width: 100%; position: absolute;}
#scene-pic-preview .email-header_web.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .email-header_web .scene-overlay{ background: url(/images2/preview/Email-Header_web.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .email-header_web .pic-view{ width: 400px; left: 409px; top: 208px;}

#scene-pic-preview .etsy-shop-icon_mobile.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .etsy-shop-icon_mobile .scene-overlay{ background: url(/images2/preview/Etsy-Shop-Icon_mobile.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .etsy-shop-icon_mobile .pic-view{width: 80px; height: 80px; left: 113px; top: 219px; overflow: hidden;}
#scene-pic-preview .etsy-shop-icon_mobile .pic-view img{height: auto; width: 100%; position: absolute;}
#scene-pic-preview .etsy-shop-icon-desktop.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .etsy-shop-icon-desktop .scene-overlay{ background: url(/images2/preview/Etsy-Shop-Icon-desktop.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .etsy-shop-icon-desktop .pic-view{ width: 100px; left: 256px; top: 353px;}

#scene-pic-preview .youtube_thumbnail_mobile.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .youtube_thumbnail_mobile .scene-overlay{ background: url(/images2/preview/Youtube_Thumbnail_mobile.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .youtube_thumbnail_mobile .pic-view{width: 89px; height: 51px; left: 34px; top: 324px; overflow: hidden;}
#scene-pic-preview .youtube_thumbnail_mobile .pic-view img{height: auto; width: 100%; position: absolute;}
#scene-pic-preview .youtube_thumbnail_desktop.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .youtube_thumbnail_desktop .scene-overlay{ background: url(/images2/preview/Youtube_Thumbnail_desktop.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .youtube_thumbnail_desktop .pic-view{ width: 284px; left: 274px; top: 290px;}

#scene-pic-preview .pinterest-short-mobil.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .pinterest-short-mobil .scene-overlay{ background: url(/images2/preview/pinterest-graphic-short-mobil.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .pinterest-short-mobil .pic-view{width: 116px; height: 173px; left: 159px; top: 231px; overflow: hidden;}
#scene-pic-preview .pinterest-short-mobil .pic-view img{height: auto; width: 100%; position: absolute;}
#scene-pic-preview .pinterest-short-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .pinterest-short-tv .scene-overlay{ background: url(/images2/preview/pinterest-graphic-short-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .pinterest-short-tv .pic-view{ width: 116px; left: 584px; top: 196px;}

#scene-pic-preview .pinterest-long-mobil.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .pinterest-long-mobil .scene-overlay{ background: url(/images2/preview/pinterest-graphic-long-mobil.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .pinterest-long-mobil .pic-view{width: 116px; height: 387px; left: 30px; top: 138px; overflow: hidden;}
#scene-pic-preview .pinterest-long-mobil .pic-view img{height: auto; width: 100%; position: absolute;}
#scene-pic-preview .pinterest-long-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .pinterest-long-tv .scene-overlay{ background: url(/images2/preview/pinterest-graphic-long-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .pinterest-long-tv .pic-view{ width: 116px; left: 327px; top: 102px;}

#scene-pic-preview .facebook-event-cover-mobil.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .facebook-event-cover-mobil .scene-overlay{ background: url(/images2/preview/facebook-event-cover-mobil.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .facebook-event-cover-mobil .pic-view{width: 274px; height: 154px; left: 15px; top: 78px; overflow: hidden;}
#scene-pic-preview .facebook-event-cover-mobil .pic-view img{height: auto; width: 100%; position: absolute;}
#scene-pic-preview .facebook-event-cover-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .facebook-event-cover-tv .scene-overlay{ background: url(/images2/preview/facebook-event-cover-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .facebook-event-cover-tv .pic-view{ width: 540px; left: 350px; top: 100px;}

#scene-pic-preview .blog-title-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .blog-title-tv .scene-overlay{ background: url(/images2/preview/fotor_blog_tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .blog-title-tv .pic-view{ width: 353px; left: 305px; top: 260px;}

#scene-pic-preview .leader-board-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .leader-board-tv .scene-overlay{ background: url(/images2/preview/leader-board-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .leader-board-tv .pic-view{ width: 493px; left: 264px; top: 158px;}

#scene-pic-preview .ad-facebook-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .ad-facebook-tv .scene-overlay{ background: url(/images2/preview/facebook-ad-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .ad-facebook-tv .pic-view{ width: 166px; left: 713px; top: 455px;}

#scene-pic-preview .medium-rectangle-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .medium-rectangle-tv .scene-overlay{ background: url(/images2/preview/medium-rectangle-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .medium-rectangle-tv .pic-view{ width: 192px; left: 565px; top: 353px;}

#scene-pic-preview .large-rectangle-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .large-rectangle-tv .scene-overlay{ background: url(/images2/preview/large-rectangle-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .large-rectangle-tv .pic-view{ width: 249px; left: 264px; top: 324px;}

#scene-pic-preview .wide-skycraper-tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .wide-skycraper-tv .scene-overlay{ background: url(/images2/preview/wide-skycraper-tv.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .wide-skycraper-tv .pic-view{ width: 90px; left: 804px; top: 158px;}

#scene-pic-preview .leaderboard_mobile.screen{ width: 305px; height: 654px; margin: -327px 0 0 -152px;}
#scene-pic-preview .leaderboard_mobile .scene-overlay{ background: url(/images2/preview/leaderboard-mobile.png?v=5.4.9.2016092801) no-repeat center;}
#scene-pic-preview .leaderboard_mobile .pic-view{width: 274px; height: 43px; left: 15px; top: 78px; overflow: hidden;}
#scene-pic-preview .leaderboard_mobile .pic-view img{height: auto; width: 100%; position: absolute;}

#scene-pic-preview .Facebook_ad_medium_tv.screen{ width: 1149px; height: 666px; margin: -333px 0 0 -575px;}
#scene-pic-preview .Facebook_ad_medium_tv .scene-overlay{ background: url(/images2/preview/facebook_ad_medium.png?v=5.4.9.2016092801) no-repeat;}
#scene-pic-preview .Facebook_ad_medium_tv .pic-view{ width: 166px; left: 713px; top: 455px;}




/*new features - design*/
.design-f-page{}
.one-page-section-group.design-f-page .area{ overflow: visible;}
.design-f-page .banner{ background: url(/images2/features/design/banner.jpg?v=5.4.9.2016092801) no-repeat center; background-size: cover;}
.design-f-page .banner .digital-Plate{ position: absolute; width: 30%; bottom: -40%; left: 35%; right: 35%; z-index: 2; opacity: 0;
    -webkit-transition: 500ms 500ms;
    -moz-transition: 500ms 500ms;
    -o-transition: 500ms 500ms;
    -ms-transition: 500ms 500ms;
    transition: 500ms 500ms; }
.design-f-page .banner .digital-Plate.up{
    bottom: -20%;
    opacity: 1;
}
.design-f-page .banner .digital-Plate.down{
    bottom: 0;
    opacity: 0;
}
.design-f-page .banner .digital-Plate img{ width: 100%; display: block;}
.design-f-page .banner .hero_img{ width: 100%; height: auto;}
.design-f-page .banner .hero-content-wrapper{ position: absolute; z-index: 3; font-size: 10px; width: 100%; text-align: center; top: 38%; bottom: 0; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.hero-content-wrapper .headline{ font-weight: normal; font-size: 5em; color: #1e1e1e; line-height: 1.24em; letter-spacing: 0.28em; margin: auto; text-transform: uppercase; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.hero-content-wrapper .headline span{ color: #ac975e;}
.hero-content-wrapper .txt-underline{ width: 615px;  border-bottom: 1px solid #e2e2e2; height: 1px; margin: auto; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.hero-content-wrapper .subtitle{ font-size: 1.6em; color: #878787; margin: 1.5% auto; line-height: 1em; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
.hero-content-wrapper .gray-line-white-btn{ display: inline-block; margin-top: 4%; padding: 0 3.5%; line-height: 3.5em; border: 2px solid #a0a0a0; font-size: 1.6em; text-transform: uppercase; color: #646464;-webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.hero-content-wrapper .gray-line-white-btn:hover{ background: #3c3c3c; border-color: #3c3c3c; color: #f0f0f0;}
.hero-content-wrapper .gray-line-white-btn:active{ background: #1e1e1e; border-color: #1e1e1e; color: #c1c1c1; }

.design-f-page .guide{ width: 100%; height: 100%; position: relative; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; }
.design-f-page .guide .pic-wrapper{ width: 60%; height: 100%; position: absolute; z-index: 110;}
.design-f-page .skrollable{width: 100%; min-width: 600px; position: absolute; top: 200px; font-size: 10px;}
.skrollable .hero_img{ position: absolute; z-index: 9;
    /*-webkit-transition: 500ms 1000ms;
    -moz-transition: 500ms 1000ms;
    -o-transition: 500ms 1000ms;
    -ms-transition: 500ms 1000ms;
    transition: 500ms 1000ms;*/
}
.skrollable .hero_img_1{ width: 63%; right: 100%; z-index: 11; bottom: 0; opacity: 0;}
.skrollable .hero_img_2{ width: 57.5%; left: -100%;  z-index: 9; opacity: 0;}

.current.design_area_02 .hero_img_1 {
    right: 0;
    opacity: 1;
    -webkit-transition: 500ms 800ms;
    -moz-transition: 500ms 800ms;
    -o-transition: 500ms 800ms;
    -ms-transition: 500ms 800ms;
    transition: 500ms 800ms;
}
.current.design_area_02 .hero_img_2 {
    left: 10%;
    opacity: 1;
    -webkit-transition: 300ms 1000ms;
    -moz-transition: 300ms 1000ms;
    -o-transition: 300ms 1000ms;
    -ms-transition: 300ms 1000ms;
    transition: 300ms 1000ms;
}
.skrollable .hero_img img{ width: 100%; display: block;}
.skrollable .slider-img-wapper1{
    position: absolute; z-index: 8; width: 53%; top: 5.4%; left: -100%; opacity: 0;
}
.skrollable .slider-img-wapper2{
    position: absolute; z-index: 10; width: 47%; top: 34.4%; left: -100%; opacity: 0;
}
.current.design_area_02 .slider-img-wapper1 {
    left: 12.4%;
    opacity: 1;
    -webkit-transition: 300ms 1000ms;
    -moz-transition: 300ms 1000ms;
    -o-transition: 300ms 1000ms;
    -ms-transition: 300ms 1000ms;
    transition: 300ms 1000ms;
}
.current.design_area_02 .slider-img-wapper2 {
    left: 45%;
    opacity: 1;
    -webkit-transition: 500ms 800ms;
    -moz-transition: 500ms 800ms;
    -o-transition: 500ms 800ms;
    -ms-transition: 500ms 800ms;
    transition: 500ms 800ms;
}
.skrollable .img_1,.skrollable .img_2,.skrollable .img_3{ opacity: 0; position: absolute; width: 100%;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;}
.skrollable .slider-img .on{}
.skrollable .slider-img img{ width: 100%;}
.design-f-page .guide .txt-wrapper{ width: 33%; left: 62%; height: 60%; position: absolute; font-size: 10px;}
.design-f-page .guide .txt-wrapper .design-step{ position: absolute; width: 100%; top: 200px; opacity: 0;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    -ms-transition: 500ms;
    transition: 500ms;}
.current.design_area_02[data-index='0'] .design-step.step1{
    opacity: 1;
    top: 0;
}
.current.design_area_02[data-index='1'] .design-step.step2{
    opacity: 1;
    top: 0;
}
.current.design_area_02[data-index='2'] .design-step.step3{
    opacity: 1;
    top: 0;
}
.current.design_area_02[data-index='1'] .design-step.up.step1{
    opacity: 0;
    top: -60%;
}
.current.design_area_02[data-index='2'] .design-step.up.step2{
    opacity: 0;
    top: -60%;
}
/*
.current.design_area_02[data-index='2'] .design-step.up.step3{
    opacity: 1;
    top: 0;
}*/

.design_area_02[data-index='0'] .slider-img .img_1{
    opacity: 1;
}
.design_area_02[data-index='1'] .slider-img .img_2{
    opacity: 1;
}
.design_area_02[data-index='2'] .slider-img .img_3{
    opacity: 1;
}

.design-step .title{ font-size: 4em; line-height: 1.4em; color: #1e1e1e; letter-spacing: 0.28em; font-weight: bold; text-transform: uppercase;}
.design-step .des{ font-size: 1.6em; line-height: 2em; color: #878787; letter-spacing: 0.2em; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; margin-top: 10vh; }
.design-step .gray-line-white-btn{ display: inline-block; margin-top: 10vh; padding: 0 10%; text-align: center; line-height: 3.5em; border: 2px solid #a0a0a0; font-size: 1.6em; text-transform: uppercase; color: #646464;-webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.design-step .gray-line-white-btn:hover{ background: #3c3c3c; border-color: #3c3c3c; color: #f0f0f0;}
.design-step .gray-line-white-btn:active{ background: #1e1e1e; border-color: #1e1e1e; color: #c1c1c1; }
.skrollable .gray-line-white-btn{ display: block; position: absolute; left: 120%; bottom: 0; width: 20%; text-align: center; line-height: 3.5em; border: 2px solid #a0a0a0; font-size: 1.6em; text-transform: uppercase; color: #646464;-webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.skrollable .gray-line-white-btn:hover{ background: #3c3c3c; border-color: #3c3c3c; color: #f0f0f0;}
.skrollable .gray-line-white-btn:active{ background: #1e1e1e; border-color: #1e1e1e; color: #c1c1c1; }
.design_area_02 .get-start-btn{ position: absolute; top: 70%; left: 70%;}
.design_area_02 .get-start-btn:after{ display: block; position:absolute; content: ''; top: 150%; left:42%; right: 42%;  width: 16%; height: 1px; border-bottom: 1px solid #a0a0a0;}

@media only screen and (max-width: 1200px) {
    .design-f-page .guide .txt-wrapper{ font-size: 7px;}
    .design-f-page .skrollable{ font-size: 7px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .design-f-page .guide .txt-wrapper{ font-size: 8px;}
    .design-f-page .skrollable{ font-size: 7px;}
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .design-f-page .guide .txt-wrapper{ font-size: 9px;}
    .design-f-page .skrollable{ font-size: 7px;}
}

.design-f-page .trynow-box{ width: 100%; height: auto; min-height: 220px; position: relative; }
.design-f-page .trynow-box .hero_img{ width: 100%; height: auto;}
.trynow-box .hero_img img{ width: 100%; height: auto; display: block;}
.design-f-page .trynow-box .hero-content-wrapper{ position: absolute; font-size: 10px; width: 100%; top: 12%; bottom: 0; text-align: center; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.trynow-box .hero-content-wrapper .headline{ font-size: 4.0em; font-weight: bold;}
.trynow-box .hero-content-wrapper .subtitle{ margin:1% auto 0; text-align: center; line-height: 2.0em; letter-spacing: 0.2em;}
.trynow-box .hero-content-wrapper .gray-line-white-btn{ margin-top: 3%;}

.design-f-page .template-list{ width: 100%; background: #F0F0F0; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.template-list .con-box{ width: 100%; max-width: 1248px; height: 280px; overflow: hidden; margin: auto; padding: 12px 0 30px;}
.template-list ul{ list-style: none; width: 100%;}
.template-list ul li{ float: left; width: 22.4%; height: 280px; margin: 0 1.3%; cursor: pointer; perspective: 500px; z-index: 1;}
.template-list ul li .fix_con_box{ width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -ms-transition: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; background: #F0F0F0;}
.template-list ul li .icon-box{ text-align: center; padding-top: 36px; width: 100%; height: 244px; background: #f0f0f0;}
.template-list ul li .icon-box .scene-name,.template-list ul li .template-pic .scene-name{ font-size: 14px; line-height: 14px; text-transform: uppercase; color: #505050; margin: 30px 0; letter-spacing: 3px;}
.template-list ul li .icon-box .underline,.template-list ul li .template-pic .underline{ width: 40px; margin: auto; height: 1px; border-top: 1px solid #505050;}

.template-list ul li .template-pic{ text-align: center; padding-top: 6px; width: 100%; height: 274px; background: #DCDCDC; position: absolute; z-index: -1;
    left: 0;
    top: 100%;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);}
.template-list ul li .template-pic .imgbg{  padding:0 5px; height: 194px; margin: auto;}
.template-list ul li .template-pic .imgbg img{ width: 100%;}
.template-list ul li .template-pic .scene-name{ margin: 16px 0 12px;}
.template-list ul li .template-pic .scene-size{ font-size: 12px; color: #8c8c8c; margin-top: 12px; letter-spacing: 2px;}

.template-list ul li .fix_con_box.btn-error3d{
    background: #aaa;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: rotateX(90deg) translateY(-100%);
    -moz-transform-origin: 50% 0%;
    -moz-transform: rotateX(90deg) translateY(-100%);
    transform-origin: 50% 0%;
    transform: rotateX(90deg) translateY(-100%);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(0deg) translateY(0%);
}
.template-list ul li .fix_con_box.btn-error3d .icon-box{background: #DCDCDC;}


@media only screen and (max-width: 1000px) {
    .design-f-page .banner .hero-content-wrapper,.design-f-page .trynow-box .hero-content-wrapper{ font-size: 6px; }
    .hero-content-wrapper .txt-underline{ width: 370px; }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .design-f-page .banner .hero-content-wrapper,.design-f-page .trynow-box .hero-content-wrapper{ font-size: 7px; }
    .hero-content-wrapper .txt-underline{ width: 430px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .design-f-page .banner .hero-content-wrapper,.design-f-page .trynow-box .hero-content-wrapper{ font-size: 8px; }
    .hero-content-wrapper .txt-underline{  width: 490px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .design-f-page .banner .hero-content-wrapper,.design-f-page .trynow-box .hero-content-wrapper { font-size: 9px; }
    .hero-content-wrapper .txt-underline { width: 560px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .design-f-page .banner .hero-content-wrapper,.design-f-page .trynow-box .hero-content-wrapper{ font-size: 10px; }
    .hero-content-wrapper .txt-underline{ width: 615px; }
}

/*new feature - collage*/
.one-page-home-area{ width: 100%; height: 100%; background: #F0F0F0; overflow: hidden; font-size: 16px; color: #787878; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;}
.one-page-section-group{
    position: relative;
    height: 100%;
    -webkit-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
    -moz-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
    -o-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
    -ms-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
    transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
}
.one-page-section-group .area{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.one-page-section-group .area .body_area{
    /*max-width: 1200px;*/
    margin: 0 auto;
    position: relative;
    height: 100%;
    font-size: 10px;
}

.one-page-section-group .get-start-btn,#indexdiv .get-start-btn{ display: block; margin: auto; text-align: center; line-height: 56px; width: 238px; border: 2px solid #a0a0a0; font-size: 16px; text-transform: uppercase; color: #646464;-webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.one-page-section-group .get-start-btn:hover,#indexdiv .get-start-btn:hover{ background: #3c3c3c; border-color: #3c3c3c; color: #f0f0f0;}
.one-page-section-group .get-start-btn:active,#indexdiv .get-start-btn:active{ background: #1e1e1e; border-color: #1e1e1e; color: #c1c1c1; }
/*.one-page-section-group .get-start-btn:after{ display: block; position:absolute; content: ''; top: 140%; left:42%; right: 42%;  width: 16%; height: 1px; border-bottom: 1px solid #a0a0a0;}*/
.one-page-section-group .btn_underline,#indexdiv .btn_underline{display: block; width: 40px; margin: 30px auto 0; height: 1px; border-bottom: 1px solid #a0a0a0;}

.one-page-section-group .area_index{
    position: relative;
    background: url(/images2/features/collage/1.png) no-repeat center;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    -webkit-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    -moz-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    -o-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    -ms-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    transition: 1000ms cubic-bezier(.86, 0, .07, 1);
}

.one-page-section-group .area.area_index .body_area{
    max-width: 1400px;
    width: 73%;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.one-page-section-group .area_index .left-top-txt{
    position: absolute;
    top: 20%;
    left: 10%;
    right: 60%;
    font-size: 1.6em;
    line-height: 2.25em;
}
.one-page-section-group .area_index .right-bottom-btn{
    position: absolute;
    bottom: 20%;
    left: 79.5%;
    margin-left: -121px;
    width:242px;
}

.one-page-section-group .area_02,.one-page-section-group .area_03,.one-page-section-group .area_04,.one-page-section-group .area_05{
    position: relative;
    background: url(/images2/features/collage/banner_bg_1.jpg) no-repeat top left;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    -webkit-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    -moz-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    -o-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    -ms-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
    transition: 1000ms cubic-bezier(.86, 0, .07, 1);
}

.one-page-section-group .area.area_02 .body_area,.one-page-section-group .area.area_03 .body_area,.one-page-section-group .area.area_04 .body_area{
    box-sizing: border-box;
    width:86%;
    position: absolute;
    left: 50%;
    opacity: 0;
    padding: 0 14% 0 0;
    height: auto;
    font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;
}

.one-page-section-group .area.area_02 .get-start-btn,.one-page-section-group .area.area_03 .get-start-btn,.one-page-section-group .area.area_04 .get-start-btn{
    margin-top: 13vh;
}
.one-page-section-group .area a.icon-btn{
    position: absolute;
    width: 68px;
    height: 68px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -68px;
    left: 50%;
    margin-left: -34px;
    background-color: #1e1e1e;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

.one-page-section-group .current.area a.icon-btn{
    top: 4.5%;
    -webkit-transition: top 400ms 900ms;
    -moz-transition: top 400ms 900ms;
    -o-transition: top 400ms 900ms;
    -ms-transition: top 400ms 900ms;
    transition: top 400ms 900ms;
}
.one-page-section-group .area a.icon-btn:hover{background-color: #363636;}
.one-page-section-group .area a.icon-btn:active{background-color: #0a0a0a;}

.one-page-section-group .area a.icon-btn.classic-collage{ background-image: url(/images2/features/collage/icon_1_defult.png);}
.one-page-section-group .area a.icon-btn.classic-collage:hover{ background-image: url(/images2/features/collage/icon_1_pressed.png);}
.one-page-section-group .area a.icon-btn.classic-collage:active{ background-image: url(/images2/features/collage/icon_1_pressed.png);}

.one-page-section-group .area a.icon-btn.funky-collage{ background-image: url(/images2/features/collage/icon_2_defult.png);}
.one-page-section-group .area a.icon-btn.funky-collage:hover{ background-image: url(/images2/features/collage/icon_2_pressed.png);}
.one-page-section-group .area a.icon-btn.funky-collage:active{ background-image: url(/images2/features/collage/icon_2_pressed.png);}

.one-page-section-group .area a.icon-btn.stitching-collage{ background-image: url(/images2/features/collage/icon_3_defult.png);}
.one-page-section-group .area a.icon-btn.stitching-collage:hover{ background-image: url(/images2/features/collage/icon_3_pressed.png);}
.one-page-section-group .area a.icon-btn.stitching-collage:active{ background-image: url(/images2/features/collage/icon_3_pressed.png);}

.one-page-section-group .body_area .img{
    width: 58%;
    float: left;
}
.one-page-section-group .body_area .img img{ width: 100%;}
.one-page-section-group .body_area .content-txt{
    width: 38.5%;
    float: right;
}

.one-page-section-group .body_area .title {
    font-size: 4em;
    line-height: 1.4em;
    color: #1e1e1e;
    letter-spacing: 0.28em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 2vh;
}
.one-page-section-group .body_area .des{
    font-size: 1.6em;
    line-height: 2.2em;
    color: #878787;
    letter-spacing: 0.2em;
    font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif;
    margin-top: 8vh;
    margin-bottom: 5vh;
}
.one-page-section-group .body_area .des a{ color: #878787; text-decoration: underline; }

.one-page-section-group .area_02 .body_area,.one-page-section-group .area_03 .body_area,.one-page-section-group .area_04 .body_area{
    background-color: rgba(240,240,240,0.8);
}
.one-page-section-group .current.area_02 .body_area,.one-page-section-group .current.area_03 .body_area,.one-page-section-group .current.area_04 .body_area{
    left: 14%;
    opacity: 1;
    -webkit-transition: 500ms 500ms;
    -moz-transition: 500ms 500ms;
    -o-transition: 500ms 500ms;
    -ms-transition: 500ms 500ms;
    transition: 500ms 500ms;
}
.one-page-section-group .area_03{
    background: url(/images2/features/collage/banner_bg_2.jpg) no-repeat top left;
    background-size: 100% auto;
}
.one-page-section-group .area_04{
    background: url(/images2/features/collage/banner_bg_3.png) no-repeat top left;
    background-size: 100% auto;
}
.one-page-section-group .area_04 .body_area .img{
    width: 30%;
    position: absolute;
    left: 0;
    transform: rotate(-5deg); -ms-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg);
}
.one-page-section-group .area_05{
    background: url(/images2/features/collage/banner_5.png) no-repeat center top;
    background-size: cover;
}
.one-page-section-group .area.area_05 .body_area{
    margin-top: 48vh;
    max-width: 1400px;
    width: 90%;
    text-align: center;
    font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;
}

.one-page-section-group .area.area_05 .body_area .title{
    font-size: 3.5em;
    margin-top: 5vh;
}
.one-page-section-group .area.area_05 .body_area .des{
    margin-top: 3vh;
}

.one-page-section-group .area.area_05 .body_area .tools{
    max-width: 1272px;
    width: 100%;
    margin: 5vh auto 0;
}
.one-page-section-group .area.area_05 .body_area .tools ul{
    list-style: none;
}

.one-page-section-group .area.area_05 .body_area .tools ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.one-page-section-group .area.area_05 .body_area .tools ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon{
    width: 142px;
    height:142px;
    margin: auto;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-1{
    background: url(/images2/features/collage/icon-1-1.png) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-1:hover{
    background: url(/images2/features/collage/icon-1-2.png) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-1:active{
    background: url(/images2/features/collage/icon-1-3.png) no-repeat center;
    background-size: 100%;
}

.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-2{
    background: url(/images2/features/collage/icon-2-1.png?v=5.4.9.2016092801) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-2:hover{
    background: url(/images2/features/collage/icon-2-2.png?v=5.4.9.2016092801) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-2:active{
    background: url(/images2/features/collage/icon-2-3.png?v=5.4.9.2016092801) no-repeat center;
    background-size: 100%;
}

.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-3{
    background: url(/images2/features/collage/icon-3-1.png) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-3:hover{
    background: url(/images2/features/collage/icon-3-2.png) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-3:active{
    background: url(/images2/features/collage/icon-3-3.png) no-repeat center;
    background-size: 100%;
}

.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-4{
    background: url(/images2/features/collage/icon-4-1.png) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-4:hover{
    background: url(/images2/features/collage/icon-4-2.png) no-repeat center;
    background-size: 100%;
}
.one-page-section-group .area.area_05 .body_area .tools ul li .features-icon.features-icon-4:active{
    background: url(/images2/features/collage/icon-4-3.png) no-repeat center;
    background-size: 100%;
}

.one-page-section-group .area.area_05 .body_area .tools ul li .features-name{
    margin: 3vh 0;
    font-size: 16px;
    color: #505050;
    font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.one-page-section-group .area.area_05 .body_area .tools ul li .txt-underline{
    width: 40px;
    height: 1px;
    border-top: 1px solid #787878;
    margin: auto;
}

@media only screen and (max-width: 1000px) {
    .one-page-section-group .area .body_area{ font-size: 7px; }
    .one-page-section-group .get-start-btn,#indexdiv .get-start-btn{ line-height: 40px; width: 140px;  font-size: 12px;}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .one-page-section-group .area .body_area{ font-size: 7px; }
    .one-page-section-group .get-start-btn,#indexdiv .get-start-btn{ line-height: 40px; width: 140px;  font-size: 12px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .one-page-section-group .area .body_area{ font-size: 8px; }
    .one-page-section-group .get-start-btn,#indexdiv .get-start-btn{ line-height: 48px; width: 190px;  font-size: 14px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .one-page-section-group .area .body_area{ font-size: 9px; }
    .one-page-section-group .get-start-btn,#indexdiv .get-start-btn{ line-height: 48px; width: 190px;  font-size: 14px;}
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .one-page-section-group .area .body_area{ font-size: 10px; }
}

ul.collage-pagination{
    position: fixed;
    top: 50%;
    margin-top: -91px;
    right: 30px;
    width: 26px;
    z-index: 999;
    font-size: 14px;
    list-style: none;
}
ul.collage-pagination li{
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 8px auto;
    padding-top: 1px;
    position: relative;
}
ul.collage-pagination li span{
    display: block;
    height: 8px;
    width: 8px;
    margin: 6px;
    background: #c8c8c8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    -ms-transition: 500ms;
    transition: 500ms;
}
ul.collage-pagination li.active span{
    background: #3c3c3c;
}

/*flash bottom ads
*/
.g_ads{text-align:center;background:#454545; color:#fff; font-size:11px; line-height:15px; display:none; position: relative; width:100%; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;*/}
.g_ads.skin-light{ background-color: rgb(200, 200, 200); }
#gg_pancle2{ display:none; }
#gg_right_pancle{ width: auto; position: absolute; top: 54px; bottom: 100px; right: 0; min-height: 500px; min-width: 0;}
.g_ads #socialSharingDiv,.g_ads .app_bottom_ads_left{ width: 296px; height: 99px; background: #323232; border-top:1px solid #1e1e1e;  font-family: 'sintonyregular', Arial, Helvetica, sans-serif;  /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;*/}
.g_ads.skin-light #socialSharingDiv,.g_ads.skin-light .app_bottom_ads_left{ background:rgb(240, 240, 240); border-top:1px solid #c8c8c8; }
.g_ads #socialSharingDiv .txt{ width: 256px; margin: auto; line-height: 40px; padding-top: 10px; color: #ac975e; font-size: 12px; text-align: center;}
.g_ads.skin-light #socialSharingDiv .txt{ }
.g_ads #socialSharingDiv a,.app_bottom_ads_left a{ display: block; width: 78px; height: 22px; float: left; margin-top: 0; margin-left: 20px; background:none; border: 1px solid #787878; font-size: 12px; line-height: 22px; color: #c8c8c8; border-radius: 2px;}
.g_ads #socialSharingDiv a:hover,.app_bottom_ads_left a:hover{ background:#282828; border: 1px solid #282828; color: #f0f0f0; }
.g_ads #socialSharingDiv a:active,.app_bottom_ads_left a:active{ background:#1e1e1e; border: 1px solid #1e1e1e; color: #646464; }
.g_ads.skin-light #socialSharingDiv a,.app_bottom_ads_left a{ background:none; border: 1px solid #8c8c8c; color: #646464;}
.g_ads.skin-light #socialSharingDiv a:hover,.app_bottom_ads_left a:hover{ background:#3c3c3c; border: 1px solid #3c3c3c; color: #f0f0f0; }
.g_ads.skin-light #socialSharingDiv a:active,.app_bottom_ads_left a:active{ background:#282828; border: 1px solid #282828; color: #646464; }

.g_ads #socialSharingDiv a.ios_btn,.app_bottom_ads_left a.ios_btn{ margin-left: 58px;}
#gg_pancle.g_ads{ min-width: 1160px; z-index:9999}
#gg_ad_toppan, .app_bottom_ads_right{ position: absolute; top: 0; left:296px; right: 180px;/* right: 0;*/ bottom: 0; }
.killAdsTxt{width: 170px; height: 44px; position: absolute; bottom: 0; right: 0; text-align: right; font-size: 12px; line-height: 22px; padding: 28px 10px 28px 0; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); font-family:'sintonyregular', Arial, Helvetica, sans-serif;}
.killAdsTxt a{ color: #fff; font-size:14px; text-decoration: underline;}
.g_ads.skin-light .killAdsTxt{ color: #323232; text-shadow:none;}
.g_ads.skin-light .killAdsTxt a{ color: #a98523;}

/*photo effects*/
.effect-f-page{ min-width: 1200px; }
.effect-f-page .banner{ width: 1200px; margin:54px auto 0; height: 706px; text-align: center; position: relative; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.effect-f-page .banner h1{ margin: 0 0 35px 0; padding-top: 100px; font-size: 32px; letter-spacing: 8px; color: #1e1e1e; line-height: 35px; text-transform: uppercase;}
.effect-f-page .banner h3,.effect-f-page .banner h2{ font-size: 16px; color: #8c8c8c; margin: 0 auto 55px; line-height: 28px; font-weight: normal; font-family: 'sintonyregular', Arial, Helvetica, sans-serif;}
.effect-f-page .banner .get-start-btn{}
.effect-f-page .banner .imgsbox{ width: 1200px; height: 500px; position: absolute; top: 400px; background: #f0f0f0; overflow: hidden;
    -webkit-box-shadow: rgba(0,0,0,0.10) 0px 3px 5px;
    -moz-box-shadow: rgba(0,0,0,0.10) 0px 3px 5px;
    box-shadow: rgba(0,0,0,0.10) 0px 3px 5px;}
.effect-f-page .banner .imgsbox div{ width: 100%; height: 100%; position: absolute;  top: 0; left: 0; display: none; background-repeat: no-repeat; background-position: center top; background-size: auto 100%;}
.effect-f-page .banner .imgsbox div.s_onc{ display: block;}
.effect-f-page .banner .img-list-link{ position: absolute; width: 80%; left: 10%; top: 938px; text-align: center; }
.effect-f-page .banner .img-list-link .one-link{ width: 19%; margin: 0 2.5%; display: inline-block; text-align: center; cursor: pointer; }
.effect-f-page .banner .img-list-link .one-link .dot{ width: 8px; height: 8px; display: block; border-radius: 50%; background: #3c3c3c; margin: auto;}
.effect-f-page .banner .img-list-link .one-link .effect-name{ display: inline-block; font-size: 14px; line-height: 22px; color: #3c3c3c; text-transform: uppercase; font-weight: bold; margin-top: 14px; letter-spacing: 4px;}
.effect-f-page .banner .img-list-link .one-link.col_hover .dot{ background: #ac975e;}
.effect-f-page .banner .img-list-link .one-link.col_hover .effect-name{ color: #ac975e; border-bottom: 1px solid #ac975e;}

.effect-f-page .black-bg{ background: #f5f5f5; height: 460px; width: 100%; min-width: 1200px; /*margin-bottom: 140px;*/}
.effect-f-page .mac-operation-panel{ text-align: center; margin-top: 100px; }
.effect-f-page .mac-operation-panel img{ width: 95%; max-width: 1434px;}
.effect-f-page .mac-operation-panel .text{ width: 95%; max-width: 1434px; margin: 30px auto; position: relative; height: 50px; font-size: 1.4em; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; color: #3c3c3c; line-height: 2.4em;}
.effect-f-page .mac-operation-panel .text span{ color: #8c8c8c;}
.effect-f-page .mac-operation-panel .text .box1{ width: 50%; position: absolute; top: 0; left: 0; text-align: center;}
.effect-f-page .mac-operation-panel .text .box2{ width: 64%; position: absolute; top: 0; right: 0; text-align: center;}
.effect-f-page .tale1{ width: 100%; min-width: 1200px; height: 620px; margin-top: 140px; background: url(/images2/features/photo_effects/effect_2_1.jpg) no-repeat center; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; }
.effect-f-page .tale1 .content-box{ width: 1200px; text-align: left; margin: auto; }
.effect-f-page .tale2{ width: 100%; min-width: 1200px; height: 669px; margin-bottom: 110px; background: url(/images2/features/photo_effects/effect_2_2.jpg) no-repeat center;}
.effect-f-page .tale2 .content-box{ width: 1200px; height: 100%; text-align: left; margin: auto; position: relative;}
.effect-f-page .tale2 a{ color: #1e1e1e; text-decoration: underline;}
.effect-f-page .tale2 .des{ position: absolute; bottom: 0; left: 0; width: 400px !important; margin: 0 !important; text-align: left !important;}
.effect-f-page .more-effects{ width: 1200px; margin: 100px auto 100px; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; text-align: center;}
.effect-f-page .more-effects .title,.effect-f-page .tale1 .title{ font-size: 18px; font-weight: bold; color: #1e1e1e; text-transform: uppercase; letter-spacing: 4px; text-align: center; line-height: 26px; display: inline-block; border-bottom: 2px solid #1e1e1e;}
.effect-f-page .more-effects .des,.effect-f-page .tale2 .des{ width: 800px; margin:42px auto 62px; text-align: center; font-size: 14px; font-family: 'sintonyregular', Arial, Helvetica, sans-serif; color: #1e1e1e; line-height: 30px;}
.effect-f-page .more-effects .effects-holder{ width: 1200px; margin: auto; position: relative; height: 835px;}
.effect-f-page .more-effects .effects-holder .one-effects{ position: absolute; display: block; cursor: pointer; width: 380px; user-select: none; -webkit-user-select: none; -moz-user-select: none; left: 0; top: 0;
    -webkit-box-shadow: rgba(0,0,0,0.10) 0px 3px 5px;
    -moz-box-shadow: rgba(0,0,0,0.10) 0px 3px 5px;
    box-shadow: rgba(0,0,0,0.10) 0px 3px 5px;
}
.effect-f-page .more-effects .effects-holder .one-effects img{ display: block;}
.effect-f-page .more-effects .effects-holder .one-effects .effect-name{ position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; background: rgba(0,0,0,0.4); opacity: 0; font-size: 18px; letter-spacing: 4px; color: #DCDCDC; text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.effect-f-page .more-effects .effects-holder .one-effects .more{ width: 6px; height: 10px; display: inline-block; background: url(/images2/features/photo_effects/arrow_defult.png) no-repeat;}
.effect-f-page .more-effects .effects-holder .one-effects:hover .effect-name{ opacity: 1;}
.effect-f-page .more-effects .effects-holder .one-effects:active .effect-name{ color: #ac975e;}
.effect-f-page .more-effects .effects-holder .one-effects:active .more{ background: url(/images2/features/photo_effects/arrow_pressed.png) no-repeat;}

.effect-f-page .more-effects .effects-holder .one-effects.one-effects-1{left: 0; top: 0;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-2{ left: 410px; top: 0;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-3{ left: 820px; top: 0;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-4{ left: 0; top: 570px;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-5{ left: 410px; top: 290px;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-6{ left: 820px; top: 570px;}

.effect-f-page .more-effects .effects-holder .one-effects.one-effects-1 .effect-name{ line-height: 540px;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-2 .effect-name{ line-height: 260px;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-3 .effect-name{ line-height: 540px;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-4 .effect-name{ line-height: 260px;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-5 .effect-name{ line-height: 540px;}
.effect-f-page .more-effects .effects-holder .one-effects.one-effects-6 .effect-name{ line-height: 260px;}


/* new features */
/* text features */
.feature-wrapper{ width: 100%; height: auto; margin: auto;}
.text-slider{ height: 860px; margin-top: 54px;}
.text-slider .fotor-demo-wrapper{ width: 58%; height: 100%; float: left; position: relative;}
.text-slider .fotor-demo-wrapper .img-bg{ position: absolute; z-index: 4; width: 100%; height: 100%; background: url(/images2/features/text/bg_1.jpg) no-repeat center; background-size: cover; box-shadow: inset -5px 0 5px rgba(0,0,0,0.2);}
.text-slider .fotor-demo-wrapper .text{ width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 5;}
.text-slider .fotor-demo-wrapper .text .alwaysShowText{ width: 654px; font-size: 16px; line-height: 28px; letter-spacing: 2px; color: #ffffff; text-align: center; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -327px; font-family: "sintonyregular";}
.text-slider .fotor-demo-wrapper .gray-line-white-btn{ display: block; position: absolute; top: 50%; left: 50%; margin: 40px 0 0 -98px; width: 196px; height: 56px; text-align: center; line-height: 56px; border: 2px solid #ffffff; border-radius: 5px; font-size: 16px; text-transform: uppercase; color: #3c3c3c; background: #ffffff;  -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s;}
.text-slider .fotor-demo-wrapper .gray-line-white-btn:hover{ background: #ffffff; border-color: #ffffff; color: #3c3c3c;}
.text-slider .fotor-demo-wrapper .gray-line-white-btn:active{ background: #d2d2d2; border-color: #d2d2d2; color: #a0a0a0; }
/*文字 及 动画*/
.text-slider .fotor-demo-wrapper .text .step_01{ width: 100%; height: 90px; position: absolute; top: 50%; left: 0; margin: -125px 0 0 0; background: url("/images2/features/text/text_1.png") no-repeat center 0; filter: alpha(opacity=0); opacity: 0;}
.text-slider .fotor-demo-wrapper.scene-font .step_01{
    pointer-events: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate3d(0px,-50%,0);
    -webkit-transform: translate3d(0px,-50%,0);
    transform: translate3d(0px,-50%,0);
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-animation: backgroundAnim 6s steps(1) infinite;
    -moz-animation: backgroundAnim 6s steps(1) infinite;
    -o-animation: backgroundAnim 6s steps(1) infinite;
    animation: backgroundAnim 6s steps(1) infinite;
}
@-webkit-keyframes backgroundAnim{
    0%{background-position:center 0}
    33%{background-position:center 50%}
    66%{background-position:center 100%}
}
@-moz-keyframes backgroundAnim{
    0%{background-position:0 0}
    33%{background-position:0 50%}
    66%{background-position:0 100%}
}
@-o-keyframes backgroundAnim{
    0%{background-position:0 0}
    33%{background-position:0 50%}
    66%{background-position:0 100%}
}
@keyframes backgroundAnim{
    0%{background-position:center 0}
    33%{background-position:center 50%}
    66%{background-position:center 100%}
}

.text-slider .fotor-demo-wrapper .step_02{ text-align: center; width: 960px; height: 123px; position: absolute; top: 50%; left: 50%; margin: -125px 0 0 -480px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; font-size: 40px; color: #fff; filter: alpha(opacity=0); opacity: 0;}
.text-slider .fotor-demo-wrapper.scene-size .step_02{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-animation: fontSizeAnim 6s ease normal infinite;
    -moz-animation: fontSizeAnim 6s ease normal infinite;
    -o-animation: fontSizeAnim 6s ease normal infinite;
    animation: fontSizeAnim 6s ease normal infinite;
}
@-webkit-keyframes fontSizeAnim{
    0%{ font-size: 80px;}
    8%{ font-size: 40px;}
    33%{ font-size: 40px;}
    41%{ font-size: 60px;}
    66%{ font-size: 60px;}
    74%{ font-size: 80px;}
    100%{ font-size: 80px;}
}
@-moz-keyframes fontSizeAnim{
    0%{ font-size: 80px;}
    8%{ font-size: 40px;}
    33%{ font-size: 40px;}
    41%{ font-size: 60px;}
    66%{ font-size: 60px;}
    74%{ font-size: 80px;}
    100%{ font-size: 80px;}
}
@-o-keyframes fontSizeAnim{
    0%{ font-size: 80px;}
    8%{ font-size: 40px;}
    33%{ font-size: 40px;}
    41%{ font-size: 60px;}
    66%{ font-size: 60px;}
    74%{ font-size: 80px;}
    100%{ font-size: 80px;}
}
@keyframes fontSizeAnim{
    0%{ font-size: 80px;}
    8%{ font-size: 40px;}
    33%{ font-size: 40px;}
    41%{ font-size: 60px;}
    66%{ font-size: 60px;}
    74%{ font-size: 80px;}
    100%{ font-size: 80px;}
}

.text-slider .fotor-demo-wrapper .step_03{ text-align: center; width: 654px; height: 123px; position: absolute; top: 50%; left: 50%; margin: -125px 0 0 -327px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; font-size: 40px; color: #fff; filter: alpha(opacity=0); opacity: 0;}
.text-slider .fotor-demo-wrapper.scene-format .step_03{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-animation: fontFormatAnim 6s ease normal infinite;
    -moz-animation: fontFormatAnim 6s ease normal infinite;
    -o-animation: fontFormatAnim 6s ease normal infinite;
    animation: fontFormatAnim 6s ease normal infinite;
}
@-webkit-keyframes fontFormatAnim{
    0%{ margin-left: -232px;}
    8%{ margin-left: -327px;}
    33%{ margin-left: -327px;}
    41%{ margin-left: -422px;}
    66%{ margin-left: -422px;}
    74%{ margin-left: -232px;}
    100%{ margin-left: -232px;}
}
@-moz-keyframes fontFormatAnim{
    0%{ margin-left: -232px;}
    8%{ margin-left: -327px;}
    33%{ margin-left: -327px;}
    41%{ margin-left: -422px;}
    66%{ margin-left: -422px;}
    74%{ margin-left: -232px;}
    100%{ margin-left: -232px;}
}
@-o-keyframes fontFormatAnim{
    0%{ margin-left: -232px;}
    8%{ margin-left: -327px;}
    33%{ margin-left: -327px;}
    41%{ margin-left: -422px;}
    66%{ margin-left: -422px;}
    74%{ margin-left: -232px;}
    100%{ margin-left: -232px;}
}
@keyframes fontFormatAnim{
    0%{ margin-left: -232px;}
    8%{ margin-left: -327px;}
    33%{ margin-left: -327px;}
    41%{ margin-left: -422px;}
    66%{ margin-left: -422px;}
    74%{ margin-left: -232px;}
    100%{ margin-left: -232px;}
}

.text-slider .fotor-demo-wrapper .step_04{ text-align: center; width: 654px; height: 123px; position: absolute; top: 50%; left: 50%; margin: -125px 0 0 -327px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; font-size: 45px; font-weight: bold; color: #fff; filter: alpha(opacity=0); opacity: 0;}
.text-slider .fotor-demo-wrapper.scene-color .step_04{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-animation: fontColorAnim 6s ease normal infinite;
    -moz-animation: fontColorAnim 6s ease normal infinite;
    -o-animation: fontColorAnim 6s ease normal infinite;
    animation: fontColorAnim 6s ease normal infinite;
}
@-webkit-keyframes fontColorAnim{
    0%{ color: #000000;}
    8%{ color: #ffffff;}
    33%{ color: #ffffff;}
    41%{ color: #e1d282;}
    66%{ color: #e1d282;}
    74%{ color: #000000;}
    100%{ color: #000000;}
}
@-moz-keyframes fontColorAnim{
    0%{ color: #000000;}
    8%{ color: #ffffff;}
    33%{ color: #ffffff;}
    41%{ color: #e1d282;}
    66%{ color: #e1d282;}
    74%{ color: #000000;}
    100%{ color: #000000;}
}
@-o-keyframes fontColorAnim{
    0%{ color: #000000;}
    8%{ color: #ffffff;}
    33%{ color: #ffffff;}
    41%{ color: #e1d282;}
    66%{ color: #e1d282;}
    74%{ color: #000000;}
    100%{ color: #000000;}
}
@keyframes fontColorAnim{
    0%{ color: #000000;}
    8%{ color: #ffffff;}
    33%{ color: #ffffff;}
    41%{ color: #e1d282;}
    66%{ color: #e1d282;}
    74%{ color: #000000;}
    100%{ color: #000000;}
}

.text-slider .fotor-demo-wrapper .step_05{ text-align: center; width: 654px; height: 123px; position: absolute; top: 50%; left: 50%; margin: -125px 0 0 -327px; font-family: 'AndrewFootitVirtusSansLight', Arial, Helvetica, sans-serif; font-size: 45px; font-weight: bold; color: #fff; filter: alpha(opacity=0); opacity: 0;}
.text-slider .fotor-demo-wrapper.scene-trans .step_05{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-animation: fontTransAnim 6s ease normal infinite;
    -moz-animation: fontTransAnim 6s ease normal infinite;
    -o-animation: fontTransAnim 6s ease normal infinite;
    animation: fontTransAnim 6s ease normal infinite;
}
@-webkit-keyframes fontTransAnim{
    0%{ opacity: 1;}
    8%{  opacity: 0.2;}
    33%{ opacity: 0.2;}
    41%{ opacity: 0.6;}
    66%{ opacity: 0.6;}
    74%{ opacity: 1;}
    100%{ opacity: 1;}
}
@-moz-keyframes fontTransAnim{
    0%{ opacity: 1;}
    8%{  opacity: 0.2;}
    33%{ opacity: 0.2;}
    41%{ opacity: 0.6;}
    66%{ opacity: 0.6;}
    74%{ opacity: 1;}
    100%{ opacity: 1;}
}
@-o-keyframes fontTransAnim{
    0%{ opacity: 1;}
    8%{  opacity: 0.2;}
    33%{ opacity: 0.2;}
    41%{ opacity: 0.6;}
    66%{ opacity: 0.6;}
    74%{ opacity: 1;}
    100%{ opacity: 1;}
}
@keyframes fontTransAnim{
    0%{ opacity: 1;}
    8%{  opacity: 0.2;}
    33%{ opacity: 0.2;}
    41%{ opacity: 0.6;}
    66%{ opacity: 0.6;}
    74%{ opacity: 1;}
    100%{ opacity: 1;}
}

/*面板 及 动画*/
.text-slider .fotor-demo-wrapper .sidebar-text{ width: 280px; position: absolute; z-index: 6; filter: alpha(opacity=0); opacity: 0;
    -moz-transform: translate3d(10px,0,0);
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
    -moz-transition: opacity .3s,-moz-transform .3s;
    -o-transition: opacity .3s,-o-transform .3s;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
}
.text-slider .fotor-demo-wrapper .sidebar-text .circle-btn{ width: 12px; height: 12px; background: url("/images2/features/text/circle-btn.png") no-repeat; position: absolute;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-font{ height: 430px; top: 265px; right: -5%; background: url("/images2/features/text/panle_1.png") no-repeat;}
.text-slider .fotor-demo-wrapper.scene-font .sidebar-text.sidebar-text-font{
    filter: alpha(opacity=1);
    opacity: 1;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-animation: littlePanleAnim 6s steps(1) infinite;
    -moz-animation: littlePanleAnim 6s steps(1) infinite;
    -o-animation: littlePanleAnim 6s steps(1) infinite;
    animation: littlePanleAnim 6s steps(1) infinite;
}
@-webkit-keyframes littlePanleAnim{
    0%{background-position:0 0}
    33%{background-position:50% 0}
    66%{background-position:100% 0}
}
@-moz-keyframes littlePanleAnim{
    0%{background-position:0 0}
    33%{background-position:50% 0}
    66%{background-position:100% 0}
}
@-o-keyframes littlePanleAnim{
    0%{background-position:0 0}
    33%{background-position:50% 0}
    66%{background-position:100% 0}
}
@keyframes littlePanleAnim{
    0%{background-position:0 0}
    33%{background-position:50% 0}
    66%{background-position:100% 0}
}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-size{ height: 430px; top: 375px; right: -5%; background: url("/images2/features/text/panle_2.png") no-repeat;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-size .circle-btn{ top:124px; left: 60px;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-size .size-content{ width: 50px; height: 20px; line-height: 20px; position: absolute; top: 120px; left: 160px; overflow: hidden; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-size .size-content span{ display: block; width: 50px; height: 20px;}
.text-slider .fotor-demo-wrapper.scene-size .sidebar-text.sidebar-text-size{
    filter: alpha(opacity=1);
    opacity: 1;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.text-slider .fotor-demo-wrapper.scene-size .circle-btn{
    -webkit-animation: fontSizeBarAnim 6s ease normal infinite;
    -moz-animation: fontSizeBarAnim 6s ease normal infinite;
    -o-animation: fontSizeBarAnim 6s ease normal infinite;
    animation: fontSizeBarAnim 6s ease normal infinite;
}
.text-slider .fotor-demo-wrapper.scene-size .size-num-anim{
    -webkit-animation: fontSizeNumAnim 6s steps(1) normal infinite;
    -moz-animation: fontSizeNumAnim 6s steps(1) normal infinite;
    -o-animation: fontSizeNumAnim 6s steps(1) normal infinite;
    animation: fontSizeNumAnim 6s steps(1) normal infinite;
}
@-webkit-keyframes fontSizeBarAnim{
    0%{ left: 100px;}
    8%{ left: 60px;}
    33%{ left: 60px;}
    41%{ left: 80px;}
    66%{ left: 80px;}
    74%{ left: 100px;}
    100%{ left: 100px;}
}
@-moz-keyframes fontSizeBarAnim{
    0%{ left: 100px;}
    8%{ left: 60px;}
    33%{ left: 60px;}
    41%{ left: 80px;}
    66%{ left: 80px;}
    74%{ left: 100px;}
    100%{ left: 100px;}
}
@-o-keyframes fontSizeBarAnim{
    0%{ left: 100px;}
    8%{ left: 60px;}
    33%{ left: 60px;}
    41%{ left: 80px;}
    66%{ left: 80px;}
    74%{ left: 100px;}
    100%{ left: 100px;}
}
@keyframes fontSizeBarAnim{
    0%{ left: 100px;}
    8%{ left: 60px;}
    33%{ left: 60px;}
    41%{ left: 80px;}
    66%{ left: 80px;}
    74%{ left: 100px;}
    100%{ left: 100px;}
}
@-webkit-keyframes fontSizeNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}
@-moz-keyframes fontSizeNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}
@-o-keyframes fontSizeNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}
@keyframes fontSizeNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}

.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-format{ height: 430px; top: 485px; right: -5%; background: url("/images2/features/text/panle_3.png") no-repeat;}
.text-slider .fotor-demo-wrapper.scene-format .sidebar-text.sidebar-text-format{
    filter: alpha(opacity=1);
    opacity: 1;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-animation: littlePanleAnim 6s steps(1) infinite;
    -moz-animation: littlePanleAnim 6s steps(1) infinite;
    -o-animation: littlePanleAnim 6s steps(1) infinite;
    animation: littlePanleAnim 6s steps(1) infinite;
}

.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color{ height: 430px; top: 595px; right: -5%; background: url("/images2/features/text/panle_4.png") no-repeat;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color .circle{ position: absolute; width: 16px; height: 16px; background: url("/images2/features/text/anniu_1.png") no-repeat; top:124px; left: 60px;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color .square-bar{ width: 12px; height: 24px; position: absolute; top: 149px; left: 230px; background: url("/images2/features/text/anniu_2.png") no-repeat;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color .color-box,.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color .color-text{ height: 20px; width: 64px; overflow: hidden; position: absolute; top:35px; left: 43px; text-transform: uppercase;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color .color-text{ left: 135px;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color .color-box span,.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-color .color-text span{ display: block; width: 100%; height: 100%;}
.text-slider .fotor-demo-wrapper.scene-color .sidebar-text.sidebar-text-color{
    filter: alpha(opacity=1);
    opacity: 1;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.text-slider .fotor-demo-wrapper.scene-color .color-box-anim,.text-slider .fotor-demo-wrapper.scene-color .color-text-anim{
    -webkit-animation: colorBoxAnim 6s steps(1) normal infinite;
    -moz-animation: colorBoxAnim 6s steps(1) normal infinite;
    -o-animation: colorBoxAnim 6s steps(1) normal infinite;
    animation: colorBoxAnim 6s steps(1) normal infinite;
}
@-webkit-keyframes colorBoxAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}
@-moz-keyframes colorBoxAnim{
    0%{ transform: translate(0,-20px);}
    33%{transform: translate(0,-40px);}
    66%{transform: translate(0,0);}
}
@-o-keyframes colorBoxAnim{
    0%{ transform: translate(0,-20px);}
    33%{transform: translate(0,-40px);}
    66%{transform: translate(0,0);}
}
@keyframes colorBoxAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}

.text-slider .fotor-demo-wrapper.scene-color .square-bar{
    -webkit-animation: fontColorChosAnim 6s ease normal infinite;
    -moz-animation: fontColorChosAnim 6s ease normal infinite;
    -o-animation: fontColorChosAnim 6s ease normal infinite;
    animation: fontColorChosAnim 6s ease normal infinite;
}
@-webkit-keyframes fontColorChosAnim{
    0%{ left: 37px;}
    8%{ left: 230px;}
    33%{ left: 230px;}
    41%{ left: 135px;}
    66%{ left: 135px;}
    74%{ left: 37px;}
    100%{ left: 37px;}
}
@-moz-keyframes fontColorChosAnim{
    0%{ left: 37px;}
    8%{ left: 230px;}
    33%{ left: 230px;}
    41%{ left: 135px;}
    66%{ left: 135px;}
    74%{ left: 37px;}
    100%{ left: 37px;}
}
@-o-keyframes fontColorChosAnim{
    0%{ left: 37px;}
    8%{ left: 230px;}
    33%{ left: 230px;}
    41%{ left: 135px;}
    66%{ left: 135px;}
    74%{ left: 37px;}
    100%{ left: 37px;}
}
@keyframes fontColorChosAnim{
    0%{ left: 37px;}
    8%{ left: 230px;}
    33%{ left: 230px;}
    41%{ left: 135px;}
    66%{ left: 135px;}
    74%{ left: 37px;}
    100%{ left: 37px;}
}

.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-trans{ height: 430px; top: 705px; right: -5%; background: url("/images2/features/text/panle_5.png") no-repeat;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-trans .circle-btn{ top:51px; left: 70px;}
.text-slider .fotor-demo-wrapper .sidebar-text.sidebar-text-trans .trans-content{ width: 50px; height: 20px; line-height: 20px; position: absolute; top: 28px; left: 210px; overflow: hidden; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; }
.text-slider .fotor-demo-wrapper.scene-trans .sidebar-text.sidebar-text-trans{
    filter: alpha(opacity=1);
    opacity: 1;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.text-slider .fotor-demo-wrapper.scene-trans .circle-btn{
    -webkit-animation: transBarAnim 6s ease normal infinite;
    -moz-animation: transBarAnim 6s ease normal infinite;
    -o-animation: transBarAnim 6s ease normal infinite;
    animation: transBarAnim 6s ease normal infinite;
}
.text-slider .fotor-demo-wrapper.scene-trans .trans-num-anim{
    -webkit-animation: transNumAnim 6s steps(1) normal infinite;
    -moz-animation: transNumAnim 6s steps(1) normal infinite;
    -o-animation: transNumAnim 6s steps(1) normal infinite;
    animation: transNumAnim 6s steps(1) normal infinite;
}
@-webkit-keyframes transBarAnim{
    0%{ left: 227px;}
    8%{ left: 70px;}
    33%{ left: 70px;}
    41%{ left: 150px;}
    66%{ left: 150px;}
    74%{ left: 227px;}
    100%{ left: 227px;}
}
@-moz-keyframes transBarAnim{
    0%{ left: 227px;}
    8%{ left: 70px;}
    33%{ left: 70px;}
    41%{ left: 150px;}
    66%{ left: 150px;}
    74%{ left: 227px;}
    100%{ left: 227px;}
}
@-o-keyframes transBarAnim{
    0%{ left: 227px;}
    8%{ left: 70px;}
    33%{ left: 70px;}
    41%{ left: 150px;}
    66%{ left: 150px;}
    74%{ left: 227px;}
    100%{ left: 227px;}
}
@keyframes transBarAnim{
    0%{ left: 227px;}
    8%{ left: 70px;}
    33%{ left: 70px;}
    41%{ left: 150px;}
    66%{ left: 150px;}
    74%{ left: 227px;}
    100%{ left: 227px;}
}
@-webkit-keyframes transNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}
@-moz-keyframes transNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}
@-o-keyframes transNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}
@keyframes transNumAnim{
    0%{ transform: translate(0,0);}
    33%{transform: translate(0,-20px);}
    66%{transform: translate(0,-40px);}
}



.text-slider .feature-descritption{ width: 32%; height: 100%; margin-left: 5%; float: left; font-size: 10px; font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;}
.text-slider .feature-descritption .title{ height: 190px; border-bottom: 1px solid #c8c8c8; color: #323232;}
.text-slider .feature-descritption .title h1{ font-weight: normal; font-size: 2.4em; letter-spacing: 0.15em; line-height: 3.0em; padding-top: 25px; text-transform: uppercase;  text-align: center; }
.text-slider .feature-descritption .title .des{ font-size: 14px; color: #787878; line-height: 1.8em; font-weight: normal; font-family: 'sintonyregular', Arial, Helvetica, sans-serif;}
.text-slider .feature-descritption .feature-list{ width: 100%; padding: 70px 0;}
ul.text-slider-a-list{ list-style: none;}
ul.text-slider-a-list li{ float: left; width: 100%; height: 56px; margin-bottom: 54px; position: relative;}
ul.text-slider-a-list li a{ display: block; width: 230px; height: 56px; color: #787878; }
ul.text-slider-a-list li .icon-feature{ width: 56px; height: 56px; float: left; position: relative;}
ul.text-slider-a-list li .name-feature{ width: 150px; height: 56px; float: left; margin-left: 24px; font-size: 20px; letter-spacing: 2px; line-height: 56px; font-weight: normal;}
ul.text-slider-a-list li .des-feature{ position: absolute; left: 250px; right: 0; top: 10px; font-size: 1.4em; font-weight: normal; line-height: 1.7em; letter-spacing: 2px;
    font-family: 'sintonyregular', Arial, Helvetica, sans-serif;
    opacity: 0;
    -moz-transform: translate3d(0,-20px,0);
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    -moz-transition: opacity .3s,-moz-transform .3s;
    -o-transition: opacity .3s,-o-transform .3s;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
}
ul.text-slider-a-list .icon-feature .bg{ position: absolute; z-index: 1; width: 56px; height: 56px;}
ul.text-slider-a-list .icon-feature .img{ position: absolute; z-index: 2;  width: 56px; height: 56px;}
ul.text-slider-a-list li a .icon-feature .bg{ background: #f0f0f0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;-webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; }
ul.text-slider-a-list li a:hover .icon-feature .bg{ background: #323232;}
ul.text-slider-a-list li a:active .icon-feature .bg{ background: #c8c8c8;}

li.feature-text-font .icon-feature .bg{}
li.feature-text-font .icon-feature .img{ background: url("/images2/features/text/font_1.png") no-repeat center;}
li.feature-text-font a:hover .icon-feature .img{ background: url("/images2/features/text/font_2.png") no-repeat center;}

li.feature-text-size .icon-feature .bg{}
li.feature-text-size .icon-feature .img{ background: url("/images2/features/text/size_1.png") no-repeat center;}
li.feature-text-size a:hover .icon-feature .img{ background: url("/images2/features/text/size_2.png") no-repeat center;}

li.feature-text-format .icon-feature .bg{}
li.feature-text-format .icon-feature .img{ background: url("/images2/features/text/format_1.png") no-repeat center;}
li.feature-text-format a:hover .icon-feature .img{ background: url("/images2/features/text/format_2.png") no-repeat center;}

li.feature-text-color .icon-feature .bg{}
li.feature-text-color .icon-feature .img{ background: url("/images2/features/text/color_1.png") no-repeat center;}
li.feature-text-color a:hover .icon-feature .img{ background: url("/images2/features/text/color_2.png") no-repeat center;}

li.feature-text-trans .icon-feature .bg{}
li.feature-text-trans .icon-feature .img{ background: url("/images2/features/text/Transparency_1.png") no-repeat center;}
li.feature-text-trans a:hover .icon-feature .img{ background: url("/images2/features/text/Transparency_2.png") no-repeat center;}

ul.text-slider-a-list li.feature-active .des-feature{
    opacity: 1;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


@media only screen and (max-width: 1000px) {
    .text-slider .feature-descritption{ font-size: 5px;}
    ul.text-slider-a-list li .des-feature{ display: none;}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .text-slider .feature-descritption{ font-size: 6px;}
    ul.text-slider-a-list li .des-feature{ display: none;}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .text-slider .feature-descritption{ font-size: 7px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .text-slider .feature-descritption{ font-size: 8px;}
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .text-slider .feature-descritption{ font-size: 9px;}
}

/* new features */

.feature-top-box{ width: 100%; height: auto; position: relative;}

.text-title-box{ width: 100%; text-align: center; color: #323232; position: absolute; top: 30%; font-size: 10px;}
.text-title-box h1{ font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif; font-size: 6em; letter-spacing: 24px; line-height: 1.5em; font-weight: normal; text-transform: uppercase; }
.text-title-box h2{ font-family: 'sintonyregular', Arial, Helvetica, sans-serif; font-size: 3.2em; letter-spacing: 6px; line-height: 1.5em; font-weight: normal; margin-bottom: 50px; }



.photo-stitching .big-img-bg{ background: url("/images2/features/photo_stitching/banner_bg.jpg") no-repeat center; background-size: 100% 100%; height:510px; overflow: hidden; }

.feature-des-box{ width: 100%; height: auto; margin:190px auto 0;}
#indexdiv .get-start-btn.btn_left{ margin:50px 0 0;}
.row{ width: 100%; margin: auto; font-size: 10px; position: relative;}
.row.maxw1400{ width: 90%; max-width: 1400px;}
.row.maxw1240{ width: 95%; max-width: 1240px;}
.row.maxw1164{ width: 95%; max-width: 1164px;}
.row.maxw1340{ width: 95%; max-width: 1340px;}
.row.maxw1300{ width: 95%; max-width: 1300px;}
.row.maxw1200{ width: 95%; max-width: 1200px;}
.row.maxw1050{ width: 95%; max-width: 1050px;}
.row.maxw1140{ width: 95%; max-width: 1140px;}
.row.maxw1120{ width: 95%; max-width: 1120px;}
.row.margTop190{ margin-top: 190px;}
.row.maxw1160{ width: 90%; max-width: 1160px;}
.row.margTop160{ margin-top: 96px;}
.row.text-center{ text-align: center;}
.row .thumbnail{}
/*.row .thumbnail img.big-img{ width: 100%; }*/
.row #sampleGraph{  opacity: 0;}
.row .thumbnail.thumbnail-left{ float: left;}
.row .thumbnail.thumbnail-right{ float: right;}
.row.row2 .thumbnail-left,.row.row2 .thumbnail-right{ width: 46.5%;}
.row.row2_w4_6 .thumbnail-left{ width: 46.5%;}
.row.row2_w4_6 .thumbnail-right{ width: 40%;}
.row.maxw1340.row2 .thumbnail-left{ width: 53%;}
.row.maxw1340.row2 .thumbnail-right{ width: 35%;}
.row.maxw1300.row2 .thumbnail-left{ width: 52%;}
.row.maxw1300.row2 .thumbnail-right{ width: 35.5%;}
.row.maxw1140.row2 .thumbnail-left{ width: 42%;}
.row.maxw1140.row2 .thumbnail-right{ width: 44%;}
.row.maxw1140.row2 .thumbnail-right.vmiddle{ width: 44%; position: absolute; top: 50%; left: 56%; margin-top: -130px;}
.row.maxw1050.row2 .thumbnail-left{ width: 40.5%;}
.row.maxw1050.row2 .thumbnail-right{ width: 44.5%;}
.row.maxw1050.row2 .thumbnail-right.vmiddle{ width: 44.5%; position: absolute; top: 50%; left: 56%; margin-top: -130px;}

.row.maxw1120.row2 .thumbnail-left{ width: 46.5%;}
.row.maxw1120.row2 .thumbnail-right{ width: 45%;}

.row .text-title{ font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;  font-size: 4em; line-height: 1.4em; color: #1e1e1e; letter-spacing: 0.28em; text-transform: uppercase;}
.row .text-title.text-title2{ font-size: 3.5em;}
.row .h2-title{ font-family: "hussarbold", Arial, Helvetica, sans-serif; font-size: 2em; letter-spacing: 2px; line-height: 2em; font-weight: bold; text-transform: uppercase; color: #282828;}
.row .text-des{ font-family: 'sintonyregular', Arial, Helvetica, sans-serif; font-size: 1.6em;  line-height: 2.2em; color: #878787; margin-top: 40px; }
.row .text-des2{ font-family: 'sintonyregular', Arial, Helvetica, sans-serif; font-size: 1.4em;  line-height: 2.2em; color: #8c8c8c; margin-top: 20px; }
.row .text-des3{ font-family: 'sintonyregular', Arial, Helvetica, sans-serif; font-size: 1.4em;  line-height: 2.5em; color: #8c8c8c; }
.row .h3-title{ font-size: 2em; font-family: "hussarbold", Arial, Helvetica, sans-serif;  color: #282828; text-transform: uppercase; }
.row .span-line { display: inline-block; width: 32px; height: 1px; background-color: #8c8c8c; margin: 32px 0 36px;}

.row .text-des a,.row .text-des2 a,.row .text-des3 a{ color: #8c8c8c; text-decoration: underline;}

.icon-links .tools{
    max-width: 1200px;
    margin: 50px auto 0;
}
.icon-links .tools ul{
    list-style: none;
}

.icon-links .tools ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.icon-links .tools ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.icon-links .tools ul li .features-icon{
    width: 115px;
    height:115px;
    margin: auto;
}
.icon-links .tools ul li .features-icon.features-icon-1{
    background: url(/images2/features/collage/icon-1-1.png) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-1:hover{
    background: url(/images2/features/collage/icon-1-2.png) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-1:active{
    background: url(/images2/features/collage/icon-1-3.png) no-repeat center;
    background-size: 100%;
}

.icon-links .tools ul li .features-icon.features-icon-2{
    background: url(/images2/features/collage/icon-2-1.png?v=5.4.9.2016092801) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-2:hover{
    background: url(/images2/features/collage/icon-2-2.png?v=5.4.9.2016092801) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-2:active{
    background: url(/images2/features/collage/icon-2-3.png?v=5.4.9.2016092801) no-repeat center;
    background-size: 100%;
}

.icon-links .tools ul li .features-icon.features-icon-3{
    background: url(/images2/features/collage/icon-3-1.png) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-3:hover{
    background: url(/images2/features/collage/icon-3-2.png) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-3:active{
    background: url(/images2/features/collage/icon-3-3.png) no-repeat center;
    background-size: 100%;
}

.icon-links .tools ul li .features-icon.features-icon-4{
    background: url(/images2/features/collage/icon-4-1.png) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-4:hover{
    background: url(/images2/features/collage/icon-4-2.png) no-repeat center;
    background-size: 100%;
}
.icon-links .tools ul li .features-icon.features-icon-4:active{
    background: url(/images2/features/collage/icon-4-3.png) no-repeat center;
    background-size: 100%;
}

.icon-links .tools ul li .features-name{
    margin: 3vh 0;
    font-size: 16px;
    color: #505050;
    font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.icon-links .tools ul li .txt-underline{
    width: 40px;
    height: 1px;
    border-top: 1px solid #787878;
    margin: auto;
}


.stickers-features .big-img-bg,.facebook-features .big-img-bg,.youtube-features .big-img-bg,.frames-features .big-img-bg,.background-features .big-img-bg{ background: url("/images2/features/feature_banners.jpg") no-repeat center; background-size: 100% 100%; height:480px; overflow: hidden; }

.text-title-box2{ width: 100%; text-align: center; color: #323232; position: absolute; top: 30%; font-size: 10px;}
.text-title-box2 h1{ font-family: "hussarbold", Arial, Helvetica, sans-serif; font-size: 2.8em; letter-spacing: 3px; line-height: 2em; font-weight: bold; text-transform: uppercase; color:#fff; }
.text-title-box2 h2{ font-family: "hussarbold", Arial, Helvetica, sans-serif; font-size: 2.8em; letter-spacing: 3px; line-height: 2em; font-weight: bold; text-transform: uppercase; color:#fff; }
.text-title-box2 h3{ font-family: 'sintonyregular', Arial, Helvetica, sans-serif; font-size: 1.4em; letter-spacing: 0; line-height: 2em; font-weight: normal; margin-bottom: 20px; color: #c8c8c8; }
#indexdiv .get-start-btn-s2,#indexdiv .get-start-btn-s3{
    display: block;
    margin: auto;
    text-align: center;
    line-height: 52px;
    width: 172px;
    border: 0;
    font-size: 14px;
    color: #3c3c3c;
    font-weight: normal;
    background: #EBEBEB;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    border-radius: 5px;
    font-family: 'sintonyregular', Arial, Helvetica, sans-serif;
}
#indexdiv .get-start-btn-s2:hover{color: #141414; background: #ffffff;}
#indexdiv .get-start-btn-s2:active{color: #787878; background: #c8c8c8;}
#indexdiv .get-start-btn-s3{ background: #3c3c3c; color: #e1e1e1;}
#indexdiv .get-start-btn-s3:hover{color: #f5f5f5; background: #282828;}
#indexdiv .get-start-btn-s3:active{color: #ffffff; background: #141414;}
#indexdiv .get-start-btn-s3.btn_left{ float: left; margin: 30px 0 0 0;}

.features-tag-list{ width: 1000px; position: relative; margin: 95px auto 0; font-size: 0 !important;}
.features-tag-list .move_underline{ width: 100px; height: 1px; background: #282828; position: absolute; top: 26px; left: 0; display: none;}
.features-tag-list a{ display: inline-block; line-height: 25px; font-family: 'sintonyregular', Arial, Helvetica, sans-serif; color: #a0a0a0; font-size: 14px; padding: 0 25px;}
.features-tag-list a:hover{ color: #505050;}
.features-tag-list a:active{ color: #141414;}
.features-tag-list a.on{ color: #141414;}

.features-img-list{ margin-top: 50px; box-sizing: border-box;}
.features-img-list a{ display: block; float: left; width: 25%; height: auto; border: 2px solid #fff; padding: 6px; box-sizing: border-box; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.features-img-list a img{ width: 100%; height: auto;}
.features-img-list a:hover{ border:2px solid #282828;}

.features-img-list.row_imgs_3 a{width: 33.3%;}
.features-img-list.row_imgs_4 a{width: 25%;}
.features-img-list.row_imgs_5 a{width: 20%;}
.features-img-list.row_imgs_6 a{width: 16.6%;}
.features-img-list a.features-img-list-item1{ display: none;}

.guide_steps{ background: #F5F5F5; font-family: 'sintonyregular', Arial, Helvetica, sans-serif; padding: 96px 0; margin-top: 96px; text-align: center; }
.guide_steps ul.steps_list{ list-style: none; margin: 120px auto 0; width: 95%; max-width: 1376px; text-align: left; }
.guide_steps ul.steps_list.steps3{ max-width: 1000px;}
.guide_steps ul.steps_list li{ float: left; width: 17%; height: 190px; padding-right: 7%; margin-right: 3%; background: url("/images2/features/feature_lines.png") no-repeat right bottom; }
.guide_steps ul.steps_list.steps3 li{ width: 24%; padding-right: 10%; margin-right: 4%;}
.guide_steps ul.steps_list li.last-child{ padding-right: 0; margin-right: 0; background: none;}
.guide_steps ul.steps_list .steps-item-title span{font-size: 1.6em;  font-family: "hussarbold", Arial, Helvetica, sans-serif; font-weight: bold; color: #282828; text-transform: uppercase; margin-left: 16px; position: relative; bottom: 10px;}
.guide_steps ul.steps_list .steps-item-title i{ display: inline-block; width: 60px; height: 60px;}
.guide_steps ul.steps_list i.step1{ background: url("/images2/features/feature_step1.jpg") no-repeat center; background-size: 100%;}
.guide_steps ul.steps_list i.step2{ background: url("/images2/features/feature_step2.jpg") no-repeat center; background-size: 100%;}
.guide_steps ul.steps_list i.step3{ background: url("/images2/features/feature_step3.jpg") no-repeat center; background-size: 100%;}
.guide_steps ul.steps_list i.step4{ background: url("/images2/features/feature_step4.jpg") no-repeat center; background-size: 100%;}
.guide_steps ul.steps_list .steps-item-info{ color: #8c8c8c; font-size: 1.4em; line-height: 2.1em; margin-top: 20px;}

.other_features_link{ font-family: 'sintonyregular', Arial, Helvetica, sans-serif; padding: 96px 0; text-align: center;}
ul.features_link_list{list-style: none; margin: 98px auto 0; width: 95%; max-width: 1376px; text-align: center; }
ul.features_link_list li{ width: 21%; margin: 0 2%; float: left;}
ul.features_link_list li .name{ font-size: 1.6em; margin: 32px 0 10px; color: #000000; }
ul.features_link_list li .des{ font-size: 1.4em; line-height: 2em; color: #a0a0a0; height: 140px;}
ul.features_link_list li a.link{ font-size: 1.4em; margin: 14px 0 0; color: #505050; text-transform: uppercase;}
ul.features_link_list li a.link:hover{ color: #282828;}
ul.features_link_list li a.link:active{ color: #141414;}
.feature-bottom-box{ width: 100%; height: 320px; background: url("/images2/features/feature_end_bg.jpg") no-repeat; background-size: 100% 100%; position: relative;}
.feature-bottom-box .text-title-box2{ top: 16%;}

/******************20151120 by niefan**********************************************************************************/
#login_panel, #register_panel,#resetPass_panel,#verifyTip_respons{border-radius: 4px;margin:auto; border:1px solid #dcdcdc; background:#ffffff;font-family: 'sintonyregular', Arial, Helvetica, sans-serif;}
#login_panel, #register_panel {width: 356px;height:432px;}
.logintitle{margin: 26px auto 18px; color: #282828;}
.login_remember, .terms_privacy{width: 274px;margin: 0 auto;font-family: 'sintonyregular', Arial, Helvetica, sans-serif;line-height: 24px;}
#userp a.c_fecebook{ width:272px; height:44px; margin:0 auto 25px; background:#3b5b98; font-size: 14px; color: #f0f0f0;text-transform: none;border-radius: 3px;}
#userp a.c_fecebook:hover{ background: #496fb7; color: #fafafa; text-decoration: none;}
#userp a.c_fecebook:active{ background: #314d81; color: #fff; text-decoration: none;}
.user_bg a#closesignin{ display:block; cursor:pointer; width:18px; height:18px; background:url(/images2/loginPanelClose_151120.png?v=5.4.9.2016092801) no-repeat; position:absolute; top:14px; right: 136px; z-index: 2;}
.user_bg a#closesignin:hover{ background-position: -18px;}
.user_bg a#closesignin:active{ background-position: -36px;}
.inputinfo{margin: -26px 0 0 0px;}
.inputtextbg_div{ width:272px; height:23px;}
.inputtextbg_div input{width: 272px;}
.emailInputBelowFb{ width:272px; min-height: 46px; margin:24px auto 6px;}
.passwordInputBelowFb{ width:272px; min-height: 46px; margin:0 auto;}
.loginPanelBottomBtn {margin:14px auto 0; text-align: center;line-height: 24px;font-family: 'sintonyregular', Arial, Helvetica, sans-serif;}
.d_checkbox{background: url(/images2/loginPanelCheckbox_151120.png?v=5.4.9.2016092801) no-repeat;height: 24px;width: 24px;float: left;overflow: hidden;cursor: pointer; margin-right: 4px;}
.d_checkbox:hover{ background-position: -24px;}
.d_checkbox.d_checkbox_on{ background-position: -48px;}
a.l_cb {line-height: 24px; color: #787878 !important;}

.go_sign_up {font-size: 12px;margin: 18px auto 14px;font-family: 'sintonyregular', Arial, Helvetica, sans-serif;}
a#lofin_btn, a#register_btn{width: 272px;height: 44px;border-radius: 3px;text-transform: none;}
.msg_box {font-family: 'sintonyregular', Arial, Helvetica, sans-serif;line-height: 20px;}
.terms_privacy {font-family: 'sintonyregular', Arial, Helvetica, sans-serif;}
a#see_membership{ color: #8c8c8c;}
a#see_membership span{ display: inline-block; *display:inline; *zoom:1; vertical-align:text-bottom; width: 18px; height: 18px; background: url(/images2/loginPanelMembership_151120.png?v=5.4.9.2016092801) no-repeat 0 0;}
a#see_membership:hover{ color: #bda460;}
a#see_membership:hover span{ background-position: -18px 0;}
a#see_membership:active{ color: #978540;}
a#see_membership:active span{ background-position: -36px 0;}
.signupPanelBottomBtn {margin:38px auto 0; text-align: center;}
#resetPass_panel, #verifyTip_respons{width: 536px;}
.btn-8g:before{border-radius: 3px;}
/***********************************************************************************************************************/

/******************************************************************************************************************************************************/
/*css for hdr only*/
.hdr-topBanner{background: url("/images2/features/hdr/hdr_topBanner.jpg") no-repeat center;background-size: 100% 100%;overflow: hidden;height: 400px;}
.midDescription {background: #F5F5F5;font-family: 'sintonyregular', Arial, Helvetica, sans-serif;padding: 96px 0;margin-top: 96px;text-align: center;}
ul.function-des{ width: 972px; height: auto; list-style: none; margin: 90px auto 0;}
ul.function-des li{ width: 394px; float: left; margin: 0 46px; box-shadow: 0 0 4px rgba(0,0,0,0.15);background-color:#ffffff;position:relative;}
ul.function-des li img{ width: 100%;}
ul.function-des li .text{ width: 100%; line-height: 64px; color: #8c8c8c; font-size: 14px;}

.function-des-mask{width: 100%;height: 100%;position:absolute;left: 0;top: 0;z-index: 1111;background-color: rgba(255,255,255,0);transition: all 0.2s;}
.function-des-mask h3{display:none;font-size: 14px;color: #464646;margin-top:65px;margin-bottom: 17px;text-align: center;font-weight: normal;}
.function-des-mask .middle-line{display:none;margin:auto;width: 30px;height: 1px;background-color: #c8c8c8;margin-bottom: 17px;}
.function-des-mask p{display:none;text-align: center;margin: auto;max-width: 90%;color: #646464;font-size: 14px;}
.function-des-mask:hover{background-color: rgba(255,255,255,1);}
.function-des-mask:hover h3,.function-des-mask:hover .middle-line,.function-des-mask:hover p{display:block;}

.hdr-using-procedure{ max-width: 1232px; width: 100%; margin:72px auto 0; font-size: 18px; line-height: 54px; color: #323232; text-align: left;}
.hdr-using-procedure p{ padding-left: 1.2%;}
.hdr-using-procedure ul{ list-style: none; width: 100%; height: auto; margin: auto;}
.hdr-using-procedure ul li{ float: left; width: 22.6%; margin: 0 1.2%; text-align: center; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.15);position:relative;}
.hdr-using-procedure ul li img{ width: 100%;}
.hdr-using-procedure ul li .text{ width: 100%; line-height: 52px; color: #323232; font-size: 14px;}
.hdr-using-procedure-mask{width: 100%;height: 100%;position:absolute;left: 0;top: 0;z-index: 1111;background-color: rgba(255,255,255,0);transition: all 0.2s;}
.hdr-using-procedure-mask p{opacity: 0;text-align: center;margin: auto;max-width: 90%;color: #646464;font-size: 14px;line-height: 1.4em;padding:95px 0 53px;}
.hdr-using-procedure-mask a{opacity: 0;display: block;margin: auto;text-align: center;font-size: 12px;font-weight: normal;transition: all 0.15s;;width: 148px;height: 40px;line-height: 40px;border-radius: 5px;font-family: 'sintonyregular', Arial, Helvetica, sans-serif;background-color: #ffffff ;border:1px solid #8f9e8b ;color: #799c70 ;}
.hdr-using-procedure-mask a:hover{background-color: #8f9e8b ;color: #ffffff ;}
.hdr-using-procedure-mask a:active{background-color: #859082 ;color: #9fae9b ;}
.hdr-using-procedure-mask:hover{background-color: rgba(255,255,255,1);}
.hdr-using-procedure-mask:hover p,.hdr-using-procedure-mask:hover a {opacity: 1;}
/**************************************************************************************************************************************************************/


@media only screen and (max-width: 1000px) {
    .text-title-box{ font-size: 5px;}
    .text-title-box2{ font-size: 6px;}
    .text-title-box h1{ letter-spacing: 12px; }
    .text-title-box h2{ letter-spacing: 2px; margin-bottom: 20px; }
    .row{ font-size: 8px;}
    #indexdiv .get-start-btn-s2,#indexdiv .get-start-btn-s3{ width: 120px; height: 37px; line-height: 37px; border-radius: 3px; font-size: 12px;}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .text-title-box{ font-size: 6px;}
    .text-title-box2{ font-size: 7px;}
    .text-title-box h1{ letter-spacing: 15px; }
    .text-title-box h2{ letter-spacing: 3px; margin-bottom: 20px; }
    .row{ font-size: 8px;}
    #indexdiv .get-start-btn-s2,#indexdiv .get-start-btn-s3{ width: 120px; height: 37px; line-height: 37px; border-radius: 3px; font-size: 12px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .text-title-box{ font-size: 7px;}
    .text-title-box2{ font-size: 8px;}
    .text-title-box h1{ letter-spacing: 18px; }
    .text-title-box h2{ letter-spacing: 4px; margin-bottom: 30px; }
    .row{ font-size: 9px;}
    #indexdiv .get-start-btn-s2,#indexdiv .get-start-btn-s3{ width: 137px; line-height: 42px; border-radius: 4px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .text-title-box{ font-size: 8px;}
    .text-title-box2{ font-size: 9px;}
    .text-title-box h1{ letter-spacing: 21px; }
    .text-title-box h2{ letter-spacing: 5px; margin-bottom: 40px; }
    .row{ font-size: 10px;}
    #indexdiv .get-start-btn-s2,#indexdiv .get-start-btn-s3{ width: 154px; height: 47px; line-height: 47px; border-radius: 4px;}
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .text-title-box{ font-size: 9px;}
    .text-title-box2{ font-size: 10px;}
    .text-title-box h1{ letter-spacing: 24px; }
    .text-title-box h2{ letter-spacing: 6px; margin-bottom: 50px; }
    .row{ font-size: 10px;}
    #indexdiv .get-start-btn-s2,#indexdiv .get-start-btn-s3{}
}
.content a.savedBox_upgrade {
    display: block;
    text-align: center;
    width: 200px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    line-height: 50px;
    background-color: #2cb294;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    border-radius: 4px;
    position: relative;
    left: 65px;
    top: 290px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.content a.savedBox_upgrade:hover{ background: #3ac1a3;color: #fff}
.content a.savedBox_upgrade:active{ background: #26a085;color: #fff}

.gg_desktop_v1{width:272px; height:328px; background: url("/images2/gg_desktop_1.png") no-repeat; position:fixed; bottom:0; right:0;}
.gg_desktop_v1 a.gg_desktop_close{ display:block; float:right; margin-right:30px; margin-top:10px; width:13px; height:13px; background:url("/images2/shut down_icon.png") no-repeat;}
.gg_desktop_v1 a.gg_desktop_close:hover{ background-position: -13px 0;}
.gg_desktop_v1 a.gg_desktop_close:active{ background-position: -26px 0;}

.gg_desktop_v1 a.gg_desktop_download{ width:150px; height:30px; margin:240px 0 0 50px; display:block; background:#fff; border-radius:4px; color:#505050; line-height:30px; text-align:center; text-transform:uppercase; font-size:12px; font-family: 'sintonyregular', Arial, Helvetica, sans-serif;}
.gg_desktop_v1 a.gg_desktop_download{background:#fafafa; color:#3c3c3c;}
.gg_desktop_v1 a.gg_desktop_download{background:#f0f0f0; color:#282828;}








.smask{ background-color:#000000; left:0; top:0; position:fixed; z-index:10001; opacity:0.6; filter:alpha(opacity=60); /* IE6 */ -moz-opacity:0.6; /* Mozilla */ -khtml-opacity:0.6; /* Safari */ display:block; width:100%; height:100%;}
.wmask{ background-color:#000; left:0; top:0; position:fixed; z-index:1112; opacity:0.3; filter:alpha(opacity=30); /* IE6 */ -moz-opacity:0.3; /* Mozilla */ -khtml-opacity:0.3; /* Safari */ display:none; width:100%; height:100%;}

/*.mask{ background-color:#000000; left:0; top:0; position:fixed; z-index:1112; opacity:0.6; filter:alpha(opacity=60); /!* IE6 *!/ -moz-opacity:0.6; /!* Mozilla *!/ -khtml-opacity:0.6; /!* Safari *!/ display:none; width:100%; height:100%;}*/



#otherPayWindow{ width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 999; margin:0;}
#otherPayLoading{ position: absolute; z-index: -1; width: 100%; height: 100%; text-align: center; background: #fff;}
#otherPayLoading img{ display: block; top: 50%;left:50%; margin: -10px 0 0 -15px; position: absolute;}
#otherPayLoading span{ display: block; top: 50%;left:50%; margin: 22px 0 0 -25px; position: absolute;}
#otherPayWindow iframe{ width: 100%; height: 100%;}
a#closeOtherPay{ display:block; cursor:pointer; width:18px; height:18px; background:url(/images2/loginPanelClose_151120.png?v=5.4.9.2016092801) no-repeat; position:fixed; top:30px; right: 30px; z-index: 10011;}
a#closeOtherPay:hover{ background-position: -18px;}
a#closeOtherPay:active{ background-position: -36px;}

#payWaiting{ width: 340px; position: fixed; height: auto; z-index: 10003; top: 50%; left: 50%; margin: -73px 0 0 -170px; background: #ffffff; box-sizing: border-box; border: 1px solid #c8c8c8; border-radius: 4px; font-size: 12px; font-family: "sintonyregular", Arial, Helvetica, sans-serif; color: #ac975e;}
#payWaiting *{ box-sizing: border-box;}
#payWaiting .txt{ padding: 34px 10px 30px; text-align: center;}
#payWaiting .btn-panel{ font-size: 0; margin-bottom: 20px; text-align: center;}
#payWaiting a.btn{ display: inline-block; width: 132px; height: 40px; margin: 0 16px; line-height: 40px; font-size: 12px; border-radius: 4px; background: #fff; border: 1px solid #DCDCDC; color: #8c8c8c; }
#payWaiting a.btn:hover{ background: #bda460; color: #fafafa;}
#payWaiting a.btn:active{ background: #978450; color: #ffffff;}
#payWaiting a.btn.green{ background: #6bb258; color: #F0F0F0;}
#payWaiting a.btn.green:hover{ background: #78cc62;}
#payWaiting a.btn.green:active{ background: #60a24e;}



/*-------------------pricing-------------*/

a,img{border:0;}
/* focus_Box */
#focus_Box{position:relative;width:710px;height:308px;margin:20px auto;}
#focus_Box ul{position:relative;width:710px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0;height:0;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img{width:100%;background:url('pricing_img/loading.gif') no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
/*#focus_Box .prev{background:url(images/btn.png) left bottom no-repeat;left:0}*/
/*#focus_Box .next{background:url(images/btn.png) right bottom no-repeat;right:0}*/
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;text-indent:-999px;}

*{margin:0;padding:0;list-style:none;}
#pay_details_header{z-index:1111;margin:auto;width:100%;height:54px;min-width:1000px;background:#f5f5f5;}
.pay_logo{float:left;margin:11px 70px 0;}
#pay_details_banner{
    width: 100%;
    min-width: 1125px;
    overflow: hidden;
    background-image: url("/images2/pricing_img/new_banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 480px;
    background-size: cover;
    position: relative;}
.b_Carousel{float: left;width: 62%;margin: 95px 0;}
i{font-style:normal;}
.Payment{float: right;  margin: 130px 0; width: 37%;}
.Payment ul .btn button{width:230px;height:50px;outline:0;border:1px solid #fff;border-radius:4px;background-color:inherit;color:#fff;font-family:Arial;}
.Payment ul .btn button:hover{background-color:#fff;color:#505050;cursor:pointer;}
.Payment ul .btn button:active{background-color:#e6e6e6;color:#3c3c3c;}
.Payment ul li{color:#fff; line-height: 27px;}
.first-fonts p{padding-bottom:20px;padding-bottom:33px;font-size:36px;font-family:"OpenSansLight";line-height:43px;}
/*.first-fonts p span{font-family:"Open Sans-Regular";}*/

.Price{padding-bottom:26px;font-size:15px;font-family:"Open Sans-Regular";width: 450px;}
.Price span{padding:0 10px 0 10px;color:#60af42;font-size:50px;font-family:PoiretOne-Regular;}
.Price p span>i:nth-child(1){position:relative;top:-25px;left:10px;font-size:14px;font-family: Arial}
.Price p span>i:nth-child(2){color:#60cf42;font-size:16px;font-family: Arial}
#i_dol{position: relative;left: -3px;top: -27px}
.Price{padding-bottom:26px;font-size:16px;font-family:"Open Sans-Regular";}
.Price span{padding:0 10px 0 10px;color:#60af42;font-size:50px;font-family:PoiretOne-Regular;}
.Price p span>i:nth-child(1){position:relative;top:-25px;left:10px;font-size:14px;font-family: Arial}
.Price p span>i:nth-child(2){color:#60cf42;font-size:16px;font-family: Arial}

#pay_details_container{margin:0 auto;width:100%;min-width:1125px;background-color:#fcfcfc;}
#pay_details_tab{position:relative;top:58px;margin:0 auto;width:970px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,.13);}
#pay_details_tab table p{padding-bottom:5px;color:#505050;font-size:13px;font-family:Arial;}
#pay_details_tab table span{color:#a0a0a0;font-size:13px;font-family:Arial;line-height:1.5em;}
#pay_details_poster{position:relative;margin:0 auto;padding-top:90px;width:100%;height:auto;min-width:1125px;color:#1e1e1e;text-align:center;font-size:24px;font-weight: bold;font-family:"OpenSansLight,Arial,Helvetica,sans-serif";}
.upgrade_btn button{width:144px;height:32px;outline:0;border:none;border-radius:2px;background-color:#ac975e;color:#fff;font-family:Arial;}
.upgrade_btn button:hover{background-color:#d3b571;cursor:pointer;}
.upgrade_btn button:active{background-color:#d3b571;}
#homepage-copyinfo{border-top:1px solid #212121;background-color:#141414;}

/*new pay pal*/
.font14{font-size: 14px;}
.border_radius2{border-radius: 2px;}
button{border: none;outline: none}
.shadowBackgrund{position: fixed;top: 0;left: 0;background-color: rgba(0,0,0, 0.7);width: 100%;height: 100%;min-width: 920px;min-height: 590px;/*-webkit-filter: blur(5px); -moz-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);*/}
#SignInMain{position: fixed;z-index: 50;left: 50%;top: 50%;margin: -295px 0 0 -420px;width: 840px;min-width: 840px;min-height: 590px;height: 590px;background: url('/images2/newpaypal_background.png') no-repeat;background-size: 810px 100%;cursor: auto}
#SignInMain  #closeBtn{position: absolute;top:25px;right: 14px;background: url('/images2/newpaypal_shut%20down_icon.png');width: 18px;height: 18px;cursor: pointer;}
#SignInMain  #closeBtn:hover{background-position: -18px 0px}
#SignInMain  #closeBtn:active{background-position: -36px 0px}
#SignInMain .Signtongyong{position: absolute;right: 0px;top: 55px;width: 400px;height: 480px;background: #fff;}
#SignInMain #Sign_up_in h1{margin: 46px 0 40px;font-size: 20px;color: #3c3c3c;font-family: OpenSansLight;font-weight: bold;}
#SignInMain .Signtongyong .Connection_Facebook{position: relative;top: -30px;margin-left: 2px;width: 263px;height: 50px;border: none;background: #4b6ea6;color: #fff;cursor: pointer}
#SignInMain .Signtongyong .Connection_Facebook:hover{background-color: #5075b1;}
#SignInMain .Signtongyong .Connection_Facebook:active{background-color: #345487;}
#SignInMain .Signtongyong .inputStyleOne:focus{color: #455061}
#SignInMain .Signtongyong .inputStyleOne{padding-left: 38px;width: 362px;height: 62px;border: none;color: #bbc4d3;outline: none;}
#SignInMain .Signtongyong:nth-child(2) img{position: relative;top: -9px;cursor: auto}
#SignInMain .Signtongyong .Sign_nextBTn{display: block;margin: 30px auto 20px;width: 320px;height: 50px;background: #6bb258;color: #fff;cursor: pointer}
#SignInMain .Signtongyong .Sign_nextBTn:hover{background: #7bcc62;}
#SignInMain .Signtongyong .Sign_nextBTn:active{background: #60a24e;}
#SignInMain .Signtongyong #in_up_switch{font-size: 12px;color: #6bb258;cursor: pointer;text-align: center}
#SignInMain .Signtongyong #in_up_switch:hover{color: #7bcc62}
#SignInMain .Signtongyong #in_up_switch:active{color: #60a24e}
#emailErrorMsg,#pwdErrorMsg{position: absolute;bottom: 0px;font-size: 12px;color: #f35b5b;padding-left: 35px;display: none}

/*left*/
#SignInMain .Sign_left_explain{position: absolute;left: 65px;top: 84px;}
#SignInMain .Sign_left_explain h1{font-size: 24px;color: #fff;line-height: 34px;margin-bottom: 38px;}
#SignInMain .Sign_left_explain ul{margin-left: 17px;margin-bottom:42px;color: #fff;font-size: 14px;line-height: 26px;}
#SignInMain #Sign_LearnMore a{font-family: Arial;color: #e6e6e6;font-size: 14px;}
#SignInMain #Sign_LearnMore a:hover{color: #fff;}
#SignInMain #Sign_LearnMore a:active{color: #fff;}
/*付费成功*/
#SignInMain #pay_success{text-align: center}
#SignInMain #pay_success .pay_success_icon{margin: 48px auto 12px;background: url("/images2/newpaypal_icon.png") no-repeat;width: 28px;height: 24px;}
#SignInMain #pay_success #checkNow{display: block;color: #6bb258;font-size: 16px;font-family: Arial;margin:6px auto 40px;}
#SignInMain #pay_success #checkNow:hover{color: #78cc62}
#SignInMain #pay_success #checkNow:active{color: #60a24e}
#SignInMain #pay_success #Be_Amazed{display: block;cursor: pointer;margin: 0 auto;width: 320px;height: 50px;background: #6bb258;color: #fff}
#SignInMain #left_pay_success{margin: 204px 0 0 48px;font-size: 24px;color: #fff;line-height: 40px;font-family: 'OpenSansLight', Arial, Helvetica, sans-serif}

#Sign_payment .paddLeft40Height90{padding-left: 40px;height: 91px;width: 360px;border-top: 1px solid #e3e9ed;}
#Sign_payment .paddLeft40Height90 .selectPlanImg{margin-top: 16px;display: inline-block;background: url('/images2/newpaypal_select_icon.png');width: 18px;height: 18px;}
#payment-SelectYearPlan,#payment-SelectMonthPlan{cursor: pointer;}
#Sign_payment .paddLeft40Height90 .SignPrice{display: inline-block;margin-top: 6px;font-size: 16px;font-family: Arial;color: #505050;}
#Sign_payment .paddLeft40Height90 .PlanText{margin-left: 14px;position: relative;top: -3px;}
#Sign_payment .paddLeft40Height90 .term_check{color: #6bb258;cursor: pointer}
#Sign_payment .paddLeft40Height90 .term_check:hover{color: #7bcc62}
#Sign_payment .paddLeft40Height90 .term_check:active{color: #60a24e}
#Sign_payment #parPal_but{display: block;cursor: pointer;margin: 0 auto;width: 320px;height: 50px;background: #6bb258;}
#Sign_payment #parPal_but:hover{background: #78cc62;}
#Sign_payment #parPal_but:active{background: #60a24e;}


/*付费用户弹窗*/
#newSignTest #paying_customers{width: 400px;height: 480px;background: #fff;position: fixed;top: 50%;left: 50%;margin: -200px 0 0 -240px;text-align: center;font-family: 'OpenSansLight';}
#newSignTest #paying_customers #customersCloseBtn{position: absolute;right: 16px;top: 14px;background: url('/images2/newpaypal_shut%20down_icon.png');width: 18px;height: 18px;cursor: pointer;}
#newSignTest  #paying_customers #customersCloseBtn:hover{background-position: -18px 0px}
#newSignTest  #paying_customers #customersCloseBtn:active{background-position: -36px 0px}

#newSignTest #paying_customers h1{margin: 48px auto;font-size: 22px;color: #505050;line-height: 30px;}
#newSignTest .fotor_email{color: #a0a0a0;text-decoration: underline}
#newSignTest .fotor_email:hover{color: #646464}
#newSignTest .fotor_email:active{color: #646464}
#newSignTest .paying_customers_go{display: block;cursor: pointer;margin: 66px auto 0;width: 320px;height: 50px;background: #6bb258;line-height: 50px;color: #fff;}
#newSignTest .paying_customers_go:hover{background: #78cc62;}
#newSignTest .paying_customers_go:active{background: #60a24e;}

/*pricing*/
#pay_details_tab{position:relative;top:initial;margin:0 auto;margin-top:58px;width:970px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,.13)}
#pay_details_tab table p{padding-bottom:5px;color:#505050;font-size:13px;font-family:Arial}
#pay_details_tab table span{color:#a0a0a0;font-size:13px;font-family:Arial;line-height:1.5em}
.use-content{padding-bottom:20px}
.upgrade_btn button{width:144px;height:32px;outline:0;border:none;border-radius:2px;background-color:#ac975e;color:#fff;font-family:Arial}
.upgrade_btn button:hover{color: #fff;;background-color:#d3b571;cursor:pointer}
.upgrade_btn button:active{ color:#d9d9d9;background-color:#d3b571}

/*banner_maker*/
.banner_arrow span{position:absolute;top:410px;left:50%;box-sizing:border-box;margin-left:-12px;width:24px;height:24px;border-bottom:1px solid #585858;border-left:1px solid #585858;cursor:pointer;transition:all .2s linear;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:toDown 1.5s infinite;animation:toDown 1.5s infinite}
#enter_flash_page{overflow:hidden;height:850px;min-width:1000px;background:url(/images2/features/1.jpg) no-repeat center;background-size:100% 100%}
.Select_template_midBox{min-width: 1100px;position:relative;margin:0 auto;width:60%;height:50%;text-align:center}
.Select_template_midBox h3{margin-top:114px;color:#fff;text-transform:uppercase;font-weight:400;font-size:30px;font-family:FuturaMediumBT,Arial,Helvetica,sans-serif}
.SelectBtn_box{position:relative;top:0}
.banner_til span{display:inline-block;margin-top:30px;width:30px;border-bottom:1px solid #bbb5b5;background:#fff}
.banner_til p{margin-top:30px;color:#fff;font-size:14px;letter-spacing: 1px;}
.theSize_templateBox{position:relative;top:35px;margin:0 auto;height:100%;min-width:1000px}
.templateBox1{float:left;display:inline-block;margin-left:8px;width:362px;height:inherit}
.Custom{display:inline-block;margin-top:8px;width:408px;height:70px;border:1px dashed #fff;color:#fff;transition:all .6s}
.Custom_midBox{margin-top:15px}
.Custom_midBox .cross{position:relative;display:inline-block;margin-right:20px;transition:all .6s}
.cross>span:nth-of-type(1){position:absolute;display:inline-block;width:20px;height:20px;border-bottom:1px solid #fff;transition:all .6s}
.cross>span:nth-of-type(2){position:relative;top:10px;left:10px;display:inline-block;width:20px;height:20px;border-bottom:1px solid #fff;transition:all .6s;transform:rotate(90deg)}
.Custom_midBox p{position:relative;top:5px;display:inline-block;font-size:14px;transition:all .6s;color: #fff; }
.Custom:hover{border:1px dashed #747474;background:#fff;cursor:pointer;transition:all .6s}
.Custom:hover .cross span{border-bottom:1px solid #747474;transition:all .6s}
.Custom:hover .Custom_midBox p{color:#747474;transition:all .6s}
#Select_btn{width:148px;height:48px;outline:0;border:0;border-radius:4px;background:#e7e7e7;color:#434343;cursor: pointer;}
#Select_btn:hover{background:#fff;color:#434343}
#Select_btn:active{background:#c8c8c8;color:#727272}
.blur_box{border:2px solid rgba(255,255,255,.4)}
.te{position:relative;float:left;overflow:hidden;cursor:pointer}
.rotate-box img{width:100%;height:auto}
.rotate-box{position:relative;margin:0 8px 0 0;width:80px;height:302px;transition:.8s ease}
.text_size{position:absolute;top:0;width:100%;height:100%;background:#cccad1;color:#666;text-align:center;opacity:.8;transition:1s opacity;-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px)}
.text_size p{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:30%;height:30%;color:#fff;text-align:center;font-size:18px}
.templateBox1 img{width:100%;height:auto;transition:all .6s;-webkit-filter:blur(1.8px)}
.rotate-box2{position:relative;margin:0 0 8px 0;width:266px;height:68px;transition:.8s ease}
.rotate-box3{position:relative;width:266px;height:222px;transition:.8s ease}
.rotate-box4{position:relative;margin:0 0 6px 0;width:296px;height:242px;transition:.8s ease}
.rotate-box5{position:relative;width:296px;height:50px;transition:.8s ease}
.rotate-box6{position:relative;margin:0 0 6px 0;width:408px;height:50px;transition:.8s ease}
.rotate-box7{position:relative;width:408px;height:162px;transition:.8s ease}
.feature-mid-box{position:relative;width:100%;height:346px;min-width:1000px;background:#fff;text-align:center}
.bm_text-title-box2{position:relative;top:82px;font-family:FuturaMediumBT,Arial,Helvetica,sans-serif}
.bm_text-title-box2 h2{
    color: #242424;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    line-height: 2em;
    letter-spacing: 0;
    font-family: FuturaMediumBT,Arial,Helvetica,sans-serif;
}
.bm_text-title-box2 h3{margin:10px auto;width:75%;color:#8c8c8c;letter-spacing:0;font-weight:400;font-size:14px;line-height:1.5em}
.bm_text-title-box2 a{display:block;margin:auto;margin-top:58px;width:172px;border:0;border-radius:5px;background:#585858;color:#eee;text-align:center;font-weight:400;font-size:14px;line-height:52px;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s}
.bm_text-title-box2 a:hover{background:#343434;color:#fff}
.guide_steps{margin-top:96px;padding:96px 0;background:#F5F5F5;text-align:center;font-family:sintonyregular,Arial,Helvetica,sans-serif}
.row{position:relative;margin:auto;width:100%;font-size:10px}
.row .h3-title{color:#282828;text-transform:uppercase;font-size:2em;font-family:hussarbold,Arial,Helvetica,sans-serif}
.clearfloat:after{clear:both;display:block;visibility:hidden;height:0;content:''}
.guide_steps ul.steps_list li.last-child{margin-right:0;padding-right:0;background:0 0}
.row .span-line{display:inline-block;margin:25px 0 27px;width:32px;height:1px;background-color:#8c8c8c}
.row .text-des3{color:#8c8c8c;font-size:1.4em;font-family:sintonyregular,Arial,Helvetica,sans-serif;line-height:2.5em}
.guide_steps ul.steps_list{margin:120px auto 0;width:95%;max-width:1376px;list-style:none;text-align:left}
.guide_steps ul.steps_list li{float:left;margin-right:3%;padding-right:7%;width:17.5%;height:190px;background:url(/images2/features/feature_lines.png) no-repeat right bottom}
.guide_steps ul.steps_list i.step1{background:url(/images2/features/feature_step1.jpg) no-repeat center;background-size:100%}
.guide_steps ul.steps_list i.step2{background:url(/images2/features/feature_step2.jpg) no-repeat center;background-size:100%}
.guide_steps ul.steps_list i.step3{background:url(/images2/features/feature_step3.jpg) no-repeat center;background-size:100%}
.guide_steps ul.steps_list i.step4{background:url(/images2/features/feature_step4.jpg) no-repeat center;background-size:100%}
.guide_steps ul.steps_list .steps-item-title i{display:inline-block;width:60px;height:60px}
.guide_steps ul.steps_list .steps-item-title span{position:relative;bottom:10px;margin-left:16px;color:#282828;text-transform:uppercase;font-weight:700;font-size:1.6em;font-family:hussarbold,Arial,Helvetica,sans-serif}
.guide_steps ul.steps_list .steps-item-info{text-align: left;margin-top:20px;color:#8c8c8c;font-size:1.4em;line-height:2.1em}
.other_features_link{padding:96px 0;background:#FFF;text-align:center;font-family:sintonyregular,Arial,Helvetica,sans-serif}
.row .h3-title{color:#282828;text-transform:uppercase;font-size:2em;font-family:hussarbold,Arial,Helvetica,sans-serif}
.text-des3 a{color:#8c8c8c;text-decoration:underline}
ul.features_link_list{margin:98px auto 0;width:95%;max-width:1376px;list-style:none;text-align:center}
ul.features_link_list li{float:left;margin:0 2%;width:21%}
ul.features_link_list li .name{margin:32px 0 10px;color:#000;font-size:1.6em}
ul.features_link_list li .des{height:140px;color:#a0a0a0;font-size:1.4em;line-height:2em}
ul.features_link_list li a.link{margin:14px 0 0;color:#505050;text-transform:uppercase;font-size:1.4em}
.feature-bottom-box{position:relative;width:100%;height:320px;background:url(/images2/features/feature_end_bg.jpg) no-repeat;background-size:100% 100%}
.text-title-box2{position:absolute;top:15%;width:100%;color:#323232;text-align:center;font-size:10px}
#indexdiv .get-start-btn-s2{display:block;margin:auto;margin-top:40px;width:172px;border:0;border-radius:5px;background:#EBEBEB;color:#3c3c3c;text-align:center;font-weight:400;font-size:14px;font-family:sintonyregular,Arial,Helvetica,sans-serif;line-height:48px;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s}
#indexdiv .get-start-btn-s2:hover{background:#fff;color:#141414}
#footer_box{position:absolute;margin-top:80px;width:100%;height:auto;min-width:1125px;background:#141414!important}
#homepage_footer{margin:0 auto;padding:60px 0 0;width:900px;font-size:16px;font-family:FuturaMediumBT,Tahoma,Geneva,sans-serif}
#homepage_footer dl{float:left;display:block;margin:0;width:200px}
#homepage_footer dl dt{margin-bottom:10px;color:#dcdcdc;font-weight:400}
#homepage_footer dl dd a{color:#787878;font-family:Helvetica,Arial,sans-serif;line-height:30px}
#homepage_footer dl dd a:hover{color:#c8c8c8}
#lang{ margin-top:15px;width:88px;height:26px;border:1px solid #787878;background:url(/images2/index/w_down.png) 70px center no-repeat;color:#787878;text-indent:5px;text-transform:uppercase;font-size:12px;font-family:Helvetica,Arial,sans-serif;line-height:26px;cursor:pointer}
ul#index-lang{position:absolute;top:27px;left:0;display:none;border:1px solid #787878;background:rgba(0,0,0,.4);list-style:none;text-transform:uppercase;font-family:Helvetica,Arial,sans-serif}
ul#index-lang li{display:block;width:88px;height:24px;text-indent:5px;cursor:pointer;text-align: left;}
ul#index-lang li a{display:block;width:88px;height:25px;font-size:12px;line-height:24px!important}
ul#index-lang li a:hover{background:#9d8f69;color:#f0f0f0}
#homepage-copyinfo{clear:both;margin:50px auto 0;width:100%;height:72px;border-top:1px solid #212121;background:#141414;color:#646464;text-align:center;font-size:14px;line-height:72px}
.back_box{position:absolute;top:0;width:100%;height:100%;background:#242325;color:#fff;font-size:18px;line-height:42px;opacity:.7;transition:all .6s}
.te:hover .blur_box img{transition:all .6s;-webkit-filter:blur(0)}
.te:hover .back_box{opacity:0;transition:all .6s}
.te:hover .title_size{opacity:0;transition:all .6s}
.title_size{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:inline-block;margin:auto;width:100%;height:20%;color:#fff;transition:all .6s}
.title_size h4{font-weight:400;font-size:14px}
.title_size p{font-size:12px}
.banner_enter{display: inline-block;}

@media screen and (min-width:960px) and (max-width:1280px){#enter_flash_page{margin:auto;height:600px;min-width:0}
    .Select_template_midBox{width:89%}
    .Select_template_midBox h3{margin-top:40px}
    .banner_til p{margin-top:14px}
    .banner_til span{margin-top:15px}
    .theSize_templateBox{top:25px}
    .SelectBtn_box{margin-top:115px}

}
@media screen and (min-width:1279px) and (max-width:1365px){#enter_flash_page{margin:auto;height:600px;min-width:0}
    .Select_template_midBox{width:85%}
    .Select_template_midBox h3{margin-top:40px}
    .banner_til p{margin-top:14px}
    .banner_til span{margin-top:15px}
    .theSize_templateBox{top:25px}
    .SelectBtn_box{margin-top:115px}

}
@media screen and (min-width:1366px) and (max-width:1439px){#enter_flash_page{margin:auto;height:540px;min-width:0}
    .Select_template_midBox{width:79%}
    .Select_template_midBox h3{margin-top:40px}
    .banner_til p{margin-top:14px}
    .banner_til span{margin-top:15px}
    .theSize_templateBox{top:25px}
    .SelectBtn_box{margin-top:90px}

}
@media screen and (min-width:1440px) and (max-width:1679px){#enter_flash_page{margin:auto;height:635px;min-width:0}
    .Select_template_midBox{width:78%}
    .Select_template_midBox h3{margin-top:70px}
    .SelectBtn_box{margin-top:60px}
}


/*features 页脚导航½*/
ul{list-style: none;}
.nav_1{  margin:-3px 0 0 -22px;padding: 0;}
.nav_2{  padding: 0;margin-top: -10em;margin-left: -1.5em;}
.nav_3{  padding:0;  margin-top: -1px;  margin-left:-8px;  }

/*箭头图标*/
/*#img1{  position:absolute;top: .78em;left: 4em;cursor: pointer;}*/
/*#img2{  position: absolute;top: .78em;left: 4em;cursor: pointer;display: none;}*/
.li1:hover #img2{ display: block;}
.nav_1 a{ display: block;width: 100px;height: 36px;line-height: 36px;text-decoration: none;color: #fff;text-align: center;}
.nav_1 a:hover{ color: #fff;}
.nav_1 li{ position: relative;}
.nav_1{ width: 110px;}
.nav_1 a{  width: 80px;font-family: Helvetica,Arial,sans-serif;font-size: 16px;color:#787878;}
.nav_1 a{  display: block;  width: 100px;  height: 36px;  line-height: 36px;  text-decoration: none;  color: #fff;  text-align: center;  }
.nav_1 a:hover{  color: #fff;}
.nav_1 li{ position: relative;  }
.nav_1{  width: 110px;  }
.nav_1 a{  width: 80px;  font-family: Helvetica,Arial,sans-serif;  font-size: 16px;  color:#787878;  }
/*悬浮不同的nav中的li 设置不同颜色*/
.li2:hover{ background: #bda461;}
.li3:hover{ background:#bda461;}
.nav_1 ul{ position: absolute;left: 6.89em;top:0;display: none;}
.li2:hover{ background: #bda461;}
.li3:hover{ background:#bda461;}
.nav_1 ul{  position: absolute;  left: 7.3em;  top:0;  display: none;  }
/*显示nav2和nav3*/
.nav_2{ background: #141414;display: block;border: 1px solid #323232;}
.li2:hover .nav_3{ background: #141414;display: block;border: 1px solid #323232;}
.mine.li2>a{width:110px;}
.li3>a{width:140px;}
#a1{position: absolute;display: none;top: 0;}
.li1:hover #a1{display: block;}
.li2>a{width:110px;}
.li3>a{width:140px;}
.li1:hover #a1{  display: block; }


/*
tanslation applocation
*/
#tra_home{
    position:relative;
    height: 3000px;
}
#tra_home .header_logo{
    float: left;
    margin: 40px 70px 0;
}
.header_logo img{
    width: 76px;
}
#tra_banner{
    position:relative;
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
    height: 982px;
    font-family: Arial,'FuturaMediumBT', Tahoma, Geneva, sans-serif;
    background: url('/images2/savebanner/banner_bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#tra_banner .banner_content {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    position: absolute;
    margin-top: 155px;
}
.banner_content button{
    padding: 12px 55px;
    display: inline-block;
    background: #131414;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.banner_content button:hover{background: #2f3030;}
.banner_content button:active{background: #000;}
.banner_content h2{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-size: 55px;
    padding-bottom: 42px;
    display: inline-block;
    font-weight: normal;
}
.banner_content h2 span {
    font-weight: bold;
}
.banner_pic{
    margin-top:60px;
}
.banner_pic img{
    width: 65%;
    display: inline-block;
    box-shadow: 0 0 20px rgba(0,0,0,.6);
}
.banner_content P{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:16px;
    line-height: 25px;
}

.banner_content>p:nth-of-type(2){
    width:70%;
    margin: 0 auto;
}
.banner_content>p:nth-of-type(3){
    padding-bottom: 45px;
}

#tra_home #content_1{
    position: relative;
    width: 100%;
    min-width: 1000px;
    /*overflow: hidden;*/
    height: 710px;
    font-family: Arial,'FuturaMediumBT', Tahoma, Geneva, sans-serif;
    background: url('/images2/savebanner/bg_1.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 2;
}
#content_1 h3{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-size: 25px;
    text-align: center;
    /* margin-top: 80px; */
    font-weight: bold;
    position: relative;
    top: 100px;
}
#content_1 hr{
    margin: 0 auto;
    position: relative;
    top: 130px;
    width: 66px;
}
#mid_box{
    /*outline: 1px solid red;*/
    width: 766px;
    height: 387px;
    margin: 100px auto;
    position: relative;
    top: 80px;

}
#mid_box .lg_text{
    color: #000;
    font-size: 20px;
    text-align: center;
    display: block;
    /* line-height: 174px; */
    position: relative;
    /* left: 0%; */
    top: -50%;
}
#mid_box .lag_box{
    /*outline: 1px solid;*/
    width: 363px;
    height: 174px;
    display: block;
    margin: 9px;
    /*cursor: pointer;*/
    background: url('/images2/savebanner/mode_bg.jpg') no-repeat center center;
    transition: all .3s linear;
    float: left;
    box-shadow: 2px 2px 3px rgba(0,0,0,.4);
}
.float_window .triangle-down{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid rgb(206,204,205);
    position: relative;
    top: 162px;
    left: 168px;
}
.float_window_bottom .triangle-up{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid rgb(206,204,205);
    position: relative;
    top: -33px;
    left: 168px;
}
#mid_box .lag_box:hover{
    background: url('/images2/savebanner/mode_hoverBg.png') no-repeat center center;
    transition: all .3s linear;
}
.lag_box .float_window{
    width: 363px;
    height: 150px;
    /* border: 1px solid red; */
    position: relative;
    top: -100px;
    left: -90px;
    opacity: 0;
    background: rgb(206,204,205);
    transition: all .2s linear;
    visibility: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,.6);
}
#mid_box .lag_box:hover .float_window{
    opacity: 1;
    transition: all .2s linear;
    visibility: visible;
    top: -170px;
}
.lag_box .float_window_bottom{
    width: 363px;
    height: 150px;
    /*border: 1px solid red;*/
    position: relative;
    top: 100px;
    left: -90px;
    opacity: 0;
    background: rgb(206,204,205);
    transition: all .2s linear;
    visibility: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,.6);
}
#mid_box .lag_box:hover .float_window_bottom{
    opacity: 1;
    transition: all .2s linear;
    visibility: visible;
    top: 195px;
}

/**/
#content_2{
    position: relative;
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
    height: 806px;
    font-family: Arial,'FuturaMediumBT', Tahoma, Geneva, sans-serif;
    background: url('/images2/savebanner/bg_2.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
}
#content_2 h3{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 100px;
}
#content_2 hr{
    margin: 0 auto;
    position: relative;
    top: 130px;
    width: 66px;
}
.content2_mid_box{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    /* margin-top: 84px; */
    width: 80%;
    height: 35%;
}
.content2_mid_box .content2_icon_box{
    float: left;
    width: 33.33333333%;
    text-align: center;
    font-size: 14px;
    color:#86878b;
}
.content2_icon_box span{
    font-size: 22px;
    color: #000;
    display: inline-block;
    margin: 35px 0 35px 0;
}
#content_2 .apply_btn{
    display: block;
    background: #131414;
    border-radius: 4px;
    color: #fff;
    position: relative;
    top: 620px;
    cursor: pointer;
    width: 160px;
    height: 40px;
    margin: 0 auto;
}
#content_2 .apply_btn:hover{background: #2f3030;}
#content_2 .apply_btn:active{background: #000;}

#content_3{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 457px;
    font-family: Arial,'FuturaMediumBT', Tahoma, Geneva, sans-serif;
    background: url('/images2/savebanner/bg_3.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#content_3 h3{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: 120px;
}
#content_3 hr{
    margin: 0 auto;
    position: relative;
    top: 165px;
    width: 66px;
}
#content_3 p{
    position: relative;
    text-align: center;
    top: 200px;
    font-size: 20px;
    width: 60%;
    margin: 0 auto;
    line-height: 34px;
    color: #646464;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
#back-to-top {
    position: fixed;
    right: 34px;
    bottom: 42px;
    z-index: 999;
    display: none;
    width: 55px;
    height: 59px;
    background-image: url(/images2/back_to_top_icon.png);
}
#back-to-top:hover {
    background-position: -52px 0;
    cursor: pointer;
}
#back-to-top:active {
    background-position: -104px 0;
    cursor: pointer;
}

#form_mask{
    background: #000;
    transition: all .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
    opacity: 0.45;
    width:100%;!important
}
#tip_window{
    width: 900px;
    /* outline: 1px solid red; */
    height: 580px;
    position: fixed;
    background: #fff;
    z-index: 999;
    margin: 80px auto;
    left: 50%;
    top: -800px;
    margin-left: -450px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
#tip_window .close_wind{
    display: inline-block;
    position: absolute;
    left: 860px;
    top: 10px;
    width: 28px;
    height: 28px;
    background: rgba(0,0,0,.2);
    border: none;
    outline: none;
    transition: all .2s;
    cursor: pointer;
}
.close_wind img{
    width: 28px;
    height: 28px;
}
.close_wind img:hover{
    background: rgba(0,0,0,.6);
}
.close_wind img:active{
    background: rgba(0,0,0,.8);
}
.form_content{
    margin-top: 30px;
}
.form_content h3{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #000;
    text-align: center;
}
.form_content h3 span{
    font-weight: normal;
}
.input_box{
    display: block;
    margin: 0 auto;
    width: 682px;
    position: relative;
    top: 32px;
    margin-bottom: 8px;
    line-height: 15px;
}
#language_sel{
    display: inline-block;
    width: 697px;
    height: 31px;
    border: 1px solid #777777;
    margin-top: 10px;
    padding-left: 15px;
    outline: none;
}
.input_box>span:nth-of-type(1) {
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.input_box>span:nth-of-type(2) {
    font-size: 14px;
    color: #777
}
.input_box input{
    display: block;
    width: 680px;
    height: 25px;
    border: 1px solid #777777;
    margin-top: 10px;
    padding-left: 15px;
    outline: none;
}
.arebox{
    height: 80px !important;
}
.sub_apply{
    padding: 12px 55px;
    display: inline-block;
    background: #131414;
    border-radius: 4px;
    color: #fff;
    position: relative;
    left: 50%;
    margin-left: -84.5px;
    top: 55px;
    cursor: pointer;
}
.input_box textarea{
    display: block;
    width: 684px;
    height: 60px;
    margin-top: 10px;
    padding-left: 10px;
}
.float_window .float_window_titl{
    font-size: 14px;
    color: #000;
    display: block;
}
.float_window_titl img{
    width: 14px;
    position: relative;
    top: 3px;
    left: 5px;
}
#mid_box .float_window_page{
    padding-left: 25px;
    margin-top: -15px;
}
.float_window_page a{
    color: #000;
}
.Content_til{
    font-size: 14px;
    color: #000;
    display: inline-block;
}

.float_window_page a:hover{
    text-decoration:underline;
    color: rgb(164,136,220);
}
.float_window_bottom .float_window_titl{
    font-size: 14px;
    color: #000;
    display: block;
}

.float_window:before{
    content:'';
    width: 100%;
    height: 50px;
    display: inline-block;
    /*border: 1px solid red;*/
    position: absolute;
    top: 119px;
    opacity: 0;
}
.float_window_bottom:before{
    content:'';
    width: 100%;
    height: 50px;
    display: inline-block;
    /*border: 1px solid red;*/
    position: absolute;
    top: -20px;
    opacity: 0;
}

.Prompt_text{
    display: inline-block;
    position: relative;
    top: 55px;
    left: 490px;
}
#suc_msg{
    display: inline-block;
    position: relative;
    left: 50%;
    text-align: center;
    margin-left: -293.875px;
    top: -420px;
    height: 200px;
    color: #282828;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
#suc_msg h1{
    font-size: 36px;
    padding-top: 60px;
}
#suc_msg p{
    font-size: 28px;
    font-weight: normal;
    padding-top: 40px;
}


    /*#nav_help{  float:right; padding-top:0px; margin-right: 150px;  }*/
    /*#nav_help ul#top-nav{ list-style:none;}*/
    /*#nav_help ul#top-nav li{ float:left; height:54px; width: auto !important;; line-height:54px; color:#000; position:relative;}*/
    /*#nav_help ul#top-nav li a{ display:block; width:auto !important; height:54px; color:#b4b4b4; padding: 0 20px; font-size:14px;  text-transform: uppercase;}*/
    /*#nav_help ul#top-nav li a:hover{  color: #fff;  }*/




/*
   flash 新增广告style
*/
#ad_app_right{
    width: 160px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    /*background-color: rgb(200, 200, 200);*/
    z-index: 9999;
}
#div-pg-ad-1476672002-0{
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 600px;
    margin-top: 54px;
}

/*flash loading error tips*/

.loadingTipsNew{
        position: absolute;
        width: 920px;
        /*outline: 1px solid tomato;*/
        margin: auto;
        left: 0;bottom: 0;right: 0;top:0;
        height: 340px;
    }
    .loadingTipsNew .animateBoxNew{
        display: inline-block;
        position: relative;
    }
    .loadingTipsNew  .loadingTipCon{
        position: relative;
        width: 70%;
        float: right;
        margin-top: 35px;
}
.loadingTipCon .til{
    font-size: 32px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    color: #1e1e1e;
    padding-bottom: 40px;
}
.loadingTipCon .content{
    font-size: 18px;
    color: #646464;
    line-height: 26px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.loadingTipCon .btn_h5{
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    background: #ac975e;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    margin: 56px 0;
    font-family: Arial, Helvetica, sans-serif;
}
.loadingTipCon .btn_h5:hover{
    color: #ffffff;
    background: #bda460;
}
.loadingTipCon .btn_h5:active{
    color: rgba(255, 255, 255, 0.5);
    background: #978450;
}
.loadingTipCon .upgFlash{
    font-size: 14px;
    color: #646464;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.loadingTipCon .upgFlash a{
    color: #ac975e;
    text-decoration: underline;
}