@import url(/images2/fonts.css?v=5.4.9.2016092801);

@charset "utf-8";
/* CSS Document */
html, body {
    font-size: 62.5%;
    width: 100%;
    height: 100%;

}

a {
    color: #FFF;
}

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h1, h2, h3 {
    font-weight: normal;
}


/*
    new features header style
*/
.features_header-box{
    position: relative;
}
#features_header{
    width: 100%;
    min-width: 1000px;
    height: auto;
    background: inherit;
    position: absolute;
    top: 0px;
    z-index: 999;
    font-family: 'FuturaMediumBT', Arial, Helvetica, sans-serif;

}
#features_header.top110 {
    top: 0;
}
#features_header #features_menu{
    height: 54px;
    margin: auto;
}
#features_menu_logo{
    float: left;
    margin: 35px 30px 0 70px;
}
#features_menu_logo img{
    width: 85px;
}
#features_nav{
    float: right;
    padding-top: 0px;
    margin-right: 80px;
    margin-top: 35px;
}
#features_top-nav{
    list-style: none;
}
#features_nav ul#features_top-nav li{
    float: left;
    height: 54px;
    /*width: auto !important;*/
    line-height: 54px;
    color: #000;
    position: relative;
    margin-left: 25px;
}
#features_nav ul#features_top-nav li a{
    display: block;
    height: 54px;
    color: #e4dfdf;
    padding: 0 20px;
    font-size: 14px;
    font-family: opensans-R;
    text-decoration: none;
}
#features_nav ul#features_top-nav li .dropdown_nav{
    position: absolute;
    width: 130px;
    left: 50%;
    margin-left: -65px;
    top: 54px;
    padding-top: 0px;
    display: none;
}

#features_homepage_login {
    float: right;
    position: relative;
    margin-right: 60px;
    font-size: 0;
}
#features_homepage_login a.signin{
    background: #8f9e8b;
    color: #f0f0f0;
}
#features_homepage_login a.signup, #features_homepage_login a.signin{
    text-decoration: none;
    -webkit-border-radius: 2px;
    border-radius: 6px;
    width: 100px;
    height: 36px;
    margin-top: 42px;
    display: inline-block;
    line-height: 36px;
    font-size: 14px;
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    background: inherit;
    font-weight: normal;
    text-align: center;
    -moz-border-radius: 30px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
#features_homepage_login a.signin:hover{
    background: rgba(255,255,255,.2);
    color: #fff;}
#features_homepage_login a.signin:active{
    background: rgba(255,255,255,.3);
    color: #fff;
}

#features_nav{ float:right; padding-top:0px; margin-left: 10px;}
#features_nav ul#features_top-nav{ list-style:none;}
#features_nav ul#features_top-nav li{ float:left; height:54px; line-height:54px; color:#000; position:relative;}
#features_nav ul#features_top-nav li a{ display:block; height:54px; color:#e4dfdf; padding: 0 20px; font-size:14px;text-decoration: none }
#features_nav ul#features_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;}
#features_nav ul#features_top-nav li a.onc{ color:#ac975e; background:none;}
#features_nav ul#features_top-nav li a.on{ color:#fff; background:none;}
#features_nav ul#features_top-nav li .dropdown_nav{position:absolute; width:150px; left:50%; margin-left: -95px; top:45px; padding-top:0px; display:none;}
#features_nav ul#features_top-nav li .dropdown_nav .topbg{ height:0; background-color:#cc3333;}
#features_nav ul#features_top-nav li .dropdown_nav .listbg{ background:#f0f0f0; }
#features_nav ul#features_top-nav li .dropdown_nav .listbg.nonebg{ background:#f0f0f0; }
#features_nav ul#features_top-nav li ul{ list-style:none;}
#features_nav ul#features_top-nav li ul li{    margin-left: 0px; float:none; display:block; width:150px; height:34px; padding:0; line-height:34px; position:relative;}
#features_nav ul#features_top-nav li ul li a{ height:34px; width:150px; 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;}
#features_nav ul#features_top-nav .new{width: 0; height: 0;}
#features_nav ul#features_top-nav li ul li:hover .new{ display:none;}

#features_nav ul#features_top-nav li ul li a.none{background-position:-1111px -1111px; text-indent:25px;}
#features_nav ul#features_top-nav li ul li a.none.on{background-position:-1111px -1111px;}
#features_nav ul#features_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;}
#features_nav ul#features_top-nav li ul li a.none:hover{/*background:#cc3333;color:#fff;text-shadow:none;*/}
#features_nav ul#features_top-nav li ul li a.m_design{ background-position:0 -629px;}
#features_nav ul#features_top-nav li ul li a.m_design.on{ background-position:-144px -629px;}
#features_nav ul#features_top-nav li ul li a.m_templates{ background-position:0 -592px;}
#features_nav ul#features_top-nav li ul li a.m_templates.on{ background-position:-144px -592px;}
#features_nav ul#features_top-nav li ul li a.be{ background-position:0 -47px;}
#features_nav ul#features_top-nav li ul li a.be.on{ background-position:-144px -47px;}
#features_nav ul#features_top-nav li ul li a.hdr{background-position:0 -265px;}
#features_nav ul#features_top-nav li ul li a.hdr.on{background-position:-144px -265px;}
#features_nav ul#features_top-nav li ul li a.brush{background-position:0 -57px;}
#features_nav ul#features_top-nav li ul li a.brush.on{background-position:-144px -57px;}
#features_nav ul#features_top-nav li ul li a.effects{background-position:0 -83px;}
#features_nav ul#features_top-nav li ul li a.effects.on{background-position:-144px -83px;}
#features_nav ul#features_top-nav li ul li a.frames{background-position:0 -155px;}
#features_nav ul#features_top-nav li ul li a.frames.on{background-position:-144px -155px;}
#features_nav ul#features_top-nav li ul li a.overlays{background-position:0 -189px;}
#features_nav ul#features_top-nav li ul li a.overlays.on{background-position:-144px -189px;}
#features_nav ul#features_top-nav li ul li a.text{background-position:0 -226px;}
#features_nav ul#features_top-nav li ul li a.text.on{background-position:-144px -226px;}
#features_nav ul#features_top-nav li ul li a.collage{background-position:0 -119px;}
#features_nav ul#features_top-nav li ul li a.collage.on{background-position:-144px -119px;}
#features_nav ul#features_top-nav li ul li a.ecards{background-position:0 -11px;}
#features_nav ul#features_top-nav li ul li a.ecards.on{background-position:-144px -11px;}
#features_nav ul#features_top-nav li ul li a.banner{background-position:0 -479px;}
#features_nav ul#features_top-nav li ul li a.banner.on{background-position:-144px -479px;}
#features_nav ul#features_top-nav li ul li a.webcam{background-position:0 -517px;}
#features_nav ul#features_top-nav li ul li a.webcam.on{background-position:-144px -517px;}
#features_nav ul#features_top-nav li ul li a.beauty{background-position:0 -558px;}
#features_nav ul#features_top-nav li ul li a.beauty.on{background-position:-144px -558px;}
#features_nav ul#features_top-nav li ul li a.fbcover{background-position:0 -595px;}
#features_nav ul#features_top-nav li ul li a.fbcover.on{background-position:-144px -595px;}

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

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

#features_nav ul#features_top-nav li ul li ul{ list-style:none;}
#features_nav ul#features_top-nav li ul li ul li{}
#features_nav ul#features_top-nav li ul li ul li a.on{ background:#bda460 !important;}
#features_nav ul#features_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;}

#features_nav ul#features_top-nav li #menuuserpanle{width: auto; float: right; margin-left:80px;}
#features_nav ul#features_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;}
#features_nav ul#features_top-nav li #menuuserpanle a.signin{ background:#e0e1dd; color:#2f2f2f; margin-right:0px;}
#features_nav ul#features_top-nav li #menuuserpanle a.signin:hover{background:#d7d8d4;}
#features_nav ul#features_top-nav li #menuuserpanle a.signup{ background:#cc3333; color:#fff;}
#features_nav ul#features_top-nav li #menuuserpanle a.signup:hover{ background:#b82323;}

#features_nav ul#features_top-nav li #menuuserpanle .m_userhead{ width:30px; height:30px; float:left; margin-right:5px;}
#features_nav ul#features_top-nav li #menuuserpanle .m_userhead img{ width:30px; height:30px;}
#features_nav ul#features_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;}

#features_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: 42px 0 11px 15px;
    overflow: hidden;
}
#features_homepage_login #menuuserpanle .m_userhead img{
    width: 30px;
    height: 30px;
}
#features_homepage_login #menuuserpanle .m_userinfo{
    line-height: 32px;
    margin: 47px 0;
    float: left;
    width: 80px;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    height: 30px;
    overflow: hidden;
    color: #e8e4e4;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

}
#features_homepage_login .dropdown_nav .topbg{ height:0; background-color:#cc3333;}
#features_homepage_login .dropdown_nav .listbg{ background:url(/images2/dd_bb.png?v=5.4.9.2016092801) repeat-y; padding: 0; }
#features_homepage_login .dropdown_nav .listbg.nonebg{ background:inherit;box-shadow: 1px 1px 3px rgba(0,0,0,.15);}
#features_homepage_login ul{ list-style:none; margin-bottom:0; }
#features_homepage_login ul li{
    float: none;
    display: block;
    width: 150px;
    padding: 0;
    line-height: 48px;
    position: relative;
}
#features_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;
}
#features_homepage_login ul li a:hover{
    color: #505050;
    text-shadow: none;
    background: #f5f5f5;}
#features_homepage_login ul li a:active{ color:#282828; text-shadow:none;background:#e1e1e1;}
/* end */


.indexdiv {
    width: 100%;
    min-width: 1000px;
    background-repeat: no-repeat;
    background-position: center;
    height:635px;
    background-size: cover;
    position: relative
}
.one_tap{
    background-image: url("/images2/features/one-tap-enhance/banner.jpg");
}
.crop-public {
    margin: 0 auto;

}
#indexdiv .banner_content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
}
.indexdiv .indexdiv-content {
    text-align: center;
}
.oneTap_bg{
    background-image: url("/images2/features/one-tap-enhance/photo.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:418px;
    background-size: cover;
    position: relative;
    width: 100%;
}

.indexdiv-content .feature-h1 {
    font-size: 4.2rem;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 36px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 20px;
}
.feature-h1 span{
    font-weight: bold;
}

.indexdiv-content .feature-h1-descr {
    font-size: 1.8rem;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    /* margin-top: 14px; */
    line-height: 26px;
    color: #fefeff;
    width: 75%;
    margin: 0 auto;
    position: relative;
    top: 20px;
    line-height: 30px;
}

.indexdiv-content a {
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}

.indexdiv-content a:hover {
    color: #fff;
    background-color:#d3b571;
}

.indexdiv-content a:active {
    color: #d9d9d9;
    background-color:#837243;
}


.scop-floor1 {
    height: 615px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
}

.scop-floor1 .floor1-contet {
    width: 58%;
    position: absolute;
    /*outline: 1px solid red;*/
    height: 70%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    min-width: 1103px;
}

.floor1-contet .floor1-right {
    background: rgba(172,151,91,.9);
    display: inline-block;
    position: relative;
    top: -418px;
    width: 552px;
    height: 418px;
    left: 553px;
}
.scopr-h1 {
    font-size: 2.8rem;
    color: #fff;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 70px 0 0 54px;
}

.floor1-right p {
    color: #fff;
    font-size: 1.5rem;
    margin: 40px 0 0 54px;
    /* font-family: "sintonyregular"; */
    line-height: 25px;
    width: 80%;
    margin-top: 14px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    padding-top: 38px;
}

.floor1-right a {
    margin: 40px 0 0 54px;
    display: block;
    width: 150px;
    height: 46px;
    background-color: #ececec;
    font-size: 12px;
    font-family: "sintonyregular";
    color: #444;
    border-radius: 2px;
    line-height: 46px;
    text-align: center;
    transition: all linear 0.3s;
}

.floor1-right a:hover {
    background-color: #ccc;
    color: #222;
}

.floor1-right a:active {
    background-color: #141414;
    color: #999;
}

.scope-floor2 {
    width: 100%;
    min-width: 1000px;
    height: 650px;
    background-color: #fff;
    position: relative;
}
.scope-floor2 .mid_box1{
    position: absolute;
    width: 60%;
    height: 80%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    min-width: 1000px;
}
.mid_box1 .step_left{
    width: 40%;
    height: 100%;
    position: relative;
    display: inline-block;
    text-align: left;
}
.step_left .stepConentBox{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 80%;
    height: 97%;
}
.step_pic span{
    font-size: 14px;
    color: #3c3c3c;
    position: relative;
    left: 10px;
    top: -13px;
    font-weight: bold;
}
.step_box p{
    font-size: 14px;
    color: #878787;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    line-height: 25px;
}
.step_left .step_box{
    padding-top: 30px;
}
.getStar_right{
    float: right;
    position: relative;
    width: 55%;
    height: 100%;
    text-align: center;
    /*top: -536px;*/
}
.getStar_content{
    position: absolute;
    width: 100%;
    height: 43%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;

}
.getStar_right h3{
    font-size: 24px;
    font-weight: bold;
    color: #222024;
}
.getStar_right p{
    font-size: 14px;
    line-height: 25px;
    padding-top: 36px;
    text-align: center;
    width: 78%;
    margin: 0 auto;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}

.getStar_right a{
    margin-top: 62px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.getStar_right a:hover{color: #fff;  background-color: #d3b571}
.getStar_right a:active{color: #d9d9d9;background-color: #837243;}


span.span-line {
    display: inline-block;
    width: 32px;
    height: 1px;
    background-color: #8c8c8c;
    margin: 20px 0 23px;
}

p.crop-p {
    color: #8c8c8c;
    font-size: 1.2rem;
    font-family: "sintonyregular", "";
    line-height: 28px;
}

.crop-p a {
    color: #6e6e6e;
    text-decoration: underline;
}

.floor2-content .floor2-content-down {
    padding-top: 70px;
    width: 109%;
    overflow: hidden;
}

.floor2-content-down li {
    width: 25%;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    float: left;
    background: url("/images2/features/crop/feature_lines.png") no-repeat 98px 37px;
    height: 145px;
}

.floor2-content-down li:last-child {

    background: none;
    overflow: hidden;
    margin-right: 0;
}

.floor2-content-down li p i {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.floor2-content-down li p:last-child {
    width: 90%;
    max-width: 200px;
}

.floor2-content-down li p span {
    font-size: 1.4rem;
    font-family: "hussarbold";
    color: #3c3c3c;
    text-transform: uppercase;
    margin-left: 10px;
    position: relative;
    bottom: 10px;
}

.floor2-content-down li p i.step1 {
    background: url("/images2/features/crop/feature_step1.jpg");
    background-position: -6px;
}

.floor2-content-down li p i.step2 {
    background: url("/images2/features/crop/feature_step2.jpg");
    background-position: -6px;
}

.floor2-content-down li p i.step3 {
    background: url("/images2/features/crop/feature_step3.jpg");
    background-position: -6px;
}

.floor2-content-down li p i.step4 {
    background: url("/images2/features/crop/feature_step4.jpg");
    background-position: -6px;
}

.scope-floor3 {
    width: 100%;
    height: 800px;
    background-color: #fafaFa;
    min-width: 1000px;
    position: relative;
}
.tepl_midBox{
    width:61%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    min-width: 1140px;
}

.tepl_midBox .tepl_til{
    text-align: center;
    position: relative;
    top: 30px;
}
.tepl_til h2{
    color: #222024;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 38px;
}
.tepl_til P{
    font-size: 14px;
    color: #848484;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.tepl_til P a{
    color: #ac975e;
    text-decoration: underline;

}
.telp_content{
    padding-top: 90px;
}



.tep_content_box{
    border: 1px solid #ccc;
    text-align: center;
    width: 254px;
    height: 404px;
    margin-left: 29px;
    box-shadow: 1px 1px 2px rgba(158, 151, 151, 0.3);
    border-radius: 8px;
    display: inline-block;
    float: left;
    position: relative;
}
.tep_content_box p{
    text-align: left;
    margin: -8px 0 0 16px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #848484;
    width: 90%;
}
.tep_content_box a{
    color: #ac975e;
    position: relative;
    display: inline-block;
    position: absolute;
    top: 377px;
    right: 13px;
    font-size: 14px;
}
.tep_content_box a img{
    position: relative;
    top: 2px;
    left: 2px;
}
.tep_content_box a:hover{
    color:#d3b571;
}

.floor3-content-down {
    width: 100%;
    padding-top: 46px;
}

.floor3-content-down li {
    width: 23%;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.floor3-content-down li:last-child {
    margin-right: 0;
}

.floor3-content-down li p:nth-of-type(1) img {
    /*   width: 40%;*/
}

.floor3-content-down li p:nth-of-type(2) {
    font-size: 1.4rem;
    font-family: "sintonyregular";
    color: #000;
    margin: 23px 0 10px;
}

.floor3-content-down li p:nth-of-type(3) {
    margin-bottom: 24px;
}

.floor3-content-down li a {
    font-size: 12px;
    font-family: "sintonyregular";
    color: #505050;
    text-transform: uppercase;
}

.floor3-content-down li a:hover {
    color: #282828;
}

.floor3-content-down li a:active {
    color: #141414;
}

.scop_floor4 {
    background: #fff;
    height: 436px;
    position: relative;
    width: 100%;
}
.scop_floor4_mid{
    width: 60%;
    height: 48%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center
}
.scop_floor4_mid h2{
    /*padding-top: 118px;*/
    font-size: 24px;
    font-weight: bold;
    color: #222024;
}
.scop_floor4_mid h3{
    color: #848484;
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    padding-top: 40px;
    line-height: 30px;
    font-family: opensans-L;
}
.scop_floor4_mid a{
    margin-top: 42px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.scop_floor4_mid a:hover{
    color: #fff;
    background-color: #d3b571;
}
.scop_floor4_mid a:active{
    color: #d9d9d9;
    background-color: #837243;
}




/*@media screen and (min-width: 1100px) {*/
/*.crop-public {*/
/*margin: 0 auto;*/

/*}*/

/*.floor1-contet .floor1-left {*/
/*height: 360px;*/
/*}*/

/*.indexdiv .indexdiv-content {*/
/*max-width: 1200px;*/
/*}*/

/*.indexdiv-content .feature-h1 {*/
/*font-size: 3.8rem;*/
/*color: #FFF;*/
/*text-transform: uppercase;*/
/*line-height: 44px;*/
/*}*/

/*.indexdiv-content .feature-h1-descr {*/
/*font-size: 1.4rem;*/
/*font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;*/
/*}*/

/*.indexdiv-content a {*/
/*margin-top: 24px;*/
/*width: 172px;*/
/*height: 52px;*/
/*font-size: 1.4rem;*/
/*line-height: 50px;*/
/*}*/

/*.floor1-right a {*/
/*font-size: 14px;*/
/*width: 172px;*/
/*height: 52px;*/
/*line-height: 52px;*/
/*}*/


/*.scop-floor1 {*/
/*padding-top: 96px;*/
/*padding-bottom: 96px;*/
/*}*/

/*.scop-floor1 .floor1-contet {*/
/*max-width: 1160px;*/
/*width: 90%;*/
/*}*/

/*.floor1-contet .floor1-right {*/
/*float: right;*/
/*width: 39.655%;*/
/*!*padding: 20px 0;*!*/
/*height: 320px;*/
/*position: relative;*/
/*}*/

/*.floor1-right p {*/
/*color: #8c8c8c;*/
/*font-size: 14px;*/
/*font-family: "sintonyregular";*/
/*line-height: 25px;*/
/*margin-top: 22px;*/
/*}*/

/*.floor1-right a:hover {*/
/*background-color: #282828;*/
/*color: #f5f5f5;*/
/*}*/

/*.floor1-right a:active {*/
/*background-color: #141414;*/
/*color: #FFF;*/
/*}*/

/*.scope-floor2 {*/
/*height: 650px;*/
/*}*/

/*.scope-floor2 .floor2-content {*/
/*max-width: 1400px;*/
/*width: 96%;*/
/*padding-top: 96px;*/
/*overflow: hidden;*/
/*}*/

/*.scopr-h1 {*/
/*font-size: 20px;*/
/*font-family: "hussarbold";*/
/*color: #282828;*/
/*text-transform: uppercase;*/
/*}*/

/*span.span-line {*/
/*display: inline-block;*/
/*width: 32px;*/
/*height: 1px;*/
/*background-color: #8c8c8c;*/
/*margin: 32px 0 36px;*/
/*}*/

/*p.crop-p {*/
/*color: #8c8c8c;*/
/*font-size: 14px;*/
/*font-family: "sintonyregular", "";*/
/*line-height: 29px;*/
/*}*/

/*.floor2-content .floor2-content-down {*/
/*padding-top: 120px;*/
/*width: 111%;*/
/*}*/

/*.floor2-content-down li {*/
/*width: 25%;*/
/*height: 200px;*/
/*background: url("/images2/features/crop/feature_lines.png") no-repeat 184px 50px;*/
/*margin-right: 0;*/
/*}*/

/*.floor2-content-down li p i {*/
/*display: inline-block;*/
/*width: 60px;*/
/*height: 60px;*/
/*}*/

/*.floor2-content-down li p:last-child {*/
/*max-width: 240px;*/
/*}*/

/*.floor2-content-down li p span {*/
/*font-size: 16px;*/
/*font-family: "hussarbold";*/
/*color: #282828;*/
/*text-transform: uppercase;*/
/*margin-left: 16px;*/
/*position: relative;*/
/*bottom: 10px;*/
/*}*/

/*.floor2-content-down li p i.step1 {*/
/*background: url("/images2/features/crop/feature_step1.jpg");*/
/*}*/

/*.floor2-content-down li p i.step2 {*/
/*background: url("/images2/features/crop/feature_step2.jpg");*/
/*}*/

/*.floor2-content-down li p i.step3 {*/
/*background: url("/images2/features/crop/feature_step3.jpg");*/
/*}*/

/*.floor2-content-down li p i.step4 {*/
/*background: url("/images2/features/crop/feature_step4.jpg");*/
/*}*/

/*.scope-floor3 {*/
/*height: 780px;*/
/*}*/

/*.floor3-content-down {*/
/*padding-top: 98px;*/
/*}*/

/*.floor3-content-down li {*/
/*margin-right: 2.5%;*/
/*}*/

/*.floor3-content-down li:last-child {*/
/*margin-right: 0;*/
/*}*/

/*.floor3-content-down li p:nth-of-type(2) {*/
/*font-size: 16px;*/
/*font-family: "sintonyregular";*/
/*color: #000;*/
/*margin: 32px 0 18px;*/
/*}*/

/*.floor3-content-down li p:nth-of-type(3) {*/
/*margin-bottom: 24px;*/
/*}*/

/*.floor3-content-down li a {*/
/*font-size: 12px;*/
/*font-family: "sintonyregular";*/
/*color: #505050;*/
/*text-transform: uppercase;*/
/*}*/

/*.floor3-content-down li a:hover {*/
/*color: #282828;*/
/*}*/

/*.floor3-content-down li a:active {*/
/*color: #141414;*/
/*}*/

/*.scop-floor4 {*/
/*padding-bottom: 70px;*/
/*padding-top: 70px;*/
/*}*/
/*}*/

/*@media screen and (min-width: 1100px) and (max-width: 1200px) {*/

/*.floor2-content-down li {*/
/*background: url("/images2/features/crop/feature_lines.png") no-repeat 113px 56px;*/
/*}*/

/*.floor2-content .floor2-content-down {*!*/
/*width: 106%;*/
/*}*/

/*p.crop-p {*/
/*line-height: 26px;*/
/*}*/
/*}*/

/*@media screen and (min-width: 1200px) and (max-width: 1300px) {*/

/*.floor2-content-down li {*/
/*background: url("/images2/features/crop/feature_lines.png") no-repeat 148px 52px;*/
/*}*/

/*.floor2-content .floor2-content-down {*/
/*width: 109%;*/
/*}*/

/*}*/

/*@media screen and (min-width: 1300px) and (max-width: 1400px) {*/

/*.floor2-content-down li {*/
/*background: url("/images2/features/crop/feature_lines.png") no-repeat 170px 52px;*/
/*}*/

/*.floor2-content .floor2-content-down {*/
/*width: 110%;*/
/*}*/

/*}*/

/*beauty only*/
.feature-beauty-h1 {
    font-size: 2.2rem;
    font-family: "hussarbold";
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feature-beauty-h2 {
    font-size: 2.2rem;
    font-family: "hussarbold";
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 8px;
}

.feature-beauty-descr {
    font-size: 1.2rem;
    font-family: "sintonyregular";
    margin-top: 14px;
    line-height: 26px;
    color: #f5f5f5;
}

.feature-beauty-h3 {
    font-size: 1.8rem;
    font-family: "hussarbold";
    color: #282828;
    text-transform: uppercase;
}

.feature-beauty-h3-step {
    font-size: 1.8rem;
    font-family: "hussarbold";
    color: #7f505a;
    text-transform: uppercase;
}
.dropdown_nav .sanjiao{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f0f0f0;
    position: relative;
    left: 50%;
    margin-left: 15px;
}
@media screen and (max-width: 1600px){

}
@media screen and (min-width:1440px) and (max-width:1679px){

}
@media screen and (min-width:1366px) and (max-width:1439px){

}
@media screen and (min-width:1279px) and (max-width:1365px){

}
@media screen and (min-width:1080px) and (max-width:1280px){

}
@media screen and (min-width:960px) and (max-width:1280px){

}


/*feature-header-tips all language***************************************************************************************/
.feature-header-tips{
    float: left;
    color: red;
    font-family: Arial;
}
/************************************************************************************************************************/

/*----effect----*/
#effects_banner{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/photo_effects/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
}

/*-----end-----*/




/*---Reshape---*/

.indexdiv-reshape{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/reshape/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:635px;
    background-size: cover;
    position: relative
}
.indexdiv-reshape .indexdiv-content {
    text-align: center;
}
.scope-floor1-reshape{
    height: 810px;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
    /*outline: 1px solid red;*/
    z-index: 1;
    overflow: hidden;
}
.toptb{
    display: inline-block;
    position: relative;
    top: -300px;
    left: 948px;
}
.btmtb{
    display: inline-block;
    position: relative;
    top: -118px;
}

.topimg>img{
    position: relative;
    top: 90px;
    left: 30px;
}


.btmimg >img{
    position: relative;
    top: -75px;
    left: 440px;
}

.subhead{
    top: -116px;
    position: relative;
    font-size: 22px;
    color: #fff;
    /*letter-spacing: 2px;*/
    font-weight: bold;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif
}
.divcenter{
    position:absolute;
    top:50%;
    left:50%;
    width:1000px;
    height:800px;
    margin-top:-400px;
    margin-left:-500px;
}
.scope-floor2-reshape {
    width: 100%;
    min-width: 1000px;
    height: 428px;
    background-color: #fff;
    position: relative;
}
.scope-floor2-reshape .mid_box1{
    position: absolute;
    width: 60%;
    height: 90%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    min-width: 1000px;
}

.step_left .step_box-reshape{
    padding-top: 64px;
}

.getStar_right_reshape{
    float: right;
    position: relative;
    width: 60%;
    height: 100%;
    text-align: center;
    /*top: -400px;*/
}
.getStar_right_reshape h3{
    font-size: 24px;
    font-weight: bold;
    color: #222024;
}
.getStar_right_reshape p{
    font-size: 14px;
    line-height: 25px;
    padding-top: 36px;
    text-align: center;
    width: 78%;
    margin: 0 auto;
    font-family: opensans-L;
}

.getStar_right_reshape a{
    margin-top: 62px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.getStar_right_reshape a:hover{color: #fff;  background-color: #d3b571}
.getStar_right_reshape a:active{color: #d9d9d9;background-color: #837243;}

#effects_banner .banner_content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
    text-align: center;
}
.effects_feature_h1{
    font-size: 4.2rem;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 36px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 20px;
}
.effects_feature_h1 span{
    font-weight: bold;
}
#effects_banner h3{
    font-size: 1.8rem;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #fefeff;
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
#effects_banner a{
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
#effects_banner a:hover{
    color: #fff;
    background-color: #d3b571;
}
#effects_banner a:active{
    color: #d9d9d9;
    background-color: #837243;
}
/*-----Picture_show----*/
#Picture_show{
    height: 680px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
}
#Picture_show .content_midBox{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1200px;
    height: 62%;
    /*min-width: 1000px;*/
}
/*.covered{*/
/*position: relative;*/
/*display: inline-block;*/
/*width: 700px;*/
/*height: 400px;*/
/*border: 10px solid #fff;*/
/*box-shadow: 2px 2px 5px 1px rgba(158, 151, 151, 0.3);*/
/*border-radius: 2px;*/
/*}*/
/*.handle{*/
/*background-image: url("/images2/mobile_img/drag.png");*/
/*position: absolute;*/
/*height: 20px;*/
/*cursor: pointer;*/
/*width: 20px;*/
/*margin-left: -10px;*/
/*margin-top: -10px;*/
/*text-align: center;*/
/*}*/
/*.handle span{display:inline-block;margin:15px 1px 0;color:#000;-webkit-transition:.1s ease-out;-moz-transition:.1s ease-out;-ms-transition:.1s ease-out;-o-transition:.1s ease-out;transition:.1s ease-out}*/
/*.handle.vertical{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}*/
/*.handle:hover{*/
/*background-position:0 -22px;*/
/*}*/
/*.handle:active{*/
/*background-position:0 -44px;*/
/*}*/
/*.handle:hover span{color:#FFF}*/

.check_img ul li{
    float: left;
    font-size: 14px;
    color: #8c8c8c;
    cursor: pointer;
    margin-top: 32px;
    width: 25%;
    text-align: center;
}
.check_img ul{
    height:36px;
}
.check_img ul li:hover{
    color:#ac975e;
    text-decoration: underline;
}
/*-----end-----*/

/*--------photographic-----*/
#photographic{
    height: 660px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fff;
    position: relative;
}
#photographic .photo_effectsBtn{
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
#photographic .photo_effectsBtn:hover {
    color: #fff;
    background-color: #d3b571;
}
#photographic .photo_effectsBtn:active {
    color: #d9d9d9;
    background-color: #837243;
}
.photographic_midBox{
    width: 60%;
    height: 80%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    min-width: 1147px;
    /*outline: 1px solid red;*/
}
.photographic_midBox_blur{
    width: 60%;
    height: 80%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    min-width: 1147px;
    /*outline: 1px solid red;*/
}
.contentPan_left{
    display: inline-block;
    float: left;
}
.contentPan_right{
    width: 41%;
    float: left;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    position: relative;
    top: 120px;
    left: 90px;

}
.contentPan_right .getBtn:hover {
    color: #fff;
    background-color: #d3b571;
    transition: all linear 0.3s;
}
.contentPan_right .getBtn:active {
    color: #d9d9d9;
    background-color: #837243;
}
.contentPan_right .getBtn{
    margin-top: 40px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
.contentPan_right h2{
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #282828;
    padding-bottom: 38px;
}
.contentPan_right p{
    font-size: 14px;
    line-height: 25px;
}
.contentPan_right p a{
    color: #ac975e;
    text-decoration: underline;
}
/*-----more-effects----*/
#more-effects{
    height: 1000px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
}
.more-effects_content{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: 50px;
    position: relative;
}
.more-effects_content h2{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 38px;
    color: #282828;
}
.more-effects_content p{
    font-size: 14px;
    color: #848484;
    width: 40%;
    margin: 0 auto;
    line-height: 25px;
    padding-bottom: 80px;
}
.more-effects_content_pic{
    width: 62%;
    height: 585px;
    margin: 0 auto;
    text-align: center;
    min-width: 1176px;
}
.more-effects_content_pic .tep_imgBox{
    float: left;
    margin: 0 4px 4px 0;
    transition: .2s all linear;
    cursor: pointer;
    display: inline-block;
    width: 290px;
    height: 290px;
    position: relative;
}
.more-effects_content_pic .tep_imgBox img{
    float:left;
    width:100%;
    transition: all .3s;
}
.tep_imgBox:hover{
    box-shadow: 2px 2px 3px rgba(158, 151, 151, 0.8)
}

.icon_b{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 6px solid #fff;
    display: block;
    opacity: 0;
    transition: all .3s;
}

.tep_imgBox:hover .icon_b{
    opacity: 1;
}

.tep_imgBox span,
.tep_imgBox:hover span{
    background: rgba(0,0,0,.45);
    color: #fff;
    position: absolute;
    z-index:1;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    font-family: arial;
    left: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    /*font-weight: bold;*/
}


.more-effects_content a{
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    left:50%;
    position: absolute;
    top: 830px;
    margin-left: -75px;
}
.more-effects_content a:hover{
    color: #fff;
    background-color: #d3b571;
    transition: all linear 0.3s;
}
.more-effects_content a:active{
    color: #d9d9d9;
    background-color: #837243;
}

/*!*   photo-stich*!*/
.indexdiv-photo-stitch{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/photo_stitching/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:635px;
    background-size: cover;
    position: relative;
}
.indexdiv-photo-stitch .indexdiv-content {
    text-align: center;
}
.scop-floor1-photo-stitch{
    height: 800px;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.divcenter-photo-stitch{
    position:absolute;
    top:50%;
    left:50%;
    width:1200px;
    height:800px;
    margin-top:-400px;
    margin-left:-600px;
    /*border:1px solid red;*/
    z-index: 77;
}
.img-left-sti{
    /*outline: 1px solid gold;*/
    position: relative;
    top: 82px;
    width: 322px;
    float: left;
    left: 40px;
    box-shadow:1px 0 5px 1px   #bdbdbd;
}
.text-right-sti{
    position: relative;
    /*width: 100px;*/
    /*outline: 1px solid black;*/
    float: left;
    top: 116px;
    left: 100px;
    /*font-family: 'OpenSansLight', Arial, Helvetica, sans-serif*/
}
.text-right-sti h3{
    font-size: 24px;
    font-weight: bold;
    color: #222024;

}
.text-right-sti p{
    font-family: opensans-L;
    font-size: 14px;
    line-height: 25px;
    width: 500px;
    padding-top: 34px;
}
.text-right-sti a{
    margin-top: 53px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.text-right-sti a:hover{color: #fff;  background-color: #d3b571}
.text-right-sti a:active{color: #d9d9d9;background-color: #837243;}
.img-right-sti {
    position: relative;
    float: left;
    box-shadow: 5px 3px 10px #bdbdbd;
    width: 732px;
    left: 100px;
    top: 150px;
}



/*分辨率在小于1280px（1200px）*/
@media screen and  (max-width: 1200px){
     .contentPan_right_tilshift{
         top: 0 !important;
         left: 0 !important;
         margin-top: 30px;
         width: 100% !important;
         position: relative;
     }
    .indexdiv-content .feature-h1{
        font-size: 3.2rem;
        padding-bottom: 15px;
    }

    .indexdiv-content .feature-h1-descr{
        font-size: 1.5rem;
    }
    .oneTap_bg{
        width: 916px;
        background-image: url("/images2/features/one-tap-enhance/one-tap-enhancephotoSmall.jpg");
    }
    .floor1-contet .floor1-right{
        width: 458px;
        left: 458px;
    }
    .scop-floor1 .floor1-contet{
        min-width: 0;
        width: 80%;
    }
    .scopr-h1{
        font-size: 2.4rem;
    }
    .floor1-right p{
        font-size: 1.3rem;
    }
    .scope-floor2{
        height: 602px;
    }
    .getStar_content{
        width: 100%;
        height: 40%;
    }
    .step_box p{
        font-size: 13px;
    }
    .getStar_right h3{
        font-size: 22px;
    }
    .getStar_right p{
        font-size: 13px;
    }
    .scope-floor3{
        height: 1254px !important;
    }
    .telp_content{
        width: 600px !important;
        margin: 0 auto;
        padding-top: 60px;
    }
    .tep_content_box{
        margin-bottom: 30px;
    }
    .scop_floor4{
        height: 400px;
    }
    .scop_floor4_mid h3{
        font-size: 13px;
        width: 80%;
    }
    /*.indexdiv-reshape{*/
    /*height: 540px !important;*/
    /*}*/
    /*.indexdiv-photo-stitch{*/
    /*height: 540px !important;*/
    /*}*/

    /*---------photo-effects-------*/

    body{
        min-width:0 !important;
    }

    .indexdiv{
        height: 600px;
    }
    .tep_imgBox:hover span{
        margin-left: 6px;
    }
    .effects_feature_h1{
        font-size: 3.2rem;
        padding-bottom: 15px;
    }
    #effects_banner h3{
        font-size: 1.5rem;
    }
    #Picture_show .content_midBox{
        width: 960px;
        height: 57%;
    }
    .content_midBox img{
        width: 960px;
    }

    #photographic{
        height: 1000px;
    }

    .photographic_midBox{

        width: 472px;

        width: 596px;

        min-width:0;
    }
    .midBox-blur{width: 472px;!important;}
    .photographic_midBox_blur{width: 472px !important;}
    .til_shift_midBox{
        width: 472px !important;
        min-width:0  !important;
    }


    .contentPan_left{
        float: none;
    }
    .contentPan_right{
        margin: 50px 0 0 -223px;
        width: 170%;
        float: none;
        text-align: center;
        top: 0;
        left: 0;
    }
    .content-blur{width: 195%}

    #photographic .photo_effectsBtn{
        margin-top: 10px;
    }
    .contentPan_right p{
        font-size: 13px;
    }
    #more-effects{
        height: 1200px;
    }
    .more-effects_content{
        margin-top: 60px;
    }
    .more-effects_content h2{
        padding-bottom: 26px;
    }
    .tepl_midBox{
        min-width: 0;
        top: 80px;
        height: auto;
    }
    .tepl_midBox .tepl_til{
        top: 0;
    }
    .more-effects_content p{
        width: 70%;
        padding-bottom: 45px;
    }
    .more-effects_content_pic{
        height: auto;
        margin: 0 auto;
        min-width: 898px;
        text-align: left;
        width: 77%;
    }
    .more-effects_content_pic .tep_imgBox{
        /*float: none;*/
        display: inline-block;
    }
    .more-effects_content a{
        top: 1050px;
    }

    /*--text 1200 min*/
    .text_content2_font{
        height: 900px !important;
    }
    .text_content2_font ul{
        width: 90% !important;
        min-width:0 !important;
    }
    .text_content2_font ul li{
        display: inline-block !important;
        margin-bottom: 46px !important;
        float: none!important;
    }

    .desgin_cont2 p{
        width: 60% !important
    }
}
/*--------------text--------------*/


.text_content1{
    width: 100%;
    min-width: 1000px;
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
    background-image: url("/images2/features/text/banner.jpg");
}
.text_content1 .crop-public{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
    text-align: center;
}
.text_content_bg{
    height: 600px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative
}
.text_content_bg div{
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 40px auto;
    width: 918px;
}
.text_content2_font{
    height: 570px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fff;
    position: relative;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.text_content2_font h1{
    font-size: 28px;
    color: #282828;
    font-weight: bold;
    padding-bottom: 38px;
    text-align: center;
    margin-top: 80px;
}
.text_content2_font p{
    font-size: 14px;
    color: #848484;
    padding-bottom: 60px;
    text-align: center;
}
.text_content2_font ul li{
    float: left;
    margin-left: 55px;
}
.text_content2_font ul {
    height: 267px;
    width: 70%;
    margin: 0 auto;
    min-width: 1323px;
}

.text_content2_format{
    height: 470px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    position: relative;
}
.text_content2_format h1{
    font-size: 28px;
    color: #282828;
    font-weight: bold;
    padding-bottom: 20px;
    margin: 45px 20px 0 20px;
}
.text_content2_format p{
    font-size: 14px;
    color: #848484;
    width: 95%;
    margin: 0 0 0 20px;
}
.text_content2_format .format_left{
    float: left;
    width: 48%;
    height: 310px;
}
.text_content2_format .format_right{
    float: right;
    display: inline-block;
}
.content2_format_mid{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 55%;
    height: 66%;
    min-width: 1046px;
}
.text_content2_color{
    height: 470px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fff;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    position: relative;
}
.color_content_mid{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 57%;
    height: 66%;
    min-width: 1046px;
}
.color_right{
    display: inline-block;
    float: right;
    width: 42%;
    line-height: 25px;
    margin-top: 100px;
}
.color_right h1{
    font-size: 28px;
    color: #282828;
    font-weight: bold;
    padding-bottom: 20px;
}
.color_right p{
    font-size: 14px;
    color: #848484;
    width: 95%;
}
.color_left{
    display: inline-block;
}
.text_content2_tra{
    height: 470px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    position: relative;
}
.tra_content_mid{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 55%;
    height: 66%;
    min-width: 1046px;
}
.tra_left{
    display: inline-block;
    width: 35%;
    margin-left: 5px;
    margin-top: 100px;
    line-height: 25px;
}
.tra_left h1{
    font-size: 28px;
    color: #282828;
    font-weight: bold;
    padding-bottom: 20px;
}
.tra_left p{
    font-size: 14px;
    color: #848484;
    width: 130%;
}
.tra_right{
    float: right;

}

/*-----------design------*/
.desgin_content_banner{
    width: 100%;
    min-width: 1000px;
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
    background-image: url("/images2/features/design/banner1.jpg");
}
.desgin_mid{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
    text-align: center;
}
.desgin_cont1,.desgin_cont2,.desgin_cont3{
    height: 700px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
    text-align: center;
}
.cont1_mid{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 83%;
    text-align: center;
}
.cont1_bottomBox, .cont1_topBox{
    display: inline-block;
    width: 1158px;
}
.cont1_bottomBox{
    margin-top: 50px;
}
.cont1_bottomBox_left{
    float: left;
    display: inline-block;
    width: 491px;
}
.cont1_bottomBox_right{
    float: right;
    width: 491px;
}
.cont1_bottomBox_left h1, .cont1_bottomBox_right h1{
    font-size: 28px;
    color: #222024;
    font-weight: bold;
    padding-bottom: 20px;
}
.cont1_bottomBox_left p, .cont1_bottomBox_right p{
    font-size: 14px;
    color: #878787;
    padding-bottom: 20px;
    margin: 0 auto;
    line-height: 25px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.desgin_cont2 h1{
    font-size: 28px;
    color: #222024;
    font-weight: bold;
    padding-bottom: 20px;
    margin-top: 50px;
}
.desgin_cont2 p{
    font-size: 14px;
    color: #878787;
    padding-bottom: 20px;
    margin: 0 auto;
    line-height: 25px;
    width: 25%;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.desgin_cont2 a{
    margin-top: 20px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
.desgin_cont2 a:hover{
    color: #fff;
    background-color: #d3b571;
}
.desgin_cont2 a:active{
    color: #d9d9d9;
    background-color: #837243;
}
.desgin_cont3{
    margin-top: -80px;
}

/*----HDR----*/

.hdr_banner{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/hdr/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
}
.hdr_banner div{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
    text-align: center;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.hdr_banner div h1{
    font-size: 4.2rem;
    color: #FFF;
    letter-spacing: 2px;
    line-height: 36px;
    font-weight: bold;
    padding-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;

}
.hdr_banner div p {
    font-size: 1.8rem;
    line-height: 26px;
    color: #fefeff;
    width: 55%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
.hdr_getStaBtn{
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.hdr_getStaBtn:hover{
    color: #fff;
    background-color: #d3b571;
}
.hdr_getStaBtn:active{
    color: #d9d9d9;
    background-color: #837243;
}
.container1{
    width: 100%;
    min-width: 1000px;
    background: #F5F5F5;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 600px;
    position: relative;
}

.container1_mid{
    width: 64%;
    height: 62%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    min-width: 1218px;

}
.hdr_picBox{
    float:left;
    box-shadow: 3px 3px 20px rgba(158, 151, 151, 0.8);
    border: 5px solid #fff;
}
.hdr_contentBox{
    width: 50%;
    float: right;

}
.hdr_contentBox h3{
    font-size: 24px;
    line-height: 2em;
    font-weight: bold;
    color: #282828;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15px;

}
.hdr_contentBox p{
    color: #8c8c8c;
    font-size: 14px;
    margin-top: 20px;
    line-height: 25px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.hdr_contentBox a{
    margin-top: 45px;
}

.container2{
    width: 100%;
    min-width: 1000px;
    background: #fff;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 2600px;
    position: relative;
}
.container2 h2{
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    text-align: center;
    margin-top: 80px;
    font-family: Arial, Helvetica, sans-serif;
}
.container2 .content_2{
    color: #8c8c8c;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    width: 45%;
    margin: 0 auto;
    margin-top: 30px;
}
.container2_mid,.container3_mid,.container4_mid,.container5_mid, .container6_mid{
    width: 62%;
    position: relative;
    margin: 0 auto;
    top: 60px;
    min-width: 980px;
}
.container3{
    width: 100%;
    height: 730px;
    background: #f6f6f6;
    text-align: center;
}
.container3 h3{
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    text-align: center;
    padding-top: 72px;
    padding-bottom: 42px;
    font-family: Arial, Helvetica, sans-serif;
}
.hdr_picBox2{
    float: right;
    box-shadow: 3px 3px 20px rgba(158, 151, 151, 0.8);
    border: 3px solid #fff;
}
.container2_mid h3 ,.container3_mid h3, .container4_mid h3{
    font-size: 24px;
    line-height: 2em;
    font-weight: bold;
    color: #282828;
}
.container2_mid p,.container3_mid p, .container4_mid p{
    color: #8c8c8c;
    font-size: 14px;
    margin-top: 20px;
    line-height: 25px;
    width: 100%;
    display: inline-block;
}
.container2_mid{
    background-image: url("/images2/features/hdr/photo1.jpg");
    width: 100%;
    min-width: 1160px;
    background-repeat: no-repeat;
    background-position: center;
    height: 394px;
    width: 60%;
}
.container2_mid{
    padding-top: 40px;
}
.container2_mid div{
    position: relative;
    left: 60px;
    display: inline-block;
    width: 45%;
}
.container2_mid a{
    margin-top: 50px;
}
.container3_mid{
    background-image: url("/images2/features/hdr/photo2.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 394px;
    width: 60%;
    min-width: 1160px;
}
.container3_mid{
    margin-top: 58px;
}

.container3_mid div{
    display: inline-block;
    width: 50%;
    position: relative;
    left: 553px;
    top: 40px;
}
.container3_mid p{
    width:100% !important;
}
.container3_mid .hdr_picBox2{
    float: left;
}

.container3_mid a{
    margin-top: 46px;
}

.container4_mid{
    margin-top: 50px;
    text-align: left;
    width: 50%;
}
.container4_mid p{
    width:100%;
}
.container4_mid a{
    margin-top: 40px;
}
.container5_mid,.container6_mid{
    height: 496px;
    margin-top: 90px;width: 918px;
    min-width: 0;

}
.container5_mid img, .container6_mid img{
    width: 100%;
    height: auto;
}
.container6_mid{
    margin-top: 20px;
}

/*----blur---*/
.content_midBox .blur_img{
    display: inline-block;
    /*float: left;*/
    box-shadow: 2px 2px 3px rgba(158, 151, 151, 0.8);
}
/*.blur_midBox{*/
    /*width: 55%  !important;*/
    /*min-width: 1045px !important;*/
/*}*/
/*----tilt-shift---*/

.til_shift_midBox{
    width: 60%;
    height: 80%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    min-width: 1147px;
}
.contentPan_right_tilshift{
    width: 51%;
    float: left;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    position: relative;
    top: 120px;
    left: 90px;

}
.contentPan_right_tilshift .getBtn:hover {
    color: #fff;
    background-color: #d3b571;
    transition: all linear 0.3s;
}
.contentPan_right_tilshift .getBtn:active {
    color: #d9d9d9;
    background-color: #837243;
}
.contentPan_right_tilshift .getBtn{
    margin-top: 40px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
.contentPan_right_tilshift h2{
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #282828;
    padding-bottom: 38px;
}
.contentPan_right_tilshift p{
    font-size: 14px;
    line-height: 25px;
}
.contentPan_right_tilshift p a{
    color: #ac975e;
    text-align: center;
    /*text-decoration: underline;*/
}

/*---collage_container--*/
.collage_container{
    height: 1984px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
}
#collage_banner{
    background-image: url("/images2/features/collage/banner0907.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
    width: 100%;
    min-width: 1000px;
}
#collage_banner .banner_content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
    text-align: center;
}
.collage_feature_h1 {
    font-size: 4.2rem;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 36px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 20px;
}
#collage_banner h3 {
    font-size: 1.8rem;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #fefeff;
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
.collage_content .collage_gerBtn,#collage_banner a,#funky_collage_banner a, .funky_con2 a{
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
#collage_banner .collage_gerBtn:hover {
    color: #fff;
    background-color: #d3b571;
}
#collage_banner .collage_gerBtn:active {
    color: #d9d9d9;
    background-color: #837243;
}
.collage_content .collage_gerBtn:hover {
    color: #fff;
    background-color: #d3b571;
}
.collage_content .collage_gerBtn:active {
    color: #d9d9d9;
    background-color: #837243;
}
.collage_content div{
    display: inline-block;
    text-align: left;
}
.collage_content{
    width: 940px;
    height: auto;
    margin: 60px auto;

}
.collage_content h3{
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    text-align: left;
    padding-bottom: 36px;
    font-family: Arial, Helvetica, sans-serif;
}
.collage_content p{
    color: #8c8c8c;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.collage_con1right{
    width: 50%;
    text-align: left;
    position: relative;
    top: -95px;
    left: 40px;
}
.collage_content a{
    margin-top: 38px;
}
.collage_con1Left{
    box-shadow: 2px 2px 12px rgba(158, 151, 151, 0.8);
}
.float_con{
    position: relative;
    left: 550px;
}
.float_conta{
    position: relative;
    left: -350px
}
.blur_con_fn{
    height: 980px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fafafa;
    text-align: center;
}
.blur_con_fn ul{
    width: 64%;
    margin: 0 auto;
    min-width: 1217px;
}
.blur_con_fn ul li{
    display: inline-block;
    margin: 0 2px 2px 0;
}
.blur_con_fn h2{
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    text-align: center;
    padding-bottom: 70px;
    padding-top: 88px;
    font-family: Arial, Helvetica, sans-serif;
}
.blur_con_fn a{
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
.blur_con_fn a:hover{
    color: #fff;
    background-color: #d3b571;
}
.blur_con_fn a:active{
    color: #d9d9d9;
    background-color: #837243;
}

/* photo retouching!*/
@font-face {
    font-family: 'opensans-B';
    src:url('/images2/help/style/font/opensans/OpenSans-Bold.ttf') format('truetype')
}
@font-face {
    font-family: 'opensans-L';
    src:url('/images2/help/style/font/opensans/OpenSans-Light.ttf') format('truetype')
}
@font-face {
    font-family: 'AR';
    src:url('/images2/pricing_img/font/arial.ttf') format('truetype')
}
@font-face {
    font-family: 'opensans-R';
    src:url('/images2/help/style/font/opensans/OpenSans-Regular.ttf') format('truetype')
}
.indexdiv-photo-retouch {
    width: 100%;
    min-width: 1125px;
    background-image: url("/images2/features/reshape/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:635px;
    background-size: cover;
    position: relative
}
.divcenter-retouch{
    position: absolute;
    top:0;
    right:0;bottom:0;left:0;
    display:inline-block;
    margin:0 auto;
    width:60%;
    height:78%;
    min-width:1125px;
}
.indexdiv-content .feature-h1-descr-retouch {
    font-size: 1.8rem;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #fefeff;
    width: 81%;
    margin: 0 auto;
    position: relative;
    top: 20px;
    line-height: 30px;
}
.scope-floor1-retouch{
    height: 2198px;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
    /*outline: 1px solid red;*/
    z-index: 1;
    overflow: hidden;
}
.retouch-img{
    box-shadow: 2px 2px 27px rgba(0,0,0,.2) ;
    position: relative ;
    margin-top: 84px;
    float: left;
    text-align: center;
    display: inline-block;
}
.retouch-text{
    position: absolute;
    display: inline-block;
    margin-left: 90px;
    margin-top: 136px;
    float: left;
}
.retouch-text h3{
    font-family: opensans-B;
    font-size: 20px;
    color: #282828;
}
.retouch-text p{
    font-family: opensans-L;
    font-size: 14px;
    color: #848484;
    padding-top: 38px;
}
.retouch-text-2{position: relative;  margin-top: 190px;  float: left;  display: inline-block;}
.retouch-text-2 h3{font-family: opensans-B;  font-size: 20px;  color: #282828;  }
.retouch-text-2 p{font-family: opensans-L;  font-size: 14px;  color: #848484;  padding-top: 38px;  width: 314px;display: inline-block;}
.retouch-img-2{box-shadow: 2px 2px 27px rgba(0,0,0,.2) ;  position: absolute ;  margin-top: 110px;  margin-left: 50px;  float: right;  display: inline-block;  }
.begin-content a{  font-family: AR;  font-size: 14px;  color: #ac975e;  }
.norm{position: relative;  left: 4px; top: 1px; display: inline-block;  width: 8px;  height: 13px;  background-image: url('/images2/pricing_img/Upgrade%20Now.png');  }
.begin-content a:hover .norm{ background-position: 0 -13px;  }
.begin-content a:active .norm{  background-position: 0 -26px;}
.begin-content a:hover{color: #bca460}
.begin-content a:active{color: #978450}
.btn-retouch a{margin-top: 84px;display: inline-block;width: 150px;height: 46px;background-color: #ac975e;  font-size: 1.2rem;  font-family: "sintonyregular"; color: #f5f5f5;  border-radius: 2px;  line-height: 46px;  transition: all linear 0.3s;  text-align: center;  }
.btn-retouch{text-align: center;}
.btn-retouch a:hover{color: #fff;  background-color: #d3b571;}
.btn-retouch a:active{color: #d9d9d9;  background-color: #837243;}
.scope-floor2-retpuch {width: 100%;min-width: 1000px;  height: 428px;  background-color: #fff;  position: relative;}


/*-----funky-collage----*/
#funky_collage_banner{
    background-image:url("/images2/features/photo_stitching/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
    width: 100%;
    min-width: 1000px;
    text-align: center;
}
#funky_collage_banner h1{
    font-size: 4.2rem;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 36px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 20px;
}
#funky_collage_banner h3{
    font-size: 1.8rem;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #fefeff;
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}

#funky_collage_banner .collage_getBtn:hover {
    color: #fff;
    background-color: #d3b571;
}
#funky_collage_banner .collage_getBtn:active {
    color: #d9d9d9;
    background-color: #837243;
}
.funky_container{
    width: 100%;
    height: 800px;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.funky_container .funky_con1 ul li{
    display: inline-block;
    box-shadow: 2px 2px 4px rgba(158, 151, 151, 0.8);
    margin-left: 10px;
}
.funky_con2 h2{
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    padding-bottom: 36px;
    padding-top: 60px;
    font-family: Arial, Helvetica, sans-serif;
}
.funky_con2 p{
    color: #8c8c8c;
    font-size: 14px;
    line-height: 25px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    width: 60%;
    margin: 0 auto;
}
.funky_con1{
    margin-top: 88px;
}
.funky_con2 a{
    margin-top: 36px;
}.begin-content{
    position: relative;
    margin-top: 38px;

}
.funky_con2 a:hover{
    color: #fff;
    background-color: #d3b571;
}
.funky_con2 a:active{
    color: #d9d9d9;
    background-color: #837243;
}


/*! Teeth */
.indexdiv-teeth{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/reshape/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:635px;
    background-size: cover;
    position: relative
}
.indexdiv-teeth .indexdiv-content {
    text-align: center;
}

/**! Red-eye*/
.indexdiv-redeye{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/reshape/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:635px;
    background-size: cover;
    position: relative
}
.indexdiv-redeye .indexdiv-content {
    text-align: center;
}



/*!* Lomo-effect*/
.lomo-boxshadow{
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    margin-top: -25px;
}
.lomo-tt{
    margin-top: 60px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family:AR;
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.lomo-tt:hover {
    color: #fff;
    background-color: #d3b571;
}
.lomo-tt:active {
    color: #d9d9d9;
    background-color: #837243;
}
.lomo-2{
    margin-top: 60px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family:AR;
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.lomo-2:hover{
    color: #fff;
    background-color: #d3b571;
}
.lomo-2:active {
    color: #d9d9d9;
    background-color: #837243;
}
#more-effects-lomo{
    height: 900px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
}
.lomo-title{
    font-family: opensans-L;
    font-size: 24px;
    font-weight: bold;
    color: #282828;
    text-align: center;
    margin-top: 50px;
    position: relative;
    padding-bottom: 60px;
}

.more-effects_content_pic{
    width: 62%;
    height: 585px;
    margin: 0 auto;
    text-align: center;
    min-width: 1176px;
}

/*montage*/
.montage_content{
    height: 1144px;
    background: #fafafa;
    text-align: center;
}
.montage_content ul{
    width: 1045px;
    margin: 0 auto;
    padding-top: 88px;
}
.montage_content ul li{
    display: inline-block;
    box-shadow: 2px 2px 12px rgba(158, 151, 151, 0.8);
}
.montage_content ul>li:nth-of-type(2), .montage_content ul>li:nth-of-type(4){
    margin-left: 20px;
}
.montage_content ul>li:nth-of-type(1), .montage_content ul>li:nth-of-type(2){
    margin-bottom: 20px;
}
.montage_content h2{
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    text-align: center;
    padding-bottom: 22px;
    padding-top: 98px;
    font-family: Arial, Helvetica, sans-serif;
}
.montage_content p{
    color: #8c8c8c;
    font-size: 14px;
    line-height: 25px;
    width: 50%;
    margin: auto;
    text-align: center;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}

.montage_content a{
    margin-top: 46px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
#more-effects{
    height: 1000px;
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
    background-color: #fafafa;
    position: relative;
}
.more-effects_content{
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: 50px;
    position: relative;
}
.more-effects_content h2{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 38px;
    color: #282828;
}
.more-effects_content p{
    font-size: 14px;
    color: #848484;
    width: 40%;
    margin: 0 auto;
    line-height: 25px;
    padding-bottom: 80px;
}
.more-effects_content_pic{
    width: 62%;
    height: 585px;
    margin: 0 auto;
    text-align: center;
    min-width: 1176px;
}
.more-effects_content_pic .tep_imgBox{
    float: left;
    margin: 0 4px 4px 0;
    transition: .2s all linear;
    cursor: pointer;
    display: inline-block;
    width: 290px;
    height: 290px;
    position: relative;
}
.more-effects_content_pic .tep_imgBox img{
    float:left;
    width:100%;
    transition: all .3s;
}
.tep_imgBox:hover{
    box-shadow: 2px 2px 3px rgba(158, 151, 151, 0.8)
}

.icon_b{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 6px solid #fff;
    display: block;
    opacity: 0;
    transition: all .3s;
}

.tep_imgBox:hover .icon_b{
    opacity: 1;
}

.tep_imgBox span,
.tep_imgBox:hover span{
    background: rgba(0,0,0,.45);
    color: #fff;
    position: absolute;
    z-index:1;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    font-family: arial;
    left: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    /*font-weight: bold;*/
}


.more-effects_content a{
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    left:50%;
    position: absolute;
    top: 830px;
    margin-left: -75px;
}
.more-effects_content a:hover{
    color: #fff;
    background-color: #d3b571;
    transition: all linear 0.3s;
}
.more-effects_content a:active{
    color: #d9d9d9;
    background-color: #837243;
}

/*----artistic-collage--*/
.artistic-coollage{
    height: 980px;
}

/*----crop--*/
.indexdiv-photo-crop{width: 100%; min-width: 1000px;  background-image: url("/images2/features/crop/banner-new.jpg");  background-repeat: no-repeat;  background-position: center;  height:635px;  background-size: cover;  position: relative;  }
.indexdiv-photo-crop .indexdiv-content {  text-align: center;}
.scop-floor1-photo-crop{height: 772px;  width: 100%;  min-width: 1000px;  background-color: #fafafa;  position: relative;  z-index: 1;  overflow: hidden;  }
.divcenter-photo-crop{position:absolute;  top:50%;  left:50%;  width:1087px;  height:600px;  margin-top:-300px;  margin-left:-543.5px;   z-index: 77;  }
.img-left-crop {position: relative;  width: 322px;  float: left;}
.text-right-crop{position: relative;  float: left;  top: 46px;  left: 248px;}
.text-right-crop h3{font-size: 24px;  font-family: opensans-B;  color: #fff;}
.text-right-crop p{font-family: opensans-L;  font-size: 14px;  line-height: 25px;  width: 500px;  padding-top: 22px;color: #f3f3f3  }
.text-right-crop a{margin-top: 23px;  display: inline-block;  width: 150px;  height: 46px;  background-color: #ececec;  font-size: 1.2rem;  font-family: AR;  color: #444;  border-radius: 2px;  line-height: 46px;  transition: all linear 0.3s;  text-align: center;  }
.text-right-crop a:hover{color: #222;  background-color: #fff;}
.text-right-crop a:active{color: #999;background-color: #ccc;}

/*----resize--*/
.scop-floor1-photo-resize{height: 894px;  width: 100%;  min-width: 1000px;  background-color: #fafafa;  position: relative;  z-index: 1;  overflow: hidden;  }
.divcenter-photo-resize{position:absolute;  top:50%;  left:50%;  width:1088px;  height:704px;  margin-top:-352px;  margin-left:-544px;   z-index: 77;  }
.btm-pic-resize{position: relative;float: left;margin-top: 10px;}
.text-right-resize{position: relative;  float: left;  top: 46px;  left: 248px;}
.text-right-resize h3{font-size: 24px;  font-family: opensans-B;  color: #fff;}
.text-right-resize p{font-family: opensans-L;  font-size: 14px;  line-height: 25px;  width: 500px;  padding-top: 22px;color: #f3f3f3  }
.text-right-resize a{margin-top: 34px;  display: inline-block;  width: 150px;  height: 46px;  background-color: #ececec;  font-size: 1.2rem;  font-family: AR;  color: #444;  border-radius: 2px;  line-height: 46px;  transition: all linear 0.3s;  text-align: center;  }
.text-right-resize a:hover{color: #222;  background-color: #fff;}
.text-right-resize a:active{color: #999;background-color: #ccc;}

/*----cool-photo-effect--*/

.cool-tt{
    margin-top: 60px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family:AR;
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.cool-tt:hover {
    color: #fff;
    background-color: #d3b571;
}
.cool-tt:active {
    color: #d9d9d9;
    background-color: #837243;
}
.more-col-effects_content_pic{
    width: 1206px;
    height: 585px;
    margin: 0 auto;
    text-align: center;
    min-width: 1176px;
}
.more-col-effects_content_pic .tep_imgBox{
    float: left;
    margin: 0 4px 4px 0;
    transition: .2s all linear;
    cursor: pointer;
    display: inline-block;
    width: 398px;
    height: 290px;
    position: relative;
}
.more-coleffects_content_pic .tep_imgBox img{
    float:left;
    width:100%;
    transition: all .3s;
}

/*----funk-effect--*/

/*----color-splsah--*/

#content1{
    position: relative;
    width: 100%;
    height: 600px;
    min-width: 1125px;
    background: #fafafa;
}
.mid_box-con1{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 66%;
    height: 54%;
    text-align: center;
    min-width: 1260px;
}
.img-L{
    display: inline-block;
    position: relative;
    width: 600px;
    float: left;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.img-R{
    display: inline-block;
    position: relative;
    width: 600px;
    margin-left: 60px;
    float: left;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.contentPan_left_spl{
    display: inline-block;
    float: left;
    width: 472px;
}
.contentPan_left_spl img:nth-child(1){
    display: block;
}
.contentPan_left_spl img:nth-child(2){
    margin-top: 28px;
}
.pic-flt {
    width: 63%;
    margin: 0 auto;
    position: relative;
    height: auto;
    min-width: 1212px;
    padding-top: 30px;
}
.pic-spl{
    float: left;
    margin-left: 6px;
}

/*----straighten--*/
.scop-floor1-photo-straighten{height: 894px;  width: 100%;  min-width: 1000px;  background-color: #fafafa;  position: relative;  z-index: 1;  overflow: hidden;  }
.divcenter-photo-straighten{position:absolute;  top:50%;  left:50%;  width:1188px;  height:710px;  margin-top:-355px;  margin-left:-594px;   z-index: 77;}
.pic-text{font-family: opensans-R;font-size: 18px;display: inline-block;float: left;margin-top: 30px;color: #000;position: relative;left: 47%;}
.text-two{position: relative;left: 133%}
.text-three{position: relative;left: 224%}
.text-right-straighten{position: relative;  float: left;  top: 49px;  left: 263px;}
.text-right-straighten h3{font-size: 24px;  font-family: opensans-B;  color: #fff;}
.text-right-straighten p{font-family: opensans-L;  font-size: 14px;  line-height: 25px;  width: 500px;  padding-top: 26px;color: #f3f3f3  }
.text-right-straighten a{margin-top: 28px;  display: inline-block;  width: 150px;  height: 46px;  background-color: #ececec;  font-size: 1.2rem;  font-family: AR;  color: #444;  border-radius: 2px;  line-height: 46px;  transition: all linear 0.3s;  text-align: center;  }
.text-right-straighten a:hover{color: #222;  background-color: #fff;}
.text-right-straighten a:active{color: #999;background-color: #ccc;}



/*----mosaic--*/
.contentPan_right_mosaic{
    width: 51%;
    float: left;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    position: relative;
    top: 120px;
    left: 90px;

}
.contentPan_right_mosaic .getBtn:hover {
    color: #fff;
    background-color: #d3b571;
    transition: all linear 0.3s;
}
.contentPan_right_mosaic .getBtn:active {
    color: #d9d9d9;
    background-color: #837243;
}
.contentPan_right_mosaic .getBtn{
    margin-top: 40px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
.contentPan_right_mosaic h2{
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #282828;
    padding-bottom: 38px;
}
.contentPan_right_mosaic p{
    font-size: 14px;
    line-height: 25px;
}
.contentPan_right_mosaic p a{
    color: #ac975e;
    text-align: center;
    /*text-decoration: underline;*/
}

#content-mosaic{
    position: relative;
    width: 100%;
    height: 600px;
    min-width: 1125px;
    background: #fafafa;
}
.mid_box-con-mosaic{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 63%;
    height: 422px;
    text-align: center;
    min-width: 1200px;
}
.ms-img-L{
    display: inline-block;
    position: relative;
    width: 600px;
    float: left;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.ms-img-R{
    display: inline-block;
    position: relative;
    width: 600px;
    /*margin-left: 60px;*/
    float: left;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

/*----backgrounds--*/
#backgr_banner{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/design/banner1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
}
#backgr_banner .banner_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
    text-align: center;
}
.feames_feature_h1{
    font-size: 4.2rem;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 36px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
}
#backgr_banner h3 {
    font-size: 1.8rem;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #fefeff;
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
#backgr_banner a {
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
#backgr_banner a:hover{
    color: #fff;
    background-color: #d3b571;
}
#frames_banner a:active{
    color: #d9d9d9;
    background-color: #837243;
}
.backgr-pic-1{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin:90px auto;
    width: 70%;
    height: 670px;
    min-width: 1200px;
}
.backgr-pic-1 a{
    margin-top: 52px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
    position: relative;
    left: 42%;
}
.backgr-pic-1 a:hover{
    color: #fff;
    background-color: #d3b571;
}
.backgr-pic-1 a:active{
    color: #d9d9d9;
    background-color: #837243;
}
.backgr-pic-1 img{
    position: relative;

}
#content-backgr{
    position: relative;
    width: 100%;
    height: 670px;
    min-width: 1125px;
    background: #fafafa;
}
.backgr-pic-2 img{
    width: 380px;
    height: 253px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);

}
.backgr-text-2 h3{
    font-family: opensans-B;
    font-size: 24px;
    color: #282828;
    line-height: 30px;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 56px;
}
.backgr-text-2 p{
    font-family: opensans-L;
    font-size: 14px;
    color: #848484;
    line-height: 24px;
    text-align: center;
    position: relative;
    width: 88%;
    top: 22px;
    margin: 0 auto;
}
.back-small-list a{
    float: left;
    width: 33.333%;
    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;}
.back-small-list a img{ width: 100%; height: auto;box-shadow: 2px 2px 5px rgba(0,0,0,.26);}
.back-small-list a:hover{ border:3px solid #fff;}
.back-small-list a:active{ border:3px solid #ac975e;}





/*----Frames--*/
#frames_banner{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/frames/frames_banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
}
#frames_banner .banner_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 37%;
    text-align: center;
}
.feames_feature_h1{
    font-size: 4.2rem;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 36px;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
}
#frames_banner h3 {
    font-size: 1.8rem;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #fefeff;
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
#frames_banner a {
    margin-top: 80px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
}
#frames_banner a:hover{
    color: #fff;
    background-color: #d3b571;
}
#frames_banner a:active{
    color: #d9d9d9;
    background-color: #837243;
}
.fram-pic-1{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 70%;
    height: 375px;
    min-width: 1200px;
}
.fram-pic-1 a{
    margin-top: 65px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
    position: relative;
    left: 100px;
}
.fram-pic-1 a:hover{
    color: #fff;
    background-color: #d3b571;
}
.fram-pic-1 a:active{
    color: #d9d9d9;
    background-color: #837243;
}
.fram-pic-1 img{
    position: relative;
    
}
#content-frames{
    position: relative;
    width: 100%;
    height: 490px;
    min-width: 1125px;
    background: #fafafa;
}
.fram-pic-2 img{
    width: 540px;
    height: 360px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);

}
.fram-text-2 h3{
    font-family: opensans-B;
    font-size: 24px;
    color: #282828;
    line-height: 30px;
    display: inline-block;
    position: relative;
    left: 100px;
}
.fram-text-2 p{
    font-family: opensans-L;
    font-size: 14px;
    color: #848484;
    line-height: 24px;
    display: inline-block;
    position: relative;
    width: 46%;
    left: 100px;
    top: 22px;
}




.features-tag-list{ width: 1000px; position: relative; margin: 50px auto 0; font-size: 0 ;padding-bottom: 40px;!important;}
.features-tag-list .move_underline{ width: 100px; height: 2px; background: #ac975e; position: absolute; top: 26px; left: 0; display: none;}
.features-tag-list a{ display: inline-block; line-height: 25px; font-family: Arial, Helvetica, sans-serif; color: #646464; font-size: 14px; padding: 0 25px;}
.features-tag-list a:hover{ color: #3c3c3c;}
.features-tag-list a:active{ color: #ac975e;}
.features-tag-list a.on{ color: #ac975e;}
.features-img-list a img{ width: 100%; height: auto;box-shadow: 2px 2px 5px rgba(0,0,0,.26);}
.features-img-list a:hover{ border:2px solid #ac975e;}
/*.features-img-list a:active{ border:3px solid #ac975e;}*/


/*features 页脚导航½*/
ul{list-style: none;}
.nav_1_ft{  width: 100px; margin:-3px 0 0 -22px;padding: 0;}
.nav_2_ft{  padding: 0;margin-top: -10em;margin-left: -1.5em;}
/*箭头图标*/
#img1_ft{  position:absolute;top: .78em;left: 5.4em;cursor: pointer;}
#img2_ft{  position: absolute;top: .78em;left: 5.4em;cursor: pointer;display: none;}
.li1:hover #img2_ft{ display: block;}
.nav_1_ft a{ display: block;width: 94px;height: 36px;line-height: 36px;text-decoration: none;color: #787878;text-align: center;font-family: Helvetica,Arial,sans-serif}
.nav_1_ft a:hover{ color: #fff;}
.nav_1_ft li{ position: relative;}
/*悬浮不同的nav中的li 设置不同颜色*/
.li2_ft:hover{ background: #bda461;}
.nav_1_ft ul{ position: absolute;left: 7.89em;top:10em;display: none;}
 /*显示nav2和nav3*/
.nav_2_ft{position: absolute;left: 7.89em;top:0;display: none; background: #141414;display: block;border: 1px solid #323232;}
.li2:hover .nav_3{ background: #141414;display: block;border: 1px solid #323232;}
.li2_ft>a{width:140px;}
.nav_2_ft .li2_ft a{text-align: left;padding-left: 10px;font-size: 14px}


/*go art style*/
.goArt_banner{
    width: 100%;
    min-width: 1000px;
    background-image: url("/images2/features/goArt/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 635px;
    background-size: cover;
    position: relative;
    text-align: center;
}
.goArt_banner div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 50%;
    text-align: center;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.goArt_banner div h1 {
    font-size: 4.2rem;
    color: #fff;
    line-height: 36px;
    font-weight: bold;
    padding-bottom: 20px;
}
.goArt_banner div p {
    font-size: 1.6rem;
    line-height: 26px;
    color: #fefeff;
    width: 55%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
.appStoreLink{
    font-size: 14px !important;
    color: #fefeff;
    top: 68px !important;
}
.appStoreLink a{
    color: #ac975e;
    text-decoration: underline;
}
.goArt_content1{
    width: 100%;
    min-width: 1000px;
    background: #fff;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 750px;
    position: relative;
    text-align: center;
}
.goArt_content1 h1{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin: 100px 0 40px 0;
}
.goArt_content1 span{
    display: inline-block;
    height: 2px;
    width: 45px;
    background-color: #ac975e;
    margin-bottom: 40px;
}
.goArt_content1 h3{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-bottom: 16px;
}
.goArt_content1 p{
    font-size: 14px;
    color: #8e8e8e;
    margin-bottom: 52px;
}
.goArt_content1 a{
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
    margin-top: 52px;
}
.goArt_content2{
    width: 100%;
    min-width: 1000px;
    background: #fafafa;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 620px;
    position: relative;
    text-align: center;
}
.goArt_content2 h1{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 64px 0 30px 0;
}
.goArt_content2 p{
    font-size: 14px;
    color: #8e8e8e;
    padding-bottom: 42px;
}
.goArt_content2 span{
    display: inline-block;
    height: 2px;
    width: 45px;
    background-color: #ac975e;
    margin-bottom: 56px;
}
.goArt_content3{
    width: 100%;
    min-width: 1000px;
    background: #fff;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 1445px;
    position: relative;
    text-align: center;
}
.goArt_content2 img{
    box-shadow: 1px 1px 6px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0,.1);
    -o-box-shadow: 1px 1px 6px rgba(0,0,0,.1);
}
.fauvism_con, .ukiyoe_con{
    position: relative;
}
.ukiyoe_con{

}
.fauvism_con>div:nth-of-type(1){
    padding-top: 100px;
}
.fauvism_con>div:nth-of-type(2){
    display: inline-block;
    position: relative;
    left: 200px;
    top: -460px;

}
.ukiyoe_con>div:nth-of-type(2){
    display: inline-block;
    position: relative;
    right: 305px;
    top: -180px;
}
.fauvism_con h1, .ukiyoe_con h1{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding-bottom: 20px;
}
.fauvism_con p, .ukiyoe_con p {
    font-size: 14px;
    color: #8e8e8e;
    padding-bottom: 40px;
}
.fauvism_con span, .ukiyoe_con span {
    display: inline-block;
    height: 2px;
    width: 45px;
    background-color: #ac975e;
}

.goArt_content3 a{
    margin-top: 0;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}
.goArt_content3 a:hover{
    color: #fff;
    background-color: #d3b571;
}
 .goArt_content3 a:active{
    color: #d9d9d9;
    background-color: #837243;
}
.goArt_content4{
    width: 100%;
    min-width: 1000px;
    background: #fafafa;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 1225px;
    position: relative;
    text-align: center;
}
.goArt_content4 .scope-floor2{
    background-color: #fafafa !important;
}

.goArt_content5{
    width: 100%;
    min-width: 1000px;
    background: #fff;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 835px;
    position: relative;
    text-align: center;
}
.goArt_content5 div{
    padding-top: 100px;
}
.goArt_content5 a{
    margin-top: 100px;
    display: inline-block;
    width: 150px;
    height: 46px;
    background-color: #ac975e;
    font-size: 1.2rem;
    font-family: "sintonyregular";
    color: #f5f5f5;
    border-radius: 2px;
    line-height: 46px;
    transition: all linear 0.3s;
    text-align: center;
}

.goArt_content5 a:hover{
    color: #fff;
    background-color: #d3b571;
}
.goArt_content5 a:active{
    color: #d9d9d9;
    background-color: #837243;
}
.goArt_content6{
    width: 100%;
    min-width: 1000px;
    background: #f3f3f3;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    height: 656px;
    position: relative;
    text-align: center;
}
.goArt_content6 .content6_mid{
    position: absolute;
    width: 60%;
    height: 70%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    min-width: 880px;
}
.content6_left {
    float: left;
}
.content6_right {
    width: 49%;
    float: right;
    margin-top: 110px;
}
.content6_right h1{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding-bottom: 20px;
    line-height: 28px;
    text-align: left;
}
.content6_right p{
    font-size: 14px;
    color: #8e8e8e;
    padding-bottom: 60px;
    display: inline-block;
    text-align: left;
    line-height: 26px;
}
.content6_right a{
    position: relative;
    display: inline-block;
    width: 145px;
    height: 45px;
    background-image: url(/images2/ios_517.png);
    cursor: pointer;
}
.content6_right a:hover{
    background-position: 0 46px;
}
.down_desk {
    position: relative;
    display: inline-block;
    width: 145px;
    height: 45px;
    background-image: url(/images2/Mac-App-Store.png) !important;
    cursor: pointer;
}
.down_desk :hover{
    background-position: 0 46px;
}
.content7_right{
    position: relative;
    display: inline-block;
    width: 145px;
    height: 45px;
    background-image: url("/images2/features/goArt/Andrews%20(2).png")!important;
    cursor: pointer;
 

}
.content7_right:hover{
    background-position: 0 46px;
}
.downloadApp{
    background-image: url(/images2/features/goArt/iosBtn.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 91px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 7px;
    left: 5px;
    background-position-y: 1px;

}
.downDesktop{
    background-image: url(/images2/Mac-App-Store02.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 91px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 7px;
    left: 5px;
    background-position-y: 1px;

}
.downDesktop:hover{
    background-position-y: -27px;
}
.downloadApp:hover{
    background-position-y: -27px;
}
.downloadApp-andr{
    background-image: url(/images2/features/goArt/Andrews.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 91px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 7px;
    left: 5px;
    background-position-y: 1px;

}
.downloadApp-andr:hover{
    background-position-y: -27px;
}

@media screen and (max-width: 640px) {
    #features_header{
        min-width:0;
    }
    #features_nav, #features_homepage_login{
        display:none;
    }
    .goArt_banner div h1{
        font-size: 2.4rem;
        padding-bottom: 0;
    }
    .goArt_banner div p{
        font-size: 1.2rem;
        /*width: 80%;*/
        top: 25px;
        line-height: 20px;
    }
    .hdr_getStaBtn, .goArt_content1 a, .goArt_content3 a, .getStar_right a, .goArt_content5 a{
        width: 100px;
        height: 26px;
        line-height: 26px;
        font-size: 1.1rem;
        margin-top: 35px;
    }
    #indexdiv{
        min-width: 0 !important;
    }
    .goArt_banner{
        min-width: 0;
        height: 375px !important;
        background-size: auto 100%;
    }
    .goArt_banner div{
        width: 100%;
        height: 65%;
    }
    .appStoreLink{
        font-size: 12px !important;
        top: 30px !important;
    }
    .goArt_content1,.goArt_content2,.goArt_content3,.goArt_content4,.goArt_content5, .goArt_content6{
        min-width: 0;
    }
    .goArt_content1 h1, .goArt_content2 h1,.fauvism_con h1, .ukiyoe_con h1{
        font-size: 16px;
        margin: 30px 0 15px 0;
        padding: 0 30px 0 30px;
    }
    .goArt_content1 span{
        margin-bottom: 18px;
    }
    .goArt_content1 h3{
        font-size: 18px;
    }
    .goArt_content1 p,.goArt_content2 p,.fauvism_con p, .ukiyoe_con p{
        font-size: 12px;
        margin-bottom: 22px;
    }
    .goArt_content1 div img{
        width:90% !important;
    }
    .goArt_content1 {
        height: 300px !important;
    }
    .goArt_content2 p{
        padding: 0 20px 10px;
        font-size: 12px;
    }
    .goArt_content2 h1{
        padding: 24px 0 0 0;
    }
    .goArt_content2 span{
        margin-bottom: 16px;
    }
    .goArt_content2{
        height: 300px !important;
    }
    .goArt_content2 div img{
        width:90% !important;
    }
    #upGradeIconBtn{
        display:none;
    }
    .fauvism_con>div:nth-of-type(1) img,
    .ukiyoe_con>div:nth-of-type(1) img{
        width:90%;
    }
    .fauvism_con>div:nth-of-type(2){
        left: 0;
        top: -20px;
    }
    .fauvism_con h1, .ukiyoe_con h1{
        padding-bottom:0;
    }
    .fauvism_con p, .ukiyoe_con p{
        padding-bottom:0;
        margin-bottom: 10px;
    }
    .fauvism_con>div:nth-of-type(1){
        padding-top: 20px;
    }
    .goArt_content3 a{
        margin-bottom: 20px;
    }
    .goArt_content3{
        height:auto;
    }
    .ukiyoe_con>div:nth-of-type(2){
        right: 0;
        top: -15px;
    }
    .goArt_content4>div:nth-of-type(1) img{
        width:90% !important;
    }
    .goArt_content4 .scope-floor2{
        min-width:0;
    }
    .goArt_content4 .mid_box1 .step_left {
        width: 100%;
    }
    .goArt_content4 .scope-floor2 .mid_box1{
        min-width:0;
        width:100%;
        height: auto;
    }
    .goArt_content4 .scope-floor2 .getStar_right{
        float: none;
        width: 100%;
        top: 35px;
    }
    .getStar_right h3{
        font-size: 16px;
        padding: 0 30px 0 30px;
    }
    .getStar_content{
        height: auto;
        width: 90%;
        top: -235px;
    }
    .goArt_content4{
        height: 870px;
    }
    .goArt_content5{
        height: 300px;
    }
    .goArt_content5 div{
        padding-top:20px
    }
    .goArt_content5 div img{
        width: 90%;
    }
    .content6_left img{
        width: 90%;
    }
    .goArt_content6{
        height: 670px;
    }
    .goArt_content6 .content6_mid{
        min-width:0;
        width: 85%;
        height: auto;
        padding-top: 65px;
    }
    .content6_left{
        float:none;
    }
    .content6_right{
        margin-top: 10px;
        width: 100%;
         left: 0;
         top: 0;
    }
    .content7_right{
        margin-left: 0!important;
    }
    .content6_right h1{
        font-size: 16px;
    }
    .content6_right p{
        font-size: 12px;
        padding-bottom: 20px;
        width: 100%;

    }
    #footer_box{
        margin-top: 0 !important;
        width: 100%;
        background: #323232;
        min-width: initial !important;
        padding-top: 30px;
    }
    #homepage_footer {
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }
    #homepage_footer dl {
        display: block;
        width: 50% !important;
        margin: 0 0 15px 0;
        float: left;
        min-height: 120px;
    }
    #homepage-copyinfo {
        margin: 50px auto 0;
        width: 100%;
        clear: both;
    }
    .step_pic img{
        width: 7%
    }
    .step_pic span{
        top: -5px;
        font-size: 13px;
    }
    .step_left .stepConentBox{
        text-align: left;
    }
    #features_menu_logo{
        margin: 10px 30px 0 15px;
    }
    #features_menu_logo img{
        width: 50px;
    }
    .goArt_content4>div:nth-of-type(1){
        padding-top: 30px !important;
    }
    .hdr_getStaBtn{
        margin-top: 65px !important;
    }

}
/*end*/
.newMsg{
    width: 28px;
    height: 11px;
    position: relative;
    left: 7px;
    top: 1px;
}