@media (min-width: 1680px) {
  .header,
  .footerwrap,
  .copyrightDiv,
  .location,
  .libraryhr,
  .main,
  .libraryD,
  .libraryTable,
  .activate,
  .library-initial-table,
  .ckTipContainer {
    width: 1200px;
  }
  .libraryTable {
    max-width: 1200px;
  }
  .activate {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1041px) {
  .header,
  .location,
  .main {
    width: 96%;
    margin: 0 2%;
  }
  .header_r {
    margin-top: 10px;
    float: none;
    width: 96%;
  }
  .header_wrap .nav {
    float: left;
  }
  .footerwrap {
    width: 96%;
    padding: 0;
    margin: 0 auto;
  }
  .foopart {
    width: 33%;
  }
  td.application-file-name {
    width: auto;
  }
  a.ad-download-gu {
    padding: 12px 5% 40px;
  }
  .ckTipContainer {
    width: 96%;
  }
}
@media screen and (max-width: 980px) {
  img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
  }
  .logo {
    float: none;
  }
  .nav {
    float: left;
  }
  .copyrightDiv {
    width: 96%;
  }
}
@media screen and (max-width: 768px) {
  .logo {
    float: left;
  }
  .header_r {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 1000;
    background: #fff;
    opacity: 0.98;
    padding: 2% 2% 5%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid #dad7d5;
  }
  .header_wrap.header_new .header_r {
    margin-top: 0;
  }
  .navshortcut {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAATCAYAAACDW21BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE0LTExLTI1VDA5OjIxOjExKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNC0xMS0yNVQwOTozMTozNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNC0xMS0yNVQwOTozMTozNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQUUzNDFEMDc0NDIxMUU0QTE1N0VBNzU3N0UzNkREQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQUUzNDFEMTc0NDIxMUU0QTE1N0VBNzU3N0UzNkREQyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NjE2OEEwQTMzMzUxMUU0QURBNUMxQzBGRjI1NUU1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NjE2OEEwQjMzMzUxMUU0QURBNUMxQzBGRjI1NUU1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvYqwHcAAAFtSURBVHjaxNXNKwVRGMfxO9dI8lLqXlfqJmUhFhZYiFuyuQthIytLNop/wtZSdspSyg4LJSJKUeQlRSmzYCMvWy/je+p36mRpTuPUpzPzdDvPnHmeeyaI4ziT5ghMwiiKzHURJVTir08R4AVb+EQ9xpHDJq5C/bAJ6+j1tJFZLGIO84rNYDirm2aPyczo09ztxFrQZhPeY8NTsi+9vsyvNQ9w6tawDh0IE9TQbOANF859Dxqxj3c3YSojdK5zepowSderSw/1lqpR1trbeLCL57GGQU8bmcKyOnNBsRuM2aYpekxmxpDmkhNrNz1iE0Yqqq+xq3nHiZ3h3G2avP43SWv4qhp+o0pvrqAaPv1rl9agM+FZmtUOL531+9Wle3i2CRuwglFPJ80kVjGNJcVPMGGbptVTMjMqMKLrshM3//Eum/DRnHMeS3Ws+ciJ3eLabRpzmg8kPEttl5rv4QdqtduCDvK7IO0v/o8AAwA3o2e2dzm1ngAAAABJRU5ErkJggg==") no-repeat scroll center center
      rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 19px;
    margin: 12px 10px 0 0;
    width: 28px;
    cursor: pointer;
  }
  .navshortcut.dark {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAATCAYAAACDW21BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjgwREU5QkYzRkNCMTFFRDk4OTlEQTAwOEI0NDk2NzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjgwREU5QzAzRkNCMTFFRDk4OTlEQTAwOEI0NDk2NzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGODBERTlCRDNGQ0IxMUVEOTg5OURBMDA4QjQ0OTY3NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGODBERTlCRTNGQ0IxMUVEOTg5OURBMDA4QjQ0OTY3NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pom90rsAAAGLSURBVHjaxJTPK0RRFMc9noVEqcGkJikLsZCwEFOymYWwMFnZKBuKf8LWUrNQYillN2YxpRFRipAfiSnFYpRkWNPzOdO5ddfzbjO3vp1zv6/O9517vvd6QRDUVHL5JukeWIgR4qAelPsXHvgCmfzV9i81m8mTIAIO4O59FYsS9sGwo0ZWwAZYBWvKLaMzWaubDodiskY0Dlpcp/RmBF9A2pHYnxyf5nbNE3DpGdPQbhOhV+da7gylgW9mdas1ZT8E2sAx/I9XTZdG9G/8EPWMS0/pJqBmA3lCXZqFezUubSXsgXFHjSyCLXEmWFfuEZ0ZY5qYQzFZExrjFtcjHjGCbzJUh4I5jYcWdw1uSkfK2X7QblLvTdgZFmWGut8ET6BdZ/heVZc2EvpCvqUyoiKd3GlNqT+qLj2C/yx1yIcWiB0w7eilmaf4LnWXyFPKX4A5Y5ouR2Ky6sCU5gmLlzvebwQL8s45HNW5xjOLewYPxqUF2p8lHQv5lhqXZnSf0isnLk2jk6+4S/8FGAC12n2Lrbz7zwAAAABJRU5ErkJggg==") no-repeat scroll center center
      rgba(0, 0, 0, 0);
  }
  .nav {
    width: 100%;
  }
  .nav > li {
    float: none;
    margin: 0;
    line-height: 45px;
    text-align: left;
  }
  .nav > li > a,
  .nav > li > button {
    border-bottom: 1px solid #f2f2f2;
    line-height: 45px;
    display: block;
    color: #233060;
    margin: 0 3%;
    width: 94%;
    text-align: left;
  }
  .nav > li > button.arrow.active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR1JREFUeNpiTExNZ4AARiD+DyUZGJiZmNmcHO3m79t/MPHfv/+//oPVQORhLCYYBx2YmRo3qqmoRIFoiHEwCxBMJphZjGAFjGATJcTFLQ319UpB4ob6+qXiQD5E5j+UZGRg/P+fgQnZRBDJwsLC6exgP5+RkZEZLAakXRwdFoHE/6O5jgnhT4jdlmYm7QIC/OrIivj5+VTMzUzbQcYju4AJWZGMtJSTnq5OPrYw0AeKg+TRbIbYyM7Gxu/sYDefAQ9wAsqzsrHzg/0M0QwB1pbmvTw8PHL4NPMC5W2tLCbAIgvsZwU5WW9NDfVkBiKAhrpaAkj9f0agnznY2YUc7e3mMJAAQOpB+pgc7GxncnFxSpCiGaTewdZmJkCAAQCd0EJpZuPFYwAAAABJRU5ErkJggg==") center right no-repeat;
  }
  .nav > li > button.arrow {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJENEUxOURFM0ZBNjExRTRBRUJBQkI3OENCNjVDMUVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJENEUxOURGM0ZBNjExRTRBRUJBQkI3OENCNjVDMUVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkQ0RTE5REMzRkE2MTFFNEFFQkFCQjc4Q0I2NUMxRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkQ0RTE5REQzRkE2MTFFNEFFQkFCQjc4Q0I2NUMxRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5D5NotAAABIUlEQVR42mJcuWr1amUlxRAGEsHde/fXMB04dDj927fvL0jRCFJ/4PCRdKYfP3++23/wUAopmkHqQfqYGBgYGR48erz1+o2bc4nReOPmrQUg9Yz//zMwwQSPHj9Z/OXLl0f4NH4Gyh8+dqIAwmMEaf4PpBgYfv769XHvgUOJ+DTvA8r//vXzIyNQz38gnwlZ8snTZ/suXb4yEZvGi0BxkDyyGNjP/xkgJMgFx0+dqfzw4eNNZEUfP366c/LU6UoGsI0QlSASavN/OPnnz5/vew8cTPz///9fsBiQ3rP/QBxInBHNNUyMcI2MUPI/w4uXL4+fv3ipGyR+/uLF7pdAPrKNYD8zMjKw/McROKdOn63n4eGWA9EMDDA7kVQDmQABBgBUS6Kl4IQM3AAAAABJRU5ErkJggg==") center right no-repeat;
  }
  #store path {
    stroke: #233060;
  }
  #store-wrap {
    vertical-align: text-bottom;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhFJREFUeNrslrlLA0EUxjdGMd4BjxyCWniARyFWWggWYquNtcF/QbQQQQuPRiuxUiSFNoIoWIiFYGmjTSqPSlETPFBMxGOzfoPfwriZrIkhheCDH9ljdr733rx5E4dhGFo2LUfLsv0L/Gi55kV9e8C87AdToA040pjrHMyCFXFzdrz6XYDWARZBtRgDHlMQEWVYDJrADLgF2wkR0IY4+QhYB68pei+c6ANrIGAn0MjfXXCdZroPwZPItt0i+0AMRHnfDVoVjpjOtXKMsDfwADx2Al4Oegf5YJLUKARqWQzivYvpjIAC4FYJlIBCEAYfpA50gjKFQCno4hjhkM5vncxEgoCH9xFWhs7S80lrI1sLIz7l2JQEnBT44LMgeAETYADkMXWDYJxrFeRYIXDJOfyqKjIFwpLAFjfcKFgGB3SqhymalkpSpOmK730qAa+UIp3PnsE8RUUEvUzfEdhk3ZsVJ5y6kZxNEKjihpEj0Ci4AHZAMwVCXB/ZdEkgaYo0yxrIdkLsWsadVSDHkiKNXui/bJ5RfluhEqji730G3dlgu3AniyDGLf9bi9NBpUAl0xPPUEC0+KJkreKFYWYikKc80bhJGrixQkmEDMtzh3QgOdmX/FyHBIElMAb2wYW0Fg4p2hijNCd2sXWIyct5sokxGyqBOdb/MLd6nJiT2B2db9w/IvI9bswv7/78P7tPAQYAOmmHMBjFDy4AAAAASUVORK5CYII=") center 1px no-repeat;
  }
  .copyrightDiv {
    height: auto;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .copyright_left {
    height: auto;
    float: none;
  }
  .copyright_right {
    height: auto;
    text-align: center;
    float: none;
    padding: 0;
  }
  .subnavpart {
    width: 100%;
    position: static;
  }
  .subnav {
    padding: 0;
    border: none;
    margin-top: 0;
    padding: 20px;
  }
  .subnav li {
    line-height: 45px;
  }
  .subnavpart .subnav a {
    line-height: 45px;
    float: none;
    display: block;
  }
}

@media screen and (max-width: 680px) {
  .header_wrap {
    position: relative;
  }
  .translate_nor {
    height: 28px;
    margin: 10px 0;
  }
  #google_translate_element {
    float: left;
  }
  .foopart {
    width: 50%;
    margin: 0;
  }
  .foopart ul {
    margin-bottom: 10px;
  }
  .library-initial-table td {
    padding: 10px 5px;
  }
  .application-describe td,
  tr.user-comment-information td {
    display: inline-block;
    font-size: 14px;
  }
  .library-initial-list a,
  .library-initial-table td a {
    font-size: 14px;
  }
  td.application-describe-name {
    line-height: 54px;
    padding-right: 1%;
    width: 30%;
  }
  tr.user-comment-information td.application-describe-name {
    width: 49%;
    padding-right: 1%;
  }
  tr.user-comment-information td.user-comment-rating {
    width: 49%;
    text-align: right;
  }
  #user-comment-rating.rating {
    float: right;
  }
  td.user-opinions-wrap {
    width: 100%;
    margin: -20px 0 20px;
    text-align: left;
  }
  td.application-describe-value {
    width: 68%;
  }
  td.pagination {
    width: 100%;
  }
  td.pagination a {
    margin: 0 5px;
  }
  #user-opinion-con {
    width: 80%;
  }
  #user-opinion-from {
    padding: 0 5%;
  }
  .btn-user-comment {
    width: 48%;
  }
}
@media screen and (max-width: 568px) {  
  .cookiesTip {
    width: 100%;
  }
  .ckTipContainer,
  .ckTipCon,
  .ckTipBtn,
  .ckTipText,
  .ckTipBtn {
    display: block;
  }
  .ckTipBtn {
    margin-top: 20px;
  }
  .ckTipText {
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .header_r {
    width: 96%;
    opacity: 1;
  }
  .footer {
    padding: 0 5%;
    width: 90%;
  }
  .foopart {
    width: 100%;
    margin: 0;
  }
  .copyright_left {
    font-size: 10px;
  }
  .copyright_right a {
    font-size: 10px;
  }
  .copyright_right span {
    padding: 0 5px;
  }
  td.application-describe-name {
    width: 38%;
  }
  td.application-describe-value {
    width: 60%;
  }
  tr.user-comment-information td.application-describe-name {
    width: 46%;
  }
}