body,html{
line-height: 26px;
position:relative;
padding-top: 0px;
font-family:'web_Yekan';
}
.container-fix-ui,.container-fluid{
padding:0px 65px;
margin:0px auto;
}


.size14px{
font-size:14px;
}
i {
vertical-align:middle;
}

a:hover{
text-decoration:none;
}
.clr,.clear{
clear:both;
line-height:0px;

}
.webFont01,.BYekan{
font-family:'web_Yekan';
}
.BYekan h1,h2,h3,h4,h5{
font-weight:normal;
color:#333
}
.BYekan h1{
font-size:22px
}


.iconmpc-white{
color:#fff
}

input,textarea,button,select{
font-family:'web_Yekan';
}



#menu{
z-index:11;
position:fixed;
top:0px;
background-color:#F7F7F7 ;
height:90px;
width:100%;
box-shadow: 0px 1px 2px 1px #DEDEDE;
}

.logo{

}

.social ul{
list-style-type:none;
margin:0px;
padding:0px;

}
.social ul li{
float:right;

line-height:90px
}
.social ul li a{
display:block;
padding:0px 5px;
}
.social ul li a:hover{
background-color:#eee;
}
.camera_caption .title {
font-family:'web_yekan';
font-size:14px;
}
.application-menu{
background-color:#000;
opacity:0.8;
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:9000;
display:none;
}
.application-menu-recommend{
background-color:#fff;
opacity:1;
width:0px;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:9000;

}

.naver-menu{
width:250px;
padding:25px 0px 0px 0px;
height:100%;
border-left:1px solid #eee;
position:relative;
}
.naver-menu a.back{
position:absolute;
top:10px;
left:25px;
}


.naver-menu ul{
padding:0px;
margin:0px;
list-style-type:none;
}
.naver-menu ul li {
border-bottom:1px solid #eee;

}
.naver-menu ul li span{
text-align:center;
color:#333;
font-size:14px;
font-family:'web_yekan';
padding:10px 15px;
display:inline-block
}
.naver-menu ul li span i{
vertical-align:middle
}


.naver-menu ul li a{
display:block;
padding:10px 15px;
font-size:14px;
font-family:'web_yekan';
position:relative;
}


.naver-menu ul li a.active{
background-color:#eee;
}


.naver-menu ul li a.active:before {
    content: "";
    position: absolute;
    z-index: 100;
    bottom: 7px;
    left: -30px;
    border-style: solid;
    border-width: 14px 15px;
    border-color: transparent #eee transparent  transparent;
}
.naver-menu ul li a:hover{
background-color:#f9f9f9;
text-decoration:none
}
.serach-box{
position:absolute;

left:0px;
background-color:rgba(0,0,0,0.7);
width:250px;
height:45px;
}
.serach-box::before {
    content: "";
    position: absolute;
    left: 8px;
    top: -4px;
    margin-top: -8px;
    border-bottom: 12px solid #484847;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}
input.search-box-input{
background:transparent;
color:#fff;
font-family:'web_yekan';
font-size:12px;
border:none;
box-shadow:none;
margin-top: 10px;
display: block;
float:right;
width: 200px;
}
input.search-box-input:focus{
box-shadow:none;
}
.serach-box button{
float: left;
border:none;
box-shadow:none;
background:transparent;
margin-top: 12px;
margin-left: 8px;
}


.clear,.clr{
clear:both
}

.merg-slide{
z-index:11;position:relative;margin-top:45%;height:0px;width:100%
}

#camera_wrap_1{
position:fixed;top:90px
}

.about-wrap{
background:url('../img/first.jpg') no-repeat right;
min-height:350px;
}

.about-wrap .body-inner{
margin-right:450px;
text-align:right;
}
.about-wrap .body-inner h4{
font-family:'web_yekan';
font-weight:normal;
padding-top:15px;
padding-bottom:10px;
border-bottom:1px  solid #eee
}
.about-wrap .body-inner .contetn-insert{
padding:10px 15px;
font-family:'web_yekan';
font-size:14px;
color:#555
}

.box-select-wrap{
background:url('../img/logo_main.png') no-repeat center #eee  ;
min-height:500px;
}


.box-select-wrap ul {
position:relative;
padding:30px 0px 15px 0px;
margin:0px auto;
list-style-type:none;
text-align:center
}

.box-select-wrap ul li{
position:absolute;
margin:10px;


}
.box-select-wrap ul li a{
background-color:#fff;
border-radius:100%;
border:2px solid #eee;
font-family:'web_yekan';
font-weight:normal;
display:block;

text-align:center;
font-size:14px;
width:150px;
height:150px;
}


.box-select-wrap ul li a img{
margin:25px 0px 15px 0px;
display:inline-block;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}


.box-select-wrap ul li a:hover{
border:2px solid #fff;
background-color:#f7f7f7;
text-decoration:none;
}

.box-select-wrap ul li a:hover img{
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2); 

}
#box01{top:60px;right:28%}
#box02{top:20px;right:44%}
#box03{top:60px;right:60%}
#box04{top:260px;right:28%}
#box05{top:300px;right:44%}
#box06{top:260px;right:60%}


.android-app{
background:url('../img/android.jpg') no-repeat scroll center bottom / cover ;
min-height:387px;
}

.content-gate{
padding:85px;
padding-right:185px;
color:#fff;
font-family:'web_yekan';
font-size:14px;


}
.content-gate a{
margin-top:15px;
padding:10px;
background-color:#3C3C3C;
color:#97C026;
border-radius:10px
}


.head-title{
padding:18px 15px;
text-align:right;
border-bottom:2px dashed #E3E3E3;
font-family:'web_yekan';
font-size:20px;
color:#333;
background-color:#f9f9f9;
position:relative;
}

.archive-link{
position:absolute;
top:18px;
left:15px;
}
.archive-link a{
font-size:12px;
}

.news-list {
padding:45px 14px;
margin:0px;
list-style-type:none;
}

.news-list li{
border-bottom:2px dotted #e0e0e0;
padding:15px 0px;

}
.news-list li:last-child{
border-bottom:none;

}
.media-title{
font-family:'web_yekan';
font-size:14px;
text-decoration: none;
color: #036DD3;
outline: 0px none;
transition: color 0.3s ease 0s;
line-height: 26px;
}


.contetn-news{
font-family:'web_yekan';
font-size:12px;
text-decoration: none;
color: #777;
padding:15px 0px;
line-height: 26px;
display:block;
width:100%;
}

.news-list li:hover{
background-color:#f7f7f7;
}


.news-list li a.artImg{
width: 30%;
display: block;
float: right;
overflow: hidden;
margin-left: 3%;





}

.news-list li a.artImg img{
width: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}

.news-list li:hover a.artImg img {
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2); 
}



.article-list{
padding:45px 0px;
margin:0px;
list-style-type:none;
}

.article-list li{
float:right;
margin:15px;
position:relative;
width: 41.6%;
overflow:hidden;
}
.article-list li a{
position:relative;
display:block;
}


.article-overlayer{
background-color:rgba(0,0,0,0.6);

position:absolute;
top:0px;
left:0px;

opacity:0;
width: 84%;
padding: 8%;
z-index: 1;
height: 80%;
color: #FFF;

align-items: center;
visibility: hidden;
justify-content: center;
filter:alpha(opacity=0);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.article-overlayer a{
font-family:'web_yekan';
font-size:14px;
color:#fff;

line-height: 26px;
}
.article-overlayer .date-time{

padding:12px;
color:#ccc;
font-family:'web_yekan';
font-size:12px;
text-align:left;
}


.article-list li a img {
max-width:100%;
max-height:100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
 
 
.article-list li:hover a img {
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2); 
}

 .article-list  li:hover .article-overlayer{
opacity:1;visibility:visible;filter:alpha(opacity=100);
 }
 
 
 
 
.faq-wrap{
	background-color:#f7f7f7;
	width:100%;
	min-height:350px
}
	
.service-wrap{
	background:url('../img/bg_serv.jpg') no-repeat right #F8F8F8;
	padding: 0px 38% 0px 8%;
	min-height:500px;
	
}

.service-wrap h4{
font-family:'web_yekan';
font-weight:normal;
padding-top:15px;padding-bottom:10px;
border-bottom:1px  solid #e0e0e0;
font-size:18px;
}
.service-wrap-content{
padding:0px;text-align:right;font-family:"web_yekan";font-size:14px;color:#333
}
 
 
 .contact-wrap{
background-color:#fff;
min-height:350px;

}
.meta_map{
position:absolute;
background: #FFF url("../img/map.jpg") no-repeat scroll center bottom / cover;
clear: both;
width: 100%;
height: 400px;
cursor: pointer;
margin-top: -5%;
z-index: 0;

}
.social-links{
position:absolute;
bottom:20px;
left:50px;
}
.social-links ul{
list-style-type:none;
margin:0px;
padding:0px;

}
.social-links ul li{
float:right;
}
.social-links ul li a{
display:block;
padding:5px 5px;
}
.social-links ul li a:hover{
background-color:#333
}
.footer-wrap{
position: absolute;
bottom: -321px;
width: 78%;
margin: 0px 8%;
padding: 10px 3%;
text-align: left;
right: 0px;
background-color: rgba(64, 64, 64, 0.76);
min-height:40px
}
#toTop a{
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 5px;
    left: 3%;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: medium none;
    text-indent: 100%;
    background: transparent url("../img/ui.totop.png") no-repeat scroll right top;
    z-index: 10;
	}
#toTop a:hover 
{background:url(../img/ui.totop.png) no-repeat right -51px;
}

 
 a:hover,a:focus,a:active{
text-decoration:none;
outline:0
}
.content-menu{
margin-right:270px;margin-top:20px;
height: 100%;
overflow: scroll;
}

.panel-menu ul{
margin:0px;
padding:0px;
list-style-type:none;


}

.panel-menu ul li{

}
.panel-menu ul li.main{
border-bottom:1px solid #B6D9FF;
display:inline-block;
margin-bottom:10px;
width:100%;
padding-bottom:10px;

}

.panel-menu ul li span{
font-size:20px;
font-family:'web_yekan';
display:inline-block;
padding:15px 15px;
}
.panel-menu ul li.main:hover span{
color:#036DD3
}

.panel-menu ul li ul li{
float:right;
margin:10px 5px;
position:relative;
}

.panel-menu ul li ul li a{
padding:10px 15px;
font-size:14px;
font-family:'web_yekan';
color:#363847;
position:relative;
display: block;
}

.has_sub::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 18px;
    left: 2px;
    border-width: 7px 5px 0px;
    border-style: solid solid none;
    border-color: #2A87BD transparent -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}


.panel-menu ul li ul li a:hover{
text-decoration:none;
background-color:#f7f7f7;
}

.panel-menu ul li ul li:hover > ul{
visibility:visible;
transition: all .25s ease;
opacity:1;
filter:alpha(opacity=100);
}

.panel-menu ul li ul li:hover {
background-color:#f7f7f7;

}


.panel-menu ul li ul li ul{
opacity:0;
transition: all .2s linear;
position:absolute;
top:37px;
right:0px;
background-color:#fff;
border:1px solid #B6D9FF;
visibility:hidden;
z-index:45;
width:100%;
min-width:180px;
}


.panel-menu ul li ul li ul li{
position:relative;
float:none;
display:block;
margin:0px;
text-align:center
}
.panel-menu ul li ul li ul li a{
font-size:12px;
padding:10px 10px;
display:block
}

.float-list ul{
margin:0px;
padding:0px;
list-style-type:none;
}

.float-list ul li{
float:right;
margin:5px;
}
.float-list ul li a{
background-color:#f7f7f7;
padding:10px 15px;
border:1px solid #f4f4f4;
border-radius:4px;
font-size:18px;
font-family:'web_yekan';
color:#363847;
display: block;
}

.float-list ul li a small{
font-size:11px;
display:table;
color:#036DD3;

}

.float-list ul li a:hover{
color:#036DD3;
text-decoration:none;
background-color:#f0f0f0;
}

#gallery ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#gallery ul li{
float:right;
margin:5px;
}

#gallery ul li a{
background-color:#f7f7f7;
padding:10px 15px;
border:1px solid #f4f4f4;
border-radius:4px;
font-size:14px;
font-family:'web_yekan';
color:#363847;
display:block;
width:180px;
height:110px;
text-align:center
}
#gallery ul li a img{
margin-bottom:10px
}
#gallery ul li a:hover{

background-color:#f0f0f0;
}
#jobair .table{
font-size:14px;
font-family:'web_yekan';
}
 
 #back-ipad{
 display:none;
 }
 
#serach-panel{
position:relative;
}

 
/*SYSTEMIC STYLES*/

.paginationHeader{
padding: 5px;
margin-bottom: 10px;

width: 100%;
background: #F4F4F4 none repeat scroll 0% 0%;
color:#707070;
font-size:13px;
}
.article-listing ul{
margin:0px;
padding:10px 0px;
list-style-type:none;
}
.article-listing ul li{
position:relative;
border: 1px solid #EEE;
float: right;
width: 48.6%;
margin: 0.5%;
height: auto;
transition: all 0.3s ease 0s;
display:block;
height:200px;
overflow:hidden
}

.article-listing ul li .topbar{
text-align:left;
    height: 40px;
    background: #F4F4F4;
	line-height:40px;
	padding-left:15px;
display:block;
position:relative;
}
.article-listing ul li .topbar span{
color:#666;font-size:11px;text-align:right;position:absolute;top:0px;right:15px;
}

.media-content{
font-family:'web_yekan';
font-size:12px;
text-decoration: none;
color: #777;
padding:15px 0px;
line-height: 26px;
display:block;
width:100%;
}
.news-list li:hover{
background-color:#f7f7f7;
}


.article-listing ul li a.artImg{
width: 30%;
display: block;
float: right;
overflow: hidden;
margin-left: 3%;
}

.article-listing ul li a.artImg img{
width: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}

.article-listing ul li:hover a.artImg img {
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2); 
}
.description{
font-size: 0.95em;
line-height: 30px;

width: 100%;
margin-bottom: 20px;
}
.description table {
    display: block;
	text-align: justify;
	
}
.description .bordered {
    background: #EEE none repeat scroll 0px 0px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    margin: 5px;
    padding: 8px;
    max-width: 90%;
}
.artStatement {
    margin: 10px 0px;
    padding: 0.5%;
    border: 1px dashed #D0D4D5;
    font-style: italic;
    display: inline-block;
    width: 98.8%;
    text-align: justify;
}

.comment-send-box{
background: #F7F7F7;
padding:1%;
margin: 0px auto;
width: 84%;
}
input.input-new,select.input-new{
float: right;width: 98% !important;padding: 0.5% 1%;margin: 0px; height: 25px;padding: 6px 2%;outline: medium none;font-size: 12px;font-family:'web_Yekan';background: #FFF none repeat scroll 0% 0%;color: #666;border: 1px solid #E1E1E1;transition: all 0.4s ease 0s;
}

select.input-new{
height:35px;
}
/*RESPOSIVE STYLES #RESPOSIVE STYLES #RESPOSIVE STYLES #RESPOSIVE STYLES #RESPOSIVE STYLES #RESPOSIVE STYLES*/



@media only screen and  (max-width: 2500px)
{
.container-fix-ui,.container-fluid{
padding:0px 45px;
margin:0px auto;
}

.span6{
width: 48%;
}
.span5{
width: 48%;
}
.span7{
width: 48%;
}

}

@media only screen and (max-width: 1110px) 
{

.container-fix-ui,.container-fluid{
padding:0px 25px;
margin:0px auto;
}

.span6{
width: 46%;
}
.span5{
width: 46%;
}
.span7{
width: 46%;
}



.about-wrap .body-inner{
margin-right:350px;
}

.service-wrap{
	padding: 0px 2% 0px 2%;
	min-height:500px;
}

.service-wrap-content{
padding:10px;
background-color:rgba(255,255,255,0.8);
border-radius:10px;
}
 
.contetn-news{
display:none;
}


}



@media only screen and (max-width: 1050px) 
{

.container-fix-ui,.container-fluid{
padding:0px 65px;
margin:0px auto;
}


.span7,.span3,.span5,.span6{
width: 100%;
margin-right: 0px;
}
.row-fluid  .span8,.row-fluid  .span4,.row-fluid  .span9,.row-fluid  .span10,.row-fluid  .span6,.row-fluid  .span7,.row-fluid  .span5,.row-fluid  .span3{
width: 100%;
margin-right: 0px;
}




.about-wrap .body-inner{
margin-right:0px;
margin:0px auto;
padding-top:25px;
}
.about-wrap .body-inner h4{
padding-top:0px;
padding-bottom:10px;
}
.about-wrap .body-inner .contetn-insert{
height:100%;
padding:10px;
background-color:rgba(255,255,255,0.8);
border-radius:10px;
}







.service-wrap{
	padding: 0px 2% 0px 2%;
	min-height:500px;
}

.service-wrap-content{
padding:10px;
background-color:rgba(255,255,255,0.8);
border-radius:10px;
}
 

.contetn-news{
display:block;
}



.comment-send-box{
padding:5%;
margin: 0px 2%;
width: 85%;
}

}



@media only screen and (max-width: 1000px) 
{

.container-fix-ui,.container-fluid{
padding:0px 25px;
margin:0px auto;
}

.span7,.span3,.span5,.span6,.span9,.span10{
width: 100%;
margin-right: 0px;
}

}

@media only screen and (max-width: 940px) 
{

.container-fix-ui,.container-fluid{
padding:0px 25px;
margin:0px auto;
}


}

@media only screen and (max-width: 800px) 
{

#menu{
z-index:11;
position:relative;
top:0px;
background-color:#F7F7F7 ;
height:100%;
width:100%;
}
.naver-menu{
display:none;
}

.content-menu{
margin-right:0px;
position:relative
}
#back-ipad{
display:block
}

#camera_wrap_1{
position:inherit;
}

.merg-slide{
margin-top:0px;
}


.article-list li{
float:none;

width: 90%;

}

.box-select-wrap{
background-image:none;
}

.box-select-wrap ul li{
position:relative;

}




.box-select-wrap ul li a{
width:160px;
height:160px;
margin:auto;
}

#box01{top:auto;right:auto}
#box02{top:auto;right:auto}
#box03{top:auto;right:auto}
#box04{top:auto;right:auto}
#box05{top:auto;right:auto}
#box06{top:auto;right:auto}



.content-gate{
padding:25px;
}


}




@media only screen and (max-width: 550px) 
{

#menu{
z-index:11;
position:relative;
top:0px;
background-color:#F7F7F7 ;
height:100%;
width:100%;
}

.logo{

}
#headerWrapper{
display:none;
}
#logo_pic{
display:none;
}



.news-list li a.artImg {
    width: 100%;
    float: none;
    overflow: hidden;
    margin: auto;
}


}