@charset "UTF-8"; /* CSS Document */ @import "fonts.css"; @import "highslide-gallery.css"; @import "sumoselect.css"; @import "colorbox.css"; * { margin:0px; padding:0px;} p { margin-bottom:15px; line-height:25px; } b, .bold { font-weight:bold; } sup { font-size:7px; } .notification { cursor:pointer; } a:link { text-decoration:none; color:#e1675e; } a:visited { text-decoration:none; color:#e1675e; } a:hover { text-decoration:none; color:#9c2d2d; } a:active { text-decoration:none; color:#000; } a { outline:none !important; } a img { border:none; } hr { color:none; clear:both; float:none; width:100%; height:1px; margin:0 0 15px 0; border:none; border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px rgba(255,255,255,0.4); } .clear, .clearBoth { clear:both; margin:0 auto; padding:0px; } .ul_style { margin:0 0 15px 25px; padding:0; list-style:outside; line-height:25px; } .ul_style.none { list-style:none; } .ul_style.decimal { list-style:decimal outside; } .ul_style.lower-alpha { list-style:lower-alpha outside; } .ul_style.circle { list-style:circle outside; } .ul_style.square { list-style:square outside; } .ul_style li { margin-bottom:px; } /*--------------------------------------------------------------{ Heading }-------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color:#555; font-family:Oswald, Arial; font-style:normal; font-weight:normal; margin:0 0 10px 0; padding:0; } h1 { font-size:45px; } h2 { font-size:30px; } h3 { font-size:25px; } h4 { font-size:20px; } h5 { font-size:18px; } h6 { font-size:15px; } /*---------------------------------------------------------------{ layout }--------------------------------------------------------------------------*/ header,nav,section,article, aside,details,figcaption,div, figure,summary,footer { display:block; margin:0; padding:0; } audio,canvas,video { display:inline-block; } html { margin:0; padding:0; } body { margin:0; padding:0; width:100%; height:100%; font-family:Open Sans, Arial; font-size:14px; font-weight:normal; color:#555; background:#fff; } .section { width: 100%; /*float: left;*/ } .container { } .container ol, .container ul { margin:0 0 15px 25px; line-height:25px; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .wrap { margin:auto; max-width:1200px; position:relative; } .wrap100 { margin:auto; width:90%; position:relative; background:; } .box { } .bg-holder { width:100%; background-size:cover; } /*----------------------------------------------------------------{ header }-------------------------------------------------------------------------*/ #header { position:relative; z-index:1002; background:#fff; background:rgba(255,255,255,0.1); /*box-shadow:0 2px 3px rgba(0,0,0,0.35);*/ -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .sticker { left:0; right:0; } .logo { position:relative; float:left; padding:32px 0 0; width:180px; background:; top:-10px; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .logo a { display: block; } .logo img { max-width:100%; opacity:1; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .logo img:hover { opacity:1; } .logo a.logo1 { display:block; } .logo a.logo2 { display:none; } #head_button { float:right; margin-left:30px; padding-top:30px; font-size:12px; font-family:'Oswald', Open Sans, Arial; font-weight:bold; background:; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } #head_button span { position:relative; display:inline-block; margin:0 2px; border:1px solid rgba(212,29,6,0.7); background:rgba(255,255,255,0.1); } #head_button span:hover { border-color:#9c2d2d; background:rgba(255,255,255,0.3); } #head_button span a { display:inline-block; padding:10px 15px; -moz-transition:0.3s; -webkit-transition:0.3s; transition:.3s; } #head_button span i { font-size:20px; vertical-align:sub; } #head_button span sub { position:absolute; left:50%; bottom:-28px; margin-left:-50px; padding:5px 0; width:100px; color:rgba(255,255,255,0.8); text-align:center; z-index:2; background:rgba(0,0,0,0.85); border-radius:3px; display:block; opacity:0; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } #head_button span:hover sub { display:block; opacity:1; } #head_button span sub:hover { opacity:2; } #head_button span sub:before{ content:''; position:absolute; left:50%; margin-left:-5px; top:-10px; width:0; height:0; border:5px solid transparent; border-bottom-color:rgba(0,0,0,0.85); } #head_button span.email sub { left:50%; margin-left:-75px; width:150px; } .is-sticky #header { background:#fff; background:rgba(255,255,255,0.9); box-shadow:0 1px 5px rgba(0,0,0,0.2); } .is-sticky .logo { padding:22px 0 0; background:; } .is-sticky #head_button { padding-top:20px; background:; } .is-sticky #menu li { line-height:80px; background:; } .is-sticky #menu li>div, .is-sticky #menu li ul { top:80px; } .is-sticky #menu li ul ul{ top:0px; } /*--------------------------------------------------------------{ navigation }-----------------------------------------------------------------------*/ #navigation { float:right; z-index:1; background:; -moz-transition:0.5s; -webkit-transition:0.5s; transition:.5s; } #menu { position:relative; margin:0; padding:0; font-family:'Oswald', Open Sans, Arial; text-transform:uppercase; } #menu li { position:relative; display:inline-block; padding:0 10px; line-height:100px; list-style:none; font-size:12px; font-weight:normal; color:#514f4c; } #menu li a { display:block; margin:0; padding:0; color:#000; color:rgba(0,0,0,0.8); text-shadow:0 0 rgba(0,0,0,0.2); text-decoration:none; -moz-transition:0.3s; -webkit-transition:0.3s; transition:.3s; } #menu li:hover a { color:rgba(0,0,0,0.5); } #menu li a:active { color:rgba(0,0,0,1); } #menu li.active a { color:#e1675e; } #menu li ul { position:absolute; left:0; top:100px; padding:20px 0 15px 0; width:230px; text-transform:none; font-family:Open Sans, Arial; z-index:100; background:#eae4ce; background:-moz-linear-gradient(-70deg,#fff 0%,#eadeb5 70%,#fdf8e8 100%); background:-webkit-linear-gradient(-70deg,#fff 0%,#eadeb5 70%,#fdf8e8 100%); box-shadow:inset 0 5px #e1675e, 0 3px 5px rgba(0,0,0,0.5); } #menu li ul li { float:none; position:relative; display:block; margin:0; padding:0; font-size:12px; text-align:left; border:none; font-weight:bold; } #menu li ul li:hover { background:rgba(255,255,255,0.05); } #menu li.active ul li a, #menu li:hover ul li a, #menu li ul li a { color:rgba(0,0,0,0.5); padding:0 0 0 20px; text-shadow:inherit; line-height:25px; } #menu li ul li:hover a { color:#e1675e; padding:0 0 0 30px; } #menu li ul:before { content:''; position:absolute; left:30px; top:-18px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e1675e; } #menu li ul:after { content:''; position:absolute; left:0; bottom:-6px; width:100%; height:5px; background:#e1675e; border-radius:0 0 5px 5px; } #menu li ul.cnct { left:auto; right:0; } #menu li ul.cnct:before { left:auto; right:30px; } #menu li ul li:hover ul li a { color:rgba(0,0,0,0.5); padding:0 0 0 30px; } #menu li ul li:hover ul li:hover a { color:#e1675e; padding:0 0 0 40px; } #menu li ul ul { left:231px; top:0px; padding-top:15px; box-shadow:inset 5px 0 #e1675e, 0 3px 5px rgba(0,0,0,0.5); border-radius:0 5px 5px 5px; } #menu li ul ul:before { left:-18px; top:3px; border-bottom-color:transparent; border-right-color:#e1675e; } #menu li ul ul:after { bottom:-6px; width:100%; height:5px; display:none; } #menu li:hover ul:after { opacity:0; -moz-animation:sub_after 0.3s 0.3s linear forwards; -webkit-animation:sub_after 0.3s 0.3s linear forwards; animation:sub_after 0.3s 0.3s linear forwards;} @-moz-keyframes sub_after { 0% { bottom:-20px; opacity:0; } 100% { bottom:-6px; opacity:1; } } @-webkit-keyframes sub_after { 0% { bottom:-20px; opacity:0; } 100% { bottom:-6px; opacity:1; } } @keyframes sub_after { 0% { bottom:-20px; opacity:0; } 100% { bottom:-6px; opacity:1; } } .slide_effect ul, .slide_effect li>div, .slide_effect .menu_dropdown { display:block!important; visibility:hidden; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transform:translate3d(0,50px,0); -moz-transform:translateY(50px); -o-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); -webkit-transition:visibility 0s linear .2s,-webkit-transform .2s linear,opacity .2s linear; -moz-transition:visibility 0s linear .2s,-moz-transform .2s linear,opacity .2s linear; -o-transition:visibility 0s linear .2s,-o-transform .2s linear,opacity .2s linear; -ms-transition:visibility 0s linear .2s,-ms-transform .2s linear,opacity .2s linear; transition:visibility 0s linear .2s,transform .2s linear,opacity .2s linear; } .slide_effect li:hover>ul, .slide_effect li:hover>div, .slide_effect:hover .menu_dropdown { visibility:visible; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transform:translate3d(0,0,0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s; } #menu li>div { position:absolute; left:0; top:100px; padding:10px; line-height:normal; text-transform:none; border-radius:0 0 5px 5px; color:#555; text-shadow:none; text-align:left; font-family:Arial; font-size:13px; background-color:#fff; z-index:100; box-shadow:0 2px 3px rgba(0,0,0,0.3); border-top:5px solid #4e8126; border-bottom:5px solid #e1675e; } #menu li ol li { font-size:12px; font-weight:; border:none; } #menu li.active ol li a, #menu li:hover ol li a, #menu li ol li a { padding:0; background:none; line-height:normal; } #menu li ol li:hover a { padding-left:10px; } #menu li h6 a, #menu li:hover h6 a { padding:0; background:none; line-height:normal; } #menu li>div:before { content:''; position:absolute; left:50%; top:-23px; margin-left:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#4e8126; } #menu .cols1, #menu .cols2, #menu .cols3, #menu .cols4, #menu .cols5 { position:absolute; display:none; /*overflow:auto;*/ } #menu .cols1, #menu .col1 { width:188px; } #menu .cols2, #menu .col2 { width:376px; } #menu .cols3, #menu .col3 { width:564px; } #menu .cols4, #menu .col4 { width:752px; } #menu .cols5, #menu .col5 { width:940px; } #menu .col1, #menu .col2, #menu .col3, #menu .col4, #menu .col5 { float:left; } #menu ol { margin:7px 10px; padding:0; list-style:none; line-height:normal; } #menu ol li { float:none; display:block; margin:0; padding:0; text-align:left; line-height:normal; text-shadow:none; } #menu ol li a { margin:5px 0; color:#888; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; } #menu ol li a:hover { padding-left:10px; color:#e1675e; } #menu h5 { color:#e1675e; font-size:13px; font-weight:; margin:10px; padding-bottom:5px; text-transform:uppercase; border-bottom:1px solid #ddd; } #menu h6 { font-size:12px; color:#555; font-weight:normal; margin:10px 10px 0 0; padding:10px 0 0 10px; border-top:1px solid #e1e1e1; } #menu h6 a { color:#888; text-decoration:none; } #menu h6 a:hover { color:#e1675e; text-decoration:underline; } #menu_responsive { display:none; text-align:right; /*background:red;*/ } #menu_responsive .button_menu1 { position:relative; display:inline-block; margin:20px 20px; width:40px; height:40px; cursor:pointer; font-size:40px; color:#d94d3a; text-shadow:0 0px rgba(255,255,255,0.2); -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s;} #menu_responsive .button_menu1:hover { color:#b0443f; } #menu_responsive .button_menu1.openheader{ color:#e1675e; text-shadow:0 1px rgba(255,255,255,0.3); } .is-sticky #menu_responsive .button_menu1 { margin:10px 20px; text-shadow:none; } #menu_responsive ul { margin:0; padding:0 0 5px 0; list-style:none; line-height:normal; border-top:5px solid #fff; border-radius:0; background:#d8b269; background:rgba(255,255,255,0.4); text-align:left; box-shadow:/*0 3px 5px rgba(0,0,0,0.4),*/ inset 0 2px #e1675e; } #menu_responsive ul li { border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.3); } #menu_responsive ul li a{ display:block; margin:0; padding:0 20px; line-height:50px; font-weight:bold; color:#666; color:rgba(0,0,0,0.5); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; text-shadow:0 1px rgba(255,255,255,0.2); } #menu_responsive ul li a:hover { padding-left:30px; color:#e1675e; text-decoration:none; background-color:rgba(255,255,255,0.2); } #menu_responsive ul li ul { padding-bottom:2px; border-top:1px solid rgba(0,0,0,0.2); border-radius:none; box-shadow:none; } #menu_responsive ul li ul li a { padding-left:50px; background:rgba(255,255,255,0.05) url(../img/frontend/bullet_sub.png) no-repeat 30px center; } #menu_responsive ul li ul li a:hover{ padding-left:60px; background-position:45px center; } #menu_responsive ul li ul li ul li a{ padding-left:60px; background-position:40px center; background-color:rgba(255,255,255,0.05); } #menu_responsive ul li ul li ul li a:hover{ padding-left:70px; background-position:55px center; } #menu_responsive ul li a.openheader { background-image:url(../img/frontend/openheader.png); background-repeat:no-repeat; background-position:right top; } #menu_responsive ul li a.closedheader { background-image:url(../img/frontend/closedheader.png); background-repeat:no-repeat; background-position:right top; background-color:rgba(255,255,255,0.2); } #menu_responsive ul li li a.openheader { background-image:url(../img/frontend/openheader2.png); background-repeat:no-repeat; background-position:30px center; } #menu_responsive ul li li a.closedheader{ background-image:url(../img/frontend/closedheader2.png); background-repeat:no-repeat; background-position:30px center; } #menu_responsive .bLogin, #menu_responsive .bRegister { display:block; } #menu_responsive .bLogin a, #menu_responsive .bRegister a { color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); } /*--------------------------------------------------------------{ animation }------------------------------------------------------------------------*/ #animation { position:relative; top:-100px; margin-bottom:-100px; background:#b8a587; border-bottom:5px solid #edd79e; } #banner { position:relative; top:-100px; margin-bottom:-100px; height:450px; border-bottom:10px solid #fff; } #banner .wrap100 { padding-top:180px; text-shadow:0 2px 3px rgba(0,0,0,0.31); background:; } #banner h1 { font-size:5em; font-weight:bold; } #banner h1 sub { font-size:0.3em; } #banner img { width:100%; height:100%; } .banner { background-color:#b8a587; background-repeat:no-repeat; background-position:center 0; background-size:cover; background-attachment:; } .banner_default { background-image:url(../images/banner/default.jpg); } .banner_profile { background-image:url(../img/frontend/banner_profile.jpg); } .banner_visi_misi { background-image:url(../img/frontend/banner_visi_misi.jpg); } .banner_management { background-image:url(../img/frontend/banner_management.jpg); } .banner_legality { background-image:url(../img/frontend/banner_legality.jpg); } .banner_culture { background-image:url(../img/frontend/banner_culture.jpg); } .banner_technology { background-image:url(../img/frontend/banner_technology.jpg); } .banner_social_welfare { background-image:url(../img/frontend/social_welfare.jpg); } .banner_product { background-image:url(../img/frontend/banner_product.jpg); } .banner_female_series { background-image:url(../img/frontend/banner_female_series.jpg); } .banner_male_series { background-image:url(../img/frontend/banner_male_series.jpg); } .banner_leisure_mix_series{ background-image:url(../img/frontend/banner_leisure_mix_series.jpg); } .banner_customers_review{ background-image:url(../img/frontend/banner_customers_review.jpg); } .banner_charity { background-image:url(../img/frontend/banner_charity.jpg); } .banner_plan { background-image:url(../img/frontend/banner_plan.jpg); } .banner_hui { background-image:url(../img/frontend/banner_hui.jpg); } .banner_opportunity { background-image:url(../img/frontend/banner_opportunity.jpg); } .banner_code_ethics { background-image:url(../img/frontend/banner_code_ethics.jpg); } .banner_news { background-image:url(../img/frontend/banner_news.jpg); } .banner_event { background-image:url(../img/frontend/banner_event.jpg); } .banner_promo { background-image:url(../img/frontend/banner_promo.jpg); } .banner_article { background-image:url(../img/frontend/banner_article.jpg); } .banner_testimonial { background-image:url(../img/frontend/banner_testimonial.jpg); } .banner_gallery { background-image:url(../img/frontend/banner_gallery.jpg); } .banner_video { background-image:url(../img/frontend/banner_video.jpg); } .banner_download { background-image:url(../img/frontend/banner_download.jpg); } .banner_contactus { background-image:url(../img/frontend/banner_contactus.jpg); } .banner_faq { background-image:url(../img/frontend/banner_faq.jpg); } .banner_stockist { background-image:url(../img/frontend/banner_faq.jpg); } .bg_form { background-image:url(../img/frontend/bg_form.jpg); } /*--------------------------------------------------------------{ aboutus_box }----------------------------------------------------------------------*/ #aboutus_box { background:url(../img/frontend/aboutus_bg.jpg) no-repeat left top; background-size:50%;/**/ } .tabs_profile { float:right; width:268px; list-style:none; display:flex; flex-wrap:wrap; } .tabs_profile li { margin:1.5px; padding:90px 0 0 0; width:130px; height:40px; color:#fff; font-size:12px; background:#666; cursor:pointer; overflow:hidden; -moz-transition:0.3s; -webkit-transition:0.3s; transition:.3s; } .tabs_profile li.profile { background:#e1675e url(../img/frontend/profile_icon.png) no-repeat center 30px; } .tabs_profile li.visi_misi { background:#af925a url(../img/frontend/visi_misi_icon.png) no-repeat center 30px; } .tabs_profile li.management { background:#cdb97c url(../img/frontend/management_icon.png) no-repeat center 30px; } .tabs_profile li.legality { background:#b0443f url(../img/frontend/legality_icon.png) no-repeat center 30px; } .tabs_profile li.tip { background:#b0443f url(../img/frontend/tip_icon.png) no-repeat center 30px; } .tabs_profile li:hover { opacity:0.7; background-position:center 35px; } .tabs_profile li.active { background-position:center 35px; cursor:default; } #aboutus_box .tabs_cont { margin-left:20%; padding:0 20px; overflow:hidden; background:; } #aboutus_box .tabs_cont h3 { font-size:18px; text-transform:uppercase; } #aboutus_box .tabs_cont h3 sub { display:block; font-size:15px; font-family:Arial; font-style:italic; font-weight:normal; } #aboutus_box .tabs_cont h3 i { float:left; display:inline-block; margin-right:10px; width:50px; height:50px; background:#666; } #aboutus_box .tabs_cont h3.profile i { background:#e1675e url(../img/frontend/profile_icon.png) no-repeat center; background-size:70%; } #aboutus_box .tabs_cont h3.visi_misi i { background:#af925a url(../img/frontend/visi_misi_icon.png) no-repeat center; background-size:70%; } #aboutus_box .tabs_cont h3.management i { background:#cdb97c url(../img/frontend/management_icon.png) no-repeat center; background-size:70%; } #aboutus_box .tabs_cont h3.legality i { background:#b0443f url(../img/frontend/legality_icon.png) no-repeat center; background-size:70%; } #aboutus_box .tabs_cont h3.tip i { background:#b0443f url(../img/frontend/tip_icon.png) no-repeat center; background-size:70%; } .about_logo { background:#f9f9f9 url(../img/frontend/pattern_bg.png) repeat; } .about_logo .bx_text { background:#da6b5c url(../img/frontend/pattern_bg.png) repeat; } .about_logo .box { position:relative; } .about_logo .bx_text .box { margin-left:20%; } .about_logo .bx_logo .box { } .about_logo .bx_logo .box a { } .about_logo .bx_text .box .bx_arrow { position:absolute; right:-60px; top:50%; margin-top:-30px; width:0; height:0; border:30px solid transparent; border-left-color:#da6b5c; z-index:1; } .about_logo .bx_text .box .bx_arrow:before { content:''; position:absolute; left:-25px; top:-100px; width:2px; height:200px; background:#da6b5c; } .about_logo .bx_text .box .bx_arrow:after { content:''; position:absolute; left:-30px; top:-8px; width:15px; height:15px; background:#fff; border-radius:50%; } .bg_visi_misi { background:url(../img/frontend/bg_visi_misi.jpg); } .prev_next { position:relative; text-align:center; background:#fdefca; background:-moz-linear-gradient(left,#fdefca,#fdf6e3,#fdefca); background:-webkit-linear-gradient(left,#fdefca,#fdf6e3,#fdefca); box-shadow:0 0 5px rgba(0,0,0,0.2); } .prev_next span { display:inline-block; padding:30px; line-height:normal; } .prev_next span:nth-of-type(2) { border-left:1px solid rgba(0,0,0,0.2); } .prev_next a.news_prev, .prev_next a.news_next { position:relative; font-size:15px; z-index:100; text-transform:uppercase; } .prev_next a { color:#aaa; } .prev_next a:hover { color:#af925a; } .prev_next a:active { color:#b0443f; } .prev_next a i { margin:0 10px; font-size:20px; vertical-align:middle; text-shadow:-1px 0 rgba(0,0,0,0.7); } /*----------------------------------------------------------------{ testi_box }------------------------------------------------------------------------*/ #testi_box { background:#eada9c url(../img/frontend/pattern_bg.png) repeat; } #testimoni_content { position:relative; margin:0 auto; padding:40px 0 0 0; font-family:"Times New Roman", Times, serif; overflow:hidden; } #testimoni_content .testi_list { padding-bottom:30px; text-align:center; } #testimoni_content .box { margin:0 auto; max-width:75%; } #testimoni_content .desc { margin:auto; max-width:1000px; line-height:normal; font-size:20px; font-style:italic; color:rgba(0,0,0,0.5); text-shadow:0 1px 0px rgba(255,255,255,0.2); background:; } #testimoni_content .tImg { position:relative; display:block; margin:0 auto 15px auto; width:80px; height:80px; border:5px solid rgba(255,255,255,0.5); border-radius:50%; overflow:hidden; box-shadow: 0 1px rgba(0,0,0,0.3); } #testimoni_content .tImg img{ float:left; width:100%; height:100%; } #testimoni_content strong { position:relative; display:inline-block; padding:0; font-size:14px; font-weight:bold; color:#b0443f; } #testimoni_content strong:after, #testimoni_content strong:before{ content:''; position:absolute; left:-115px; top:11px; width:100px; height:1px; background:#b0443f; box-shadow:0 1px rgba(0,0,0,0.1); } #testimoni_content strong:after { left:inherit; right:-115px; } #testimoni_content strong a { display:block; color:#b0443f; } #testimoni_content strong a:hover{ color:#e1675e; text-decoration:none; } #testimoni_content strong sub { color:rgba(0,0,0,0.5); font-size:12px; } .bx-default-pager { display:none; } .bx-controls-direction { display:block; position:relative; height:; text-align:center; background:#cdb97c; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next { position:relative; display:inline-block; padding:0 30px; line-height:55px; font-family:'FontAwesome', Open Sans, Arial; font-size:18px; color:#ece5d1; font-weight:; text-transform:uppercase; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; border-right:1px solid rgba(255,255,255,0.2); } .bx-wrapper .bx-next { border-left:1px solid rgba(0,0,0,0.2); border-right:none; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { color:rgba(255,255,255,0.7); } .bx-wrapper .bx-prev:active, .bx-wrapper .bx-next:active { color:rgba(255,255,255,1); } .bx-wrapper .bx-prev:before { content:"\f053"; display:inline-block; font-size:20px; vertical-align:middle; margin-right:10px; text-shadow:-1px 0 rgba(0,0,0,0.5); } .bx-wrapper .bx-next:after { content:"\f054"; display:inline-block; font-size:20px; vertical-align:middle; margin-left:10px; text-shadow:-1px 0 rgba(0,0,0,0.5); } /*.bx-wrapper .bx-controls-direction a { display:inline-block; position:relative; top:0%; margin-top:-20px; width:25px; height:40px; line-height:40px; display:block; text-indent: -9999px; z-index: 99; }*/ /*----------------------------------------------------------------{ product }------------------------------------------------------------------------*/ #product_box { border-top:10px solid #d44735; border-bottom:5px solid #d5311d; background:#cdb97c; background:-moz-linear-gradient(left,#bea982,#eada9c,#bea982); background:-webkit-linear-gradient(left,#bea982,#eada9c,#bea982); } .product_box { position:relative; background:; } .prod_scroll { position:relative; background:; } .prod_scroll .box { position:relative; float:left; margin:10px; padding:4px 4px 26px 4px; width:200px; height:; overflow:hidden; background:rgba(255,255,255,0.2); box-shadow:0 1px 4px rgba(0,0,0,0.1); } .prod_scroll .box:before { content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:25px; z-index:3; background: url(../img/frontend/prodBox_before.png) no-repeat bottom; background-size:100% 100%; } .prod_scroll .box .img { width:; height:200px; overflow:hidden; } .prod_scroll .box .img img { width:100%; height:200px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .prod_scroll .box .img:hover img{ -moz-transform:translateY(-100px); -webkit-transform:translateY(-100px); transform:translateY(-100px); } .prod_scroll .box .title { position:absolute; left:0; right:0; bottom:26px; padding:10px 5px; color:#e1675e; text-align:center; text-transform:uppercase; z-index:2; background:rgba(255,255,255,0.8); -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); } .prod_scroll .box:hover .title { -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } .prod_scroll .box .preview { position:absolute; left:30px; right:30px; bottom:100px; padding:20px; color:rgba(255,255,255,0.8); text-align:center; background:rgba(176,68,63,0.8); border-radius:10px; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; opacity:0; -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); } .prod_scroll .box .preview p { margin:0; line-height:20px; } .prod_scroll .box .preview:after { content:''; position:absolute; left:50%; bottom:-20px; margin-left:-10px; width:0; height:0; border:10px solid transparent; border-top-color:rgba(176,68,63,0.8); } .prod_scroll .box .title:hover ~ .preview { opacity:1; -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } a.prod-prev, a.prod-next { position:absolute; top:50%; margin-top:-20px; padding:0; color:#d7c9ab; text-align:center; overflow:hidden; font-size:50px; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; text-shadow:-1px 0 rgba(0,0,0,0.3); } .prod-prev { left:10px;} .prod-next { right:10px; } .prod-prev:hover, .prod-next:hover { color:#e1675e; } .prod-prev:active, .prod-next:active { color:#edd79e; } .productButton { margin:0 auto; width:200px; text-align:center; font-size:18px; text-transform:uppercase; background:; } .productButton a { position:relative; display:inline-block; margin:0; padding:5px 25px; color:rgba(255,255,255,0.7); background:#dc594c; border-radius:10px 10px 0 0; } .productButton a:hover { color:rgba(255,255,255,0.9); background:#e0665c; } .productButton a:active { color:rgba(0,0,0,0.5); } .productButton a:before { content:''; position:absolute; left:-10px; bottom:0; width:0; height:0; border:5px solid transparent; border-right-color:#dc594c; border-bottom-color:#dc594c; } .productButton a:after { content:''; position:absolute; right:-10px; bottom:0; width:0; height:0; border:5px solid transparent; border-left-color:#dc594c; border-bottom-color:#dc594c; } .productButton a:hover:before { border-right-color:#e0665c; border-bottom-color:#e0665c; } .productButton a:hover:after { border-left-color:#e0665c; border-bottom-color:#e0665c; } .product_content .box { position:relative; margin:15px auto; padding:4px 4px 26px 4px; width:200px; height:; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 1px 4px rgba(0,0,0,0.1); } .product_content .box:before { content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:25px; z-index:3; background: url(../img/frontend/prodBox_before.png) no-repeat bottom; background-size:100% 100%; } .product_content .box .img { height:200px; overflow:hidden; } .product_content .box .img img { width:100%; height:200px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .product_content .box .img:hover img{ -moz-transform:translateY(-200px); -webkit-transform:translateY(-200px); transform:translateY(-200px); } .product_content .box .title { position:absolute; left:0; right:0; bottom:26px; padding:10px 5px; color:#e1675e; text-align:center; text-transform:uppercase; z-index:2; background:rgba(255,255,255,0.8); -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; /*-moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%);*/ } .product_content .box:hover .title { -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } .product_content .box .title span { display:block; height:0px; line-height:1; overflow:hidden; font-size:18px; font-weight:bold; color:#555; text-transform:none; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; background:; } .product_content .box .title:hover span { padding-top:0; height:40px; } .product_content .box .preview { position:absolute; left:20px; right:20px; bottom:120px; padding:20px; color:rgba(255,255,255,0.8); text-align:center; background:rgba(176,68,63,0.8); border-radius:10px; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; opacity:0; -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); } .product_content .box .preview p { margin:0; line-height:20px; background:; } .product_content .box .preview:after{ content:''; position:absolute; left:50%; bottom:-20px; margin-left:-10px; width:0; height:0; border:10px solid transparent; border-top-color:rgba(176,68,63,0.8); } .product_content .box .title:hover ~ .preview { opacity:1; -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); }/**/ .product_detail { position:relative; padding:0; background:; } .image_product { float:left; padding:0px; width:380px; overflow:hidden; background:#fff; } .image_large { position:relative; margin-bottom:5px; padding:1px; text-align:center; background:#fff; border:1px solid #ccc; } .image_large img { width:; height:; } .image_small { position:relative; padding:10px; text-align:center; background:#fff; border:1px solid #ccc; } .image_small .is_box { position:relative; float:left; margin:5px; width:80px; height:80px; border:1px solid #ccc; } .image_small img { width:100%; height:100%; } .image_small .is_box:hover { border-color:#e1675e; } .image_small:before { content:''; display:block; position:absolute; left:50%; top:-33px; margin-left:-17px; width:0; height:0; z-index:1001; border:17px solid #ddd; border-left-color:transparent; border-right-color:transparent; border-top-color:transparent; } .image_small:after { content:''; display:block; position:absolute; left:50%; top:-29px; margin-left:-15px; width:0; height:0; z-index:1001; border:15px solid #fff; border-left-color:transparent; border-right-color:transparent; border-top-color:transparent; } .small-prev, .small-next { position:absolute; left:5px; top:50%; margin-top:-5px; font-size:16px; line-height:10px; } .small-next { left:auto; right:5px; } .cloudzoom-zoom-inside { cursor:move; } #image_wrapper { position:relative; margin:0; padding:0; } #carousel-wrapper { padding:0; width: 100%; } #carousel-img { width: 380px; height: 380px; overflow:hidden; text-align:center; } #carousel-img img { float:; display:; width:100%; height:380px; border:1px solid #ccc; } #pager-wrapper { position:relative; margin:3px 0 0 0; width:; /*overflow:hidden;*/ border:1px solid #ccc; } #pager-wrapper:before { content:''; display:block; position:absolute; left:50%; top:-33px; margin-left:-17px; width:0; height:0; z-index:100; border:17px solid #ddd; border-left-color:transparent; border-right-color:transparent; border-top-color:transparent; } #pager-wrapper:after { content:''; display:block; position:absolute; left:50%; top:-29px; margin-left:-15px; width:0; height:0; z-index:100; border:15px solid #fff; border-left-color:transparent; border-right-color:transparent; border-top-color:transparent; } #pager img { float:left; display:block; padding:1px; margin:15px 5px; width:90px; height:90px; cursor:pointer; background:#ccc; } #pager img:hover { background:#e1675e; } #pager img.selected { background:#e1675e; } .preview_product { padding-left:40px; } .preview_product { overflow:hidden; background:; } .preview_product .star-rating { float:right; margin-top:10px; font-size:16px; background:; } .preview_product .star-rating i { cursor:default; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .preview_product .star-rating i:hover { -moz-animation:bubbleIcon 0.5s ease-out forwards; -webkit-animation:bubbleIcon 0.5s ease-out forwards; animation:bubbleIcon 0.5s ease-out forwards; } .preview_product .title { padding:0 0 10px 0; border-bottom:1px solid rgba(0,0,0,0.2); } .preview_product .title h3 { margin:0; font-size:25px; } .preview_product .desc { padding:10px 0; } .preview_product .desc p { margin-bottom:5px; height:auto /*100px*/; overflow:hidden; } .preview_product .info_detail { float:left; padding:15px 0 15px 30px; font-size:13px; background:; } .preview_product .info_detail .list { padding:2px 0; } .preview_product .info_detail label { display:inline-block; width:130px; } .preview_product .info_detail label i { margin-right:5px; } .preview_product .info_detail span { display:inline-block; } .preview_product .info_detail span b.ready { color:#4db748; } .preview_product .info_detail span b.noready{ color:#eb4b66; } .preview_product .phone { float:right; padding:15px 20px; font-size:13px; background:#f3f3f3; border-radius:3px; } .preview_product .phone span { display:block; padding:2px 0; } .preview_product .quantity { padding:15px 0 20px 0; } .preview_product .price { padding:10px 0; border-top:1px solid rgba(0,0,0,0.2); background:; } .preview_product .price h3 { float:left; font-size:28px; } .preview_product .price .button { float:right; } .preview_product .price .button a { padding-bottom:2px; box-shadow:inset 0 -4px #76ca65; } .preview_product .price .button i { margin-right:5px; font-size:16px; } .actual-price { margin-right:10px; position:relative; display:inline-block; color:#aaa; font-size:15px; vertical-align:middle; } .actual-price:before { content:""; position:absolute; display:block; left:5px; top:50%; right:5px; height:1px; background:#ff0000; -moz-transform:rotate(330deg); -webkit-transform:rotate(330deg); transform:rotate(330deg); } /*----------------------------------------------------------------{ bg_news }------------------------------------------------------------------------*/ .bg_news { background:url(../img/frontend/bg_news.jpg); } #news_box .wrap { position:relative; border-right:3px solid rgba(255,255,255,0.8); } #news_box h2 { position:absolute; top:50px; right:-55px; padding:20px 0 10px 0; width:100px; height:70px; font-size:14px; font-weight:normal; text-align:center; color:rgba(255,255,255,0.8); background:#000; border:3px solid rgba(255,255,255,0.8); border-radius:50%; overflow:hidden; line-height:25px; /*z-index:2;*/ -moz-transition:1s; -webkit-transition:1s; transition:1s;} #news_box h2 span { display:block; font-size:25px; font-weight:bold; } #news_box .wrap:hover h2{ -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transform:rotateY(360deg); } .news_cont { position:; height:310px; } .news_cont ul { position:; margin:0; padding:0; list-style:none; } .news_cont li { margin:0 30px 0 0; padding:15px 0; } .news_cont li .desc { padding:0 0 0 10px; overflow:hidden; } .news_cont li .desc h5 { margin-bottom:10px; font-size:25px; height:35px; overflow:hidden; color:#eddfa7; background:; } .news_cont li .desc p { margin-bottom:0; height:55px; overflow:hidden; color:rgba(255,255,255,0.8); background:; } .news_cont li .desc span { display:block; color:#cdb97c; line-height:normal; } .news_cont li a { color:#eddfa7; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .news_cont li a:hover { color:#cdb97c; } #news_box .prev_next { position:relative; text-align:center; background:#fff; } #news_box .prev_next span { display:inline-block; padding:0 40px; line-height:90px; } #news_box .prev_next span:nth-of-type(2) { border-left:1px solid rgba(0,0,0,0.2); } #news_box .prev_next a.news_prev, #news_box .prev_next a.news_next { position:relative; font-size:18px; z-index:100; text-transform:uppercase; } #news_box .prev_next a { color:#cdb97c; } #news_box .prev_next a:hover { color:#af925a; } #news_box .prev_next a:active { color:#b0443f; } #news_box .prev_next a i { font-size:20px; text-shadow:-1px 0 rgba(0,0,0,0.7); } /*------------------------------------------------------------{ clock }----------------------------------------------------------------------------display:flex; flex-wrap:wrap; */ .clock_box { margin:10px; padding:80px 0 0 0; color:#eddfa7; text-align:center; background:; text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000; } .clock_box #date { display:block; padding:0 10px; font-size:18px; font-family:'oswald'; background:; } .clock_box #clock { display:inline-block; margin:10px; padding:5px 20px 15px 20px; font-size:40px; font-family:'Digital-7Italic'; background:rgba(0,0,0,0.5); border:3px solid rgba(237,223,167,0.8); border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.5); background:-moz-linear-gradient(top, rgba(237,223,167,0.1),rgba(237,223,167,0.5),rgba(237,223,167,0.1)); background:-webkit-linear-gradient(top, rgba(237,223,167,0.1),rgba(237,223,167,0.5),rgba(237,223,167,0.1)); } .clock_box #point { position:relative; padding:0; -moz-animation:blink 1s ease infinite; -webkit-animation:blink 1s ease infinite; -ms-animation:blink 1s ease infinite; -o-animation:blink 1s ease infinite; animation:blink 1s ease infinite; } .clock_box span { float:left; display:inline-block; margin:0; padding:0 10px; font-weight:bold; background:; } /*-------------------------------------------------------------{ Legality }-----------------------------------------------------------------------*/ .legality_style { margin:0 auto; padding:25px; max-width:960px; background:url(../img/frontend/legality_pattern.png) repeat left top; text-align:left; } .legality_style fieldset { padding:50px 10px; background:#fdf6e4 url(../img/frontend/pattern_bg.png); border:3px solid rgba(0,0,0,0.4); box-shadow:inset 0 0 0 4px #fff, inset 0 0 0 5px rgba(0,0,0,0.3),inset 0 0 0 6px #fff, inset 0 0 0 7px rgba(0,0,0,0.3); } .legality_style legend { padding:0 10px; font-weight:bold; color:#777; border:1px solid rgba(0,0,0,0.1); border-radius:3px; } .legality_style .row { margin:0; padding:15px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .legality_style .row:nth-of-type(odd) { background:rgba(255,255,255,0.2); } .legality_style .row:hover { background:rgba(255,255,255,0.5); } .legality_style label { display:block; float:left; width:28%; text-align:right; background:; } .legality_style span { display:block; margin-left:29%; font-size:14px; font-weight:bold; background:; } /*-----------------------------------------------------------{ content_list }-------------------------------------------------------------------*/ .content_list { margin:0; padding:0; list-style:none; } .content_list .list { position:relative; margin:15px; background:; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .content_list .list:hover { background:#fafafa; } .content_list .list .img { position:relative; float:left; width:200px; height:200px; background:#ebebeb; border:1px solid #ebebec; overflow:hidden; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .content_list .list .img.img_200x150 { width:200px; height:150px; } .content_list .list .img.img_250x250 { width:250px; height:250px; } .content_list .list .img.img_300x300 { width:300px; height:300px; } .content_list .list .img.img_80x80 { width:80px; height:auto; padding:15px; } .content_list .list .img img { width:100%; height:100%; } .content_list .list .desc { padding:25px 25px 25px 25px; overflow:hidden; background:; } .content_list .list .img.img_80x80 ~ .desc { padding:10px; } .content_list .list .desc p { margin:0; overflow:hidden; background:; } .content_list .list .desc h5 ~ p{ height:55px; } .content_list .list .img ~ .desc p { height:55px; } .content_list .list .img.img_200x150 ~ .desc { padding:15px 25px 0 25px; } .content_list .list .img.img_200x150 ~ .desc p { height:55px; } .content_list .list .img.img_250x250 ~ .desc p { height:130px; } .content_list .list .img.img_300x300 ~ .desc p { height:180px; } .content_list .list .img.img_80x80 ~ .desc p { height:auto; } .content_list .list .desc h5 { margin-bottom:10px; font-size:18px; height:27px; overflow:hidden; } .content_list .list .desc span { display:block; margin:0 0 10px 0; color:#e3b235; background:; } .content_list .list .desc p ~ span { display:block; margin:10px 0 0 0; color:#e3b235; background:; } .content_list .list .button_news { position:absolute; right:10px; bottom:5px; } .content_list .list .button_download { position:absolute; right:10px; bottom:5px; } .content_list .list .button_list a { position:absolute; right:0; bottom:0; padding-left:6px; width:20px; height:26px; background:#e1675e; font-size:15px; color:#fff; text-shadow:0 1px rgba(0,0,0,0.3); } .content_list .list .button_list a:active{ color:#4e8126; text-shadow:0 1px rgba(255,255,255,0.3); } .content_list .list .button_list a:before { content:''; position:absolute; right:0; top:-26px; width:0; height:0; border:13px solid #e1675e; border-left-color:transparent; border-top-color:transparent; } .content_list .list .button_list a:after { content:''; position:absolute; left:-26px; bottom:0; width:0; height:0; border:13px solid #e1675e; border-left-color:transparent; border-top-color:transparent; }/**/ .content_list .list .icon_large { position:relative; float:left; padding:30px; line-height:35px; font-size:35px; text-align:center; background:; } .content_list .list .icon_large ~ .desc { padding:15px; background:; } .content_list .list .icon_large ~ .desc span { margin:0; font-size:13px; font-weight:; } .content_list .list .icon_large ~ .desc h6 { margin-bottom:5px; } .content_list .list .icon_large ~ .desc p { margin:0; font-size:13px; line-height:18px; } .content_list .list .icon_large ~ .desc b { color:#666; font-size:13px; } .content_list .list .iconDownload { position:relative; float:left; padding:20px 0 0 20px; line-height:50px; font-size:50px; text-align:center; } .content_list .list .iconDownload img { width:100%; } .content_list .list .iconDownload ~ .desc { padding:15px; } .content_list .list .iconDownload ~ .desc span { margin:0; font-size:12px; font-weight:bold; } .content_list .list .iconDownload ~ .desc b { color:#666; } .content_list .list .iconDownload .fa-file-word-o { color:#234299; } .content_list .list .iconDownload .fa-file-excel-o { color:#81a53e; } .content_list .list .iconDownload .fa-file-powerpoint-o { color:#ff7d1b; } .content_list .list .iconDownload .fa-file-zip-o { color:#e3ba51; } .content_list .list .iconDownload .fa-file-picture-o { color:#29b6e5; } .content_list .list .iconDownload .fa-file-audio-o { color:#32a2fe; } .content_list .list .iconDownload .fa-file-video-o { color:#e33d2f; } .download_detail .list { text-align:center; margin:auto; max-width:400px; border:1px solid #ddd; } .download_detail .list .iconDownload{ float:none; display:block; margin:0 auto; padding:20px 20px 0 20px; width:50px; } .download_detail .list .desc h5 { height:auto; font-size:17px; } .download_detail .list .button_download { position:relative; right:auto; bottom:auto; } .download_detail .downSecurity { margin-top:15px; padding:15px; text-align:left; border:1px solid rgba(0,0,0,0.1); border-radius:5px; background:rgba(255,255,255,0.5); } .download_detail .downSecurity label{ display:block; padding:5px 0 0; line-height:25px; font-size:12px; color:#999; text-align:center; font-weight:bold; background:; } /*.download_detail .downSecurity label[for=button] { display:none; }*/ .download_detail .downSecurity span { display:block; padding:5px 0; line-height:25px; position:relative; text-align:center; background:; } .download_detail .downSecurity span input { margin:0 0 0 0; padding:0; width:98%; height:30px; color:#6a6e72; text-align:center; border:1px solid rgba(0,0,0,0.2); font-weight:bold; } .download_detail .downSecurity span span.textError { position:absolute; top:-25px; left:0; z-index:1; margin:0; width:auto; text-align:left; background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom;} .download_detail .downSecurity span span.textError p{ margin:0; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; height:auto; background:#000; background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; } .content_list .sosmed { padding:0; font-size:16px; background:; } .content_list .sosmed a { margin:0 5px; } .content_list .sosmed a[title=facebook] { color:#4b6ea5; } .content_list .sosmed a[title=twitter] { color:#3bdfff; } .content_list .sosmed a[title=youtube] { color:#d64237; } .content_list .sosmed a[title=instagram] { color:#96744f; } .content_list .sosmed a[title=google] { color:#e45f44; } .content_list.detail .list { margin:0; background:none; } .content_list.detail .list .desc { padding:0 0 0 25px; } .content_list.detail .list .desc p { padding-bottom:15px; height:auto; } .content_list.detail .list .sosmed { position:absolute; top:0; right:0; } .content_list.detail .list .desc ul, .content_list.detail .list .desc ol { margin:0 0 20px 30px; line-height:25px; } /*------------------------------------------------------------{ gallery }---------------------------------------------------------------------*/ .gallery_cont { text-align:center; } .gallery_cont .box { position:relative; margin:10px; height:; border:5px solid #cdb97c; overflow:hidden; box-shadow:0 3px 5px rgba(0,0,0,0.1); border-radius:5px; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .gallery_cont .box img { width:100%; height:100%; opacity:1; z-index:2; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .gallery_cont .box:hover img{ opacity:0.5; z-index:1; -moz-transform:scale(2) rotate(10deg); -webkit-transform:scale(2) rotate(10deg); transform:scale(2) rotate(10deg); } .gallery_cont .box:hover { border-color:#e1675e; } .gallery_cont .box .preview { position:absolute; left:0; top:0; right:0; bottom:0; padding:10px; color:#fff; background:rgba(0,0,0,0.7); opacity:0; z-index:1; overflow:hidden; -moz-transition:1s; -webkit-transition:1s; transition:1s; } .gallery_cont .box:hover .preview { opacity:2; z-index:1; border-radius:5px; -moz-transform:rotateY(360deg) scale(0.9); -webkit-transform:rotateY(360deg) scale(0.9); transform:rotateY(360deg) scale(0.9); } .gallery_cont .box .preview h6 { margin:0 0 10px 0; padding:5px; color:#98c93b; font-size:17px; max-height:45px; border-bottom:3px solid #e1675e; overflow:hidden; font-size:17px; } .gallery_cont .box .preview p { margin:0 0 10px 0; padding:0; height:75px; line-height:normal; overflow:hidden; background:; } .gallery_cont .box.photo_bg { background:#eee; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .gallery_cont .box.photo_bg:hover { box-shadow:0 2px 3px rgba(0,0,0,0.3); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05); } .gallery_cont .box.photo_bg:hover img { opacity:1; z-index:1; -moz-transform:scale(1.5) rotate(10deg); -webkit-transform:scale(1.5) rotate(10deg); transform:scale(1.5) rotate(10deg); } /*---------------------------------------------------------------{ video }-------------------------------------------------------------------------*/ .video_cont { } .video_cont .box { position:relative; margin:10px 10px 0 10px; padding:5px; height:250px; border:1px solid #af925a; background:#cdb97c; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .video_cont .box:hover { background-color:#e1675e; z-index:100; } .video_cont .box img { width:100%; height:100%; } .video_cont .box .covZom{ position:absolute; left:5%; top:20%; width:90%; height:55%; z-index:100; } .video_cont .box .covZom a { display:block; width:100%; height:100%; background:none; } .video_cont .vc_title { margin:0 10px 15px 10px; position:relative; padding:10px 5px; line-height:20px; font-weight:normal; text-align:center; color:#e1675e; text-transform:uppercase; background:#f3f3f4; border-radius:0 0 4px 4px; box-shadow:0 0 0 1px rgba(0,0,0,0.1); } .video_cont .vc_title span { display:block; height:20px; overflow:hidden; } /*---------------------------------------------------------------{ footer }--------------------------------------------------------------------------*/ #footer_content { color:rgba(255,255,255,0.6); font-size:13px; border-top:0px solid #222222; box-shadow:inset 0 3px 5px rgba(0,0,0,0.5); background:#333333 url(../img/frontend/pattern_bg.png) repeat top; } #footer_content .wrap100{ background:url(../img/frontend/contLight_bg.png) no-repeat top; background-size:100% auto; } #footer_content .box { margin:10px; padding:10px 10px; height:; } #footer_content .box .img { float:left; margin-top:50px; width:130px; height:130px; border-radius:50%; overflow:hidden; background:rgba(255,255,255,0.2); border:8px solid rgba(255,255,255,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.2); -moz-transition:1s; -webkit-transition:1s; transition:1s; } #footer_content .box .img img { width:100%; height:100%; border-radius:50%; -moz-transition:1.5s; -webkit-transition:1.5s; transition:1.5s; } #footer_content .box:hover .img { -moz-animation:bubbleIcon 0.5s ease-out forwards;-webkit-animation:bubbleIcon 0.5s ease-out forwards; } #footer_content .box:hover .img img { -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transform:rotateY(360deg); } #footer_content .box .desc { padding:0 15px; overflow:hidden; } #footer_content .box .desc h5 { margin-bottom:20px; color:rgba(255,255,255,0.8); text-transform:uppercase; } #footer_content .box .desc p { margin-bottom:10px; line-height:20px; } #footer_content ul { margin:0; padding:0; list-style:none; line-height:25px; } #footer_content ul li { font-size:14px; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } #footer_content ul li label.bbm { background:url(../img/frontend/bbmku.png) no-repeat center; } #footer_content ul li label.whatsapp { background:url(../img/frontend/whatsapp.png) no-repeat center; } #footer_content ul li label.mobile { background:url(../img/frontend/mobile.png) no-repeat center; } #footer_content ul li label.line { background:url(../img/frontend/line-icon.png) no-repeat center; } #footer_content ul li:hover { padding-left:10px; } #footer_content ul li a { display:block; color:rgba(255,255,255,0.6); } #footer_content ul li a:hover { color:rgba(255,255,255,0.8); } #footer_content .fAboutus li { margin-bottom:15px; text-transform:uppercase; line-height:18px; } #footer_content .fAboutus li span { display:block; font-weight:bold; } #footer_content .fAboutus li i { float:left; display:block; width:40px; height:40px; background:red; } #footer_content .fAboutus li a { padding-left:40px; color:#fff; opacity:0.6; } #footer_content .fAboutus li a:hover{ opacity:0.8; } #footer_content .fAboutus li.profile a { background:url(../img/frontend/profile_ico.png) no-repeat left center; } #footer_content .fAboutus li.product a { background:url(../img/frontend/product_ico.png) no-repeat left center; } #footer_content .fAboutus li.plan a { background:url(../img/frontend/plan_ico.png) no-repeat left center; } #footer_content .fAboutus li.code_ethics a { background:url(../img/frontend/code_ethics_ico.png) no-repeat left center; } #footer_content .fFollowus li { padding:3px 0; } #footer_content .fFollowus li i { font-size:18px; vertical-align:middle; } #maps_box { position:relative; width:100%; height:320px; } #maps_box img { max-width:none; } #footer { position:relative; padding:20px 0; font-size:11px; color:rgba(255,255,255,0.4); text-align:center; background:#222222; border-top:1px solid rgba(0,0,0,0.2); } #footer span { display:block; padding:3px 0; } #footer a { color:rgba(255,255,255,0.5); font-weight:; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #footer a:hover { color:#cdb97c; text-decoration:; } #footer a img { width:15px; vertical-align:middle; opacity:0.6; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #footer a:hover img { opacity:1; } #footer .go_top { position:absolute; top:-60px; left:50%; margin-left:-37px; padding:15px 0; width:70px; height:40px; background:#333333; border-radius:50%; border:5px solid #222222; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05); line-height:20px; font-size:18px; font-weight:bold; } #footer .go_top a { display:block; color:#222222; text-shadow:0 1px rgba(255,255,255,0.1), 0 -1px rgba(0,0,0,0.3); } #footer .go_top i { display:block; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #footer .go_top:hover i { transform:translateY(-3px); } /*------------------------------------------------------------{ Animation }--------------------------------------------------------------------------*/ @-moz-keyframes bubbleIcon { 0% { -moz-transform:scale(1); } 25% { -moz-transform:scale(1.2); } 50% { -moz-transform:scale(1); } 75% { -moz-transform:scale(1.1); } 100% { -moz-transform:scale(1); } } @-webkit-keyframes bubbleIcon { 0% { -webkit-transform:scale(1); } 25% { -webkit-transform:scale(1.2); } 50% { -webkit-transform:scale(1); } 75% { -webkit-transform:scale(1.1); } 100% { -webkit-transform:scale(1); } } @keyframes bubbleIcon { 0% { transform:scale(1); } 25% { transform:scale(1.2); } 50% { transform:scale(1); } 75% { transform:scale(1.1); } 100% { transform:scale(1); } } .bubble{display:inline-block} .bubble:hover,.bubble:focus {-moz-animation:bubbleIcon 0.5s ease-out forwards;-webkit-animation:bubbleIcon 0.5s ease-out forwards;-o-animation:bubbleIcon 0.5s ease-out forwards;animation:bubbleIcon 0.5s ease-out forwards;} @-moz-keyframes blink { 0% { opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; } } @-webkit-keyframes blink { 0% { opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; } } @keyframes blink { 0% { opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; } } .blink{display:inline-block} .blink:hover,.blink:focus {-moz-animation:blink .8s linear infinite;-webkit-animation:blink .8s linear infinite;-o-animation:blink .8s linear infinite;animation:blink .8s linear infinite;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} /*------------------------------------------------------{ shake efek(bergetar/bergoyang) }------------------------------------------------------*/ @-moz-keyframes shake{0%{-moz-transform:translate(2px,1px) rotate(0deg)}10%{-moz-transform:translate(-1px,-2px) rotate(-1deg)}20%{-moz-transform:translate(-3px,0px) rotate(1deg)}30%{-moz-transform:translate(0px,2px) rotate(0deg)}40%{-moz-transform:translate(1px,-1px) rotate(1deg)}50%{-moz-transform:translate(-1px,2px) rotate(-1deg)}60%{-moz-transform:translate(-3px,1px) rotate(0deg)}70%{-moz-transform:translate(2px,1px) rotate(-1deg)}80%{-moz-transform:translate(-1px,-1px) rotate(1deg)}90%{-moz-transform:translate(2px,2px) rotate(0deg)}100%{-moz-transform:translate(1px,-2px) rotate(-1deg)}} @-webkit-keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0px) rotate(1deg)}30%{-webkit-transform:translate(0px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(2px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,2px) rotate(0deg)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}} @-o-keyframes shake{0%{-o-transform:translate(2px,1px) rotate(0deg)}10%{-o-transform:translate(-1px,-2px) rotate(-1deg)}20%{-o-transform:translate(-3px,0px) rotate(1deg)}30%{-o-transform:translate(0px,2px) rotate(0deg)}40%{-o-transform:translate(1px,-1px) rotate(1deg)}50%{-o-transform:translate(-1px,2px) rotate(-1deg)}60%{-o-transform:translate(-3px,1px) rotate(0deg)}70%{-o-transform:translate(2px,1px) rotate(-1deg)}80%{-o-transform:translate(-1px,-1px) rotate(1deg)}90%{-o-transform:translate(2px,2px) rotate(0deg)}100%{-o-transform:translate(1px,-2px) rotate(-1deg)}} @keyframes shake{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(0px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}} .shake{display:inline-block} .shake:hover,.shake:focus{-moz-animation:shake .8s linear infinite;-webkit-animation:shake .8s linear infinite;-o-animation:shake .8s linear infinite;animation:shake .8s linear infinite;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} div.pagings { padding : 2px; margin : 2px; font-family : Tahoma; font-size : 11px; line-height:220%; } div.pagings a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #C2D0DC; color: #444444; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; background:#ecf1f5; background:-moz-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); background:-webkit-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb; } div.pagings a:hover { border: 1px solid #999; color: #000; } div.pagings span.current { margin: 2px; padding:4px 7px 4px 7px; border: 1px solid #999; color: #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; background:#ecf1f5; background:-moz-linear-gradient(top, #999999 0%, #7E7E7E 100%); background:-webkit-linear-gradient(top, #999999 0%, #7E7E7E 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb; } div.pagings span.disabled { padding:4px 7px 4px 7px; margin:2px; border:1px solid #E2E2E2; color:#CCCCCC; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; background:#ecf1f5; background:-moz-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); background:-webkit-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb; } div.pagings span.prevnext { font-weight : bold; } /*---------------------------------------------------------------{ pagination }---------------------------------------------------------------------*/ .pagiNation { margin:0; padding:15px 0; line-height:25px; text-align:center; font-family:'Gotham', Arial; font-size:11px; } .pagiNation span { display:inline-block; margin:2px; padding:0; color:#444444; font-weight:bold; border:1px solid #444444; border-radius:3px; background:#444444; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .pagiNation span:hover { background:#fff; border-color:#444444; } .pagiNation span.ui-state-disabled, .pagiNation span.active { padding:0 10px; color:#444444; text-shadow:0 1px 0 rgba(255,255,255,0.15); background:#fff; box-shadow:none; border-color:#444444; } .pagiNation span:active { background:#fff; } .pagiNation span a { display:block; margin:0; padding:0 10px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.2); } .pagiNation span a:hover{ color:#444444; text-decoration:none; text-shadow:none; } .pagiNation span:active a { color:#000; } .pagiNation span:first-child a, .pagiNation span:first-child{ border-radius:5px 3px 3px 5px; } .pagiNation span:last-child a, .pagiNation span:last-child { border-radius:3px 5px 5px 3px; } .clearfix { zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*-------------------------------------------------------------------{ product }-----------------------------------------------------------------------*/ #content_product { margin:0 auto; padding:16px 16px 22px 16px; width:800px; } #wrap_prod { margin:0; padding:0; } #btn_slide { margin:0px auto -22px auto; padding:0 15px; width:160px; height:22px; color:#333; position:relative; text-align:center; background:url(../img/frontend/btn_slide_bg.png) no-repeat top center; } #btn_slide span.open, #btn_slide span.close { margin:0; padding:0 15px 0 0; height:15px; color:#3E3E3E; font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; cursor:pointer; background:url(../img/frontend/btn_open_close.png) no-repeat right 0px; } #btn_slide span.open { background:url(../img/frontend/btn_open_close.png) no-repeat right -15px; } #btn_slide span.open:hover { color:#000; background-position:right -45px; } #btn_slide span.close:hover { color:#000; background-position:right -30px; } .product_cont { margin:0 0 10px 0; padding:0; width:100%; font-size:12px; } .product_cont ul { margin:0; padding:0; list-style:none; } .product_cont ul li { float:left; margin:8px; padding:0; width:210px; } .product_cont ul li .prod_cont { margin:0; padding:3px 0 0 0; width:auto; height:370px; border:1px solid #d2cbda; border-radius:3px; background:#f0f0f1 url(../img/frontend/prod_cont_bg.png) repeat-y top center; } .product_cont ul li .prod_cont .prod_img{ margin:0 0 1px 0; padding:0; width:auto; height:190px; background:#fff; border-top:1px solid #d2cbda; border-bottom:1px solid #d2cbda; position:relative; text-align:center; } .product_cont ul li .prod_cont .prod_img img{ margin:0 auto; max-width:100%; height:150px; } .product_cont ul li .prod_cont .prod_img .prod_title { position:absolute; margin:0; padding:5px 0; left:0; bottom:0; width:100%; font-weight:bold; text-align:center; color:#663399; text-transform:; background:url(../img/frontend/prod_title_bg.png) repeat; line-height:normal; } .product_cont ul li .prod_cont .prod_img .prod_title a { color:#333333; } .product_cont ul li .prod_cont .prod_img .prod_title a:hover{ color:#f99800; } .product_cont ul li .prod_cont .prod_text { margin-bottom:1px; padding:5px 2px; height:60px; overflow:hidden; text-align:center; line-height:20px; background:#fff; border:1px solid #d2cbda; border-left:0; border-right:0; } .product_cont ul li .prod_cont .prod_btn { margin:0; padding:0; width:100%; text-align:center; font-weight:bold; } .product_cont ul li .prod_cont .prod_btn a { display:block; margin:0; padding:0 15px; line-height:21px; color:#948f9b; border-top:1px solid #fff; border-bottom:1px solid #fff; } .product_cont ul li .prod_cont .prod_btn a:hover { color:#333333; } .product_cont ul li .prod_cont .prod_btn .btn_view { /*float:left;*/ margin:0; padding:0; min-width:90px; height:23px; border:1px solid #d2cbda; border-left:0; border-right:0; background:#f1f1f2 url(../img/frontend/prod_btn_bg.png) repeat-x top; } .product_cont ul li .prod_cont .prod_btn .btn_view a span { margin:0; padding:0 0 0 20px; background:url(../img/frontend/view_icon.png) no-repeat left center; } .product_cont ul li .prod_cont .prod_btn .btn_add_cart { /*float:right;*/ margin:0; padding:0; height:23px; border:1px solid #d2cbda; border-left:0; border-right:0; border-top:0; background:#f1f1f2 url(../img/frontend/prod_btn_bg.png) repeat-x top; } .product_cont ul li .prod_cont .prod_btn .btn_add_cart a span { background:url(../img/frontend/add_cart_icon.png) no-repeat left center; margin:0; padding:0 0 0 22px; } .product_cont ul li .prod_cont .prod_btn .btn_view:active, .product_cont ul li .prod_cont .prod_btn .btn_add_cart:active { background:#f1f1f2; } .product_cont ul li .prod_cont .prod_price { margin:0; padding:0; height:35px; line-height:35px; text-align:center; font-size:15px; color:#009933; font-weight:bold; } .product_detail_info { margin:0 -9px 0px -9px; padding:5px 9px 15px 9px; width:auto; background:#f7f7f7; border-bottom:4px solid #f1f1f1; box-shadow:inset 0 -1px 0 0 #fff; } .product_detail_text { margin:0 -9px 0 -9px; padding:0px 9px 9px 9px; width:auto; border-top:1px solid #ddd; /*border-radius:4px 4px 0 0;*/ } .product_detail_text ul { margin:0 0 10px 25px; padding:0; list-style:url(../img/frontend/bullt_news.png) outside; line-height:20px; } .detail_product_box { float:left; margin:0 0 0px 0; padding:0; width:auto; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fbfbfc; font-size:12px; } .detail_product_box h2 { margin:0; padding:8px 10px; font-size:14px; text-transform:uppercase; text-shadow:1px 1px 0px #fbfbfc; background:#f3f3f4; background:-moz-linear-gradient(top, #fff 0%, #eeeef0 100%); background:-webkit-linear-gradient(top, #fff 0%, #eeeef0 100%); border-bottom:1px solid #fbfbfc; border-radius:3px 3px 0 0; } .detail_product_box h2 span, .product_detail_text h2 span { font-size:13px; text-transform:none; } .detail_product_box .info_brief { margin:0; padding:5px 10px; width:auto; max-height:140px; overflow:hidden; font-family:Tahoma; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .detail_product_box .info_brief p { line-height:20px; } .detail_product_box .info_product_box { margin:0; padding:5px 10px; width:auto; font-family:Tahoma; border-top:1px solid #fbfbfc; border-bottom:1px solid #ddd; } .detail_product_box .info_product_box label { display:block; float:left; width:120px; color:#777; line-height:25px; } .detail_product_box .info_product_box span { display:block; float:left; width:205px; color:#777; font-weight:bold; line-height:25px; } .detail_product_box .info_product_box span.ready { color:#009933; } .detail_product_box .info_product_box span.no_ready { color:red; } .detail_product_box .price_box { margin:0; padding:5px 10px; width:auto; border-top:1px solid #fbfbfc; border-bottom:1px solid #ddd; } .detail_product_box .price_box label { display:block; float:left; width:120px; color:#777; line-height:25px; } .detail_product_box .price_box span { display:block; float:left; width:205px; font-weight:bold; line-height:25px; } .detail_product_box .price_box span.uncorrect { color:red; font-size:14px; text-decoration:line-through; } .detail_product_box .price_box span.correct { color:#009933; font-size:17px; } .detail_product_box .btn_box { margin:0; padding:5px 10px; width:auto; border-top:1px solid #fbfbfc; } .detail_product_box .btn_box .add_to_cart { float:right; margin:0; padding:0; background:#fff; border:1px solid #d5d5d5; border-radius:3px; } .detail_product_box .btn_box .add_to_cart a { display:block; color:#726390; font-weight:bold; border:1px solid #f1eef9; border-radius:3px; background:#ebe6f7; background:-moz-linear-gradient(top, #e7e1f6 0%, #fff 50%, #e7e1f6 100%); background:-webkit-linear-gradient(top, #e7e1f6 0%, #fff 50%, #e7e1f6 100%); } .detail_product_box .btn_box .add_to_cart a:hover { color:#555; border:1px solid #fff; background:#f0f0f1; background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); } .detail_product_box .btn_box .add_to_cart a:active { color:#000; border:1px solid #fff; background:#e6e6e7; background:-moz-linear-gradient(top, #fff 0%, #e6e6e7 50%, #fff 100%); background:-webkit-linear-gradient(top, #fff 0%, #e6e6e7 50%, #fff 100%); } .detail_product_box .btn_box .add_to_cart a span{ float:left; display:block; margin:0; padding:0 15px; line-height:30px; border-left:1px solid #fff; } .detail_product_box .btn_box .add_to_cart a img { float:left; margin:-1px 0; padding:8px; border-right:1px solid #d5d5d5; box-shadow:inset -1px 0px 0px #fff; } .catalysis_box { float:left; margin:0; padding:10px; width:300px; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:5px; box-shadow:inset 0 0 0 1px #fff; } .consultation_box { float:right; margin:10px 0 0 0; padding:10px 5px; width:335px; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fbfbfc; font-size:12px; } .consultation_box_img { float:left; padding:3px; width:54px; height:64px; background:#fff; border:1px solid #ccc; } .consultation_box_img img { width:100%; height:100%; } .consultation_box_ym { float:right; } .consultation_box_ym img { width:100px; } .consultation_box_info { float:left; margin:0 0 0 5px; width:165px; } .consultation_box_info label{ display:block; line-height:normal; font-weight:bold; } .consultation_box_info span { display:block; margin:5px 0 7px 0; font-weight:bold; line-height:normal; font-size:14px; color:#663399; } .consultation_box_info .bb_icon { padding-left:23px; font-size:15px; color:#3b80c6; font-weight:bold; background:url(../img/frontend/phone_icon.png) no-repeat 0px 6px; } .product_slide2 { margin:0 -9px 20px -9px; padding:20px 0; font-size:12px; line-height:normal; border:1px solid #ccc; border-left:0; border-right:0; } /*----------------------------------------------------------------{ img zom Product }--------------------------------------------------------------------*/ .photo_product_detail { float:left; margin:0 10px 0 0; padding:0 0 5px 0; min-height:300px; background:#f7f7f7; border:1px solid #d5d5d5; border-radius:0 0 5px 5px; } .display_img { margin:0; padding:0; border-bottom:1px solid #d5d5d5; } .display_img img { width:321px; height:321px; } .sxy-zoom-slider { position: relative; margin:10px auto 7px auto; width:100%; } .sxy-zoom-slider ul { height: 71px; margin:0; padding: 0; list-style:none; } .sxy-zoom-slider li { width: 70px; height: 70px; float: left; margin: 0 5px; list-style: none; position: relative;} .sxy-zoom-slider a { opacity: 0.7; -webkit-transition: opacity .70s ease-in-out; } .sxy-zoom-slider img { width:71px; height:71px; border:1px solid #d5d5d5; } .sxy-zoom-slider a:hover, .sxy-zoom-slider a.active { opacity: 1; -webkit-transition: opacity 1s ease-in-out; } .sxy-zoom-sliderx { position: relative; margin:10px auto 7px auto; width:100%; } .sxy-zoom-sliderx ul { height: 85px; margin:0; padding: 0; list-style:none; } .sxy-zoom-sliderx li { width: 85px; height: 85px; float: left; margin: 0 11px; list-style: none; position: relative;} .sxy-zoom-sliderx a { opacity: 0.7; -webkit-transition: opacity .70s ease-in-out; } .sxy-zoom-sliderx img { width:85px; height:85px; border:1px solid #d5d5d5; } .sxy-zoom-sliderx a:hover, .sxy-zoom-sliderx a.active { opacity: 1; -webkit-transition: opacity 1s ease-in-out; } table.docs { width: 100%; } table.docs thead th { text-align: left; } table.docs tr { border-bottom: 1px solid #999; } table.docs td, table.docs th{ padding: 10px; } table.docs td { background:#fff; } table.docs .type { font-size: 11px; } .big-button { -webkit-transition: all 0.3s ease 0s; padding: 22px 25px; color: #fff; background: #00aeef !important; font-size: 14px; font-weight: bold; border-radius: 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .big-button:hover { text-decoration: none; background: #0084B5 !important } /*----------------------------------------------------------------{menu tab product detail}-----------------------------------------------------------------*/ .tabs_prod_detail { margin:0 -9px 15px -9px; padding:0; width:auto; background:#f4f4f4; border-radius:4px 4px 0 0; box-shadow:inset 0px 1px 0px #f6f9fb, inset 0px -1px 0px #d1d4d8, inset -1px 0px 0px #f6f9fb; } .tabs_prod_detail ul.menu_tabs { margin:0; padding:0; list-style:none; text-align:center; } .tabs_prod_detail ul.menu_tabs li { float:left; margin:0; padding:7px 20px; color: #726390; font-weight:600; display: block; position:relative; font-size:13px; font-family:Tahoma; border-left:1px solid #f6f9fb; border-right:1px solid #d1d4d8; border-top: 1px solid #f6f9fb; border-bottom:1px solid #d1d4d8; cursor: pointer; background:#f4f4f4; box-shadow:0px 1px 0px #f6f9fb; } .tabs_prod_detail ul.menu_tabs li:first-child { border-radius:4px 0 0 0; } .tabs_prod_detail ul.menu_tabs li:last-child { border-right:none; } .tabs_prod_detail ul.menu_tabs li:hover { color:#333; text-shadow:none; background:#fff; } .tabs_prod_detail ul.menu_tabs li.active { color:#009933; text-shadow:none; background:#fff; } .tabs_prod_detail ul.menu_tabs li.active:hover { color:#009933; } .tabs_prod_detail ul.menu_tabs li span.arrow_tabs { position:absolute; right:0px; bottom:0px; width:0px; height:0px; z-index:10; } .tabs_prod_detail ul.menu_tabs li.active span.arrow_tabs{ position:absolute; right:20px; bottom:-10px; width:20px; height:10px; background:url(../img/frontend/arrow_tabs.png) no-repeat top; } .tabs_cont { min-height:150px; } /*---------------------------------------------------------------------{ content_cart }--------------------------------------------------------------------*/ .content_cart { margin:0 0 15px 0; padding:0px; width:938px; min-height:550px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; } .content_cart h3 { margin-bottom:0; padding:10px; color:#666; font-size:13px; background:#f4f4f5; border-bottom:1px dashed #ccc; box-shadow:inset 0 0 0 1px #fff; } .content_cart_left { float:left; margin:0; padding:0; width:702px; } .content_cart_right { float:right; margin:0 0 40px 0; padding:0px; width:235px; } .page_cont { margin:0; padding:0; width:100%; height:; border-bottom:1px solid #cac7cd; border-radius:4px 0 0 0; background:#f1f1f1; background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%); box-shadow:inset 0px -1px 0px #fcfcfc; } .page_cont ul { margin:0; padding:0; list-style:none; font-family:Tahoma; font-size:12px; color:#cac7cd; text-shadow:1px 1px 0px #fcfcfc; font-weight:bold; } .page_cont ul li { float:left; margin:0; padding:9px 20px 9px 10px; background:url(../img/frontend/pageList_bg.png) no-repeat right center; } .page_cont ul li.hompag { padding:9px 10px; border-right:1px solid #cac7cd; background:none; box-shadow:inset 0px 0px 0px 1px #fcfcfc, 1px 0px 0px #fcfcfc; border-radius:4px 0 0 0; } .page_cont ul li.iconPrint { float:right; padding:9px 10px; background:none; border-left:1px solid #ccc; border-right:1px solid #ccc; box-shadow:inset 0px 0px 0px 1px #fcfcfc; } .page_cont ul li.iconEmail { float:right; padding:9px 10px; background:none; border-right:1px solid #ccc; box-shadow:inset 0px 0px 0px 1px #fcfcfc; } .page_cont ul li:nth-of-type(5){background:none; } .page_cont ul li:hover { color:#cac7cd; } .page_cont ul li.active { color:#009933; } .page_cont ul li a { color:#888; } .page_cont ul li a:hover{ color:#cac7cd; } .cart_view { margin:5px 0 0 0; padding:0; list-style:none; font-size:11px; border-top: 1px solid #ddd; border-right:1px solid #ddd; } .cart_view li { margin:0; padding:10px; background:#fefefe; border-top:1px solid #fff; border-bottom:1px solid #ddd; } .cart_view li:nth-of-type(even) { background:#f4f4f5; } .cart_view li:hover { background:#f9f9f9; } .cart_view li h2 { color:#555; margin:0 0 10px 0; padding:0; line-height:15px; font-size:12px; text-transform:none } .cart_view li h2 a { color:#663399; } .cart_view li h2 a:hover { color:#009933; } .cart_view li h2 a:active { color:#000; } .cart_view li .img_cart { float:left; margin:0 10px 0 0; padding:3px; width:50px; height:50px; background:#eee; border:1px solid #cac7cd; } .cart_view li .img_cart:hover{ border-color:#663399; } .cart_view li .img_cart img { margin:0; padding:0; width:50px; height:50px; } .info_cart { float:left; margin:0; padding:0; width:180px; } .info_cart span { display:block; line-height:18px; } .remove_edit_cart { float:left; margin:0; padding:0px; width:100px; min-height:30px; line-height:30px; text-align:right; } .remove_edit_cart a.remove { color:red; margin-right:10px; padding:3px 5px 3px 23px; background:#f9efef url(../img/frontend/cross_circle.png) no-repeat 3px center; border:1px solid #cac7cd; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fff,0px 1px 2px #ddd; } .remove_edit_cart a.remove:hover { color:#c42500; } .remove_edit_cart a.remove:active { background-color:#fff; text-shadow:1px 1px 0px #ddd; box-shadow:none; } .remove_edit_cart a.save, .remove_edit_cart a.edit { color:#009933; margin-left:10px; padding:2px 5px; background:#e1ebe3; border:1px solid #cac7cd; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fff,0px 1px 2px #ddd; } .remove_edit_cart a.save:hover, .remove_edit_cart a.edit:hover { color:#009426; } .remove_edit_cart a.save:active, .remove_edit_cart a.edit:active { background:#fff; text-shadow:1px 1px 0px #ddd; box-shadow:none; } .remove_edit_cart a.save { display:none; } .price_all_cart { float:left; margin:0; padding:0; width:333px; text-align:right; overflow:hidden; } .price_all_cart span { margin:0; padding:0 5px; line-height:30px; display:inline-block; } .price_all_cart span input { margin:0; padding:3px 5px; width:20px; color:#aaa; background:#f9f9f9; text-align:center; border:1px solid #ccc; } .price_all_cart span input:focus { color:#663399; background:#fff; border-color:#663399; box-shadow:inset 1px 1px 2px #ddd; } .cart_total_order { margin:0 0 10px 0; padding:10px 15px; width:auto; color:#000; font-size:15px; font-weight:bold; text-align:right; line-height:30px; background:#f6f6f6; border-top:1px solid #fff; border-bottom:1px solid #ddd; } .cart_total_order label { display:inline-block; padding-right:20px; } .cart_total_order span { display:inline-block; margin-right:0px; } .cart_total_order input.update { margin:0; padding:0 10px 2px 10px; height:30px; font-weight:bold; font-size:11px; color:#848286; text-shadow:1px 1px rgba(255,255,255,0.5); cursor:pointer; border:1px solid #cac7cd; border-radius:3px; background:#e2e2f1; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5); background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); } .cart_total_order input.update:hover { color:#755099; text-shadow:1px 1px 0px #eadbfd; border-color:#9f8db0; background:#d8d8e6; background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); box-shadow:inset 0px 0px 0px 1px #dcc2fd, 0px 1px 2px #bbb; } .cart_total_order input.update:active { color:#865eb3; text-shadow:1px 1px 1px #eadbfd; border-color:#9f8db0; box-shadow:inset 0px 0px 2px 1px #ac76e4, 0px 1px 2px #ccc; background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); } .tree_header { margin:0; padding:5px; width:auto; font-weight:bold; color:#999; } .tree_header h3 { margin:-4px -5px 0 -5px; padding:0; height:35px; line-height:35px; font-size:12px; color:#663399; text-shadow:1px 1px 0px #f5f5f5; text-align:center; background:#f1f1f1; background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%); box-shadow:inset -1px -1px 0px #fcfcfc; border-bottom:1px solid #cac7cd; border-radius:0px 4px 0px 0px; } .tree_header ul { margin:5px 0 15px 0; padding:0px; list-style:none; background:#f9f9f9; border:1px solid #ddd; border-radius:0 0 5px 5px; } .tree_header ul li { padding:5px 10px; color:#666; } .tree_header ul li span { float:right; font-weight:bold; color:black; font-size:13px; } .tree_header ul li.total_item { margin:-1px -1px 0 -1px; padding:5px 0 5px 33px; color:#fff; background:#663399 url(../img/frontend/cart_top_icon.png) no-repeat 7px center; border-bottom:1px solid #000; } .tree_header .cart_terms { margin:0; padding:0; line-height:30px; text-align:center; font-size:11px; } .tree_header .cart_terms a { color:#999; } .tree_header .cart_terms a:hover{ color:#666; } .continue_empty { margin:0 -5px 15px -5px; padding:0; } .continue_shopping { float:left; margin:0; padding:0; line-height:30px; text-align:right; border:1px solid #d6d6d6; border-left:0px; background:#f0f0f1; background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); } .continue_shopping:hover { background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); } .continue_shopping a { display:block; margin:0; padding:0; color:#00a928; border:1px solid #fff; border-left:0px; font-size:12px;} .continue_shopping a:hover { color:#009426; } .continue_shopping a:active { color:#fd3000; } .continue_shopping a span { margin:0; padding:0 8px 0 26px; background:url(../img/frontend/add_cart_icon.png) no-repeat 6px center; } .empty_cart { float:left; margin:0; line-height:30px; text-align:right; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f0f0f1; background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); } .empty_cart:hover { background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); } .empty_cart a { display:block; margin:0; padding:0; color:#555555; border:1px solid #fff; font-size:12px; } .empty_cart a:hover { color:#bc201c; } .empty_cart a:active { color:#ff2626; } .empty_cart a span { margin:0; padding:0 8px 0 28px; background:url(../img/frontend/empty_icon.png) no-repeat 8px center; } .empty_cartx { float:right; margin:0; line-height:30px; text-align:right; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f0f0f1; background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); } .empty_cartx:hover { background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); } .empty_cartx a { display:block; margin:0; padding:0; color:#555555; border:1px solid #fff; font-size:12px; } .empty_cartx a:hover { color:#bc201c; } .empty_cartx a:active { color:#ff2626; } .empty_cartx a span { margin:0; padding:0 8px 0 28px; background:url(../img/frontend/tick_circle.png) no-repeat 8px center; } #backtop { margin:15px auto; padding:2px 5px 2px 0; max-width:90px; text-align:center; font-family:Tahoma; font-size:11px; border:1px solid #ddd; background:url(../img/frontend/backtop.png) no-repeat 83px center; border-radius:3px; } #backtop:hover { border-color:#bbb; box-shadow:0px 1px 2px #ddd; } #backtop:active { border-color:#aaa; box-shadow:none; } #backtop a { color:#999; } #backtop:hover a { color:#888; } #backtop:active a { color:#aaa; } .btn_check_out { position:relative; margin:0 auto; width:120px; } button.btn_check_out { width:70px; } button.btn_check_out, .btn_check_out a { margin:0 auto; padding:0 0px; line-height:30px; color:#848286; text-shadow:1px 1px 0px #fff; display:block; font-family:Arial; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; border:1px solid #cac7cd; border-radius:3px; background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); box-shadow:inset 0px 0px 0px 1px #fff; } button.btn_check_out:hover, .btn_check_out a:hover { color:#755099; text-shadow:1px 1px 0px #eadbfd; border-color:#9f8db0; background:#d8d8e6; background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); box-shadow:inset 0px 0px 0px 1px #dcc2fd, 0px 1px 2px #bbb; } button.btn_check_out:active, .btn_check_out a:active { color:#865eb3; text-shadow:1px 1px 1px #eadbfd; border-color:#9f8db0; box-shadow:inset 0px 0px 2px 1px #ac76e4, 0px 1px 2px #ccc; background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); } button.btn_check_out { cursor:pointer; } .btn_check_out span { position:absolute; display:none; left:-52px; padding:5px 0 0 0; width:225px; text-align:center; transition:all .5s; background:url(../img/frontend/span_check_out_bg.png) no-repeat top center; } .btn_check_out span p { margin:0; padding:5px; font-size:11px; font-weight:normal; line-height:15px; border:1px solid #000; border-radius:3px; background:#000; background:rgba(0,0,0,0.92); } .btn_check_out:hover span { display:block; } .shipping_address { margin:5px 0 0 0; padding:0 0 10px 0; border:1px solid #ddd; border-left:0; } .shipping_address .row { margin:0 10px; display:block; padding:10px; background:#fff; } .shipping_address .row:nth-of-type(even) { background:#f4f4f5; } .shipping_address .row label { float:left; display:block; padding:0 2% 0 0; width:35%; line-height:28px; text-align:right; font-weight:bold; } .shipping_address .row span { float:left; position:relative; display:block; padding:0; width:63%; line-height:30px; } .shipping_address .row select { width:232px; } .shipping_address .row textarea, .shipping_address .row input { margin:0; padding:5px; width:220px; color:#333; background:#fff; border:1px solid #c6c3ce; } .shipping_address .row textarea:focus, .shipping_address .row input:focus { color:#663399; border-color:#663399; background-color:#f5f3f9; box-shadow:inset 1px 1px 1px #ceccd1; } .shipping_address .row code { color:#c00; font-weight:normal; } .shipping_address .row span.textError { position:absolute; width:auto; top:2px; left:235px; z-index:1; background:url(../img/frontend/span_error_bg2.png) no-repeat left center; } .shipping_address .row span.textError p { margin:0 0 0 5px; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; } .shipping_method { margin:5px 0 0 0; padding:0; border:1px solid #ddd; border-left:0; } .shipping_method ul { margin:0 0 5px 0; padding:0; list-style:none; } .shipping_method ul li { margin:0; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #ddd; } .shipping_method ul li:nth-of-type(even){ background:#f9f9f9; box-shadow:inset -1px -1px 0px #fff; } .shipping_method ul li input[type=radio]{ float:left; margin-right:1%; width:2%; height:20px; cursor:pointer; } .shipping_method ul li label { float:right; display:block; padding:0; width:97%; line-height:18px; cursor:pointer; } .shipping_method ul li label span { margin-left:25px; color:#be2323; font-size:11px; } .shipping_note { margin:5px 0 0 0; padding:0; border:1px solid #ddd; border-left:0; } .shipping_note span { display:block; margin:10px; padding:10px; line-height:18px; border:1px dashed #ddd; background:#fff; } .shipping_note textarea { margin:10px; padding:5px; width:669px; height:90px; color:#999; background:#fff; border:1px solid #ccc; } .shipping_note textarea:focus { color:#777; box-shadow:inset 1px 1px 2px #eee; } .payment_method { margin:5px 0 20px 0; padding:0; border:1px solid #ddd; border-left:0; } .payment_method ul { margin:0 0 5px 0; padding:0; list-style:none; } .payment_method ul li { margin:0; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #ddd; } .payment_method ul li:nth-of-type(even) { background:#f9f9f9; box-shadow:inset -1px -1px 0px #fff; } .payment_method ul li input[type=radio] { float:left; margin-right:1%; width:2%; height:35px; cursor:pointer; } .payment_method ul li label { float:left; display:block; padding:0; width:97%; line-height:35px; cursor:pointer; } .payment_method ul li label b { margin-left:10px; } .payment_method ul li label img { float:right; } /*.payment_method ul li span { float:right; display:block; padding:0; width:50%; text-align:right; }*/ .payment_method .box1 { float:left; margin:0; padding:10px; width:500px; border-right:1px dashed #ddd; } .payment_method .box2 { float:right; margin:0; padding:10px; width:160px; text-align:center; } .payment_method .box2 img { margin-bottom:5px; } .payment_method .box2 p { margin-bottom:0px; line-height:18px; } .payment_method .box2 b { font-size:13px; } .payment_method .klikpay-container { } .payment_method .klikpay-arrow { position:relative; z-index:1; margin:0 0 -1px 10px; width:20px; height:10px; background:url(../img/frontend/arrow_info2.png) no-repeat center top;} .payment_method .klikpay-content { margin:0; padding:5px 10px; background:#f9f9f9; border:1px solid #e1e1e1; border-top:; /*box-shadow:#e7e7e7 0px 1px 1px inset;*/} .payment_method .klikpay-content div.col11 { padding: 10px; border-bottom: 1px solid #ccc} .payment_method .klikpay-content label { float:left; display:block; padding:0 2%; width:38%; text-align:right; line-height:28px; } .payment_method .klikpay-content span { float:right; display:block; padding:0; width:58%; text-align:left; } .payment_method .klikpay-content input { margin:0; padding:5px; width:220px; color:#c5c5c5; background:#fff; border:1px solid #c6c3ce; } .payment_method .klikpay-content input:focus { color:#663399; border-color:#663399; background:#f5f3f9; box-shadow:inset 1px 1px 1px #ceccd1; } .klikpay-patent { padding:5px; color:black} .klikpay-help { border-radius:5px; background:#308be4; float:right; width:15px; text-align:center; color:white; text-shadow:#1069c2 -1px -1px 1px; font-weight:700} .klikpay-content select { padding:5px} .klikpay-note { padding:10px 5px 7px 5px; color:#be2323; font-size:11px; display:inline-block; } .hide {display:none} .nopad {padding:0!important}/**/ /*----------------------------------------------------------------{ Payment Confirmation }--------------------------------------------------------------------*/ .payment_confirmation { margin:0 0 15px 0; padding:0px; width:938px; min-height:400px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; } .pay_conf_left { float:left; margin:0; padding:10px; width:470px; } .pay_conf_right { float:right; margin:0; padding:10px; width:428px; } .pay_conf_right .info_pc{ margin:0; padding:10px; background:#f0f0f1; border:1px solid #ccc; box-shadow:inset 0px 1px 0px #fff; } /*----------------------------------------------------------------------{ Member }-------------------------------------------------------------------------*/ .sidebar_personal { float:left; margin:0 0 10px 0; padding:0; width:230px; background:; } .personal_menu { margin:0; padding:0; width:auto; display:block; color:#666; border:1px solid #cac7cd; border-radius:5px; background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; } .personal_menu h3 { margin:0; padding:0; line-height:40px; font-size:13px; color:#663399; text-shadow:1px -1px 0px rgba(255,255,255,0.3); text-align:center; border-bottom:1px solid #cac7cd; } .personal_menu ul { margin:0; padding:0; list-style:none; } .personal_menu li { margin:0; padding:0; height:35px; border-top:1px solid #fff; border-bottom:1px solid #ddd; background:#f7f7f7; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .personal_menu ul li.active, .personal_menu ul li:hover { background:#ece8f3; border-bottom-color:#d3c9e3; border-top-color:#fff; } .personal_menu ul li.active { font-weight:bold; } .personal_menu ul li:active { background:#fff; } .personal_menu ul li:last-child { border-bottom:none; border-radius:0 0 5px 5px; } .personal_menu ul li a { margin:0; padding:0 0 0 15px; line-height:35px; display:block; color:#666; text-shadow:1px 1px 0px rgba(255,255,255,0.3); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .personal_menu ul li.active a, .personal_menu ul li a:hover { padding:0 0 0 30px; font-weight:bold; color:#663399; text-shadow:1px 1px 0px #fffdf1; } .personal_menu ul li a img { float:left; margin:9px 10px 0 0; } .personal_cont { float:right; margin:0 0 15px 0; padding:0; width:698px; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:14px; background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; line-height:25px; } .personal_menu ul.subcategory li a:focus{ padding:0 0 0 30px; color:#663399; text-shadow:1px 1px 0px rgba(255,255,255,0.3); font-weight:bold; background:#ece8f3; border-bottom:1px solid #d3c9e3; } .help_cont { float:left; padding:0; width:100%; } .help-info { padding:3px 10px; color:#3d5485; background:#F3F7FD; border:1px solid #85ACDB; margin-top:5px; text-align:right; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } .help-info:hover { background:#d2e4fb; cursor:pointer; } .help-info-hid { cursor:pointer; } .hid { display:block; } .help-content h2 { margin:0; padding:0 10px; line-height:40px; text-shadow:1px 1px 0px rgba(255,255,255,0.3); border-bottom:1px solid #cac7cd; } .help-content h3 { margin:0; padding:10px; color:#666; font-weight:bold; font-size:11px; border:none; border-bottom:1px solid #ddd; background:#f9f9f9 url(../img/frontend/arrow2.png) no-repeat 680px center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .help-content h3:hover { cursor:pointer; color:#111; background-color:#fff; } .help-content img { max-width:100%; } .help-content ul { margin:0 0 10px 15px; padding:0; list-style:disc outside; line-height:23px; } .help-content ul li { background:none; } .help-content-paragraph { padding:5px 10px; margin-bottom:2px; border-bottom:1px dashed #ddd; } .purchase_history_cont { margin:0; padding:0; border-top:1px solid #cac7cd; } .purchase_history_cont table { margin:0; padding:0; width:100%; border:none; border-collapse:collapse; } .purchase_history_cont tr { margin:0; padding:0; border-bottom:1px solid #ddd; background:#fff; } .purchase_history_cont tr:hover { background:#f7f7f7; } .purchase_history_cont th { margin:0; padding:10px 10px; font-size:15px; color:#ae300e; text-align:left; } .purchase_history_cont td { margin:0; padding:15px 10px; }/**/ /*----------------------------------------------------------------{ login_cont }--------------------------------------------------------------------*/ .login_cont { margin:0 0 15px 0; padding:0px; width:auto; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top;} .login_cont h3 { margin-bottom:20px; padding:10px 0 10px 30px; color:#316395; border-bottom:1px dashed #ccc; background:url(../img/frontend/login_icon.png) no-repeat 10px 9px; } .line_dashed_log { display:block; float:left; margin:10px 0 100px 0; height:220px; border-right:1px dashed #ccc; } .login_wrappere { padding:10px; } .login_wrapper { float:left; margin:15px 35px; padding:10px; width:375px; background:#f7f7f7; border:1px solid #c5c5c5; border-radius:4px; box-shadow:inset 0px 1px 0px #fff; } .login_wrapper label { display:block; margin:10px 0 5px 0; font-family:Tahoma; font-weight:bold; } .login_wrapper input { margin:0 0 0px 0; padding:5px 5px; width:96.5%; color:#999; background:#fff; border:1px solid #ccc; box-shadow:inset 2px 2px 2px #eee; } .login_wrapper input:hover { color:#666; background:#f9f9f9; border-color:#c5c5c5; box-shadow:inset 2px 2px 2px #eee; } .login_wrapper input:focus { color:#444; background:#f9f9f9; border-color:#aaa; box-shadow:inset 2px 2px 2px #eee,0px 1px 2px #ddd; } /*----------------------------------------------------------------{ register_cont }--------------------------------------------------------------------*/ .register_cont { margin:0 0 15px 0; padding:0px; width:auto; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top;} .register_cont h3 { margin-bottom:20px; padding:10px 0 10px 30px; color:#c75050; border-bottom:1px dashed #ccc; background:url(../img/frontend/register_icon.png) no-repeat 10px 9px; } .line_dashed_reg { display:block; float:left; margin:10px 0 20px 0; height:580px; border-right:1px dashed #ccc; } .register_wrapper { float:left; margin:15px 35px; padding:10px; width:375px; background:#f7f7f7; border:1px solid #c5c5c5; border-radius:4px; box-shadow:inset 0px 1px 0px #fff; } .register_wrapper label { display:block; margin:10px 0 5px 0; font-family:Tahoma; font-weight:bold; } .register_wrapper input { margin:0 0 0px 0; padding:5px 5px; width:96.5%; color:#999; background:#fff; border:1px solid #ccc; box-shadow:inset 2px 2px 2px #eee; } .register_wrapper input:hover { background:#f9f9f9; border-color:#c5c5c5; box-shadow:inset 2px 2px 2px #eee; } .register_wrapper input:focus { color:#666; background:#f9f9f9; border-color:#aaa; box-shadow:inset 2px 2px 2px #eee,0px 1px 2px #ddd; } .register_wrapper input[type="checkbox"] { margin-right:5px; width:auto; } .register_wrapper .table_agreement { margin:5px 0; padding:5px; color:#475e75; border:1px solid #85acdb; background:#f3f7fd; } .register_wrapper .table_agreement a { color:#475e75; } .register_wrapper .table_agreement a:hover { color:#475e75; text-decoration:underline; } span.textError p { margin:0; padding:0 0 0 20px; color:#de5130; font-family:Tahoma; font-size:11px; display:inline-block; background:url(../img/frontend/alert.png) no-repeat left 2px; } input.btn_submit, .register_wrapper input.btn_submit, .login_wrapper input.btn_submit { margin:10px auto 5px auto; padding:5px 15px 5px 15px; width:auto; color:#EFF4FA; text-shadow:1px 1px 1px #316395; text-align:center; font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #316395; border-radius:3px; cursor:pointer; background:#4684C1; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } input.btn_submit:hover, .register_wrapper input.btn_submit:hover, .login_wrapper input.btn_submit:hover { color:#fefefe; text-shadow:1px 1px 1px #3D79B6; border:1px solid #3C78B5; background:#6397CB; box-shadow:inset 0px 0px 3px 1px #8DB3D8, 0px 1px 2px 0px rgba(0,0,0,0.4); } input.btn_submit:active, .register_wrapper input.btn_submit:active, .login_wrapper input.btn_submit:active { color:#316395; text-shadow:1px 1px 1px #5991C8; border-color:#316395; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } input.btn_submit { float:left; max-width:none; padding:5px 15px; } .register_wrapper input.btn_submit{ float:left; margin-right:10px; max-width:160px; } /*-------------------------------------------------------------------{ empty_cart }-----------------------------------------------------------------------*/ .empty_cart_cont { margin:5px 0 0 0; padding:0; width:701px; background:#fff; border: 1px solid #ddd; border-left:0; } .emptyCartWrapper { margin: 120px auto; width: 500px; } .emptyCartWrapper h2 { color:#be2323; font-size: 22px; font-weight: bold; letter-spacing: -1px; margin:0 0 10px 0; text-transform:none; } .emptyCartState { float:left; margin-top: 0px; width: 205px; height: 205px; border-radius:100%; background:#eee url("../img/frontend/bigCart.png") center 40px no-repeat; } .emptyCartOpt { margin:0; padding:0; list-style:none; } .emptyCartOpt li { color: #777; font-size: 17px; font-weight: 600; line-height: 50px; letter-spacing: -1px; } .emptyCartOpt li a { color: #777; padding: 6px 23px 6px 0; border-radius: 100px; transition:all .5s; } .emptyCartOpt li:nth-child(1) a { color:#663399; } .emptyCartOpt li:nth-child(2) a { color:#009933; } .emptyCartOpt li:nth-child(3) a { color:#ec9700; } .emptyCartOpt li a:hover { color: white; } .emptyCartOpt li:nth-child(1) a:hover { background:#663399; } .emptyCartOpt li:nth-child(2) a:hover { background:#009933; } .emptyCartOpt li:nth-child(3) a:hover { background:#ec9700; } .emptyCartOpt li span { border-radius: 50px; color: white; font-weight: bold; padding: 6px 17px; margin-right:5px; } .emptyCartOpt li:hover span { padding:6px 4px 6px 30px; } .emptyCartOpt li:nth-child(1) span { background-color:#663399; margin-left: -35px; } .emptyCartOpt li:nth-child(2) span { background-color:#009933; margin-left: -17px; } .emptyCartOpt li:nth-child(3) span { background-color:#ec9700; margin-left: -32px; } /*-------------------------------------------------------------------{ content_tracking }---------------------------------------------------------------------*/ .content_tracking { margin:0 0 15px 0; padding:0px; width:auto; min-height:400px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; } .tracking_cont { margin:55px auto; padding:20px; width:600px; min-height:100px; } .tracking_cont label { display:inline-block; margin:10px; cursor:pointer; opacity:0.3; filter:alpha(opacity=0.3); transition: all 200ms linear; } .tracking_cont label.R_jne { width:150px; height:61px; background:url(../img/frontend/jne_logo_track.png) no-repeat top left; } .tracking_cont label.R_tiki { width:188px; height:61px; background:url(../img/frontend/tiki_logo_track.png) no-repeat top left; } .tracking_cont label.R_pos { width:190px; height:61px; background:url(../img/frontend/pos_logo_tracking.png) no-repeat top left; } .tracking_cont label:hover { opacity:0.7; filter:alpha(opacity=0.7); } .tracking_cont input[type="radio"] { opacity:0; filter:alpha(opacity=0); position:absolute; } .tracking_cont input:checked + label{ opacity:1; filter:alpha(opacity=1); } .tracking_cont input.form { float:left; margin:0 5px 0 0; padding:8px 10px; width:455px; font-size:15px; color:#999; font-weight:bold; font-family:Tahoma; background:#fff; border:2px solid #ccc; border-radius:5px; } .tracking_cont input.form:focus { color:#1c3377; border-color:#21326c; background:#ebf2fe; box-shadow:inset 3px 3px 2px #ccc; } .tracking_cont input.btn_track { margin:0; padding:7px 25px; height:37px; color:#fff; font-size:16px; font-weight:bold; font-family:Tahoma; cursor:pointer; background:#21326c; border:1px solid #000; border-radius:5px; box-shadow:inset 0px 1px 2px #aaa; } .tracking_cont input.btn_track:hover { background:#283d82; box-shadow:inset 0px 2px 2px #bbb; } .tracking_cont input.btn_track:active { background:#21326c; box-shadow:inset 0px 1px 2px #aaa; color:#c8dafd; } .tracking_cont ul { margin:10px auto; padding:10px 130px 20px 15px; list-style:none; border:1px solid #cac7cd; border-radius:5px; background:#f0f0f1 url(../img/frontend/deliveryMan.png) no-repeat right bottom; box-shadow:inset 1px 1px 0px #fff,inset -1px -1px 0px #fff; } .tracking_cont ul li label { display:block; margin:15px 0 5px 0; color:#663399; font-size:13px; font-weight:bold; } .tracking_cont ul li input.form { float:none; margin:0; padding:8px 10px; width:100%; font-size:13px; color:#cac7cd; font-weight:bold; font-family:Tahoma; background:#fff; border:2px solid #cac7cd; border-radius:0px; } .tracking_cont ul li input.form:focus{ color:#663399; border-color:#663399; background:#fff; box-shadow:inset 2px 2px 2px #eee,0px 2px 3px #ddd; } .tracking_cont ul li input.submit{ position:relative; margin:0 0 5px 0; padding:4px 10px; width:auto; color:#f5e6fc; text-shadow:1px 1px 1px #4f2a7a; text-align:center; font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #53297b; border-radius:3px; cursor:pointer; background:#8649cd; box-shadow:inset 0px 0px 3px 1px #b985f7, 0px 1px 2px 0px rgba(0,0,0,0.4); } .tracking_cont ul li input.submit:hover { color:#f5e6fc; text-shadow:1px 1px 1px #6939a5; border:1px solid #7f40c0; background:#9953e8; box-shadow:inset 0px 0px 3px 1px #cba6f7, 0px 1px 2px 0px rgba(0,0,0,0.4); } .tracking_cont ul li input.submit:active{ color:#53297b; text-shadow:1px 1px 1px #a870e8; border-color:#522879; box-shadow:inset 0px 0px 3px 1px #863cde, 0px 1px 2px 0px rgba(0,0,0,0.4); } span.textError p { margin:0; padding:0 0 0 20px; color:#de5130; font-family:Tahoma; font-size:11px; line-height:20px; display:inline-block; background:url(../img/frontend/alert.png) no-repeat left 2px; } /*---------------------------------------------------------------------{ clinical_trial }-----------------------------------------------------------------------*/ .clinical_trial { margin:0 0 10px 0; padding:0; width:100%; } .clinical_trial ul { margin:0 -8px 0 25px; padding:0; list-style:decimal outside; /*color:#663399; font-weight:bold;*/ border-top:1px solid #ddd; } .clinical_trial ul li { margin:0; padding:0; border-top:1px solid #fff; border-bottom:1px solid #ddd; background:#f4f4f5;-moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .clinical_trial ul li:nth-of-type(even) { background:#fafafb; } .clinical_trial ul li:hover { background:#fff; } .clinical_trial ul li a { display:block; padding:15px 10px; color:#777; font-weight:normal; } .clinical_trial ul li a:hover { color:#009933; text-decoration:underline; } /*---------------------------------------------------------------------{ news & event }-----------------------------------------------------------------------*/ .promo_box { float:left; margin:0; padding:0; width:230px; } .promo_box h2 { padding:5px 10px; } .promo_box h2 a { color:#336699; } .promo_box h2 a:hover { color:#4684C1; } .promo_box .promo_box_cont{ margin:0 0 10px 0; padding:0; } .promo_box .promo_box_cont ul { margin:0; padding:0; list-style:none; line-height:15px; } .promo_box .promo_box_cont ul li { margin:0; padding:5px 5px 5px 25px; height:97px /*55px*/; border-bottom:1px solid #cac7cd; overflow:hidden; background:#fff url(../img/frontend/bullt_news.png) no-repeat 7px 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .promo_box .promo_box_cont ul li:nth-of-type(even) { background-color:#f8f8f9; box-shadow:inset 0px 1px 0px #fff; } .promo_box .promo_box_cont ul li:hover { background-color:#f0f0f1; } .promo_box .promo_box_cont ul li b { display:block; padding:3px 0; color:#009933; text-transform:uppercase; } .promo_box .promo_box_cont ul li span { display:block; color:#e48c00; font-size:11px; } .promo_box .promo_box_cont ul li p { margin:0; padding:0; line-height:20px; font-size:11px; } .promo_box .more_btn a { float:left; position:relative; margin:0 0 5px 0; padding:4px 10px; color:#EFF4FA; text-shadow:1px 1px 1px #316395; text-align:center; font-weight:bold; text-decoration:none; border:1px solid #316395; border-radius:3px; background:#4684C1; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } .promo_box .more_btn a:hover { text-shadow:1px 1px 1px #3D79B6; border:1px solid #3C78B5; background:#6397CB; box-shadow:inset 0px 0px 3px 1px #8DB3D8, 0px 1px 2px 0px rgba(0,0,0,0.4); } .promo_box .more_btn a:active{ color:#316395; text-shadow:1px 1px 1px #5991C8; border-color:#316395; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } div.pagings { padding : 2px; margin : 2px; font-family : Tahoma; font-size : 11px; line-height:220%; } div.pagings a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #C2D0DC; color: #444444; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; background:#ecf1f5; background:-moz-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); background:-webkit-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb; } div.pagings a:hover { border: 1px solid #999; color: #000; } div.pagings span.current { margin: 2px; padding:4px 7px 4px 7px; border: 1px solid #999; color: #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; background:#ecf1f5; background:-moz-linear-gradient(top, #999999 0%, #7E7E7E 100%); background:-webkit-linear-gradient(top, #999999 0%, #7E7E7E 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb; } div.pagings span.disabled { padding:4px 7px 4px 7px; margin:2px; border:1px solid #E2E2E2; color:#CCCCCC; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; background:#ecf1f5; background:-moz-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); background:-webkit-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb; } div.pagings span.prevnext { font-weight : bold; } .clearfix { zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .bzoom { direction: ltr; } .bzoom, .bzoom_thumb, .bzoom_thumb_image, .bzoom_big_image, .bzoom_zoom_preview, .bzoom_icon, .bzoom_hint { display: none } .bzoom .bzoom_thumb { background: #fff url(./img/loading.gif) center no-repeat; } .bzoom, .bzoom ul, .bzoom li, .bzoom img, .bzoom_hint, .bzoom_icon, .bzoom_description { margin: 0; padding: 0; border: 0; list-style: none } .bzoom, .bzoom_magnifier div, .bzoom_magnifier div img, .bzoom_small_thumbs ul, ul .bzoom_small_thumbs li, .bzoom_zoom_area div, .bzoom_zoom_img { position: relative } .bzoom img, .bzoom li { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none } .bzoom, .bzoom_small_thumbs li { float: left } .bzoom_right { float: right } .bzoom li { position: absolute } .bzoom img { vertical-align: bottom; width: 50px; height: 70px } .bzoom .bzoom_zoom_area, .bzoom_zoom_area { background: #fff url(../img/loading.gif) center no-repeat; border: 1px solid #ddd; padding: 6px; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; display: none; z-index: 1000; } .bzoom_zoom_area div { overflow: hidden; } .bzoom_zoom_area .bzoom_zoom_img { position: absolute; } .bzoom_wrap .bzoom_magnifier { background: #fff; outline: #bbb solid 1px; display: none; cursor: move; } .bzoom_magnifier div { overflow: hidden; } .bzoom_wrap .bzoom_small_thumbs { overflow: hidden; } .bzoom_wrap .bzoom_small_thumbs li { border: 1px solid #FFF; margin: 0px 10px 0px 0px; position: relative; } .bzoom_wrap ul li.bzoom_smallthumb_active { -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; border: 1px solid #535353; } /*---------------------------------------------------------------------{ faq }--------------------------------------------------------------------------*/ #faq { margin:0 0 20px 0; padding:0; list-style:none; } #faq li { margin-bottom:10px; background:#fff; border:1px solid #ccc; border-radius:5px; } #faq li a { margin-bottom:; padding:15px 15px 15px 50px; color:#555; display: block; outline:none; text-transform:uppercase; border-radius:5px; text-decoration:none; line-height:20px; background:#fff url(../images/faq_bg.png) no-repeat 13px center; } #faq li a:hover, #faq li a.undefinedOver { color:#036bbc; background-color:#f4f6f8; } /* Second Level UL List*/ #faq ul { width:100%; margin:0; padding:0; display:none; list-style:none; border-top:1px solid #ddd; } #faq ul li { line-height:25px; padding:10px 15px; box-shadow:none; border:none; } #faq li li a { display:inline; margin:0; padding:0; color:#036bbc; text-transform:inherit; } #faq li li a:hover { color:#036dc6; } #faq ol { margin:0 0 15px 20px; padding:0; } #faq ol li { margin:0; padding:0; line-height:25px; } .label,.badge{display:inline-block;padding:2px 4px;font-size:10px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;} .label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .badge{padding-left:9px;padding-right:9px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .label:empty,.badge:empty{display:none;} a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .label-important,.badge-important{background-color:#b94a48;} .label-important[href],.badge-important[href]{background-color:#953b39;} .label-warning,.badge-warning{background-color:#f89406;} .label-warning[href],.badge-warning[href]{background-color:#c67605;} .label-success,.badge-success{background-color:#468847;} .label-success[href],.badge-success[href]{background-color:#356635;} .label-info,.badge-info{background-color:#3a87ad;} .label-info[href],.badge-info[href]{background-color:#2d6987;} .label-inverse,.badge-inverse{background-color:#333333;} .label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;} .contact_form { position:relative; margin:20px 0; padding:30px 20px; background:rgba(255,255,255,0.4); border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.1), inset 0 -4px #9b907b; } .form_style { margin:0 auto; padding:0; } .form_style .list { float:left; margin:0; padding:8px 0; width:50%; background:; } .form_style .list label { float:left; display:block; padding:5px 0; width:200px; background:; } .form_style .list span { float:; display:block; padding:2px; margin-left:210px; background:; } .form_style .list span code { display:inline-block; padding-right:20px; font-family:Arial; font-size:12px; line-height:10px; } .form_style .list span select, .form_style .list span textarea, .form_style .list span input { padding:3px 0; width:80%; color:#999; border:solid 1px rgba(0,0,0,0.2); } .form_style .list span textarea { width:93%; } .form_style .list span select { width:200px; } .form_style .list span textarea:focus, .form_style .list span input:focus { background:#f6f6f6; color:#666; border:1px solid #c3a577; box-shadow:inset 1px 1px 1px #ceccd1; } .form_style .list span input.checkbox { width:15px; height:15px; } /*.form_style .list span button { margin:0; padding:1px 15px; color:#fff; font-size:18px; border-radius:5px; cursor:pointer; background:#e3ab45; border:2px solid #e3ab45; -moz-transition:500ms; -webkit-transition:500ms; transition:500ms; } .form_style .list span button:hover{ color:#e3ab45; background:#fff; } .form_style .list span button:active{ color:#fff; background:#e3ab45; }*/ .form_style .list .textError { position:relative; top:auto; left:auto; display:block; margin:0; padding:0; background:none; } .form_style .list .textError p { margin:0; padding:0; color:#f00; line-height:normal; font-size:11px; background:none; border:none; } @media(max-width: 975px){ .form_style .list label { width:150px; } .form_style .list span { margin-left:160px; } } @media(max-width: 699px){ .form_style .list { float:none; width:100%; } .form_style .list label { width:200px; } .form_style .list span { margin-left:210px; } .form_style .list span select, .form_style .list span textarea, .form_style .list span input { width:100%; } } @media(max-width: 480px){ .form_style .list { float:none; width:100%; } .form_style .list label { float:none; width:auto; } .form_style .list span { margin-left:0; } } /*-------------------------------------------------------------------{ Form }-----------------------------------------------------------------------*/ .form_style { line-height:normal; } .form_style .row { margin:0; padding:10px; background:#fff; } .form_style .row:nth-of-type(even) { background-color:#f8f8f9; } .form_style .row label { display:block; float:left; margin:0; padding:0; width:40%; line-height:28px; font-weight:bold; } .form_style .row span { display:block; float:left; position:relative; margin:0; padding:0; width:60%; line-height:20px; } .form_style .row span select, .form_style .row span textarea, .form_style .row span input { margin:0; padding:5px; color:#888; background:#fff; border:solid 1px #d4d8db; } .form_style .row span select:hover, .form_style .row span textarea:hover, .form_style .row span input:hover{ color:#9089a2; border:1px solid #c9c2d8; } .form_style .row span select:focus, .form_style .row span textarea:focus, .form_style .row span input:focus{ background:#f5f3f9; color:#663399; border:1px solid #663399; box-shadow:inset 1px 1px 1px #ceccd1; } .form_style .row span select { width:212px; } .form_style .row span select option { padding:0 5px; } .form_style .row input.submit { position:relative; margin:0 0 5px 0; padding:4px 10px; width:auto; color:#EFF4FA; text-shadow:1px 1px 1px #316395; text-align:center; font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #316395; border-radius:3px; cursor:pointer; background:#4684C1; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } .form_style .row input.submit:hover { text-shadow:1px 1px 1px #3D79B6; border:1px solid #3C78B5; background:#6397CB; box-shadow:inset 0px 0px 3px 1px #8DB3D8, 0px 1px 2px 0px rgba(0,0,0,0.4); } .form_style .row input.submit:active { color:#316395; text-shadow:1px 1px 1px #5991C8; border-color:#316395; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } .form_style .row span.textError { left:215px; } /*-------------------------------------------------------------------{ Form table }-----------------------------------------------------------------------*/ .form_style { margin:0px 0; padding:0; width:90%; font-size:13px; } .form_style fieldset { padding:0px; border:solid 1px #cac7cd; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-bottom-radius:3px; } .form_style fieldset legend { color:#444444; border:solid 1px #cac7cd; margin-left:10px; padding:5px 15px; font-weight:bold; border-radius:3px; } .form_style table { margin:0 auto; padding:0; width:100%; border:none; border-collapse:collapse; } .form_style table tr.row2 { background:#f4f4f5; } .form_style table td { margin:0; padding:12px 5px; } .form_style table td span { display:block; position:relative; } .form_style table td label { padding:5px 0 0 0; display:block; font-weight:bold; } .form_style table td input, .form_style table td textarea, .form_style table td select { padding:3px 3px 4px 3px; color:#888; background:#fff; border:solid 1px #d4d8db; } .form_style table td input:hover, .form_style table td textarea:hover, .form_style table td select:hover { color:#878a91; border:1px solid #878a91; } .form_style table td input:focus, .form_style table td textarea:focus, .form_style table td select:focus { background:#f5f3f9; color:#663399; border:1px solid #663399; box-shadow:inset 1px 1px 1px #ceccd1; } .form_style table td input.submit { position:relative; margin:0 0 5px 0; padding:4px 10px; width:auto; color:#EFF4FA; text-shadow:1px 1px 1px #316395; text-align:center; font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #316395; border-radius:3px; cursor:pointer; background:#4684C1; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } .form_style table td input.submit:hover { text-shadow:1px 1px 1px #3D79B6; border:1px solid #3C78B5; background:#6397CB; box-shadow:inset 0px 0px 3px 1px #8DB3D8, 0px 1px 2px 0px rgba(0,0,0,0.4); } .form_style table td input.submit:active { color:#316395; text-shadow:1px 1px 1px #5991C8; border-color:#316395; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); } .form_style table td textarea { width:200px; height:80px; } .form_style span.textError { position:absolute; top:2px; left:200px; padding-left:7px; z-index:1; background:url(../img/frontend/span_error_bg2.png) no-repeat left center; } .form_style span.textError p { margin:0; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; } .form_style p { margin:0px; padding:0px; } .notification { cursor:pointer; } .cart_top { float:left; margin:0px 0px 0px 10px; padding:1px; height:30px; background:#fff; border:1px solid #c3c2c8; border-radius:3px; } .cart_top .cart_t { display:block; margin:0; padding:0px; width:auto; height:30px; border-radius:2px; background:url(../img/frontend/btn_top_bg.png) repeat-x top center; font-size:14px; } .cart_top .cart_t a { color:#3E3E3E; } .cart_top .cart_t a:hover { color:#676767; } .cart_top .cart_t span { float:left; margin:0; padding:0 12px; min-width:100px; display:block; height:30px; line-height:26px; text-align:center; border:0px solid #007D00; border-radius:0 2px 2px 0; } .cart_top .cart_t span.icon { margin:0; padding:0; width:30px; min-width:inherit; border-right-color:#AEFFAE; border-radius:2px 0 0 2px; box-shadow:inset -1px 0px 0px #CECECE; background:url(../img/frontend/cart_top_icon.png) no-repeat 5px center; } .imgkuve { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100%; } button.button.gray, .button.gray a { color:#666; box-shadow:inset 0 0 0 2px #999,0 2px 2px rgba(0,0,0,0.1); background:#999; background:-moz-linear-gradient(top,#bbb,#999); background:-webkit-linear-gradient(top,#bbb,#999); } button.button.gray:hover, .button.gray a:hover { color:#777; background:rgba(64,64,65,0.2); } button.button.orange, .button.orange a { color:#fff; box-shadow:inset 0 0 0 2px #f59811,0 2px 2px rgba(0,0,0,0.1); background:#f59811; background:-moz-linear-gradient(top,#fed871,#f59811); background:-webkit-linear-gradient(top,#fed871,#f59811); text-shadow:0 1px rgba(0,0,0,0.2); } button.button.orange:hover, .button.orange a:hover { color:#f59811; text-shadow:none; background:rgba(245,152,17,0.2); } button.button.green, .button.green a { color:#fff; box-shadow:inset 0 0 0 2px #6cba26,0 2px 2px rgba(0,0,0,0.1); background:#6cba26; background:-moz-linear-gradient(top,#9ddc64,#6cba26); background:-webkit-linear-gradient(top,#9ddc64,#6cba26); text-shadow:0 1px rgba(0,0,0,0.2); } button.button.green:hover, .button.green a:hover { color:#6cba26; text-shadow:none; background:rgba(108,186,38,0.2); } button.button.magenta, .button.magenta a { color:#fff; box-shadow:inset 0 0 0 2px #df3896,0 2px 2px rgba(0,0,0,0.1); background:#df3896; background:-moz-linear-gradient(top,#f697cf,#df3896); background:-webkit-linear-gradient(top,#f697cf,#df3896); text-shadow:0 1px rgba(0,0,0,0.2); } button.button.magenta:hover, .button.magenta a:hover { color:#df3896; text-shadow:none; background:rgba(223,56,150,0.2); } button.button.blue, .button.blue a { color:#fff; box-shadow:inset 0 0 0 2px #00aeef,0 2px 2px rgba(0,0,0,0.1); background:#00aeef; background:-moz-linear-gradient(top,#70ccef,#00aeef); background:-webkit-linear-gradient(top,#70ccef,#00aeef); text-shadow:0 1px rgba(0,0,0,0.2); } button.button.blue:hover, .button.blue a:hover { color:#00aeef; text-shadow:none; background:rgba(0,174,239,0.2); }