@charset "utf-8";

/* CSS Document */



*{border:0; margin:0; padding:0; line-height:normal; font-size:18px}

.menu{height:55px; background:#54acd2 repeat; font-weight:bold; line-height:normal}

.nav{width:100%; margin:0 auto; font-size:12px; font-weight:normal}

.logo{padding:17px 5px 0 11px; width:123px; list-style-type:none; float:left}

.navUl{float:none}

#login-module{display:none}

#sthoverbuttons{display:none}

.relate_theme_bg{display:none}





/*Template List Page*/

.main{width:100%; max-width:62.5em; margin:2em auto 2em auto; background:#fafafa}

.lft_con{width:100%; float:none}

.lft_cmn{width:100%; border:0; background:#FFF; padding:1em 0 1em 0;}

.lft_cmn h1{font-size:2em; color:#161718; font-weight:lighter; text-align:center; line-height:1.3em; width:90%; margin:2em auto 0.5em auto}

.lft_cmn a{display:block; text-align:center; margin-bottom:1.75em}

.lft_cmn p{text-align:center; font-size:1em; line-height:1.625em; color:#161718; padding:0 1em; width:90%; margin:0 auto 2.5em auto}

.tem_img{width:90%; max-width:90%}

.rgt_cmn{padding:0.625em 0 1em 0; width:100%; border:0; background:#FFF; height:auto; float:none; margin: 0;}

.rgt_cmn h2{font-size:1.4em; color:#161718; font-weight:lighter; margin:1em auto 0 auto; width:90%; float:left; padding-left:21px}

.rgt_cmn ul{list-style-type:none; width:90%; margin:0 auto 0.3em auto}      .rgt_cmn ul li{float:left; width:47%; margin:0.75em 1em 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:normal}

.slider-div{display:none}

.rgt_cmn ul li:nth-child(2n){margin-right:0}

.startbtn{margin:0 0 0 4em}

.startbtn a{display:block; width:80%; height:46px; background:#47cec0 no-repeat; text-decoration:none; color:#FFF; text-align:center; line-height:2.5em; font-size:1.2em; font-weight:lighter}

.startbtn a:hover{display:block; width:80%; height:46px; background:#3fbbae no-repeat; text-decoration:none; color:#FFF; text-align:center; line-height:2.5em; font-size:1.2em; font-weight:lighter}

.related_ctn{padding:2.5em 0 2.5em 0; width:100%; border:0; background:#FFF; margin:2em 0 2em 0}

.related_ctn h3{font-size:1.6em; color:#161718; font-weight:lighter; margin:0 auto 0.3em auto; width:90%}

.related_ctn ul{width:90%; margin:0 auto}

.related_ctn ul li{float:none;  width:40%; list-style-type:disc; list-style-position:outside; margin:0.75em 3em 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block}

.related_ctn ul li:nth-child(2n){margin-right:0}

.related_ctn ul li a{color:#09C; text-decoration:none; font-size:1em; display:inline-block; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}    .related_ctn ul li a:hover{text-decoration:underline}
.top_menu ul{ font-size:16px}
.rgt_cmn ul li a{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}





/*Template Catalog Page*/
.rgt_h2{
	margin-top: 0 !important;
	background-color: #fff;
	padding-top: 2em;
}

.banBg{background:cover !important}

.tem_ban{width:88%; height:auto; margin:0 auto;  padding: 15% 6% 12% 6%}

.tem_ban h1{color:#FFF; text-align:center; font-weight:normal; font-size: 1.6em; margin:1em 0 0.25em 0}

.tem_ban p{font-size:1em}

.tem_ban ul li a{width: 52%; height: auto; line-height: 200%; margin: 6% auto 0 auto; display: block; text-align: center; border-radius: 0.444em; border: 1px solid #FFF; text-decoration: none; font-size: 1em; color: #FFF}

.tem_ban ul li a:hover{background: #fff; color: #44c4e7}

.tem_con{width:95%; max-width:95%; margin:0 auto; padding:0 0 3em 0; float:none}

.tem_con ul li{list-style-type:none; margin:0 0 1.3125em 0; width:47%; float:left}

.tem_con ul li img{width:100%; max-width:100%}

.tem_con ul li span a{font-size:0.88em; line-height:1.5em;}