html {
font-family: sans-serif;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
}
/*
* Removes default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
/*outline: thin dotted;*/
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
* Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
}
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Sets consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ============================================ *
* Reset
* ============================================ */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* Prevent tap highlight on iOS/Android */
-webkit-text-size-adjust: 100%;
/* Prevent automatic scaling on iOS */
}
body {
background: #FFFFFF;
color: #000000;
line-height: 1;
font-family: 'Roboto', sans-serif; font-weight:300;
}
html,
body,
img,
fieldset,
abbr,
acronym {
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
th,
code,
cite,
caption {
font-weight: normal;
font-style: normal;
text-align: left;
}
address {
font-style: normal;
padding:10px 0;
float:left; width:100%;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
img {
display: block;
}
ol,
ul {
list-style: none;
}
q:before,
q:after {
content: '';
}
input:focus,
input[type="search"]:focus {
outline-offset: -2px;
}
input[type="search"] {
-webkit-appearance: none;
/* 1 */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* 2 */
box-sizing: border-box;
}
/* ============================================ *
* Base Styles
* ============================================ */
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
a, button {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
body,
button,
input,
select,
table,
textarea {
font-size: 16px;
line-height: 1.5;
}
a {
text-decoration: none;
}
a:hover {
color: #d6644a;
}
a:focus {
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ============================================ *
* Typography
* ============================================ */
h1, .h1 {
margin: 0;
margin-bottom: 0.7em;
color: #d6644a;
font-size: 28px;
font-weight: 400;
font-style: normal;
line-height: 1.2;
text-rendering: optimizeLegibility;
text-transform: uppercase;
}
h2, .h2 {
margin: 0;
margin-bottom: 0.5em;
color: #636363;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 1.2;
text-rendering: optimizeLegibility;
}
h3, .h3 {
margin: 0;
margin-bottom: 10px;
color: #636363;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
h4, .h4 {
margin: 0;
margin-bottom: 10px;
color: #636363;
font-size: 14px;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
h5, .h5 {
margin: 0;
margin-bottom: 10px;
color: #636363;
font-size: 13px;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
h6, .h6 {
margin: 0;
margin-bottom: 5px;
color: #636363;
font-size: 12px;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
/* ============================================ *
* Shared Classes
* ============================================ */
.header {
/* border-bottom: 2px solid #cccccc;*/
margin-top: 12px;
padding-bottom: 5px;
}
.menu ul li{ float:left; margin-right:20px;}
.freepage {
/*border-bottom:1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;*/
}
.freepage img {
width: 100%;
}
.page_Area2{ /*border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;*/}
.page_Area2 {
/*border-right: 1px solid #ccc;*/
}
.page_Area2 {
height: auto;
text-align: center;
}
.page_Area2 img{ display:inline-block;}
.page_Area3 {
text-align: center;
}
.page_Area3 img{
display:inline-block;
}
.uploader {
padding-top:35px; padding-bottom:10px; /*border-right: 1px solid #ccc;*/
}
.page_Area4{
padding-top:100px;
padding-bottom:100px;
/*border-top: 1px solid #cccccc;*/
}
.footer_menu ul li{ float:left; margin-right:25px;}
.footer {
/*border-top: 1px solid #cccccc;*/
}
.uploader_main{ /*border-bottom:1px solid #ccc; border-right:1px solid #ccc;*/}
.form_left form {
border: 1px solid #dde8d5;
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
}
.uploader_main.padding_none {
padding-left: 0;
padding-right: 0;
}
.padding_none {
padding-left: 0;
padding-right: 0;
}
.submit_button button {
color:#fff;
background:#d4822b;
width:145px; height:27px;
border:1px solid #cd6824;
margin-top: 17px;
}
.submit_button button:hover {background:#ef9d46;}
.biz_form_top button{
color:#3b3b3b;
background:#efefef;
width:145px; height:27px;
border:1px solid #000000;
font-size:11px;}
.biz_form_top {
/*margin-right:15px;*/
background: #ecf7e4 none repeat scroll 0 0;
}
.biz_form {
/*margin-right:15px;*/
background: #f6fbf2 none repeat scroll 0 0;
}
.form_left {
color: #86b280;
text-align:center;
}
.form_left .heading_biz {
color: #86b280;
}
.form_left input {
border: 1px solid #000;
width:82%;
}
.form_left textarea {
border: 1px solid #000;
width:82%;
max-width: 90%;
}
.page_Area2 .text-center{ line-height:300px;}
.browse > img {
display: inline-block;
}
.border {
margin: 0 8px;
padding: 8px;
}
.footer{ text-align:center; padding-top:10px;}
.footer_menu > ul {
display: inline-block;
}
/*.form_left label {
width: 170px;
text-align:right;
}*/
.biz_form_top .border {
border: dashed 4px #7ec9b5;
}
.nav-menu {
display: none;
}
.menu li:last-child{ margin-right:0px;}
#menu > ul {
float: right;
}
.menu {
padding-top: 5px;
}
.form_field .plush_icon{background: url("../images/plush_icon.png") no-repeat scroll right 7px center;
}
.form_field .zip_icon{background: url("../images/zip.png") no-repeat scroll right 7px center;
}
.row .padding_none {
padding-left: 0;
}
.padding_none {
padding-right: 0 !important;
}
.news p {
font-size: 30px;
padding-bottom: 607px;
padding-top: 55px;
}
.form_left.form_field li {
float: left;
width: 100%;
}
.form_field li label {
float: left;
width: 31%;
}
.form_field li input {
max-width: 54%;
width: 69%;
float:left;
margin-left:5px;
}
.form_left.form_field ul {
padding: 10px;
}
.form_left.form_field ul li{ padding-bottom:10px;}
.footer_menu a {
color: #389dc1;
}
.menu ul li .english {
background:rgba(0, 0, 0, 0) url("../img/en.png") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.menu ul li .japan {
background:rgba(0, 0, 0, 0) url("../img/japan_icon.png") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.menu ul li .english {
background:rgba(0, 0, 0, 0) url("../img/en.png") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.page_Area2 img {
max-width: 100%;
}
.menu ul li .chinese {
background:rgba(0, 0, 0, 0) url("../img/icon-2.jpg") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.menu ul li .korean {
background:rgba(0, 0, 0, 0) url("../img/icon-3.jpg") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.menu ul li .french {
background:rgba(0, 0, 0, 0) url("../img/icon-4.jpg") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.menu ul li .italian {
background:rgba(0, 0, 0, 0) url("../img/icon-5.jpg") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.menu ul li .hindi {
background:rgba(0, 0, 0, 0) url("../img/india.jpg") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
.menu ul li .mongolian {
background:rgba(0, 0, 0, 0) url("../img/mo.png") no-repeat scroll 0;
padding: 14px;
font-size: 0px;
top:-6px;
position:relative;
}
table#updateTable .uplod_input > input {
max-width: 100%;
width: 100%;
border: 2px solid #e6e6e6;
}
table#updateTable .delete_key > input{ border: 2px solid #e6e6e6;}
table#updateTable .delete_key > input {
float: right;
margin-right: 35px;
width: 100%;
}
table#updateTable .delete_key {
max-width: 100%;
}
/*#menu li a {
font-size: 14px;
}
#menu ul li a{ font-size: 0px !important;}
#menu ul li a[href*="?lang"] {
font-size: 0;
}*/
/*#menu ul li a[href="?lang=jp"]{font-size: 14px}*/
.uploader .form_left #upload tr {
float: left;
margin-bottom: 10px;
width: 100%;
}
.uploader .form_left #upload tr td.lable {
float: left;
text-align: right;
width: 42%;
font-size:14px;
}
.uploader .form_left #upload tr td {
float: left;
width: 48%;
margin-left: 10px;
text-align: left;
}
.uploader .form_left #tableques tr {
float: left;
margin-bottom: 10px;
width: 100%;
}
.uploader .form_left #tableques tr td.lable {
float: left;
text-align: right;
width: 42%;
}
.uploader .form_left #tableques tr td {
float: left;
width: 48%;
}
#upload table#tableques {
/*float: left;*/
width: 100%;
}
#upload .delete_button {
background: #d4822b none repeat scroll 0 0;
border: 1px solid #cd6824;
color: #ffffff;
height: 35px;
margin-top: 10px;
max-width: 22%;
width: 100%;
}
#upload .button {
background: #d4822b none repeat scroll 0 0;
border: 1px solid #cd6824;
color: #fff;
height: 35px;
margin-top:10px;
max-width: 100%;
width: 62%;
float:left;
}
.uploader .form_left #upload .doenloadtable tr td input#checkok {
margin-top: 9px;border-radius: 0;
}
.uploader .form_left #upload .doenloadtable tr td.imageViews{padding-right: 20px;}
.uploader .form_left #upload .doenloadtable tr td:last-child {
padding-left: 20px;
}
#menu li a {
color: #389dc1 !important;
}
.uploader .form_left #upload .doenloadtable tr td{ margin-left:0px;}
/* .page_Area2.sticky {
max-width: 300px;
position: fixed;
top: 0;
} */
.uploader_main.padding_none {
float: right;
}
.delete_key input {
max-width: 60px;
}
.doenloadtable .down_center{ padding-left: 20px;}
#updateTable > table {
background: #f9f9f9 none repeat scroll 0 0;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
display: inline-block;
margin-top: 10px;
padding: 25px 12px;
width: 100%;
}
#updateTable{ max-width:100%; width:100%;}
#updateTable .button {
background: #d4822b none repeat scroll 0 0;
border: 1px solid #cd6824;
color: #ffffff;
float: left;
height: 26px;
max-width: 100%;
padding: 0 10px;
}
#urlkey .uplod_input {
max-width: 100% !important;
width: 62% !important;
}
.page_Area4 {
float: left;
width: 100%;
}
#updateTable .delete_name {
font-size: 15px;
}
.page_Area4 {
float: left;
text-align: center;
width: 100%;
}
.page_Area4 img {
display:inline-block;
max-width: 100%;
}
.page_Area3 img {
max-width: 100%;
text-align: center;
}
.buton_new_left #button2 {
float: right;
}
#directurl{
background: rgb(249, 249, 249) none repeat scroll 0 0;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
display: inline-block;
margin-top: 10px;
padding: 25px 12px;
width: 100%;float: left;
}
#directurl #fname span {
float: left;
}
/*------------- download.php file css ---------------------*/
.uploader_main .uploader .biz_form .form_left .form-group {
float: left;
width: 100%;
margin-bottom: 0px !important;
}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date {
padding: 9px 0;
width: 100%;
float: left;
font-size: 16px;
font-weight: 400;
color: #2EACC1;
}
.uploader_main .uploader .biz_form .form_left .form-group hr{
width: 100%;
float: left;
margin-top: 0;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views {
display: flex;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li {
position: relative;padding: 0;width: 19%;float: left;padding-left: 10px;font-size: 14px;text-align: left;font-weight: 400;
color: #909090;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:first-child {
width: 11%;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(2) {
width: 65%;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(3) {width: 6%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li img {vertical-align: middle;height: auto;object-fit: unset;top: 50% !important;max-height: 100%;width: auto;margin: auto;max-width: 100%;left: 50% !important;transform: translate(-50%, -50%);position: absolute !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a .normals_img {
position: absolute;
top: -15px;
right: 0;
font-size: 0 !important;
background: transparent url(/img/360-degrees.svg) !important;
background-size: cover !important;
background-position: center !important;
width: 20px !important;
height: 20px !important;
padding: 0px !important;
}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li a .normal_img {
background: transparent url(/img/document.svg) !important;
background-size: cover !important;
background-position: center !important;
transform: scale(0.7);
top: -19px;
width: 20px !important;
height: 20px !important;
padding: 0px !important;
position: absolute;
right: 0;
font-size: 0px;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a .normal_img {
background: transparent url(/img/document.svg) !important;
background-size: cover !important;
background-position: center !important;
transform: scale(0.7);
top: -19px;
width: 20px !important;
height: 20px !important;
padding: 0px !important;
position: absolute;
right: 0;
font-size: 0px;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a.button.downloads_buttons{
font-size: 0 !important;
background:transparent url(/img/download.svg) !important;
background-size: cover !important;
background-position: center !important;
width: 24px !important;
height: 24px !important;padding: 0px !important;display: inline-block;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a.button.delete_buttons{
font-size: 0 !important;
background:transparent url(/img/delete.svg) !important;
background-size: cover !important;
background-position: center !important;
width: 20px !important;
height: 20px !important;padding: 0px !important;display: inline-block;
}
.uploader_main .uploader .biz_form .form_left .form-group a.all_download_buttonse,.uploader_main .uploader .biz_form .form_left #upload .form-group input.all_download_buttonse {
background: #d4822b none repeat scroll 0 0;
border: 1px solid #cd6824;
color: #ffffff;
height: 26px;
max-width: 100%;
padding: 0 10px;
font-size: 14px;
float: right;
margin-right: 50px;width: auto;border-radius: 0;margin-top: 0px;
}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date button.copy_url{
border: none;
font-size: 0;
background:transparent url(/img/link.svg);
background-size: cover;
background-position: center;
width: 20px;
height: 20px;margin-left: 15px;position: relative;top: -5px;
}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date button.copy_url.copyButton{
border: none;
font-size: 0;
background:transparent url(/img/link_copy.svg);
background-size: cover;
background-position: center;
width: 20px;
height: 20px;margin-left: 15px;position: relative;top: -5px;
}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li {
background-color: transparent !important;
border: none !important;
background-image: none !important;
height: auto;
padding: 0;
padding-left: 15px;
}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li a.button {
border: none;
}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li input.deleteKey {max-width: 60px;border: 2px solid #e6e6e6;float: none;text-align: center;margin: 10px 15px 0 0px;display: inline-block !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li .button.delete_buttons {font-size: 0 !important;background: transparent url(/img/delete.svg) !important;background-size: cover !important;background-position: center !important;width: 20px !important;height: 20px !important;padding: 0px !important;
display: inline-block;border: none !important;vertical-align: top;margin-top: 12px !important;float: none !important;}
@media only screen and (min-width: 1050px) and (max-width: 1276px){
#urlkey .uplod_input {
max-width: 100% !important;
width: 49% !important;
}
}
@media only screen and (min-width: 800px) and (max-width: 1050px){
#urlkey .uplod_input {
max-width: 100% !important;
width: 40% !important;
}
}
@media only screen and (min-width: 950px) and (max-width: 1275px){
table#updateTable .delete_key {
max-width: 100%;
width: 9%;
}
.delete_name {
float: left;
margin: 2px;
}
.delete_name {
float: left;
font-weight: normal;
margin-left: 13px;
}
#updateTable {
max-width: 100%;
width: 100%;
}
.updateTable #urlkey .uplod_input {
width: 31% !important;
}
#updateTable .button {
margin-right: -20px;
}
}
@media only screen and (min-width: 950px) and (max-width: 1200px){
.form_field li input {
float: left;
margin-bottom: 10px;
margin-left: 5px;
max-width: 41%;
width: 58%;
}
.form_field li label {
float: left;
font-size: 14px;
width: 47%;
}}
@media only screen and (min-width: 768px) and (max-width: 950px){
#upload .doenloadtable .button {
max-width: 100%;
width: 68%;
}
.form_left .heading_biz {
font-size: 12px;
}
.form_left.form_field ul {
padding: 10px;
}
.form_field li input {
float: left;
margin-bottom: 10px;
margin-left: 5px;
max-width: 41%;
width: 58%;
}
.form_field li label {
float: left;
font-size: 14px;
width: 47%;
}
}
@media only screen and (max-width: 1016px){
.menu ul li {
margin-right: 8px;
}
.menu ul li a{
font-size:15px;
color: #000000;
}
}
@media only screen and (min-width: 768px) and (max-width: 950px){
.header .logo {
float: left;
margin-right:0px;
}
}
@media only screen and (min-width: 767px) and (max-width: 950px){
.uploader .form_left #upload tr td {
margin-left: 5px;
width: 49%;
}
.uploader .form_left #upload tr td.lable {
width: 41%;
}
#upload .button {
max-width: 68% !important;
}
.page_Area2 {
height: auto;
}
.menu ul li {
margin-right: 14px;
}
.menu ul li a{
font-size:13px;
}
.footer_menu ul li a {
font-size: 13px;
}
.footer_menu ul li {
margin-right: 10px;}
}
@media only screen and (max-width: 820px){
.header .container .row {display:flex;}
.header .container .row .col-md-3.col-sm-3 {
float: none;
width: auto;
order: 2;
text-align: center;
}
.header .container .row .col-md-9.col-sm-9 {
float: none;
width: 34%;
}
.menu ul li .english{
font-size: 15px;
color: #000000;
top: 0;
}
.menu ul li .japan{ font-size: 15px;
color: #000000;}
.row .rspadding_none {
padding-left: 0px;
padding-right: 0px;
}
.header {
margin-top: 0px;}
.logo {
/* margin-top: 22px; */
}
.menu ul li a{padding: 5px 10px 3px;}
.page_Area4 img {
float: left;
width: 100%;
}
.menu ul li .chinese, .menu ul li .english, .menu ul li .japan, .menu ul li .korean, .menu ul li .french, .menu ul li .italian, .menu ul li .hindi, .menu ul li .mongolian {
top: 0px;
}
.page_Area3 {
/*border-top: 1px solid #cccccc;*/
}
.uploader_main{
/* border-left: 1px solid #cccccc;*/
}
.uploader{
border-right:none;
}
#menu > ul {
float: left;
margin-left: -16px;
margin-right: -10px;
text-align: left;
}
#menu li {
border-bottom: 1px solid #a9a8a8;
}
.menu {
margin-top: 29px;
}
.logo {
float: right;
}
/* Important styles */
#toggle {
display: block;
width: 28px;
height: 30px;
/* margin: 30px auto 10px;*/
}
#toggle span:after,
#toggle span:before {
content: "";
position: absolute;
left: 0;
top: -9px;
}
#toggle span:after{
top: 9px;
}
#toggle span {
position: relative;
display: block;
}
#toggle span,
#toggle span:after,
#toggle span:before {
width: 100%;
height: 5px;
background-color: #888;
transition: all 0.3s;
backface-visibility: hidden;
border-radius: 2px;
}
/* on activation */
#toggle.on span {
background-color: transparent;
}
#toggle.on span:before {
transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
transform: rotate(-45deg) translate(7px, -8px);
}
#menu{display:none;}
#toggle.on + #menu {
background-color: rgba(255, 255, 255, 0.8);
display: block !important;
opacity: 1;
position: absolute;
visibility: visible;
width: 100%;
z-index: 99999;
}
/* menu appearance*/
#menu {
position: relative;
color: #999;
width: 140px;
padding: 10px;
margin: auto;
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
text-align: center;
border-radius: 4px;
/* background: white;*/
/* box-shadow: 0 1px 8px rgba(0,0,0,0.05);*/
/* just for this demo */
opacity: 0;
visibility: hidden;
transition: opacity .4s;
}
#menu li {
float: left;
margin-left: 30px;
max-width: 84%;
width: 100%;
}
#menu:after {
position: absolute;
top: -15px;
left: 95px;
content: "";
display: block;
/* border-left: 15px solid transparent;
border-right: 15px solid transparent;*/
border-bottom: 20px solid white;
}
ul, li, li a {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
li a {
padding: 8px 10px 0;
color: #888;
text-decoration: none;
transition: all .2s;
}
li a:hover,
li a:focus {
/*background: #1ABC9C !important;
color: #fff;*/
}
/* demo styles */
body { /*margin-top: 3em;*/ /*background: #eee; color: #555;*/ /*font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif;*/ }
p, p a { font-size: 12px;text-align: center; color: #888; }
.image_view .img-size-showing {
padding: 13px !important;
}
.image_view .img-size-showing iframe {
width: 100%;
height: 500px;
}
.expery_day{
display: table !important;
margin-top: 20px !important;
}
.expery_day table.header-table{
width: 100% !important;
margin: auto !important;table-layout: auto !important;
}
.expery_day .show_expery_day_date{
width: 40% !important;
margin: auto !important;
float: none !important;
margin-top: 10px !important;
}
.expery_day table.header-table tr td input.expriyDay{
font-size: 11px !important;
padding: 0 0px !important;height: 25px !important;
}
.expery_day table.header-table{border-spacing: 2px 0 !important;}
.uploader .form_left #upload tr.down_center{
padding-right: 20px;
}
.uploader .form_left #upload tr.down_center input.button {
width: 100%;height: 35px;border-radius: 0;
}
.uploader .form_left #upload tr.down_center td.imageViews a {
width: 100%;
text-align: center;
}
.footer_menu ul{width: 100%;}
.footer_menu ul li{
margin-right: 0px;
width: 33.3%;
}
.footer_menu ul li a {
padding: 0;font-size: 13px;
}
.page_Area2 {
padding-bottom: 20px;
padding-top: 20px;
}
.uploader {
padding-top:10px; padding-bottom:10px;
}
.page_Area3 {
padding-bottom: 10px;
padding-top: 25px;
}
.page_Area4{
padding-top:10px;
padding-bottom:10px;
}
.header {
height: 72px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1193px){
.form_left input {
border: 1px solid #000000;
width: 82%;
}
.form_left textarea {
border: 1px solid #000000;
max-width: 90%;
width: 82%;
}
.col-xs-9 {width: 100%; padding: 0px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px){
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(3) {width: 8%;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li:nth-child(2) {
width: 60%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{width: 30%;}
}
@media only screen and (min-width: 768px) and (max-width: 1030px){
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(3) {width: 8%;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li:nth-child(2) {
width: 60%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{width: 30%;}
}
@media only screen and (min-width: 767px)and (max-width: 988px){
.respo_ipad td {
float: left;
width: 47% !important;
}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (min-width: 767px)and (max-width: 804px){
#upload.delete_key label { max-width: 103px;}
.delete_name {
float: left;
padding-left:0px;
}
table#updateTable .delete_key > input {
float: right;
margin-right: 5px;
width: 100%;
}
.delete_key input {
max-width: 40px;
}
.deleate_out .uplod_input {
float: left;
max-width: 62%;
width: 100%;
}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (max-width: 768px){
.page_Area2 img {
max-width: 100%;
}
.logo {
float: right;
/* margin-right: 55px; */
}
.page_Area2 .text-center {
line-height: 50px;
}
.page_Area2 {
height: auto;
}
.doenloadtable tr td input#password{width: 100%;}
.form_field form.delete_key label.la_delete {
width: auto;
}
#menu li:last-child{ border-bottom:none; }
/* .uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views{display: block;} */
.logo{margin-right: 55px;}
.logo {width: 48%;display: block;float: none !important;margin: auto;margin-top: 10px;}
.menu {margin-top: 20px;}
}
@media only screen and (min-width: 679px) and (max-width: 768px){
a.logo img {max-width: 60%;}
}
@media only screen and (max-width: 767px){
.header .container .row {display:block;}
.header .container .row .col-md-3.col-sm-3 {
float: none;
width: auto;
order: 2;
text-align: center;
}
.header .container .row .col-md-9.col-sm-9 {
float: none;
width: auto;
}
.page_Area2.sticky{position:static; top:0;}
.uploader .form_left #upload .doenloadtable tr td{padding: 0 !important;}
}
@media only screen and (max-width: 615px){
.form_left label {
text-align: left !important;
}
.form_field .plush_icon {
background: rgba(0, 0, 0, 0) url("../images/plush_icon.png") no-repeat scroll right 15px center;
}
.form_field .zip_icon {
background: rgba(0, 0, 0, 0) url("../images/zip.png") no-repeat scroll right 15px center;
}
.form_left.form_field li {
padding-top: 10px;
}
.form_field li input {
max-width: 74%;
width: 100%;
}
.form_left label {
text-align: center;
}
.form_field li label {
float: left;
width: 100%;
}
}
@media only screen and (max-width: 767px){
.col-xs-9 {
width: 100% !important; padding: 0px !important;}
.col-xs-3 {
width: 100% !important;
}
.col-xs-6{
width: 100% !important;
}
.logo > img {
float: left;
max-width: 82%;
width: 100%;
margin-left:32px;
}
.menu ul li .chinese,.menu ul li .english,.menu ul li .japan,.menu ul li .korean,.menu ul li .french,.menu ul li .italian,.menu ul li .hindi,.menu ul li .mongolian {top: 0px;}
.uploader .form_left #upload tr.respo_ipad td{text-align: center !important;}
.downloadfile form#upload table tr.respo_ipad td input{float: none;width: 50% !important;}
.downloadfile form#upload table tr td select,.downloadfile form#upload table tr td textarea,.downloadfile form#upload table tr td input{width: 89% !important;}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (min-width: 480px) and (max-width: 678px){
#urlkey .uplod_input {max-width: 100% !important;width: 43% !important;}
.buton_new_left #button2 { float:none !important}
#upload ul li canvas{left: 3px;}
ul.downlod_image_views {float: left;width: 100%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:first-child {position: relative !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{padding: 0px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a .normals_img{right: -6px !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(2) {width: 60%;overflow: hidden;padding-left: 10px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(3) {width: 6%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{width: 25%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li input.deleteKey{margin: 10px 10px 0 0px;font-size: 10px;height: 25px;}
.logo{margin-right: 55px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a.button.downloads_buttons{margin-right: 0;top: -4px;position: relative;}
.logo {width: 48%;display: block;float: none !important;margin: auto;margin-top: 10px;}
a.logo img {max-width: 48%;}
.menu {margin-top: 20px;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li{padding: 0px;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li:nth-child(2) {padding-left: 10px;}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (max-width: 672px){
.uploader .form_left #upload tr td.lable {
text-align: left;
width:100%;
}
.uploader .form_left #upload tr td {
float: left;
text-align: left;
width: 100%;
}
.uploader .form_left #upload .doenloadtable tr td{padding: 0 !important;}
#upload .button {
max-width: 100%;
width:33%
}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (max-width: 480px){
#upload ul li p {
left: 54px;font-size: 12px;top: 15px;
}
#upload ul li canvas{left: 3px;}
#urlkey .uplod_input {
max-width: 100% !important;
width: 45% !important;
}
#upload.delete_key .button{ float:none;}
#upload .button {
float: left;
}
.uploader .form_left #upload tr td {
margin-left: 3px;
}
.form_left .heading_biz {
font-size: 14px;}
/*.plush_icon, .zip_icon {
padding-bottom: 37px;
}*/
.uploader .form_left #upload tr td.lable {
text-align: left;
width:100%;
}
.uploader .form_left #upload tr td {
float: left;
text-align: left;
width: 100%;
}
#upload .button {
max-width: 100%;
width: 50%;
}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (min-width: 440px) and (max-width: 480px){
#urlkey .uplod_input {
max-width: 100% !important;
width: 38% !important;
}
#upload ul li canvas{left: 3px;}
}
@media only screen and (min-width: 412px) and (max-width: 480px){
ul.downlod_image_views {float: left;width: 100%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:first-child {position: relative !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a .normals_img{right: -6px !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(2) {width: 60%;white-space: normal;word-break: break-all;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(3) {width: 11%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{width: 33%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li input.deleteKey{margin: 12px 15px 0 0px !important;font-size: 10px;}
.logo{margin-right: 55px;}
.menu{margin-top: 15px;}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date{font-size: 13px !important;}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date button.copy_url{transform: scale(0.8);margin-left: 5px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{font-size: 11px;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li{padding: 0px;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li:nth-child(2) {padding-left: 10px;}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (max-width: 440px){
.delete_name {
float: left;
padding-left:0px;
}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date{
font-size: 10px;
}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date button.copy_url{transform: scale(0.8);margin-left: 5px;}
table#updateTable .delete_key > input {
float: right;
margin-right: 5px;
width: 100%;
}
.delete_key input {
max-width: 40px;
}
#upload ul li canvas{left: 3px;}
.deleate_out .uplod_input {
float: left;
max-width: 62%;
width: 100%;
}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (max-width: 411px){
.border {
margin: 0 14px;}
.form_left .heading_biz {
font-size: 10px;
}
.menu{margin-top: 15px;}
.form_left .la_delete {
text-align: right;
width: 71px;}
#upload ul li canvas{left: 3px;}
.delete_name {float: left;padding-left:0px;}
table#updateTable .delete_key > input {
float: right;
margin-right: 5px;
width: 100%;
}
.delete_key input {
max-width: 71px;
}
.deleate_out .uplod_input {
float: left;
max-width: 62%;
width: 100%;
}
ul.downlod_image_views {float: left;width: 100%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{font-size: 11px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:first-child {position: relative !important;height: 40px !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{padding: 0px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a .normals_img{right: -6px !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(2) {width: 60%;white-space: normal;word-break: break-word;padding-left: 10px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li:nth-child(3) {width: 9%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li{width: 30%;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li input.deleteKey{margin: 10px 10px 0 0px !important;font-size: 10px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a.button.downloads_buttons,.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li .button.delete_buttons{width: 15px !important;height: 15px !important;}
.logo{margin-right: 55px;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li input.deleteKey{max-width: 50px;}
.uploader_main .uploader .biz_form .form_left .form-group lable.expired_date{font-size: 13px !important;}
.uploader_main .uploader .biz_form .form_left .form-group ul.downlod_image_views li a.button.downloads_buttons{margin-right: 0;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li{padding: 0px;}
.uploader_main .uploader .biz_form .form_left #upload .form-group ul.downlod_image_views li:nth-child(2) {padding-left: 10px;}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}
@media only screen and (max-width: 360px){
.logo {
float: left;
margin-left: 44px;
margin-right:0px;
}
#upload ul li canvas{left: 3px;}
#upload .button {
height: 29px;
max-width: 100%;
width: 71%;
}
.menu{margin-top: 15px;}
.menu ul li .english{font-size: 0px;}
.menu ul li .japan{font-size: 0px;}
}