@charset "gb2312";
/* CSS Document */

/*stylecss begin*/
.commonh2, .romana_section_title h2, .romana_search_domain_area .romana_domain_text h2, .romana_web_hosting_text h2, .romana_single_table h2, .romana_welcome_webhost_area .romana_welcome_text h2 {
	font: bold 35px/40px "Microsoft YaHei"; 
	color:#535353;
	padding:0px 300px 0px 300px;
 }
.romana_section_title p1{ font:20px/46px "Microsoft YaHei"; color:#535353;padding:0px 300px 60px 300px;min-width:1200px;}
.romana_section_title p{ font:20px/46px "Microsoft YaHei"; color:#535353;padding:0px 300px 10px 300px;}
.romana_section_title span{color: #5BB12F;}
.romana_section_news{text-align:left;width:350px;padding:0px 25px;}
.romana_section_news li a{color: #3F3F3F;}
.romana_section_news li a:hover{color: #0A8401;}
.romana_plan_btn a{display: inline-block;width: 170px;height: 42px;text-align: center;line-height: 42px;border-radius: 42px;text-transform: uppercase;font-weight: 600;color: #fff;font-size: 14px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}

/* ------------------------------------------------ 1.***Base Css Start***
-------------------------------------------------*/

a{text-decoration: none;outline: none;}
a:hover, a:focus, input, textarea{text-decoration: none;outline: none;}
/*h1, h2, h3, h4, h5, h6{margin: 0px;padding: 0px;}*/
body{height: 100%;}
body{font-family: "microsoft yahei";font-size: 14px;line-height: 22px;color: #222;background: #fff;font-weight: 300;}
.romana_section_padding{padding: 100px 0px;}
.romana_section_padding_top{padding-top: 50px;}
.romana_section_padding_bottom{padding-bottom: 50px;}
.hvr-bounce-to-right,.hvr-shutter-out-horizontal{overflow: hidden;}
.hvr-bounce-to-right:before{background: #0A8401;}

/* ==================================== romana_why_choose_area Css =======================*/
/*.romana_hosting_plan_area{background: #eef6fd;margin-top: -17px;}
.romana_single_choose{padding: 60px 31px 0;}*/
.why{background: #fff;min-width:1200px;width:100%;height:800px;}

.romana_single_choose {padding: 70px 31px 0;color: #222;}
.romana_single_choose p{color: #535353;}
.h3class{font: bold 16px/35px "Microsoft YaHei";color: #1A1A1A;padding-top: 15px; padding-bottom: 0px;}
/*.romana_single_choose h3 {
    padding-top: 25px;
    padding-bottom: 0px;
	color: #222;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s; 
	font: bold 14px/40px "Microsoft YaHei";  }*/

.romana_single_choose:hover h3 {
  color: #0A8401; }
.hover h3class {
  color: #0A8401; }

/* ==================================== romana_hosting_plan_area Css =======================*/
.new{background: #f5f5f5;width:100%;min-width:1200px;height:750px;}
.romana_single_plan .romana_plan_icon{padding-bottom: 0px;padding-top: 0px;width:400px;height:210px;}
.romana_single_plan .romana_plan_icon img{/*background: transparent url("/banner28/images/plan_bg.png") no-repeat scroll 0 0;*/padding: 20px 25px;width: 90%;}
.romana_single_plan .romana_plan_btn{margin-top: 40px;}
.romana_single_plan .romana_plan_btn a{background: #5BB12F;width: 145px;height:42px;}

/*stylecss end*/
/*------------------------------------------------------------------------------------------------------*/
/*hover-mincss begin*/
.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}

@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}
100%{-webkit-transform:skew(0);transform:skew(0)}}
@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}
100%{-webkit-transform:skew(0);transform:skew(0)}}

.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}

.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#0A8401;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}

/*hover-mincss end*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*bootstrapmincss begin*/

/**{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*/



.text-center{text-align:center}
.container3{width:1170px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.row3{margin-right:-15px;margin-left:-15px}

/*.colsm4,.colxs12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}*/
.colxs12{float:left;width:100%;}
.colsm4{float:left;width:398px;}

/*.container:after,.container:before,.row:after,.row:before{display:table;content:" "}
.container:after,.row:after{clear:both}
*/
/*bootstarapmincss end*/