body {
    width:100%; -webkit-text-size-adjust:none;
    font-family:"Verdana,Arial,Helvetica,sans-serif",AppleGothic, sans-serif;
    font-size:small;
    line-height:1.5em;
    padding:0;
    margin:0;
}
a {color:#000;}

.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}

.topmenu  ul {padding:0px;margin-top: 20px;}
.topmenu  ul li:after {content:"|";  padding-left:12px;}
.topmenu  ul li:last-child:after {content:""; padding-left:inherit;}

#header {background-color:#63C7AF;}
#header .logo {padding:10px 0;}
#header nav {background:none; border:none; padding:0; margin:0;}
/*#header nav .nav {padding-top:12px;}*/
#header nav .nav li {padding-right:30px; font-weight:600; font-size:105%;}
#header nav .nav .dropdown a:hover {background:none;}
#header .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {background:none; color:#E9753B;}
#header nav .nav .dropdown .dropdown-menu li a:hover {color:#E9753B;}
#header nav .nav .dropdown .dropdown-menu {margin-top:0px;}


#content {background-color:#fff; padding:20px 0; }
#content .menubox {background-color:#fff; height:212px; margin:15px 0;}
#content .menubox .more {text-align:right;padding:15px 15px 0 0;}
#content .notice { background:#fff url(../img/icon2.png) no-repeat right top; padding-left:20px;}
#content .notice span {display:inline-block; margin-top:40px;}
#content .notice p {margin-top:20px; padding-right:30px;}
#content .notice p a {color:#999; font-size:110%;}

#footer {padding:30px 0 20px 0; color:#999; font-size:110%;}
#footer .glyphicon {color:#000;}
#copy {background-color:#63C7AF; padding:0px; color:#ababab; font-size:12px; font-family: font-family:Helvetica,sans-serif;min-height:85px;}

/*sub*/
#location {border-top:1px solid #e7e7e7;  border-bottom:1px solid #e7e7e7;}
#location ul .second:after {content:">"; padding-left:12px;}
.titlecon h2 {padding: 6px 0px 0px 17px;}
.submenu .tab-content {border-top:1px solid #d8d8d8; padding:16px;}
.submenu .nav-tabs li {padding:10px 17px; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.submenu .nav-tabs .active {border-bottom:2px solid #E9753B; background-color:#f6f6f6;}
.submenu .nav-tabs .active a:hover, .submenu .nav-tabs .active a:link, .submenu .nav-tabs .active a:active, .submenu .nav-tabs .active a:visited {background-color:#f6f6f6; border:0;}
.submenu h3 {margin-bottom:30px;}

/*sub*/
.submenu #ceo h3 {color:#7F2A6E;}
.submenu #ceo ol {font-weight:bold;}
.submenu #history dt { font-size:180%;}
.submenu #history dd ul  {padding-left:18px;}
.submenu #solar h2 {color:#0891c5;}
.submenu #exhibition h4, .submenu #seminar h4 {padding:20px 0 5px 0;}
.submenu #download .videobar {border:1px solid #d8d8d8; margin-top:30px; padding:30px;}
.submenu #download .downbar {border-top:2px solid #009dd9; border-left:1px solid  #d8d8d8; border-right:1px solid  #d8d8d8; border-bottom:1px solid  #d8d8d8; padding-bottom:15px; min-height:270px;}

/* midea query */
@media (max-width: 520px){
    .submenu ul.nav-tabs li{width:100%; border-left:1px solid #d8d8d8;}
    .submenu .tab-content { padding:10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    #header nav .nav {width:100%;} 
    #header nav .nav li {padding-right:0; width:20%;}
    #header nav .nav li:last-child {font-size:72%;}
    #header .logo {margin:0 auto;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
    #header nav .nav li {padding-right:0;}
}
@media (min-width: 1200px) {}

/*==*/
.topmenua{
    color:#9098A1 !important;
    text-decoration: none !important;
    font-size: 11px;
    font-family:Helvetica,sans-serif;
}
a:hover, a:focus {
    color: #63c7af;
}
.menuh{
    font-size: 16px !important;
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    font-weight:none !important
}
#submain{margin-bottom:50px;}
.ahover{
    text-decoration: none !important;
}
.text-primary {
    color: #7F2A6E !important;
}
.thalign{
    text-align: center !important;
}
td {
    font-size: 10pt !important;
    line-height: 1.5 !important;
}
.submenu #solar h2 {
    color: #7F2A6E !important;
}

.sidebartitle{
    line-height: 20px;
    font-size: 17px;
    list-style-type: none;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0px 10px 15px !important;
    background-color:#E9753B;
}
.sidebarcon{
    padding: 0px 0px 0px 15px !important;
    line-height: 37px;
    font-size: 11px;
    list-style-type: none;
    color: #2D2D2D;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.sidebarShadow{
    border-bottom: 1px solid #EDECEC;
}
.sidebaractive{
    color: #E9753B !important;
}
.sidebarshade{
    border: 0px solid #F8F3F3;
    box-shadow: 0px 2px 2px 0px #cecaca;
    border-radius: 0px;
}
.alink{
    text-decoration: none !important;
}
.innercontent{
    border:0px !important;
    min-height: 470px !important;
}
.historytitle{
    list-style-type: none;
    font-size: 22px;
    margin: 0px 0px 10px -15px;
}
.sitemap {
    background: url("img/sitemapTil.jpg") repeat scroll 0% 0% transparent;
    color: #FFFAFA !important;
}
.sitemapStyle{
    padding: 0px 0px 0px 10px !important;
    line-height: 37px;
    font-size: 14px;
    list-style-type: none;
    color: #2D2D2D;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-right: -1px;
    font-weight: bold;
}
.sitemapCon {
    background: url("img/sitemapbg.jpg") repeat scroll 0% 0% transparent;
    color: #FFFAFA !important;
}
.sitemapa{
    color: #444343 !important;
    text-decoration: none !important;
    font-size: 11px !important;
}
.sidebaractivePro{
    background: linear-gradient(to left, #C01761, #5A2F5C) repeat scroll 0% 0% transparent;
    color: rgb(255, 255, 255) !important;
}
dt {
    color: #51AD97;
    font-size: 15px !important;
}
h3, .h3 {
    font-size: 20px !important;
}
/*==*/

.sub_visual {
    width: 100%;
    /*height: 520px !important;*/
    background-size: cover;
}

#header {border-bottom:1px solid #e7e7e7;}
#copyrights {background-color:#24292C; padding:0px;min-height:40px; color:#ababab; font-size:12px; font-family: font-family:Helvetica,sans-serif;}
#history{padding-top:15px;}
.para{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:left;
}
.sideMenu{
    padding-right: 0px !important
}
.navbar-default {
    background-color: #fff !important;
    border-color: #fff !important;
}
.nav > li {
    padding-left: 9px;
}

.sub_visual1 {
    width: 100%;
    height: 300px !important;
    background-size: cover;
}
.marTop{
    margin-top: -4px;
}

#contentBg{
    width: 100%;
    height: 350px !important;
    background-size: cover;
    background:url("img/bgcon.jpg") no-repeat center top;
}
#topBg {
    padding: 62px 0px 0px 0px;
    background-color: #63C7AF;
    margin-top: -36px;
}
.boxBg{
    border: 2px solid #8A8181;
    padding: 5px !important;
}
#subcontent{
    min-height:500px;
}
.bsStyle{
    font-size: 11px !important;
    color: #9098a1;
}
dd {
    margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
    .paraStyle{
        left: 0px;
        line-height: 2em;
        width: 100%;
        text-align: center;
        margin: 5% auto 0px 0px;
        height: auto;
    }
}
@media screen and (min-width: 992px) {
    .paraStyle {
        position: absolute;
        top: 24%;
        left: 0;
        margin: 0 auto;
        width: 30%;
        height: 50px;
        margin-left: 21%;
        line-height: 2em;
    }
}
/*pagination style start*/
div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #63C7AF;
    text-decoration: none; /* no underline */
    color: #000;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #63C7AF;

    color: #000;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #63C7AF;
    font-weight: bold;
    background-color: #63C7AF;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}
/*pagination style end*/
.bt{
    color: #fff;
    background-color: #63C7AF;
}
.tableHead{
    text-align:center;
}


