/* reset */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
img{vertical-align:bottom;}
i,cite,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:bold;}
h1{font-size: 36px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family: 'Open Sans', Arial, sans-serif;font-size: 13px;color:#5F5F5F;outline:0;}
body{background:#fff;min-width:1000px;}

/* LAYOUT */
.g-in:after, .m-nav ul:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.f-fl{
    float: left;
}
.f-fr{
    float: right;
} 


/* PUBLIC GRID */
.g-hd{
    position: relative;
    height: 69px;
    background-color:#C4C4C4;
}
.g-in{
    margin: 0 auto;width: 980px;
}
.g-ft{
    position: relative;
    background: url("../img/footer.png") repeat;
}
.g-ft .copyright{
    border-top: 1px solid #545454;
    color: #999999;
    text-align: center;
    padding-top: 22px;
}
.g-ft .copyright p{
    line-height:1.5em;
}
.g-ft .copyright a{
    color: #999999;
}
.g-ft .copyright a:hover{
    text-decoration: underline;
}
.g-ft .icon{
    margin: 22px auto;
    padding-left: 310px;
}
.g-ft .icon a{
    margin-left: 20px;
}

/* PUBLIC MODULE */
.m-logo-blue,.m-logo-green{
    position: relative;
}
.m-logo-blue span,.m-logo-green span{
    height: 50px;
    width: 200px;
    margin-top:6px;
    display: block;
    background: url("../img/logo-blue.png") no-repeat;
  
}
.m-logo-green span{
    background: url("../img/logo-green.png") no-repeat;
}
.m-logo-blue a,.m-logo-green a{
    display: block;
    height: 50px;
    line-height:50px;
    text-indent: -2000px;
}

.m-nav{
    position: relative;
    text-align: center;
    width: 665px;
}
.m-nav li, .m-nav li a {
    height: 69px;
}
.m-nav li {
    float: left;
    padding-left: 2px;
    position: relative;
}
.m-nav li a{
    padding:0 20px;
    font-size:14px;
    color: #fff;
    line-height:69px;
    display: block;
}
.m-nav li a:hover{
    color: #999999
}
.m-nav li:hover, .m-nav li.sfHover,.m-nav a:focus, .m-nav a:hover, .m-nav a:active {
    background:#797979;
}
.m-nav-item{
    display: none;
    background-color: #C4C4C4;
    position: absolute;
    left: 0px;
}
.m-nav-item a{
    line-height: 36px !important;
    height: 36px !important;
    width: 160px !important;
    text-align: left;
}

.m-link{
    padding: 50px 0 60px;
    margin-bottom:90px;
}
.m-link ul{
    float: left;
    width: 25%;
    color: #CCCCCC;
}
.m-link ul li{
    list-style-type : disc;
    list-style-position: inside;
}
.m-link ul li a{
    color: #CCCCCC;
    line-height: 22px;
}
.m-link ul li a:hover{
    text-decoration: underline;
}
.m-link .title{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    list-style-type : none;
}
.m-link .list-style-none li{
    list-style-type : none;
}
.m-article-header{
    border-left: 6px solid #52C4FF;
    padding:6px 0 6px 6px;
    margin:12px 0 12px 0px;
}
.m-article-header h1{
    font-size: 28px;
    color: #15ABEF;
    padding-bottom: 12px;
    display: block;
}
.m-article-header span{
    font-size: 12px;
    color: #999999;
    display: block;
}
.m-article-header a{
    font-size: 12px;
    color: #15ABEF;
}
.m-article-header a:hover{
    text-decoration: underline;
}

.m-article-content{
    margin:22px 0;
    width: 680px;
    line-height: 1.62em;
}
.m-article-content h2{
    margin: 12px 0;
    font-size: 20px;
}
.m-article-content .con1{
    margin:12px 0;
    padding:12px 0 12px 12px;
    border-top: 1px solid rgb(184,184,184);
    border-bottom: 1px solid rgb(184,184,184);
}
.m-article-content .con1 li{
    margin-top:12px;
    padding-left:12px;
    background: url("../img/dot-green.png") no-repeat;
    background-position: 0px 4px;
}
.m-article-content a{
       color: #15ABEF;
}
.m-article-content a:hover{
       color: #15ABEF;
       text-decoration: underline;
}
.m-article-content .con2{
    margin-top:22px;
    padding:22px 0 22px 22px;
    background-color: rgb(243,243,243);
}
.m-article-content .con2 span{
   font-size: 16px;
   font-weight:bold;
   color: #333333;
}
.m-article-content .con2 li{
    margin-top: 9px;
}
.m-article-content .con2 a{
   color: #15ABEF;
}
.m-article-content .con2 a:hover{
   text-decoration: underline;
}
.disqus{
    margin: 42px 0;
}

.m-article-side{
    width: 270px;
    background-color: #F4F4F4;
}
.m-article-side .cont1{
    border-top: 1px solid #CCCCCC;
    margin-top: 32px;
}
.m-article-side .cont1 span{
    margin-top: 12px;
    margin-left: 12px;
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.m-article-side ul{
   padding: 0 0 12px 12px;
}
.m-article-side ul li{
   padding-left: 18px;   
   margin-top: 12px;
   background-image: url("../img/icon.png");
   background-position: -10px -136px;
   background-repeat: no-repeat;
}
.m-article-side ul li a{
    color: #15ABEF;    
}
.m-article-side ul li a:hover{
    text-decoration: underline;    
}
.addthis_floating_style{
    background: #FCFCFC;
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 3px #DBDBDB;
}

/* FONT SIZE */
.u-fs-14{font-size: 14px;}
.u-fs-16{font-size: 16px;}
.u-fs-18{font-size: 18px;}
.u-fs-24{font-size: 24px;}
.u-fs-28{font-size: 28px;}

/* TEXT COLOR */
.u-tc-white{color: #FFFFFF;}
.u-tc-green{color: #068832;}
.u-tc-yellow{color: #FFFF00;}
.u-tc-orange{color: #F1693C;}
.u-tc-blue{color: #3399FF;}
.u-tc-blue2{color: #2769AC;}

/* BACKGROUND COLOR */
.u-bg-white{background-color: #FFFFFF;}
.u-bg-blue{background-color: #276bac;}
.u-bg-blue2{background-color: rgb(37,153,207);}
.u-bg-blue3{background-color: rgb(116,205,245);}
.u-bg-green{background-color: rgb(6,136,50);}
.u-bg-gray{background-color: #F9F9F9;}
.u-bg-orange{background-color: #F1693C;}
.u-bg-yellow{background-color: rgb(153,201,55);}

/* LINE */
.u-line-gray{
    height: 4px;
    width: 680px;
    background-color: rgb(204,204,204);
}
.u-underline{
    text-decoration: underline;
}

/* BUTTON */
.u-whitebtn {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
.u-whitebtn:hover {
    background: none repeat scroll 0 0 #F5F5F5;
    text-decoration: none;
}

/* BOX */
.u-box{
    border: 1px solid #DEDDDD;
    border-radius: 4px;
    box-shadow: 2px 2px 3px 0 #F2F2F2, 0 0 0 1px #FDFDFD;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}
.u-box-header{padding: 12px 0 6px 12px;}
.u-box-header a{
    background-image: url("../img/icon.png");
    background-position: -5px -29px;
    background-repeat: no-repeat;
    background-color: #464646;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    height: 20px;
    float: left;
    width: 20px;
}
.u-box-header .z-close{
    background-position: -5px -9px;
}
.u-box-header span{line-height: 20px;padding-left: 9px;color: #999999;font-weight: bold;}
.u-box-content{padding: 0 0 14px 14px;}
.u-box-content li{margin-top: 12px;}
.u-box-content li a{color: #15ABEF;}
.u-box-content li a:hover{text-decoration: underline;}
.u-box-content .line{background-image: url("../img/line_black.png");width:90%;background-repeat: repeat-x;background-position: 0 bottom;height: 3px;}