.top_banner{ width:100%; height:115px; background:url(../images/bg_header.png) bottom repeat-x; } .box_banner{ width:1000px; margin-left:auto; margin-right:auto} .logo_left{ width:313px; height:115px;} .menu_nav{ width:687px ;height:115px;} .bg_title_contact{ background:url(../images/bg_title_contact.png); width:251px; height:80px} .bg_title_contact p{ margin-top:25px; font-size:18px; font-weight:bold; color:#FFFFFF; margin-left:20px; text-transform:uppercase} .contact_content{ font-size:15px; width:100%; font-weight:bold; line-height:24px} .block_dealer{ background-color:#535353; width:100%} .block_dealer_fix{ margin-left:65px; margin-top:35px; width:865px; margin-bottom:35px; color:#e4e4e4} .title_dealer{ font-size:18px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; margin-bottom:30px} .bg_title_dealer{background:url(../images/bg_title_dealer.png); text-align:center; color:#FFFFFF; text-transform: uppercase; height:52px; width:100%; font-size:28px;} .bg_title_dealer p{ text-align:center; color:#FFFFFF; text-transform: uppercase; font-size:28px; padding-top:15px; font-weight:bold} .bg_i{ background-color:#434343 !important} .date_prev{font-size:45px; color:#CD0163; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; } .date_prev_1{font-size:18px; width:220px} .date_prev_2{font-size:18px} .page1{background-color:#000000; padding-left:5px; padding-right:5px; font-weight:bold; padding-top:2px; color:#FFFFFF; font-size:14px} .page2{ background-color:#CCCCCC; padding-left:5px; padding-right:5px; font-weight:bold; padding-top:2px; color:#333; font-size:14px;text-decoration:none} .page2 a{ text-decoration:none} .about_top{ margin-bottom:25px; width:100%; text-align:justify} .about_bottom{ margin-top:20px; margin-bottom:20px; width:100%; text-align:justify} .un_link { cursor: pointer !important; pointer-events: none; text-decoration: none; } .fix_w{ height:200px !important} .text_x{border-bottom: 1px solid #F0F0F0; color: #666666; font-family: "微软雅黑",Arial; font-size: 16px; padding: 10px 0 10px 8px;} h1{ margin:0; padding:0} .active_lang{ color:#FF0000 !important} .active_lang:hover{ opacity:0.8} /*hoipro*/ .mg0{ margin-right:0 !important} .display{ display:none} .main{ width:100%; } .main-body{ width:1000px;margin-left:auto; margin-right:auto; } .main-content{background-color:#FFFFFF;box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.5); margin-bottom:20px; border-radius: 0 0 10px 10px;} .banner{ width:1000px; height:212px;} .top-menu{ width:1000px; height:41px; background:url(../images/bg_menu.png); } .box-main{ width:1000px; margin-top:15px} .box-main-l{ width:198px; margin-right:10px; margin-left:5px} .menu_l{ width:100%; border:1px solid #bcbebd; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .menu_l_title{ width:100%; height:29px; background:url(../images/bg_title_menu_l.png) repeat-x; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color:#FFFFFF; font-size:16px; } .menu_l_title p{ margin:0; padding-left:10px; padding-top:3px; } .menu_l_title p span{ position:relative; top:3px; padding-right:5px} .box-main-r{ width:780px;} .box-img-l{ margin-top:18px} .box-img-l p{ margin-top:0; margin-bottom:18px} .box-img-r{ margin-top:18px} .box-img-r p{ margin-top:0; margin-bottom:18px;} .box-content{ width: 1000px; margin-left:auto; margin-right:auto; } .box-pro-full{ width:100%} .box-pro-list{ width:369px; background-color:#f1f1f1; margin-right:20px; margin-bottom:20px; height:190px; border:1px solid #d4d4d4; -moz-box-shadow: 2px 2px 5px #dddddd; -webkit-box-shadow: 2px 2px 5px #dddddd; box-shadow: 2px 2px 5px #dddddd;} .box-pro-list-l{ width:115px; min-height:104px;border:1px solid #d4d4d4; margin-left:15px; margin-top:15px ; margin-right:15px; text-align:center} .box-pro-list-l img{ max-width:115px; max-height:104px;} .box-pro-list-r{ width:210px; min-height:104px; margin-top:15px} .box-pro-list-r h1{ font-size:16px; color:#6d6d6d} .box-pro-list-r h1 a{ font-size:16px; color:#6d6d6d} .box-pro-list-r ul{ margin:10px 0 0; padding:0;} .box-pro-list-r ul li{ list-style:none; font-size:14px; color:#6d6d6d} .bg_more{ width:96px; height:23px;background:url(../images/bg_more.png) no-repeat; color:#FFFFFF; text-align:right} .bg_more a{ color:#FFFFFF; font-size:13px; padding-right:15px} .title_pro{ border-bottom:1px solid #333; width:100%; padding-bottom:5px; margin-bottom:20px} .title_pro_ct{ border-bottom:1px solid #d1d1d1; width:100%; padding-bottom:5px; margin-bottom:20px; color:#e00024} .box-pro-ct { width:100%; margin-bottom:20px; min-height:500px;} .box-pro-ct-l{ width:373px; height:495px; margin-top:15px ; margin-right:30px; } .box-pro-ct-l img{ width:373px; height:404px;-moz-box-shadow: 2px 2px 5px #dddddd; -webkit-box-shadow: 2px 2px 5px #dddddd; box-shadow: 2px 2px 5px #dddddd; border:1px solid #d1d1d1; } .box-pro-ct-r{ width:357px; min-height:404px; margin-top:15px} .box-pro-ct-r h1{ font-size:16px; color:#6d6d6d} .box-pro-ct-r h1 a{ font-size:16px; color:#6d6d6d} .box-pro-ct-r ul{ margin:10px 0 0; padding:0;} .box-pro-ct-r ul li{ list-style:none; font-size:14px; color:#6d6d6d;background:url(../images/bg_li_ct.png) no-repeat left; height:27px; margin-bottom:10px; padding-left:13px} .box-page-l{ width:203px; min-height:348px; margin-right:25px;background:url(../images/bg_r.png) no-repeat top right;} .box-page-r{ width:762px; min-height:300px; padding-right:10px } .box-page-l ul{ margin:0; padding:0} .box-page-l ul li{ height:23px; font-size:15px; list-style:none; font-weight:bold; padding:3px 0 3px 3px} .box-page-l ul li:hover{} .box-page-l ul li a{ color:#7c7c7c} .selected_mn{background:url(../images/bg_menu_r.gif) repeat-y; height:23px} .menu_sub{ margin:5px 0 0 10px !important; padding:0} .menu_sub li{ background-color:#D8D8D8; margin-bottom:3px; height:20px; } .menu_sub li a{color:#8B8B8B ;font-size:14px} .selected_mn2{ color:#DF0023 !important} .selected_mn a{ color:#FFFFFF !important} .title_about{ font-size:28px; margin:0; padding-bottom:15px} .box-login{background:url(../images/bg_login.png) no-repeat; width:202px; height:142px;} .box-login-content{ padding:20px; color:#FFF} .bg_input{background:url(../images/bg_input.png) repeat-x; width:108px; height:25px;} .bg_input input{ background:none; border:none} .box-login-content ul{ margin:0} .box-login-content ul li{ margin:0; text-align:left; margin-top:1px} .box-login-content ul li a{ color:#FFF} .saodo{ color:#CC0000} .icon_home{ position:relative; top:2px; right:3px} .box-bn-in{ width:100%;background:#d60201 url(../images/bg-bn-in.png) repeat-x left; height:70px; margin-top:-11px; margin-bottom:20px } .title-1{ width:1000px; height:30px; color:#3274D0; padding-top:20px; margin-left:auto; margin-right:auto; text-align:right ; } .box-title{ width:600px; text-align:right} .box-title-l{ width:400px; text-align:left; font-size:30px !important; color:#d9d9d9; font-weight:bold} .title-1 a{ color:#c8c8c8; font-size:14px} .title-1 p{ color:#c8c8c8 ; } .title-2{background:#d60201 url(../images/bg_title2.jpg) no-repeat left; width:780px; height:30px } .title-2 p{ color:#FFF; padding-left:5px; padding-top:5px; font-size:16px} .box-content-l{ width:561px; margin-right:10px; margin-top:18px} .box-content-full{ width:100%; margin-right:10px; margin-top:18px} .name_title{ font-weight:bold; color:#323232;font-size:16px } .name_title2{cursor: default; pointer-events: none; text-decoration: none;font-weight:bold; color:#36C; font-size:16px } .box-pro-main{ width:166px; min-height:310px; margin-right:30px; margin-bottom:15px} .box-pro-main-tb{ width:164px; min-height:275px; margin-right:24px; box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.2); border-radius:10px; border:1px solid #dbdbdb} .box-pro-tb{ width:166px;height:240px;} .box-pro-title1-tb{height:34px; width:100%} .box-pro-title1-tb p{ text-align:center !important; margin-top:5px; margin-bottom:0; width:136px; margin-left:15px} .box-pro-title1-tb p a{ color:#000000} .box-pro-title-tb{height:34px; width:100%} .box-pro-title-tb p{ text-align:center !important} .box-img-pro-tb{ width:143px; height:201px; margin-left:12px } .box-img-pro-tb img{ width:143px; height:201px; } .box-pro{ width:166px;background:url(../images/bg_pro.png); height:240px;} .box-pro-title1{height:34px; width:100%; position:relative; z-index:2} .box-pro-title1 p{ text-align:center !important; margin-top:5px; margin-bottom:0; width:136px; margin-left:15px} .box-pro-title1 p a{ color:#000000} .box-pro-title{height:34px; width:100%} .box-pro-title p{ text-align:center !important; margin-top:5px; margin-bottom:0; width:136px; margin-left:15px; position:relative; z-index:10} .box-img-pro{ width:143px; height:201px; margin-left:12px } .box-img-pro img{ width:143px; height:201px; } .box-quenpass{ border:2px solid #d30302; border-radius:10px; width:575px; height:220px; margin-left:100px; margin-top:30px; background:#FFF url(../images/bg_quenmk.png) top no-repeat;} .cart{ text-align:center; width:166px; margin-top:10px} .about_box1{ width:667px; height:357px; margin-left:auto; margin-right:auto;background:url(../images/bg_about1.png); margin-bottom:40px} .about_box2{ width:100%; text-align:center; margin-bottom:40px} .about_box3{ width:667px; height:284px; margin-left:auto; margin-right:auto;background:url(../images/bg_about3.png); margin-bottom:40px} .about_box4{ width:655px; height:399px; margin-left:auto; margin-right:auto; margin-bottom:40px} .ab_1{padding-top:50px; padding-left:50px; line-height:20px; width:560px} .ab_1 p{ line-height:18px !important} .ab_3{padding-top:50px; padding-left:50px; line-height:20px; width:560px; text-align:left} .ab_3 p{ line-height:18px !important} .box-news{ width:739px; border-bottom:1px dashed #d0d0d0; margin-bottom:15px; padding:10px} .box-news p{ margin:0; padding:0; margin-bottom:5px } .box-news:hover{ background-color:#ebebeb} .box-news-content{ width:100%; margin-bottom:20px; margin-top:15px} .box-news-img-l{ width:162px; margin-right:20px; height:110px} .box-news-img-l img{ width:162px;height:110px} .box-news-img-r{ width:555px} .box-news-content-dt{width:957px; margin-bottom:20px; margin-top:1px; } .box-about{ width:467px; margin-bottom:20px; margin-right:20px } .box-about-content{ width:100%; margin-bottom:20px; margin-top:15px} ..box-about-img-r{width:259px} .box-about-img-l{ width:170px; margin-right:20px} .box-about-img-l img{ width:170px;} .mg_0{ margin-right:0 !important} .category{ color:#666666} .box-content-r{ width:209px; } .box-content-b{ width:736px; min-height:290px; border:2px solid #d70302; padding:20px} .box-dangky{ width:632px; border:2px solid #d7100f; border-radius:10px; margin-left:72px; background:#FFF url(../images/bg_box_dangky.png) no-repeat top; margin-top:20px; padding-top:153px } .bg_dangky{background:#FFF url(../images/bg_box_edit.png) no-repeat top !important} .batbuoc{ width:553px; text-align:right; color:#d7100f; font-size:16px; border-bottom:1px dashed #c5c4c5; padding-bottom:20px; margin-left:40px} .box-dang-ky-content{ width:553px; margin-left:40px; margin-top:20px; padding-bottom:20px} .box-dang-ky-content input{ border:1px solid #c5c2c2 ; background-image: -webkit-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -moz-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -ms-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -o-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: linear-gradient(#FFFFFF, #e5e3e4); min-height:22px; margin-left:15px; } .al_input{ border:1px solid #c5c2c2 ; background-image: -webkit-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -moz-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -ms-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -o-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: linear-gradient(#FFFFFF, #e5e3e4); min-height:22px; margin-left:15px; width:200px; } .al_input2{ border:1px solid #c5c2c2 ; background-image: -webkit-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -moz-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -ms-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -o-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: linear-gradient(#FFFFFF, #e5e3e4); min-height:20px; margin-left:1px; margin-right:1px; } .input_email{ border:1px solid #c5c2c2 ; background-image: -webkit-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -moz-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -ms-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: -o-linear-gradient(top, #FFFFFF, #e5e3e4); background-image: linear-gradient(#FFFFFF, #e5e3e4); min-height:30px; margin-left:15px; width:360px; } .box-dang-ky-content select{ margin-left:20px } .box-dang-ky-content td{ font-size:14px} .fix-w{width:210px;} .class_button1{background:url(../images/re1.png) no-repeat !important; border:none !important; color:#FFFFFF; width:108px; height:37px;font-size:17px; cursor:pointer } .class_button2{background:url(../images/re2.png) no-repeat!important; border:none !important; color:#FFFFFF; width:108px; height:37px; font-size:17px;cursor:pointer } .fix_select select{ font-size:10px !important; width:68px} .sao2{ color:#C00} .icon_but{font-size:18px; color:#d60201; text-align:left;background:url(../images/icon_but.png) no-repeat left; padding-top:3px; padding-left:30px; margin-bottom:15px; font-weight:bold} /**/ .box-cart{ width:713px; margin-left:35px; margin-top:20px} .box-step{ width:711px; height:77px; border:1px solid #cccccc; border-radius:10px;background:url(../images/bg_step.png) repeat-x} .bg_step_active{background:url(../images/bg_step_active.png) repeat-x } .box-step1_1{border-radius:10px 0 0 10px;} .box-step1_2{} .box-step1_3{border-radius:0 10px 10px 0;} .box-step1, .box-step1_1, .box-step2, .box-step2_2, .box-step3, .box-step3_3{ width:235px; height:77px;} /*step1*/ .box-step1 li{ background:url(../images/icon_tv1.png) no-repeat left; margin-top:20px; padding-left:55px; padding-top:20px; margin-left:10px; color:#FFFFFF; font-size:18px} .box-step1 p{ width:44px; height:40px; background:url(../images/icon_tv_s1.png) no-repeat top; font-size:18px; color:#878787; padding-top:7px} .box-step1_1 li{ background:url(../images/icon_tv1_1.png) no-repeat left; margin-top:20px; padding-left:55px; padding-top:20px; margin-left:10px; color:#0807de; font-size:18px} .box-step1_1 p{ width:44px; height:40px; background:url(../images/icon_tv_s2.png) no-repeat top; font-size:18px; color:#0807de; padding-top:7px} /*step1*/ /*step2*/ .box-step2 li{ background:url(../images/icon_tv2.png) no-repeat left; margin-top:20px; padding-left:55px; padding-top:20px; margin-left:10px; color:#FFFFFF; font-size:18px} .box-step2 p{ width:44px; height:40px; background:url(../images/icon_tv_s1.png) no-repeat top; font-size:18px; color:#878787; padding-top:7px} .box-step2_2 li{ background:url(../images/icon_tv2_2.png) no-repeat left; margin-top:20px; padding-left:55px; padding-top:20px; margin-left:10px; color:#0807de; font-size:18px} .box-step2_2 p{ width:44px; height:40px; background:url(../images/icon_tv_s2.png) no-repeat top; font-size:18px; color:#0807de; padding-top:7px} /*step12/ /*step3*/ .box-step3 li{ background:url(../images/icon_tv3.png) no-repeat left; margin-top:20px; padding-left:55px; padding-top:20px; margin-left:10px; color:#FFFFFF; font-size:18px} .box-step3 p{ width:44px; height:40px; background:url(../images/icon_tv_s1.png) no-repeat top; font-size:18px; color:#878787; padding-top:7px} .box-step3_3 li{ background:url(../images/icon_tv3_3.png) no-repeat left; margin-top:20px; padding-left:55px; padding-top:20px; margin-left:10px; color:#0807de; font-size:18px} .box-step3_3 p{ width:44px; height:40px; background:url(../images/icon_tv_s2.png) no-repeat top; font-size:18px; color:#0807de; padding-top:7px} /*step13/ /**/ .box-step1 li span, .box-step1_1 li span, .box-step2 li span, .box-step2_2 li span, .box-step3 li span, .box-step3_3 li span{ margin-top:5px; position:relative; top:-10px} .box_cart_a1{ margin-top:20px; margin-bottom:20px} .box_cart2{ width:100%; margin-top:20px; margin-bottom:20px} .box_cart2 p{ text-align:left; margin-bottom:10px} .cart_tieptucmua{ width:66px; height:26px; background:url(../images/bg_cart1.png) no-repeat top; color:#FFFFFF; text-align:center !important; margin-right:10px; margin-left:280px} .cart_thanhtoan{ width:66px; height:26px; background:url(../images/bg_cart2.png) no-repeat top; color:#FFFFFF;text-align:center !important} .cart_tieptucmua a, .cart_thanhtoan a{ color:#FFFFFF; font-size:12px} .cart_thanhtoan_f{ width:66px; height:26px; background:url(../images/bg_cart2.png) no-repeat top; color:#FFFFFF;text-align:center !important; border:0 !important; font-size:12px} .title_cat_rules{ width:100%; font-size:30px; font-weight:bold; color:#090ac7; text-align:left; margin-bottom:10px} .title_cat_rules span{ border-bottom:1px solid #090ac7} .box-news-rules{ width:700px; padding-left:55px; border-radius:5px; background-image: -webkit-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: -moz-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: -ms-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: -o-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: linear-gradient(#FFFFFF, #c3c3c3); border:1px solid #e1e1e1; min-height:65px; margin-bottom:15px; padding-right:10px; } .box-news-rules p{ margin-top:10px; margin-bottom:10px} .p2k{ padding:10px !important} .icon_stt{ width:36px; height:36px;background:url(../images/icon_stt.png) no-repeat top; font-size:18px; color:#fffc00; font-weight:bold; padding-top:5px; text-align:center } .box_pro_ct_l{ width:327px; margin-right:34px; min-height:300px;} .box_pro_ct_l_img{ width:315px; margin-right:24px; margin-left:10px; min-height:300px; border:1px solid #d9d9d9; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.10);border-radius:2px; text-align:center; padding-top:10px; padding-bottom:10px; } .box_pro_ct_r{ width:419px; min-height:300px; } .box_pro_ct_r ul{ margin:0; padding:0; margin-bottom:10px; width:400px;} .box_pro_ct_r ul li{ border-bottom:1px solid #dddddd; padding:10px 0 10px; font-size:16px} .x_name{ color:#008000; font-size:20px; font-weight:bold; position:relative; padding-right:20px} .x_ma{ color:#0000ff; font-size:16px;position:relative; padding-right:38px } .x_kt{ color:#800080; font-size:16px; position:relative;padding-right:66px } .x_mota{ color:#ff00ff; font-size:16px; } .box-ghichu{ width:402px; margin-top:10px; font-size:16px; border-bottom:3px solid #989898; padding-bottom:10px} .x_ghichu{ color:#ff6600; font-size:16px;} .box-cart2{ width:382px; text-align:right; margin-top:20px; padding-right:20px} .box-mota{ background-image: -webkit-linear-gradient(top, #FFFFFF, #f1f1f1); background-image: -moz-linear-gradient(top, #FFFFFF, #f1f1f1); background-image: -ms-linear-gradient(top, #FFFFFF, #f1f1f1); background-image: -o-linear-gradient(top, #FFFFFF, #f1f1f1); background-image: linear-gradient(#FFFFFF, #f1f1f1); min-height:100px; width:380px; border:1px solid #e4e4e4; padding:10px; } .mota_list{ width:340px; padding-left:40px; min-height:25px; text-align:left; margin-bottom:20px} .icon_mota{width:26px; height:25px;background:url(../images/icon_mota.png) no-repeat top; font-size:12px; color:#ffffff; font-weight:bold; padding-top:5px; text-align:center } /**/ .box_title{ width:738px; height:29px; background-position:left;} .box_title a{ color:#FFF; padding-left:29px; padding-top:8px; float:left; font-weight:16px} .box_catalog{ width:732px; padding:0; margin:0; border:3px solid #f2f2f2; border-radius:3px; margin-top:10px; margin-bottom:10px; min-height:39px} .box_catalog li{ width:180px; float:left; height:39px; margin:0 !important;} .box_catalog li a{ color:#000; padding-left:30px; padding-top:8px; float:left; background-position: 16px 15px; font-size:16px} /******none********/ .c_title_bg_{background:url(../images/c_title_bg_1.png);} .c_title_icon_{background:url(../images/c_title_icon_1.png) left no-repeat; } .c_title_{background:url(../images/c_title_1.png) left no-repeat; } /******none********/ /**************/ .c_title_bg_1{background:url(../images/c_title_bg_1.png);} .c_title_icon_1{background:url(../images/c_title_icon_1.png) left no-repeat; } .c_title_1{background:url(../images/c_title_1.png) left no-repeat; } /**************/ /**************/ .c_title_bg_2{background:url(../images/c_title_bg_2.png);} .c_title_icon_2{background:url(../images/c_title_icon_2.png) left no-repeat; } .c_title_2{background:url(../images/c_title_2.png) left no-repeat; } /**************/ /**************/ .c_title_bg_3{background:url(../images/c_title_bg_3.png);} .c_title_icon_3{background:url(../images/c_title_icon_3.png) left no-repeat; } .c_title_3{background:url(../images/c_title_3.png) left no-repeat; } /**************/ /**************/ .c_title_bg_4{background:url(../images/c_title_bg_4.png);} .c_title_icon_4{background:url(../images/c_title_icon_4.png) left no-repeat; } .c_title_4{background:url(../images/c_title_4.png) left no-repeat; } /**************/ /**************/ .c_title_bg_5{background:url(../images/c_title_bg_5.png);} .c_title_icon_5{background:url(../images/c_title_icon_5.png) left no-repeat; } .c_title_5{background:url(../images/c_title_5.png) left no-repeat; } /**************/ /**************/ .c_title_bg_6{background:url(../images/c_title_bg_6.png);} .c_title_icon_6{background:url(../images/c_title_icon_6.png) left no-repeat; } .c_title_6{background:url(../images/c_title_6.png) left no-repeat; } /**************/ /**************/ .c_title_bg_7{background:url(../images/c_title_bg_7.png);} .c_title_icon_7{background:url(../images/c_title_icon_7.png) left no-repeat; } .c_title_7{background:url(../images/c_title_7.png) left no-repeat; } /**************/ /**************/ .c_title_bg_8{background:url(../images/c_title_bg_8.png);} .c_title_icon_8{background:url(../images/c_title_icon_8.png) left no-repeat; } .c_title_8{background:url(../images/c_title_8.png) left no-repeat; } /**************/ /**/ .menu_footer{ width: 990px; margin-left:5px; border:1px solid #d70302; height:25px; border-left:none; border-right:none; margin-top:30px} .menu_footer ul{ margin:0; padding:0; margin-left:170px; float:left} .menu_footer ul li{ list-style:none; display:inline} .menu_footer ul li a{ color:#d70302; padding-left:15px; padding-right:15px; margin-top:2px; float:left; border-right: 1px solid #d70302; font-size:14px; font-weight:bold} .menu_footer ul li a:hover{ color:#333333} #footer{ background-image: -webkit-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: -moz-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: -ms-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: -o-linear-gradient(top, #FFFFFF, #c3c3c3); background-image: linear-gradient(#FFFFFF, #c3c3c3); width: 1000px; margin-top:30px; border-radius: 0 0 10px 10px; font-size:14px !important; } .footer1{ width:405px; margin-left:20px; margin-right:10px ;font-weight:bold} #footer p{ line-height:24px !important} .footer2{ width:270px; margin-right:10px ; font-weight:bold} .footer3{ width:270px; color:#d70302; font-weight:bold} .icon_f1{ padding-left:55px;background:url(../images/icon_f1.png) no-repeat left top;} .icon_f1,.icon_f2 p{ padding-top:2px} .icon_f2{ padding-left:55px;background:url(../images/icon_f2.png) no-repeat left top;} .footer_l{ width:850px} .footer_r{ width:150px} .footer_add{ width:850px; text-align:left; color:#919191} .bg_home_1{ width:1000px; height:247px;background:url(../images/bg_home_1.png) no-repeat left top;} .bg_home_1_11{ width:323px; height:199px; background-color:#b0b0b0; margin-right:17px; margin-top:18px; margin-left:13px } .bg_home_1_11 img{ width:315px; height:191px; margin-top:3px; margin-left:3px; border:1px solid #FFFFFF} .bg_home_1_22{ width:264px; height:199px; margin-right:17px; margin-top:18px; margin-left:13px } .bg_home_1_22_title{ width:100%; border-bottom:1px solid #cbcbcb} .bg_home_1_22_title_l{ width:90px; height:34px; background-color:#f6f6f6} .bg_home_1_22_title_l p{ color:#e11032; font-size:14px; font-weight:bold; padding-top:8px; padding-left:5px} .bg_home_1_22_title_r{ width:50px; margin-top:16px } .bg_home_1_22_title_r a{ width:50px;background:url(../images/icon_more.png) no-repeat left 5px; padding-left:10px; font-size:11px } .bg_home_1_22 ul{ float:left; margin:10px 0 0; padding:0 0 0 5px ; width:260px} .bg_home_1_22 ul li{ list-style:none; margin-bottom:10px} .bg_home_1_22 ul li a{ text-decoration:none; color:#333333 } .bg_home_1_22 ul li a:hover{ text-decoration:none; color:#FF0000} /*End hoipro*/ .more-link { display:block; } .syswidget ul ul { margin-bottom:0; } .preloader { display:block; background:url(ajax-loader.gif) center center no-repeat transparent; } .nav-previous { background:url(images/rarr-prev.png) left center no-repeat; padding-left:20px; } .nav-next { background:url(images/rarr-next.png) right center no-repeat; padding-right:20px; } .textleft { text-align:left } .textright { text-align:right } /* =Image border radius ----------------------------------------------- */ .imgborder { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .sys_mini_gallery .gimage, .menuimg img { border:1px solid #ddd; padding:1px; box-shadow: 0px 0px 2px #aaa; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4); box-shadow: 0px 0px 2px rgba(0,0,0,0.4); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Headings -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /* h1, h2, h3, h4, h5, h6 { font-family: 微軟正黑體, "Droid Serif", Arial, Helvetica, sans-serif; line-height: normal; } h1 { margin: 0 0 20px 0; font-size: 28px; line-height: 30px; } h2 { margin: 0 0 20px 0; font-size: 24px; line-height: 26px; } h3 { margin: 0 0 20px 0; font-size: 20px; line-height: 22px; } h4 { margin: 0 0 20px 0; font-size: 16px; } h5 { margin: 0 0 15px 0; font-size: 14px; } h6 { margin: 0 0 15px 0; font-size: 12px; } */ /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Layout -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #wrap_all { position:relative; margin:0px auto; } #stretched #wrap_all { width: 100%; } #boxed #wrap_all { width:auto; } .inner { position: relative; width: 960px; margin: 0 auto; } #main { width: 660px;} #mainfull { position:relative; overflow:hidden; padding:0; } #fullwidth .content { overflow:hidden; padding:25px 5px; } .fullwidth { width: 1000px; } .one_half { width: 48%; } .one_third { width: 30.66%; } .one_fourth { width: 22%; } .one_fifth { width: 16.8%; } .two_third { width: 65.3%; } .three_fourth { width: 74.0%; } .four_fifth { width: 79.2%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .one_sixth { width: 13.33%; } .five_fifth { width: 82.7%; } .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .five_fifth, .two_fifth, .three_fifth, .three_fourth { position: relative; display: inline-block; *display:inline; float: left; margin-right: 4%; margin-bottom:15px; } .last { margin-right: 0 !important; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Sidebars & Main Content -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ p { font-size:14px; line-height:22px;} #sidebar { margin:0;} #sidebar .widget { position: relative; overflow: hidden; padding: 0 0 30px 0; } #sidebar .content { padding-top:65px; } #main .content { padding:20px 5px } #mainfull .content { padding:20px } /* Left Sidebar */ .leftsidebar #main { float:right; width: 660px; } .leftsidebar #sidebar { float:left; overflow:hidden; width: 260px; padding:0 20px;} .leftsidebar #main .content { overflow: hidden; border: none; } /* Right Sidebar */ .rightsidebar #main { float:left; width: 660px; } .rightsidebar #sidebar { float:right; overflow:hidden; width: 260px; padding:0 20px; } .rightsidebar #main .content { } /* Middle Content Block */ #boxed .pagemid { width:1000px; } .pagemid { position:relative; display:block; width:100%; z-index:2; padding:0; background-color:#fff; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .pagemid .inner { width:960px; position:relative; overflow:hidden; margin:0 auto; padding:0; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Header, Logo -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #boxed #header { width:1000px; margin:0 auto; } #header { width:100%; position:relative; z-index:4; margin:0 auto; min-height:100px; } #header .inner { width:1000px; position:relative; margin:0 auto; } /* Logo */ .logo { display:block; float:left; z-index:2; margin-top:20px; margin-bottom:20px; } .logo a { padding-bottom:0px; margin-left:0px; font-size:36px; font-weight:bold; color:#fff; text-decoration:none; } .logo a img { margin-top:0; border:none; background:none; vertical-align:top; } .logo a:hover { color:#fff; text-decoration:none; } /* Logo if selected as text*/ h1#site-title { margin-bottom:0px;} h1#site-title a { font-size:24px; line-height:26px; font-weight:bold; color:#000; text-decoration:none; margin-bottom:5px; letter-spacing:-1px;} h2#site-description { font-size:12px; line-height:14px; margin-bottom:0; text-decoration:none; text-align:center; color:#999; } h2#site-description span { padding:5px 15px; background:#ffffff; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Navigation -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #menuwrap { position: relative; z-index:1; float:right; margin:20px auto 0 auto; padding:4px 30px; min-height:50px; background-color:#121212; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 14em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; font-size:14px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 3.7em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 14em; /* match ul width */ top: 0; margin-left:0.5em; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 14em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; } .sf-menu a { padding: 1.4em 1em; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #999999; } .sf-menu ul a { padding: 0.4em 1em; } .sf-menu li { /* background: #830f0f; */ } .sf-menu li li { /* background: #650c0c;*/ } .sf-menu li li li { /* background: #460808; */ } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #292929; color:#ffffff; outline: 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /** * Extended by s32 * Custom Dropdown */ .sf-menu ul.sub-menu { background:#292929; padding: 20px 0; /* Border Radius for the dropdown block */ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:0px 3px 3px 3px; *min-width: 200px; *margin-top:40px; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #292929; color:#ffffff; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ *top:50px; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arr.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 1.5em; *top: 20px !important; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; top: 0.5em;} /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Responsive Menu -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .m-select-container{ position: relative; padding:10px 0px; height:37px; display:none; } .m-select { position: absolute; padding:0; left:0; right:0; margin:0 auto; width: auto; display: inline-block; font-size: 13px; color: #999; text-align:center; background-color: #222222; z-index: 99; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #m-select-active { padding:15px;} .sf-menu-mobile { margin:0; padding:0; display: none; background:#333333; } .sf-menu-mobile li { list-style:none; } .sf-menu-mobile li a { display: block; border-bottom:1px dotted #444444; padding:5px 0; text-decoration:none;} .sf-menu-mobile li ul.sub-menu { margin:0; padding:0;} .sf-menu-mobile li span { display:none;} /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Frontpage Teaser Box -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #boxed .teaserbox { width:1000px; margin: 20px auto; background-color:#222222; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } .teaserbox { width:auto; overflow:hidden; margin: 20px auto; padding: 25px 0; } .teaserbox .teaserbox_content { width:960px; margin:0 auto; padding:0 15px; text-align:center; color:#d7e4ed; } .teaserbox img { display:block; } .teaserbox h1, .teaserbox h3, .teaserbox h2 { color:#d7e4ed; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Subheader -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #subheader { padding:0; margin-bottom:20px; background-color:#56C137; } .subheader { position:relative; width:1000px; overflow:hidden; margin:0 auto; padding:25px 0 25px 0px !important; color:#fff; } .subheader_teaser { width:960px; margin:0 auto; text-align:center; } .subtitle h1 { font-size:30px; font-weight:bold; text-transform:uppercase; margin-bottom:0; } .subdesc { width:60%; margin:10px auto; } .subdesc * { -font-style:italic; } .subheader p.tweet { width:60%; font:-italic 18px/21px "Droid Serif",Georgia; margin:0 auto; } /* Subheader Heading Floral */ .subtitle { display: inline-block; position: relative; text-align:center; height:60px; background:url(../images/a_l.png) left no-repeat ; padding-left:70px; min-width:250px; *width:280px; } .subtitle h1{ background:url(../images/a_l.png) right no-repeat;height:60px; padding-right:70px} /*.subtitle h1:before, .subtitle h1:after { background-image:url(../images/subheader_floral.png); background-repeat: no-repeat; content: ''; display: block; height: 60px; margin-top: -16px; *margin-top: -13px; position: absolute; top: 0%; width: 60px; z-index:100; } .subtitle h1:before { left: -80px; } .subtitle h1:after { background-position: 100% 0; right: -80px; }*/ /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Frontpage Widgets -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .frontpage_widgets { margin-top:30px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Featured Slider -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #featured_slider { position:relative; margin:0 auto; z-index:1; width:100%; min-height:100px; } .slider_wrapper { width:1000px; margin:0 auto; padding:0px 0 15px 0; } .slider_wrapper img.staticimage { background:#fff; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6); box-shadow: 0 0 3px rgba(0,0,0,0.6); } .slider_wrapper a img { display:block; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Hover Image Icons -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .menuimg, .porthumb { position:relative; } .menuimg a { display:block; } .menuimg a img, .porthumb a img { position:relative; z-index:3; } .menuimg a:hover img, .porthumb a:hover img { position:relative; z-index:2; } .hover_type { display: none; position:relative; z-index:2; } .hover_type a { position: absolute; display: block; bottom: 10px; right: 10px; width: 25px; height: 25px; background-image: url(images/hover_icons.png); } .hover_video { position: absolute; background:#000 url(images/hover_video.png) no-repeat center center; } .hover_image { position: absolute; background:url(../images/hover_image.png) no-repeat center center; } /* Hover Link */ .hover_type a.hoverlink { background-position: -90px 0; } /* Hover Image */ .hover_type a.hoverimage { background-position: -60px 0; right: 40px !important; } /* Hover Video */ .hover_type a.hovervideo { background-position: -30px 0; right: 40px !important; } /* Hover Custom Link */ .hover_type a.hovercustomlink { background-position: 0 0; right: 40px !important; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Back to Top Scroll -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #back_to_top { width:930px; margin:0 auto; background:url(../images/backtotop.png) center bottom scroll no-repeat; text-align:center; position:relative; bottom:0; } #back_to_top a { color:#999; font-size:9px; font-family:Tahoma, Arial, Verdana; line-height:18px; text-transform:uppercase; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Menulist - menus -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .menus { position: relative; } .menus_container { position: relative; -margin-bottom:40px; } .menus_cat_item { position: relative; float: left; width: 280px; margin:0 16px 30px 16px; } .menus_cat img { display:block; } .menulist { position:relative; background:url(../images/dashed.png) bottom left repeat-x; padding-top:25px; overflow:hidden; min-height:170px; } .menus_single { position:relative; padding-bottom:0px; margin-bottom:25px; } .menuthumb { position:relative; float:left; width:80px; margin-right:20px; } .menuimg { position:relative; } .menu-info { margin-left:100px; padding-bottom:10px } .menulist_sc.twocolumn section.menus { display:inline-block; width:45%; margin:0 2%;} .date{ font-size:11px; color:#888888} .date_news{ font-size:12px; color:#818181} .pricenew { width:60px; text-align:center; padding:6px 10px; background-color:#d7212e; color:#ffffff; font-size:12px; line-height:12px; font-weight:bold; z-index:3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); } .menulist .pricenew { position:absolute; top:100px; left:2px; } .menus_single_info .pricenew { position:absolute; top:0px; right:2px; } .menus_cat_item .menu-title { clear: both; margin-bottom: 10px; font-size:22px; text-align: center;} h4.menu-title { margin-bottom: 10px; } .menus_single_img { margin-bottom:20px; position:relative; z-index:1 } .menus_single_info { margin-bottom:20px; position:relative; z-index:2} .menus_single_info h2.menu-title { width:420px; font-size:32px; -font-style:italic; font-family:"Droid Serif",Georgia; } /* Simple Menu */ .simplemenu { position:relative; background:url(../images/dashed.png) 0 0 repeat-x; padding:15px 0; overflow:hidden; } .simplemenu h3 { margin-bottom:5px; color:#000;} .simplemenu p { margin-bottom:0px } .simplemenu .menuinfo { min-width: 250px; overflow: hidden; } .simplemenu .price { display: block; float:right; font:normal normal 26px/30px Georgia, Times, Serif; letter-spacing:-1px; padding-left:20px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Todays Special -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .specialslist:last-child { background:none; } .specialslist { position:relative; padding:10px 0; background:url(../images/dashed.png) bottom center repeat-x; } .specialslist .menuimg .image { display:block; } .specialslist h5 { margin-bottom:5px; } .specialslist p { margin-bottom:0px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Blog Post -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .post { position:relative; overflow:hidden; margin-bottom:30px; } .post .entry-title { margin:0 0 10px 0; } .post .entry-title a { font-size:22px; } .post .edit-link { float:right; } .post .post_content { position:relative; } .post .postimg { display:block; position:relative; margin-bottom:20px; } .post .postmeta { margin:0 0 20px 0 } .post .post-date { overflow:hidden; padding-bottom:15px; margin-bottom:10px; border-bottom:1px dashed #CCCCCC; } .post .day { float:left; line-height:26px; margin-top:10px; margin-right:15px; font-size:34px; } .post .month { float:left; width:36px; margin:5px 12px 0 0; padding-top:2px; font-size:14px; font-weight:bold; line-height:16px; text-transform:uppercase; letter-spacing:normal; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Post Slider -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .postslider_nav { bottom: -6px; position: relative; left: 0px; } .postslider_nav a { background: url("images/post_slider_navs.png") no-repeat -18px 0; display: block; float: left; width:7px; height: 7px; margin-right: 5px; text-indent: -9999px; outline:none; } .postslider_nav a.activeSlide { background: url("images/post_slider_navs.png") no-repeat 0 0; } .postslider_nav a:hover { background: url("images/post_slider_navs.png") no-repeat -18px 0; } .post_slider { display:block; position:relative; z-index:2; } .posttags { margin-top:20px} /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Blog Post Style 1 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .post1 { overflow:hidden; position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd; } .post1 .post_thumb { float:left; width:70px; } .post1 h2.entry-title { margin-bottom:5px; line-height:22px; } .post1 .entry-title a { font-size:20px; } .post1 .post-info { margin-bottom:15px; padding:0 0 5px 0; overflow:hidden; border:none; } .post1 .post-info a { text-decoration:none; } .post1 .post-info a:hover { text-decoration:none; } .post1 .postimg { margin-bottom:10px; position:relative;} .post1 .posttags { float:left; } .post1 .postmeta a, .post1 .postmeta span { font-size:11px; padding-right:5px; font-style:normal; text-transform:uppercase; color:#666; } .post1 .postmeta a:hover { text-decoration:underline; } .post_content .morelink { position:absolute; right:0; bottom:0; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Blog Post Style 2 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .post2 { overflow:hidden; position:relative; margin-bottom:30px; padding-bottom:30px; background:url(images/dashed_line_dark.png) bottom left repeat-x; } .post2 h2.entry-title { margin-bottom:15px; line-height:22px; } .post2 .entry-title a { margin:0 0 15px 0; font-size:24px; } .post2 .post-info { float:left; width:140px; margin-bottom:15px; padding:0 0 5px 0; border:none;} .post2 .post-info a { text-decoration:none; } .post2 .post-info a:hover { text-decoration:none; } .fullwidth .post2 .post_content { float:right; width:800px; } .post2 .post_content { float:right; width:500px; } .post2 .postmeta { padding:3px 0px; font-size:11px; } .post2 .postmeta img { margin:0 5px 0 0; } .post2 .postimg { display:block; position:relative; margin:0 0px 30px 0; } .post2 .postmeta span { display:block; padding:2px 0; border-bottom:1px solid #eeeeee; } .post2 .posttags { font-size:11px; } .post2 .posttags span { display:block; font-size:11px; font-weight:bold; } .post2 .posttags a { font-size:11px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Blog Post Style 3 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .post3 { position:relative; overflow:hidden; display:inline; float:left; width: 30.66%; margin:0 4% 0 0; padding-bottom:30px; } .post3 h2.entry-title { font-size:18px; margin-bottom:10px; line-height:16px; } .post3 .post-info { padding:0 0 5px 0; } .post3 .post-info a { text-decoration:none; } .post3 .post-info a:hover { text-decoration:none; } .post3 .postimg { position:relative; margin:0 0px 10px 0; } .post3 .postmeta { margin-bottom:5px; } .post3 .postmeta span { font-size:11px; line-height:1; } .post .postimg, .post1 .postimg, .post2 .postimg, .post3 .postimg { margin-bottom:20px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Footer Teaser -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .footer_teaser { background-color:#56C137; background-image:url(images/footer_linebg.png); background-position:left bottom; background-repeat:repeat-x; } .footer_teaser h3 { margin-bottom:0; text-align:center; } .footer_teaser .teasercontent { width:960px; margin:0 auto; padding:30px 0; color:#FFF; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Footer -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #boxed #footer { width:1000px; } /*#footer { position:relative; width:100%; margin:20px auto 20px auto; background-color:#201a1a; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); z-index:1; }*/ .footersidebar .inner { padding:0 0px; } #footer .footersidebar { width:1000px; overflow:hidden; margin:0 auto; padding:30px 0 0 0; background-image:url(../images/footer_linebg.png); background-position:bottom left; background-repeat:repeat-x; } #footer .widget-title { font-size:16px; color:#fff;} #footer .syswidget h3 { margin-bottom:25px; padding:0 0 5px 0; color:#FFFFFF; } #footer span.small { display:block; font-size:9px; color:#7b7b7b; text-transform:capitalize; line-height:18px; } #footer .syswidget { padding-bottom:10px; margin-bottom:10px;} #footer .syswidget ul.children { padding-left:8px; border-left:0px solid #ddd; } .footer_nav { display:inline; float:right; } .footer_nav li { float:left; padding:0 5px 0 0; } #footer .syswidget { background:none !important; } /*-- Copyright --*/ .copyright { margin:0 auto; padding:0px; overflow:hidden; width:1000px; font-weight:bold; font-size:16px; } .copyright-l { width:480px; text-align:left; padding-left:20px} .copyright-r { width:480px; text-align:right; padding-right:20px} /*-- Social Icons --*/ .atpsocials { float:right; margin-bottom:10px; } .atpsocials span { font-size:10px; } .atpsocials ul { width:100%; margin:0; padding: 0px; } .atpsocials ul li { display: inline; display:inline-block; float:left; margin: 0 0px 0 5px; padding:0; } .atpsocials ul li img { position:relative; top:0; left:0; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Breadcrumb -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #breadcrumbs { display: block; overflow:hidden; margin:5px 0 0px 0; padding: 10px 0px 10px 0px; background:url(../images/dashed_line_dark.png) bottom left repeat-x; } #breadcrumbs .breadcrumbs { display: block; font-size:90%; verical-align:middle; color:#888; *font-size:12px;} #breadcrumbs .breadcrumbs img { vertical-align:bottom; } #breadcrumbs .breadcrumbs a { padding: 0 4px;*font-size:12px; } #breadcrumbs .breadcrumbs a:hover { text-decoration: none; } #breadcrumbs .breadcrumbs a:active { } .breadcrumbs-separator{*font-size:12px; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- * Alignment -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .left {float:left;} .right {float:right;} .center {float:none; text-align:center; margin:0 auto;} .alignleft, img.alignleft, a img.alignleft { float:left; margin:3px 15px 4px 3px;} .alignright, img.alignright, a img.alignright { float:right; margin:3px 3px 4px 15px; } .aligncenter, img.aligncenter, a img.aligncenter { display:block; clear:both; margin:0 auto 10px auto; padding:2px; text-align:center; } .content .wp-caption { background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } .content .wp-caption img { margin: 5px;} .content .wp-caption p.wp-caption-text { margin: 0 0 4px; } .content .wp-smiley { margin:0; } /* Demo Stuff CSS*/ .emptybg { display:block; background:#f0f0f0; border-radius:5px; position:relative; height:40px; text-align:center; padding-top:20px; } /*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH CONTACT FORM HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/ .sysform input.txtfield, .sysform textarea { padding: 6px; outline: 0; width: auto; background:inherit; border:1px solid #DDD; -webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.05); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .sysform textarea { width: auto; height: 100%; line-height: 150%; } .sysform p { margin-bottom:10px; } .sysform input:hover, .sysform textarea:hover, .sysform input:focus, .sysform textarea:focus { border-color: #BBB; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 191, 255, 0.2); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 191, 255, 0.2); box-shadow: 0px 0px 2px 2px rgba(0, 191, 255, 0.2); } .sysform label { margin-left: 10px; width:20% } .sysform-input input, .sysform-textarea textarea, .sysform-select select { width:100%; padding:6px; outline:none; border: rgba(0, 0, 0, .1) 1px solid;/* Safari 4+, Chrome, FF3.5+ */ border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sysform span.atpcaptcha { background:#444444; color:#ffffff; padding:2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH FORM FIELDS HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/ .input_small { width:25% !important; } .input_medium { width:50% !important; } .input_large { width:90% !important; } #validate_form label.error { border:none; } #validate_form .error { color: red; border: 1px solid red; } div#note, div#result { position:relative; } .close_note { position: absolute; top: 18px; right: 10px; font-size:9px; } div#note p, div#result p { margin-bottom:0; } .fl{ float:left} .fr{ float:right} .box-product{ width:30.6%} .phantrang{ font-weight:bold; color:#FF0000; margin-bottom:20px; text-align:right; width:100%; float:left} .menu2{ border-color: #FFFFFF #999999 #B2B2B2 #FFFFFF; border-style: solid; border-width: 1px; color: #262a2c; padding: 2px 6px; text-decoration: none; margin-left:5px; background-color:#f1f1f1; } .menu3{ border-color: #FFFFFF #999999 #B2B2B2 #FFFFFF; border-style: solid; border-width: 1px; color: #FFFFFF; padding: 2px 6px; text-decoration: none; margin-left:5px; background-color:#c60005; font-size:12px; } .title-news-view{font-size:26px; font-weight:bold; color:#e00024; border-bottom:1px solid #cecece; padding-bottom:10px; margin-top:20px}