/* ------------------------------------------------------------------------------------------------------------ Theme Name: Eptonic-en Theme URI: http://themeforest.net/user/wpscientist Description: Eptonic WordPress theme Author: WPScientist Author URI: http://themeforest.net/user/wpscientist Version: 1.4.3 Template: eptonic-v1.4.3 ------------------------------------------------------------------------------------------------------------ */ @charset "utf-8"; /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ /* * Author: Kim So Young (soyoung-kim@rsupport.com) * Copyright ⓒ RSUPPORT Co., Ltd. ALL RIGHTS RESERVED. * Last modified 2015.11 */ @charset"utf-8"; html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } ul { list-style:none; } blockquote, q { quotes:none;} blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color: #666; outline: none; } a:hover { text-decoration: none; } ins { background-color:#ff9; color:#000; text-decoration:none;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } textarea { resize: vertical; } em { font-style: normal; } body { margin: 0; font-family: 'Roboto', sans-serif; font-weight: 300; font-size:13px; line-height:22px; color: #666666; overflow-y: scroll; *overflow-y: visible; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* ---------------------------------------------------------------------------- google_conversion_frame hide ---------------------------------------------------------------------------- */ iframe[title*="Google conversion frame" i]{ position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; line-height:1px; overflow:hidden; } /* ---------------------------------------------------------------------------- Float & Clear ---------------------------------------------------------------------------- */ .fleft { float:left; } .fright { float:right; } .clear { clear:both; } .col-clear:after{ content: "."; display: block;height: 0;clear: both; visibility: hidden; } .col-clear{ *zoom:1; } *:first-child+html .clear { min-height: 1px; } .wrap940 { margin: 0 auto; } .wrap1024 { margin: 0 auto; width: 1024px; } hr.clear { content: ""; display: none; *display: block; clear: both; height: 0 !important; color: white; } /* ---------------------------------------------------------------------------- Blog ---------------------------------------------------------------------------- */ .post-entry .post-title a { font-weight: 400; font-size:18px; text-decoration: none; } .post-entry a img.wrapped.wp-post-image { margin-bottom: 10px; } #about-the-author img{ float:left; margin-right:15px; } #about-the-author div { overflow:hidden; } /* ---------------------------------------------------------------------------- Testimonials ---------------------------------------------------------------------------- */ ul.testimonials { margin:0; padding:0; background:transparent url("images/quote.png") 0 0 no-repeat; } ul.testimonials blockquote { padding-left:60; background-image:none; } ul.testimonials li { list-style-type:none; margin:0; padding:0; } /* ---------------------------------------------------------------------------- Comments ---------------------------------------------------------------------------- */ #comments ul { list-style-type:none; margin:0; padding:0; } #comments ul li { padding:0; margin:0; margin-bottom:40px; } #comments ul li .comment-author-avatar, #comments .author_gravatar { float:left; margin-right:10px; } #comments ul li .comment-main { overflow:hidden; } #comments ul li li { margin-top:40px; padding-left:70px; } /* ---------------------------------------------------------------------------- Portfolio ---------------------------------------------------------------------------- */ .portfolio-popup { } .portfolio-popup ul { margin:0; padding:0; list-style-type:none; } .portfolio-popup ul li{ display:block; float:left; width:240px; padding:20px; margin:0 20px; position:relative; } .portfolio-popup ul li img { display:block; padding: 4px; background-color: #ffffff; border: 1px solid #E6E6DA; } .portfolio-popup-info { position:absolute; background:#fff; top:0; left:0; right:0; bottom:0; border:1px solid #cecec3; padding:15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); zoom:1; opacity:0; z-index:500; } .portfolio-popup-info span { display:block; } .portfolio-popup-info-title, .portfolio-popup-info-description { margin-bottom:10px; } .portfolio-popup-info-title a{ font-size:14px; text-decoration:none; color:#545454; } .portfolio-popup-info-actions { position:absolute; bottom:0; right:0; } .portfolio-popup-info-actions a { text-transform:uppercase; text-decoration:none; padding:0 5px; line-height:20px; font-size:11px; font-weight:bold; } .portfolio-popup-info-actions a.portfolio-popup-info-more { background:#434343; color:white; display:inline-block; } .portfolio-listing { margin:0; padding:0; list-style-type:none; overflow:hidden; *z-index: 1; } .portfolio-listing li { padding:0; margin-top:40px; position:relative; height: 245px; } .portfolio-listing .portfolio-title { display:block; margin-top:10px; } .portfolio-listing .portfolio-title a { color:#545454; font-weight:bold; display:block; font-style:normal; } .portfolio2-listing { margin:0; padding:0; list-style-type:none; overflow:hidden; } .portfolio2-listing li { padding:0; margin-top:40px; position:relative; height: 245px; } .portfolio2-listing .portfolio2-title { display:block; margin-top:10px; } .portfolio2-listing .portfolio2-title a { color:#545454; font-weight:bold; display:block; font-style:normal; } #portfolio-filter.type-buttons { border-bottom:0; margin-bottom:0px; } #portfolio-filter ul li.active a { font-weight:bold; } #portfolio-filter ul li#portfolio-filter-info { margin-left:20px; color:#9b9b9b; } a.lightbox-image, a.lightbox-video, a.lightbox-none { display: block; position: relative; background: #000; } a.lightbox-image:hover img, a.lightbox-video:hover img, a.lightbox-none:hover img { opacity: 1; } .overlay-inner { position:absolute; bottom:0; right:0; width:20px; height:20px; } .lightbox-image .overlay-inner { background:transparent url("images/lightbox-image.png") no-repeat; } .lightbox-video .overlay-inner { background:transparent url("images/lightbox-video.png") no-repeat; } /* ---------------------------------------------------------------------------- Columns ---------------------------------------------------------------------------- */ /*.two-third { width:630px; }*/ .two-third { width: 681px; } .one-half { width:465px; } .one-third { width:300px; } .one-fourth { width:217px; } /*.three-fourth { width:712px; }*/ /*.two-third, .one-half, .one-third, .one-fourth, .three-fourth { display:block; float:left; margin-right:30px; }*/ .two-third, .one-half, .one-third, .one-fourth, .three-fourth { display: block; float: left; position: relative; } .two-third.last, .one-half.last, .two-third.last, .one-third.last, .two-third.last, .one-fourth.last, .two-third.last, .three-fourth.last { margin-right:0px; } /* ---------------------------------------------------------------------------- Widgets ---------------------------------------------------------------------------- */ h6.widget-title { margin-bottom:10px; } #footer h6.widget-title { font-weight:normal; } .jw-slider-posts ul, .jw-slider-posts li { list-style-type:none; margin:0; padding:0; } .jw-slider-posts .previous, .jw-slider-posts .next { display:inline-block; margin-left: 13px; height:10px; width:10px; background:transparent url("images/slider-posts-prev.png") no-repeat; } .jw-slider-posts .next { background:transparent url("images/slider-posts-next.png") no-repeat; } .posts-listing, .posts-listing li { margin:0; padding:0; list-style-type:none; } .posts-listing li { margin-bottom:12px; } .posts-listing li a:hover img { background:#4d4d4d; border-color:#4d4d4d; } .posts-listing li a { color:#545454; } .posts-listing .posts-listing-thumb { float:left; margin-right:13px; } .posts-listing div { overflow:hidden; } .posts-listing small { display:block; } .widget.widget_nav_menu ul { margin: 0; padding: 0; list-style-type: none; } .widget.widget_nav_menu li { margin: 0 0 15px 0; padding: 0; } .widget.widget_nav_menu a { border: 1px solid #F2F2F2; border-radius: 5px; padding: 7px 12px; color: #545454; text-decoration: none; background-color: #ffffff; } .widget.widget_nav_menu a:hover { border: 1px solid #2BABB6; background-color: #2BABB6; color: #ffffff; } .widget.widget_tag_cloud a { border: 1px solid #F2F2F2; border-radius: 5px; padding: 2px 5px; color: #545454; text-decoration: none; background-color: #ffffff; display: inline-block; margin-bottom: 3px; } .widget.widget_tag_cloud a { font-size: 11px !important; } .widget.widget_tag_cloud a:hover { border: 1px solid #2BABB6; background-color: #2BABB6; color: #ffffff; } .widget.widget_search fieldset, .widget.widget_search p { float: left; margin: 0; } .widget.widget_search input { border: 1px solid #F2F2F2; border-radius: 5px; padding: 10px 12px; color: #545454; text-decoration: none; background-color: #ffffff; display: inline-block; margin-bottom: 3px; width: 160px; } .widget.widget_search input:focus { border: 1px solid #2BABB6; } .widget.jw-contact-form button.submit, .widget.widget_search button { border: 1px solid #F2F2F2; border-radius: 5px; width: 75px; padding: 0; height: 36px; text-align: center; color: #545454; text-decoration: none; background: none #ffffff; display: inline-block; margin-bottom: 3px; margin-left: 10px; line-height: 36px; } .widget.jw-contact-form button.submit:hover, .widget.widget_search button:hover { border: 1px solid #2BABB6; background-color: #2BABB6; color: #ffffff; } .widget.jw-contact-form input, .widget.jw-contact-form textarea { border: 1px solid #F2F2F2; border-radius: 5px; padding: 10px 12px; color: #545454; text-decoration: none; background-color: #ffffff; display: inline-block; margin-bottom: 3px; width: 160px; } .widget.jw-contact-form textarea { width: 250px; } .widget.jw-contact-form input:focus, .widget.jw-contact-form textarea:focus { border: 1px solid #2BABB6; } .widget.jw-contact-form form p { margin-bottom: 5px; } .widget.jw-contact-form form p button { margin: 0 !important; } .widget.jw-contact-form textarea { height: 100px; } #footer .widget.jw-contact-form textarea { height: 75px; } .widget.widget_archive ul { margin: 0; } .widget.widget_text p { margin: 0; } /* ---------------------------------------------------------------------------- Notifications ---------------------------------------------------------------------------- */ .notification { padding:15px 10px; background:#fdfadc; border:1px solid #eeeabe; color:#a19c6b; } .information { padding:15px 10px; background:#deeef7; border:1px solid #c6dce8; color:#829caa; } .error { padding:15px 10px; background:#fde0e0; border:1px solid #ffcece; color:#bc8585; } /* ---------------------------------------------------------------------------- Tabs ---------------------------------------------------------------------------- */ .tabs-container .tabs-nav { list-style-type: none; margin: 0; padding: 0; } .tabs-container .tabs-nav li { display: block; float: left; margin-right: 15px; } .tabs-container .tabs-nav li a { display: block; background: #f2f2f2; padding: 15px 20px; line-height: 14px; font-size: 14px; color: #8b8b8b; } .tabs-container .tabs-nav li.active a { color: #f2f2f2; background: #8b8b8b; } .tabs-container .tabs-nav li a:hover { text-decoration: none; color: #f2f2f2; background: #8b8b8b; } .tabs-container .tabs-nav-bellow { height: 5px; background: #e0e0e0; margin-bottom: 15px; } .jw-popular-recent-comments .tabs-nav { margin-bottom: 10px; } .jw-popular-recent-comments .tabs-nav li a { padding: 7px 10px; font-size: 12px; line-height: 12px; } /* ---------------------------------------------------------------------------- Twitter ---------------------------------------------------------------------------- */ .twitterfeed ul, .twitterfeed li { list-style-type:none; margin:0; padding:0; } .twitterfeed ul li { margin-bottom:15px; } .twitterfeed.big ul, .twitterfeed.big li { margin:0; } div.twitterfeed.big { padding:15px; padding-left: 70px; background: url(images/icon-twitter-grey.png) no-repeat 0 center transparent; font-size:14px; text-align: center; } /* ---------------------------------------------------------------------------- Toggle ---------------------------------------------------------------------------- */ .toggle-container .toggle-title { position:relative; display:block; background:#f2f2f2; padding:15px 20px; line-height:14px; font-size:14px; color:#8b8b8b; margin-bottom:15px; } .toggle-container .toggle-title .toggle-action { display:block; position:absolute; top:15px; right:20px; width:23px; height:15px; background: transparent url("images/toggle-off.png") center center no-repeat; } .toggle-container.collapsed .toggle-title .toggle-action { background-image:url("images/toggle-on.png"); } /* ---------------------------------------------------------------------------- Service ---------------------------------------------------------------------------- */ .service h6 { padding-left:50px; line-height:32px; margin-bottom:10px; } .service { background: transparent url("images/icons/books_01.png") top left no-repeat; } /* ---------------------------------------------------------------------------- FAQ ---------------------------------------------------------------------------- */ .wp-super-faq-answer { margin-bottom: 25px; } /* ---------------------------------------------------------------------------- Header ---------------------------------------------------------------------------- */ header { position: relative; min-width: 1222px; height: 89px; border-top: 2px solid #ee2e24; z-index: 50; } header .header-wrap { position: relative; margin: 0 auto; width: 940px; z-index: 50; } header #logo { display: block; float: left; margin-top: 29px; width: 150px; height: 34px; } header #logo img { display: block; width: 150px; height: 34px; } #nav-menu { display: inline-block; position: relative; *float: left; margin-left: 26px; } #nav-menu .menu-top-menu-container { height: 89px; } #menu-top-menu { display: inline-block; } #menu-top-menu:after { display: block; height: 0; content: ''; visibility: hidden; clear: both; } *:first-child+html #menu-top-menu { min-height: 1px; } #menu-top-menu .menu-item { position: relative; float: left; cursor: pointer; } #menu-top-menu .menu-item a { display: block; margin: 40px 14px 33px 0; padding: 0 16px 0 0; font-size: 16px; font-family: "varela round", sans-serif; color: #000000; line-height: 16px; } #menu-top-menu .menu-item:hover a { color: #ff0000; } #menu-top-menu .menu-item.products a, #menu-top-menu .menu-item.support a { margin-right: 34px; background: url('/en/files/2015/03/icon-arrow.png') no-repeat right 7px; } /* products menu */ #menu-top-menu .menu-item.products:hover a { background-position: right -18px; } /* support menu */ #menu-top-menu .menu-item.support a { background-position: right -48px; } #menu-top-menu .menu-item.support:hover a { background-position: right -79px; } /* buy menu */ #menu-top-menu .menu-item.buy { padding: 36px 0 30px 0; } #menu-top-menu .menu-item.buy a { margin: 0 14px; padding: 4px 28px; border-radius: 15px; background: #ee2e24; color: #ffffff; } /* sub menu */ #menu-top-menu .menu-item .sub-menu { position: absolute; margin-left: -12px; padding: 6px 18px 4px 12px; background: #ee2e24; visibility: hidden; opacity: 0; transition: opacity .2s linear; -webkit-transition: opacity .2s linear; } #menu-top-menu .menu-item:hover .sub-menu { visibility: visible; opacity: 1; } #menu-top-menu .menu-item .sub-menu li { float: none; margin: 0; padding: 6px 0; width: auto; } #menu-top-menu .menu-item .sub-menu li a { margin: 0; padding: 0; width: auto; background: none; font-size: 13px; line-height: 13px; text-indent: 0; color: #ffffff; } #menu-top-menu .menu-item .sub-menu li a:hover { text-decoration: underline; } #new { display: none; position: absolute; width: 21px; height: 21px; background: url('/en/files/2013/09/new.png') no-repeat 0 0; top: 27px; right: -11px; text-indent: -9999px; } .promotionEvent #new { display: block; } #tagline { *padding-top: 16px; } #tagline .wrap940 { border-bottom:1px dashed #e9e9e9; padding-bottom:10px; } #tagline h2 { margin-top: 19px; } #tagline h2, #tagline h1 { color:#444; font-size:24px; font-weight:normal; line-height:30px; margin-bottom: 0; } #breadcrumb { width:940px; margin:0 auto; padding:18px 0; border-bottom:1px dashed #e9e9e9; line-height:12px; color:#c9c9c9; } #breadcrumb ul, #breadcrumb li { margin:0; padding:0; } #breadcrumb ul li { float:left; display:block; margin-right:12px; } #breadcrumb a { color:#a7a7a7; } #breadcrumb a:hover { color:#2babb6; text-decoration:none; } #main .wrap940 { position: relative; } #wide #main .wrap940 { position: relative; margin: 0 auto; width: 100%; } .page #main .wrap940 { position: relative; margin: 0 auto; width: 1024px; } /* top button */ #btn-top { display: none; position: fixed; margin: 0 0 0 939px; padding: 0; border: 0; width: 30px; height: 43px; background: url('/en/files/2013/08/btn-top.png') no-repeat 0 0; text-indent: 0; font-size: 0; line-height: 0; bottom: 190px; cursor: pointer; z-index: 30; } #wide #btn-top { margin: 0 0 0 981px; } /* ---------------------------------------------------------------------------- Footer ---------------------------------------------------------------------------- */ #wide footer { padding-top: 20px; background: #f0f0f0; font-size: 12px; } .page footer, .single footer { min-width: 1222px; background: #ffffff; font-size: 12px; } #wide footer #footer-inner { width: 1024px; z-index: 10; } .page footer #footer-inner, .single footer #footer-inner { position: relative; margin: 0 auto; width: 940px; z-index: 10; } footer .one-third { float: none; width: 100%; margin: 0; } #wide footer #lately-post { left: 44px; } .page footer #lately-post, .single footer #lately-post { position: absolute; z-index: 10; top: 15px; left: 20px; } .page footer #lately-post a.move, .single footer #lately-post a.move { display: inline-block; margin-left: 20px; } .page footer #lately-post h3, .single footer #lately-post h3 { width: 35px; } .page footer #lately-post p.fleft, .single footer #lately-post p.fleft { width: 335px; word-break: break-all; } #wide footer .primary-wrap { width: 1022px; } .page footer .primary-wrap, .single footer .primary-wrap { min-height: 256px; margin: 0 auto 15px auto; width: 938px; border: 1px solid #e4e4e4; background: #ffffff;} #wide footer .sitemap-wrap { width: 736px; } .page footer .sitemap-wrap, .single footer .sitemap-wrap { width: 696px; border-right: 1px solid #e4e4e4; background: #fafafa; } #wide footer .sitemap-wrap #notice { padding: 15px 0 15px 45px; } .page footer .sitemap-wrap #notice, .single footer .sitemap-wrap #notice { padding: 15px 0 15px 20px; border-bottom: 1px solid #e4e4e4; } footer .sitemap-wrap #notice a { margin-left: 15px; } #wide footer .sitemap-wrap #notice #need-help { width: 281px; } .page footer .sitemap-wrap #notice #need-help, .single footer .sitemap-wrap #notice #need-help { padding-left: 15px; width: 270px; border-left: 1px solid #eaeaea; } .page footer .sitemap-wrap #notice #need-help h3, .single footer .sitemap-wrap #notice #need-help h3, .page footer .sitemap-wrap #notice #need-help p, .single footer .sitemap-wrap #notice #need-help p { display: inline-block; } #wide footer #sitemap ul.parents-wrap { padding: 30px 0 30px 20px; } .page footer #sitemap ul.parents-wrap, .single footer #sitemap ul.parents-wrap { padding: 30px 0; vertical-align: top; } #wide footer #sitemap ul.parents-wrap li.parents { padding: 0 20px; } .page footer #sitemap ul.parents-wrap li.parents, .single footer #sitemap ul.parents-wrap li.parents { float: left; padding: 0 18px; min-width: 100px; min-height: 187px; border-right: 1px solid #eaeaea; } footer #sitemap ul.parents-wrap li.parents a { display: block; text-decoration: none; color: #232323; } footer #sitemap ul.parents-wrap li#promotion { border-right: none; } footer #sitemap ul.parents-wrap ul.children { margin-top: 15px; } footer #sitemap ul.parents-wrap ul.children li { line-height: 22px; } footer #sitemap ul.parents-wrap ul.children li a { color: #666666; text-decoration: none; font-size: 12px; } footer #sitemap ul.parents-wrap li.parents a:hover, footer #sitemap ul.parents-wrap ul.children li:hover { background: url('/en/files/2013/06/btn-bannerarrow.gif') no-repeat right center; text-decoration: underline; } footer #sitemap ul.parents-wrap li.parents a:hover, footer #sitemap ul.parents-wrap ul.children li:hover a { color: #ff3333; } #wide footer .guide-wrap { width: 282px; } .page footer .guide-wrap, .single footer .guide-wrap { width: 238px; *width: 238px; } footer .guide-wrap h3 { margin: 0 20px; padding: 15px 0; border-bottom: 1px solid #eaeaea; color: #000000; } footer .guide-wrap ul#file-download { margin: 24px 20px 0 20px; } footer .guide-wrap ul#file-download li { margin-bottom: 4px; padding-left: 20px; *height: 1%; line-height: 16px; background: url('/en/files/2013/09/icon-files.png') no-repeat left 0; } footer .guide-wrap ul#file-download li.img { background-position: left -32px; } footer .guide-wrap ul#file-download li a { display: block; } footer .guide-wrap ul#file-download li a:hover { background: url('/en/files/2013/06/btn-bannerarrow.gif') no-repeat right center; color: #ff3333; text-decoration: underline; } #wide footer .secondary-wrap { width: 1024px; } .page footer .secondary-wrap, .single footer .secondary-wrap { margin: 0 auto; width: 940px; } #wide footer #nav-family { width: 269px; } .page footer #nav-family, .single footer #nav-family { position: relative; width: 239px; height: 25px; padding: 0px 0px 0px 8px; line-height: 17px; font-size: 11px; top: 0px; right: 0; } #wide footer .family-title { width: 195px; } .page footer .family-title, .single footer .family-title { position: absolute; top: 2px; right: 102px; width: 195px; padding: 0 6px 0 10px; height: 21px; border: 1px solid #e2e2e2; border-radius: 15px; box-shadow: 0 -1px 0 1px #b5b5b5; background: #f9f9f9 url('/ko/files/2013/11/icon-list.png') no-repeat right -92px; font-size: 11px; z-index: 10; } #wide footer .family-list { width: 195px; } .page footer .family-list, .single footer .family-list { display: none; position: absolute; top: 10px; right: 102px; width: 195px; padding: 13px 6px 6px 10px; border: 1px solid #e2e2e2; border-radius: 11px; box-shadow: 0 -1px 0 1px #b5b5b5; background: #f9f9f9; font-size: 11px; } .page footer .accordian-wrap.active .family-title, .single footer .accordian-wrap.active .family-title { border-bottom: none; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .page footer .family-list.opened, .single footer .family-list.opened { display: block; } .page footer .family-list li, .single footer .family-list li { line-height: 20px; } footer .family-title a, footer .family-list a { display: block; width: 100%; color: #666; } footer .family-title a:hover, footer .family-list a:hover { text-decoration: underline; } footer #list-country { display: inline-block; position: absolute; padding-left: 10px; list-style: none outside none; right: 0; } footer #list-country li { display: inline-block; *float: left; margin-left: 5px; *margin-right: 4px; } footer #list-country li a { display: inline-block; *display: block; width: 23px; height: 26px; } footer #copyright { position: relative; margin-top: 60px; padding: 15px 0; background: #232323; text-align: center; color: #999999; top: 20px; } footer #copyright a { color: #999999; } footer #copyright .go-privacy { margin-left: 15px; padding-left: 15px; border-left: 1px solid #999999; font-weight: 900; color: #edcd5e; } footer #copyright a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------- Main ---------------------------------------------------------------------------- */ /* common */ .move { padding-right: 15px; background: url('/en/files/2013/06/btn-bannerarrow.gif') no-repeat right 6px; color: #ff3333; } .move.medium { background-position: right 5px; } .move.large { background-position: right 7px; } .move:hover { text-decoration: underline; } .page, .single { line-height: 18px; } .home.page #main { border: none; } .page #main { min-width: 1222px; border-top: 8px solid #ee2e24; } /* .sub-products #main, .sub-support #main, .single #main { border-top: 8px solid #ffffff; } */ #wide #content { background: #f0f0f0; } .page #content { z-index: 70; } .home.page #content h3 { border: none; font-weight: normal; text-indent: 0; } .page #content .title em { color: #00A950; } #page-main { margin: 0 auto; padding: 80px 42px 0 42px; width: 938px; background: #ffffff; } #page-main.feature-page-main { padding-top: 0; } #wide #content #page-main { padding-top: 0; border: 1px solid #e4e4e4; } #content .content-header { position: relative; margin-bottom: 15px; } #content .content-header .title { float: left; margin: 0 15px 0 0; font-family: 'Pontano Sans', sans-serif; font-size: 38px; line-height: 38px; color: #2f2f2f; } #content .content-header .desc { margin-bottom: 0; padding-top: 17px; height: 19px; font-size: 14px; } #content .content-container { position: relative; } #content .content-closer { margin-bottom: 0; height: 6px; background: url('images/common/bg-content-bottom.gif') no-repeat top !important; } #content.editor-post .content-closer { margin-top: 0px; } #main #content .content-container { position: static; } .link-guide { position: relative; padding: 0px 0px 7px 0px; *height: 1%; background: url('/en/files/2013/06/bg-ballon.gif') no-repeat; font-size: 12px; line-height: 16px; *z-index: 300; } .link-guide p strong { display: inline-block; padding: 22px 0px 22px 50px; background: url('/en/files/2013/06/review-icon.gif') no-repeat; font-size: 13px; font-weight: normal; } .link-guide p strong .move { padding-right: 10px; } .link-guide.simple p strong { background-position: 19px -64%; } .link-guide.detail p strong { padding: 13px 8px 22px 50px; background-position: 19px -83%; } .link-guide.lengthy p strong { padding: 5px 8px 7px 50px; background-position: 19px -56%; } .link-guide p strong.required-mark, .single-jw_portfolio .link-guide p strong.required-mark { padding: 0px; } .page-template .link-guide p .caution-txt, .single-jw_portfolio .link-guide p .caution-txt{ position: absolute; font-size: 11px; font-weight: bold; top: 22px; right: 30px; } .link-guide-end { position: absolute; display: block; width: 10px; height: 69px; top: 0px; right: 0px; padding: 0px; background: url('/en/files/2013/06/bg-ballon.gif') no-repeat right top; } .for-windows { display: inline-block; *display: inline; padding: 0 20px 0 0; height: 19px; font-size: 12px; background: url('/en/files/2013/09/icon-list.png') no-repeat right 1px; *zoom: 1; } .follow { margin-left: 18px; *width: 140px; } .follow h3 { float: left; margin-right: 9px; } .follow-list { float: left; *width: 48px; } .follow-list li { float: left; margin-right: 3px; } /* lightbox */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden;} #cboxOverlay { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; z-index: 200; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0;} #colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #000000; } #colorbox { border: 3px solid #999; border-radius: 10px; background: #ffffff; z-index: 201; outline: 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.33); } #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight { width: 76px; height: 10px; } #cboxTopCenter, #cboxBottomCenter { height: 10px; } #cboxMiddleLeft, #cboxMiddleRight { width: 76px; z-index: 202; } #cboxContent { background: #fff; overflow:hidden; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxTitle { display: none; } #cboxCurrent { display: none; } #cboxLoadingOverlay { background: #ffffff; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow { position: absolute; bottom: 0px; right: 42px; color: #444; } #cboxPrevious, #cboxNext { position: absolute; padding: 0; width: 32px; height: 72px; border: none; background: url('/en/files/2013/09/btn-slide.png') no-repeat 0 -62px; text-indent: -9999px; top: 0; right: 20px; cursor: pointer; } #cboxPrevious { background-position: 0 -134px; left: 20px; } #cboxClose { display: block; position: absolute; width: 22px; height: 18px; z-index: 203; font-size: 24px; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; top: 4px; right: 5px; color: #000000; text-decoration: none; line-height: 16px; cursor: pointer; opacity: 0.2; filter: alpha(opacity=20); } #cboxClose:hover { opacity: 0.6; filter: alpha(opacity=60); } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* button */ .button { display: block; margin-top: 5px; border-width: 1px; border-style: solid; border-radius: 5px; text-indent: 15px; transition: all .2s; -webkit-transition: all .2s; } .button a:hover { text-decoration: none; } .button.medium { height: 32px; font-size: 13px; line-height: 32px; } .button.large { height: 48px; font-size: 16px; line-height: 48px; } .button.buy-now, .button.red { border-color: #c70e0e; background: #ee2e24; color: #ffffff; } .button.buy-now:hover, .button.red:hover { border-color: #94150f; background: #a71912; text-decoration: none; } .button.download, .button.gray { border-color: #4f5152; background: #686868; color: #ffffff; } .button.download:hover, .button.gray:hover { border-color: #191a1a; background: #3b3b3b; text-decoration: none; } .button.green { border-color: #00592a; background: #009647; text-decoration: none; color: #ffffff; } .button.green:hover { border-color: #005427; background: #006b33; text-decoration: none; } .button.basic { border-color: #d3d3d3; background: #ffffff; color: #3e3e3e; } .button.basic:hover { border-color: #ffffff; background: #000000; color: #ffffff; text-decoration: none; } .button.basic.active { border-color: #d3d3d3; background: #ffffff; color: #3e3e3e; } .button.basic.active:hover { border-color: #ffffff; background: #000000; color: #ffffff; text-decoration: none; } /* tab */ .tabs { border-bottom: 1px solid #e3e3e3; } .tabs li { float: left; margin-bottom: -1px; background: #efefef; } .tabs li a { display: inline-block; margin-right: -1px; height: 16px; border: 1px solid #e3e3e3; border-bottom: none; border-radius: 3px; font-size: 12px; line-height: 16px; } .tabs li.active a { border-bottom: 1px solid #ffffff; background: #ffffff; color: #ee2e24; } /* sns button */ .sns-buttons-wrapper { display: block; position: absolute; right: 0; top: 38px; } .sns-buttons-wrapper:after { display: block; height: 0; content: ''; visibility: hidden; clear: both; } *html .sns-buttons-wrapper { height: 1%; } /* for IE7 */ .sns-buttons-wrapper li { float: left; margin-left: 10px; } .sns-buttons-wrapper .google-plus { *display: none; *width: 0; } /* small 'R' mark */ #page-main span.small-mark { position: relative; font-size: 12px; top: -10px; } /* main - slide */ #feature-slide { position: absolute; *width: 100%; height: 570px; overflow-x: hidden; z-index: 10; background: transparent; top: 0; left: 0; right: 0; } .main-slide { min-width: 1104px; overflow-x: hidden; } .slide-wrap { position: relative; width: 100%; min-width: 1104px; } .slide-set { display: none; position: absolute; width: 100%; min-width: 1104px; top: 0; left: 0; } #main-slide-2, #main-slide-3 { display: none; } .slide-bg { height: 487px; background: transparent url() no-repeat center 0; } .sprite-set { position: relative; margin: -487px auto 0; width: 1024px; height: 487px; z-index: 10; } .slide-wrap .sprite { position: absolute; z-index: 13; background: transparent url() no-repeat 0 0; } .slide-wrap .text-sprite { font-size: 14px; text-shadow: 1px 1px 1px rgba(0,0,0,1); color: #fff; line-height: 1.5; } .slide-wrap .text-sprite h3 { font-size: 45px; font-family: 'Pontano Sans', sans-serif; line-height: 48px; text-shadow: 2px 2px #2e2e2e; } .sprite.rumble{ animation: rumble .05s infinite; -webkit-animation: rumble .05s infinite; } @keyframes rumble { 0% {transform: rotate(0deg);} 25% {transform: translate(2px, 0px) rotate(-0.8deg);} 50% {transform: translate(0px, -1px) rotate(0.2deg);} 75% {transform: translate(0px, 0px) rotate(1.4deg);} 100% {transform: translate(0px, 1px) rotate(-0.2deg);} } @-webkit-keyframes rumble { 0% {-webkit-transform: rotate(0deg);} 25% {-webkit-transform: translate(2px, 0px) rotate(-0.8deg);} 50% {-webkit-transform: translate(0px, -1px) rotate(0.2deg);} 75% {-webkit-transform: translate(0px, 0px) rotate(1.4deg);} 100% {-webkit-transform: translate(0px, 1px) rotate(-0.2deg);} } .slide-wrap .button-sprite strong { display: block; height: 39px; font-weight: normal; line-height: 39px; text-align: center; color: #fff; } .slide-pager { position: relative; margin: 0 auto; width: 1024px; height: 478px; } .slide-pager button { position: absolute; width: 62px; height: 62px; border: none; z-index: 12; background: url('/en/files/2013/09/btn-main-slide.png') no-repeat 0 0; text-indent: -9999px; top: 200px; cursor: pointer; } #main-slide-prev { background-position: 0 -62px; left: -50px; } #main-slide-prev:hover { background-position: 0 -186px; } #main-slide-next { right: -50px; } #main-slide-next:hover { background-position: 0 -124px; } #main-slide-paging { position: absolute; width: 90px; height: 20px; z-index: 12; top: 76px; left: 42px; } #main-slide-paging a { display: inline-block; margin: 0 3px; width: 10px; height: 10px; border-radius: 5px; overflow: hidden; z-index: 12; font-size: 1px !important; background-color: #fff; color: #fff; vertical-align: middle; text-indent: 0; } #main-slide-paging .current { margin: 0 2px; width: 12px; height: 12px; border-radius: 6px; background-color: red; color: red !important; } /* slide1 */ #main-slide-1 .slide-bg { background-color: #0E0E10; background-image: url('https://d2onwp4nuhzwag.cloudfront.net/20131113/slide1-bg.jpg'); } #slide1-sprite-1 { width: 402px; height: 192px; top: 130px; left: 581px; } #slide1-sprite-2 { width: 102px; height: 174px; top: 110px; left: 818px; } #slide1-sprite-3 { width: 897px; height: 296px; top: 250px; left: 272px; } #slide1-sprite-4 { top: 108px; left: 42px; } #slide1-sprite-5 { top: 274px; left: 42px; } #slide1-sprite-6 { top: 338px; left: 42px; } #slide1-sprite-6 .button { float: left; margin-right: 12px; width: 182px; } #slide1-sprite-6 strong { width: 380px; clear: both; } /* slide2 */ #main-slide-2 .slide-bg{ background-color: #0E0E10; background-image: url("/en/files/2014/03/slide2-bg.png"); } #slide2-sprite-1 { width: 100%; top: 128px; } #slide2-sprite-1 h3 { font-size: 58px; font-weight: bold; font-family: "varela round", sans-serif; letter-spacing: -2px; line-height: 1.2; text-align: center; } #slide2-sprite-1 h3 .red { color: #d10505; } #slide2-sprite-2 { width: 100%; height: 49px; bottom: 142px; text-align: center; } #slide2-sprite-3 { width: 100%; bottom: 64px; } #slide2-sprite-3 .button.download { margin: 0 auto; width: 182px; font-size: 22px; text-indent: 0; text-align: center; } /* slide3 */ #main-slide-3 .slide-bg { background-color: #1E1C1F; background-image: url('/en/files/2014/05/slide3-bg.jpg'); } #slide3-sprite-2 { width: 605px; height: 406px; top: 160px; left: 528px; } #slide3-sprite-2.ready-animate { margin-left: 120px; opacity: 0; } #slide3-sprite-2.start-animate { margin-left: 0; opacity: 1; transition-property: opacity, margin-left, transform; transition-duration: .8s; transition-delay: .1s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-property: opacity, margin-left, transform; -webkit-transition-duration: .8s; -webkit-transition-delay: .1s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } #slide3-sprite-2.end-animate { margin-left: 120px; opacity: 0; transition-property: opacity, margin-left, transform; transition-duration: .8s; transition-delay: .1s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-property: opacity, margin-left, transform; -webkit-transition-duration: .8s; -webkit-transition-delay: .1s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } #slide3-sprite-3 { width: 522px; top: 108px; left: 42px; } #slide3-sprite-4 { width: 500px; top: 234px; left: 42px; } #slide3-sprite-5 { top: 338px; left: 42px; } #slide3-sprite-5 .button.download { width: 182px; } #slide3-sprite-5 strong { width: 212px; } /* slide4 */ #main-slide-4 .slide-bg { background-color: #1e1e1e; background-image: url('/en/files/2014/08/slide4-bg.jpg'); } #slide4-sprite-1 { margin-top: 0px; left: 42px; top: 124px; } #slide4-sprite-2 { left: 42px; top: 242px; } #slide4-sprite-3 { left: 42px; top: 304px;} #slide4-sprite-3 .button { display: inline-block; margin-right: 12px; width: 184px; } #slide4-sprite-4 { right: -35px; bottom: -16px; } #slide4-sprite-5 { right: -43px; bottom: -38px; } #slide4-sprite-6 { right: 200px; top: 338px; } #slide4-sprite-6.ready-animate img { width: 0; height: 0; opacity: 0; } #slide4-sprite-6.start-animate img { width: 435px; height: 209px; opacity: 1; transition-property: width, height, opacity; transition-duration: .6s; } #slide4-sprite-6.end-animate img { width: 435px; height: 209px; opacity: 0; transition-property: opacity; transition-duration: .8s; } #slide4-sprite-7 { right: 200px; bottom: 100px; } #slide4-sprite-7 .video { display: block; width: 64px; height: 64px; background: url('/en/files/2013/09/show-video.png') no-repeat 0 0; text-indent: -9999px; } #slide4-sprite-7 .video:hover { background-position: 0 -128px; } /* main - introduce */ #introduce { position: relative; margin-top: 500px; padding: 50px 0 74px 0; } #introduce .sns-buttons-wrapper { *width: 220px; z-index: 10; top: 0px; left: 0; right: auto; } #introduce .primary-contents li { float: left; padding: 0 30px; text-align: center; } #introduce .primary-contents li .title { margin-bottom: 10px; font-size: 24px; line-height: 32px; color: #00A950; } #introduce .primary-contents li .title .sub-title { display: block; font-size: 14px; line-height: 14px; color: #2f2f2f; } #introduce .primary-contents li .button { width: 249px; text-indent: 0; } /* main - reviews */ #reviews { position: relative; } #reviews h2.title { padding-bottom: 20px; font-family: "Pontano Sans", sans-serif; font-size: 38px; color: #2e2e2e; line-height: 38px; } #reviews .review-list li { position: relative; float: left; margin-right: 19px; width: 220px; } #reviews .review-list li div { text-align: center; } #reviews .review-list li img { margin: 0 auto; padding: 32px 0 0 0; } #reviews .review-list li p { margin: 0; padding: 0 26px; text-align: center; } #reviews .review-list li.last { margin-right: 0; } #reviews #expert-reviews li { height: 230px; background: url('/en/files/2013/08/bg-expert-review.png') no-repeat 0 0; } #reviews #expert-reviews li h3 { text-align: center; } #reviews #expert-reviews li p { margin-top: 30px; } #reviews #user-reviews li { height: 334px; background: url('/en/files/2013/08/bg-user-review.png') no-repeat 0 0; } #reviews #user-reviews li h3 { position: absolute; padding: 0; width: 220px; font-size: 16px; font-weight: normal; top: 167px; color: #00a950; text-align: center; } #reviews #user-reviews li img { padding-bottom: 50px; } .page-id-1599 #wpcr_respond_1 { display: block; } /* main - features */ #features { margin: 56px 0 0 0; padding-bottom: 58px; border-top: 1px solid #f0f0f0; } #features ul li { position: relative; margin-top: 117px; padding-bottom: 50px; } #features ul li .title { margin-bottom: 18px; font-size: 30px; line-height: 30px; color: #2f2f2f; font-family: 'Pontano Sans', sans-serif; } #features ul li .title em { color: #00A950; } #features ul li.left-column .image, #features ul li.right-column .image { position: absolute; } #feature-record { padding-left: 328px; } #feature-record .image { left: -118px; top: -26px; } #feature-lag { padding-right: 340px; } #feature-lag .image { right: 16px; top: -121px; } #feature-performance { padding-left: 328px; } #feature-performance .image { left: -82px; top: -64px; } #feature-simple { padding-right: 251px; } #feature-simple .image { right: -88px; top: -93px; } #feature-share { padding-left: 327px; } #feature-share .image { left: -112px; top: -56px; z-index: 31; } #features .move { margin-left: 10px; } /* main - videos */ #videos .title { padding-bottom: 25px; font-family: 'Pontano Sans', sans-serif; font-size: 39px; background: url('/en/files/2013/08/bar-review.png') no-repeat left bottom; line-height: 39px; color: #2f2f2f; } #videos .slideshow_container { margin: 45px 0 81px 0; } #videos .slideshow_pagination { bottom: -10px; } #videos .slideshow_pagination ul li { width: 12px; height: 12px; opacity: 0.5; background: url("/en/files/2013/09/icon-list.png") no-repeat -4px -281px; } #videos .slideshow_pagination ul li.slideshow_currentView { opacity: 1; background-position: -4px -236px; } #videos .slideshow_description h1 { padding: 8px 0; } #videos .slideshow_description p { margin: 0; padding: 0 5px 8px 5px; } /* main end */ /* product-litecam hd, game start */ .litecam-products .description { position: absolute; height: 487px; z-index: 10; background: #e1e1e1; top: 0; right: 0; left: 0; } .litecam-products .description-inner { position: relative; margin: 116px auto 0 auto; width: 980px; color: #ffffff; } .litecam-products .description-inner .inner { position: relative; } .litecam-products .description-inner .inner .title { font-family: 'Pontano Sans', sans-serif; font-size: 50px; line-height: 50px; text-shadow: 2px 2px #333333; } .litecam-products .description-inner .inner .title .sub-title { font-size: 18px; line-height: 18px; } .litecam-products #description-content-wrap { position: relative; margin: 22px 0 56px 0; } .litecam-products p#description-content { margin: 0; } .litecam-products div#overview { display: inline-block; *display: inline; position: relative; top: 2px; left: 2px; } .litecam-products .description-inner div#overview .video { padding-right: 25px; background: url('/en/files/2013/09/icon-list.png') no-repeat right -374px; color: #ee2e24; text-shadow: 1px 1px 2px #000000; } .litecam-products .description-inner div#overview .video:hover { text-decoration: underline; } .litecam-products .description-inner div.v-script { display: none; } .litecam-products .description-inner .btn-wrap li { float: left; margin-right: 12px; } .litecam-products .description-inner .btn-wrap a.button { margin-top: 0; margin-right: 12px; width: 184px; } .litecam-products .description-inner h3.for-windows { position: absolute; padding: 0; width: 380px; background: none; text-align: center; bottom: -25px; } .primary-features { margin-top: 487px; padding: 99px 0 65px 0; } .primary-features li { float: left; margin-right: 19px; width: 300px; text-align: center; } .primary-features li.last { margin: 0; } .primary-features li .title { margin-bottom: 23px; height: 57px; font-size: 32px; font-family: 'Pontano Sans', sans-serif; line-height: 32px; color: #2f2f2f; } .primary-features li .image-wrap { position: relative; } .primary-features li .image-wrap .overlay { display: block; position: absolute; width: 229px; height: 144px; top: 27px; left: 35px; background: url('/en/files/2013/09/show-video.png') no-repeat center 42px; text-indent: 0; font-size: 0; line-height: 0; } .primary-features li .image-wrap .overlay:hover { background-position: center -85px; } .primary-features li p { margin-top: 18px; } .primary-features li p.move-wrap { margin: 0; } .primary-features.column li { position: relative; margin: 0; width: 100%; min-height: 134px; text-align: left; } .primary-features.column a { color: #d10505; } .primary-features.column .center { margin: 68px 0; } .primary-features.column .title, .primary-features.column p { margin-bottom: 10px; width: 60%; height: auto; } .primary-features.column .title { font-size: 28px; font-weight: bold; line-height: 28px; } .primary-features.column p { margin-top: 0; } .primary-features.column .image-wrap { position: absolute; top: 0; } .primary-features.column .last { margin-top: 28px; min-height: initial; } .primary-features.column .left .image-wrap { right: 0; } .primary-features.column .right .title, .primary-features.column .right p { margin-left: 36%; } .primary-features.column .right .image-wrap { left: 0; } .secondary-features .content-wrap p { margin: 0; } .secondary-features .move { margin-left: 7px; } .secondary-features .col-clear { padding: 60px 0; background: url('/en/files/2013/09/bar-product.png') no-repeat center top; } .secondary-features .col-clear .title { margin-bottom: 10px; font-size: 24px; font-family: 'Pontano Sans', sans-serif; color: #2f2f2f; line-height: 24px; } .secondary-features .col-clear .fleft { width: 470px; } .secondary-features .col-clear .fright { padding-left: 18px; width: 450px; } .secondary-features .col-clear .right-column { position: relative; } .secondary-features .col-clear .right-column .image-wrap { position: absolute; width: 77px; height: 77px; background: url('/en/files/2014/08/icon-features.png') no-repeat 0 0; } .secondary-features .col-clear #rscc .image-wrap { background-position: 0 -462px; } .secondary-features .col-clear #rscc .image-wrap.active { background-position: 0 -539px; } .secondary-features .col-clear #fps .image-wrap { background-position: 0 -77px; } .secondary-features .col-clear #cursor .image-wrap { background-position: 0 -616px; } .secondary-features .col-clear #cursor .image-wrap.active { background-position: 0 -693px; } .secondary-features .col-clear #add .image-wrap { background-position: 0 -770px; } .secondary-features .col-clear #add .image-wrap.active { background-position: 0 -847px; } .secondary-features .col-clear #time .image-wrap { background-position: 0 -154px; } .secondary-features .col-clear #audio .image-wrap { background-position: 0 -231px; } .secondary-features .col-clear #percent .image-wrap { background-position: 0 -308px; } .secondary-features .col-clear #support .image-wrap { background-position: 0 -385px; } .secondary-features .col-clear #pip .image-wrap { background-position: 0 -1078px; } .secondary-features .col-clear #shortcut .image-wrap { background-position: 0 -1232px; } .secondary-features .col-clear #limit .image-wrap { background-position: 0 -1001px; } .secondary-features .col-clear #resolution .image-wrap { background-position: 0 -1155px; } .secondary-features .col-clear #compatible .image-wrap { background-position: 0 -924px; } .secondary-features .col-clear #youtube .image-wrap { background-position: 0 -1309px; } .secondary-features .col-clear #encoding .image-wrap { background-position: 0 -1386px; } .secondary-features .col-clear .right-column .content-wrap { padding-left: 110px; } .secondary-features .col-clear .right-column .content-wrap p { padding-right: 20px; font-size: 14px; } .screenshot-slide .title { padding-left: 110px; } .screenshot-slide #slide-wrap { position: relative; } .screenshot-slide #slide-contents-wrap { position: relative; margin: 0 18px; width: 425px; height: 100px; overflow: hidden; } .screenshot-slide ul.slide-content { width: 1269px; height: 100px; } .screenshot-slide ul.slide-content li { display: block; margin-right: 1px; width: 141px; height: 100px; } .screenshot-slide .jcarousel-prev, .screenshot-slide .jcarousel-next { position: absolute; width: 31px; height: 31px; background: url('/en/files/2013/09/btn-slide.png') no-repeat 0 0; top: 24px; text-indent: -9999px; } .screenshot-slide .jcarousel-prev { background-position: 0 -31px; left: 0; } .screenshot-slide .jcarousel-next { right: -9px; } .screenshot-slide .slide-nav { padding: 0; height: 10px; background: none; text-align: center; } .screenshot-slide .slide-nav a { display: inline-block; margin-right: 10px; width: 12px; height: 12px; background: url('/en/files/2013/09/icon-list.png') no-repeat -4px -281px; text-indent: -9999px; *text-indent: 0; *font-size: 0; *line-height: 0 } .screenshot-slide .slide-nav a.active { background-position: -4px -236px; } .screenshot-slide .slide-nav a.last { margin: 0; } #popup-wrap { display: none; } #popup-wrap .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; background-color: #000; opacity: 0.2; filter: alpha(opacity=20); } .litecam-products .follow { padding: 12px 0 0 0; border: none; } .litecam-products .system-requirements { position: relative; } .litecam-products .system-requirements .tabs li#tab-requirements a { padding: 14px 22px 14px 22px; } .litecam-products .system-requirements .tabs li#tab-note a { padding: 14px 40px 14px 40px; } .litecam-products .system-requirements .tab-contents-inner { display: none; } .litecam-products .system-requirements .tab-contents-inner.active { display: block; } .litecam-products .system-requirements .tab-contents-inner .fleft { width: 698px; } .litecam-products .system-requirements .tab-contents-inner .ad-mobizen { padding: 30px 0; } .litecam-products .system-requirements #requirements-content .system-list, .litecam-products .system-requirements #note-content .note-content-inner { margin: 30px 27px 0 27px; } .litecam-products .system-requirements #note-content .note-list li { margin-bottom: 5px; padding-left: 13px; background: url("/en/files/2013/09/icon-list.png") no-repeat scroll -5px -565px; } .system-list li { margin-bottom: 16px; } .system-list li.last { margin-bottom: 0; } .system-list li h4, .system-list li h5 { color: #00A950; } .system-list li h4 { float: left; } .system-inner-list { margin-left: 113px; } .system-inner-list li { margin: 0; padding-left: 13px; background: url('/en/files/2013/09/icon-list.png') no-repeat -5px -565px; } #ticket-box { margin: 46px 0 70px 0; } #ticket-box a { display: block; } #ticket-box .tickets { display: block; border: 1px solid #eeeeee; background: #f5f5f5; } #ticket-box .tickets .ticket-inner { display: block; margin: 4px; padding: 40px 24px 0 165px; height: 89px; background: url('/en/files/2015/05/game-ticket-bg-e.png') no-repeat 0 0; } #ticket-box .tickets .ticket-inner .title { display: block; position: relative; margin-bottom: 10px; font-size: 32px; font-weight: normal; font-family: 'varela round', sans-serif; color: #00a950; line-height: 28px; letter-spacing: -2px; } #ticket-box .tickets .ticket-inner .title .hyphen { display: block; position: absolute; width: 115px; height: 1px; background: #00A950; top: 14px; left: 222px; } #ticket-box .tickets .ticket-inner .desc { display: block; font-size: 15px; } #ticket-box .trial:hover .ticket-inner { background-position: 0 -129px; } /* hd */ #litecam-hd-container .description { background: #1d1d1d url('/en/files/2014/11/bg-litecamhd.jpg') no-repeat center top; } #litecam-hd-container .description-inner { padding: 0 0 0 42px; } #litecam-hd-container .description-inner .inner { width: 512px; } #litecam-hd-container .description-inner .image-wrap { position: absolute; top: -51px; right: -20px; } /* game */ #litecam-game-container .description { height: 865px; background: #0d191a url('/en/files/2015/05/bg-litecamgame.jpg') no-repeat center top; text-align: center; } #litecam-game-container .description-inner { margin-top: 70px; } #litecam-game-container .monitor-wrap { position: relative; top: 0; right: 0; height: 625px; background: url('/en/files/2015/05/game-monitor.png') no-repeat center top; } #litecam-game-container .monitor-wrap .screen-wrap { height: 517px; } #litecam-game-container .monitor-wrap .time-counter { display: none\9; *display: none; position: relative; margin: 0 auto; padding: 23px 5px 0 0; width: 142px; height: 45px; font-size: 24px; font-family: 'varela round', sans-serif; font-weight: bold; background: url('/en/files/2015/05/game-count.png') no-repeat 0 0; top: -433px; text-align: right; color: #ee2e24; } #litecam-game-container .monitor-wrap .gamer { position: absolute; border: 1px solid #ee2e24; right: 112px; top: 16px; } #litecam-game-container .monitor-wrap .gamer img { display: block; } #litecam-game-container .monitor-wrap .movie { position: relative; top: 35px; } #litecam-game-container .monitor-wrap .movie .not-support { display: block; padding-top: 200px; width: 794px; height: 244px; font-weight: bold; color: #ffffff; } #litecam-game-container .youtube-list { position: absolute; width: 790px; background-color: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); left: 95px; bottom: 146px; } #litecam-game-container .youtube-list .list-toggle { display: none\9; *display: none; position: absolute; width: 36px; height: 18px; border: none; border-radius: 26px 26px 0 0; font-size: 0; background: rgba(0, 0, 0, 0.5) url('/en/files/2015/05/icon-arrow-m.png') no-repeat center -9px; line-height: 0; text-indent: -9999px; top: -18px; left: 374px; cursor: pointer; zoom: 1; } #litecam-game-container .youtube-list.active .list-toggle { background-position: center 9px; } #litecam-game-container .youtube-list ul { padding: 20px 36px; } #litecam-game-container .youtube-list li { float: left; margin-right: 27px; width: 159px; height: 88px; background: #ffffff; /* bg 임시로 */ } #litecam-game-container .youtube-list li.last { margin-right: 0; width: 157px; height: 86px; border: 1px dashed #464848; background: transparent; } #litecam-game-container .youtube-list li.last p { margin: 20px 0 5px 0; color: #acacac; } #litecam-game-container .video-notice { padding: 10px 90px; font-size: 12px; text-align: right; color: #80909a; } #litecam-game-container .description-inner .inner .title { font-family: 'varela round', sans-serif; font-size: 64px; line-height: 64px; } #litecam-game-container .description-inner .inner .sub-title { display: block; margin-bottom: 4px; font-size: 24px; font-family: 'pontano sans', sans-serif; line-height: 24px; } #litecam-game-container .description-inner .btn-wrap { margin: 22px 0; } #litecam-game-container .description-inner .btn-wrap .buy .button { margin: 0 auto; width: 286px; text-indent: 0; } #litecam-game-container .description-inner .btn-wrap .for-free { margin-top: 10px; } #litecam-game-container .description-inner .btn-wrap .for-free a { font-size: 16px; color: #d10505; text-decoration: underline; } #litecam-game-container .primary-features { margin-top: 865px; } #litecam-game-container .system-requirements #not-supported { margin: 0; } #litecam-game-container .system-requirements #not-supported strong { margin: 0 0 0 141px; font-weight: normal; color: #ff6600; } #litecam-game-container .system-requirements #not-supported span { position: relative; margin-right: 5px; font-size: 9px; top: -3px; } /* android */ #litecam-android-container .description { background: #1e1e1e url('/en/files/2014/08/slide4-bg.jpg') no-repeat center top; } #litecam-android-container #description-content-wrap { margin-bottom: 38px; width: 500px; } #litecam-android-container .description-inner .image-wrap { position: absolute; bottom: -168px; right: -46px; } #litecam-android-container .description-inner .image-wrap .overlay { position: absolute; width: 64px; height: 64px; background: url('/en/files/2013/09/show-video.png') no-repeat 0 0; left: 346px; top: 102px; text-indent: -9999px; } #litecam-android-container .description-inner .image-wrap .overlay:hover { background-position: 0 -127px; } #litecam-android-container .primary-features li { margin-right: 70px; width: 265px; } #litecam-android-container .primary-features li.last { margin: 0; } #litecam-android-container .system-list li h5 { float: left; width: 130px; } #litecam-android-container .system-inner-list { margin-left: 145px; } #android-list li h4 { float: left; padding: 5px 0 15px 0; width: 130px; border-width: 1px 0 1px 0; border-style: solid; border-color: #00a950; font-weight: bold; } #android-list li .system-inner-list { padding: 5px 0 15px 0; border-width: 1px 0; border-style: solid; border-color: #d1d1d1; } #pc-list h4 { font-weight: bold; color: #00a950; } #pc-list .last-list h5 { height: 36px; } #pc-list .last-list h5, #pc-list .last-list .system-inner-list { padding-bottom: 15px; border-bottom: 1px solid #00A950; } #pc-list .last-list .system-inner-list { border-color: #d1d1d1; } /* sdk */ #litecam-sdk-container .description { background: #0d1119 url('/en/files/2014/04/bg-litecamsdk.png') no-repeat center top; } #litecam-sdk-container .description-inner { margin: 124px auto 0; } #litecam-sdk-container .description-inner .inner { width: 530px; } #litecam-sdk-container .description-inner .inner .title { position: relative; margin-bottom: 55px; height: 40px; } #litecam-sdk-container .description-inner .inner .title .icon-sdk { position: absolute; left: -62px; top: -82px; } #litecam-sdk-container .description-inner .inner .title .text { padding-left: 100px; } #litecam-sdk-container .description-inner .inner .for-windows { width: 184px; } #litecam-sdk-container .description-inner .inner #description-content-wrap { width: 403px; } #litecam-sdk-container .description-inner .image-wrap { position: absolute; top: -54px; right: -52px; } #litecam-sdk-container .sdk-info { position: relative; margin-top: 487px; padding-top: 97px; } #litecam-sdk-container .sdk-info .sns-buttons-wrapper { left: 0; right: auto; } #litecam-sdk-container .sdk-info .image-wrap { position: absolute; left: -112px; } #litecam-sdk-container .sdk-info .content-wrap { padding-left: 395px; } #litecam-sdk-container .sdk-info .content-wrap .title { margin-bottom: 24px; font-family: 'Pontano Sans', sans-serif; font-size: 32px; color: #2a2a2a; line-height: 32px; } #litecam-sdk-container .sdk-info .content-wrap .title em { color: #00A950; } #litecam-sdk-container .primary-features { margin-top: 0; padding: 97px 0 43px 0; } /* business */ #business-container .description { height: 775px; background: #162832 url('/en/files/2015/05/bg-business.jpg') no-repeat center top; } #business-container .description-inner { margin-top: 87px; width: 1264px; } #business-container .description-inner .inner .title { font-size: 56px; font-family: 'varela round', sans-serif; line-height: 56px; text-align: center; } #business-container .description-inner .inner .sub-title { margin: 15px auto 25px auto; width: 31%; font-size: 14px; color: #90a1ae; text-shadow: 2px 2px #333333; } #business-container .description-inner .btn-wrap a.button { margin: 0 auto 32px auto; text-align: center; text-indent: 0; } #business-container .bs-sec-title { margin-bottom: 20px; font-size: 38px; font-family: 'pontano sans', sans-serif; line-height: 38px; letter-spacing: -1px; color: #333333; } #business-container #bs-license { margin: 882px 0 70px 0; } #business-container #bs-license table { width: 100%; border-top: 1px solid #e3e3e3; font-size: 16px; text-align: center; } #business-container #bs-license table th, #business-container #bs-license table td { border-width: 0 1px 1px 0; border-style: solid; border-color: #e3e3e3; } #business-container #bs-license table th { padding: 15px 0; background: #f6f6f6; } #business-container #bs-license table td { padding: 8px 0; } #business-container #bs-license table .last { border-right: none; } #business-container #bs-license table th.product-name { text-align: left; text-indent: 50px; } #business-container #bs-license table td.product-name { font-weight: bold; color: #00a950; text-align: left; text-indent: 36px; } #business-container #bs-license table .ten-licenses .button { margin: 0 auto; width: 88px; height: 34px; font-size: 15px; line-height: 34px; text-indent: 0; cursor: pointer; } #business-container #bs-license table .ten-licenses .button .txt, #business-container #bs-license table .ten-licenses .button:hover .price { display: none; } #business-container #bs-license table .ten-licenses .button:hover .txt { display: block; } #business-container #bs-license table .more-ten a { text-decoration: underline; } #business-container #bs-customers { margin-bottom: 70px; } #business-container #bs-customers li { float: left; margin-right: 19px; width: 218px; height: 204px; border: 1px solid #e3e3e3; box-shadow: 0 0 4px 5px #f6f6f6 inset; text-align: center; } #business-container #bs-customers li:hover { border-color: #0d964d; background: #0ca654 url('/en/files/2015/05/bs-cus-hover.png') no-repeat 0 0; box-shadow: none; } #business-container #bs-customers li.last { margin-right: 0; } #business-container #bs-customers li .before-hover .image-wrap { margin: 48px 0 24px 0; } #business-container #bs-customers li .after-hover { padding: 20px; color: #ffffff; } #business-container #bs-customers li .after-hover, #business-container #bs-customers li:hover .before-hover { display: none; } #business-container #bs-customers li:hover .after-hover { display: block; } #business-container #bs-benefits .primary-features { margin-top: 0; padding-top: 0; } #business-container #bs-contact { margin-bottom: 53px; padding: 25px 45px; border: 1px solid #e3e3e3; background: #f6f6f6; } #business-container #bs-contact dt { float: left; margin-right: 82px; padding-left: 50px; width: 16%; font-size: 16px; font-weight: bold; background: url('/en/files/2015/05/icon-mail.png') no-repeat 0 0; color: #333333; } #business-container #bs-contact dd { font-size: 14px; } #business-container #bs-contact .move { padding: 0; background: none; } /* product-reviews start */ .wpcr_fl { display: none;} .btn-openreview { display: inline-block; } #review-container #reviews { margin-top: 46px; text-align: center; } #review-container #reviews strong { display: inline-block; height: 49px; } #review-container #reviews #expert-reviews { margin: 48px 0 40px 0; } #review-container #reviews #expert-reviews h3 { background: none; } #user-video { padding-bottom: 18px; } #user-video .title { margin-bottom: 30px; padding: 0 0 12px 0; border-bottom: 3px solid #2f2f2f; font-size: 28px; font-family: 'Pontano Sans', sans-serif; color: #2f2f2f; } #user-video #slide-contents-wrap { margin: 0; width: auto; height: auto; } #user-video ul.slide-content { height: auto; border-bottom: 1px solid #eeeeee; } #user-video ul.slide-content li { position: relative; margin-right: 20px; width: 220px; height: auto; } #user-video ul.slide-content li dt { margin: 130px 0 18px 0; padding: 11px 0 0 0; } #user-video ul.slide-content li dd { position: absolute; top: 0; } #user-video ul.slide-content li dd a { display: block; position: relative; background: #000000; } #user-video ul.slide-content li dd span.play-overlay { position: absolute; width: 220px; height: 130px; background: url('/en/files/2013/09/show-video.png') no-repeat center 30px; cursor: pointer; } #user-video ul.slide-content li:hover dd span.play-overlay { background-position: center -98px; } #user-video ul.slide-content li dd img { opacity: 0.7; } #user-video ul.slide-content li:hover dd img { opacity: 1; } #user-video ul.slide-content li dd.v-script { display: none; } #user-video .jcarousel-next, #user-video .jcarousel-prev { width: 32px; height: 72px; top: 19px; } #user-video .jcarousel-next { background-position: 0 -62px; right: -62px; } #user-video .jcarousel-prev { background-position: 0 -134px; left: -62px; } #user-video .slide-nav { margin-top: 18px; } #user-video .slide-nav a { width: 11px; height: 11px; background-position: -4px -528px; } #user-video .slide-nav a.active { background-position: -4px -482px; } /* product-reviews end */ /* product-usercase start */ #user-case-container .move { margin-left: 7px; } #user-case-container .case-wrap { position: relative; margin-bottom: 79px; } #user-case-container .case-wrap.last { margin-bottom: 51px; padding-bottom: 57px; border-bottom: 1px solid #e6e6e6; } #user-case-container .case-wrap .title { margin-bottom: 80px; padding-bottom: 12px; border-bottom: 3px solid #2f2f2f; font-size: 24px; font-family: 'Pontano Sans', sans-serif; font-weight: normal; color: #2f2f2f; line-height: 24px; } #user-case-container .case-wrap .image { position: absolute; top: 122px; left: 0; } #user-case-container .case-wrap .case-content { padding-left: 260px; } #user-case-container .case-wrap .case-content li { padding-bottom: 37px; } #user-case-container .case-wrap .case-content li.last { padding-bottom: 0; } #user-case-container .case-wrap .case-content h3 { margin-bottom: 5px; font-size: 18px; font-weight: normal; color: #00a950; } #user-case-container .case-wrap .case-content p { margin: 0; } /* product-usercase end */ /* 6.1-3 features page start */ .feature-page { position: relative; } .features-title { position: relative; margin: 80px 42px 0 42px; padding: 0 0 12px 0; height: 22px; border-bottom: 3px solid #2f2f2f; font-family: "Pontano Sans", sans-serif; font-size: 24px; color: #2f2f2f; } .features-nav { padding-right: 42px; } .feature-page .follow { padding-top: 0; bottom: -39px; *bottom: -15px; } #page-main .feature-page .content-container { padding-top: 80px; } #page-main .feature-page .features-wrap { margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #e6e6e6; } #page-main .feature-page .features-wrap.last { margin-bottom: 51px; padding-bottom: 57px; } .feature-page .features-wrap .title { margin-bottom: 25px; font-size: 18px; font-weight: normal; color: #00a950; } .feature-page .features-wrap ul li { padding-left: 13px; background: url('/en/files/2013/09/icon-list.png') no-repeat -5px -565px; } .feature-page .features-wrap .image-wrap { width: 450px; } .feature-page .features-wrap .right-column { position: relative; margin-top: 42px; } .feature-page .features-wrap .right-column .image-wrap { position: absolute; top: 0; left: 0; } .feature-page .features-wrap .right-column .content-wrap { padding-left: 480px; min-height: 258px; } .feature-page .features-wrap .two-columns .image-wrap { margin-bottom: 16px; } .feature-page .features-wrap .two-columns .fleft, .feature-page .features-wrap .two-columns .fright { width: 450px; } #feature-hd-container .features-wrap p, #feature-fast-container .features-wrap p, #feature-simple-container .features-wrap p { margin: 0; } /* hd */ #feature-hd-container .features-wrap .right-column .content-wrap { min-height: 300px; *height: 300px; } #feature-hd-container .features-wrap .right-column .content-wrap .additional-way { margin: 50px 0 16px 0; } /* faster */ #feature-fast-container .features-wrap ul { margin: 36px 0 36px 20px; } #feature-fast-container .features-wrap ul.last { margin-bottom: 0; } #feature-fast-container .features-wrap .right-column { margin-top: 0; height: 426px; } #feature-fast-container .features-wrap .two-columns .fleft, #feature-fast-container .features-wrap .two-columns .fright { margin-top: 38px; } #feature-fast-container .features-wrap .two-columns .clear { padding-top: 38px; *padding-top: 18px; } #feature-fast-container .features-wrap .two-columns .fright.last { position: relative; height: 208px; } #feature-fast-container .features-wrap .two-columns .fright.last p { position: absolute; bottom: 0; } /* simple */ #feature-simple-container .features-wrap.last .right-column { height: 234px; } #feature-simple-container .features-wrap .right-column p { margin-bottom: 27px; } #feature-simple-container .features-wrap .right-column p.no-margin { margin: 0; } #feature-simple-container .features-wrap .right-column ul { margin: 14px 0 20px 30px; } #feature-simple-container .features-wrap .two-columns { margin-top: 42px; } /* 6.1-3 features page end */ /* download, store common start */ .product-wrap { margin-bottom: 46px; } .product-wrap .products .title-wrap { position: relative; padding: 16px 18px 12px 18px; *z-index: 1; text-align: center; } .product-wrap .products .title-wrap .title { margin-bottom: 10px; font-size: 20px; color: #00a950; line-height: 20px; } .product-wrap .products .title-wrap .title span { display: block; font-size: 13px; color: #2F2F2F; } .product-wrap .products .title-wrap .icon-wrap { position: absolute; top: 15px; right: 19px; } .product-wrap .products .title-wrap .icon-wrap li { margin-bottom: 10px; } .product-wrap .products .text-wrap { padding: 28px 20px; background: #f6f6f6; } .product-wrap .products .text-wrap .button { margin-bottom: 28px; text-align: center; text-indent: 0; } .product-wrap .products .text-wrap ul li { margin-top: 10px; padding-left: 15px; font-size: 14px; background: url('/en/files/2013/09/icon-list.png') no-repeat scroll -5px -565px; } /* download, store common end */ /* download start */ #download-container .products { float: left; margin: 0 22px 22px 0; width: 296px; border: 1px solid #dedede; *z-index: 1; box-shadow: inset -1px 0 2px 5px #f6f6f6; } #download-container .products.last { margin-right: 0; } #download-container #download-game-wrap { margin-bottom: 20px; } /* download end */ /* store start */ #content #store-header .title { font-size: 33px; } #content #store-header .title em { color: #00a950; } #content #store-header { margin-bottom: 36px; } #store-container .product-wrap { position: relative; margin-bottom: 120px; border: 1px solid #dedede; box-shadow: 0 0 0 4px #f6f6f6 inset; } #store-container .products { float: left; margin: 0; width: 233px; border-left: 1px solid #dedede; box-shadow: none; } #store-container .products .title { padding: 33px 0 17px 0; font-size: 22px; text-align: center; color: #00a950; } #store-container .products .button.amazon { border-color: #febc44; background: #fddb55; color: #000000; } #store-container .products .button.amazon:hover { background: #FEBC44; } #store-container .products .button.amazon img { position: relative; top: 8px; } #store-container .main-price { margin: 0; padding: 15px 0 0 0; font-size: 54px; font-weight: bold; background: #f7f7f7; line-height: 54px; color: #ee2e24; text-align: center; } #store-container .main-price .unit { position: relative; font-size: 28px; font-weight: normal; left: 0px; top: -16px; } #store-container .main-price .per { margin-left: 6px; font-size: 14px; font-weight: normal; color: #666666; } #store-container .features-list { padding: 14px 30px; height: 100px; border-bottom: 2px solid #f7f7f7; } #store-container .features-list li { padding: 2px 0; list-style: disc inside; } #store-container .go-amazon { padding: 16px 19px; } #store-container .license-list { padding: 16px 19px; background: #f7f7f7; } #store-container .license-list li { position: relative; margin-bottom: 6px; } #store-container .license-list li.last { margin-bottom: 0; } #store-container .license-list li .button { font-size: 12px; } #store-container .license-list li .each-price { position: absolute; font-size: 30px; right: 19px; } #store-container .license-list li .each-price .unit { position: relative; font-size: 16px; top: -8px; left: -2px; } #store-container .hd { position: absolute; width: 246px; border: 1px solid #ffffff; background: #f7f7f7; top: -10px; left: -10px; box-shadow: 0 0 6px 2px #d1d1d1; } #store-container .hd .title { padding: 43px 0 16px 0; } #store-container .hd .main-price { padding-top: 11px; border-width: 2px 0; border-style: solid; border-color: #ececec; } #store-container .hd .features-list { padding: 14px 46px; border-color: #ececec; } #store-container .hd .go-amazon { padding: 16px 26px; } #store-container .hd .license-list { padding: 14px 26px 24px 26px; border-top: 2px solid #ececec; } #store-container .android { margin-left: 233px; } #store-container .game .license-list { height: 220px; } #store-container .game .license-list li .button { font-size: 18px; text-align: center; text-indent: 0; } /* support - tutorials start */ #tutorial-content { position: relative; padding-bottom: 19px; } #tutorial-content .tabs, #tutorial-container .tabs { margin-bottom: 26px; border-bottom: 1px solid #e3e3e3; } #tutorial-content .tabs li , #tutorial-container .tabs li { padding: 10px 20px; border: 1px solid #e3e3e3; border-bottom: none; border-radius: 3px; font-size: 12px; font-weight: normal; background: #ffffff; color: #ee2e24; } #tutorial-content .portfolio-listing { background: url('/en/files/2013/09/bg-tutorial.png') repeat 0 116px; } #tutorial-content .portfolio-listing li { float: left; margin: 0 19px 32px 0; padding: 0 0 32px 0; height: auto; border: none; border-radius: 0; box-shadow: none; } #tutorial-content .portfolio-listing li.last { margin-right: 0; } #tutorial-content .portfolio-listing li span.play-overlay { display: block; position: absolute; padding: 0; width: 300px; height: 183px; background: url('/en/files/2013/09/show-video.png') no-repeat center 66px; cursor: pointer; } #tutorial-content .portfolio-listing li:hover span.play-overlay { display: block; background-position: center -61px; } #tutorial-content .portfolio-listing li span.overlay, #tutorial-content .portfolio-listing li:hover span.overlay { display: none !important; } #tutorial-content .portfolio-listing li a img.wrapped { padding: 0; width: 300px; height: 183px; } #tutorial-content .portfolio-listing li .portfolio-title { margin-top: 23px; padding: 0; } #tutorial-content .portfolio-listing li .portfolio-title a { font-weight: normal; } #tutorial-content .portfolio-listing li .portfolio-title a.portfolio-content-title { margin-bottom: 16px; padding-right: 28px; font-size: 18px; font-family: "Pontano Sans", sans-serif; background: url('/en/files/2013/09/icon-list.png') no-repeat right -429px; color: #0b0b0b; } #tutorial-content .portfolio-listing li.hover .portfolio-title a.portfolio-content-title { color: #0b0b0b; } #tutorial-content .portfolio-listing li .portfolio-title a.portfolio-description { font-size: 13px; } #tutorial-container { position: relative; margin-bottom: 51px; *margin-bottom: 0; *padding-bottom: 51px; } #tutorial-container #post-content { padding: 24px 26px 56px 24px; } #tutorial-container #post-content .title { font-family: 'Pontano Sans', sans-serif; font-size: 24px; line-height: 24px; } #tutorial-container #post-content .video-description { margin-top: 3px; color: #979797; } #tutorial-container #post-content .video-wrap { margin: 36px auto 12px auto; width: 620px; height: 372px; } #tutorial-container #post-content .caption-wrap { margin: 0 auto; width: 620px; } #tutorial-container #post-content .caption-wrap a.button { padding-left: 4px; width: 109px; } #tutorial-container #post-content .caption-wrap .caption { display: none; margin: 12px 0 0 0; padding: 10px; width: 600px; border: 1px solid #ccc; background: #ffffff; line-height: 18px; } #tutorial-container #nav-post { margin: 30px 0 0 0; } #tutorial-container #nav-post ul li { font-weight: normal; line-height: 18px; } #tutorial-container #nav-post ul li span { margin-left: 11px; padding-right: 0; width: 15px; background: url('/en/files/2013/09/icon-list.png') no-repeat -2px -186px; } #tutorial-container #nav-post ul li a { padding-left: 16px; color: #ee3127; } #tutorial-container #nav-post ul li.next span { background-position: -2px -152px; } /* support - tutorials end */ /* privacy policy start */ #privacy-title { margin-bottom: 20px; padding-bottom: 10px; height: 33px; border-bottom: 3px solid #2f2f2f; } #privacy-container { margin-bottom: 20px; padding: 34px 29px; border: 1px solid #eeeeee; box-shadow: 0 0 1px 5px rgba(240, 240, 240, 0.5) inset; } #privacy-container ol { list-style: none; } #privacy-container ol h3 { margin-bottom: 5px; font-size: 14px; font-weight: bold; } #privacy-container ol li.list-rule { margin-bottom: 25px; } #privacy-container ol li.list-rule ol { margin: 5px 0 5px 10px; } #privacy-container p { margin: 0; } #privacy-container #last-updated { color: #00A950; } /* privacy policy end */ /* Dialog */ .dialog-wrap { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; } .dialog-overlay { width: 100%; height: 100%; position: inherit; top: 0; left: 0; background-color: #000; z-index: 101; opacity: 0.3; filter: alpha(opacity=20); } .dialog { position: fixed; _position: absolute; border: 3px solid #999; border-radius: 6px; z-index: 102; font-size: 18px; background-color: #ffffff; box-shadow: 0 0 6px rgba(0,0,0,0.33); color: #474747; top: 8%; left: 50%; } .dialog button, .dialog a.button, .dialog button:hover, .dialog a.button:hover { background: none; padding: 0; margin: 0; } .dialog-header { margin: 0; padding: 9px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #eee; background-color: #fefefe; font-family: "Pontano Sans", sans-serif; font-size: 16px; font-weight: bold; line-height: 1; } .dialog-close { width: 18px; height: 18px; position: absolute; top: 8px; right: 8px; font-size: 24px; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; text-decoration: none; line-height: 16px; color: #000; border: 0; cursor: pointer; background-color: transparent; opacity: 0.2; filter: alpha(opacity=20); z-index: 104; } .dialog-close:hover { opacity: 0.6; filter: alpha(opacity=60); } .dialog-body { padding: 10px; font-size: 12px; } .dialog-body p { width: auto; font-size: 1.1em; line-height: 18px; } .dialog-footer { padding: 5px; border-top: 1px solid #eee; background-color: #f6f6f6; text-align: right; border-radius: 0 0 3px 3px; } .video .dialog .dialog-body { min-width: 874px; } .video .dialog iframe { float: left; border: 1px solid #ccc; } .video .dialog .video-script { float: left; overflow-y: auto; width: 280px; height: 295px; padding: 10px; border: 1px solid #ccc; margin-left: 10px; } .video .dialog .video-script strong { color: #EE2E24; } .video .dialog .video-script p { margin-bottom: 10px; } .video .dialog .video-script a { color: #EE2E24; } .video .dialog .video-script a:hover { text-decoration: underline; } .video.no-script .dialog-body { min-width: 562px; } .video.no-script .video-script { display: none; } .customized .dialog-header { padding: 12px 20px; border-bottom: none; font-size: 20px; font-weight: normal; background: #f6f6f6; line-height: 20px; } .customized .dialog-body { padding: 20px 12px; } .customized .dialog-body li { margin: 0 0 16px 0; padding-left: 39px; height: 38px; background: url('/en/files/2014/08/icon-licenses.png') no-repeat 0 -38px; } .customized .dialog-body li.last { margin: 0; } .customized .dialog-body li.upgrade { background-position: 0 -38px; } .customized .dialog-body li.upgrade-guide { padding: 0; height: auto; background: none; } .customized .dialog-body li .text { float: left; margin-left: 10px; font-size: 16px; line-height: 38px; } .customized .dialog-body li .btn-wrap { float: right; margin: 0; } .customized .dialog-body li .btn-wrap .button { margin: 0; width: 80px; height: 36px; background: #686868; line-height: 36px; text-indent: 0; text-align: center; } .customized .dialog-body li .btn-wrap .button:hover { border: 1px solid #c70e0e; background: #ee2e24; } .customized .dialog-body li .btn-wrap .button .ment, .customized .dialog-body li .btn-wrap .button:hover .price { display: none; } .customized .dialog-body li .btn-wrap .button:hover .ment { display: block; } .customized .dialog-body li .btn-wrap .button .price { font-size: 26px; } .customized .dialog-body li .btn-wrap .button .price .unit { position: relative; font-size: 16px; top: -6px; left: -2px; } /* PlugIn PageTemplete hyunsik-kim */ /* Common */ /* wp-customer-review customizing */ #wpcr_respond_1 { display: none; position: relative; margin-bottom: 20px; padding: 0 42px 0px 42px; width: 940px; *z-index: -1; clear: both !important; word-break: break-all; } #wpcr_respond_1 .title { font-family: 'Pontano Sans',sans-serif; font-size: 28px !important; } #wpcr_respond_1 #wpcr_table_2 .comment-field { font-size: 16px; } #wpcr_respond_1 #wpcr_table_2 .td-footer { padding: 20px 0; } #wpcr_respond_1 #wpcr_button_1 { background: url(/en/files/2013/09/icon-list.png) no-repeat -2px -154px; } #wpcr_respond_1 .wpcr_status_msg ul li { background: url('/en/files/test/icon-list2.png') no-repeat -2px -571px; } #wpcr_respond_2 { padding-top: 5px; padding-right: 0px; margin-top: 11px; background: url('images/common/bg-content-top.gif') no-repeat top; *zoom: 1; } #wpcr_respond_2 caption { display: none; } #wpcr_respond_2 .wpcrcform { padding: 31px 31px 10px 31px; background: url('images/common/bg-content-middle.gif') repeat-y; overflow: hidden; } #wpcr_respond_2 .wpcrcform td { position: relative; vertical-align: top; } #wpcr_respond_2 .wpcrcform .comment-field { display: inline-block; padding-right: 13px; font-family: 'Pontano Sans', sans-serif; font-size: 19px; vertical-align: top; } #wpcr_respond_2 .wpcrcform .comment-test { display: inline-block; width: 150px; } #wpcr_respond_2 .wpcrcform .td-textarea { vertical-align: top; } #wpcr_respond_2 .wpcrcform .text-input, #wpcr_respond_2 .wpcrcform .text-area { padding: 0px 8px; border-style: solid; border-width: 2px 1px 1px 2px; border-color: #b4b4b4 #eee #eee #b4b4b4; border-radius: 3px; background: white; resize: none; } #wpcr_respond_2 .wpcrcform .text-input { margin: 0 0 20px 0; padding: 2px 5px; width: 288px; font-size: 16px; } #wpcr_respond_2 .btn-submit { float: right; margin-top: 5px; *margin-top: -15px; } #wpcr_respond_2 .blow-text { position: absolute; display: inline-block; top: 6px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #wpcr_respond_2 .text-input, #wpcr_respond_2 .text-area { border-bottom-left-radius: 0px; } } .require-mark { color: red; } .review-guide { display: inline-block; padding: 2px 32px; background: url('/en/files/2013/06/review-icon.gif') no-repeat 0px 1px; font-size: 11px; font-weight: normal; } .review-guide a { color: red; } #wpcr_respond_1 .list-userreview li { padding: 25px 23px 27px 23px; border-bottom: 1px solid #eee; } #wpcr_respond_1 .list-userreview li:nth-child(odd) { background: #fdfdfd; } #wpcr_respond_1 .list-userreview li h4 { position: relative; margin-bottom: 13px; padding: 0 16px 0 31px; height: 22px; background: url(/en/files/2013/09/icon-userthumbnail.png) no-repeat 0px 0; line-height: 22px; font-family: 'meiryo', sans-serif; font-size: 18px; color: green; } .review-commentlabel { display: inline-block; width: 150px; } .review-commentlabel.required label { display: inline-block; background: url(/en/files/test/icon-list1.png) no-repeat right -553px; } .btn-submit, .btn-submit input { position: relative; display: inline-block; height: 43px; padding: 0; margin: 0; border: none; background: url(/en/files/test/btn-submits.png) no-repeat left 0px; vertical-align: top; font-size: 21px; font-family: 'meiryo', sans-serif; text-decoration: none; white-space: nowrap; line-height: 43px; overflow: visible; cursor: pointer; } .btn-submit input { padding: 0px 22px 0px 18px; border: none; color: #ffffff; left: 4px; } /* .header { padding: 110px 0px 25px 0px; } .header h2 { display: inline-block; *float: left; height: 28px; padding-top: 2px; margin-right: 20px; text-indent: -9999px; } .header h3 { display: inline; vertical-align: bottom; font-weight: normal; *vertical-align: -13px; } .header h3.long-summary { display: inline-block; vertical-align: middle; font-weight: bold; *vertical-align: -13px; } */ .page-template .attention { color: #ee2e24; } .page-template .required-mark { display: inline-block; vertical-align: top; color: #ee2e24; } #main p .blank-link { padding-right: 10px; font-size: 13px; background: url(/en/files/2013/07/btn-redarrow.gif) no-repeat 97% 58%; *background: url(/en/files/2013/07/btn-redarrow.gif) no-repeat 97% 55%; color: #ee2e24; text-decoration: none; } #main p .blank-link:hover { text-decoration: underline; } .btn-nav-submit { display: inline-block; position: relative; background: url('/en/files/2013/08/btn-send.gif') no-repeat; cursor: pointer; } .btn-nav-submit a, .btn-nav-submit input { margin: 0px; border: none; background: none; line-height: 19px; cursor: pointer; color: white; font-weight: bold !important; font-family: 'Malgun Gothic','Dotum','Gulim'; } .btn-nav-submit .wpcf7-submit { padding: 16px 99px; color: white; text-indent: -9999px; } .btn-nav-submit span, .btn-nav-movie span { position: absolute; width: 22px; height: 35px; top: 0px; right: -22px; *right: -20px; cursor: pointer; background: url(/en/files/2013/06/btn-triallist.png) no-repeat right -73px; text-indent: -9999px; } .btn-nav-movie { position: relative; display: inline-block; width: 185px; background: url(/en/files/2013/06/btn-triallist.png) no-repeat 0px -73px; font-size: 14px !important; cursor: pointer; } .btn-nav-movie a { display: inline-block; padding: 5px 21px 8px 17px; text-decoration: none; margin: 0px; border: none; background: none; line-height: 19px; cursor: pointer; color: white; font-weight: bold !important; font-family: 'Malgun Gothic','Dotum','Gulim'; } .bottom-space { position: relative; text-align: right; } .btn-caption { display: inline-block; margin-top: 12px; padding: 11px 17px; border: 1px solid #eee; border-radius: 3px; background-color: white; color: black; text-decoration: none !important; } .nav-page { position: absolute; padding-left: 15px; font-size: 11px; font-family: 'Roboto',sans-serif; background: url(/en/files/2013/08/icon-pagenavi.png) no-repeat center left; color: #909090; top: 12px; right: 0px; } .nav-page strong { display: inline-block; font-weight: normal; color: #42b670; } .editor-post a { color: #ee2e24; text-decoration: underline; } .editor-post h3 { font-size: 18px; } .editor-post h4 { font-size: 17px; } .editor-post h5 { font-size: 16px; } .editor-post h6 { font-size: 15px; } .editor-post img { margin-top: 19px; } .single-post .editor-post { padding-top: 5px; background: url('images/common/bg-content-top.gif') no-repeat top; } .single-post .editor-post .list-end { height: 6px; margin-top: -11px; background: url('images/common/bg-content-bottom.gif') no-repeat top !important; } .single-post .editor-post .post-entry { position: relative; padding: 27px 135px 28px 37px; background: url('images/common/bg-content-middle.gif') repeat-y; } .single-post .editor-post .post-entry .title { padding-left: 15px; margin-bottom: 14px; background: url('/en/files/2013/08/icon-greensquare.gif') no-repeat left; color: #05ab53; font-size: 18px; font-weight: normal; } .single-post .editor-post .post-entry time { position: absolute; top: 30px; right: 52px; } .single-post .editor-post .post-entry p { margin-left: 16px; } .single-post .editor-post .post-entry ul, .single-post .editor-post .post-entry ol { list-style: none; padding-left: 17px; } .single-post .editor-post .post-entry img { padding-left: 17px; } .single-post .editor-post .post-title { padding-left: 20px; color: #05ab53; font-size: 18px; font-weight: 400; text-decoration: none; } #pagination { margin-top: 11px; overflow: hidden; } #pagination ul { float: right; padding:0; margin:0; } #pagination ul li { float:left; padding :0; margin-left :6px; display:block; } #pagination ul li a { display: block; padding: 10px 12px; border: 1px solid #dbdbdb; border-radius: 3px; background: url('/en/files/test/line-pageunderbar.gif') no-repeat center 24px; color: #ee2e24; line-height: 12px; } #pagination ul li.current a { border-color: #000; background: #333 url('/en/files/test/line-pageunderbar.gif') no-repeat center -7px; color: #fff; } /* FAQ */ .faq #snb { float: left; display: inline-block; margin-right: 39px; width: 216px !important; min-height: 300px; } #faq-container { margin-bottom: 51px; border-bottom: 1px solid #e3e3e3; } #faq-container .qna { margin: 0px; } #faq-container h3 { position: relative; padding-bottom: 10px; margin-top: 8px; border-bottom: 3px solid black; color: black; font-family: "Pontano Sans", sans-serif; font-size: 24px; } #faq-container #post-content ul { list-style: none; } #faq-container #post-content ul li { position: relative; } #faq-container #post-content ul img { position: absolute; display: inline-block; top: 25px; } #faq-container #post-content .wp-wp-super-faq-question-closed { display: block; padding: 25px 20px 25px 28px; border-bottom: 1px solid #eee; background: url(/en/files/2013/07/btn-blackarrow.gif) no-repeat right 33px; color: #666; text-decoration: none; } #faq-container #post-content .wp-wp-super-faq-question-closed:hover { background: url(/en/files/2013/07/btn-redarrow.gif) no-repeat right 33px; color: #ee2e24; } #faq-container h4 .wp-super-faq-triangle { display: none; } #faq-container .wp-super-faq-answer { display: none; padding: 0px 20px 25px 28px; margin: 0px; border-bottom: 1px solid #eee; background: url(/en/files/2013/06/icon-answer.gif) no-repeat left -1px; font-size: 12px; } .circle-icon { display: inline-block; color: white; } .circle-icon.red { background: url(/en/files/2013/07/icon-green.png) no-repeat; } .circle-icon.green { background: url(/en/files/2013/07/icon-green.png) no-repeat; } .single-wp_super_faq .question, .single-wp_super_faq .answer { position: relative; padding: 25px 20px 25px 28px; } .single-wp_super_faq .question { } .single-wp_super_faq .post-entry .qna { position: absolute; top: 28px; left: 0px; } .single-wp_super_faq .post-entry { min-height: 228px; margin-bottom: 10px; border-bottom: 1px solid #eee; } .btn-postlist { display: inline-block; padding: 7px 46px 7px 15px; border: 1px solid #d3d3d3; border-radius: 3px; background: url(/en/files/2013/07/icon-list.png) no-repeat 55px center; text-decoration: none !important; color: black !important; box-shadow: 0 0 3px 1px #d3d3d3; } .btn-posttop { display: inline-block; padding: 10px 50px 10px 17px; margin-top: 58px; border: 1px solid #d3d3d3; border-radius: 3px; background: url(/en/files/2013/07/icon-top.png) no-repeat 66px center; color: black; font-weight: bold; text-decoration: none; box-shadow: 1px 1px 10px #d3d3d3; } .btn-posttop-edit { display: inline-block; padding: 4px 50px 4px 17px; border: 1px solid #d3d3d3; border-radius: 3px; background: url(/en/files/2013/07/icon-top.png) no-repeat 66px center; color: black; font-weight: bold; text-decoration: none; box-shadow: 1px 1px 10px #d3d3d3; } .btn-postplace { margin: 10px 0 20px 0 !important; text-align: right; } .side-navtab { position: relative; border-bottom: 1px solid #e3e3e3; } .side-navtab:after { display: block; height: 0; content: ''; visibility: hidden; clear: both; } .side-navtab a, .side-navtab span { display: inline-block; float: left; margin: 0 -1px -1px 0; padding: 10px 20px; border: 1px solid #e3e3e3; border-bottom: 0; border-radius: 3px; font-size: 12px; background-color: #fbfbfb; color: #262626; text-align: center; text-decoration: none; line-height: 18px; } .side-navtab span.litecam-game { padding: 10px 0; width: 113px; height: 18px; *border-bottom: 1px solid #e3e3e3; border-right: none; text-indent: -9999px; cursor: default; } .side-navtab a.on { border-bottom: 1px solid #ffffff; background-color: #ffffff; color: #ee2e24; } /* Press */ .press #post-content { margin-bottom: 20px; padding-top: 5px; padding-right: 0px; background: url('images/common/bg-content-top.gif') no-repeat top; } .press .post-entry { position: relative; } .press .post-entry h2 { font-weight: bold; } .press .post-entry { list-style: none; padding: 0px 19px; background: url('images/common/bg-content-middle.gif') repeat-y; } .press .post-entry li { position: relative; padding: 27px 200px 25px 18px; border-bottom: 1px solid #eee; } .press .post-entry li:last-child { border-bottom: none; } .press .post-entry time { position: absolute; top: 30px; right: 33px; } .press .post-entry p { margin-left: 16px; } .press .post-entry .post-excerpt { margin-left: 15px; } .press .post-title { margin-bottom: 14px; background: url(/en/files/2013/08/icon-document.png) no-repeat left 50%; } .press .post-title a { padding: 0px 16px 0px 20px; background: url(/en/files/2013/07/btn-redarrow.gif) no-repeat right 60%; color: #ee2e24; } /* Contact Us */ .contactus #post-content { margin-bottom: 20px; } .contactus #wpcr_respond_1 { display: none; } .contactus .wpcf7 { padding-top: 5px; padding-right: 0px; background: url('images/common/bg-content-top.gif') no-repeat top; *zoom: 1; } .contactus .wpcf7-form { list-style: none; padding: 25px; background: url('images/common/bg-content-middle.gif') repeat-y; *zoom: 1; } .contactus .wpcf7-form label { cursor: pointer; } .contactus .wpcf7-form ul { list-style: none outside none; } .contactus .wpcf7-form .privacy-guide { color: #ee2e24; } .contactus .wpcf7-form textarea { padding: 8px !important; width: 717px; } .contactus .wpcf7-form table { table-layout: fixed; width: 100%; } .contactus .wpcf7-form tr { overflow: hidden; } .contactus .wpcf7-form td { padding: 10px 0px; *overflow: visible; *z-index: 1; } .contactus .wpcf7-form td p { display: inline-block; width: 630px; } .contactus .wpcf7-form .wpcf7-text { height: 24px; line-height: 24px; } .contactus .wpcf7-form .license-row, .contactus .wpcf7-form .steam-row { display: none; } .contactus .wpcf7-form #your-fname.wpcf7-text { margin-right: 29px; *margin-right: 28px; } .contactus .wpcf7-form .radio-field .wpcf7-list-item input { margin: 0px; } .contactus .wpcf7-form .radio-field .wpcf7-list-item span { cursor: pointer; } .contactus .wpcf7-form .radio-field label { vertical-align: middle; } .wpcf7-form select, .contactus .wpcf7-form .wpcf7-text, .contactus .wpcf7-form .wpcf7-textarea, .promotion .wpcf7-form .wpcf7-text, .promotion .wpcf7-form .wpcf7-textarea { padding: 0px 8px; border-color: #b4b4b4 #eeeeee #eeeeee #b4b4b4; border-style: solid; border-width: 2px 1px 1px 2px; border-radius: 3px; font-family: 'arial', sans-serif; font-size: 14px; background: #ffffff; } .contactus .wpcf7-form select { padding: 2px 5px; width: 83%; height: 30px; } .wpcf7-form select option { padding: 5px; } .contactus .wpcf7-form .wpcf7-text[disabled], .contactus .wpcf7-form .wpcf7-textarea[disabled], .promotion .wpcf7-form .wpcf7-text[disabled], .promotion .wpcf7-form select[disabled], .promotion .wpcf7-form .wpcf7-textarea[disabled] { background: #eeeeee; } .promotion .wpcf7-form select { padding: 0; height: 28px; } .contactus .wpcf7-form .checkbox-field td { padding-left: 137px; } .contactus .wpcf7-form .checkbox-field td label { cursor: default; } .contactus .wpcf7-form .radio-field .review-commentlabel, .contactus .wpcf7-form .textarea-field .review-commentlabel { vertical-align: top; } .contactus .wpcf7-form .btn-place { margin-top: 30px; text-align: center; } @media screen and (-webkit-min-device-pixel-ratio:0) { .contactus .wpcf7-form .wpcf7-text, .contactus .wpcf7-form .wpcf7-textarea { border-bottom-left-radius: 0px; } } .contactus .wpcf7-form span.wpcf7-not-valid-tip { position: absolute; top: -1px; *top: 2px; left: 1px; padding: 2px; border: 1px solid #ff0000; background: none repeat scroll 0 0 #fff; font-size: 10pt; z-index: 999; } .contactus .wpcf7-form .checkbox-field .wpcf7-not-valid-tip { left: 28px; } .contactus .wpcf7-form .textarea-field .wpcf7-not-valid-tip { top: 2px; } .contactus .wpcf7-form .textarea-field span.wpcf7-form-control-wrap, .contactus .wpcf7-form .checkbox-field span.wpcf7-form-control-wrap { display: inline-block; } .contactus .wpcf7-form .bbp-btn-submit-wrapper { text-align: center; } .contactus-template-contact-php .list-end { height: 6px; margin-top: -11px; background: url('images/common/bg-content-bottom.gif') no-repeat top !important; } .wpcf7-radio .wpcf7-list-item { margin: 0px 75px 0px 0px; } .wpcf7-submit { width: 205px; } .wpcf7 td .contactus-field { *float: left; padding-right: 13px; font-family: "Pontano Sans",sans-serif; font-size: 17px; } .wpcf7 td .review-commentlabel.required.name { width: auto; } .wpcf7 td .review-commentlabel.required.name label { margin-right: 10px; padding-right: 0; font-size: 14px; background: none; } .required-text { display: inline-block; position: absolute; padding: 12px 0px 0px 10px; color: #00a950; z-index: 99999; cursor: pointer; } .required-text.short { width: 277px; } .required-text.middle { width: 431px; } .required-text.long { width: 739px; } .required-text.textarea { width: 739px; height: 197px; } .contactus .separat-header td { padding-top: 32px !important; *zoom: 1; *height: 1%; } .contactus .separat-footer td { padding-bottom: 32px; border-bottom: 1px solid #eee; *zoom: 1; *height: 1%; } .wpcf7-form .wpcf7-not-valid-tip { width: 250px; } .wpcf7-form .radio-field ul { display: inline-block; width: 720px; overflow: hidden; } .wpcf7-form .radio-field ul li { float: left; display: inline-block; width: 28%; margin: 0px 0px 4px 0px; } .wpcf7-form .radio-field .review-commentlabel { *float: left; } .tb-short .wpcf7-text { width: 262px; } .tb-middle .wpcf7-text { width: 423px; } .tb-long .wpcf7-text { width: 717px; } /* Tutorial */ .tutorial .portfolio-listing li { border: 1px solid #e6e6e6; border-radius: 3px; box-shadow: 0px 2px 0px 0px #eee; } /*.tutorial .portfolio-listing li span { padding: 0px 11px; font-size: 11px; }*/ .tutorial .portfolio-listing .portfolio-title .portfolio-content-title { display: inline-block; padding-right: 10px; background: url(/en/files/2013/06/btn-arrows.gif) no-repeat right -16px; text-decoration: none; font-size: 14px; } .tutorial .portfolio-listing li.hover .portfolio-content-title { color: #05ab53; } .tutorial .portfolio-listing .portfolio-title a { text-decoration: none; } .single-jw_portfolio #post-content { position: relative; padding: 24px 26px; background-color: black; } .single-jw_portfolio .btn-postlist { position: absolute; margin: 10px 0px; text-align: right; top: 0; right: 0px; } .single-jw_portfolio .btn-postlist a { display: inline-block; padding: 6px 20px; background-color: #333; border-radius: 3px; color: white; text-decoration: none; } .single-jw_portfolio #nav-post { position: relative; margin-top: 16px; border-top: 1px solid #e3e3e3; } .single-jw_portfolio #nav-post ul { display: inline-block; width: 631px; list-style: none outside none; } .single-jw_portfolio #nav-post ul li { padding: 15px 0px; border-bottom: 1px solid #e3e3e3; color: #333; font-weight: bold; } .single-jw_portfolio #nav-post ul li span { display: block; padding-right: 25px; background: url('/en/files/2013/08/btn-updown-arrow.png') no-repeat left 0px; text-indent: -9999px; } .single-jw_portfolio #nav-post ul li.prev span { background-position: left 6px; } .single-jw_portfolio #nav-post ul li.next span { background-position: left -21px; } .single-jw_portfolio #nav-post ul li a { color: #333; text-decoration: none; cursor: pointer; } .single-jw_portfolio #nav-post ul li a:hover { color: #ee2e24; } #subtitles { display: none; overflow-y: auto; height: 200px; padding: 10px; border: 1px solid #ccc; background: #fff; } #subtitles.on { display: block; } #subtitles strong { color: #ee2e24; } .single-jw_portfolio .movie-script { margin: 20px 0px; } .single-jw_portfolio #nav-movie { position: relative; margin-bottom: 20px; } /* guide, faq side bar */ #snb { display: inline-block; margin: 0; padding: 0 0 60px 0; border-right: 1px solid #e3e3e3; border-radius: 0 5px 0 0; line-height: 16px; } #snb .aside-list { margin: 0px 9px 0 0; padding-bottom: 58px; border-bottom: 1px solid #e3e3e3; } #snb .aside-list li { *height: 1%; vertical-align: middle; } #snb .aside-list li a { display: inline-block; width: 87%; padding: 7px 0px; font-size: 13px; text-decoration: none; color: #262626; } #snb .aside-list li.on a { color: #ee2e24; } #snb .aside-list li a:hover { background: url('/en/files/2013/07/btn-redarrow.gif') no-repeat 176px center; color: #ee2e24; } #snb .aside-list li img { display: inline-block; float: left; padding: 8px 9px 0 0; } #snb .aside-list li.sub-menu a { width: 100%; } #snb .aside-list li.sub-menu a:hover { background-position: right center; } #snb .aside-list .sub-menu { padding-left: 35px; background: url('/en/files/icon/guide/line-submenu2.gif') no-repeat 7px -37px; } #snb .aside-list .sub-menu.last { background-position: 7px -80px; } /* Online Guide */ #aside-category { margin: 10px 0; padding: 0 6px 0 10px; width: 186px; border-radius: 15px; border: 1px solid #cccccc; font-size: 14px; background: #f9f9f9; box-shadow: 0 -2px 0 0px #b5b5b5; } #aside-category.active { border-radius: 15px 15px 0 0; } #aside-category p { padding: 5px 0; background: url('/en/files/2013/09/icon-list.png') no-repeat right -92px; cursor: pointer; } #aside-category ul { display: none; position: absolute; padding: 0; width: 204px; background: #f9f9f9; top: 36; left: 0; } #aside-category ul li { padding: 5px 6px 5px 10px; border-style: solid; border-color: #cccccc; border-width: 0 1px 0 1px; } #aside-category ul li.last { padding-bottom: 10px; border-bottom: 1px solid #cccccc; border-radius: 0 0 15px 15px; } #aside-category ul li a { padding: 0; width: auto; } #aside-category ul li a:hover { text-decoration: underline; } .aside-list .shortcut-keys, .aside-list .stoppause-recording, .aside-list.litecam-hd .select-an-area, .aside-list.litecam-hd .pip, .aside-list.litecam-hd .extract-audio-file, .aside-list.litecam-android .install-usb-drivers, .aside-list.litecam-android .audio-format, .aside-list.litecam-android .pip, .aside-list.litecam-android .extract-audio-file, .aside-list.litecam-game .select-area, .aside-list.litecam-game .osd, .aside-list.litecam-game .convert-video-file { background-position: 7px -80px; } #guide-container { margin-bottom: 51px; border-bottom: 1px solid #e3e3e3; } #guide-container #guide-content { padding: 0 0 60px 0; } #guide-container #guide-content .title { position: relative; padding-bottom: 10px; margin: 8px 0px 53px 0px; border-bottom: 3px solid black; color: black; font-family: "Pontano Sans", sans-serif; font-size: 24px; } #guide-container #snb { float: left; margin-right: 39px; width: 216px; min-height: 300px; } #guide-container .guide-info { margin-top: -14px; padding: 0px 0px 45px 0px; border-bottom: 1px solid #eee; overflow: hidden; } #guide-container .guide-info img { display: block; float: left; margin: 0px 50px 0px 43px; overflow: hidden; } #guide-container .guide-info .info { display: inline-block; width: 455px; margin-top: 15px; vertical-align: top; } #guide-container .list-guideitem-small { list-style: none; *overflow: hidden; } #guide-container .list-guideitem-small.last { margin-bottom: 50px; padding-bottom: 57px; border-bottom: 1px solid #eee; } #guide-container .list-guideitem-small:after { display: block; content: ""; clear: both; } #guide-container .list-guideitem-small li { float: left; width: 189px; margin-bottom: 10px; vertical-align: top; } #guide-container .list-guideitem-small li p { margin: 0px; } #guide-container .list-guideitem-small li .guide-num { padding: 5px 0px 5px 38px; margin: 18px 0px 10px 0px; background: url('/en/files/test/list-guidenumber.png') no-repeat; font-family: 'Pontano Sans',sans-serif; font-size: 18px; color: black; } #guide-container .list-guideitem-small li .guide-num.two { background-position: 0px -84px; } #guide-container .list-guideitem-small li .guide-num.three { background-position: 0px -166px; } #guide-container .list-guideitem-small li .guide-num.four { background-position: 0px -250px; } #guide-container .list-guideitem-small li .guide-num.five { background-position: 0px -334px; } #guide-container .list-guideitem-small li .guide-num.six { background-position: 0px -418px; } #guide-container .list-guideitem-small li .guide-num.seven { background-position: 0px -502px; } #guide-container .list-guideitem-small li.center { padding: 0px 57px; } #guide-container .list-guideitem-small li img { display: inline-block; } #guide-content a { color: #ee2e24; text-decoration: underline; } #guide-content h4 { color: black; font-size: 14px; } #guide-content .title-editor { margin-bottom: 5px; font-size: 16px; color: black; line-height: 18px; } #guide-content .list-bullet { padding-left: 15px; list-style-type: disc; } #guide-content .undertitle { text-decoration: underline; } #guide-content img { margin-top: 19px; } #guide-content ul li { margin-bottom: 22px; } /* faq */ #faq-container .title { position: relative; padding-bottom: 10px; margin: 8px 0px 0px 0px; border-bottom: 3px solid black; color: black; font-family: "Pontano Sans", sans-serif; font-size: 24px; } /* Promotion */ .promotion #post-content { margin-bottom: 20px; padding-top: 5px; padding-right: 0px; background: url('images/common/bg-content-top.gif') no-repeat top; } .promotion .post-entry { padding: 0px 10px; background: url('images/common/bg-content-middle.gif') repeat-y; list-style: none; } .promotion .post-entry li { position: relative; padding: 26px 14px 26px 14px; border-bottom: 1px solid #eee; } .promotion .post-entry li:last-child { border-bottom: none; } .promotion .post-entry time { display: none; position: absolute; top: 30px; right: 33px; } .promotion .post-entry p { margin-left: 16px; } .promotion .post-entry .post-excerpt { margin-left: 15px; } .promotion .post-title { margin-bottom: 15px; background: url(/en/files/2013/08/icon-redsquare.gif) no-repeat left 50%; } .promotion .post-title a { padding: 0px 16px 0px 15px; background: url(/en/files/2013/07/btn-redarrow.gif) no-repeat right 60%; color: #ee2e24; } .promotion .list-end { height: 6px; margin-top: -5px; background: url('images/common/bg-content-bottom.gif') no-repeat top !important; } .single-post .promotion .editor-post .post-entry { position: relative; padding: 27px 24px 28px 24px; background: url('images/common/bg-content-middle.gif') repeat-y; } .single-post .promotion .editor-post .post-title { padding-left: 15px; background: url(/en/files/2013/08/icon-greensquare.gif) no-repeat scroll left 50% transparent; } .promotion .fb_iframe_widget_lift { z-index: 31; } /* placeholder */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #00a950; font-size: 16px; font-family: "Pontano Sans",sans-serif; } input:-moz-placeholder, textarea:-moz-placeholder { color: #00a950; font-size: 16px; font-family: "Pontano Sans",sans-serif;} input::-moz-placeholder, textarea::-moz-placeholder { color: #00a950; font-size: 16px; font-family: "Pontano Sans",sans-serif;} input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #00a950; font-size: 16px; font-family: "Pontano Sans",sans-serif;} .placeholder{ overflow: hidden; font-size: 16px; font-family: "Pontano Sans",sans-serif; color: #00a950; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } /* beta tester form start */ #beta-tester .wpcf7-form .wpcf7-not-valid-tip { width: 194px; left: 2px; top: 2px; } #beta-tester .checkbox-field .wpcf7-not-valid-tip { left: 22px; } #beta-tester .wpcf7-form .two-col { margin-left: 16px; } #beta-tester .wpcf7-form .two-col p { float: left; margin: 0; } #beta-tester .wpcf7-form .two-col p label { margin-right: 7px; width: auto; font-size: 14px; } #beta-tester .wpcf7-form .two-col p .wpcf7-form-control-wrap input { width: 185px; } #beta-tester .wpcf7-form .two-col #user-given { margin-right: 22px; } #beta-tester .wpcf7-form .col-clear { margin-bottom: 20px; } #beta-tester .wpcf7-form .col-clear label { display: block; width: 250px; height: 24px; font-size: 16px; font-family: 'Pontano Sans', sans-serif; line-height: 24px; } #beta-tester .wpcf7-form .col-clear label .required { font-weight: bold; color: red; } #beta-tester .wpcf7-form .col-clear .wpcf7-form-control-wrap { display: block; float: left; } #beta-tester .wpcf7-form .col-clear .wpcf7-form-control-wrap input { width: 570px; height: 24px; line-height: 24px; } #beta-tester .wpcf7-form p .wpcf7-list-item { margin-left: 0; } #beta-tester .btn-place { padding-top: 33px; margin: 63px 0px 33px 0px; border-top: 1px solid #b4b4b4; text-align: center; } #beta-tester .btn-place .btn-submit { text-indent: 0; } #beta-tester .btn-place .btn-submit input { padding: 0; height: 48px; background: url('/en/files/2013/12/icon-medal.png') no-repeat 11px center; left: 0; } .popup-wrap { margin: 0 auto; width: 960px; z-index: 1000; } .popup-wrap .popup-overlay { position: fixed; width: 100%; height: 100%; z-index: 1001; background: #000; opacity: 0.1; top: 0; bottom: 0; left: 0; filter: alpha(opacity=10); } .loading { position: fixed; width: 54px; height: 55px; z-index: 1002; background: url('/en/files/2013/12/loading-circle.gif') no-repeat 0 0; text-indent: 0; font-size: 0; line-height: 0; } .popup-wrap .wpcr_status_msg { position: fixed; padding: 55px 15px 21px 15px; width: 288px; z-index: 1003; border: 5px solid #f6f6f6; font-size: 16px; background: #fff; color: #666666; line-height: 24px; text-align: center; } .popup-wrap .wpcr_status_msg p { margin-bottom: 23px; padding: 0 22px 53px 22px; border-bottom: 1px solid #dbdbdb; } .popup-wrap .wpcr_status_msg .dialog-msg { padding-top: 0; } .popup-wrap .wpcr_status_msg .dialog-msg li { padding: 0; } .popup-wrap.review .wpcr_status_msg .dialog-msg li { padding-left: 16px; text-align: left; } .popup-wrap .wpcr_status_msg span.popup-close { display: inline-block; margin: 0; height: 43px; background: url('/en/files/2013/09/btn-submits.png') no-repeat left 0; cursor: pointer; } .popup-wrap .wpcr_status_msg span.mask-close { left: 0; } .popup-wrap .wpcr_status_msg span.popup-close button { position: relative; margin: 0; padding: 0 50px; height: 43px; border: none; font-size: 21px; font-family: "Pontano Sans",sans-serif; background: url('/en/files/2013/09/btn-submits.png') no-repeat right top; color: #ffffff; left: 4px; line-height: 38px; text-indent: -4px; cursor: pointer; } /* beta test form end */ /* beta tester banner */ #side-banner { position: absolute; margin: 0 0 0 939px; z-index: 30; } .home.page #side-banner, .page-id-1593.page #side-banner, .page-id-1595.page #side-banner { margin: 0 0 0 981px; } /* parking page style : 2014.01.15 edit by soyoung-kim */ #parking .contents { position: relative; margin: 0 auto; padding: 21px 0 0 220px; width: 620px; height: 280px; background: url('images/icon-notice.png') no-repeat 24px 51px; color: #484848; } #parking .contents .logo { display: block; margin: 0; padding: 0; } #parking .contents h1 { margin: 16px 0 14px 0; font-size: 35px; font-weight: bold; line-height: 35px; color: #000000; } #parking .contents .message { margin: 0; font-size: 12px; line-height: 20px; } #parking .contents ul { margin-top: 23px; padding: 8px 0 8px 56px; border: 1px solid #dfdfdf; font-size: 12px; background: #f5f5f5; list-style: disc; line-height: 20px; } #parking .contents ul a:hover { text-decoration: underline; } /* 404 page style : 2014.02.13 add by soyoung-kim */ #not-found-page { margin: 60px auto; padding: 120px 0; width: 940px; border: 8px solid #ececec; text-align: center; } #not-found-page h3 { margin-bottom: 50px; font-size: 60px; font-weight: bold; line-height: 60px; } #not-found-page p { font-size: 18px; line-height: 160%; } /* popup banner : 2014.03.03 add by soyoung-kim */ .popup-banner { position: absolute; z-index: 91; right: 0px; } .popup-banner .btn-popup-close { position: absolute; padding: 10px; border: none; background: transparent; font-family: 'Pontano Sans'; font-size: 40px; cursor: pointer; top: -16px; right: -46px; color: #666666; } .popup-banner .btn-popup-close img { display: block; } #sidebar { float: none; position: absolute; margin: 0; padding: 0; width: auto; z-index: 90; top: 30px; right: 58px; } #sidebar h6 { display: none; } #show-mobile-ver { margin-bottom: 10px; padding: 3px 14px; border: none; border-radius: 10px; background: #555; color: #fff; }