@charset "utf-8";
/* CSS Document */
ul, ol{margin:0; padding:0}
*{margin:0; padding:0; border:none; -webkit-text-size-adjust:none}
body{color:#686c78; font-family:'Roboto',Helvetica,Arial,sans-serif; font-size:18px; min-width:66.66em}
.f_lft{float:left}  .f_rgt{float:right}  .f_clr{clear:both}   .m_rgt_0{margin-right:0 !important}  .m_btm_0{margin-bottom:0 !important}  .txt_center{text-align:center !important}
.p_top_120{padding-top:6.66em}    .p_btm_120{padding-bottom:6.66em}   .p_btm_64{padding-bottom:3.55em}     .bg_01{background:#e2eaed}     .bg_02{background:#f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee}
.bg_02_top{background:#f8f8f8; border-top:1px solid #eee}
.p_top_120_06{padding-top:6.33em}
.bg_03{background:#52bf8a}   .bg_f8{background:#f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee}
.p_top_110{padding-top:6.11em}      .p_btm_110{padding-bottom:6.11em}
.h_42{font-size:2.33em; font-weight:normal; color:#3d4351}
.h_42 a{color:#3d4351; text-decoration:none}
.h_42 a:hover{color:#44c4e7}
.h_34{font-size:1.88em; font-weight:normal; color:#3d4351}
.h_34 a{color:#3d4351; text-decoration:none}
.h_34 a:hover{color:#44c4e7}
.h_50{font-size:2.77em; font-weight:500; text-align:center; color:#FFF}
.p_btm_430{padding-bottom: 4.20em}
.no_down_reg{font-size:1.05em; color:#000; opacity:0.4; text-align:center; margin-top:1.30em}
.rating {width:100%;margin:3.44em auto 0; text-align: center}
.rating img{display: inline-block;vertical-align: middle; width: 8.75rem; margin-right: 0.888rem}
.trustpilot-widget{width:16rem; display: inline-block; vertical-align: middle; opacity:0.7}
.de_trustpilot{ width: 21.7rem}
.es_pt_trustpilot{width: 19rem}
.jp_trustpilot{ width: 20rem}
.menu_bg{background:rgba(68, 196, 231,0); transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.menu_bg.active{background:rgba(68, 196, 231,1)}
.top_menu_parent{height:3.77em; background:rgba(68, 196, 231,1)}
.top_menu{width:100%; height:3.77em; position:fixed; z-index:2}
.top_menu > a{float:left; margin:1.11em 1.22em 0 3.33em; width:5.55em; height:1.55em}
.ver_line{
    height: 1.05em;
    border-right: 2px solid #FFF;
    width: 0;
    margin: 1.5em 1.38em 0 1.38em;
    opacity: 0.29;
}
.top_menu ul{list-style-type:none; font-size:0.944em; padding:0; min-width:31.17em}
.top_menu ul li{
    position: relative;
    float: left;
    margin-right: 1em;
    height: 2.22em;
    line-height: 2.22em;
    padding: 0px 13px;
    margin-top: 0.96em;}

.drop-menu {}

.drop-menu > a 
{
    text-transform: uppercase;
}

.drop-menu > div {
    display: none;
    position: fixed;
    top: 53px;
    padding-top: 15px;
}  
.drop-menu:hover > div {
    display: block;
}   
    
.child-menu {
    display: flex;
    width: 496px;
    margin-left: -13px;
    background: #ffffff;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.14);
    padding: 20px 21px 14px 25px;
    box-shadow: 0px 6px 20px 0px rgba(114, 118, 137, 0.30);
    flex-wrap: wrap;
    justify-content: space-between;
    animation: moveAnimation 0.5s ease forwards;
}

.child-menu div {
    display: inline-block;
    width: 240px;
    min-height: 46px;
    line-height: 46px;
    margin-bottom: 6px;
    border-radius: 10px;
}

.child-menu div:hover {
    background: #f3f3f7;
}

.child-menu div a {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    font-size: 15px;
    text-align: left;
    color: #080a10 !important;
    line-height: 18px;
    margin-top: 13px;
    opacity: 1 !important;
    
}

.child-menu div a svg {
    margin-right: 10px;
}

.top_menu ul li:last-child{position: relative;}
.top_menu ul li span{display: block; background: url(/images/new-tag.png) no-repeat center center; width: 34px; height: 17px; position: absolute; top: -10px; right: -36px;}
.top_menu ul li a{color:#FFF; text-decoration:none; display:inline-block; opacity:0.7}
.top_menu ul li a:hover{opacity:1;}
.top_menu ul li:hover{    background: rgb(255 255 255 / 20%);
    border-radius: 20px;}
.header_bg{background:url(/n_img/home/top-banner.png) center center no-repeat; background-size:cover; overflow:hidden}
.header{width:66.66em; margin: 9.44em auto 4em auto;}
.header h1{font-size:3.333em; color:#FFF; font-weight:500; text-align:center; margin:0 0 0.75em 0}
.header h1 span{font-style:italic}
.header p{font-size:1em; color:#FFF; text-align:center; word-spacing:200; font-weight:400; opacity:0.3}
.app_btn{    list-style-type: none;
    margin: 3.44em auto 5.33em auto;
    width: 35.56em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.app_btn li{margin-bottom: 1.88em;}
.app_btn li a{color:#FFF; text-decoration:none; font-size:1em; display:flex;justify-content: center; align-items: center; width:16.66em; height:3.88em; line-height:3.88em; border-radius:0.667em; border:1px solid #FFF; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.app_btn li a:hover{background:#fff; color:#44c4e7}
.app_btn li a svg {
    margin-right: 1.11em;
}
.app_btn li a svg path {
    fill: #fff;
}
.app_btn li a:hover svg path {
    fill: #44c4e7;
}
.header .app_btn{
	margin-bottom: 0;
}
.header .tp-widget-rating{
	color: #fff;
}
.ctn_1200{width:66.666em; margin:0 auto}
.ctn_1000{width:55.55em; margin:0 auto}
.ctn_962{width:53.444em; margin:0 auto}
.f_box{width:13.69em; margin:3.05em 0.555em 0 0; border-radius:0.222em; background:#FFF; padding:0 1.27em}
.sec_f_box{padding-bottom:1.444em}
.paddint_btm_288{padding-bottom:2.888em}
.f_box_btm_27{padding-bottom:2.70em}
.f_box_btm_416{padding-bottom:4.16em}
.f_box_btm_288{padding-bottom:2.88em}
.f_box_btm_150{padding-bottom:1.50em}
.f_box_btm_305{padding-bottom:3.05em}
.f_box_btm_455{padding-bottom:4.55em}
.f_box_btm_142{padding-bottom:1.42em}
.f_box img{margin:2.66em 0 0.94em 4.8em}       .third_f_icon img{margin-bottom:0.72em}
.f_box h4{font-size:1em; font-weight:500; color:#3d4351; text-align:center}
.f_box p{margin:1em 0 2.55em 0; font-size:0.94em; color:#686c78; line-height:1.55em; text-align:center}
.info_design{width:26.30em; float:left}
.m_090{margin:0.90em 0 0.805em 0}
.f_size_19{font-size:1.05em; color:#686c78; line-height:1.80em; text-align:left}
.ul_design{width:35.88em; float:right}
.ul_design ul{list-style-type:none}      .ul_design ul li{float:left; margin-right:0.18em; position:relative; font-size:0.94em}
.ul_design ul li:nth-child(n+4){margin-top:0.18em}
.ul_design ul li a{display:inline-block; float:left}
.ul_design ul li img{float:left}
.ul_collage{width:32.222em; float:left}
.ul_collage ul{list-style-type:none; margin:0}     .ul_collage ul li{float:left; margin-right:0.18em; position:relative; font-size:0.94em}
.ul_collage ul li:nth-child(n+3){margin-top:0.18em}
.ul_collage ul li img{float:left}
.info_collage{width:28.888em; float:right}
.edit_p{margin:1.22em auto 2.822em auto; width:44.3em}
.edit_img_box{overflow:hidden; width:100%; height:16.66em}
.edit_img_box ul{list-style-type:none; overflow:hidden; margin:0}
.edit_img_box li{overflow:hidden; width:20%; float:left; position:relative; line-height:normal}
.edit_img_box li img{float:left; max-width:none}
.edit_img_box span{display:inline-block; width:100%; text-align:center; position:absolute; top:46%; left:0; color:#FFF; font-size:1.05em}
.edit_img_box a{color:#FFF; text-decoration:none}

.color_fff{color:#FFF}
.review_txt{width:17.62em; float:left; background:#FFF; position:relative; margin:4.82em 3.055em 0 0; border-radius:0.666em; background:#FFF; padding:2.352em 1.27em 1.675em 1.27em}
.review_txt p{color:#686c78; font-size:0.95em; line-height:1.64em}
.quto{position:absolute; top:-1.83em; left:8.636em; border:4px solid #52bf8a; border-radius:100%; width:2.88em; height:2.88em; background:#FFF}
.quto img{ margin:0.86em 0 0 0.77em}
.say_arrow{position:absolute; bottom:-0.72em; left:8.636em}
.say_person{margin:2em 0 0 0}
.say_person ul li{width:20.16em; float:left; margin:0 3em 0 0; list-style-type:none; text-align:center; color:#FFF}
.say_person ul li span{display:block; font-size:0.88em; color:#000; opacity:0.6}
.award_img{ margin:3.61em 0 0 4.805em}
.rcm_article{width:16.90em; margin:3.05em 1.20em 0 0; float:left; box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.rcm_article_144{padding-bottom:1.44em}
.rcm_article_155{padding-bottom:1.55em}
.rcm_article a{text-decoration:none}
.rcm_article:hover{box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1)}
.rcm_article_info{padding:1.995em 1.11em 1.39em 1.11em}
.rcm_article h4{font-size:1.05em; color:#3d4351; line-height:1.52em; font-weight:500; margin:0 0 0.71em 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.rcm_article a:hover h4{color:#44c4e7}
.rcm_article p{font-size:0.944em; color:#686c78; line-height:1.647em}
.btm_btn_bg{background:url(/n_img/home/btm_bg.png) repeat-x bottom}
.p_top_210{padding-top:11.16em}     .p_btm_102{padding-bottom:5.66em}
.jp_p_btm_102{padding-bottom:3.9em}
.btm_btn{list-style-type:none; margin:2.44em 0 0 3.112em}
.btm_btn li{float:left; margin-right:3.11em; text-align:center}
.btm_btn li a{color:#FFF; text-decoration:none; font-size:1em; display:block; width:13.66em; height:3em; line-height:3em; border-radius:0.444em; border:1px solid #FFF}
.btm_btn li a:hover{background:#fff; color:#44c4e7; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.rcm_theme{margin-right:2.5em; float:left; width:11.332em}
.br_rcm_theme{margin-right:2.5em; float: left; width:11.332em; padding-top:2.42em}
.ctn_5118{width:51.18em !important}
.ctn_4953{width:49.53em}
.br_rcm_first{margin-right:0.85em !important}
.rcm_theme li, .br_rcm_theme li{font-size:0.85em; margin-bottom:1.20em; list-style-image:url(/n_img/home/dot.png); list-style-position:outside; margin-left:0.937em}
.rcm_theme li:nth-child(1){list-style-image:none; list-style-type:none; font-size:1em; margin-left:0}
.rcm_theme li:nth-child(1) a{color:#3d4351}
.rcm_theme li a, .br_rcm_theme li a{color:#686c78; text-decoration:none}
.rcm_theme li a:hover, .br_rcm_theme li a:hover{color:#44c4e7}
.rcm_theme li:last-child, .br_rcm_theme li:last-child{margin-bottom:0}

.ft_bg{background:#3d4351}
.ft_menu{width:55em; float:left}
.ft_menu ul{margin-right:6em; width:15em; list-style-type:none; float:left; font-size:0.94em; line-height:2.05em}
.ft_menu ul a{color:#FFF; text-decoration:none}
.ft_menu ul a:hover{color:#44c4e7; opacity:1}
.ft_menu ul p{color:#FFF; font-weight:500; font-size:1.1em; margin-bottom:0.5em}
.ft_menu ul li a{opacity:0.8}
.ft_menu_16{font-size:0.94em; line-height:1.875em}
.language_box{float:right; width:11.444em; position:relative; padding-top:10px}
.language{width:100%; position:relative; border:1px solid #fff; height:2em; border-radius:4px}
.language.active{border:1px solid #44c4e7}
.language span{color: #FFF; width: 86%; padding:4.2% 0 0 3%; display: inline-block; font-size:0.85em}
.language:focus{border:1px solid #44c4e7; outline:0}
.language div{position:absolute; top:40%; right:2.5%; width:4.8%; background:url(/n_img/home/lang-arrow.svg) 0 0 no-repeat; height:7px}
.lang_list{width:100%; border:1px solid #44c4e7; padding:2% 0 0 0; list-style-type:none; border-top:none; display:none; position:absolute; background:#3d4351}
.lang_list li a{color:#FFF; font-size:0.85em; text-decoration:none; line-height:1.7em; display:inline-block; width:100%}
.lang_list li{list-style-type:none; list-style-type:none; padding-left:3%}
.lang_list li:hover{background:#44c4e7}

.language form{margin: 0!important}
.language select{width:100%; border:1px solid #fff; padding:5% 3%; border-radius:4px; vertical-align:middle; background:transparent; color:#fff; font-size:0.85em; font-family:'Roboto',Helvetica,Arial,sans-serif}
.language select option{font-weight:normal; display:block; white-space:pre; min-height:1.2em; background:#3d4351}
.language select:focus{outline: none; border: 1px solid #44c4e7}
.copy_bg{background:#343945}
.btm_copy{font-size:0.83em; color:#FFF; opacity:0.4; padding:2em 0 1.47em 0; font-weight:400}
.btm_copy span{border-left:1px solid #FFF; margin-left:1.6em; padding-left:1.6em}
.btm_copy a{color:#fff; text-decoration:none}
.btm_copy a:hover{text-decoration:underline}
.social_box{width:11.444em; float:right; margin-top:1.16em}
.social_box ul{list-style-type:none}
.social_box li{display:inline-block; margin-right:1.11em}
.social_box li:last-child{margin-right:0}
.social_box li:hover{opacity:0.8; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}


/*Theme Page*/
.theme_bg{background:url(/n_img/theme/theme_bg.png) repeat-y center center; overflow:hidden; background-size:cover}
.theme_ban{width:66.66em; margin:0 auto; padding:8.10em 0 5.40em 0}
.ban_theme_h1{font-size:2.77em; color:#FFF; font-weight:500; text-align:center; margin:0 0 0.45em 0}
.theme_ban p{font-size:1.27em; color:#FFF; text-align:center; word-spacing:200; font-weight:400; line-height:1.5em; opacity:0.7}
.theme_ban a{display:block; text-align:center; border-radius:0.444em; border:1px solid #FFF; text-decoration:none; font-size:1em; width:13.66em; height:3em; line-height:3em; color:#FFF; margin:3.60em auto 0 auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.theme_ban a:hover{background:#fff; color:#44c4e7}
.theme_con_title{font-size:1.88em; font-weight:normal; margin:0 0 0.765em 0; color:#3d4351}
.new_theme_p{font-size:1.05em; width:44.30em; margin:0 auto; line-height:1.78em}
.new_theme_p a{color:#44c4e7; text-decoration:none}
.new_theme_p a:hover{text-decoration:underline}
.main_theme_p{font-size:0.94em; width:44.21em; margin:0 auto 2.56em auto; line-height:1.78em}
.main_theme_p a{color:#44c4e7; text-decoration:none}
.main_theme_p a:hover{text-decoration:underline}
.theme_p_btm_m{margin-bottom:2.75em}
.edit_p_btm_m{ margin-bottom:1em}
.theme_top_line{margin:3.88em 0 3.61em 0; border-top:1px dashed #e6e8ec; height:0}
.theme_line{margin:3.88em 0 3.61em 0; border-top:1px dashed #bfbfbf; height:0}
.sam_list_width{list-style-type:none; margin-top:0.55em}
.sam_list_width li{float:left; width:24.2%; margin-right:1%}
.sam_list_width li img{float:left; width:100%; max-width:100%}
.h_26{font-size:1.444em; color:#3d4351; margin-bottom:1.108em; font-weight:normal; text-align:center}
.main_theme_list{list-style-type:none; width:100%; margin-top:1.66%; text-align:center}
.leadbord_theme_list{list-style-type:none; width:100%; margin-top:1.66%; text-align:center}
.wide-skyscraper_theme_list{list-style-type:none; width:100%; margin-top:1.66%; text-align:center}
.leadbord_theme_list li{width:48.75%; margin-right:1%; display:inline-block; box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.leadbord_theme_list li img{float:left}
.wide-skyscraper_theme_list li{width:10.41%; margin-right:1%; display:inline-block; box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.wide-skyscraper_theme_list li img{float:left}
.three_column{width:76%; padding:0 12%}
.main_theme_list li{width:23.67%; margin-right:1%; display:inline-block; box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.three_column li{width:31.14%}
.three_col_portrait{width:22.25% !important}
.nothree_col_portrait{width:16.916% !important}
.nothree_col_port li{width:16.916% !important}
.three_column li:nth-child(3n){margin-right:0}
.three_column li:nth-child(n+4){margin-top:1.66%}
.main_theme_list li:last-child{margin:0}
.main_theme_list li img{float:left; width:100%; max-width:100%}
.main_theme_list li span{display: block; border-top: 1px solid #e4e4e4; font-size:0.88em; float:left; width:94.5%; padding:6.94% 0 6.94% 5.5%; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#FFF}
.main_theme_list li a{color:#686c78; text-decoration:none}
.main_theme_list li:hover{box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1)}
.main_theme_list li a:hover{color:#44c4e7}
.leadbord_theme_list li a{color:#686c78; text-decoration:none}
.leadbord_theme_list li:hover{box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1)}
.leadbord_theme_list li a:hover{color:#44c4e7}
.wide-skyscraper_theme_list li a{color:#686c78; text-decoration:none}
.wide-skyscraper_theme_list li:hover{box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1)}
.wide-skyscraper_theme_list li a:hover{color:#44c4e7}
.theme_f_box{width:13.69em; margin:0.77em 0.555em 0 0; padding:0 1.27em}
.theme_f_box img{margin:0 0 0.94em 4.8em}
.theme_f_box h4{font-size:1em; font-weight:500; color:#3d4351; text-align:center}
.theme_f_box p{margin:1em 0 0 0; font-size:0.94em; color:#686c78; line-height:1.55em; text-align:center}
.theme_ctn_22{width:20em; height:11.28em; float:left; margin:0.72em 3.33em 0 0; position:relative; padding:2.77em 0 0 0}
.theme_ctn_22 h4{font-size:1.05em; color: #3d4351; font-weight:500; text-align:center; margin:1.105em 0 0.632em 0}
.theme_ctn_22 p{text-align: center; line-height: 1.55em}
.theme_ctn_22 img{width:2.77em; height:2.77em; position:absolute; left:8.615em; top:0}
.step_box{width:19.46em; float:left; padding:0 1.38em; margin:0.77em 0 0 0}
.step_box img{margin-left:7.5em}
.step_title{font-size:1.05em; color:#3d4351; font-weight:500; text-align:center; margin:1.105em 0 0.632em 0}
.step_box p{text-align:center; line-height:1.55em; width:90%}
.bg_45{background:#45c4e7}
.bg_e2{background:#e2eaed}
.btm_enter_app{display:block; text-align:center; border-radius:0.444em; border:1px solid #FFF; text-decoration:none; font-size:1em; width:13.66em; height:3em; line-height:3em; color:#FFF; margin:2.17em auto 0 auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.btm_enter_app:hover{background:#fff; color:#44c4e7}
.f_rcm_theme{list-style-type:none; display:table; text-align:center; margin:0 auto}
.f_rcm_theme li{text-align:center; padding:0 1.38em; float:left; border-right:1px solid #bfc2c8; margin-top:2.11em}
.f_rcm_theme li:nth-child(1){padding-left:0}
.f_rcm_theme li:last-child{border:0}
.f_rcm_theme li a{color:#686c78; text-decoration:none}    .f_rcm_theme li a:hover{text-decoration:underline; color:#44c4e7}
.last_border{border:none !important}        .first_padding{padding-left:0 !important}
.related_title{font-size:1.55em; font-weight:normal; color:#3d4351; text-align:center}
.f_rcm_article{list-style-type:none}
.f_rcm_article li{float:left; margin:2.11em 0 0 7.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:29.58em}
.f_rcm_article li a{color:#686c78; text-decoration:none}
.f_rcm_article li a:hover{text-decoration:underline; color:#44c4e7}
.f_rcm_article li:nth-child(2n+1){margin-left:0}
.related_line{border-top:1px solid #e6e8ec; height:0; margin:2.88em 0 3.22em 0}
.clr_f_padding{padding-left:0 !important}
.clr_border{border:none !important}

/*for card*/
.card_theme_ban{width:66.66em; margin:0 auto; padding:11.40em 0 8.70em 0}
.card_theme_ban p{font-size:1.27em; color:#FFF; text-align:center; word-spacing:200; font-weight:400; line-height:1.5em; opacity:0.7}
.card_theme_btn{display:block; text-align:center; border-radius:0.444em; border:1px solid #44c4e7; text-decoration:none; font-size:1em; width:13.66em; height:3em; line-height:3em; color:#44c4e7; margin:2.60em auto 0 auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.card_theme_btn:hover{background:#44c4e7; color:#fff}






/*Bread Nav*/
.bread_nav{list-style-type:none; position:absolute; bottom:0; left:0}
.bread_nav li{padding-right:1.3em; color:#fff; display:inline-block; max-width:30em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.bread_nav li a{color:#fff; text-decoration:none}    .bread_nav li a:hover{color:#44c4e7}
.bread_nav li span{display:contents; border-bottom:5px solid #44c4e7; color:#44c4e7}
.bread_nav li span a{color:#44c4e7}
.bread_nav li a:hover{color:#31b3d6}
.bread_nav li a span{color:#44c4e7}

/*Resource Page*/
.rc_catalog h2{font-size:1.88em; font-weight:normal; margin:0 0 1.17em 0; color:#3d4351; text-align:center}
.rc_section{ position:relative;width:23%; margin-right:2%; border:1px solid #44c4e7; float:left; border-radius:0.55em; transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.rc_section p{font-size:1.05em; font-weight:500; color:#44c4e7; padding:7em 0 4.315em 0}
.rc_section:hover p{color:#FFF}
.rc_section > div{ width:50px; height:50px; position:absolute; top:0; bottom:24px; left:0; right:0; margin:auto}
.design_sct{background: url(/n_img/resource/resource_guid.svg) 0 0 no-repeat;}
.u-design_sct:hover .design_sct{background: url(/n_img/resource/resource_guid.svg) 0 -50px no-repeat}
.collage_sct{background: url(/n_img/resource/resource_guid.svg) -50px 0 no-repeat;}
.u-collage_sct:hover .collage_sct{background: url(/n_img/resource/resource_guid.svg) -50px -50px no-repeat}
.layout_sct{background: url(/n_img/resource/resource_guid.svg) -100px 0 no-repeat;}
.u-layout_sct:hover .layout_sct{background: url(/n_img/resource/resource_guid.svg) -100px -50px no-repeat}
.editor_sct{ background:url(/n_img/resource/resource_guid.svg) -150px 0 no-repeat;}
.u-editor_sct:hover .editor_sct{background: url(/n_img/resource/resource_guid.svg) -150px -50px no-repeat}
.rc_section:hover{ background-color:#44c4e7}
.tutorial_section{width:42%; margin:0 2.8% 3.5% 0; border:1px solid #44c4e7; border-radius:0.4em; display:inline-block; padding:4% 3%}
.tutorial_section h3{font-size:1.44em; font-weight:500; margin:0 0 6.25% 0; color:#3d4351}
.tutorial_section ul{list-style-type:disc; list-style-position:inside}
.tutorial_section ul li{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; margin-bottom:6.25%}
.tutorial_section ul li a{color:#686c78; text-decoration:none}
.tutorial_section ul li a:hover{color:#44c4e7}
.tutorial_section p{margin:10% 0 0 0;}
.tutorial_section p a{float:right; width:32%; color:#686c78; display:block; padding:2px 12px; text-decoration:none;line-height: 1.5em;}
.tutorial_section p span{ float:right;width:27px; height:27px;background:url(/n_img/resource/resource-arrow.svg) no-repeat 0 0;}
.tutorial_section p a:hover{color:#44c4e7;}
.tutorial_section p a:hover span{background:url(/n_img/resource/resource-arrow.svg) 0 -27px no-repeat}
.rc_section p{ text-align:center}
.rc_bg{background:url(/n_img/resource/rc_bg.jpg) no-repeat center center; background-size:cover; overflow:hidden}
.rc_ban{width:44.444em; margin:0 auto; padding:8.20em 0; position:relative}
.rc_title{font-size:2.77em; color:#FFF; font-weight:400; text-align:center; margin:2.30em 0 0.75em 0}
.ctn_800{width:44.444em; margin:0 auto}
.rc_intro{font-size:1.05em; line-height:1.789em; margin-bottom:1.578em; color:#3d4351}
.line_800{border-top:1px dashed #bfbfbf; height:0; margin:4em 0}
.rc_article h3{font-size:1.444em; color:#3d4351; margin-bottom:1em; font-weight:500}
.rc_article h4{font-size: 1.05em; color: #3d4351; line-height:1.52em; font-weight: 500; margin:1.47em 0 0.71em 0;}
.rc_article p{font-size:0.944em; line-height:1.647em}
.rc_article p a{color:#686c78; text-decoration:underline}
.rc_intro a{color:#3d4351; text-decoration:underline}
.rc_article p a:hover, .rc_intro a:hover{color:#44c4e7}
.rc_article img{margin:2.27em 0 0 0; padding:0 0 1.27em 0}
.rc_article p img{margin:0; padding:0}
.rc_p_m{margin:1.76em 0 0 0}


/*Privacy*/
.pvc_ban_bg{background:url(/n_img/misc/pvc_bg.jpg) no-repeat center center; background-size:cover; overflow:hidden}
.pvc_ban{width:44.444em; margin:0 auto; position:relative; padding:9.80em 0}
.bg_pvc{background:#f8f8f8; border-bottom:1px solid #eee}
.pvc_important h1{font-size:1.88em; color:#3d4351; margin-bottom:0.2em; font-weight:400}
.pvc_important p{font-size:1.05em; line-height:1.789em; margin-bottom:1.578em; color:#3d4351}
.pvc_important p:nth-child(1){font-size:0.944em; color:#686c78}
.pvc_important p:last-child{margin-bottom:0}
.pvc_item h3{font-size:1.444em; color:#3d4351; margin-bottom:1em; font-weight:500}
.pvc_item h4{font-size:0.944em; font-weight:500; color:#404040; margin-bottom:1em; list-style-type:disc}
.pvc_item ul{font-size:0.944em; line-height:1.64em; list-style-position:outside; padding-left:0.88em}
.pvc_important p a{text-decoration:none; color:#44c4e7}
.pvc_item ul li{margin-bottom:1.578em}

/*FAQs*/
.faq_bg{background:url(/n_img/misc/faq_bg.jpg) no-repeat center center; overflow:hidden; background-size:cover}
.new_faq_ban{width:66.66em; margin:0 auto; padding:8.33em 0}
.new_faq_ban p{font-size:1.05em; margin-top:1.57em; text-align:center; color:#FFF; opacity:0.7}
.faq_section h2{font-size:1.88em; font-weight:normal; margin:3.117em 0 1.17em 0; color:#3d4351}
.faq_section h2:nth-child(1){margin:0 0 1.17em 0}
.faq_section h3{font-size:1.05em; color:#3d4351; margin-top:2.058em; font-weight:500; border-bottom:1px dashed #e6e8ec; padding-bottom:0.705em}
.faq_section div{font-size:0.944em; line-height:1.885em; padding:1.176em 0 1em 0}
.faq_section div p{margin:1.76em 0 0 0}
.faq_section div p:nth-child(1){margin:0}
.faq_section div ul{list-style-type:disc; list-style-position:outside; margin:1.76em 0 0 0.882em}
.faq_section div ol{list-style-type:disc; list-style-position:outside; margin:1.76em 0 0 0.882em; width:13.93em; float:left}
.two_colum ol{width:21.34em !important}
.u-collapse-img{
        background: #44c4e7;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: none;
        float: right;
        transition: background 0.1s;
        -moz-transition: background 0.1s;
        -webkit-transition: background 0.1s;
        -o-transition: background 0.1s;
    }
    .u-collapse > div{
        display: none;
    }
    .u-collapse > h3:hover{
        color: #44c4e7!important;
	    cursor:pointer
    }
    .u-collapse > h3:hover .u-collapse-img {
        display: block!important;
    }

/*About*/
.about_bg_color{background:#44c4e7; padding-top:10.77em}
.about_bg{background:url(/n_img/misc/about_bg.png) no-repeat center center; background-size:cover}
.about_ban{height:35.44em; position:relative; width:66.66em; margin:0 auto}
.about_ban img{position:absolute; bottom:-5.44em; left:-4.5em}
.about_ban p{font-size:1.05em; width:44.444em; text-align:center; margin:1.88em auto 0 auto; color:#FFF; line-height:1.789em}
.about_info h3{font-size:1.88em; font-weight:normal; margin:3.117em 0 0.618em 0; color:#3d4351}
.about_info p{line-height:1.885em; text-align:center}
.about_info ul{list-style-type:none; text-align:center; margin-top:1.72em}
.about_info ul li{display:inline-block; margin-right:7%; height:2.388em}
.about_info ul li:last-child{margin:0}
.or_txt{text-align:center; margin:5em 0}
.line_75{width:46%; border-top:1px dashed #bfbfbf; height:0; margin:0; display:inline-block}
.or_txt span{display:inline-block; padding:0 15px; color:#bababa}


/*image filter*/
.u-cover-animate img{
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
}

.u-cover-animate li{
    overflow: hidden;
}

.u-cover-animate .u-cover > span{
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    margin-top: -12px;
    color:#FFFFFF;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.u-cover-social .u-cover,
.u-cover-animate .u-cover{
	 position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
	z-index: 1;
	text-align:center;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.u-cover-animate .u-cover{
    background:#44C4E7;
    opacity: 0;

}
.u-cover-social li{
	    position: relative;
}
.u-cover-social .u-cover{
	border-radius: 50px;
	background:rgba(0,0,0,0);
}
.u-cover-social li:hover .u-cover{
	background:rgba(0,0,0,0.2)
}
.u-cover-animate li:hover .u-cover{
    opacity: 0.9;
}
.u-cover-animate li:hover .u-cover > span{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.u-cover-animate li:hover img{
    -webkit-transform: scale(1.25) translateZ(0);
    -moz-transform: scale(1.25) translateZ(0);
    -o-transform: scale(1.25) translateZ(0);
    transform: scale(1.25) translateZ(0);

}

.u-cover-edit{
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    background:rgba(0,0,0,.15);
    opacity: 1;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.u-cover-edit{
    text-shadow: 0 0 2px rgba(0,0,0,.6);
}
.u-cover-edit:hover{
    opacity: 0;
}

.u-cover-edit.active{
    background:rgba(0,0,0,.45);
}



/*from*/
.contact-from{
    text-align: center;
	font-family:'Roboto',Helvetica,Arial,sans-serif
}

textarea{font-family:'Roboto',Helvetica,Arial,sans-serif}

.contact-from select{ width:100%; padding:15px 0.9%; border-radius:4px; border: 1px solid #EEEEEE; margin-top: 20px; font-size:0.83em; color: #3d4351; background: url(/n_img/misc/fd_arrow.png) 99% 50% no-repeat; appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none}
.full-name,.email-address{
    font-size:0.83em;
    width:47%;
    height:auto;
    background: #F8F8F8;
    border: 1px solid #EEEEEE;
    margin-top: 30px;
    padding:15px 0.9%;
    color: #3d4351;
    border-radius: 4px;
}
.your-message{
    font-size: 15px;
    width: 98%;
    background: #F8F8F8;
    border: 1px solid #EEEEEE;
    height: 370px;
    resize: none;
    margin-top: 20px;
    padding: 15px 0.9%;
    color: #3d4351;
    border-radius: 4px;
}
.contact-submit{
	font-size:0.94em;
    width: 220px;
    height: 45px;
    background: #58c18e;
    color: #FFFFFF;
    margin-top: 45px;
    border-radius: 6px;
}
.contact-submit:hover{
    background: #47aa7a;
	cursor:pointer
}
.contact-from select:focus,
.full-name:focus,
.email-address:focus,
.your-message:focus{
	outline: none;
    border: 1px solid #44c4e7;
}
.contact-submit:focus{
	outline:none!important}
.g-recaptcha{width:18.75em;margin:1em auto}
.contact__msg{margin-top:0.50em}
.contact__msg p{ font-size:1em; color:#F00}


/*Pricing*/
.p_bg{background:url(/n_img/misc/price_bg.jpg) no-repeat center center; background-size:cover}
.p_ban{width:55.55em; margin:0 auto; position:relative; padding:7.16em 0 18.27em 0}
.p_ban h1{font-size:2.77em; color: #FFF; font-weight:500; text-align:center; line-height:1em}
.p_ban h2{font-size:1.22em; text-align:center; margin:1.20em 0 0 0; font-weight:normal; color:#FFF}
.plan_tab{position:absolute; top:18.60em}
.trial_btn{width:20.66em; height:3.11em; position:absolute; top:21.777em; left:1.888em; line-height:3.11em}
.trial_btn a{background:#ff9d03 no-repeat; text-align:center; display:block; color:#fff; font-size:1.05em; font-weight:normal; text-decoration:none; cursor:pointer; border-radius:0 0 8px 8px}
.trial_btn a:hover{background:#e17711 no-repeat}
.lft_0{left:0}      .rgt_0{right:0}

.table{width:55.55em; margin:15.27em auto 1.94em auto; position:relative}
.table tr td{margin:0; height:3.22em; line-height:1.5em; position:relative; vertical-align:middle; padding:0}
.table .tbody-border{position: absolute;top: -1px;left: 4px;right: 6px; bottom:165px; /*border: 1px solid #E4E4E4; */border-radius: 0px;}
.table table{border-spacing:5px 0}
.crowned{position:relative} 
.first_column{padding-left:1.315em !important; font-size:0.94em; width:16.57em !important; color:#3a3a3a}
.second_column{color:#9a9a9a; width:272px !important; text-align:center !important; font-size:0.94}
.third_column{font-size:0.94em; width:21.22em !important; text-align:center !important}
.third_column span{color:#868686}
.bg_gray{background:#f8f8f8}
.free_check{position:absolute; top:24px; left:130px}
.plus_check{position:absolute; top:17px; left:188px}
.th_td{background:#f8f8f8; font-size:1.11em; text-align:center !important}
.first_tr{font-size:1.22em; color:#292e36; font-weight:500}
.first_th{text-indent:1em}
.plus_color{color:#ff9d03}
.no_border{border:0 !important}
/*.rgt_border{border-right:1px solid #E4E4E4}
.lft_border{border-left:1px solid #E4E4E4}
.btm_border{border-bottom:1px solid #e4e4e4}
.top_border{border-top:1px solid #e4e4e4}*/
.upgrade_btn{font-size:1.05em; border:0 !important}
.upgrade_btn a{ font-size:100%; position:relative;max-width:270px; width:270px; height:46px; text-align:center; display:block; color:#ef9033; line-height:46px; text-decoration:none; margin:20px auto 0 auto; cursor:pointer; border:1px solid #ef9033;border-radius:4px}
.upgrade_btn a div{width:17px; position: absolute; top: 3px; bottom: 0;height: 14px; left: 64%;right: 0;margin: auto;}
.upgrade_btn a:hover div{}
.upgrade_btn a:hover{color:#FFF;background:#ef9033}
.contact{text-align:right; display:block; margin:6px 0 67px 0; text-align:center; color:#686c78 !important}
.contact a{text-decoration:none; color:#44c4e7}
.contact a:hover{text-decoration:underline}
.pricing_review_bg{background-color:#f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee}
.pricing_review{width:867px; margin:0 auto 0 auto; padding:65px 0 120px 0}
.pricing_review li{color:#44c4e7 !important}
.pricing_review_quto{position: absolute; top:-1.83em; left:9.6em; border:4px solid #44c4e7; border-radius:100%; width: 2.88em; height: 2.88em; background:#44c4e7}
.pricing_review_quto img{margin: 0.86em 0 0 0.77em}
.pricing_say_arrow{position: absolute; bottom: -0.72em; left: 10.5em}
.pricing_say_person{margin:2em 0 0 0}
.pricing_say_person li{width:20em; float:left; margin:0 3em 0 0; list-style-type: none; text-align:center; padding:0 1.27em}
.pricing_say_person li:last-child{margin-right:0}
.pricing_say_person span{display:block; font-size:0.88em; color:#000; opacity: 0.7}
.pricing_width{width:20em}
.gift_bg{background:#5b4f99}
.gift{width:42em; margin:0 auto; padding:3.66em 0}
.gift p{background:url(/n_img/misc/pricing_gift.png) no-repeat left center; padding:21px 0 21px 98px; height:50px; line-height:50px; color:#fff}
.join{width:100px; text-align:center; margin:22px auto 0 auto}
.join a{width:100px; height:34px; display:block; color:#fff; line-height:34px; text-decoration:none; background:#44c4e7; padding:3px 20px; border-radius:5px}
.join a:hover{background:#31b3d6}

/*Tutorial*/
.tutorial p{font-size:1.05em; line-height:1.789em; margin:1em 0}
.tutorial img{margin:0 0 1.5em 0}
.tutorial p img{margin:0 !important}
.tutorial h3{font-size:1.444em; color:#3d4351; margin-bottom:0.7em; font-weight:500}
.tutorial h4{font-size:1.2em; color:#3d4351; margin:1em 0; font-weight:500}
.tutorial a{color:#686c78; text-decoration:underline}
.tutorial a:hover{color:#44c4e7}

/*feedback*/
.fd_ban{background: rgba(68, 196, 231,1); width:100%; height:3.77em}
.feedback h1{font-size:2.33em; color:#3d4351; text-align:center; margin-bottom:0.334em; font-weight:normal}
.feedback p{font-size:1.05em; text-align:center; line-height:1.5em; margin-bottom:1em}
.feedback p:nth-child(3){color:#44c4e7}

/*support*/
.sp_ban_bg{background:url(/n_img/misc/sp_ban.jpg) center center no-repeat; overflow:hidden; background-size:cover}
.sp_ban{width:66.66em; margin:0 auto; padding:8.88em 0}
.sp_ban h1{color:#FFF; font-size:2.77em; text-align:center; font-weight:500}
.sp_box{width:15.41em; float:left; margin-right:0.44em; background:#f8f8f8; border:1px solid #eeeeee; padding:0 2.22em 2.88em 2.22em}
.sp_box img{margin:-2.27em 0 0 5.43em}
.sp_box h3{text-align:center; margin:50px 0 0 0; color:#3d4351}
.sp_box p{text-align:center; font-size:0.994em; line-height:1.647em; margin:21px 0 0 0}
.sp_go{width:100px; text-align:center; margin: 22px 0 0 68px}
.sp_go a{width:100px; height:34px; display:block; color:#fff; line-height:34px; text-decoration:none; padding:3px 20px; border-radius:5px; border:1px solid #44c4e7; color:#44c4e7}
.sp_go a:hover{background:#44c4e7; color:#FFF}
.align_div_47{width:60.77em; margin:0 auto}

/*feature*/
.ftu_ban{padding:12.66em 0}
.ftu_h3{font-size:1.88em; font-weight: normal; color: #3d4351; text-align:center; padding-bottom:0.58em}
.first_ftu_h3{margin-top:3.52em}
.ftu_h3_top_padding{padding-top:3.52em}
.ftu_cata_list{width:66.666em}
.ftu_cata_list ul{list-style-type:none; width:100%; margin-top:1.66%; text-align:center}
.ftu_cata_list li{width:23.66%; margin-bottom:1.3125em; float:left; box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1); transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.ftu_cata_list li:last-child{margin:0}
.ftu_cata_list li img{width:100%; max-width:100%; display:block}
.ftu_cata_list li span{display:inline-block; border-top: 1px solid #e4e4e4; font-size:0.88em; float:left; width:94.5%; padding:6.94% 0 6.94% 5.5%; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#FFF}
.ftu_cata_list li a{color:#686c78; text-decoration:none}
.ftu_cata_list li:hover{box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 8px 15px 2px rgba(0, 0, 0, 0.1)}
.ftu_cata_list li a:hover{color:#44c4e7}


/*education*/
.note{font-size:1em; font-weight:bold}
.require p:nth-child(n+2){font-size:1em; line-height:1.3em; margin:0.9em 0 0 0}
.require p:last-child{margin-bottom:2.11em}
.edu_h1{color: #FFF; font-size: 2.77em; text-align: center; font-weight: 500; margin:0.5em auto}
.not_registered{font-size:0.83em;width:47%;height:auto; margin-top:30px;padding:15px 0;color:#3d4351; float:right; text-align:left}
.not_registered a{color:#44c4e7; text-decoration:none}
.not_registered a:hover{ text-decoration:underline; cursor:pointer}
.for_teacher{text-align: left; margin: 2em 0 0 0}
.draw_p{font-size: 1.05em; text-align: center; line-height: 1.5em; margin-bottom: 1em}
.radio_box label{ float:left}
.radio_box label:nth-child(2){ margin-left:12.77em}
.captcha{width:16.66em; height:11.11em; margin:4.44em auto 2em auto; position:relative}
.user-text{width:19.46em; height:2em; border: 1px solid #EEEEEE; font-size:0.83em; border-radius: 4px; color: #3d4351; margin:0.88em 0 0 0; background: #F8F8F8; padding-left:8px}
.freshen{position:absolute; width:1em; height:1em; top:12.55em; left:15.3em; background:url(/n_img/misc/freshen.svg) no-repeat top left; z-index:2}
.freshen:hover{background:url(/n_img/misc/freshen.svg) no-repeat bottom left; cursor:pointer}
.fed_fresh{position:absolute; top:12.2em}

/*promo*/
.promo_box{position:relative}
.code_form{width:620px; font-family:'Roboto',Helvetica,Arial,sans-serif; text-align:center; margin:0 auto; padding:15px 25px}
.input_code_txt{width:260px; float:left; font-size:0.94em; height:2.29em; line-height:2.29em}
.code_input{font-size:0.83em; width:162px; height:auto; background:#F8F8F8; border:1px solid #EEEEEE; padding:10px 5px; color:#3d4351; border-radius:4px; float:left}
.code_input:focus{outline: none; border: 1px solid #44c4e7}
.apply_btn{width:130px; float:left; height:2.29em; font-size:0.94em; margin-left:1.38em; background:#58c18e; color:#FFF; border-radius:6px}
.apply_btn:hover{cursor:pointer; background:#47aa7a}
.code_right{padding-bottom:7em}
.code_right p, .code_error{font-size:0.94em; text-align:left; line-height:1.6em}
.code_error{color:#D9001A; display:none; position:absolute; top:196px; left:200px}
.code_right p{position:absolute; top:120px; left:200px}
.code_right span{color:#47aa7a}
.start_btn{display:block;text-align:center;border-radius:0.444em;border:1px solid #44c4e7;text-decoration:none;font-size:1em; width:10em; height:2.5em; line-height:2.5em;color:#44c4e7; transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s; position:absolute; top:275px; left:409px}
.start_btn:hover, .sign_up_btn:hover{background:#44c4e7; color: #fff; cursor:pointer}
.code_right a{position:absolute; top:196px; left:409px}
.code_box a{display:none !important}
.registered_div{width:750px; font-family:'Roboto',Helvetica,Arial,sans-serif; position:relative; text-align:center; margin:0 auto; padding:15px 25px}
.registered_txt, .old_user_info{font-size:0.94em; text-align:center; width:100%; line-height:1.80em}
.sign_up_btn{text-align:center;border-radius:0.444em;border:1px solid #44c4e7;text-decoration:none;font-size:1em; width:10em; height:2.5em; line-height:2.5em;color:#44c4e7; transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s; margin:30px 0 0 0; background:#FFF}
.sign_up_btn:focus{outline: none}
.old_user{width:750px; font-family:'Roboto',Helvetica,Arial,sans-serif; position:relative; text-align:center; margin:0 auto; padding:15px 25px}

/*for mac*/
.mac_bg{background:url(/n_img/mac/bg.jpg) repeat-x center center; background-size:cover; min-width:73.45em}
.mac_bg_collage{background:url(/n_img/mac/collage/bg.jpg) repeat-x center center; background-size:cover; min-width:73.45em}
.mac_bg_editor{background:url(/n_img/mac/editor/bg.png) repeat-x center center; background-size:cover; min-width:73.45em}
.mac_ban{width:73.45em; margin:0 auto; padding:7.77em 0 4.22em 0}
.mac_ban_lft{width:31.77em; float:left; padding:3em 0 0 0}
.mac_ban_lft h1{font-size:2.40em; color:#FFF; font-weight:normal}
.mac_ban_lft p{font-size: 1.277em; color: #FFF; margin-top: 0.8em; opacity: 0.7}
.mac_ban_lft a{display:block; margin:2.88em 0 0 0; width:14.5em}
.mac_ban_lft a:hover{opacity:0.85}
.mac_ban_lft ul{margin:2.88em 0 0 0; list-style-type:none}
.mac_ban_lft ul li{float:left; width:227px; height:53px; line-height:53px; text-align:center; margin-right:20px; border-radius:8px;}
.mac_ban_lft ul li a{ width:227px; margin:0; font-size:19px; font-weight:400; color:#FFF; text-decoration:none}
.mac_ban_lft ul li:nth-child(1){background:#1d86dd no-repeat; position:relative; padding-left:15px; width:212px}
.mac_ban_lft ul li:nth-child(1):hover{ background:#107ad1 no-repeat}
.mac_ban_lft ul li:nth-child(1) span{width:24px; height:24px; display:block; background:url(/n_img/buy/windows.svg) top left no-repeat; position:absolute; top:16px; left:15px}
.mac_ban_lft ul li:nth-child(2){background:#ff9d03 no-repeat}
.mac_ban_lft ul li:nth-child(2):hover{background:#e17711 no-repeat}
.mac_ban_lft ol{list-style-type:none; color:#FFF; font-size:0.888em; width:29.687em; text-align:center; margin-top:1em}
.mac_ban_lft ol li b{font-weight:normal; padding-right:1.875em}
.mac_ban_rgt{width:41.66em; float:right}
.mac_f_txt{width:25.50em}
.mac_f_txt h3{font-size: 1.88em; font-weight: normal; color: #3d4351; margin-bottom:0.805em}
.mac_f_txt p{font-size:1.05em; color: #686c78; line-height: 1.80em; text-align: left}
.mac_f_scrn{width:39.61em}
.f_txt_01{margin-top:0.90em}
.f_scrn_03{margin-top:3.33em}
.btm_store_btn{display:block; opacity:1; margin:2.66em auto 0 auto; text-align:center; width: 14.5em}
.btm_store_btn:hover{opacity:0.85}
.btm_buy{margin:2em 0 0 20.166em; list-style-type:none}
.btm_buy li{float:left; width:227px; height:53px; line-height:53px; text-align:center; margin-right:20px;  border-radius:8px}
.btm_buy li a{width:227px; margin:0; font-size:19px; font-weight:400; color:#FFF; text-decoration:none; display:block}
.btm_buy li:nth-child(1){background:#1d86dd no-repeat; position:relative; padding-left:15px; width:212px}
.btm_buy li:nth-child(1):hover{ background:#107ad1 no-repeat}
.btm_buy li:nth-child(1) span{width:24px; height:24px; display:block; background:url(/n_img/buy/windows.svg) top left no-repeat; position:absolute; top:16px; left:15px}
.btm_buy li:nth-child(2){background:#ff9d03 no-repeat}
.btm_buy li:nth-child(2):hover{background:#e17711 no-repeat}
.p_top_183{padding-top:10.16em}
.p_btm_86{padding-bottom:4.77em}
.btm_store_bg{background:#f8f8f8}

/*buy*/
.bg_color_20b9ae{background:#20b9ae; padding:6.60em 0 9.833em 0}
.boxshot{width:9.555em; float:left}
.ctn_770{width:42.77em; float:right}
.ctn_330{width:18.33em; float:left; color:#FFF}
.ctn_330 p{font-size:1.05em; font-weight:400}
.ctn_330 h1{font-size:2.33em; font-weight:400; margin-top:0.428em}
.ctn_330 h1 a{ color:#FFF; text-decoration:none}
.ctn_330 h1 a:hover{text-decoration:underline}
.ul_368{width:23.44em; float:right; list-style-type:none; margin-top:45px}
.ul_368 a{text-decoration:none; color:#fff}
.ul_368 a:hover{text-decoration:none; color:#44c4e7}
.ul_368 li{float:left; width:149px; height:42px; line-height:42px; font-size:0.888em; font-weight:400; border:1px solid #FFF; border-radius:20px; margin-right:21px; position:relative; padding-left:23px; color:#FFF}
.ul_368 b li{font-weight:400; color:#44c4e7; background:#FFF}
.ul_368 li:hover{cursor:pointer; color:#44c4e7; background:#FFF}
.ul_368 li span{width:24px; height:23px}
.ul_368 li:first-child span{background:url(/n_img/buy/windows.svg) top left no-repeat; position:absolute; top:10px; right:23px}
.ul_368 b li:first-child span{background:url(/n_img/buy/windows.svg) bottom left no-repeat; position:absolute; top:10px; right:23px}
.ul_368 li:hover:first-child span{background:url(/n_img/buy/windows.svg) bottom left no-repeat}
.ul_368 li:nth-child(2){padding-left:35px; width:137px}
.ul_368 li:nth-child(2) span{background:url(/n_img/buy/mac.svg) top left no-repeat; position:absolute; top:10px; right:36px}
.ul_368 b li:nth-child(2) span{background:url(/n_img/buy/mac.svg) bottom left no-repeat}
.ul_368 li:hover:nth-child(2) span{background:url(/n_img/buy/mac.svg) bottom left no-repeat}
.benefit_ul{list-style-type:none; margin-top:17px; float:left}
.benefit_ul li{float:left; font-size:17px; font-weight:500; margin-right:65px; list-style-image:url(/n_img/buy/check.svg); list-style-position:inside; padding-left:0}
.benefit_ul li:last-child{margin-right:0}
.top_45{margin-top:45px; color:#FFF}
.top_45 p{font-size:1.05em; font-weight:400}
.buy_ctn{ margin-top:-109px}
.lft_buy_ctn{width:453px; height:424px; float:left; position:relative}
.rgt_buy_ctn{width:437px; height:424px; float:right; position:relative}
.rgt_buy_ctn span{width:79px; height:100px; background:url(/n_img/buy/value.png) no-repeat; position:absolute; top:10px; right:45px}
.buy_btn ul{list-style-type:none; width:371px; height:56px; position:absolute; left:34px; bottom:0}
.buy_btn ul a{background: #ff9d03 no-repeat; text-align: center; display: block; color: #fff; font-size: 1.05em; font-weight: normal; text-decoration: none; cursor: pointer; border-radius: 0 0 8px 8px; height:56px; line-height:56px}
.buy_btn ul a:hover{background: #e17711 no-repeat}
.pay_way{width:365px; margin:40px auto 0 auto }
.pay_way p{float:left}
.pay_way img{ float:left}
.p_top_btm_84{padding:4.666em 0}
.ctn_280{width:280px; float:left; margin-right:78px}
.secure{font-size:17px; font-weight:500; color:#44cee7; padding-left:55px; position:relative; height:48px; line-height:48px}
.secure img{display:block; width:48px; height:48px; position:absolute; left:0; top:0}
.secure_info{ font-size:17px; line-height:1.5em; margin-top:25px}

/*store*/
.store h1{font-size:1.555em; line-height:1.6em; font-weight:400; color:#3d4351}
.buy_box{margin:3.111em 0 0 3em; background:#f7f7f7; position:relative; width:52.5em}
.buy_box:nth-child(n+2){margin-top:6em}
.lft_buy_box{width:9.555em; float:left; position:absolute; top:1.3em; left:-2.33em}
.rgt_buy_box{width:41.056em; float:right; padding-right:1.666em}
.rgt_buy_box h2{font-size:1.555em; color:#3d4351; font-weight:500; margin:1.356em 0 0.635em 0}
.rgt_buy_box h2 span{font-size:0.714em}
.rgt_buy_box h2 a{color:#3d4351; text-decoration:none}
.rgt_buy_box h2 a:hover{ text-decoration:underline}
.rgt_buy_box p{font-size:1.0625em; color:#686c78; font-weight:400; line-height:1.588em}
.rgt_buy_box ul{margin:1.166em 0 2.444em 0; list-style-type:none}
.rgt_buy_box ul li{float:left; width:227px; height:53px; line-height:53px; text-align:center; margin-right:30px; border-radius:8px;}
.rgt_buy_box ul li a{width:227px; height:53px; display:block; margin:0; font-size:19px; font-weight:400; color:#FFF; text-decoration:none}
.rgt_buy_box ul li:nth-child(1){background:#1d86dd no-repeat; position:relative; padding-left:15px; width:212px}
.rgt_buy_box ul li:nth-child(1):hover{ background:#107ad1 no-repeat}
.rgt_buy_box ul li:nth-child(1) span{width:24px; height:24px; display:block; background:url(/n_img/buy/windows.svg) top left no-repeat; position:absolute; top:16px; left:15px}
.mac_span{background:url(/n_img/buy/mac.svg) top left no-repeat !important; }
.rgt_buy_box ul li:nth-child(2){background:#ff9d03 no-repeat}
.rgt_buy_box ul li:nth-child(2):hover{background:#e17711 no-repeat}
.store_menu_bg{height:3.77em; width:100%; background:rgba(68, 196, 231,1); position:absolute; top:0; left:0}

/*promotion*/
.promo_bg{background:url(/images/promo/2017-black-friday/banner.png) no-repeat center center; background-size:cover}
.promo_ban{width:60.55em; margin:0 auto; text-align:center; height:34.94em}
.promo_ban p:first-child{color:#FFF; font-size:1.277em; font-weight:400; margin:1.391em 0 6.391em 0; line-height:1.5em}
.promo_ban p:last-child{font-size:1.055em; color:#ffae00; font-weight:400}
.main_rcm_bg{background:#f1f0ec; padding:6.666em 0}
.main_rcm_bg h3{text-align:center; font-size:1.777em; color:#3d4351; margin:0 0 1.25em 0; font-weight:500}
.main_rcm_box{width:66.66em; margin:1.666em auto 0 auto; background:#FFF; padding:0.888em 0.888em 2.188em 2.444em; border-radius:5px; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1)}
.main_rcm_box img{ float:right}
.main_left_div{width:32.5em; float:left}
.main_left_div h4{font-size:1.555em; color:#3d4351; font-weight:500; margin:1.5em 0 0.85em 0; position:relative}
.main_left_div h4 span{width:21px; height:21px; display:block; position:absolute; top:7px; left:230px}
.main_left_div p{ font-size:18px; color:#4d4f55; line-height:28px}
.main_left_div p span{color:#269d02}
.main_left_div ul{list-style-type:none; margin:25px 0 0 0; width:13.105em}
.main_left_div ul li{width:235px; text-align:center}
.main_left_div ul li a:hover img{opacity:0.5}
.main_left_div ul li a img{opacity:0.5}
.main_left_div ul li:nth-child(2) a{text-decoration:underline; font-size:17px; color:#969696}
.main_left_div ul li:nth-child(2) a:hover{ opacity:1; color:rgba(68,196,231,1)}
.main_left_div ol{list-style-type:none; margin-top:25px}
.main_left_div ol li{line-height:24px; margin-bottom:8px; font-size:16px; color:#686c78; list-style-image:url(/images/promo/2017-black-friday/point.svg); list-style-position:inside}
.partner_pro{width:55.55em; margin:0 auto}
.partner_pro h3{text-align:center; font-size:1.777em; color:#3d4351; margin:0 0 2.812em 0; font-weight:500}
.div_320_348{width:17.777em; height:22.80em; float:left; background:#f9f8f3; border:1px solid #f1f0ec; margin-right:0.94em; position:relative}
.div_320_348 img{margin:-3.111em 0 0 4.055em}
.div_320_348 h4{font-size:1.222em; color:#3d4351; font-weight:500; text-align:center; margin:0.363em 0 0 0}
.div_320_348 p{ font-size:0.888em; color:#686c78; line-height:1.375em; padding:0 1.406em; margin:1em 0 0 0}
.div_320_348 ul{list-style-type:none; position:absolute; bottom:1.444em; left:3.85em}
.div_320_348 ul a{font-size:1.058em; color:#FFF; font-weight:500; text-align:center; width:9.578em; height:2.333em; line-height:2.333em; background:#0aaadf; display:block; text-decoration:none; border-radius:5px; cursor:pointer}
.div_320_348 ol{list-style-type:none; position:absolute; left:0; bottom:4.5em; color:#3d4351; font-size:1em; font-weight:400; width:17.777em; text-align:center}
.div_320_348 ol li{display:inline-block}
.div_320_348 ol li:last-child{color:#F00; margin-left:0.5em}
.div_320_348 ul a:hover{background:#0093c3}
.div_320_348 h5{font-size:19px; color:#aeaca2; font-weight:500; text-align:center; margin-top:164.5px}
.line_c8c7c7{border-top:1px dashed #c8c7c7; height:0; width:66.666em; margin:5em auto 0 auto}
.declare_bg{background:#d5bd77; padding:5.833em 0 5em 0; margin:6.388em 0 0 0}
.declare_bg h4{color:#FFF; font-size:1.777em; background:url(/images/promo/2017-tks/warm.png) left top no-repeat; height:1.125em; line-height:1.125em; width:9em; padding-left:1.50em; margin:0 auto 1.093em auto; font-weight:500}
.declare_bg p{color:#FFF; font-size:1em; width:55.555em; margin:0 auto; line-height:1.5em}
.declare_bg p:last-child{margin-top:0.5em}

/*cookie banner*/
.cookie_ban{width:90%; height:3em; text-align:center; position:fixed; bottom:0; background: rgba(0,0,0, 0.7); padding:0 5%;display:none; z-index:1;}
.cookie_ban div{width:100%;line-height:3em}
.cookie_ban div p{display:inline-block; font-size:0.888em; font-weight:400; color:#fff;width:58.06em}
.cookie_ban div a{color:#44c4e7; text-decoration:underline; display:inline-block; font-size:0.888em}
.cookie_ban div a:hover{color:#31b3d6}
.cookie_ban div button{width:5.555em; height:1.888em; line-height:1.888em; display:inline-block; background:#44c4e7; border-radius:0.25em; color:#fff; margin-left:0.444em; font-size:1em}
.cookie_ban div button:hover{background:#31b3d6; cursor:pointer}

/*offline*/
.offline_bg{background:#f6f6f6; height:100vh; width:100%; position:relative}
.offline_bg div{width:88%; padding:0 6%; margin:-17.56em auto 0; text-align:center; position:absolute; top:50%; left:auto}
.offline_bg div h1{font-size:2.56em; color:#565656; font-weight:400}
.offline_bg div img{width:11.33em; height:9.33em; margin:2.33em 0 1.55em}
.offline_bg div p{font-size:1.166em; color:#8c8c8c; font-size:400}

/*2017 xmas*/
/*.ad_bkg{background:url(/images/promo/2017-xmas/banner.png) no-repeat center center; background-size:cover}
.ad_ban{width:66.666em; height:34.944em; margin:0 auto}
.bg_dff1f2{background:#dff1f2}
.ctn_1020{width:56.666em; padding:6.111em 0 5em 0; margin:0 auto}
.ctn_441{width:24.5em; position:relative; margin-bottom:5em}
.ctn_441 img{width:4.111em; height:4.111em; position:absolute; top:-1em; right:1.666em}
.ctn_441 ul{list-style-type:none; margin:0 0 0.888em 1.666em}
.ctn_441 ul li{display:inline-block; font-size:1.055em; color:#353535; font-size:400}
.ctn_441 ul li b{font-size:1.222em; color:#c83131; font-weight:bold}
.ctn_441 ul li:first-child{text-decoration:line-through}
.ctn_441 ul li:last-child{margin-left:1.388em}
.ctn_441 div{background:url(/images/promo/2017-xmas/button.png) no-repeat; width:17.64em; height:3.36em; color:#FFF; font-size:1.388em; line-height:3.36em; text-align:center}
.ctn_441 div:hover{cursor:pointer; opacity:0.8}
.conpon_75{display:none}
.ctn_1020 p{font-size:0.888em; color:#809899; font-weight:400; line-height:1.875em; position: relative; text-indent:1.875em}
.ctn_1020 p img{width:1.75em; height:1.75em; position: absolute; top:0; left:0}
.fotojet-attention-panel{width:612px;height:294px;margin:-147px 0 0 -306px;text-align:center;padding:45px;box-sizing:border-box}
.fotojet-attention-title{font-size:26px;color:#ff9d03;margin-bottom:15px;font-weight:400}
.fotojet-attention-info{font-size:18px;text-align:left;width:520px;word-break:break-all;margin-bottom:42px;color:#3d4351;line-height:30px}
.fotojet-attention-btn{width:267px;height:56px;background:#44c4e7;color:#fff;border-radius:8px;font-size:20px}
.fotojet-attention-btn:hover{background:#2ea1d1}
.fotojet-congrats-panel{width:612px;height:398px;margin:-199px 0 0 -306px;padding:45px;text-align:center;box-sizing:border-box}
.fotojet-congrats-title{font-size:26px;color:#019d1a;margin-bottom:15px;font-weight:400}
.fotojet-congrats-info{font-size:18px;text-align:left;width:520px;word-break:break-all;margin-bottom:20px;color:#3d4351}
.fotojet-congrats-item>li{height:40px;width:520px;padding-bottom:30px;line-height:40px;list-style-type:none;text-align:left;color:#686c78;font-size:16px}
.fotojet-congrats-item span{font-size:22px;line-height:40px;float:left;width:40px;height:40px;border-radius:50%;background:#f8f8f8;border:1px solid #eee;margin-right:12px;text-align:center;position:relative}
.fotojet-congrats-item span i{position:absolute;height:20px;width:2px;top:45px;left:0;right:0;margin:0 auto;background:#dfdfdf}*/