@media screen and (min-width: 1100px){
#cssmenu > ul li.has-sub:hover ul {
  display: block;
  margin-left:-100px;
  background-image: url('../images/menu_up.png');
  background-repeat: no-repeat;
  background-position: 80% 0%;
}
}

@media screen and (min-width: 1050px) and (max-width: 1100px){
#cssmenu > ul li a { padding: 10px 10px; border:0px solid #000;font-size: 13px; }

#cssmenu > ul li.has-sub:hover ul {
  display: block;
  margin-left:-100px;
  background-image: url('../images/menu_up.png');
  background-repeat: no-repeat;
  background-position: 80% 0%;
}
}

@media screen and (min-width: 1000px) and (max-width: 1049px){
#cssmenu ul li a { padding: 10px 5px; border:0px solid #000;font-size: 12px; }
#cssmenu > ul li.has-sub:hover ul {
  display: block;
  margin-left:-100px;
  background-image: url('../images/menu_up.png');
  background-repeat: no-repeat;
  background-position: 80% 0%;
}
}

@media screen and (min-width: 960px) and (max-width: 999px){
#cssmenu ul li a { padding: 10px 5px; border:0px solid #000;font-size: 11px; }
#cssmenu > ul li.has-sub:hover ul {
  display: block;
  margin-left:-100px;
  background-image: url('../images/menu_up.png');
  background-repeat: no-repeat;
  background-position: 80% 0%;
.lic-wrapper .lic-field {float:left;width:21%;  padding:1%; margin:0 3%;}
}
}




@media screen and (min-width: 901px)  and (max-width: 959px) {
#header_right .u-reg ul li {float:right;margin:0px;width:130px;}
#cssmenu ul li a { padding: 10px 5px; border:0px solid #000;font-size: 11px; }

h1#small {display:none}
.lic-wrapper .lic-field {float:left;width:21%; padding:1%; margin:0 3%;}
}


@media screen and (min-width: 780px) and (max-width: 900px) {

.home-page {float:left;width:98%;padding:0 10px;}
#home-main {width:49%;float:left;margin-right:10px;}
#main {float: left;width:50%;border:0px solid #ff6600;}




#header_right {width:50%;float:right;}
h1 {float:left;width:45%;line-height:30px;margin-top:0px;font-size:24px;}

h1#small {display:none}

.signin {border:0px solid #ff6600;width:80%;float:left;}
.signin .label {float:left;width:20%;padding-right:10px;font-size:14px;padding-top:3px;}
.signin input{width:70%;}

.join {width:80%;border-radius:5px;font-size:16px;
padding:5px;float:left;text-align:left;}
.join .label {font-size:14px;width:13%;float:left;text-align:right;padding-right:10px;}
.join .input {float:left;width:75%;}
.join input{width:100%;height:25px;}

.home-aside #side_ads .side_ads img{width:47%;}
.aside h2 {font-size:23px;}
.aside li {font-size:15px;line-height:18px;}


.lic-wrapper .lic-field {float:left;width:21%;  padding:1%; margin:0 3%;}

}


@media screen and (min-width: 480px) and (max-width: 779px) {
#wrapper {overflow-x:hidden;}
.home-page {float:left;width:96%;padding:0 10px;}
#home-main {width:100%;float:left;border:0px solid #ff6000;}
.page {background:url(../images/bg-m.png)no-repeat right top;}
#main {width: 90%;margin-left:10%;}
h1 {float:left;width:auto;line-height:30px;margin-top:0px;font-size:26px;}
.ps14 {float:left;width:53%; height:100px;margin-top:-50px; margin-bottom:15px;
      background: url(../images/market_intelligence.svg) no-repeat;
      background-position:bottom;margin-left:10px;
      background-size: 100%; }

.ps14reg {float:left;width:70%; height:105px;margin-top:0; margin-bottom:10px;
      background: url(../images/market_intelligence.svg) no-repeat;
      background-position:bottom;margin-left:10px;
      background-size: 100%; }

.side-g-content .gc-wrapper .full-archive label{border:0px solid black;text-align:left;width:25%;padding-left:0px;}


#big {display:none}
#small {display:block;width: 100%;float:left;}

.body-top-bg {display:none;}

header .home_logo {margin-top:2%;}
header .home_logo img{ width:65px;z-index:9999; }

header {min-height:110px;width:100%;}
header .logo {width:35%;margin-left:10%;}
header .detail {width:90%;font-size:22px;}
header .sub-detail {width:95%;font-size:17px;}

.top-header {margin-top:-10px;}
#header_right {width:90%;float:right;}
#header_right .u-log {float:left;width:70%;}
.click-nav {float:right;width:33%;margin-right:2%;padding:0px;}

#header_right .u-reg ul {float:right;list-style:none;margin-top:6px;width:130px;}
#header_right .u-reg ul li {float:right;width:100%;margin:0px;}
#header_right .u-reg img {float:right;width:auto;margin-left:10px;}

.home-main-wrapper #group-single {display:block;margin-left:auto;margin-right:auto;width:100%;}
.home-main-wrapper .group .full-archive select {width:100%;}  
.home-main-wrapper .group .full-archive input {width:80%;} 

#trends-wrapper .submit input[type=submit] {width:100%;font-weight:700;display:block;margin-left:auto;margin-right:auto;}

#header_right .u-profile {max-width:250px;}

.signin {border:0px solid #ff6600;width:80%;float:left;margin-top:-25px;}
.signin h2{font-size:26px;}
.signin .label {float:left;width:20%;padding-right:10px;font-size:16px;padding-top:3px;}
.signin input{width:70%;float:left;}
.signin img{width:80%;}

.fb-log {float:left;color:#777;width:100%;font-size:16px;}

.join {border:0px solid #ff6600;width:85%;border-radius:5px;font-size:16px;
padding:5px;float:left;text-align:left;background:url(../images/j-bg.png);}
.join h2{font-size:26px;color:#fff;}
.join .label {color:#444;float:left;font-weight:700;padding-left:5px;margin-top:5px;}
.join .input {width:75%;border:0px solid #000;}
.join input{width:100%;height:25px;}

.home-aside {float:left;width:100%;}
.aside {width:80%;float:left;margin-left:9%;}
.aside h2 {font-size:22px;}

.outlookg-wrapper {float:left; width:95%;}

.spacer{display:none;}
.f-footer {margin-left:4%;width:80%;}

#user_access .separator {display:none;}
#user_access .access-left {margin:0 auto;float:none;width:85%;color:#888;}
#user_access .access-right {margin:0 auto; float:none; width:85%;color:#888;}
#user_access .reg-wrapper-l {margin-bottom:30px;}

.home-main-wrapper .group .side-g-content .imp-gc-left {float:left;width:98%;}
.home-main-wrapper .group .side-g-content .imp-gc-mid {float:left;margin-top:20px; width:98%;}
.home-main-wrapper .group .side-g-content .imp-gc-right {float:left;width:98%;}
.side-g-content .importcalc select { text-align:center; height:28px; width:50%; line-height:25px; }
.side-g-content .importcalc input { text-align:center;font-size:16px;height:25px; width:50%;}
.side-g-content .imp-gc-mid #form_Go { float:none;margin:0 auto; display:block;padding:10px 30px; font-size:16px;}
.dis-result {margin:0 auto;display:block;float:none;}

.pushy, .menu-btn {display:block;}

.group .outlook .fields {float:left;width:99%;}
.group .outlook .fields select {float:left; width:70%;height:24px;}
.group .outlook .fields label {float:left; width:17%;height:24px;text-align:left;}


.lic-wrapper select {width:50%;}
.lic-wrapper .lic-field {float:left;width:23%; padding:1%; margin:0 2%;}

#main .upgrade {float:left;width:85%;}
#main .upgrade-side {float:left; width:85%;}

.userUpSide {float:left; width:94%;}
#help_desk {display:none;}
/* Alert */

#alert {
    position: relative; display:block;
}
#alert:hover:after {
    background: hsla(0,0%,0%,.8);
    border-radius: 3px;
    color: #f6f6f6;
    content: 'Click to dismiss';
    font: bold 12px/30px sans-serif;
    height: 30px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 120px;
}
#alert:hover:before {
    border-bottom: 10px solid hsla(0,0%,0%,.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 40px;
    width: 0;
}
#alert:target {
    display: none;
}
.alert {
    background-color: #c4453c;
    background-image: -webkit-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.05) 25%,
                      hsla(0,0%,0%,.05) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.05) 75%,
                      hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #f6f6f6;
    display: block;
    font: bold 16px/40px sans-serif;
    height: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
    -webkit-animation: alert 1s ease forwards;
       -moz-animation: alert 1s ease forwards;
        -ms-animation: alert 1s ease forwards;
         -o-animation: alert 1s ease forwards;
            animation: alert 1s ease forwards;
}

/* Animation */

@-webkit-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-moz-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-ms-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-o-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
#edit-prof-img {float:left; position:relative;}
#edit-prof-img img{display:none;}
.circle-enlarge-more {float:left;width:47%;background-color:#FDE6CB;padding:1%;margin:0.5%;height:60px;border-radius:5px; overflow:hidden; transition: background-color 0.3s ease-in-out;}
.news_body_wrapper .news-image {float:left; width:250px;}
}


@media screen and (max-width: 480px) {
#wrapper {overflow-x:hidden;}
.home-page {float:left;width:98%;padding:0 5px;min-width:300px;}
#home-main {width:100%;float:left;border:0px solid #ff6000;}
.page {background:url(../images/bg.png)no-repeat right top;min-width:300px;}
#main {margin-left:2px;width: 98%;}

#help_desk {display:none;float:left;width:100%;padding:0px;margin-bottom:2px;}
#help_desk .title {width:70px;float:left;}
#help_desk .ph_no {width:65%;float:left;}

header .detail {width:95%;font-size:20px;}
header .sub-detail {width:97%;font-size:15px;}
header { min-height:100px;width:100%; }
header .home_logo {width:95%;margin-bottom:10px;margin-top:10px;}
header .home_logo img.center { width:50px;display:block;margin-left:auto;margin-right:auto;}

.body-top-bg {display:none;}

.add-circle {float:right; border:0px solid red; width:100%;margin:2px 0;}

.top-header {display:block;margin-top:-10px;}
#header_right {width:100%;float:right; display:block;  }
#header_right .u-reg ul {float:right;list-style:none;margin-top:6px;width:auto;}
#header_right .u-reg ul li {float:right;margin:0px;width:130px;}
#header_right .u-reg img {float:right;width:auto;margin-left:10px;}
#header_right .u-profile {max-width:250px; display:block;}

.top-menu { display:none; float:left; width:96%; background-color:#555; height:auto; padding:4px 2%; }
.top-menu .login {padding:1px 10px; border:1px solid #3859B9; color:#fff; text-decoration:none; float:left; border-radius:5px; }
.top-menu .regtr { float:right; padding:1px 10px; border:1px solid #FF6600; color:#FFF; text-decoration:none; margin-left:10px; border-radius:5px; }
.top-menu img {float:left; width:40px; height:auto; position:relative;margin-top:-6px;margin-bottom:-10px; border-radius:30px;
border:3px solid #555; margin-left:-5px;}
.ads {display:none;}
.home-main-wrapper #group-single {display:block;margin-left:auto;margin-right:auto;width:100%}
#.home-main-wrapper .group .full-archive label {display:none;} 
.home-main-wrapper .group .full-archive select {width:100%;} 
.home-main-wrapper .group .full-archive input {width:80%;} 

.trends-wrapper {width:100%;display:block;margin-left:auto;margin-right:auto;}
#trends-wrapper .submit input[type=submit] {width:100%;font-weight:700;display:block;margin-left:auto;margin-right:auto;}

.signin {float:left;width:99%;margin-top:-30px;}
.signin input{width:68%;}
.join {border:0px solid #ff6600;width:93%;border-radius:5px;padding:5px;float:left;text-align:left;background:url(../images/j-bg.png);}
.tab-outlook .outlook {font-weight:none;border:0px solid #000;color:#fff;font-size:#5px;} 
.home-aside {float:left;width:100%;}

table {font-size:6px;}
th {font-weight:normal;font-size:10px;}
td {width:5px;padding:5px 0;font-size:10px;}

.aside {width:95%;float:left;margin-left:5px;}
.aside h2 {font-size:20px;margin:0px;}
.aside li {list-style-type:circle;font-size:16px;margin-left:-15px;}
.aside .side-sub {margin-top:0px;font-size:28px;}
.spacer{display:none;}

h1 {float:left;width:auto;line-height:30px;margin-top:0px;font-size:20px;}
.ps14 {float:left;width:93%; height:100px;margin-top:-15%; margin-bottom:15px;
      background: url(../images/market_intelligence.svg) no-repeat;
      background-position:bottom;margin-left:10px; 
      background-size: 100%; }

.ps14reg {float:left;width:90%; height:90px;margin-top:0; margin-bottom:10px;
      background: url(../images/market_intelligence.svg) no-repeat;
      background-position:bottom;margin-left:10px;
      background-size: 100%; }

.outlookg-wrapper {float:left; width:95%;}

.home-main-wrapper .group .side-g-content .gc-left {float:left;width:98%;}
.home-main-wrapper .group .side-g-content .gc-right {float:right;width:98%;}
.home-main-wrapper .group .side-g-content .imp-gc-left {float:left;width:98%;}
.home-main-wrapper .group .side-g-content .imp-gc-mid {float:left;margin-top:20px; width:98%;}
.home-main-wrapper .group .side-g-content .imp-gc-right {float:left;width:98%;}
.side-g-content .importcalc select { text-align:center; height:28px; width:50%; line-height:25px; }
.side-g-content .importcalc input { text-align:center;font-size:16px;height:25px; width:50%;}
.side-g-content .imp-gc-mid #form_Go { float:none;margin:0 auto; display:block;padding:10px 30px; font-size:16px;}
.dis-result {margin:0 auto;display:block;float:none;}

#big {display:none}
#small {display:block;width: 100%;float:left;}
#nav { position: relative; background-color:#00ACAC;padding:4px 3%; width:94%; opacity: 5; 
	padding-top:7px; }

#user_access {float:left;border-radius:10px;padding:2% 0%;width:100%;background-color:#fff;}
#user_access .separator {display:none;}
#user_access .access-left {margin:0 auto;float:none;width:95%;color:#888;}
#user_access .access-right {margin:0 auto; float:none; width:95%;color:#888;}
#user_access .reg-wrapper-l {margin-bottom:30px;}

.pushy, .menu-btn {display:block;}

.side-g-content .gc-wrapper .full-archive label{border:0px solid black;text-align:left;width:25%;padding-left:0px;}
.home-main-wrapper .group .full-archive-date label {text-align:left;border:0px solid blue;width:25%;}
.group .outlook .fields {float:left;width:99%;border:0px solid red;}
.group .outlook .fields select {float:left; width:62%;height:24px;}
.group .outlook .fields label {float:left; width:25%;height:24px;text-align:left;border:0px solid blue;}

.lic-wrapper select {width:50%;}
.lic-wrapper .lic-field {float:left;width:25%; padding:1%; margin:0 1%;}


.home-main-wrapper .group .side-g-content .gc-left {float:left;width:49%;}
.home-main-wrapper .group .side-g-content .gc-left select{width:67%;display:block;float:left;height:24px;}
.home-main-wrapper .group .side-g-content .gc-left label{width:30%;float:left;text-align:left; font-size:10px;}

.home-main-wrapper .group .side-g-content .gc-right {float:right;width:49%;}
.home-main-wrapper .group .side-g-content .gc-right label{width:30%;float:left;text-align:left;font-size:10px;}
.home-main-wrapper .group .side-g-content .gc-right select{min-width:67%;float:left;height:24px;}

#main .upgrade {float:left;width:100%;}
#main .upgrade-side {float:left; width:100%;}
#top-ad {display:none;}
.userUpSide {float:left; width:94%;}



.news-pager .pagination .page {min-width:20px;}



/* Alert */

#alert {
    position: relative;
    display:block;
}
#alert:hover:after {
    background: hsla(0,0%,0%,.8);
    border-radius: 3px;
    color: #f6f6f6;
    content: 'Click to dismiss';
    font: bold 12px/30px sans-serif;
    height: 30px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 120px;
}
#alert:hover:before {
    border-bottom: 10px solid hsla(0,0%,0%,.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 40px;
    width: 0;
}
#alert:target {
    display: none;
}
.alert {
    background-color: #c4453c;
    background-image: -webkit-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.05) 25%,
                      hsla(0,0%,0%,.05) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.05) 75%,
                      hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #f6f6f6;
    display: block;
    font: bold 16px/40px sans-serif;
    height: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
    -webkit-animation: alert 1s ease forwards;
       -moz-animation: alert 1s ease forwards;
        -ms-animation: alert 1s ease forwards;
         -o-animation: alert 1s ease forwards;
            animation: alert 1s ease forwards;
}

/* Animation */

@-webkit-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-moz-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-ms-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@-o-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
@keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
#edit-prof-img {float:left; position:relative;}
#edit-prof-img img{display:none;}
.circle-enlarge-more {float:left;width:47%;background-color:#FDE6CB;padding:1%;margin:0.5%;height:60px;border-radius:5px; overflow:hidden; transition: background-color 0.3s ease-in-out;}
.news_body_wrapper .news-image {float:left; width:98%;}
}