@charset "utf-8"; @import url("jquery.ui.core.css"); @import url("jquery.ui.theme.css"); @import url("jquery.ui.datepicker.css"); /*****************************************/ header { background-color: #000; border-top: 3px solid #F00; } main { min-height: 580px; } /*TopMenu(Logo+btn) *****************************************/ #topmenu.navbar { margin: 0; min-height: 90px; border: 0; padding-top: 10px; background-image: -webkit-linear-gradient(top, #333 0, #000 100%); background-image: -o-linear-gradient(top, #333 0, #000 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); background-image: linear-gradient(to bottom, #333 0, #000 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; } #topmenu .navbar-toggle { border-color: #333; } #topmenu .navbar-toggle:hover, #topmenu .navbar-toggle:focus { background: #333; } #logo { padding: 0; margin: 0; } #logo img { width: 192px; } @media (min-width: 768px) and (max-width: 1200px) { .navbar-header { clear: both; float: none; } #logo img { width: 210px; } } @media (max-width: 767px) { #topmenu.navbar { min-height: 50px; background: #000; padding-top: 0; } #topmenu.navbar-brand { display: inline; } #logo img { width: 120px; margin: 10px 0px 5px 15px; } #topmenu .navbar-toggle .icon-bar { background-color: #fff; } } /*Navigation *****************************************/ #gnav { font-weight: bold; } #gnav>ul>li>a { color: #ddd; } .nav .open>a, #gnav>ul>li>a:hover, #gnav>ul>li>a:focus { color: #fff; background: none; } #gnav .dropdown-menu { background: #000; border-radius: 4px; } #gnav .dropdown-menu>li>a { color: #ccc; padding: 10px 20px; } #gnav .dropdown-menu>li>a:focus, #gnav .dropdown-menu>li>a:hover { background-color: #F00; background-image: -webkit-linear-gradient(top, #e00000 0, #900 100%); background-image: -o-linear-gradient(top, #e00000 0, #900 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#e00000 ), to(#900)); background-image: linear-gradient(to bottom, #e00000 0, #900 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00000 ', endColorstr='#900', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; color: #fff; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu > a:after { border-color: transparent transparent transparent #777; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover { text-decoration: underline; } @media (min-width: 1201px) { #gnav { font-size: 16px; margin-top: 10px; } #gnav>ul { margin-left: 10px; } } @media (min-width: 768px) and (max-width: 1200px) { #gnav { font-size: 15px; margin-top: 0px; } #gnav>ul { margin-left: 0px; } #gnav.navbar-collapse { padding-left: 0px; } } @media (min-width: 768px) { ul.nav li:hover > ul.dropdown-menu { display: block; } } @media (max-width: 767px) { #gnav { margin-bottom: 10px; } #gnav>ul { margin: 0px; } #topmenu .navbar-nav .dropdown-menu > li > a { color: red; background-color: #444; border-radius: 4px; margin-top: 2px; } #topmenu .navbar-nav .open .dropdown-menu > li > a { color: #ccc; } #topmenu .navbar-nav .open .dropdown-menu > li > a:hover, #topmenu .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #E00000; } #topmenu .navbar-nav .open .dropdown-menu { border-bottom: 1px solid #444; border-radius: 0; } .dropdown-menu { padding-left: 10px; } .dropdown-menu .dropdown-menu { padding-left: 20px; } .dropdown-menu .dropdown-menu .dropdown-menu { padding-left: 30px; } li.dropdown.open { border: 0px solid red; } } /*topForm *****************************************/ .topForm { font-size: 12px; } .topForm ul { font-weight: normal; } .topForm_icon { font-size: 18px; vertical-align: text-bottom; padding-right: 2px; } #topSearch .navbar-form .input-group>.form-control { width: auto; } #topLogin>ul { padding: 15px; min-width: 250px; } #topLogin label { color: #ccc; } #topLogin .form-group { margin-bottom: 10px; } @media (min-width: 768px) { ul.nav li.topForm:hover > ul.dropdown-menu { display: none; } ul.nav li.topForm.open > ul.dropdown-menu { display: block; } li.topForm>a { padding: 13px; } } /*footer *****************************************/ footer { background-color: #000; padding: 20px 0 0 0; } .flogo { width: 150px; padding-top: 5px; } @media (min-width: 992px) { .flogo { width: 200px; padding-top: 0px; } } .copyright { font-size: 12px; color: #666; letter-spacing: 0.1em; line-height: 180%; padding: 13px 0; } @media (max-width: 767px) { footer { padding-top: 5px; } .copyright { font-size: 8px; -webkit-transform: scale(0.75); margin: 0; padding: 0; } } /*footer_menu_tablets(768px and up) *****************************************/ #fMenu { color: #828282; padding-bottom: 10px; border-bottom: 1px solid #222; } #fMenu > dl > dt { margin: 10px 0 10px; font-weight: bold; font-size: 18px; } @media (min-width: 992px) { #fMenu > dl > dt { font-size: 22px; } } #fMenu > dl > dd { margin: 6px 0; } #fMenu > dl > dd > a { position: relative; padding-left: 11px; color: #ddd; } #fMenu > dl > dd > a:before { content: ">"; position: absolute; left: 0; top: 0; letter-spacing: 0.1em; font-size: 11px; display: inline-block; vertical-align: top; } #fMenu > dl > dd > a:hover { color: #F00; } #fMenu .snsicon { width: 35px; height: 35px; margin: 0 2px 10px 0; text-indent: -9999px; display: inline-block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #fMenu .snsicon2 { width: 70px; height: 35px; margin: 0 2px 10px 0; text-indent: -9999px; display: inline-block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #fMenu .fb { background: url(../img/sns_icon_1.png) left top no-repeat; } #fMenu .fb:hover { background: url(../img/sns_icon_4.png) left top no-repeat; } #fMenu .tw { background: url(../img/sns_icon_2.png) left top no-repeat; } #fMenu .tw:hover { background: url(../img/sns_icon_5.png) left top no-repeat; } #fMenu .bl { background: url(../img/sns_icon_3.png) left top no-repeat; } #fMenu .bl:hover { background: url(../img/sns_icon_6.png) left top no-repeat; } #fMenu .ins { background: url(../img/sns_icon_12.png) left top no-repeat; } #fMenu .ins:hover { background: url(../img/sns_icon_13.png) left top no-repeat; } #fMenu .tu { background: url(../img/sns_icon_10.png) left top no-repeat; } #fMenu .tu:hover { background: url(../img/sns_icon_11.png) left top no-repeat; } /**********************************/ #fMenu2 { color: #828282; padding-bottom: 0px; text-align:right; margin-top: 60px; /**border-bottom: 1px solid #222;**/ } #fMenu2 .snsicon { width: 35px; height: 35px; margin: 0 2px 10px 0; /**text-indent: 9999px;**/ display: inline-block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #fMenu2 .snsicon2 { width: 70px; height: 35px; margin: 0 2px 10px 0; text-indent: 9999px; display: inline-block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #fMenu2 .fb { background: url(../img/sns_icon_1.png) left top no-repeat; } #fMenu2 .fb:hover { background: url(../img/sns_icon_4.png) left top no-repeat; } #fMenu2 .tw { background: url(../img/sns_icon_2.png) left top no-repeat; } #fMenu2 .tw:hover { background: url(../img/sns_icon_5.png) left top no-repeat; } #fMenu2 .bl { background: url(../img/sns_icon_3.png) left top no-repeat; } #fMenu2 .bl:hover { background: url(../img/sns_icon_6.png) left top no-repeat; } #fMenu2 .ins { background: url(../img/sns_icon_12.png) left top no-repeat; } #fMenu2 .ins:hover { background: url(../img/sns_icon_13.png) left top no-repeat; } #fMenu2 .tu { background: url(../img/sns_icon_10.png) left top no-repeat; } #fMenu2 .tu:hover { background: url(../img/sns_icon_11.png) left top no-repeat; } /*footer_menu_phones(less than 768px) *****************************************/ #fMenu_xs { padding-bottom: 5px; margin: 0; border-bottom: 1px solid #222; } #fMenu_xs, #fMenu_xs>li>ul { list-style: none; padding-left: 0; } #fMenu_xs>li>a { font-weight: 600; padding: 6px 0; margin-bottom: 0; color: #9d9d9d; display: block; text-decoration: none; } #fMenu_xs li a:hover, #fMenu_xs li a:focus { color: #fff; } #fMenu_xs>li>ul { position: static; float: none; width: auto; margin-top: 0; -webkit-box-shadow: none; box-shadow: none; background: #000; } #fMenu_xs>li>ul>li>a { background-color: #444; color: #ccc; border-radius: 4px; margin: 2px 0; } #fMenu_xs>li>ul>li>a:hover, #fMenu_xs>li>ul>li>a:focus { color: #fff; background: #F00; } /*Content *****************************************/ #mainSlide .carousel-indicators .active { margin-right: 5px; } #productSort.flexslider { margin: 10px 0 0 0; border-bottom: 1px solid #ddd; } .wide { width: 100%; height: 100%; height: calc(100% - 1px); background-image: url(../image/banners/banners_265.jpg); background-size: cover; background-position: center; } .wide_txt { background-color: rgba(100%,100%,100%,0.5); margin: 0 auto; border-radius: 15px; text-align: center; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.50); } .wide_block { display: block; } @media (min-width: 1201px) { .wide_txt { width: 40%; font-size: 28px; padding: 70px 60px; } .wide_block { height: 150px; } .wide_txt>.btn { margin-top: 20px; } } @media (min-width: 768px) and (max-width: 1200px) { .wide_txt { width: 50%; font-size: 18px; padding: 35px 50px; } .wide_block { height: 60px; } .wide_txt>.btn { margin-top: 20px; } } @media (max-width: 767px) { #newProduct_xs { margin-bottom: 200px; margin-top: 0; } #newProduct_xs img { width: 100%; } .wide_txt { width: 100%; font-size: 16px; padding: 35px 50px; position: relative; top: -200px; background: none; } .wide_txt>.btn { margin-top: 10px; } } /*Product Content *****************************************/ #landingKV { width: 100%; margin-bottom: 30px; } .mian_title { float: left; } .mian_title_noKV { margin-top: 60px; } .sortSelect { float: right; margin-top: 35px; font-weight: normal; } .mian_line { clear: both; border-top: 1px solid #bbb; } .mian_line2 { clear: both; border-top : dotted 5px solid #d5d5d5; } @media (max-width: 767px) { .mian_title { font-size: 26px; } } #compare { width: 100%; background-color: #d5d5d5; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 38px; height: 38px; margin-bottom: 32px; } #compare strong { float: left; margin: 0px 20px 0px 18px; padding: 0px 0px 0px 24px; background-image: url(../img/compare_icon.png); background-repeat: no-repeat; background-position: left 9px; } #compare .btn { background-repeat: no-repeat; background-position: left top; border-width: 0px; border-style: none; font-size: 0px; height: 24px; width: 85px; margin-right: 10px; background-color: transparent; margin-top: 7px; float: left; display: block; line-height: 0px; } #compare .btn:hover { background-position: left bottom; } #compare .compare { background-image: url(../img/btn_compare.png); height: 24px; } #compare .clearAll { background-image: url(../img/btn_compare_clear_all.png); } #compare2 { width: 100%; /*background-color: #d5d5d5;*/ font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 38px; height: 38px; margin-bottom: 32px; } #compare2 .btn { background-repeat: no-repeat; background-position: left top; border-width: 0px; border-style: none; font-size: 0px; height: 24px; width: 85px; margin-right: 10px; background-color: transparent; margin-top: 7px; float: left; display: block; line-height: 0px; } #compare2 .btn:hover { background-position: left bottom; } #compare2 .filter { background-image: url(../img/btn_compare2_filter.png); height: 24px; } #compare2 .clearfilter { background-image: url(../img/btn_compare2_clear_filter.png); } #productList { float:left; width:100%; } #productList .productInfo { font-size: 12px; color: #555; margin-bottom: 35px; height: 420px; padding-bottom: 20px; border-bottom: 1px solid #ddd; overflow: auto; } #productList .productInfo figure img { width: 100%; margin: 0px; padding: 0px; } #productList .productInfo .type { font-family: Verdana, Geneva, sans-serif; font-size: 13px; display: block; color: #333; padding: 20px 0 0 0; text-decoration: none; height: 65px; } #productList .productInfo .type:hover { color: #c20; } #productList .productInfo .info { line-height: 18px; margin: 10px 0; height: 130px; } @media (max-width: 767px) { #productList .productInfo .info { margin-top: 10px; height: 50px; } #productList .productInfo { margin-bottom: 20px; height: 380px; } } @media (max-width: 479px) { #productList .productInfo { height: 310px; } #productList .productInfo .type { height: 75px; } } #productList .productInfo .info ul { list-style-type: none; padding-left: 0px; } #productList .productInfo .info ul li { background-image: url(../img/bullet_555.gif); background-repeat: no-repeat; background-position: 3px 8px; padding-left: 10px; line-height: 16px; padding-top: 2px; padding-bottom: 2px; } #productList .productInfo .info ul li a { color: #555; text-decoration: underline; } #productList .productInfo .btn { width: 100%; text-align: center; position: relative; padding: 0; border: none; font-size: 0px; } #productList .productInfo .btn input { width: 100%; font-size: 0px; line-height: 0px; text-indent: -9999px; height: 29px; background-color: transparent; background-repeat: no-repeat; background-position: center top; padding: 0px; margin: 0px; border-width: 0px; border-style: none; border-radius: 4px; } #productList .productInfo .btn .addCompare { background-image: url(../img/btn_compare_add.png); } #productList .productInfo .btn .clearCompare { background-image: url(../img/btn_compare_clear.png); display: none; } #productList .productInfo .btn .compareChkbox { position: absolute; left: 0px; top: 0px; z-index: -1; } .productListAlert { display: none; padding: 10px; } .productListAlert p { font-weight: bold; color: #333; margin: 0px; padding: 0px; line-height: 20px; } /*Paging *****************************************/ #paging { float: left; margin: 20px 0; position: relative; clear: both; } #paging a { font-size: 12px; font-weight: bold; color: #333; line-height: 39px; height: 38px; display: block; width: 37px; float: left; text-align: center; background-image: url(../img/paging_bg.png); background-repeat: no-repeat; background-position: left top; } #paging a:hover { color: #c20; } #paging #prev { width: 75px; background-image: url(../img/paging_prev.png); } #paging #next { width: 75px; background-image: url(../img/paging_next.png); } #paging .current { background-image: url(../img/paging_current.png); color: #FFF; } #paging .current:hover { color: #CCC; } #paging #disablePrev { width: 75px; background-image: url(../img/paging_prev.png); font-size: 12px; font-weight: bold; color: #aaa; line-height: 39px; height: 38px; display: block; float: left; text-align: center; } #paging #disableNext { width: 75px; background-image: url(../img/paging_next.png); font-size: 12px; font-weight: bold; color: #aaa; line-height: 39px; height: 38px; display: block; float: left; text-align: center; } /*Filter_tablets *****************************************/ #filter { width: 90%; margin-top: 91px; } #filter, #filter ul, #filter li { list-style: none; padding: 0; } #filter h4 { font-size: 14px; color: #fff; padding: 10px 0 10px 15px; margin: 0; background-color: #333; } #filter .filter_title { font-size: 13px; padding: 15px; margin-bottom: 1px; font-weight: bold; background-color: #eee; } .filter_title > ul { margin-top: 5px; } .filter_title > ul > li > a { color: #666; font-size: 12px; font-weight: normal; padding: 5px 0; display: block; } .filter_title > ul > li > a:hover { color: #F00; text-decoration: none; } /*Filter_phones *****************************************/ #filter_xs { background-color: #333; clear: both; margin: 10px 0; } #filter_xs h4 { font-size: 14px; color: #fff; float: left; padding: 0 15px 0 7px; margin: 0; height: 44px; line-height: 44px; } #filter_xs select { border: 0 !important; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: #555 url(../img/select-arrow.png) no-repeat 90% center; text-indent: 0.01px; text-overflow: ""; color: #fff; padding: 5px; box-shadow: inset 0 0 5px rgba(000,000,000, 0.5); margin: 6px 6px 6px 0; } #filter_xs select::-ms-expand { display:none; } #filter_xs select.size { width: 70px; } #filter_xs select.features { width: 100px; } /*product_photo *****************************************/ .breadcrumb { background: none; margin-top: 15px; font-family:'Open Sans',sans-serif; } #photo { margin-bottom: 5px; } #photoPager.flexslider { border: 2px solid #999; background: none; border-radius: 0px; padding: 3px; } #photoPager img { display: block; opacity: .5; cursor: pointer; } #photoPager .flex-active-slide img { opacity: 1; cursor: default; } /*product_data *****************************************/ #product_data h1 { font-size: 30px; line-height: 1.2; font-family:'Open Sans',sans-serif; } #product_data h3 { font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 20px; font-family:'Open Sans',sans-serif; } #product_data ul { list-style-type: none; padding-left: 0px; margin-top: 20px; margin-bottom: 60px; } #product_data ul li { font-size: 18px; line-height: 1.6; font-family:'Open Sans',sans-serif; } #product_data .addCart { font-size: 20px; color: #fff; width: 200px; height: 40px; text-align: center; background-image: url(../img/btn_rad.jpg); border: 1px solid #900; border-radius: 8px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); margin-bottom: 20px; } #product_data .shareIcons img { width: 35px; } #product_data .shareIcons { margin-right: 5px; } @media (min-width: 768px) { #product_data { padding-left: 5%; } } @media (max-width: 767px) { #product_data .btns { margin: 0 auto; text-align: center; } } #accordion { margin-top: 30px; font-family:'Open Sans',sans-serif; } #accordion .panel-heading { padding: 0; } #accordion .panel-title > a { display: block; padding: 0.7em 0.6em; outline: none; font-weight: bold; text-decoration: none; font-size: 18px; } #accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before { content: "\e259"; float: right; font-family: 'Glyphicons Halflings'; margin-right : 1em; } #accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before { content: "\e260"; } #accordion .panel-body { font-size: 12px; padding-top: 35px; } /*product_overView *****************************************/ #overView .panel-body .features { margin-bottom: 30px; font-size: 14px; height: 450px; /*font-family:'Futura Bk Book';*/ font-family:'Open Sans',sans-serif; } #overView .panel-body p { font-family:'Open Sans',sans-serif; } #overView .panel-body img { width: 100%; display:block; margin: auto; } #overView .panel-body h5 { font-size: 18px; font-weight: bold; text-align: center; } /*product_Spec *****************************************/ #specTop span { padding-right: 35px; } #specTop span a { padding-left: 23px; } #specTop span a:hover { text-decoration: underline; } #specTop #print { background: url(../img/icon_spec_print.png) no-repeat; } #specTop #mail { background: url(../img/icon_spec_mail.png) no-repeat; } #specTop #download { background: url(../img/icon_spec_download.png) no-repeat; } #specTable { width: 100%; margin: 20px 0px 0px; padding: 0px; } #specTable .specItem { margin-bottom: 17px; } #specTable .specItem .table { border-bottom: 1px solid #CCC; } #specTable .specItem .title { margin: 0px; padding: 0px 0px 0px 11px; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 14px; line-height: 33px; background-color: #bdbdbd; height: 33px; } #specTable .specItem .title a { background-repeat: no-repeat; background-position: 0px center; color: #333; padding-left: 20px; display: block; } #specTable .content { } #specTable .specItem .title .collapse { background-image: url(../img/btn_spec_close.png); } #specTable .specItem .title .expand { background-image: url(../img/btn_spec_open.png); } /*reviews*/ #reviews .panel-body { font-size: 14px; } .reviewsTotal { margin-bottom: 30px; padding-bottom: 20px; } .reviewsTotal .totalRatings { display: inline-block; color: #337ab7; } .reviewsTotal .totalNum { padding-right: 13px; margin-right: 10px; border-right: 1px solid #CCC; } .reviewsTotal .totalTxt { margin: 15px 0; } .reviewsItem { margin-bottom: 30px; } .reviewsItem .itemImg { width: 45px; float: left; } .reviewsItem .itemContent { padding-left: 48px; } .reviewsItem .itemRatings img { width: 90px; } .itemRatings .name { font-size: 12px; } .itemRatings .date { font-size: 12px; color: #CCC; } .reviewsItem h5 { font-weight: bold; font-size: 16px; } .reviewsItem .itemTxt { font-size: 12px; } .reviewsItem .Question { padding-left: 0; list-style: none; font-weight: bold; } .reviewsItem .Question .ans { font-weight: normal; padding-left: 10px; } .reviewsItem .re_yes:before { content: "\e013"; font-family: 'Glyphicons Halflings'; vertical-align: top; } .reviewsItem .re_no:before { content: "\e014"; font-family: 'Glyphicons Halflings'; vertical-align: top; } .reviewsItem .re_yes strong, .reviewsItem .re_no strong { padding: 0 8px 0 5px; } #support ul { padding-left: 0; list-style: none; } #support li a { font-size: 14px; display: block; padding: 10px 0px; color: #636161; font-weight: lighter; } #support li.inline a { font-size: 14px; display: inline-block; padding: 10px 0px; color: #636161; font-weight: lighter; } /*****Service (registration & registration) ***************************************/ .serviceIntro p { margin-bottom: 20px; } .serviceIntro ul { list-style: none; margin: 0; padding: 0; } .serviceIntro ul li { background-image: url(../img/bullet_555.gif); background-repeat: no-repeat; background-position: 3px center; padding-left: 12px; } .serviceFrom .star { color: #C00; font-size: 12px; line-height: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .serviceFrom h2 { float: left; width: 100%; font-size: 16px; font-weight: bold; color: #333; display: block; height: 40px; line-height: 40px; background: url(../img/line_form.gif) #bdbdbd repeat-x left bottom; padding: 0px 15px 2px; margin: 0; } .formContent { float: left; list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } .formContent li { float: left; width: 50%; display: block; background: url(../img/line_form.gif) repeat-x left bottom; line-height: 46px; } .formContent .bg1, .formContent .bg2 { background-color: #e9e9e9; } .formContent .bg3, .formContent .bg4 { background-color: inherit; } .formContent li .item { float: left; width: 25%; display: block; text-align: right; padding-right: 12px; font-size: 12px; } .formContent li .textfield { float: left; width: 65%; height: 30px; line-height: 30px; color: #333; border: 1px solid #ddd; margin-top: 9px; padding: 0 5px; } .formContent li.long { width: 100%; } .formContent .longtarea { width: 100%; padding: 0 15px 15px 15px; } .formContent li.otherModel { width: 300px; } .formContent li.versionNo { width: 300px; position: relative; } .formContent li.verificationFix { padding: 0 15px 15px 15px; } .formContent li.warrantyFix1 { } .formContent li.warrantyFix2 { } .formContent li.warrantyFix3 { } .formContent li.warrantyFix4 { width: 390px; } .formContent li.warrantyFix5 { } .formContent li.warrantyFix6 { } .formContent li .itemWarrantyFix1 { } .formContent li .itemWarrantyFix1Star { } .formContent li .itemWarrantyFix2 { } .formContent li .itemWarrantyFix3 { } .formContent li .itemWarrantyFix4 { width: 145px; padding-right: 12px; } .formContent li .itemWarrantyFix5 { } .formContent li .itemWarrantyFix6 { } .formContent li .otherModelItem { } .formContent li .versionItem { } .formContent li .itemLong { } .formContent li .itemFix { width: 170px; text-align: left; padding-left: 15px; } .formContent li .itemFull { margin: 0px; padding: 5px 0px; width: 100%; text-align: left; line-height: 20px; } .formContent li .itemRegFix1 { width: 144px; padding-left: 0px; } .formContent li .itemPromtionFix1 { width: 500px; padding-left: 0px; } .formContent li .itemRegFix2 { } .formContent li .textfieldDate { width: 60%; } .formContent li .warrantyTextfield { width: 60%; margin-top: 0; } .formContent li .warrantyTextfieldDate { width: 70px; } .formContent li .warrantyOtherPN { width: 150px; } .formContent li .versionTextfield { width: 140px; } .formContent li .warrantyPnTextfield { width: 35%; } .formContent li .warrantySnTextfield { width: 180px; } .formContent li .versionEx { margin-left: 5px; color: #09C; font-weight: normal; font-size: 12px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; } .formContent .captchaCode { float: left; width: 40%; } .formContent .captchaCode .inputAlert { display: block; color: #F00006; float: left; margin: 0px; padding: 0px; line-height: 18px; font-style: normal; width: 100%; } .formContent .captchaCodeW { float: left; width: 900px; } .formContent .captchaCodeW .inputAlert { display: block; color: #33332c; float: left; margin: 0px; padding: 0px; line-height: 18px; font-size: small; font-style: inherit; width: 100%; } .formContent li .ui-datepicker-trigger { margin-left: 3px; } .formContent li .select { border: 1px solid #ddd; background-color: #FFF; float: left; margin-top: 10px; width: 65%; display: block; height: 30px; color: #333; line-height: 30px; vertical-align: middle; } .formContent li.long select { width: 15%; } .formContent li .PNselect { } .formContent li .selectShort { width: 60px; } .formContent .textarea { border: 1px solid #ddd; width: 100%; float: left; padding: 0 10px; height: 80px; } .formContent .textareaRepair { border: 1px solid #ddd; width: 780px; float: left; margin: 8px 0px; } .formContent li .verificationCode { float: left; margin: 0 10px 10px 0; } .formContent li .verificationCode img { margin: 0px; padding: 0px; display: block; border: 1px solid #CCC; } .formContent .verificationFix .refresh { font-size: 12px; color: #0071a5; font-weight: normal; float: left; display: block; margin: 12px 0px 0px 5px; padding: 0px; text-decoration: underline; line-height: 16px; } @media (min-width: 768px) and (max-width: 1023px) { .formContent li .item { width: 35%; } .formContent li .textfield { width: 60%; } .formContent li .select { width: 60%; } .formContent li .itemFix { width: 170px; } .formContent li .itemRegFix1 { width: 144px; } .formContent li .itemFull { width: 100%; } .formContent li .itemWarrantyFix4 { width: 160px; } .formContent li .textfieldDate { width: 50%; } } @media (max-width: 767px) { .formContent li { width: 100%; } .formContent li .item { width: 140px; padding: 0 15px; text-align: left; } .formContent li .itemFix { width: 100%; line-height: 25px; } .formContent li .itemRegFix1 { width: 144px; } .formContent li .itemFull { width: 100%; padding: 5px 0px; } .formContent li .warrantyTextfield { width: 100%; } .formContent .bg1, .formContent .bg3 { background-color: #e9e9e9; } .formContent .bg2, .formContent .bg4 { background-color: inherit; } .formContent li .textfieldDate { width: 50%; } .formContent li .itemWarrantyFix4 { width: 160px; } .formContent li .warrantyPnTextfield { width: 60%; } } @media (max-width: 479px) { .formContent li { line-height: 25px; } .formContent li .item { width: 100%; } .formContent li label { margin-top: 5px; } .formContent li .textfield { width: 85%; margin: 0 0 10px 15px; } .formContent li .select, .formContent li.long select { width: 85%; margin: 0 0 10px 15px; } .formContent .captchaCode { width: 100%; } .formContent li .warrantyTextfield { width: 100%; margin-left: 0; } .formContent li .textfieldDate { width: 50%; } } .serviceFrom .agreePrivacy { padding-top: 10px; text-align: center; } .serviceFrom #btn { text-align: center; padding: 20px 0 40px 0; } .serviceFrom #btn .regsubmit { font-size: 24px; color: #fff; width: 240px; height: 50px; text-align: center; background-image: url(../img/btn_rad.jpg); border: 1px solid #900; border-radius: 8px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); margin-bottom: 20px; } .serviceFrom .productNoEx { width: 100%; float: left; padding-top: 20px; text-align: center; padding-bottom: 10px; } .serviceFrom .productNoEx img { width: 85%; } #shipping { margin-bottom: 50px; } #shipping .formTitle { background: url(../img/icon_car.png) #bdbdbd no-repeat 8px center; padding-left: 40px; margin: 0; font-size: 16px; font-weight: bold; color: #333; display: block; height: 40px; line-height: 40px; } #shippingCon { padding: 15px; } #shippingCon .shipTo { width: 100%; font-weight: bold; background: #ddd; text-align: center; padding: 10px 0; line-height: 1.6; } #shippingCon .note { color: #c20; } #chargesTable { width: 90%; margin: 20px auto; } #chargesTable table { margin-bottom: 0; } #chargesTable table .head { color: #fff; background: #555; text-align: center; } #chargesTable table .title { color: #fff; background: #777; } #chargesTable table th, #chargesTable table td { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; } /*****Service_download (Manuals) ***********************************/ #unitNav { display: block; margin-top: 10px; margin-bottom: 30px; font-family: Verdana, Geneva, sans-serif; } #unitNav ul { font-size: 15px; font-weight: bold; margin: 0px; padding: 2px 0px 0px; border-top: 1px solid #D3D3D3; list-style-type: none; } #unitNav ul li { border-bottom: 1px solid #D3D3D3; width: 100%; } #unitNav ul li a { padding: 10px 0 10px 25px; color: #333; display: block; } #unitNav ul li a:hover { color: #c20; background-image: url(../img/bullet_download_list.png); background-repeat: no-repeat; background-position: 13px center; } #unitNav ul li a.current { color: #c20; background-image: url(../img/bullet_download_list.png); background-repeat: no-repeat; background-position: 13px center; } #downloadContent { margin-top: 10px; margin-bottom: 50px; } .downloadUnit { padding-bottom: 40px; position: relative; } .downloadUnit .title { margin: 0px 0px 10px; padding: 0px 0px 0px 10px; line-height: 42px; background-color: #d4d4d4; height: 42px; font-size: 15px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; color: #333; } .downloadUnit .category { color: #333; width: 300px; line-height: 20px; padding-top: 5px; padding-left: 8px; } .downloadUnit .category select { background-color: #FFF; width: 260px; line-height: 34px; height: 34px; margin-top: 5px; border: 1px solid #CCC; padding-left: 10px; } .downloadUnit .selectList { max-height: 350px; overflow: auto; margin: 20px 0 0 0px; padding: 10px 10px 0px 10px; list-style-image: none; list-style-type: none; border-top: 1px solid #CCC; } .downloadUnit .selectList li { width: 25%; float: left; } @media (min-width: 768px) and (max-width: 1023px) { .downloadUnit .selectList li { width: 33%; } } @media (max-width: 767px) { .downloadUnit .selectList li { width: 50%; } } @media (max-width: 479px) { .downloadUnit .selectList li { width: 100%; } .downloadUnit .downloadList li a { width: 100%; } } .downloadUnit .selectList li a { color: #333; background-image: url(../img/bullet_download.gif); background-repeat: no-repeat; background-position: left 17px; display: block; line-height: 16px; padding: 10px 0 0px 10px; height: 50px; width: 95%; } .downloadUnit .selectList li a:hover { color: #c20; } .downloadUnit .downloadList { margin: 0px; padding: 0px 10px; list-style-image: none; list-style-type: none; overflow: auto; } .downloadUnit .downloadList li { margin: 0px; padding: 0px; width: 50%; float: left; } .downloadUnit .downloadList li a { background-image: url(../img/bullet_download.gif); background-repeat: no-repeat; background-position: left center; color: #333; display: block; line-height: 16px; padding: 15px 10px; width: 100%; } .downloadUnit .downloadList li a:hover { color: #c20; } /*****Service_F.A.Q. ***********************************/ #faqContent { padding-top: 10px; margin-bottom: 100px; position: relative; } #faqContent #faqSearch { padding-bottom: 20px; } #faqContent #faqSearch #textfield { height: 38px; line-height: 38px; border: 1px solid #ddd; font-size: 15px; color: #333; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #faqContent #faqSearch #faqBtn { width: 100px; height: 38px; line-height: 16px; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); background-image: url(../img/btn_rad_35px.jpg); background-repeat: repeat-x; background-position: left top; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } @media (max-width: 479px) { #faqContent #faqSearch #faqBtn { width: 80px; } } #faqContent #faqUnit { margin: 0px 0px 10px; padding: 0px 0px 0px 10px; line-height: 42px; background-color: #d4d4d4; height: 42px; font-size: 15px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; color: #333; } #faqContent .faqItem { width: 100%; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } #faqContent .faqItem .quest { margin: 0px; padding: 0px 0px 0px 20px; color: #333; font-size: 14px; font-weight: bold; background-repeat: no-repeat; background-position: 4px 2px; line-height: 16px; background-image: url(../img/btn_spec_open.png); cursor: pointer; width: auto; } #faqContent .faqItem .questClose { background-image: url(../img/btn_spec_close.png); } #faqContent .faqItem .ans { font-size: 14px; font-weight: normal; padding: 5px 15px; margin: 12px 0px 0px; background-color: #F6F6F6; display: none; } #faqContent .faqItem .ans ol, #faqContent .faqItem .ans ul { padding: 0; } #faqContent .faqItem .ans ol li, #faqContent .faqItem .ans ul li { padding-top: 5px; padding-bottom: 5px; } #faqContent .faqItem .ans ol li { list-style-position: outside; margin-left: 8px; line-height: 17px; } #faqContent .faqItem .ans ul { list-style: none; } #faqContent .faqItem .ans ul li { background-image: url(../img/bullet_555.gif); background-repeat: no-repeat; background-position: 0px 14px; padding-left: 8px; } /*******************************SearchResult**/ #resultsContent { padding: 10px 0 100px; } #searchResults { margin: 0px 0px 30px; padding: 0px 20px; line-height: 42px; background-color: #d4d4d4; height: 42px; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #333; } /** Results Product **/ #resultsProduct { float: left; width:100%; } #resultsProduct .productInfo { font-size: 12px; color: #555; margin-bottom: 35px; height: 480px; padding-bottom: 20px; border-bottom: 1px solid #ddd; overflow: auto; } #resultsProduct .productInfo figure img { width: 100%; margin: 0px; padding: 0px; } #resultsProduct .productInfo .type { font-family: Verdana, Geneva, sans-serif; font-size: 13px; display: block; color: #333; padding: 20px 0 0 0; text-decoration: none; height: 65px; } #resultsProduct .productInfo .type:hover { color: #c20; } #resultsProduct .productInfo .info { line-height: 18px; margin: 10px 0; height: 180px; } @media (max-width: 767px) { #resultsProduct .productInfo .info { margin-top: 10px; height: 50px; } #resultsProduct .productInfo { margin-bottom: 20px; height: 400px; } } @media (max-width: 479px) { #resultsProduct .productInfo { height: 320px; } #resultsProduct .productInfo .type { height: 75px; } } #resultsProduct .productInfo .info ul { list-style-type: none; padding-left: 0px; } #resultsProduct .productInfo .info ul li { background-image: url(../img/bullet_555.gif); background-repeat: no-repeat; background-position: 3px 8px; padding-left: 10px; line-height: 16px; padding-top: 2px; padding-bottom: 2px; } #resultsProduct .productInfo .moreInfo { color: #fff; text-align: center; font-size: 15px; font-weight: bold; background: url(../img/btn_rad_35px.jpg) left top repeat-x; height: 33px; line-height: 33px; display: block; border-radius: 5px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); } #resultsProduct .productInfo .moreInfo:hover { background-position: left bottom; text-decoration: none; } /** Results F.A.Q **/ #resultsList { margin-bottom: 40px; float: left; } #resultsList .faqItem { width: 100%; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } #resultsList .faqItem .quest { margin: 0px; padding: 0px 0px 0px 20px; color: #333; font-size: 14px; font-weight: bold; background-repeat: no-repeat; background-position: 4px 2px; line-height: 16px; width: auto; background-image: url(../img/btn_spec_close.png); cursor: pointer; } #resultsList .faqItem .questClose { background-image: url(../img/btn_spec_open.png); } #resultsList .faqItem .ans { font-size: 14px; font-weight: normal; padding: 5px 15px; margin: 12px 0px 0px; background-color: #F6F6F6; } #resultsList .faqItem .ans ol, #resultsList .faqItem .ans ul { padding: 0; } #resultsList .faqItem .ans ol li, #resultsList .faqItem .ans ul li { padding-top: 5px; padding-bottom: 5px; } #resultsList .faqItem .ans ol li { list-style-position: outside; margin-left: 8px; line-height: 17px; } #resultsList .faqItem .ans ul { list-style: none; } #resultsList .faqItem .ans ul li { background-image: url(../img/bullet_555.gif); background-repeat: no-repeat; background-position: 0px 14px; padding-left: 8px; } #resultsList .highlight { font-weight: inherit; color: #09C; } /** Results Event news **/ #resultsList .newsItem { border-bottom: 1px solid #ddd; } #resultsList .newsItem a { padding: 15px 10px 10px 10px; display: block; color: #000; } #resultsList .newsItem a:hover { text-decoration: none; background-color: #eee; } #resultsList .newsItem h4 { margin: 0px; padding: 0px; color: #333; font-size: 16px; font-weight: bold; line-height: 23px; } #resultsList .newsItem p { margin: 5px 0 10px 0; line-height: 1.7; font-size: 14px; } /**contact&email**/ .tstc { margin: 0px; padding: 0px; color: #333; font-size: 16px; font-weight: bold; line-height: 20px; } .tstc h3 { margin: 0px; padding: 0px; color: #333; font-size: 16px; font-weight: bold; line-height: 25px; } .tstc ul li .Manual { width: 40px; height: 40px; background: url(../img/wfp.png) no-repeat 0px 0px; display: inline-block; vertical-align: bottom; float: left; } .tstc ul li .WarrantyService { width: 40px; height: 40px; background: url(../img/wfp.png) no-repeat -40px 0px; display: inline-block; vertical-align: bottom; float: left; } .tstc ul li .FAQ { width: 40px; height: 40px; background: url(../img/wfp.png) no-repeat -120px 0px; display: inline-block; vertical-align: bottom; float: left; } .tstc ul li .Registration { width: 40px; height: 40px; background: url(../img/wfp.png) no-repeat -80px 0px; display: inline-block; vertical-align: bottom; float: left; } .tstc ul li i.support_phone { width: 40px; height: 40px; background: url(../img/phone_mail.png) no-repeat -40px 0px; display: inline-block; vertical-align: bottom; float: left; } .tstc ul li i.support_mail { width: 40px; height: 40px; background: url(../img/phone_mail.png) no-repeat 0px 0px; display: inline-block; vertical-align: bottom; float: left; } .tstc ul li i.support_download { width: 40px; height: 40px; background: url(../img/phone_mail.png) no-repeat -80px 0px; display: inline-block; vertical-align: bottom; float: left; } .tstc ul li p.ph { padding: 10px; color: #636161; font-size: 14px; font-weight: lighter; /*1026*/ }