@import '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css';
@import 'http://fonts.googleapis.com/css?family=Roboto';
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, th { border:0 none;margin:0;outline:medium none;padding:0;}
ul, ol{list-style:none;}
input,select,textarea{outline:none;}

html{width:100%;height:100%;}
body{background:#484d55 url(bg5.jpg) no-repeat 0 0;font-family:Roboto Condensed,Sans-Serif;font-size:1em;margin:0;width:100%;min-height:685px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

a{text-decoration:none;}
a:hover{text-decoration:none;}
img{border:none;}.fl{float:left;display:inline;}.pos1{position:relative;}


.wrap1{width:994px;margin:0 auto;}
.head{height:104px;}
.contentwrap{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;}
.leftitem{width:340px;position:absolute;top:0;right:0;background:#efeeef;bottom:0;min-height:685px;}
.item1wrap{width:281px;margin:0 30px;padding-top:5px;position:relative;}
.in1{margin-top:9px;clear:both;height:21px;}
.in1 select,.in1 .itemresp{font-family:Roboto;width:279px;border:1px solid #5c6062;color:#5c6062;font-size:12px;border-radius:12px;height:19px;background:none;}
.in1 .itemresp{position:relative;}
.in1 .itemresp .itemresptxt{text-align:center;color:#fff;line-height:19px;text-transform:uppercase;}
.in1 .itemresp span{color:#5c6062;}
.insear{width:279px;height:19px;border:1px solid #5c6062;color:#5c6062;font-size:12px;border-radius:12px;text-indent:48px;padding:0;margin:0;}
.item1wrap  .in1 .selectBox-dropdown{background:#fff;}
.sear1btn{background:url(sear1.png) no-repeat;width:14px;height:14px;cursor:pointer;position:absolute;right:17px;top:3px;}
.itemrespi{width:11px;height:7px;background:url(i1.jpg) no-repeat;position:absolute;bottom:-6px;left:100px;}
.menuitem{position:relative;clear:both;height:43px;font-family:robotoslab;font-size:18px;}
.menuitem #chkideas, .menuitem #chkitems,.menuitem #upideas{font-size:18px;cursor:pointer;font-family:robotoslab;width:170px;display:block;height:36px;border-top:7px solid #343434;background:#343434;display:block;top:-1px;position:absolute;text-align:center;line-height:36px;color:#fff;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.menuitem #chkideas.chk1act, .menuitem #chkitems.chk1act,.menuitem #upideas.chk1act{border-color:#ef4c23;background:#efeeef;color:#4f5457;}
.menuitem span{display:inline-block;float:left;height:21px;background:#ef4c23;border-radius:12px;width:103px;}
.menuitem #chkitems{right:0;}
#chkitemscont{display:none;}
#upideascont{opacity:0;}
.menuitemhover{transition:all .3s;width:103px;height:21px;display:inline-block;position:absolute;top:-1px;left:-1px;}
.listitem2{padding-top:26px;clear:both;height:430px;margin-left:30px;width:300px;}
.listitem2 ul li{float:left;width:137px;margin-top:3px;margin-right:3px;display:inline;overflow:hidden;text-align:center;}
.listitem2 ul li:nth-child(2n){margin-right:0;}
.listitem2 ul li img{max-width:89px;}
.listitem2 ul li a{display:block;width:137px;height:137px;background:#f7f7f7;}
#chkideascontul,#chkitemscontul{width:281px;}
#chkitemscontul ul{width:89px;margin-left:7px;float:left;display:inline;}
#chkitemscontul ul li{width:89px;margin:0;border-radius:0;height:auto;float:none;display:block;margin-bottom:7px;}
#chkitemscontul ul:nth-child(3n+1){margin-left:0;}
#chkitemscontul ul li a{height:auto;width:89px;border-radius:0;background:none;}
#chkitemscontul ul li a img{margin:0;width:89px;}

#chkitemscontul .loadmore1{height:89px !important;clear:both;}
#chkitemscontul .loadmore0, .listitem2 .loadmore0{clear:both;height:60px;position:relative;margin-top:30px;width:281px;float:left;display:none;}
.listitem2 .loadmore1{clear:both;width:270px;margin-left:0;left:0;}

.listitem3{overflow:hidden;}
.listitem3 ul li{width:89px;display:block;overflow:hidden;text-align:center;float:none;}
.listitem3 ul li a{width:89px;background:none;height:auto;}
.listitem3 ul li a img{width:89px;}
.listitem3 .loadmore1,.loadmore1 {clear:both;}
.listitem3ul{width:89px;float:left;margin-left:7px;display:inline;}
.listitem3ul:first-child{margin-left:0;}

.brand #chkideascontul li{margin:0 0 7px 7px;border-radius:0;height:137px;position:relative;}
.brand #chkideascontul li:nth-child(2n+1){margin-left:0;}
.brand #chkideascontul li a img{width:91px;max-width:91px;max-height:auto;margin:23px;}



.loading1{clear:both;margin-top:32px;text-align:center;}
.leftr1{right:-10px;height:27px;width:10px;position:absolute;top:294px;background:url(left1.png) no-repeat;z-index:69000;transition:all .2s;}
.uplevodoc{position:absolute;top:0;right:0px;bottom:0;left:0;margin-right: 340px;}
.logohead{height:80px;overflow:hidden;}
.uplevocont{width:100%;height:100%;}
.logo1{padding:18px 0 0 39px;}
.userlog{position:absolute;top:11px;right:100px;font-size:11px;color:#666;font-family:Roboto;height:19px;}
.userlog a img{margin-left:30px;}
.userlog a{padding-left:29px;padding-right:17px;color:#fff;display:block;padding-top:4px;background:url(arrow1a.png) no-repeat right 9px;font-size:12px;font-family:Roboto;}
.userlog ul{display:none;position:absolute;top:29px;left:-12px;width:150px;background:#fff;border-radius:4px;padding:8px 0 10px;z-index:298000;border:1px solid #ccc;}
.userlog ul span.i{background:url(subacc.png) no-repeat;top:-7px;left:57px;width:14px;height:7px;position:absolute; }
.userlog ul li a{color:#666;display:block;padding:5px 8px;width:auto;background:none;text-align:center;}
.userlog ul li{}
.userlog ul li a:hover{color:#ef4b22;}
.userlog ul li a.logout{height:18px;width:72px;border:1px solid #ccc;border-radius:15px;margin:5px auto 0;padding:0;}
.rightup{position:absolute;right:10px;width:240px;top:98px;}
.rightup .viewport{height:500px;}
.rightup .lprevline{height:500px;width:10px;right:-10px;position:absolute;top:0;}
.application1{border:1px solid #ccc;color:#5c6062;font-size:14px;font-family:Roboto;text-transform:uppercase;text-align:center;border-radius:12px;}
.application1:hover{background:#fff;border:1px solid #77a641;cursor:default;}
.lprev{padding-top:15px;clear:both;padding-bottom:50px;}
.lprev2{margin-top:2px;height:248px;overflow:hidden;position:relative;width:248px;}
.pname2{padding-top:64px;}
.pname2 input{transition:all .3s;}
.pname2 input:last-child{margin-right:0;}
.pname2 input:focus,.pname2 input.brandnamehighlight{background:none;border:none;}
.pname2 input.brandname{text-align:center;text-transform:none;border:none;background:none;width:478px;font-family:robotoslab;color:#383e48;font-size:40px;border-bottom:2px solid #f1f2f2;padding-bottom:3px;border-radius:none;}
.pname2 input.slogan{text-align:center;text-transform:none;border:none;background:none;width:478px;color:#8e9797;font-size:14px;padding-top:12px;}
.pagedesign{width:668px;height:389px;border:1px solid #ccc;border-radius:8px;top:134px;left:40px;position:absolute;background:#fff;}
.pagedesigncont{width:638px;margin:14px;height:345px;border:1px dashed #f3ccde;}
.grid1{background:url(grid.png);}
.designdone{position:absolute;top:534px;left:39px;width:668px;min-height:20px;/*z-index:99000;*/}
.designdonea{width:81px;height:24px;text-align:center;line-height:24px;background:#a2aaae;display:block;border-radius:15px;font-size:12px;font-family:Roboto;color:#fff;text-transform:uppercase;position:absolute;}
.designdone .designdonea:first-child{left:305px;}
.designdone #donepage{left:369px;}
.designdonea:hover{background:#77a641;}
.doadd{position:absolute;right:0;top:9px;height:13px;width:13px;background:url(doadd.png) no-repeat;overflow:hidden;}
.undobtn{cursor:pointer;width:17px;height:17px;background:url(undo.png) no-repeat;overflow:hidden;float:left;float:right;}
.redobtn{cursor:pointer;width:17px;height:17px;background:url(redo.png) no-repeat;overflow:hidden;float:left;margin-left:3px;display:inline;float:right;margin-left:5px;}
.uphistory{min-height:20px;top:578px;position:absolute;border:1px solid #ccc;border-radius:12px;left:40px;width:667px;background:#fff;}
.uphistoryt{font-family:Roboto;height:18px;width:163px;border:1px solid #ccc;background:#fff url(arrow2.png) no-repeat 142px 8px;position:absolute;top:-9px;left:46px;border-radius:12px;color:#5c6062;font-size:12px;text-align:center;text-transform:uppercase;line-height:18px;cursor:pointer;}
.uphistorydesc{padding:9px 12px;transition:all .2s;}
.uphistoryde{min-height:40px;font-family:Myriad Pro;font-size:12px;color:#999;padding-right:16px;border-right:1px dotted #999;width:570px;float:left;text-align:justify;padding-top:8px;}
.uphistoryrig{float:left;width:40px;margin-left:11px;display:inline;font-family:Myriad Pro;font-size:12px;}
.uphistoryrig:focus{color:#333;}
.uphistoryrig a{height:18px;border:1px solid #ef4b22;border-radius:12px;text-align:center;line-height:18px;color:#ef4b22;display:block;}
.uphistoryrig a:hover,.uphistoryrig a.editact{background:#ef4b22;color:#fff;}
.uphistoryrig a:last-child{margin-top:8px;border-color:#76a441;color:#76a441;}
.uphistoryrig a:last-child:hover,.uphistoryrig a.saveact{background:#76a441;color:#fff;}
#uphistorydetextarea{display:none;width:4px;height:4px;}
#btnback, #undobtn{width:63px;height:17px;position:absolute;top:87px;left:40px;border:2px solid #ccc;border-radius:12px;background:url(back.png) no-repeat 7px 4px;text-indent:29px;line-height:17px;color:#fff;font-family:Roboto;font-size:12px;opacity:.2;filter:alpha(opacity=20);cursor:pointer;transition:opacity .3s;}
#btnback:hover, #undobtn:hover{opacity:1;filter:alpha(opacity=100);}
#undobtn{display:none;}
.controllefttab{width:60px;position:absolute;left:-60px;top:134px;border-radius:6px 0 0 6px;overflow:hidden;}
.controllefttab a{background:#586267;display:block;color:#fff;font-size:12px;font-family:Roboto;text-align:center;padding:10px 0;}
.controllefttab a.ltabact{background:#64757d;}
.controllefttab a.ltaborder{background:#77a641;}
.controllefttab a img{display:block;margin:0 auto;margin-bottom:5px;}
.stepbox{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:6px;background:#fff;}
#brandstep1{z-index:10010;text-align:center;}
.stepboxcont{width:478px;margin:0 auto;position: relative;}
.brandstep1t1{padding-top:35px;font-size:14px;color:#383e48;font-family:Roboto;}
.brandstep1btn{position:absolute;top:330px;left:50%;margin-left:-40px;width:81px;height:24px;border-radius:12px;background:#ef4c23;font-family:Roboto Bold;text-align:center;line-height:24px;color:#fff;font-size:12px;cursor:default;}
.brandstep1mess1{position:absolute;top:240px;left:-44px;width:478px;font-size:14px;color:#383e48;font-family:Roboto;text-align:center;padding-left:44px;background:url(brandstep1mess1.png) no-repeat;}
.brandstep1mess2{position:absolute;top:412px;left:50%;margin-left:-250px;width:500px;text-align:center;color:#fff;font-size:14px;font-family:Roboto;}
.brandstep1mess2 a{color:#fff;}
#brandstep2{z-index:10020;text-align:center;}
.brandselectcate{font-family:robotoslab;font-size:40px;padding-bottom:3px;border:none;border-bottom:2px solid #f1f2f2;width:478px;text-align:center;}
.brandstep2l2{color:#8e9797;font-size:14px;padding-top:12px;font-size:14px;}
.brandstep2more{width:100%;font-size:20px;color:#383e48;font-family:robotoslab;text-align:center;border:none;border-bottom:2px solid #f1f2f2;clear:both;margin-top:26px;}
#brandstep2 a.selectBox-dropdown{font-family:robotoslab;font-size:40px;color:#000;border:none;line-height:40px;height:54px;border-bottom:2px solid #f1f2f2;border-radius:0;}
#brandstep2 a.selectBox-dropdown span{color:#000;padding:0;border:none;line-height:40px;text-align:center;}
#brandstep2 .selectBox-options li a{font-size:18px;}
#brandstep3{z-index:10030;text-align:center;}
.brandstep3t2{padding-top:20px;}
.brandstep3box{width:189px;height:148px;border-radius:8px;box-shadow:0 0 5px #bbb;margin-left:31px;display:inline;float:left;}
.brandstep3boxi1{padding-top:25px;}
.brandstep3boxi2{color:#383e48;font-family:Roboto;margin-top:20px;clear:both;font-size:12px;cursor:default;}
.brandstep3box:first-child{margin-left:33px;}
.brandstep3t3{color:#8e9797;font-size:14px;padding-top:20px;font-family:Roboto;}
#brandstep4{z-index:10040;text-align:center;}
.step4boxcont{width:797px;}
.brandstep4t2{}
.brandstep4t2 li{height:115px;float:left;margin:15px 0 0 23px;display:inline;width:129px;}
.brandstep4img{width:129px;height:88px;box-shadow:0 0 5px #bbb;border-radius:6px;}
.brandstep4img img{width:129px;height:88px;border-radius:6px;}
.brandstep4t2{font-size:14px;color:#383e48;font-family:Roboto;padding-top:7px;}
.brandstep4t3{padding-top:43px;}
#brandstep5{z-index:10050;text-align:center;}
#brandstep5 .stepboxcont{width:698px;}
.brandstep5t2{padding-top:20px;width:698px;}
.brandstep5t2 .brandstep3boxi1{padding-top:13px;}
.brandstep5t2 .brandstep3boxi2{margin-top:10px;font-size:14px;color:#383e48;}
#brandstep6{z-index:10060;text-align:center;}
#brandstep6 .stepboxcont{width:740px;}
.brandstep6t1{color:#76a441;font-size:16px;font-family:robotoslab;padding-top:20px;}
.brandstep6t2{font-family:robotoslab;margin-top:24px;}
.brandstep6t2 a{width:189px;height:31px;line-height:31px;border-radius:8px;font-size:18px;color:#fff;background:#76a441;display:inline-block;margin-left:28px;}
.brandstep6t2 a:first-child{box-shadow:0 0 5px #bbb;background:#383e48;margin-left:0;}
.brandstep6t3{padding-top:30px;clear:both;color:#383e48;font-family:Roboto Bold;text-align:left;}
.brandstep6t3c1{width:206px;float:left;font-size:14px;text-transform:uppercase;}
.brandstep6t3c2{width:172px;float:left;margin-left:10px;display:inline;font-size:14px;font-family:Roboto;}
.brandstep6t3c3{width:338px;float:left;margin-left:10px;display:inline;font-family:Roboto;font-size:14px;}
.brandstep6t3c3 img{margin-right:10px;float:left;margin-top:2px;}
.brandstep6t3 li{border-bottom:1px solid #f1f2f2;padding:5px 0;}
.brandstepnotv{color:#ef5705;}
#brandstep7{z-index:10070;text-align:center;}
#brandstep7 .stepboxcont{width:737px;}
.brandstep7t1{color:#76a441;font-family:robotoslab;font-size:18px;padding-top:32px;}
.brandstep7t3 .brandstep6t3c3{width:221px;margin-left:0;padding:5px 0;}
.brandstep7d2{float:left;width:170px;background:#dce0d8;height:29px;font-size:20px;color:#383e48;font-family:Roboto Bold;text-align:center;line-height:29px;}
.brandstep7d3{float:left;width:176px;height:29px;font-size:20px;color:#508018;font-family:Roboto Bold;text-align:center;line-height:29px;}
.brandstep7d4{float:left;width:170px;background:#dce0d8;height:29px;font-size:20px;color:#383e48;font-family:Roboto Bold;text-align:center;line-height:29px;}
.brandstep7t3 li{padding:0;}
.brandstep7sel a{background:#383e48;width:87px;height:24px;display:block;border-radius:15px;text-align:center;line-height:24px;font-size:12px;color:#fff;font-family:Roboto Bold;}
.brandstep7sel{text-align:center;padding-top:14px;width:81px;margin:0 auto;}
.brandstep7d3 .brandstep7sel a{background:#508018;}
.brandstep7d4 .brandstep7sel a{background:#c49f08;}
.brandh76{height:76px;}
.brandstep7u1{position:absolute;top:33px;background:#dce0d8;width:170px;left:221px;height:54px;}
.brandstep7u1t{height:35px;background:#383e48;text-align:center;line-height:35px;font-size:20px;color:#fff;font-family:robotoslab;}
#brandstep7 .brandstep6t3 {padding-top:87px;}
#brandstep7 .brandstep6t3 li.brandstep7lilast{border:none;}
.brandstep7u2{position:absolute;top:24px;background:#fff;width:176px;left:391px;height:63px;}
.brandstep7u2t{height:54px;background:#508018;text-align:center;line-height:54px;font-size:20px;color:#fff;font-family:robotoslab;}
.brandstep7u3{position:absolute;top:33px;background:#dce0d8;width:170px;left:567px;height:54px;}
.brandstep7u3t{height:35px;background:#c49f08;text-align:center;line-height:35px;font-size:20px;color:#fff;font-family:robotoslab;}
.brandstep7note1{position:absolute;bottom:-50px;left:63px;color:#8e9797;font-size:12px;text-align:left;font-family:Roboto Bold;}
.brandstep7note1 a{color:#8e9797;}.brandstep7note1 a:hover,.brandstep7note2 a:hover{color:#eee;}
.brandstep7note2{font-family:Roboto Bold;color:#8e9797;font-size:12px;text-align:right;position:absolute;bottom:-51px;right:67px;width:170px;}
.brandstep7note2 a{color:#8e9797;display:inline-block;border-bottom:1px solid #8e9797;}

.endmess1{position:absolute;top:0;right:0;width:340px;min-height:685px;background:#efeeef;color:#383e48;text-align:center;font-size:14px;font-family:Roboto;}
.endmess1 p{margin-top:11px;}
.endmess1a{width:251px;margin:114px auto 0;}
.endmess2{margin-top:40px;}.endmess2 a{color:#383e48;}
.endmess2 a:hover,.brandstep1mess2 a:hover{color:#77a641;}

.upmess8{position:absolute;top:73px;left:50%;width:300px;margin-left:-150px;text-align:center;color:#ef4c23;font-size:13px;font-style:italic;display:none;}

.loginbg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:288000;background:#000;opacity:.7;filter:alpha(opacity=70);}
.loginbox{top:50%;left:50%;width:860px;height:389px;background:#fff url(login1.png) no-repeat 0 58px;z-index:288060;position:fixed;margin:-194px 0 0 -430px;border-radius:8px;background-size:200px 249px;}
.loginboxb1{width:740px;margin:0 auto;}
.loginboxb1t1{color:#76a441;font-size:18px;font-family:robotoslab;text-align:center;clear:both;padding-top:34px;}
.loginform{padding:20px 0 0 197px;height:255px;border-bottom:1px solid #f1f2f2;}
.loginin{clear:both;margin-top:25px;}
.loginin1{color:#383e48;font-size:16px;font-family:Roboto;text-align:center;float:left;width:331px;height:24px;line-height:24px;border:1px solid #dbdbdb;border-radius:12px;box-shadow:0 0 4px #eee;}
.loginmess{margin-left:15px;margin-top:3px;width:193px;float:left;display:inline;color:#383e48;font-size:12px;font-family:Roboto;display:none;}
.loginmess img{margin-right:10px;vertical-align:middle;}
.loginmore1{color:#383e48;font-size:12px;font-family:Roboto;text-align:center;padding-top:14px;}
.loginmore1 a{color:#383e48;margin-left:88px;}
.loginmore1 a:first-chiild{margin-left:0;}
.loginmore1 a:hover{color:#76a441;}
.loginbtn2{color:#fff;font-size:12px;font-family:Roboto;text-align:center;position:absolute;top:274px;left:50%;margin-left:-40px;width:81px;height:24px;line-height:24px;background:#ef4c23;border-radius:15px;border:none;}
.youaccept{float:right;width:270px;text-align:right;}
.youaccept img{margin-right:23px;vertical-align:middle;}
.youaccept a{margin-left:0;}
.alc{text-align:center;}
.loginmore1 .gologinfor{margin-left:281px;}

.changetheme{position:absolute;top:628px;left:40px;width:30px;height:17px;border:2px solid #ccc;border-radius:8px;opacity:.2;filter:alpha(opacity=20);transition:opacity .3s;z-index:290123;}
.changethemechk{width:30px;height:17px;display:block;background:url(i2.png) no-repeat center center;}
.changetheme:hover{opacity:1;filter:alpha(opacity=100);}
.changetheme:hover .changethemeul{display:block;height:90px;top:-82px;}
.changethemeul{position:absolute;left:0;top:0;width:90px;transition:all .3s;height:0;overflow:hidden;}
.changethemeul li{height:21px;margin-bottom:5px;}
.changethemeul li a{color:#fff;font-size:12px;font-family:Roboto;line-height:21px;}
.changethemeul li a:hover{color:#77a641;} .changethemeul li a:hover span{border-color:#fff000;}
.changethemeul li span{display:block;width:19px;height:19px;float:left;margin-right:10px;border:1px solid #fff;border-radius:3px;}
.themebkgcolr1{background:#77a641;}
.themebkgcolr2{background:#535353;}
.themebkgcolr3{background:#d6d6d6;}





#di1{ width:400px;height:150px;border:1px solid #ddd;transform:translate3d(15px,15px,0px);cursor:move;outline:none;border:1px solid #fff;}
#di1 div#a1,#di1 div#a2,#di1 div#a3,#di1 div#a4,#di1 div#a5,#di1 div#a6,#di1 div#a7,#di1 div#a8{display:block;width:20px;height:19px;position:absolute;}
#a1{top:-10px;left:-10px;cursor:nw-resize;}
#a2{top:-10px;right:-10px;cursor:ne-resize;}
#a3{bottom:-10px;left:-10px;cursor:sw-resize;}
#a4{bottom:-10px;right:-10px;cursor:se-resize;background:url(resize.png) no-repeat !important;z-index:12050;}
#a5{top:-10px;left:50%;cursor:n-resize;}
#a6{top:50%;right:-10px;cursor:e-resize;background:url(resize.png) no-repeat -20px 0 !important;z-index:12000;margin-top:-10px;}
#a7{bottom:-10px;left:50%;cursor:n-resize;}
#a8{top:50%;left:-10px;cursor:e-resize;}
.ac12{ width:636px;height:343px;position:relative;}
#di1 div#demo{width:100%;margin-top:30px;}

#ua4{background:url("resize.png") no-repeat 0 0 !important;bottom:-10px;cursor:se-resize;display:block;height:19px;position:absolute;right:-10px;width:20px;z-index:12050;}

#itemclose{background:url(arrow7.png) no-repeat;position:absolute;bottom:-10px;left:-10px;width:20px;height:19px;cursor:default;}
#itemrotate{background:url(rotate.png) no-repeat;position:absolute;right:-10px;top:-10px;width:20px;height:19px;cursor:default;}

#img1{transform:translate3d(42px,140px,0px);width:120px;}
#pageedit{overflow:hidden;width:100%;height:100%;position:absolute;}
#pageedit .eles.image,#pageedit .eles, #pageedit .geles, #pageedit .gieles{cursor:move;position:absolute;top:0;left:0;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.image img{display:block;width:100%;height:100%;}
#text1{transform:translate3d(190px,150px,0px);color:#333;cursor:move;position:absolute;top:0;left:0;}
#text2{transform:translate3d(190px,220px,0px);color:#333;cursor:move;position:absolute;top:0;left:0;}
.element2{position:absolute;top:0;left:0;}
#canvas1{display:none;}
.indiv{width:100%;height:100%;position:absolute;top:-1px;left:-1px;border:1px dashed #555;}
#over1{ position:absolute;z-index:165000;}
#menu1{ width:402px;height:41px;background:#343434;border-radius:6px;border:1px solid #9ea6aa;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#choosefont{ padding:0;float:left;display:inline;position:relative;}
#choosefont ul{z-index:3000;opacity:0.95;}
#chofontfamily3hov{height:249px;width:354px;margin:0;border-radius:12px;position:absolute;top:0;left:0;}
#chofontfamily3hov .overview{width:354px;}
#fontother li{height:30px;overflow:hidden;}
#fontother li .fontcustomize{height:30px;overflow:hidden;position:relative;padding-left:50px;position:relative;}
#fontother li .fontcustomize:hover{background:#f1f2f2;}
#fontother li img{height:30px;}
#fontother li a{display:block;}#fontother li .activef{background:#c7ccce;}
#color{display:inline;}
#color a{display:inline-block;width:17px;height:19px;background:#ef4c23;color:#fff;}
.scan1{position:absolute;top:0;left:0;}
#scanleft{width:1px;height:0; border-left:1px solid #fff;}#scanleft div{position:absolute;top:0;left:-1px;width:1px;height:100%;border-left:1px dashed #77a641;}
#scanright{width:1px;height:0; border-left:1px solid #fff;}#scanright div{position:absolute;top:0;left:-1px;width:1px;height:100%;border-left:1px dashed #77a641;}
#scantop{width:0;height:1px;border-top:1px solid #fff;}#scantop div{position:absolute;top:-1px;left:0;width:100%;height:1px;border-top:1px dashed #77a641;}
#scanbottom{width:0;height:1px; border-top:1px solid #fff;}#scanbottom div{position:absolute;top:-1px;left:0;width:100%;height:1px;border-top:1px dashed #77a641;}
#scanhalf{width:0;height:1px; border-top:1px solid #fff;}#scanhalf div{position:absolute;top:-1px;left:0;width:100%;height:1px;border-top:1px dashed #77a641;}
#scanhalfw{width:1px;height:0; border-left:1px solid #fff;}#scanhalfw div{position:absolute;top:0;left:-1px;width:1px;height:100%;border-left:1px dashed #77a641;}

#fontother{list-style:none;}
.txt{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;word-wrap:break-word;}
.txt span{display:block;}
.txt.nowrap1{white-space:nowrap;}
#fontsize, #svgsize5dd, #imagesize5dd{float:left;width:24px;cursor:pointer;position:relative;}
#fontresize, #svgresize, #imageresize{position:absolute;top:9px;left:27px;height:3px;border-radius:8px;width:80px;background:#f1f2f2;border-radius:5px;}
#fontresizecontr, #svgresizecontr, #imageresizecontr{width:14px;height:14px;position:absolute;top:-6px;left:0;background:#a2aaae;border-radius:14px;}
#fontrespace,#fontrelineheight{position:absolute;top:11px;left:37px;height:3px;border-radius:8px;width:290px;background:#f1f2f2;border-radius:5px;}
#fontrespacecontr,#fontrelineheightcontr{width:14px;height:14px;position:absolute;top:-7px;left:0;background:#383e48;border-radius:14px;}

#fontrelineheight{top:14px;}

#chofontfamily3bg{height:249px;width:354px;background:#a2aaae;opacity:.95;filter:alpha(opacity=95);border-radius:8px;}
#chofontfamily3{height:249px;width:354px;border-radius:8px;position:absolute;top:-105px;left:32px;text-align:left;z-index:300;overflow:hidden;}

#chocolor3, .svgcolormoremenu{width:402px;height:129px;border-radius:8px;position:absolute;top:-143px;left:-85px;z-index:56000;}
#colorother .colorcustomize, .svgcolormoremenuother .colorcustomize{width:21px;height:21px;overflow:hidden;border-radius:3px;}
#colorother .colorcustomize:hover,#colorother .colorcustomize.coloract3, .svgcolormoremenuother .colorcustomize:hover{border:1px solid #fff;margin:-1px 0 0 -1px;}
#chocolor3bg, .svgcolormoremenubg{background:#383e48;opacity:.95;filter:alpha(opacity=95);width:404px;height:129px;border-radius:12px;}
#colorother li, .svgcolormoremenuother li{width:21px;height:21px;float:left;display:inline;margin-left:6px;margin-top:6px;}
#colorother .colorcustomize.colormore{background:url(arrow6.png) no-repeat center center;position:relative;}
#colorother .colorcustomize.colormore .colormoreinput, .svgcolormoremenuother .colorcustomize.colormore .colormoreinput{border:none;border-radius:3px;color:#222;height:21px;margin:0;outline:none;padding: 0 !important;text-indent:60px;width:21px;cursor:default;background-image:url(arrow6.png);background-repeat:no-repeat;background-position:center center;}

#chocolor3hov, .svgcolormoremenuhov{width:378px;height:110px;position:absolute;top:7px;left:11px;}
#chocolor3hov #colorother, .svgcolormoremenuother{width:378px;}
#chocolor3hov .viewport{width:378px;height:110px;}

#svgcolormoredetail1{left:-1px;top:-135px;display:none;}
#svgcolormoredetail1 #svgcolorpicker{left:248px !important;top:104px !important;}

#svgcolormoredetail2{left:-1px;top:-135px;display:none;}
#svgcolormoredetail2 #svgcolorpicker2{left:248px !important;top:104px !important;}

#svgcolormoredetail3{left:-1px;top:-135px;display:none;}
#svgcolormoredetail3 #svgcolorpicker3{left:248px !important;top:104px !important;}

.menufont1{float:left;display:inline;width:155px;border-right:1px solid #cdd2d5;height:49px;border-right:1px solid #9ea6aa;height:41px;}
.spacefont3{margin-left:16px;width:105px;float:left;display:inline;margin-top:9px;display:none;}
.fontsize3, .svgsize5, .imagesize5{margin-left:11px;display:inline;float:left;width:116px;padding-top:9px;border-right:1px solid #9ea6aa;height:32px;}
#choosefont{float:left;display:inline;margin-left:15px;background:#fff;height:21px;width:19px;font-family:Roboto;font-size:12px;color:#343434;text-align:center;line-height:21px;margin-top:10px;}
#fontselected{overflow:hidden;height:21px;width:19px;cursor:pointer;}
#color{height:19px;width:17px;float:left;border:1px solid #fff;font-family:Roboto Bold;font-size:12px;color:#fff;text-align:center;line-height:19px;margin-left:15px;display:inline;position:relative;background:#ef4c23;margin-top:10px;}
#color .acolor{display:block;overflow:hidden;height:19px;width:17px;}
#texttransform3{height:21px;width:19px;float:left;overflow:hidden;font-family:Roboto;font-size:12px;color:#343434;text-align:center;line-height:21px;margin-top:10px;cursor:default;background:#fff;margin-left:15px;display:inline;}
#layer3{height:41px;width:75px;float:left;position:relative;border-right:1px solid #9ea6aa;}
#layerother{display:none;position:absolute;top:30px;left:-24px;background:#f1f2f2;width:80px;height:35px;border:1px solid #9ea6aa;}
#layerother img{float:left;display:inline;margin:3px 0 0 4px;padding:4px;}
#layerother img:hover{background:#ccc;}
#layerotherUp,#layerotherDown{float:left;margin:7px 0 0 7px;display:inline;padding:3px;border-radius:3px;}
#layerotherUp:hover,#layerotherDown:hover{background:#444;}
#memumore{background:url(memumore.png) no-repeat center center;height:41px;width:42px;float:left;position:relative;}
#memumore2{background:url(memumore.png) no-repeat center center;height:41px;width:42px;float:left;position:relative;}
#morespacefont{position:absolute;top:45px;left:-361px;width:402px;height:129px;border-radius:8px;display:none;}
#morespacefontbg{width:402px;height:129px;background:#a2aaae;opacity:.95;filter:alpha(opacity=95);border-radius:8px;}
#fontspace{width:327px;cursor:pointer;position:absolute;top:23px;left:33px;}
#fontlineheight{width:327px;cursor:pointer;position:absolute;top:73px;left:33px;}

#malign{width:23px;height:18px;margin-top:11px;margin-left:15px;display:inline;float:left;position:relative;}
#maligndetail, #maligndetailimage{display:none;position:absolute;top:34px;left:-118px;width:120px;height:39px;width:404px;background:#a2aaae;opacity:.95;text-align:center;border-radius:8px;}
#maligndetail img, #maligndetailimage img{margin:0 0 0 20px;display:inline;padding:8px 6px;}
#maligndetail img:first-child, #maligndetailimage img:first-child{margin-left:0;}
#maligndetail img:hover, #maligndetail img.act128, #maligndetailimage img:hover{background:#8c979d;}
#maligndetailimage img{margin-left:40px;}

#opacityresize{cursor:pointer;left:33px;position:absolute;top:119px;width:327px;}
#opacityresizemama{background:#f1f2f2;border-radius:5px;height:3px;left:37px;position:absolute;top:11px;width:290px;}
#opacityresizecontr{background:#383e48;border-radius:14px;height:14px;left:0;position:absolute;top:-7px;width:14px;}

.fontsize3a{text-align:center;color:#2f3333;font-size:11px;font-family:Roboto;height:24px;width:23px;float:left;overflow:hidden;}
.fontsize3a span{font-size:14px;}

#colorpicker{position:absolute;top:108px;left:247px;width:163px;height:90px;z-index:225001;}


/*#scanleft,#scanright,#scantop,#scanbottom,#scanhalf{display:none;}*/
.abnt1{width:2px;background:#fff;height:100%;position:absolute;top:0;left:-10px;display:none;}
.abnt2{height:2px;position:absolute;left:0;top:-10px;background:#fff;display:none;}



/* ----------------------- */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix             { height: 1% } /* IE6 */
*:first-child+html .clearfix { height: 1% } /* IE7 */
/*-----------*/	



@font-face{font-family:Roboto Bold;src:url(../font1/Roboto-Bold.ttf);}
@font-face{font-family:Roboto Thin;src:url(../font1/Roboto-Thin.ttf);}
@font-face{font-family:Roboto;src:url(../font1/Roboto-Regular.ttf);}
@font-face{font-family:Myriad Pro;src:url(../font1/MYRIADPRO-REGULAR.OTF);}
@font-face{font-family:Roboto Medium;src:url(../font1/Roboto-Medium.ttf);}
@font-face{font-family:robotoslab;src:url(../font1/RobotoSlab-Regular.ttf);}


.scrollpage{height:100%;position:relative;}
.scroll-bar.vertical{display:none;}

.zoom1{color:#5c6062;font-family:Roboto;font-size:12px;position:absolute;top:0;left:0;width:240px;height:248px;z-index:13000;text-transform:uppercase;transition:all .6s;display:none;}
.zoom1 a{color:#5c6062;height:19px;width:57px;display:block;position:absolute;top:114px;left:61px;border:1px solid #fff;border-radius:15px;text-align:center;line-height:19px;background:#fff;}
.zoom1 a:last-child{left:124px;background:#ef4b22;color:#fff;}
.zoombg{position:absolute;top:0;left:0;width:240px;height:248px;background:#000;opacity:.3;filter:alpha(opacity=30);z-index:12000;transition:all .6s;display:none;}

.uploading1{z-index:249000;margin:0;position:fixed;top:0;left:0;width:100%;height:100%;display:none;}
.uploading1bg{background:#303541;opacity:.8;filter:alpha(opactiy=80);position:fixed;top:0;left:0;width:100%;height:100%;}
#upgetdemo6{background:none;opacity:1;filter:alpha(opactiy=100);}
#zoompopupbg,.popupbg{display:none;position:fixed;top:0;left:0;background-color:#000;opacity:.8;filter:alpha(opacity=70);z-index:262000;width:100%;height:100%;}
.zoompopup{display:none;width:670px;height:552px;top:50%;position:fixed;left:50%;z-index:269000;margin:-125px 0 0 -335px;}
.zoompopupnav1{height:39px;background:#669933;border-radius:12px 12px 0 0;position:relative;}
.zoompopupnav1 .application1{margin:10px 0 0 12px;display:inline;float:left;width:154px;border:1px solid #5c6062;}
.zoompopupnav1 .application1:hover{background:#555;color:#eee;}
.appliclose{background:url(arrow8.png) no-repeat 3px 3px;width:19px;height:19px;position:absolute;top:10px;right:12px;border-radius:5px;}
.appliclose:hover{background-color:#444;}
.zoompopupcont{height:494px;background:#fff;border-radius: 0 0 12px 12px;}
#zoompopupcontimg{width:640px;height:411px;overflow:hidden;}
.zoompopupcont3{padding:14px 0 0 15px;}
.zoomcont{margin:0 auto 0 -41px;height:24px;width:81px;background:#a2aaae;border-radius:12px;position:absolute;top:13px;left:50%;opacity:.2;filter:alpha(opacity=20);transition:opacity .3s;}
.zoomcont #zoomOut{width:15px;height:15px;background:url(zoom.png) no-repeat;float:left;display:inline;margin:6px 0 0 14px;}
.zoomcont #zoomInt{width:15px;height:15px;background:url(zoom.png) no-repeat -38px 0;float:left;display:inline;margin:6px 0 0 23px;}
.zoomcont:hover{opacity:1;filter:alpha(opacity=100);}
#zoompopupcontimg2{width:100%;height:100%;transform:translate3d(0px, 0px, 0px);cursor:move;}
.zoompopupnav1 .paymenttitle{color:#fff;width:100%;border:none;background:none;font-size:15px;font-family:Roboto;text-align:center;}
.zoompopupnav1 .paymenttitle:hover{background:none;}
.pt1c{color:#333;font-size:13px;font-family:Roboto;}
.cartprev{clear:both;margin-top:20px;background:#f1f2f2;padding:14px 12px;}
.price1{float:right;color:#333;font-weight:700;margin:9px 0 0 0;}
.cartprev img{height:30px;margin-right:12px;vertical-align:middle;}
.choosepay{margin-top:35px;clear:both;}
.choosepay img{vertical-align:middle;height:40px;margin-left:20px;}
.choosepay a{color:#333;margin-left:10px;}
.choosepay a:hover{color:#ff0000;}
.he234{height:234px;}
#paymentpopup{display:none;height:273px;}

.menuitembg2{clear:both;}
.menuitembg2 .menuitem{}
.menuitembg2 .menuitembga{display:block;width:26px;height:21px;text-align:center;position:absolute;right:5px;top:0;}
.menuitembg2 #chkideas{width:85px;}
.menuitembg2 #chkitems{width:85px;}
.menuitembg2 .menuitemhover{width:85px;}
.menuitembg2 .menuitembga.chk1act{}

#zoompopupcontimg2a0 .imgprev10{display:block;}
#zoompopupcontimg{background:url(loadimg2.gif) no-repeat center center;background-size: 60px 60px;}
#menuitembgacontul li a img{margin:0;max-height:89px;max-width:89px;height:89px;width:89px;}

.svgcolor{float:left;display:inline;margin:5px 0 0 20px;height:21px;overflow: hidden;width: 19px;background: url("arrow6.png") no-repeat center center;position:relative;}
.svgcolor .svgcolormoreinput1, .svgcolor .svgcolormoreinput2, .svgcolor .svgcolormoreinput3{ border:none;color:#222;cursor:default;height:19px;margin:0;outline:none;padding: 0 !important;text-indent: 60px;width: 17px;border:1px solid #fff;}
#menufont1 .svgcolor{float:left;display:inline;margin:10px 0 0 15px;}

#menuimage1, #menuimage2, #menuimage3{float:left;display:inline;margin:10px 0 0 16px;height:19px;overflow:hidden;width:17px;background: url(imaget2.png) no-repeat;border:1px solid #fff;}
#menuimage1{background-position:0 0;}
#menuimage2{background-position:-35px 0;}
#menuimage3{background-position:-69px 0;}

/*
#menufont1 #svgcolorpicker,#svgcolorpicker2,#svgcolorpicker3{position:absolute;top:27px;left:-418px;width:100px;z-index:253000;}
#svgcolorpicker3{left:102px;}*/

.pmpopcol1{float:left;width:292px;font-family:Roboto;padding-top:25px;margin-left:3px;display:inline;}
.pmpopcol1 .cartprev{margin-top:0;}
.color999 .price1{color:#999;font-weight:400;}
.pmpopcol1 .cartprev{margin-bottom:4px;padding:9px 12px;}
.popg1{border-left:1px solid #e3e3e3;position:absolute;top:17px;left:328px;height:211px;}
.banner #paymentpopup .h298{height:298px !important;}
.popshare1{font-size:12px;color:#999;font-family:Roboto;padding-top:20px;text-align:center;}
.popsharea{padding-top:13px;}
.popsharea a{display:inline-block;width:23px;height:23px;background:url(bg4.png) no-repeat;margin-right:4px;}
.popsharea a:nth-child(2n){background-position:-33px 0;}
.popsharea a:nth-child(3n){background-position:-66px 0;}
.popsharea a:nth-child(4n){background-position:-99px 0;}
.popsharea a:nth-child(5n){background-position:-132px 0;}
.pmpopcol2{float:left;display:inline;width:232px;margin-left:72px;color:#999;font-family:Roboto;}
.popemail2{margin-top:26px;border:1px solid #77a641;height:25px;border-radius:18px;}
.popemail2 input{border:none;background:none;padding:0;margin:0;outline:none;font-size:12px;color:#5c6062;font-family:Roboto;position:absolute;top:5px;left:25px;width:182px;}
.pmpopcol2 .choosepay{text-align:center;clear:both;margin-top:76px !important;}
.paypal{opacity:0.3;filter:alpha(opacity=30);background:url(pay.png) no-repeat;height:34px;border:none;width:107px;overflow:hidden;padding:0;margin:0;float:left;text-indent:150px;}
.onepay{opacity:0.3;filter:alpha(opacity=30);background:url(pay.png) no-repeat -136px 0;height:34px;border:none;width:75px;overflow:hidden;padding:0;margin:0;margin-left:29px;display:inline;float:left;text-indent:150px;}
.popform8{margin-top:8px;clear:both;}
.popsubmit{cursor:pointer;position:absolute;top:248px;width:113px;left:274px;height:26px;text-align:center;line-height:26px;color:#fff;font-family:Roboto Bold;background:#669933;border-radius:18px;font-size:12px;}

.updimension{position:absolute;top:87px;right:100px;width:117px;font-family:Roboto;height:21px;z-index:255600;}
.updimension:hover{opacity:1;}
.updimension .updimensionin, .updimensionunit{padding:0;margin:0;margin-left:5px;float:left;display:inline;width:37px;height:17px;border:none;background:none;text-align:center;color:#fff;font-size:12px;}
.updimension .updimensionin5 span{float:left;margin:0 0 0 5px;display:inline-block;color:#999;font-size:12px;}
#updimensiondone{cursor:default;background:#77a641;border-radius:15px;color:#fff;display:block;font-family:Roboto;font-size:12px;height:19px;line-height:19px;position:absolute;text-align:center;text-transform:uppercase;width:75px;left:23px;top:121px;display:none;transition:all .2s;z-index:281043;}
#updimensiondone:hover{background:#ef4c23;}
.updimensionlabel{color:#fff;display:block;font-size:12px;left:-27px;position:absolute;text-align:center;top:34px;transition:all 0.3s ease 0s;width:168px;z-index:280040;display:none;}
.updimension:hover #updimensiondone, .updimension:hover  .updimensionunit, .updimension:hover  .updimensionlabel{display:block;}
.updimensionunit{width:68px;display:none;transition:all .3s;height:28px;}
.updimension:hover{}
#updimension .updimensionbgh1{display:none;width:168px;height:143px;background:#383e48;opacity:.9;border:1px solid #9ea6aa;border-radius:12px;position:absolute;top:12px;left:-27px;z-index:280035;}
#updimension .updimensionin5{position:absolute;top:0;left:0;width:113px;font-family:Roboto;height:17px;opacity:.2;border:2px solid #ccc;border-radius:8px;z-index:281035;background:#484d55 url(arrow1.png) no-repeat 95px 7px;}

.popemailmess{position:absolute;top:33px;left:20px;color:#f3632e;font-size:12px;font-family:Roboto;width:190px;text-align:center;}
.poptime{position:absolute;top:56px;left:20px;color:#666;font-size:12px;font-family:Roboto;width:190px;text-align:center;}
.popterm{font-family:Tahoma;font-size:11px;color:#999;position:absolute;top:241px;left:5px;}
.popterm a{color:#999;}
.popterm a:hover{color:#ff0000;}
.termsofservice{color:#333;font-family:Roboto;font-size:13px;line-height:20px;}
.termsofservice p{margin-top:15px;}
.termsofservice .termst{font-size:18px;font-weight:700;clear:both;margin-top:25px;}
.termsofservice .termst:first-child{margin-top:0;}
.termsofservice  a{color:#333;}
.termsofservice a:hover{color:#ff0000;}
.termsofservice ul{padding-left:25px;}
.termsofservice  ul li{margin-top:15px;position:relative;padding-left:15px;}
.termsofservice  ul li:before{content:"-";position:absolute;top:0;left:0;}
.termscate{font-size:14px;font-family:Roboto;padding:25px 0 0 30px;}
.termscate ul{}
.termscate ul li{padding:8px 0;border-bottom:1px solid #ccc;}
.termscate ul li a{color:#444;}
.termscate ul li a.tact2{font-weight:700;}
.termscate ul li a:hover{font-weight:700;}
.changelang{float:right;margin-right:299px;display:inline;padding:4px 8px;background:#fff;border:1px solid #ccc;}
.getfreeby5{clear:both;margin-top:31px;}
.getfreeby5chk{transition:all .4s;background:#598527;border-radius:35px;color:#fff;cursor:default;display:block;font-family:Roboto;font-size:14px;height:40px;line-height:40px;width:219px;margin:0 auto;text-align:center;text-transform:uppercase;font-family:Roboto Medium;margin-left:87px;float:left;display:inline;}
.getfreeby5chk:hover{background:#4c7122;}
.getfreeby5sel{padding:8px 12px;background:#eee;clear:both;margin:20px 20px 0;display:none;}
.getfreeby5sel input{border:none;width:100%;background:none;outline:none;padding:0;margin:0;}
.getfreeby5mess{font-size:12px;color:#666;font-family:Roboto;margin-left:59px;float:left;width:135px;display:inline;line-height:18px;}
#menuitembgacontw .viewport{width:281px;height:200px;}
#menuitembgacont{}
#menuitembgacontw:hover .scroll-bar.vertical{display:block !important;}
.bkgpagesvg{position:absolute;top:0;left:0;}
#rebkgsvg{position:absolute;top:95px;left:546px;width:150px;height:3px;border:1px solid #a2aaae;border-radius:5px;z-index:150000;display:none;opacity:.2;transition:opacity .3s;}
#rebkgsvg:hover,#rebkgsvgcolor:hover,#rebkgsvgperm:hover{opacity:1;}
#rebkgsvgcont{position:absolute;top:0;left:0;top:-15px;left:0;width:30px;height:30px;border-radius:30px;}
#rebkgsvgcont div#rebkgsvgcontsc{position:absolute;top:7px;left:0px;width:15px;height:15px;border-radius:15px;background:#f1f2f2;border:1px solid #464a4a;}
#rebkgsvgperm{opacity:.2;transition:opacity .3s;position:absolute;top:87px;left:744px;background:#fff;width:21px;height:21px;border-radius:3px;z-index:50000;display:none;}
#rebkgsvgperm .rebkgsvgpermcolor{width:30px;height:30px;padding:0;margin:0;outline:none;border-radius:30px;overflow:hidden;border:none;cursor:default;opacity:0;filter:alpha(opacity=0);}
.idealoading{background:#15191f url(loading1.gif) no-repeat center center;position:absolute;top:160px;left:37px;width:215px;height:431px;background-size:396px;transition:all .3;display:none;}

#rebkgsvgcolor{opacity:.2;transition:opacity .3s;position:absolute;top:87px;left:716px;background:#fff;width:21px;height:21px;border-radius:3px;z-index:50000;display:none;}
#rebkgsvgcolor input.rebkgsvginputcolor{width:30px;height:30px;padding:0;margin:0;outline:none;border-radius:30px;overflow:hidden;border:none;cursor:default;opacity:0;filter:alpha(opacity=0);}

.loadingpage{position:fixed;top:0;left:0;width:100%;height:100%;background:#303541;z-index:300000;}
.loadingpage .loadingpagecont{width:90px;height:90px;position:absolute;top:50%;left:50%; margin:0 auto;margin:-25px 0 0 -25px;}
.loadingpage .circle { background-color: rgba(0,0,0,0);border:5px solid rgba(119,166,65,1);opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow: 0 0 35px #77a641;width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadingpage .circle1 { background-color: rgba(0,0,0,0);border:5px solid rgba(239, 76, 35, 1);opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow: 0 0 15px #2187e7; width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}

@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}

.poppromotion{font-size:12px;}
.langi1{position:absolute;left:15px;top:7px;height:auto !important;}
.branddetail{line-height:18px;color:#333;font-size:13px;padding:15px 10px;}
.branddetail p{margin-top:10px;}
.branddetail ul{padding-left:20px;list-style:disc;}

.updimensionunit2{cursor:default;display:none;width:146px;height:19px;border-radius:12px;border:1px solid #a0a0a0;line-height:19px;color:#fff;font-size:12px;background:url(arrow1.png) no-repeat 123px 7px;text-align:center;position:absolute;top:56px;left:-16px;z-index:284015;}
.updimensionunit2d{position:absolute;top:-1px;left:-1px;width:148px;display:none;color:#fff;padding:0;background:#a7aeb2;opacity:.95;border-radius:8px;overflow:hidden;}
.updimensionunit2d div{padding:2px 4px;text-align:center;cursor:default;line-height:18px;}
.updimensionunit2d div:hover{background:#caced1;color:#fff;}
.updimensionunit2sp{display:block;height:19px;width:146px;}
.updimensionportal{cursor:default;display:none;width:146px;height:19px;border-radius:12px;border:1px solid #a0a0a0;line-height:19px;color:#fff;font-size:12px;background:url(arrow1.png) no-repeat 123px 7px;text-align:center;position:absolute;top:88px;left:-16px;z-index:281016;}
.updimensionportald{position:absolute;top:88px;left:-16px;display:none;width:148px;z-index:281500;background:#a7aeb2;color:#fff;font-size:12px;border-radius:8px;overflow:hidden;opacity:.95;}
.updimensionportald div{padding:3px 0;cursor:default;text-align:center;}
.updimensionportald div:hover{background:#caced1;}
.updimensionportalt{width:146px;height:19px;}

#menuitembgacontul li{width:89px;height:89px;}
#menuitembgacontul li:nth-child(3n){margin-right:0;}
#menuitembgacontul li:nth-child(2n){margin-right:3px;}


.loadmore1{position:absolute;height:1px;width:400px;left:50%;top:50%;margin:-15px 0 0 -200px;}
.loadmore1 div{margin-top:-3px;height:25px;width:25px;border-radius:25px;background-color:#ef4c23;opacity:0;position:absolute;left:-10%;

animation:loading 2s ease-in-out infinite normal;
-webkit-animation:loading 2s ease-in-out infinite normal;
}
/*.loadmore1.alternate div {animation-name:loading2;-webkit-animation-name:loading2;}*/

.loadmore1 div:nth-child(1) { animation-delay:250ms;-webkit-animation-delay:250ms;}
.loadmore1 div:nth-child(2) { animation-delay:500ms;-webkit-animation-delay:500ms;}
.loadmore1 div:nth-child(3) { animation-delay:750ms;-webkit-animation-delay:750ms;}
.loadmore1 div:nth-child(4) { animation-delay:1s;-webkit-animation-delay:1s;}
.loadmore1 div:nth-child(5) { animation-delay:1.25s;-webkit-animation-delay:1.25s;}

@keyframes loading {
	0% {left: 0%;opacity: 0;}
	20%, 60% {left: 50%;opacity: 1;}
	90% {left: 100%;opacity: 0;}
	100% {left: 100%;}
}

@keyframes loading2 {
	0% {left: 0%;opacity: 0;height: 1px;width: 1px;margin-top: -2px;}
	20%, 60% {left: 50%;opacity: 1;height: 25px;width: 25px;margin-top: -3px;}
	90% {left: 100%;opacity: 0;height: 1px;width: 1px;margin-top: 0px;}
	100% {left: 100%;}
}

@-moz-keyframes loading {
  0% { left: 0%;opacity: 0;}
  20%, 60% {left:50%;opacity:1;}
  90% { left:100%;opacity:0;}
  100% { left:100%;}
}
@-webkit-keyframes loading {
  0% { left: 0%;opacity: 0;}
  20%, 60% {left:50%;opacity:1;}
  90% { left:100%;opacity:0;}
  100% { left:100%;}
}

@-moz-keyframes loading2 {
  0% { left:0%;opacity:0;height:1px;width:1px;margin-top:-11px;}
  20%, 60% { left:50%;opacity:1;height:25px;width:25px;margin-top:-12px;}
  90% { left:100%;opacity:0;height:1px;width:1px;margin-top:0px; }
  100% { left:100%;}
}
@-moz-webkit loading2 {
  0% { left:0%;opacity:0;height:1px;width:1px;margin-top:-11px;}
  20%, 60% { left:50%;opacity:1;height:25px;width:25px;margin-top:-12px;}
  90% { left:100%;opacity:0;height:1px;width:1px;margin-top:0px; }
  100% { left:100%;}
}


.uporder{padding-top:50px;}
.uporder li{float:left;width:262px;display:inline;margin-left:30px;border-radius:6px;background:#fdfdfd;}
.uporder li:first-child{margin-left:0;}
.upordert1{height:115px;border-radius:6px 6px 0 0;background:#669933;text-align:center;color:#fff;font-family:Roboto;font-size:30px;line-height:130px;text-transform:uppercase;}
.uporderprice{width:75px;height:75px;position:absolute;top:-40px;left:92px;border-radius:80px;background:#595d5d;line-height:75px;text-align:center;font-size:30px;color:#fff;font-family:Roboto;}
.uporder li ul{}
.uporder li ul li{float:none;margin:0;height:50px;display:block;line-height:50px;color:#333;font-size:14px;font-family:Roboto;padding:0 14px 0 22px;border-radius:0;width:auto;background: url(l2.png) no-repeat 8px 21px;}
.uporder li ul li:nth-child(2n){background-color:#eee;}
.uporderanow{background:#595d5d;height:50px;display:block;color:#fff;font-size:18px;font-family:Roboto;text-align:center;text-transform:uppercase;line-height:50px;border-radius:0 0 6px 6px;}
.uporderanow:hover{background:#669933;}

.uporderpopupdi{width:876px;margin-left:-439px;}
.uporderpopupdi #zoompopupcontimg{width:auto;height:auto !important;}
.uporderpopupdi .he234{height:522px;}

.opa20{opacity:.2;filter:alpha(opacity=20);}

.uplevobgload{background-color:#000;display:none;height:100%;left:0;opacity:0.7;position:fixed;top:0;width:100%;z-index:262000;}
.uplevobgload .loadmore1{left:50%;margin:-75px 0 0 -75px;position:absolute;top:50%;}
.flippedhoz{transform:scale(-1, 1);-moz-transform:scale(-1, 1);-webkit-transform:scale(-1, 1);-o-transform:scale(-1, 1);-khtml-transform:scale(-1, 1);-ms-transform:scale(-1, 1);}
.flippedver{transform:scale(1, -1);-moz-transform:scale(1, -1);-webkit-transform:scale(1, -1);-o-transform:scale(1, -1);-khtml-transform:scale(1,-1);-ms-transform:scale(1, -1);}
#pageedit .eles.image img{transition:transform .3s;}
.copyitem{left:170px;position:absolute;top:98px;color:#fff;font-size:15px;font-family:Roboto;cursor:default;width:64px;}
.copyitem img.copyitemclk2{vertical-align:middle;}

#changeideapageedit{width:120px;position:absolute;top:87px;right:100px;}
#changeideapageedit span{width:21px;height:21px;border-radius:3px;margin-left:5px;float:right;display:inline-block;opacity:.2;transition:all .3s;}
#changeideapageedit span:hover{opacity:1;}
#changeeditgird{background:url(gird3.png) no-repeat #ddd;}
.shapehot1{clear:both;height:88px;border-bottom:1px solid #ddd;margin-bottom:19px;}
.shapehot1 .listitem3ul{width:100%;margin:0;}
.shapehot1 .listitem3ul li{width:89px;float:left;display:inline;margin:0 0 0 3px;}
.shapehot1 .listitem3ul li:first-child{margin-left:0;}
.shapehot0 .listitem3ul:nth-child(2){margin-left:0;}

#discovery{position:fixed;width:100%;height:0;z-index:286221;overflow:hidden;transition:height .5s;}
#discovery .discoverybg{background:#000;opacity:.8;filter:alpha(opacity=80);position:absolute;width:100%;height:100%;}
#discovery  .discoverycont{position:absolute;width:300px;height:150px;margin:-75px 0 0 -150px;left:50%;top:50%;color:#fff;font-size:20px;text-align:center;display:none;}
#discovery  .discoverycont p{line-height:40px;}
#discovery  .discoverycont .discoveryconta{padding-top:28px;}
#discovery  .discoverycont .discoveryconta a{background:#1abdf6;color:#fff;display:inline-block;width:120px;height:35px;line-height:35px;font-size:15px;transition:all .3s;margin-left:15px;}
#discovery  .discoverycont .discoveryconta a:first-child{margin-left:0;}
#discovery  .discoverycont .discoveryconta a:hover{background:#ef4c23;}

#bgkden{background-size:147px 36px !important;background-color:#303541 !important;}
.item1wraphi .item1wraphide{position:absolute;top:0;left:0;width:300px;height:72px;}
.item1wraphi .in1{opacity:.3;}

.line1{position:absolute;left:0;top:0;height:1px;width:100%;border-top:1px solid #586267;opacity:.5;}

.support1{width:141px;height:22px;position:fixed;bottom:0;left:0;border-radius:6px 6px 0 0;overflow:hidden;transition:all .3s;z-index:290666;}
.support1t{height:22px;border-radius:6px 6px 0 0;background:#77a641;text-align:center;line-height:22px;color:#fff;font-size:13px;font-family:Roboto;cursor:default;}
.support1c{text-align:center;color:#333;font-size:13px;font-family:Roboto;height:50px;line-height:50px;background:#fff;}
.support1c a{color:#333;}
.support1c a:hover{color:#ef4c23;}
.support1:hover{ /*height:70px;*/}
.support1bg{background:#303541;opacity:.98;position:fixed;bottom:0;left:0;width:0;height:0;z-index: 320000;transition:all .5s;}
.supportform{position:fixed;top:50%;left:20px;width:300px;margin:-120px 0 0 0;z-index:330000;display:none;}
.supportform input{margin-top:15px;width:282px;padding:6px 8px;border:none;background:#3e424f;border-radius:6px;height:20px;color:#eee;}
.supportform input:first-child{margin-top:0;}
.supportform textarea{width:282px;padding:12px 8px;border:none;background:#3e424f;border-radius:6px;margin-top:15px;height:60px;color:#eee;resize:none;}
.supportform input:focus, .supportform textarea:focus{background-color:#4a4e5c;}
.supportformsub{display: inline-block;background:#77a641;width:100px;height:30px;text-align:center;line-height:30px;color:#fff;font-size:14px;font-family:Roboto;border-radius:3px;cursor:default;transition:all .3s;text-transform: uppercase;}
.supportformsub:hover{background:#ef4c23;}
.supportformsubr{text-align:right;margin-top:15px;}
.supportformclose{background:url(arrow8.png) no-repeat center center;width:20px;height:19px;position:absolute;top:8px;right:10px;opacity:.5;transition:all .3s;display:none;border-radius:20px;border: 1px solid transparent;}
.supportformclose:hover{opacity:1;border-color:#fff;}
.supportformd5a {padding:20px 0;}
.supportformd{height:0;overflow:hidden;transition:all .4s;}
.supportformf2{display:none;color:#fff;text-align:center;font-size:25px;font-family:Roboto;padding: 0 84px;}
.supportformt{text-align:center;color:#fff;font-size:16px;height:38px;line-height:38px;text-transform:uppercase;}

#pageedit .eles.svg svg:nth-child(1) , #pageedit .gieles.svg svg:nth-child(1){position:absolute;overflow:hidden;}
.pageeditsvg#pageedit .eles.svg svg:nth-child(1) , .pageeditsvg#pageedit .gieles.svg svg:nth-child(1){position:absolute;}


input[type='range'] {-webkit-appearance:none;-moz-appearance:none;background-color:transparent;}
input[type='range']::-moz-range-track {background:transparent; border:0px;}
input[type='range']::-webkit-slider-thumb {-webkit-appearance:none !important;border-radius:15px;background-color:#fff;height:15px;width:15px;overflow:hidden;}
input[type='range']::-moz-range-thumb {-moz-appearance:none !important;border-radius:15px;background-color:#fff;height:15px;width:15px;overflow:hidden;}

input[type='range']:hover::-moz-range-thumb{background-color:#eee;box-shadow:0 0 1px #aaa;}
input[type='range']:hover::-webkit-slider-thumb{background-color:#eee;box-shadow:0 0 1px #aaa;}

.menuimageeffectsc .upinbg{left:118px;margin:0;position:absolute;top:7px;width:211px;background:#999;height:3px;display:block;}
.menuimageeffectsc #huebg.upinbg{background:url(hue_color_icon.png) no-repeat;background-size:220px 3px;}
.returning{transition: all 1s;opacity:0;-webkit-transform:scale(0.0) !important;-moz-transform: scale(0.0) !important;-ms-transform: scale(0.0) !important; -o-transform: scale(0.1) !important;transform: scale(0.0) !important;}
.cloneDragDrop{transition:opacity .2s, width .02s, height 0.3s;z-index:350000;position:absolute;pointer-events:none;}

#over2{z-index:264999; position: absolute;}

.returning{transition: all 1s;opacity:0;-webkit-transform:scale(0.0) !important;-moz-transform: scale(0.0) !important;-ms-transform: scale(0.0) !important; -o-transform: scale(0.1) !important;transform: scale(0.0) !important;}
.cloneDragDrop{opacity:1;transition:opacity .2s, width .02s, height 0.3s;z-index:350000;position:absolute;pointer-events:none;}

.cloneText{ -webkit-user-select:text;user-select:text;-moz-user-select:text;-ms-user-select:text;opacity:1;display:block;outline:none;transform-origin: left top 0px;cursor: auto; }
.cloneText span{outline:none;}

/*Modal */
.modal-content{
    background-color: #fff;
    position: absolute;
    width: 670px;
    height: 487px;
    top: 50%;
    left: 50%;
    margin-top: -280px;
    margin-left: -335px;
    border-radius: 6px;
}
.modal-content .area-head{
    background-color: #77a641;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 35px;
    color: #fff
}
.modal-content .area-head h5{
    line-height: 37px;
}
.dialog{
    width: 640px;
    height: 360px;
    position: absolute;
    left: 50%;
    margin-left: -320px;
    margin-top: 20px;
}

/* Interface */

ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 0px;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
    width: 33.33%;
    margin-right: -4px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 15px;
}
.inputNumber input, #groupInputs input, .label-type-payment, #area-detail-payment, .tab-content.current, ul.tabs li.current{
    border: 1px solid #ccc;
}
ul.tabs li.current{

    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}

.tab-content{
    display: none;
    padding: 20px;
}

.tab-content.current{
    display: inherit;
    margin-top: -1px;
    margin-right: -2px;

}
#area-detail-payment{
    padding-bottom: 15px;
    width: 640px;
    border-top: 1px solid #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: -1px;
}
.area-detail-payment{
    width: 600px;
    margin: 0 auto;
    display: none;
}
.area-type-payment{
    height: 43px;
    text-align: center;
}
.detail-package{
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top:20px;
    font-size: 13px;
}
a, a:visited {
    text-decoration: none;
    color: #999999;
}

.ratio-type-payment {
    visibility: hidden;
    width: 0;
    margin: 0;
    padding: 0;

}
.ratio-type-payment:checked + .label-type-payment {
    background: rgba(255, 255, 255, 1);
    color: rgba(77, 77, 77, 1);

}
.ratio-type-payment:checked + .label-type-paymentl [class^="fa"] {
    opacity: 1;
}
.area-ratio{
    display: inline-block;
    margin: 0;
}
.label-type-payment {
    border-radius: 3px;
    display: inline-block;
    margin: 0;
    -webkit-transition: all, 250ms;
    transition: all, 250ms;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    padding: 10px 20px;
    text-align: center;
    color: black;
}
.label-type-payment:hover {
    background: rgba(0, 0, 0, 0.2);
}
.label-type-payment .fa-check-circle {
    color: #FF851B;
}
.label-type-payment [class^="fa"] {
    top: 4px;
    position: relative;
    float: left;
    margin-right: .5em;
    vertical-align: bottom;
    -webkit-font-smoothing: antialiased;
}
.payment-form-card{
    text-align: center;
}
ul{
    list-style: none;
}
#areaChonseCard{
    width: 100%;
    height: 51px;
    text-align: center;
}
#areaChonseCard li {
    width: 200px;
    display: block;
    float: left;
}
#groupInputs div {
    width: 50%;
    float: left;
    fotn-size: 15px;
    color: #333;
}
#groupInputs {
    width: 95%;
    margin: 0 auto;
}
#groupInputs input {
    width: 90%;
    height: 30px;
    border-radius: 3px;
    text-align: center;
}
.areaSumit {
    margin-top: 20px;
    text-align: center;
}
.areaSumit button{

    font-size: 17px;
    padding: 0;
    line-height: 38px;
    height: 38px;
    text-align: center;
    color: #fff;
    background: #ef4c23;
    border: none;
    width: 200px;
    border-radius: 3px;
}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#area-download{
    text-align: center;
    width: 100%;
    position: absolute;
    top: 385px;
}
 #export-status{
    color: #ef4c23;
}
a.modal-download{

    color: #77a641;
    text-decoration: underline;
}
#area-download a:hover{
    color: #000;
}

.inputNumber input {
    width: 50%;
    height: 30px;
    border-radius: 3px;
    text-align: center;
}
.area-modal{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.7);
    z-index: 1000000;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.modal-on{
    display: block;
}

.area-detail-support{
    width: 640px;
    position: absolute;
    top: 305px;
    text-align: center;
    font-size: 13px;
    display: none;
}
.text-strong-red{color:red}
.text-line-height{line-height: 30px;}