#container {margin:0 auto;padding:0px;width:960px;}
body{ 
font-family: Arial; 
font-size:12px; 
color:#666666; 
line-height:22px;
margin:auto;
background-color: #a5bbcd;
background-image: url(https://www.flipbuilder.com/images/index_o2.png);
background-repeat: repeat-x;
}

html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, dd,select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; displayblock}
span,ul,li,image{ padding:0px; margin:0px; list-style:none;}
.clear{ clear:both;}

#container:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px;
width: 0px;
line-height: 0px;
}

a:link{
	text-decoration: none;
    color:#2a89c7;
	line-height: 18px;
}
a:visited{
	text-decoration: none;
    color:#4a89c7;
	line-height: 18px;
}
a:hover{
	color: #668084;
	text-decoration: underline;
	line-height: 18px;
}
#top-bg{height:122px; background-image:url(https://www.flipbuilder.com/images/top_menu_bg.jpg);background-repeat:repeat-x;z-index:1;}
.container1 {width:960px;margin:0 auto;}
#header{ height:122px; float:left; width:960px; margin-bottom:20px;z-index:1;
}
#header-logo{ height:78px; float:left;width:960px; background-image:url(https://www.flipbuilder.com/images/heard_bg_l.jpg); background-position:top; background-repeat:no-repeat; background-position:right;}
#header-meun{ height:42px; float:left;width:960px}
#logo{ width:227px; padding:6px; float:left;}
#top-2 {
	height: 42px;
	width: 960px;
}
.menu {
	font-family: arial, sans-serif;
	width:960px;
	margin:0;
	position:absolute;
	z-index:1;
	height: 120px;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left; 
position:relative;
width:120px;
height:42px;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	width:120px;
	height:42px;
	color:#465664;
	font-weight:bold;
	line-height:33px;
	font-size:12px;
	background-image: url(https://www.flipbuilder.com/images/222.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#fff; 
background-image: url(https://www.flipbuilder.com/images/111.gif);
width:120px;
height:33px;
background-repeat:no-repeat;
}
.menu ul li:hover ul {
display:block; 
position:absolute;
top:33px; 
left:0; 
width:185px;
}
.menu ul li:hover ul li a {
display:block; 
background:#99b0c1; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4b5f71;
text-align:left;
text-decoration:none;
line-height:30px;
width:185px;
border-bottom: solid 1px #8799a8;
border-left: solid 1px #8799a8;
border-right: solid 1px #8799a8;
padding-left:10px;
}
.menu ul li:hover ul li a:hover {
background:#c4d2dd; 
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
text-decoration:none;
line-height:30px;
width:185px;
padding-left:10px;
}
#newsletter{ width:465px; float:right;}
#newsletter_icon{ width:465px; float:left; text-align:center; padding-top:2px;}
#google_translate_element{ width:465px; text-align:center; float:left; padding-top:22px;}
#multilingual_translate_element{ width:465px; text-align:center; float:right; padding-top:22px; }
#main{ width:960px; float:left; margin-bottom:10px;}
#main h1{font-size: 14px;color: #FFFFFF;}
#main1{ width:950px; background-color:#d7dce0; border: solid 1px #ffffff; padding:4px; margin-bottom:20px;float:left;}
#main11{ width:960px;margin-bottom:13px;float:left;}
#main-banner{ width:950px; background-color:#283546;float:left;}
#main2{ width:960px;float:left}
.main2-a{ width:10px; float:left; height:292px;}
.main2-b{ width:939px; float:left; height:292px; background-image:url(https://www.flipbuilder.com/images/bg_g_02.jpg); background-repeat:repeat-x;}
.main2-b1{ width:232px; float:left; height:269px; background-image:url(https://www.flipbuilder.com/images/bg_line.jpg); background-repeat:no-repeat; background-position:right}
.main2-b2{ width:232px; float:left; height:272px;}
.main2-b1a{ width:209px; margin:0px auto; height:272px;}
.mian2-nr{ width:209px; float:left; margin-bottom:10px;}
.mian2-nr1{ width:130px; float:left;}
.mian2-nr2{ width:79px; float:left;}
.main2-c{ width:10px; float: left; height:292px;}
#main3{ width:958px; background-color:#FFF; border: solid 1px #899fb1; background-image:url(https://www.flipbuilder.com/images/line.jpg); background-repeat:repeat-x; background-position:top; float:left}
#main3-a{ width:800px;height:21px; float:left; padding:6px 0px 0px 12px; text-align:left;}
#main3-b{ width:938px;float:left; padding:20px 10px;}
#main3-b1{ width:435px;float:left;}
#main3-b2{ width:435px;float:right;}
.main3-b1-a{ width:130px;  float:left;}
.main3-b1-b{ width:290px; float: right;}
.main3-b1-b1{ width:290px; padding-bottom:6px; border-bottom: dotted 1px #a8afb7; float:left; margin-bottom:4px; float:left}
.main3-b1-b3{ width:290px; padding-bottom:17px; border-bottom: dotted 1px #a8afb7; float:left; margin-bottom:4px; float:left}
.main3-b1-b2{ width:290px; float:left}

#mian-pro{ width:960px;	background-color:#FFF; 
    float:left; }
#dibu_xiaotiao{background-image:url(https://www.flipbuilder.com/images/dibu_xitiao.png); background-repeat:no-repeat;  width:960px; height:10px; float:left; margin-bottom:6px}
#mian-products{ width:960px;background-color:#FFF;border-right-width: 1px;
	border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-coor: #929b9e;
	border-bottom-color: #929b9e;
	border-left-color: #929b9e;
	background-image:url(https://www.flipbuilder.com/images/bgg_03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	 float:left; }
#mian-left{
	width:624px;
	float:left;}
#mian-right{ width:252px;  float:right;}
#mian-left-top{ width:930px; padding:10px 15px 10px 15px; height:32px;background-image: url(https://www.flipbuilder.com/images/product_top_line.jpg);background-repeat:no-repeat;background-position:top; float:left}
#mian-left-bottom{ width:920px; padding:20px; float:left; font-family: Arial;font-size:13px;line-height:20px; background-image: url(https://www.flipbuilder.com/images/pro_bg.jpg); background-position:bottom; background-repeat:no-repeat;}
.mian-left-bottom1{ width:624px; float:left; margin-bottom:40px; border-bottom: dotted 1px #b3b3b3; padding-bottom:8px}
.mian-left-bottom2{ width:100px; float:left;}
.main-left-bottom3{ width:496px; float:right; padding-bottom:20px;}
.mian-right1{ width:252px; margin:16px 0px 16px 0px; float:left;}
.mian-right2{ width:252px; height:32px; float:left; background-color:#d9e8ef }
.miam-right3{width:252px;float:left;}
.right-nr33{
	width:240px;
	margin:0 auto;
}
.nr33-a{width:240px; margin-top:5px; margin-bottom:5px;float:left;}
.nr33-b{ width:240px; margin:0px; padding:0px; float:left;	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #a8afb7;}
.nr33-c{ width:16px; text-align:left; float:left; padding-bottom:5px;}
.nr33-d{width:215px;float:right;line-height: 18px;}
#banner{ width:960px;width:948px; padding:5px; background-color:#FFF; border: solid 1px #9ea6a9; margin-bottom:20px; float:left;}
/*****************************************************************************************************************************************/
#main-purchase{width:948px;
	padding:2px 5px 5px 3px;
	background-color:#FFF;
	float:left;
	background-image:url(https://www.flipbuilder.com/images/bgg_03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #929b9e;
	border-bottom-color: #929b9e;
	border-left-color: #929b9e;
}
#main-about{width:948px;
	padding:5px;
	margin-bottom:20px;
	background-color:#FFF;
	float:left;
	background-image:url(https://www.flipbuilder.com/images/bgg_03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #929b9e;
	border-bottom-color: #929b9e;
	border-left-color: #929b9e;
}

#mian-pur-top1{ width:681px; height:196px; float:left}
#mian-pur-top2{ width:253px; height:196px;  float:right;}
#main-pur-bottom{ width:948px; float:left;}
#main-pur-bottom1{ width:948px; float:left; margin-bottom:16px; background-image:url(https://www.flipbuilder.com/images/pur_bg.jpg); background-repeat:repeat-x; background-position:bottom;}
.main-pur-bottom1-a{ width:928px; margin-bottom:20px; padding:0px 10px;float:left; }
.main-pur-bottom1-aa{ width:928px; margin-bottom:10px; padding:10px;float:left; background-image: url(https://www.flipbuilder.com/images/purchase_bg.jpg); background-repeat:no-repeat; height:195px;}
.main-pur-bottom1-bb{ width:928px; margin-bottom:10px; padding:10px;float:left; background-image: url(https://www.flipbuilder.com/images/purchase_bg2.jpg); background-repeat:no-repeat; height:230px;}
.main-pur-bottom1-b{ width:120px; margin-right:15px; float:left; padding-top:15px; padding-left:8px;}
.main-pur-bottom1-c{ width:500px; margin-right:15px; padding-top:16px; float:left;}
.main-pur-bottom1-d{ width:100px; margin-right:15px; text-align:center; font-size:14px; color:#F00; font-weight:bold; padding-top:75px;float:left;}
.mian-pur-bottom1-e{ width:136px; padding-top:70px;float:left;}
#main-pur-bottom2{ width:948px; float:left;}

/***************************************************************************************/
#support{ width:908px; float:left; padding:0px 20px;}
#faq dt{font-weight:bold;cursor:pointer}
#faq dd{display:none; padding:5px 0px;}
#faq li{ padding-bottom:10px;}
#support-left2{ width:600px; float:left}
.support-b2b{ width:900px;float:left; margin:15px 0px 15px 0px;}
.support-b2b ul{ width:900px; margin:0px; padding:0px;}
.support-b2b ul li{ width:900px; padding-bottom:14px; list-style: square inside;}
.support-right{ width:260px; float:right; background-image:url(https://www.flipbuilder.com/images/bg.jpg); height:590px; padding:15px; margin-bottom:14px;}
.support-b2b2{ width:600px;float:left; margin:15px 0px 15px 0px; }
.support-b2b3{ width:600px;float:left; margin:15px 0px 15px 0px; }
.support-b2b2 ul{ width:600px; margin:0px; padding:0px;}
.support-b2b2 ul li{ width:600px; padding-bottom:10px; list-style: square inside}
/***********************************************************************************************/
.nr2-a{width:270px;margin:0px 0px 16px 0px;padding:0px;background-color:#FFF; border-bottom:solid 1px #929b9e; border-left:solid 1px #929b9e; border-right:solid 1px #929b9e; float:left;}
.nr2-b{ width:270px; margin:0px; padding:0px; height:30px; float:left; background-repeat: repeat-x;}
.nr2-c{ width:254px; margin:8px; padding:0px; float:left;}
.nr2-c ul{ width:254px; margin:0px; padding:0px; float:left;}
.nr2-c ul li { width:254px; float:left; padding:0px 0px 8px 0px; margin:0px;}
.nr2-d{ width:254px; padding:8px; float:left; text-align:center; font:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#666}
.pro-a{width:960px;margin:0px 0px 23px 0px;padding:0px;float:left;background-color:#FFF;float:left;}
.pro-a1{ width:960px; height:34px; background-repeat:repeat-x; background-position:top; float:left;}
.pro-a2{ width:960px; margin:0px; padding:0px; float:left;}
.pro-a{width:920px;margin:0px 0px 23px 0px;padding:0px;float:left;background-color:#FFF;float:left;}
.pro-a1{ width:920px; height:34px; background-repeat:repeat-x; background-position:top; float:left;}
.pro-a2{ width:920px; margin:0px; padding:0px; float:left;}
#pro-a2-1{ width:302px; margin:0px; padding:10px;  float:left;}
#pro-a2-2{ width:558px; margin:0px; padding:10px 16px 10px 16px; float:left; font-family:Tahoma; font-size:12px; line-height:22px;}
#pro-b2-1{ width:502px; margin:0px; padding:10px;  float:left;}
#pro-b2-2{ width:358px; margin:0px; padding:10px 16px 10px 16px; float:left; font-family:Tahoma; font-size:12px; line-height:22px;}
#pro-b{width:962px;margin:0px;padding:0px;float:left;}
#pro-b1{ width:675px;  float:left;}
#pro-b2{ width:272px; float:right;}
OL LI {MARGIN: 8px}
#con {FONT-SIZE: 12px; line-height:150%; MARGIN: 0px auto; WIDTH: 675px}
#tags {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 675px; PADDING-TOP: 0px; HEIGHT: 32px; float:left;}
#tags LI {BACKGROUND: url(https://www.flipbuilder.com/images/tagleft1.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 6px; LIST-STYLE-TYPE: none; HEIGHT: 32px}
#tags LI A {PADDING-RIGHT:20px; PADDING-LEFT:20px; BACKGROUND: url(https://www.flipbuilder.com/images/tagright2.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #2c2a2a; font-size:14px; font-weight:bold; LINE-HEIGHT: 32px; PADDING-TOP: 0px; HEIGHT: 32px; TEXT-DECORATION: none}
#tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 8px}
#tags LI.selectTag {BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 32px}
#tags LI.selectTag A {BACKGROUND-POSITION: right top; font:Verdana, Geneva, sans-serif; font-size:14px; COLOR: #fff; font-weight:bold; LINE-HEIGHT: 32px; HEIGHT:32px;}
#tagContent {BORDER-RIGHT: #929b9e 1px solid; PADDING-RIGHT: 1px;  PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #929b9e 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #929b9e 1px solid; BACKGROUND-COLOR: #fff; float:left;}
.tagContent {PADDING-RIGHT: 20px; DISPLAY: none; PADDING-LEFT: 20px; background-color:#FFF; PADDING-BOTTOM: 20px; WIDTH: 632px; COLOR: #474747; PADDING-TOP:20px; float:left}
#tagContent DIV.selectTag {DISPLAY: block}
.info{ width:254px; padding:8px; float:left;}
.info ul{ width:254px; margin:0px; padding:0px; float:left;}
.info ul li { width:254px; float:left; padding:0px 0px 8px 0px; margin:0px; list-style: none;}
.pro-demo{ width:510px; float:left; padding:15px 55px 15px 56px; height:300px;}
.pro-why{ width:622px; float:left; margin-bottom:15px; margin-top:15px; padding:15px 0px 15px 0px;border-bottom:1px dashed #CCC }
.template-why{ width:800px; float:center; margin-bottom:15px; margin-top:15px; padding:15px 0px 15px 0px; border-bottom:1px dashed #CCC}
.pro-why2{ width:200px; float:left; padding-top:15px;}
.pro-why3{ width:420px; float:right;padding-top:15px;}
.pro-why4{ width:420px; float:left;padding-top:15px;}
.pro-why5{ width:200px; float:right;padding-top:15px;}
.pro-ff{ width:632px;float:left;}
.pro-ff ol{ width:632px; margin:0px; padding:0px;}
.pro-ff ol li{ width:632px; padding-bottom:14px; list-style:none;}
#main-show{width:960px; float:left;}
#main-show-top{ width:960px; float:left; margin-bottom:20px; background-color:#FFF}
.main-show2{ width:960px; float:left;}
.main-show3{ width:958px; float:left; border-left: solid 1px #929b9e; border-right: solid 1px #929b9e;}
.main-show1{ width:948px; padding:5px 5px 0px 5px; border-left: solid 1px #929b9e; border-right: solid 1px #929b9e; background-image:url(https://www.flipbuilder.com/images/bgg_03.jpg); background-position:top; background-repeat:no-repeat;}
#main-show-bottom{ width:948px;  background-color:#FFF; float:left; margin:0px 5px;}
#main-show-bottom2{ width:948px;  background-color:#FFF; float:left; margin:36px 5px 0px 5px;}
.main-show-dd{ width:829px; padding:0px 55px; float:left;}
.main-show-nr{ margin-bottom:25px; float:left; margin-top:20px; width:830px}
.main-show-nr1{ width:229px; margin-right:70px; float:left}
.main-show-nr2{ width:229px; float: left}
.main-shoow-nr-a{ width:229px; height:161px;  float:left; margin-bottom:5px; background-repeat:no-repeat;}
.main-shoow-nr-a1{ width:219px; height:151px; padding:5px;}
.main-shoow-nr-b{ width:229px; float:left;}
.main-shoow-nr-b1{ width:207px; margin:6px 0px;float:left; border:dashed 1px #d3dce1; background-color:#f5f5f5; padding:3px 10px }
.main-show-mb{ margin:16px; float:left; width:926px}
#show-main{ width:902px; float:left; padding:10px 23px 12px 23px;}

#show-main22{ width:925px; float:left;  padding:0px 0px 12px 23px;}
.show-main22{ width:925px; float:left; margin-top:10px; margin-bottom:15px;text-align: center;}
.show-main22 dl{ width:198px;  float:left; margin-right:30px; margin-bottom:15px; }
.show-main22 dl dt{ width:188px;float:left;background-color:#fff; padding:3px; margin-bottom:15px;border:1px solid #B8AB9B; }
.show-font{ font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#F5280C; font-weight:bold;line-height:120%; margin-bottom:8px;  text-align: center;}
.show-font a:link{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; font-weight:bold;line-height:120%; margin:0px; padding-bottom:5px;  text-decoration:none;}
.show-font a:visited{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; font-weight:bold;line-height:120%; margin:0px; padding-bottom:5px;  text-decoration:none;}
.show-font a:hover{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; font-weight:bold;line-height:120%; margin:0px; padding-bottom:5px;  text-decoration: underline;}

.show-font22{ font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:120%; margin:0px; padding:0px;text-align: center; display: inline-block;margin-top: -8px;font-weight: bold;}
.show-font3{ font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:150%; margin:0px; padding-top:5px; color:#000; font-weight:bold; text-align: center;}
.show-cent{ width:948px; float:left;}





#index2-banner2{ width:950px; height:340px; float:left; background-image: url(https://www.flipbuilder.com/images/banner2.jpg); background-repeat:no-repeat;}
#index2-banner3{ width:403px; height:229px; margin:55px 0px 0px 37px; float:left;}
#index2-banner4{ width:870px; height:494px; margin:5px 0px 0px 37px; float:left;}


.main-template{ width:909px; float:left; }
.main-template1{ width:325px; float:left;}
.main-template2{ width:570px; float:right;}


#templates{ background-color:#dae2e7; height:35px; border-bottom:solid 1px #dedede; float:left; font-weight:bold; width:958px; font-size:16px}
#company{ width:958px; float:left; border: dotted 1px #929b9e; background-color:#FFF; margin-bottom:10px}
#company-top{ width:958px; height:33px;background-color:#c9d2db; border-bottom:dotted 1px #929b9e; float:left}
#company-bottom{ width:918px; padding:0px 20px; float:left;}
#cooperation{ width:882px; float:left; background-color:#f0f0f0; padding:10px; border:dashed 1px #3669B6;}
#cooperation1{ width:902px; float:left; border-bottom:dashed 1px #c5c5c5}
#cooperation2{ width:902px; float:left; border-bottom:dashed 1px #c5c5c5}
#cooperation3{ width:902px; float:left;}
.sec1  {
background-color:  #F4F4F4;
cursor:  hand;
color:  #465665;
border-right:  1px  solid  #dedede;
border-bottom:  1px  solid  #dedede;
border-top:  1px  solid  #dedede;
border-left:  1px  solid  #dedede;
height:38px;
cursor:pointer;
font-weight:  bold;
}

.sec2  {
background-color: #dee5ea;
cursor:  hand;
color:  #3691be;
border-right:  1px  solid  #dedede;
border-left:  1px  solid  #dedede;
font-weight:  bold;
height:38px;
font-size:14px;
cursor:pointer;
}
.main-templates{ width:909px; padding:0px 15px; float:left;}
.main-templates1{ margin-bottom:25px; float:left; margin-top:20px;background-color:#ffffff; width:887px; padding:10px; border:dashed 1px #d8d8d8}
.main-templates11{ margin-bottom:25px; float:left; margin-top:20px;background-color:#ffffff; width:887px; padding:10px; border:dashed 1px #d8d8d8; background-image:url(https://www.flipbuilder.com/images/custom.png); background-position:right; background-repeat:no-repeat}
.main-templates12{ margin-bottom:25px; float:left; margin-top:20px;background-color:#ffffff; width:887px; padding:10px; border:dashed 1px #d8d8d8; }
.main-templates2{ margin-bottom:25px; float:left; margin-top:20px; width:909px}
.main-templates3{ width:454px; float:left}
.main-templates3a{ width:445px; float:right}
.main-templates3-1{ width:198px; height:123px;  float:left; background-image: url(https://www.flipbuilder.com/images/workBgA.png); background-repeat:no-repeat;}
.main-templates3-2{ width:183px; height:108px; padding:6px 9px 9px 6px; text-align:center; float:left}
.main-templates4{ width:230px; float:left; margin-left:8px}
#templates-banner{ width:948px; float:left;}
#templates-neirong{ width:948px; padding:10px 0px 25px 0px; float:left;}
#templates-neirong1{ width:948px; float:left; background-image:url(https://www.flipbuilder.com/images/templates_06.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:20px; margin-bottom:20px;}
#templates-neirong1-1{ width:890px; padding:10px 29px 20px 29px; float:left;}
#templates-neirong1-2{ width:890px; padding:0px 29px; float:left;}
#templates-neirong1-2a{ width:230px; float:left;}
#templates-neirong1-2b{ width:640px; float:right;}
#templates-neirong2{ width:948px; float:left;}
.templates-neirong2-1{ width:934px; padding:8px 5px 8px 10px; background-color:#f0f0f0; font-size:14px; font-weight:bold; color:#000; margin-bottom:10px}


#bottom{width:958px; background-color:#697c8d;border: solid 1px #8ca0b1;margin-top: 10px;margin-bottom: 20px; -moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius:12px;}
#bottom1 {width: 960px;float: left;}
#bottom-menu {padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px; float:left}
#bottom-menu1 {float: left;height: 15px;width: 700px;}
#bottom-menu2 {float: right;width: 200px;height: 15px;text-align:right; padding-right:0px;}
.wz2 {font-family: Arial;font-size: 12px;color: #fff;text-decoration: none;}
.wz2 a:link{font-family:Arial;font-size: 12px;color: #fff;text-decoration: none;}
.wz2 a:visited{font-family: Arial;font-size: 12px;color: #fff;text-decoration: none;}
.wz3 a:hover{font-family: Arial;font-size: 12px;color: #fff;text-decoration: none;}
.font-heise{ font-size:16px; font-weight:bold; color:#333;text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.font-heise a:link{ font-size:16px; font-weight:bold; color:#333;text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.font-heise a:visited{ font-size:16px; font-weight:bold; color:#333;text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.font-heise a:hover{ font-size:16px; font-weight:bold; color:#333; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.font-heise2{ font-size:12px; font-weight:bold; color:#333;}

.font-huise-a{ font-size:12px; color:#626e7a; text-decoration: underline; }
.font-lanse{ font-size:12px; color:#2a89c7;font-weight: bold; text-decoration: underline; font-family:Arial, Helvetica, sans-serif}
.font-lanse a:link{ font-size:12px; color:#2a89c7; text-decoration: underline; font-family:Arial, Helvetica, sans-serif}
.font-lanse a:visited{ font-size:12px; color:#2a89c7; text-decoration: underline; font-family:Arial, Helvetica, sans-serif}
.font-lanse a:hover{ font-size:12px; color:#2a89c7; text-decoration: underline; font-family:Arial, Helvetica, sans-serif}
.font-lanse2{ font-size:12px; color:#1e50a2; font-weight:bold;text-decoration:none}
.font-lanse2 a:link{ font-size:12px; color:#1e50a2;font-weight:bold;text-decoration:none}
.font-lanse2 a:visited{ font-size:12px; color:#1e50a2;font-weight:bold; text-decoration:none}
.font-lanse2 a:hover{ font-size:12px; color:#1e50a2;font-weight:bold; text-decoration:underline}
.font-huise{ font-size:12px; color:#F00; font-weight:bold; text-decoration: line-through;}
.font-index-pirce{ font-size:12px; color:#666; font-weight:bold; text-decoration: line-through; font-family:Arial, Helvetica, sans-serif}
.font-hongse{ font-size:16px; color: #F00; font-weight:bold; }
.font-pro-bt11{ font-size:12px; color:#3691be; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.font-pro-bt{ font-size:16px; padding-top:10px; color:#666666; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.font-pro-bt-a{ font-size:14px; padding-top:10px; color:#666666; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.font-pro-bt a:link{ font-size:16px; padding-top:10px; color:#666666; font-weight:bold;}
.font-pro-bt a:visited{ font-size:16px; padding-top:10px; color:#666666; font-weight:bold;}
.font-pro-bt a:hover{ font-size:16px; padding-top:10px; color:#666666; font-weight:bold; text-decoration:none;}
.font-h2{ font-size:14px; font-weight:bold; color:#656e7d; color:#000; padding-top:6px; padding-left:6px}
.font-lanse11{ font-size:12px; color:#3691be; font-weight:bold}
.font-lanse11 a:link{ font-size:12px; color:#3691be;font-weight:bold}
.font-lanse11 a:visited{ font-size:12px; color:#3691be;font-weight:bold; text-decoration: underline}
.font-lanse11 a:hover{ font-size:12px; color:#225bb9;font-weight:bold; text-decoration: underline}
.font-pro{font-size:12px; color:#626e7a; font-weight:bold; padding:6px 10px 10px 10px;}
.font-hh{ font-size: 18px;font-family:Verdana, Geneva, sans-serif; color:#576a7b; line-height:27px;}
.font-zhx{ font-size:14px; text-decoration:line-through;color:#626e7a;}
.font-zz{ font-family:Impact,Tahoma, Geneva; font-size:30px; color:#1a1a1a; line-height:120%}
.font-support{ font-size:14px; line-height:180%;}
.font-question{font-style:italic; font:Arial; font-size:14px; background-color:#EEEEEE; border:dotted #CCCCCC; padding:10px 14px;}
.font-pirce{ font-size:16px; color: #f26522; font-weight:bold; font-style:italic; }
.font-pirce2{ font-size:14px; color: #f26522; font-weight:bold; font-style:italic; font-family:"Franklin Gothic Demi Cond" }
.font-pirce3{ font-size:14px; color: #f26522; font-weight:bold;}
.font-christmas{ font-size:25px; color: #ff9900; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
.font-lw{ font-size:25px; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:120% }
.font-lw1{ font-size: 20px;font-family:Verdana, Geneva, sans-serif; color:#576a7b; line-height:27px;}
.font-lw2{ font-size: 19px;font-family:Verdana, Geneva, sans-serif; color:#333333; line-height:35px;}

#alpha_templates{ width:906px; float:left; margin-bottom:20px; background-image:url(https://www.flipbuilder.com/images/templates_06.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:15px;}


.buynow{ background-image:url(https://www.flipbuilder.com/images/buynow_01_03.jpg); background-repeat:repeat-x; height:35px; padding:0px; margin:0px}
.buynow_font{ font:Arial, Helvetica, sans-serif; font-size:14px; color:#e06b23; text-decoration:underline; font-weight:bold;}
.buynow_font a:link{ font:Arial, Helvetica, sans-serif; font-size:14px; color:#e06b23; text-decoration:underline; font-weight:bold;}
.buynow_font a:visited{ font:Arial, Helvetica, sans-serif; font-size:14px; color:#e06b23; text-decoration:none; font-weight:bold;}
.buynow_font a:hover{ font:Arial, Helvetica, sans-serif; font-size:14px; color:#e06b23; text-decoration:none; font-weight:bold;}

.download-font{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#75a82a; text-decoration:underline;}
.download-font a:link{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#75a82a; text-decoration:underline;}
.download-font a:visited{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#75a82a; text-decoration:none;}
.download-font a:hover{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#75a82a; text-decoration:none;}

.buy-price{ font-size:12px; color:#F00}
.buy-page{ padding:0px 6px 0px 6px}


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 960px;
	list-style: none;
	font-size:12px;
	line-height:12px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	height:33px;
	position: relative;
	z-index:1;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 42px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; padding:0px; margin:0px; }
ul#topnav a.home {
	background: url(https://www.flipbuilder.com/images/nav_home.png) no-repeat;
	width: 120px;
}
ul#topnav a.products {
	background: url(https://www.flipbuilder.com/images/nav_products.png) no-repeat;
	width: 120px; 
}
ul#topnav a.templates {
	background: url(https://www.flipbuilder.com/images/nav_templates.png) no-repeat;
	width: 120px; 
}
ul#topnav a.purchase {
	background: url(https://www.flipbuilder.com/images/nav_purchase.png) no-repeat;
	width: 120px; 
}
ul#topnav a.showcase {
	background: url(https://www.flipbuilder.com/images/nav_showcase.png) no-repeat;
	width: 120px; 
}
ul#topnav a.support {
	background: url(https://www.flipbuilder.com/images/nav_support.png) no-repeat;
	width: 120px; 
}
ul#topnav a.online {
	background: url(https://www.flipbuilder.com/images/nav_online.png) no-repeat;
	width: 120px; 
}
ul#topnav a.company {
	background: url(https://www.flipbuilder.com/images/nav_company.png) no-repeat;
	width: 120px; 
}
ul#topnav a.solution {
    background: url(https://www.flipbuilder.com/images/nav_solution.jpg) no-repeat;
    width: 120px;
}
ul#topnav a.onlines {
    background: url(https://www.flipbuilder.com/images/nav_onlines.png) no-repeat;
    width: 120px;
}
ul#topnav li .sub {
	position: absolute;	
	top: 42px; left: 0;
	background: #738a98 ;
	padding:20px 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	border-bottom: solid 1px #8799a8;
border-left: solid 1px #8799a8;
border-right: solid 1px #8799a8;
}
#sub-wid {
width: 660px;
}
.sub-h {
	font-size: 13px;
	display:block;
    padding-left:4px !important;
    font-weight: normal;
    color: #fff !important;
    font-family: Tahoma, Geneva, sans-serif;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 0px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 220px;
	float: left;

	
}
ul#topnav .sub ul li {
	width: 100%;
	color: #4b5f71;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size:13px;
	font-weight:bold;
	font-weight: normal;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 5px 0px 5px 10px;
	display: block;
	text-decoration: none;
	width:208px;
	color: #c4d2dd;
}
ul#topnav .sub ul li a:hover {	-moz-box-shadow:0px 0px 2px #333;
	-webkit-box-shadow:0px 0px 2px #333;
	box-shadow:0px 0px 2px #333;
	background:#3e4e57;}
	
#index-mian{ width:928px; float:left; margin-bottom:18px; padding:0px 16px;}
#index-sale{ width:928px; float:left; margin:0px; padding:0px;}
.index-sale1{ width:666px; float:left;}
.index-sale1-bt{ width:250px; float:left; margin-bottom:18px}
.index-sale1-nr{ width:666px; float:left;}
.index-sale1-nr2{ width:333px; float:left;}
.index-sale2{ width:10px; float:left;}
.index-sale3{ width:252px; float:left;}
.index-sale33{ width:240px; float:left;}
.index-sale22{ width:22px; float:left;}
.index-lw{ width:200px; float:left;}
.index-lw1{ width:200px; float:left; margin-top:40px}
#index-templates{ width:250px; float:left}
#youtube1{ width:452px; margin:0px; padding:0px 10px 10px 0px; background-image:url(https://www.flipbuilder.com/images/computer.png); height:388px; background-repeat:no-repeat;  float:left;}
#youtube2{ width:408px; height:277px; padding:21px 0px 0px 22px; float:left;}
#content2{ width:426px; margin:0px; padding:10px 16px 10px 16px; float:left; font-family:Tahoma; font-size:12px; line-height:22px;}
.pro-yuanjiao{width:270px; margin-bottom:12px;
background-image:url(https://www.flipbuilder.com/images/bar2_03.jpg); background-repeat:repeat-x; background-position:top;
    border: 1px solid #e7e7e7;
    -moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px;            /* W3C syntax */
	 /*box-shadow: 0px 1px 2px  #e5e5e5;*/

}
.font-list{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#465664;text-decoration:none;}
.font-list a:link{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#465664; text-decoration:none;}
.font-list a:visited{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#465664; text-decoration:underline;}
.font-list a:hover{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#465664; text-decoration:none;}

#cont { float:left; width:622px; background:#fff; overflow:hidden; }
#main-show-bottom2a{ width:948px;  background-color:#FFF; float:left; margin:0px 5px 0px 5px;}
.main-templates1a{ margin-bottom:35px; float:left; background-color:#ffffff; width:887px; padding:10px; border:dashed 1px #d8d8d8}

.tab { height:44px; margin:30px 0 10px 0; padding:0 30px; background:url("https://www.flipbuilder.com/images/tab_bg_bg.gif") no-repeat left top; }
.tab li { float:left; width:114px; height:44px; margin:0 6px; text-align:center; background:url("https://www.flipbuilder.com/images/tab_bg.gif") no-repeat -127px 0; cursor:pointer; font:bold 14px/38px Arial; }
.tabnostyle li {cursor:pointer; display:inline;}
.tab li.curr { background-position:0 0; color:#fff; }
.wrap{ width:270px; margin-right:24px; float:left;}
.wrap-a{ width:270px;  float:left;}
.wrap1{border:1px solid #e4e4e4;padding:10px; width:266px; height:228px; float:left; margin-bottom:15px;box-shadow: 0px 1px 2px  #e5e5e5;}
.wrap-project{border:1px solid #e4e4e4;padding:10px; width:266px; height:126px; float:left; margin-bottom:15px;box-shadow: 0px 1px 2px  #e5e5e5;}
.wrap2{width:286px;  float:left; margin-bottom:10px;}
.wrap3{width:286px;  float:left;}
.wrap4{width:125px;  float:left;}

.left {float:left;}
#bottom1 ul li {clear:both;margin-left:0;}
#bottom1 ul {margin:0;}
#bottom1 h4 {font-size:16px;color:#000;font-weight:bold;text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);}
#bottom1 p {font-size:16px;color:#000;font-weight:bold;text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);margin: 0px 0px 0px 0px;}
#bottom1 div.block{margin:8px 10px 5px 20px; width:150px;}

.block a{text-decoration:underline;}
.block a:link{color: #ccc;text-decoration: underline;}
.block a:visited{color: #ccc;text-decoration: underline;}
.block a:hover{color: #fff;text-decoration: underline;}

.quicklink{margin:5px 15px;} 
.quicklink a{font-size:9px;color:#CCC;text-decoration:none;margin:0 5px;}
.copyright{font-size:16px; color:#EEE;margin-left:300px;margin-bottom:23px;text-align:left;}

.block_follow a {padding: 0 0 4px 20px;}
.block_follow a:link{text-decoration:none;}
.b_blog {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -0px; }
.b_newsletter {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -50px; }
.b_facebook {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -100px; }
.b_twitter {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -150px; }
.b_youtube {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -200px; }
.b_linkin {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -250px; }

.block_products a {padding: 0 0 4px 20px;}
.b_products {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -300px; }
.b_purchase {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -350px; }
.b_online {background: url(https://www.flipbuilder.com/images/sprites.png) no-repeat 0 0; background-position: -20px -400px; }

.tip{font-weight:bold; text-decoration: underline; position:relative; color:#000; } 
.tip span {display:none;} 
.tip:hover {cursor:hand;} 
.tip:hover .popbox { 
display:block; 
position:absolute; 
top:14px; 
left:-1px; 
width:345px; 
background-color:#424242; 
color:#fff; 
padding:10px; 
font-weight:100;
border:solid 2px #686868;
text-align:left;
} 

@media screen and (max-width: 999px){
    #sthoverbuttons { display: none; }
	#contest {display:none;}
}
#example{ width:942px; height:140px; margin:0 auto;}
#examples{ width:942px; height:40px; margin:0 auto;}
#example-text{ width:180px; background-image:url(https://www.flipbuilder.com/images/example-line.jpg); background-repeat:no-repeat; background-position:right; height:140px; margin-right:10px;float: left}
#example-texts{ width:180px; height:40px; margin-right:10px;float: left}
.index-arrow { width:172px;float:left;display: block;margin-top: 12px;}
.example-border{ width:172px;margin:10px 8px 0px 8px; float:left;}
.example-img{ width:164px; height:94px; background-color:#FFF;border-radius:4px;
-webkit-box-shadow: 2px 2px 2px #c3c7ca; -moz-box-shadow: 2px 2px 2px #c3c7ca;box-shadow: 2px 2px 2px #c3c7ca; padding:4px;float:left;}
.example-img a div{height:72px; width:142px; background:rgba(10,0,0,0.6); position:absolute; margin-top:-98px; margin-left:-4px; color:#FFF;border-radius:4px; padding:15px;
    overflow:hidden; opacity:0; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;}
.example-img a:hover div{opacity:1;overflow:hidden;}
.exam-text {font-size:21px;line-height:23px;text-align:center;padding-top:15px;display:block;}
.example-title{ width:172px; padding:3px 0px 0px 0px; text-align:center; float:left;color:#293c4d;font-size:13px;}
.example-title a{ color:#000!important;}
.example-title a:link{ color:#293c4d; font-size:13px;}
.example-title a:hover{ color:#293c4d; font-size:13px;}
.example-title a:visited{ color:#293c4d; font-size:13px; text-decoration:none}

.reviewsShow hr{ border:1px dashed #e3e3e3;}
.reviewsShow h1{ padding:20px 0 15px;}
.reviewsItem{padding:20px 3% 10px;background:#f3f3f3;margin:30px 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden; font-size:14px;}
.reviewsItem strong.title{font-size:16px;color:#333; display:block;}
.reviewsItem span.info{color:#999; font-size:12px;}
.reviewsItem .rating{float:right;margin-top:0}
.reviewsItem p.con{margin:10px 0}
.reviewsItem .ud{float:left;width:100px;overflow:hidden;line-height:22px; margin-bottom:20px;}
.reviewsItem .ud a{display:block;float:left;background:url(https://www.flipbuilder.com/images/btn-1.png) no-repeat 0 -46px;width:22px;height:22px;margin:0 5px;}
.reviewsItem .ud .down{background-position:-25px -46px;}
.reviewsItem .ud .up:hover{background-position:0 -69px}
.reviewsItem .ud .down:hover{background-position:-25px -69px}
.reviewsItem .reply{ border-top:1px solid #D8DFEA; padding-bottom:8px;}
.reviewsItem .share a{line-height:16px;color:#777}
.reviewsItem .share img{vertical-align:text-bottom}
.reviewsItem .btm{clear:both;background:url(https://www.flipbuilder.com/images/dot_07.png) 90% 0 no-repeat #fff;position:relative;margin:0 -4% -10px;height:16px}
.rating{   display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:12px;width:11px; background:url(https://www.flipbuilder.com/css/images/star-2.png) no-repeat 0 -3px; zoom:1}
.rating strong{color:#f60;padding-left:10px}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating li{background:url(https://www.flipbuilder.com/images/star-1.png) no-repeat 0 3px; width:12px; height:19px; }
.bigRating li a{width:13px; height:19px;}
.bigRating li.on{background-position:0 -27px}
.bigRating li.half{background-position:0 -54px}


.paging{ text-align:center; margin:20px 0;}
.paging a{padding: 3px 5px ;text-decoration: none; border:1px solid #fff; color:#697c8d; font-size:16px; }
.paging a.curr{color:#555; font-weight:bold; border:none !important}
.paging a:hover{ border:1px solid #697c8d;}
.paging .bb{ padding: 5px 10px ; margin:0 10px;  border:none; background:#697c8d; color:#fff; border-radius:5px}
.paging .bb:hover{ border:none; background:#4b5966  }

.support-os {
    font-size:12px;
    color:black;
    font-weight:bold;
}

.cc-float-fix {
    *zoom: 1;
}

.cc-float-fix:before,
.cc-float-fix:after {
    content: "";
    line-height: 0;
    height: 0;
    width: 0;
    display: block;
    visibility: hidden;
}

.cc-float-fix:after {
    clear: both;
}

.explainer-video {
    margin:58px 0 0 40px;
    display: inline-block;
    position: relative;
}
.explainer-video:hover {
    opacity: 1;
}

.ex-video-player {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
.ex-video-player img{
    margin-top: 80px;
}
.explainer-video div {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.1;
}
.explainer-video:hover div{
    opacity: 0.2;

}

.anchor-box {
    width:900px;
    padding:15px 16px 0px 16px;
    margin: auto;
}

.anchor-box h3 {
   float: left;
    margin-right: 20px;
}

.anchor-box-inner {
    width:600px;
    padding:15px 16px 0px 16px;
    margin: auto;
}

.anchor-box-inner h3 {
  text-align: center;
    padding-bottom: 15px;
}
.anchor-dec {
    background-color: #e7e7e7;
    display: inline-block;
    text-decoration: none !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #000 !important;
    border-radius: 2px;
    padding:4px 6px;
    border: 1px solid #e7e7e7;
    font-size: 15px;
    float:left;
    margin-right: 5px;
    margin-bottom: 8px;
}

.anchor-dec:hover {
    border: 1px solid #1D62B9;
}