#art-ban{background: url(../jpg/art-ban.jpg) top center no-repeat; height: 200px; color: #fff;  }
#art-ban h1{ font-size: 32px; font-family: Times New Roman;  text-transform: capitalize; }
#art-ban a{color: #fff;}
#art-ban .container{height: 100%;}
#art-ban .vmiddle{vertical-align: middle; display: inline-block; text-transform: capitalize;}
#art-ban span{display: inline-block; height: 100%; vertical-align: middle;}
#art-ban i{padding-right: 7px;}
.team-ban{background: url(../jpg/team_ban.jpg) top center no-repeat !important;; height: 320px !important;}
.contact-ban{background: url(../jpg/contact_ban.jpg) top center no-repeat !important;; height: 320px !important;}
#main{ padding-bottom: 30px; padding-top: 30px;}
#main h1 {font-size: 30px;margin-top: 30px;margin-bottom: 40px;text-transform: capitalize; font-family: Times New Roman; color: #18457c;border-bottom: 1px solid #eee;padding-bottom: 25px;}
#main .vmiddle{border-bottom: 1px solid #eee; text-transform: capitalize; padding-bottom: 10px; margin-bottom: 10px;}
#main .vmiddle a{color: #3e3e3e;}
#main .vmiddle a:hover{color: #42a466;}
#main .vmiddle i{color: #18457c; padding-right: 5px;}
#main img{ max-width:100%; height:auto;}
#main .sidebar img,#main .plist img{border: 3px solid #d6dfe8;}
@media (max-width:1199px) {
#main  h1{ font-size: 24px; }
}
#main .plist{padding: 4.1% 0; border-bottom: 1px solid #e7e7e7;}
#main .plist a.title{color: #313131; font-size: 26px; font-family: Times New Roman; text-transform: capitalize;}
#main .plist a:hover.title{color: #42a466;}
#main .plist p{color: #777777; margin: 1.6% 0 3.6%;}
#main .plist .more{width: 232px; height: 50px; line-height: 50px; display: block; text-align: center; background: #E0525D; color: #fff; font-size: 16px; text-decoration: none;margin-bottom: 40px; }
#main .plist a:hover.more{background: #18457c;}
@media (min-width:768px) {
#main .plist .img-right{float: right;}
}
@media (max-width:767px) {
	#art-ban h1{ font-size: 24px;}
	#main .plist{text-align: center;}
	#main .plist a.title{ margin-top: 10px; display: block; }
	#main .plist .more{margin-left: auto; margin-right: auto;}
	#art-ban{ height: 140px; }
}
#main .boximg{overflow: hidden;display: block;}
#main .boximg img{transition:all 0.3s ease;}
#main a:hover.boximg img{transform: scale(1.2);}
#main .nlist{ padding: 10px 0; line-height: 20px;}
#main .nlist .title{color: #4b4948; font-size: 18px; text-transform: capitalize;}
#main .nlist p{color: #7d838c; margin-top:11px; }
#main .nlist p a{color: #42a466 ;}
#main .lnrow{ margin-left: -5px; margin-right: -5px; }
#main .lnrow .col-md-3{padding-left: 5px; padding-right: 5px;}
@media (max-width:767px) {
	#main .lnrow img{ margin-bottom: 10px; }
	#main .nlist{text-align: center;}
	#main .nlist .title{ margin-top: 12px; display: block; }
}
#artform{margin-top: 2.2%;}
#artform .typename,.artform .typename{text-align: center; color: #18457c; font-size: 32px;font-family: Times New Roman; text-transform: uppercase; margin-bottom: 35px; font-weight: bold;}
#artform .mailbody,.artform .mailbody{ background: #4a4a4a; padding:1.8% 0 0.8%; }
#artform .mailtit,.artform .mailtit{background:#205aa0; color: #fff; line-height: 22px; padding: 1.6% 0;}
#artform .mailtit span,.artform .mailtit span{ color: #ea8189; }
#artform .form-group,.artform .form-group{ margin-bottom: 20px;}
#artform .form-control,.artform .form-control{background:#fff; color: #9e9e9e; font-size: 16px; border:1px solid #dadee4; font-size: 12px;}
#artform  input.form-control,.artform input.form-control{   height:46px;}
#artform .mailbtn,.artform .mailbtn{ border-radius: 3px; width:282px; font-weight: bold; height: 46px; background-color: #E0525D ; color: #fff; font-size: 18px; margin: 27px auto 0; border: none; display: block;  text-transform: uppercase;transition:all 0.3s ease;}
#artform .mailbtn:hover,.artform .mailbtn:hover { background:#ff8a1a;  }
.artform .mailbody{padding: 4.6%;}
.artform .mailtit{padding: 3.6% 4.6%;}
.artform .typename{text-align: left; margin-top: 5.6%;}
@media (min-width:992px) {
	#artform .width80{width: 80%; margin-left: auto; margin-right: auto;}
}
@media (min-width:1200px) {
	#artform .width80{width: 65%;}
}
@media (max-width:991px) {
#artform .mailbody{ padding-top: 3.6%; }
#artform .mailtit{ padding: 3.2% 0; }
}
#main .sidebar .sidetit{background: #18457c; color: #fff;font-family: Times New Roman; display: block; padding: 20px 0; text-align: center; font-size: 26px; text-decoration: none; border-left: 9px solid #E0525D;}
#main .sidebar a:hover.sidetit{border-left: 9px solid #18457c;}
#main .sidebar a.title:hover{color: #42a466;}
#main .sidebar .title{ text-transform: capitalize; color: #4e5359; display: block; text-align: center; margin-top: 10px; margin-bottom: 20px;}
#main .sidebar  p{color: #8a8a8a; font-size: 12px; line-height: 18px;margin-top: 10px;}
#main .sidebar .catename{position: relative; margin-bottom: 20px; padding-bottom: 20px; color: #434343; text-transform: uppercase; text-decoration: none; margin-top: 40px; font-size: 22px; border-bottom: 1px solid #e4e4e4;}
#main .sidebar .catename::before{width: 79px; height: 1px; background:#42a466; content: "" ; position: absolute; bottom: 0; margin-bottom: -1px;}
#main .sidebar ul{margin: 0; padding: 0; list-style: none; background: #e9e9e9;}
#main .sidebar ul li{   text-transform: capitalize; border-bottom: 1px solid #ffffff;}
#main .sidebar ul li a{color: #3e3e3e; text-decoration: none; display: block;padding:12px 15px; line-height: 18px; }
#main .sidebar ul li a:hover,#main .sidebar ul li a:hover i,#main .sidebar a:hover.catename{color:#E0525D; font-style:italic;}
#main .sidebar ul li a i{color: #3e3e3e; padding-right: 5px;transition: 0.3s all ease;}
#main .sidebar .nlist .title{ font-size: 14px; margin: 0; }
#main .sidebar .nlist .row{margin-left: -10px; margin-right: -10px;}
#main .sidebar .nlist .row .col-md-4,#main .sidebar .nlist .row .col-md-8{padding-left: 10px; padding-right: 10px;}
#main .sidebar .nlist .time{ color: #999999; margin-top: 10px; font-size: 12px; }
#main .sidebar a:hover img{opacity: 0.8;}
@media (min-width:768px) {
#main .sidebar .nlist .title{text-align: left;}
}
@media (max-width:991px) {
#main .sidebar .nlist .title{ margin-top: 10px; }
}
@media (max-width:767px) {
#main .sidebar .sidetit{ margin-top: 30px; }
#main .sidebar ul li{  padding-left: 10.3%;}
#main .sidebar .text-center{display: block; margin: 0 auto;}
}
@media (min-width:992px) {
#main .sidebar ul li{  padding-left: 8.3%;}
}
#main .sidebar ul li li{border: none; }
#main .sidebar ul li li a{padding-top: 8px; padding-bottom: 8px;}
/*about.htm*/
#count{padding: 2.28% 0 4.28%; color: #797979;}
#count p{margin-bottom: 2.3%;}
@media (max-width:991px) {
	#count img{margin-bottom: 30px;}
}
#count h1{font-size: 32px; text-align: center; color: #414141; margin-bottom: 2.2%; font-weight:bold; font-family: Times New Roman;}
#weare,#workshop{ background: #efefef; padding: 3.6% 0;font-family: Verdana; text-align: center; color: #565454; font-size: 12px;}
#weare .title,#certificate .title{font-size: 32px; color: #414141; margin-bottom:7.2%; font-weight:bold; font-family: Times New Roman; text-transform: uppercase; text-align: center; }
#weare .no{font-size: 18px;  font-weight: bold; margin-top: 20px; color: #414141; margin-bottom: 20px;}
#weare .title2{ font-size: 16px; color: #414141; font-weight: bold; margin: 25px 0 20px; }
#weare i{font-size: 32px;  border: 1px solid #E0525D; border-radius: 50%;width: 100px; height: 100px; line-height: 100px; text-align: center; display: block; margin-left: auto; margin-right: auto; color: #E0525D; }
#certificate{padding: 3.6% 0; text-align: center;}
#certificate .title{margin-bottom: 2.8%; }
#certificate p{ color: #6e6e6e; margin-bottom: 2.3%; text-align: left;}
#certificate .row{margin: 0;}
#certificate .row .col-sm-6{padding: 0;}
@media (max-width:767px) {
	#weare .title,#certificate .title{ font-size: 24px; }
	#weare .col-sm-3{margin-bottom: 30px;}
}
#workshop .title{font-size: 32px; color: #414141; margin-bottom:3.2%; font-weight:bold; font-family: Times New Roman; text-transform: uppercase; text-align: center; }
#workshop p{font-size: 12px; color: #565454; text-align: left;}
#workshop .matop{margin-top: 3.6%;}
#workshop .diyrow{margin-left: -7px; margin-right: -7px; }
#workshop .diyrow .col-xs-6, #workshop .diyrow .col-lg-4{padding-right: 7px; padding-left: 7px;}
#workshop span {
    display: block;
    line-height: 18px;
    padding: 11px 0;
}
/*team.htm*/
#main .teamlist{background: #e8e8e8; margin:3.6% 0;}
#main .teamdes{ padding: 4.6% ; }
#main .teamlist .name{font-size: 24px; color: #2f2f2f; font-family:Times New Roman; font-weight: bold; margin-bottom: 3.2%; }
#main .teamlist .name span{ color: #858484; font-size: 14px; font-style: italic; font-weight: normal; padding-left: 10px; }
#main .teamlist p{color: #666666; line-height: 22px;}
/*contact.htm*/
@media (min-width:1200px) {
#main .contactform{padding-left: 10.3%;}
}
#main .cop-name{ font-weight: bold; text-transform: uppercase; font-size: 14px; text-align: left; margin-bottom: 10px;}
#main .cop-name em{font-style: italic; font-weight: normal;}
#main .company{background: #ebebeb;  margin-top: -15.6%; text-align: center; }
#main .company .comptop{ color: #fff; background: #42a466; text-align: center; padding: 9.5% 0 5.6%;font-size: 32px; text-transform: uppercase;font-family:Times New Roman; }
#main .co-name{  font-weight: bold; font-size: 18px; margin-bottom: 20px; text-align: center; color: #4a4a4a;}
#main .compbody{padding: 5.6% 5.65%; }
#main .adds,#main .pc,#main .tel,#main .fax,#main .mail{ font-size: 12px; color: #3f3f3f; padding-left: 30px; margin-bottom: 3px; line-height: 22px; text-align: left; }
#main .adds b,#main .pc b,#main .tel b,#main .fax b,#main .mail b{ color: #373737; }
#main .adds::before,#main .pc::before,#main .tel::before,#main .fax::before,#main .mail::before{font-family: FontAwesome; position: absolute; margin-left: -30px; color: #596267; font-size: 16px; padding-top:2px; }
#main .tel::before{content:"\f095";}
#main .mail::before{content:"\f003"}
#main .adds::before{content:"\f041"}
#main .pc::before{content:"\f02c"}
#main .fax::before{content:"\f02f"}
#main .mail a{ color: #dc3e4b; }
#main .location{position: relative; border-bottom: 1px solid #d9d8d8; padding: 4.6% 0 20px; font-size: 24px; font-family:Times New Roman;  text-transform: uppercase; font-weight:bold; margin-bottom: 30px;}
#main .location::before{width: 70px; height: 3px; background: #42a466; position: absolute; content: ""; bottom: 0; margin-bottom: -2px;}
#main  .contactform{margin-top: 0;}
#googleMap{border: 1px solid #e3e3e3;}
#main .pro-box { margin-bottom:30px; box-shadow: 0 2px 2px 2px #eee; padding: 15px; border: 1px solid #eee;}
#main .pro-box .title{ font-size:16px; color:#3d3d3d; font-weight:bold; margin-top:25px; display:block; margin-bottom:4px; text-transform:capitalize;}
#main .pro-box p{ color:#7b7b7b; line-height:22px;}
#main .pro-box .more{ color:#cf4b4b; text-transform:uppercase; font-size:12px; font-weight:bold;}
#main .pro-box .box-img{ display:block; position:relative; overflow: hidden;}
#main .pro-box .box-img img{ transition:all 0.3s ease;}
#main .pro-box a.box-img:hover  img{ transform: scale(1.2); }
#main .col-sm-8 table{text-align: center;}
#main .col-sm-8 table td{vertical-align: middle;}
#main .col-sm-8 .diyrow{margin-left: -10px; margin-right: -10px;}
#main .col-sm-8 .diyrow .col-md-3,#main .col-sm-8 .diyrow .col-md-4,#main .col-sm-8 .diyrow .col-md-6{padding: 10px; }
/*#main .col-sm-8  ul{margin: 0; padding: 0; list-style: none;}
#main .col-sm-8  ul li{ padding-left: 30px; }
#main .col-sm-8  ul li::before{position: absolute;font-family: FontAwesome; content:"\f005"; font-size: 17px; margin-left: -30px; margin-top: 2px; color: #429bf7;}*/
.cont404{ padding:7.95% 7.9% 7% 7.9%; color: #8a8a8a; }
.cont404 .nottit{ font-size: 24px; color: #4b4948;  margin-bottom:8px;}
.error{ font-size:64px; text-align: center; margin-bottom: 30px; color: #42a466; font-weight: bold;}
.cont404 .option404{ margin-top: 50px; text-align: left;}
.cont404 .option404 .opt-tit{ font-size:16px; color: #4b4948; font-weight: bold; }
.cont404 .option404 ul{ margin: 0; padding: 0; list-style: none; }
#main .col-sm-8 .cont404 .option404 ul li{ padding: 5px 0;  }
#main .col-sm-8 .cont404 .option404 ul li::before{content: "";}
.cont404 .option404 ul li i{ padding-right: 10px; }
.cont404 .option404 ul li a{color: #42a466;}
.cont404 .option404 ul li a:hover{ color: #42a466; }
.cont404 .option404 ul li::after{ content: "" !important ;}
.cont404 .option404 .search{ background: #36baff url( ../search.html) no-repeat; border: none; width: 32px; height: 32px; }
.cont404 .option404 input.text{ border: 1px solid #e0dfdf; width: 261px; height: 32px;}
.cont404 .option404 form{ display: inline-block; }
@media (max-width:600px){
.error{ font-size: 32px; margin-bottom: 20px; }
}
.fa-clock-o:before {
    content: "\f017";
}
	a.line1 {
    font-weight: bold;
}
ul.posts li {
    list-style: circle;
    padding-left: 0 !important;
    margin-left: 30px;
}
#main .sidebar ul li a {
    padding-left: 0;
}
#main .apptit{ font-weight: bold; padding-right: 104px;position: relative; margin: 15px 0; text-transform: capitalize;margin-top: 30px;}
#main .apptit .more{background: #e0525d; width: 102px; text-align: center; display: block; position: absolute; right: 0; text-decoration: none; top: 0; padding: 5px 0; border-radius: 2px;height: 36px;line-height: 26px;}
#main .apptit a{display: block;background: #526f93; color: #fff; padding: 5px 15px; text-decoration: none;}
#main .appul{list-style: none; margin: 0; padding: 0; font-size: 13.5px;}
#main .appul li a{color: #535353;display: block;padding-left: 25px;}
#main .appul li a:before,#main .speulbox ul.speul li a:before{content: "\f105"; font-family: "FontAwesome"; font-size: 14px; color:gray; margin-right: 10px; position:absolute;left: 14px;}
#main .speulbox ul.speul li a:before {
    left: -10px;
}
#main .appul li a:hover{color: #db3d3c; text-decoration: none;}
#main .appul li i{padding-right:3px;}
#main .speulbox{background: #fcf8e3;padding: 20px;margin-top: -15px;margin-bottom: 30px;}
#main .speul li {position:relative; text-transform: capitalize;}
#main ul.speul{list-style: none;margin: 0;padding: 0;}
#main ul.appul li {
    margin-bottom: 0px !important;
    margin-top: 5px !important;
    border-bottom: 1px solid #e6e6e6;
    line-height: 28px;
    position:relative; text-transform: capitalize;
}
@media (min-width:1200px){
.topic_page .appul li{width:50%;float:left;}
#main ul.speul li{width: 50%; float: left; padding-right: 10px;}
}