/** www.funtall.com.tw **/ body {margin:0 auto; padding:0px; color:#000; font-family:"微软雅黑","黑体","Microsoft JhengHei","微軟正黑體",Helvetica,Geneva,Arial,sans-serif; letter-spacing:1px; line-height:1.5em; } h1 {line-height:1.75em;font-size:26px;font-weight:bold;color:#000;margin:0;padding:0;} h2 {line-height:1.75em;font-size:22px;font-weight:bold;color:#000;} h3 {line-height:1.75em;font-size:18px;font-weight:bold;color:#000;} h4 {line-height:1.75em;font-size:14px;font-weight:bold;color:#000;} h5 {line-height:1.75em;font-size:24px;font-weight:bold;color:#000;} h6 {line-height:1.75em;font-size:20px;font-weight:bold;color:#000;} /* h10 {margin:0;padding:0;line-height:1.75em;font-size:18px;font-weight:bold;color:#000;} */ p {font-size:16px;line-height:1.75em;margin:20px 0px 20px;color:#000; } picture img { display:block !important; } img { max-width:100%; height:auto; } /* h=auto */ img:hover { } img.left { float:left; margin: 0 1em 1em 0; } img.right { float:right; margin:0px; } img.end { margin:0px 0px 0px 4px; padding:0px; border:0px; } .myicons { margin:0px 5px -8px 0px; padding:4px; border:0px; } .myicons:hover { padding: 4px 4px 4px 4px; border: 0px; margin: 0px 5px -8px 0px; background: #DDDDDD; } a:link { color: rgb(00,00,00); text-decoration: none; } a:visited { color: rgb(00,00,00); text-decoration: none; } a:hover { color: rgb(00,00,00); text-decoration: none; } a:active { color: rgb(00,00,00); text-decoration: none; } img.wp-smiley { padding:0; border:none; } .clear { clear:both; } ul { margin:0; padding:0 1em; line-height: 180%; } ol { margin:0; padding:0 0 0 2em; line-height: 180%; } /** ##### Header ##### **/ #logo_bg { width:100%;background:#FFF;background-image:linear-gradient(#FFCC11, #FFCC22 50%); } #logo { width:1000px;height:60px;margin:0 auto;text-align:right;border-bottom:0px solid #FE0;} #logo img { padding:0px;border:0px;display:block;} /*margin:15px;*/ #logo .logo_std {padding:0px;margin:20px 0px 15px 10px; border:0px;float:left;} /* #logo .logo_img {padding:0px;margin:6px 0px 10px 0px;border:0px;float:left;display:none;} */ #logo .head_left { padding:0px;margin: 0px 0px;border:0px;float:left;} #logo .head_right{ padding:0px 15px 0px 0px;margin:12px 0px;border:0px;float:right;} /* #logo .menu_item {height:20px; padding:23px 10px 0px 30px; margin:23px 0px 0px; float:left;} */ #logo .logo_wallpaper {padding:10px 10px 5px 0px;margin:0px;border:0px;} #logo a { /* background: #000; color:#FFF; font-weight: bold; font-size:15px;*/ } #logo a:hover { /* background: #000; color:#FE0; font-weight: bold; font-size:15px;*/ } #logo a:active { /* background: #000; color:#FE0; font-weight: bold; font-size:15px;*/ } #logo .logo_funtall { display:inline-block;color:#FFF;font-size:0.5em;position:absolute;top:0px;text-indent:200%; } #searchfrom { background:rgb(160,160,160);margin:0px 5px;float:left; } #searchform .searchimg { background:url("images/search-tool.png") no-repeat 50% 50%; border:0 none;cursor:pointer;text-indent:-9999px;height:30px;width:30px;margin:0px;} #searchform .searchbox { margin:2px 5px 0px 0px;padding:5px;border-radius:5px;float:left; } #lang_switch_button {margin:0 0 0 10px;padding:2px 6px;font-size:0.5em;font-weight:bold;background:#E0E0E0;color:#AAA;border-radius:5px;float:right;box-shadow:0 0 2px rgba(0,0,0,0.25); } /** MAIN & TOP Page **/ #main { width:100%; margin:0px auto; min-width:320px; background:#DDC; overflow-x:hidden; background: url('/home/property/images/Funtall-Cube-Parts-BG-v02-tan.png') no-repeat bottom center #DDC; } #main .res_style {} /* for responsive resolution */ #main .res_style_inverse { display:none; } /* for responsive resolution */ #topmenu_bg { background:#000; padding:8px 0px; position:relative; z-index:100; box-shadow:0 5px 5px rgba(100,100,100,0.5); } #topmenu { width:1000px;margin:0 auto;height:35px;padding:0px 0px; border-right:1px solid #888;} #topmenu .menu_box { float:left; width:calc( 16.6% - 2px ); color:#FFF; text-align:center; border-left:1px solid #888; } #topmenu .menu_box:hover {color:#FFCC11;} #topmenu .menu_item { padding:0px 0px 0px; margin:0px; font-size:16px; line-height:35px; font-weight:normal; } #topmenu a:active { font-weight:normal; } #mainslide { width:100%; background-color:#998; margin-bottom:0px; box-shadow:0 0 5px #333; background: url('/home/property/images/Colorful-Background-Funtall-01a.jpg') no-repeat top center #000; position:relative; } #topslide { width:1000px;padding:0px;margin:0 auto;background:#fff;box-shadow:0px 0px 1px rgba(0,0,0,0.5); } #topslide .slidebox { width:100%;margin:0 auto;background:#fff;} #mainslide_bottom { width:100%; background-color:#AA9; margin-bottom:0px } #topslide2 { width:1000px;padding:0px;margin:0 auto;background:#fff;box-shadow:0px 0px 1px rgba(0,0,0,0.5); } #topslide2 .slidebox2 { width:100%;margin:0 auto;background:#fff;} #main_product { background:#FFF; display:inline-block; max-width:100%; } #main_product .main_product_title { margin:40px 0px 0px 50px; padding:5px 0px 5px 20px; border-left:0px solid #FFF; font-size:20px; font-weight:bold; background:#000; color:#FFF; font-family:Helvetica,Geneva,Arial; } #main_poster { height:300px; padding:0px; margin-top:0px; background: url('/home/property/images/funtall_cube_example_01a2_1000x300.jpg') no-repeat top center #CCB; overflow: hidden; } #main_poster .mposter_style { height:118px; padding-top:115px; } #main_poster .saying_style { font-weight:bold;font-size:2.5em;color:#FFF;text-align:center;text-shadow:0px 0px 5px #000; } #main_poster_promotion { padding:0px 0px 10px 0px; background:#FFF; } #content .pd_poster_a { overflow:hidden; display:inline-block; max-width:100%; width:100%; border-bottom:1px solid #aaa; } #content .pd_poster_b { overflow:hidden; display:inline-block; max-width:100%; width:100%; border-bottom:1px solid #aaa; } #content .pd_poster_c { overflow:hidden; display:inline-block; max-width:100%; width:100%; border-bottom:1px solid #aaa; } #content .pd_poster_d { overflow:hidden; display:inline-block; max-width:100%; } #content .pd_poster_img_l { display:inline-block;margin-left:120px; width:480px; max-width:100%; } #content .pd_poster_img_r { display:inline-block;margin-left: 0px; width:480px; max-width:100%; } #content .pd_poster_txt_l { display:inline-block;margin-left:120px; width:300px; padding:120px 0 0 0; vertical-align:top; } #content .pd_poster_txt_r { display:inline-block;margin-left: 0px; width:300px; padding:80px 0; vertical-align:top; } #content .pd_poster_title { font-size:1.75em; color:#000; margin:0 0 30px 0; } #content .pd_poster_desc { font-size:0.8em; color:#555; margin:0 0 0px 0; } #content .pd_poster_num { font-size:3.0em; color:#A63; margin:20px 10px 0 0; float:right; } #content .pd_poster_unit { font-size:12px; color:#A63; margin:0 5px; } /** CONTENT **/ #content { width:1000px; margin:0px auto; padding:0px 0px 0px 0px; color:#000; } #content .content_zone { width:100%; height:200px; background-color:#F5F5C0; box-shadow:0px 0px 10px #525155; background:url('/home/property/images/funtall-stamp-bg-250x150a.png') no-repeat scroll 105% 102% #F5F5C0; } #content .zone_box { z-index:9999; border:1px solid; padding:10px; background:#FFF; } #content .zone_box img { width:150px; height:300px; } #content .align_left { float:left; } #content .align_right { float:right; } /** POST **/ #content .post { margin:0px 0px 50px 0px; padding:0px; width:740px; float:left; } #content .post_all { } #content .post_box { padding:0px; margin:0px; background:#FFF; } #content .post_box .post_box_inner { padding:40px; margin:0px; } #content .post_box .post_box_spacer40 { height:40px; width:100%; } #content .post_box .post_title { width:calc( 100% - 30px ); font-size:1.25em; font-weight:bold; padding:10px 15px; color:#000; display:inline-block; margin:0px 0px 20px 0px;line-height:1.5em;background: url("images/bg-dashline-01a.gif"); } #content .post_box_bottom { padding:20px 40px; margin:20px 0px 0px 0px; background:#FFF;} #content .post_floor { height:50px;padding:10px 30px;background:#FFF;border-top:4px solid #CCB;} /* F0E010 */ #content .post strong {color:rgb(0,0,0); font-weight:bold;} #content .cat_title { height:48px; color:#fff; font-weight:bold; font-size:25px; margin:0px;padding:15px 25px; background:#F0A050; border-radius:9px 9px 0 0;background:url('/home/property/images/post-cat-bg-660x78a.png') no-repeat scroll 0px 0px #F0A050; } #content .post_title { width:calc( 100% - 20px ); font-size:1.25em; font-weight:bold; padding:10px 15px; color:#000; display:inline-block; margin:0px 0px 20px 0px; line-height:1.5em; background: url("images/bg-dashline-01a.gif"); } #content .post_social { width:100%; padding-bottom:5px; margin-bottom:10px; border-bottom:2px dotted #DDD; display:inline-block; } #content .post_date { font-weight:normal; font-size: 12px; margin:0px 0px 30px; color:#A0A0A0; } #content .post_floor_dd { display:inline-block; margin:10px 0px; padding:0px; float:right; height:28px; } #content .fb_iframe_widget { margin-left:5px; font-size:0px; line-height:normal; } #content .post_floor_span { display:inline-block; margin:0px 0px 5px 0px; padding:5px 8px;border-radius:5px; background:#F1F1F1; font-size:12px; border-bottom:1px solid #D0D0D0; float:left; } /* C6Ed28 */ #content .post_inter_link { font-weight:bold; border-bottom:#000 solid 1px; margin:0px 5px; color:#000; } #content .funtallopedia_link { font-weight:bold;border-bottom:#3030A5 solid 1px;margin:0px 5px;color:#3030A5 !important; } #content .imgbox { margin:0px 0px 0px 0px; max-width:100%; background:#FFF; padding:0px 0px; clear:both; text-align:center; } #content .imgbox img { padding:0px; margin:0px; border:0px; display:block !important; } #content .imgbox .imginfo { padding:5px 10px;margin: 0px;font-size: 0.75em;line-height: 20px;color: #000;background: #F5F5F5;border-top: #D0D0D0 1px solid;border-bottom: #000 2px solid; display:none; } #content .imgbox5 { margin:0px 0px 20px 0px; max-width:100%; background:#FFF; padding:0px; clear:both;} #content .imgbox5 img { padding:0px; margin:0px; border:0px; } #content .imgbox5 .imginfo { padding:5px 10px;margin: 0px;font-size: 0.75em;line-height: 20px;color: #000;background: #F5F5F5;border-top: #D0D0D0 1px solid;border-bottom: #000 2px solid; } #content .imgbox_model { display:inline-block; width:100%; margin-top:0px; } #content .imgbox_product { float:right; border:0px solid #EEE; width: calc( 100% - 170px ); } #content .imgbox_ruten { display:inline-block; margin:0px 0px 0px 0px; width:100%; max-width:100%; background:#D02010; padding:0px; text-align:center; } #content .imgbox_r { padding:4px; margin:0px 0px 20px 20px; max-width:100%; border:1px solid #F0F0F0; background:#FFF; float:right; } /* img size 320, float right */ #content .imgbox_r img { padding:0px;margin:0px;border:0px; } #content .imgbox_l { padding:4px; margin:0px 20px 20px 0px; max-width:100%; border:1px solid #F0F0F0; background:#FFF; float:left; } /* img size 320, float left */ #content .imgbox_l img { padding:0px;margin:0px;border:0px; } #content .imgbox_small { width:100%; display:inline-block; } #content .imgbox_s { padding:2%; margin:0px; width:29%; max-width:100%; background:#FFF; float:left; } #content .imgbox_s img { padding:0px;margin:0px;border:0px; } #content .descbox_title { width:120px;text-align:center;float:left;padding:5px 10px;background:#000;color:#FFF;font-size:1em;font-weight:bold; } #content .descbox_l { float:left; margin-right:20px; } #content .descbox_r { float:left; margin:60px 0 0 25px; width:140px; } #content .descbox_r_text { line-height:200%;font-size:0.8em;display:inline-block;padding:10px;border-bottom:1px solid #888; width:120px; } /* descbox : Info in POST, special for product */ #content .descbox { padding:1px 0px; margin:20px 0px; } #content .descbox_subtitle { font-size:1em; margin:10px 0px 0px 10px; } #content .descbox_product_desc { font-size:0.9em; margin:10px 0px 0px 10px; } #content .dashline { background:url("images/bg-dashline-01a.gif"); height:10px; width:100%; display:none; } #dashline { background:url("images/bg-dashline-01a.gif"); height:10px; width:100%; display:none; } #content .descbox_general { padding:0px 20px; text-align:justify; } /* ## CUBIC TIMES in POST ## */ #content .cubic_times_post { margin:0px 0px 50px 0px; background:#ECECEC; box-shadow:1px 1px 3px; max-width:570px; } #content .cubic_times_title { margin:10px 8% 0px 8%;font-size:100%;font-weight:bold;text-align:center;padding:10px 0;background:#212221;color:#FFF; } #content .cubic_times_content { margin:0px; padding:10px 8%; font-size:0.8em; column-count:2; -webkit-column-count:2; -moz-column-count:2; column-gap:20px; -webkit-column-gap:20px; -moz-column-gap:20px;text-align:justify; } #content .cubic_times_note { margin:0px 8%; padding:0 8px; font-size:70%; background:#000; color:#DDD; } #content .cubic_times_photo { margin:5px 8% 0px 8%;border:2px solid #000; } /* ## Parts Table ## */ #content .part_table { text-align:left; font-family:consolas,courier; font-size:12px; font-weight:bold; margin-bottom: 20px; } #content .part_tablehead { width:350px; border-bottom:1px solid #000; border-top:5px solid #000; background-color: #FFCC11;} #content .part_tableitem { width:350px; border-bottom:1px solid #909090; } #content .part_tableitem .part_tableinfo1 { width:45px !important; display:inline-grid; vertical-align: middle; padding: 5px 0px 5px 10px; } #content .part_tableitem .part_tableimg { width:100px !important; display:inline-grid; vertical-align: middle; padding: 5px 0px 5px 10px; } #content .part_tableitem .part_tableinfo2 { width:100px !important; display:inline-grid; vertical-align: middle; padding: 5px 0px 5px 10px; } #content .part_tableitem .part_tableinfo { width:50px !important; display:inline-grid; vertical-align: middle; padding: 5px 0px 5px 10px; } #content .part_set { display:inline-grid; vertical-align: middle; padding: 5px 0px 5px 10px; } /* ## FONT */ #content .font_normal { font-weight:normal; color:#000; } #content .font_price_list { font-family:Arial; font-weight:bold; color:#000000; display:none; } #content .font_price_sale { font-family:Arial; font-weight:bold; color:#D02010; } /* A40005 */ #content .font_status_sale { font-size:0.8em; background:#D02010; color:#FFF; padding:5px 15px; border:2px solid #D02010; margin-top:5px; } #content .font_status_hold { font-size:0.8em; background:#F0B010; color:#FFF; padding:5px 15px; } #content .font_status_lowstock { font-size:0.8em; background:#FFF; color:#D02010; padding:5px 15px; border:2px solid #D02010; margin-top:5px; } #content .font_status_info_r {font-size:0.8em; background:#D02010; color:#FFF; padding:1px 10px; border:3px solid #D02010; width:90px;text-align:center;float:left; } #content .font_status_info_w {font-size:0.8em; background:#FFF; color:#D02010; padding:1px 10px; border:3px solid #D02010; width:90px;text-align:center;float:left; } /* ## Block Quote ## */ blockquote_v1 { margin:20px 0px; padding:10px; background:#ECECEC; border-radius:3px;line-height:180%; box-shadow:1px 1px 3px; } blockquote { margin:20px 0px; padding:0 0 10px 0; background:#ECECEC; border-radius:3px;line-height:180%; border:1px solid #D0D0D0; } blockquote .bqtitle_v1 { color:#A02020;font-weight:bold;font-size:18px;padding:5px 10px 15px 10px;border-bottom:3px dotted #FFF;} blockquote .bqtitle { color:#000;font-weight:bold;font-size:18px;padding:10px 20px;border-bottom:2px solid #FFBC11;background:#FFCC11; } blockquote .bqtitle_cubeimg { width:60px; height:35px; background:url("images/funtall-bqtitle-cubeimg-01a-60x35.png"); float:right; margin:7px 10px; } blockquote .bqinfo_v1 { font-size:11px;margin:10px;line-height:150%; } blockquote .bqinfo { font-size:11px;margin:10px 20px;line-height:150%; } blockquote .bqlist { font-size:11px;margin:10px;line-height:150%;width:200px;display:inline-block; } blockquote .bqimage { float:left;margin:10px 15px 15px 10px; } blockquote p { color:#000; font-weight:normal; font-size:0.8em; padding:10px; margin:0px !important; } #content .AllPayBox a:hover {color:#FD3 !important;} #content .paybox {margin: 10px 10px;padding: 10px 15px; border-radius: 9px; background: #A40005;color:#FFF !important;text-shadow: 0px 0px 3px #000;font-size: 20px;display: inline-block;} #content .paybox a:hover {} /** ##### BOX FORMAT & Styles ##### **/ #content .box_format_a { border-radius: 0px; box-shadow:1px 1px 0px rgba(0,0,0,0.25); } #content .box_format_b { border-radius: 9px; box-shadow:1px 1px #D0D0D0; } /* origional style, 保留!勿改! */ #content .box_format_c { border-radius: 2em; box-shadow:0px 0px 2px #C5C590; } #content .box_format_d { } /* no format */ #content .box_format_at { border-radius: 0px 0px 0 0; box-shadow:1px 1px 0px rgba(0,0,0,0.25); } #content .box_format_ab { border-radius: 0 0 0px 0px; box-shadow:1px 1px 0px rgba(0,0,0,0.25); } #content .box_format_atb { border-radius: 15px 15px 15px 15px; box-shadow:1px 1px 0px rgba(0,0,0,0.25); } /** Sidebar **/ #content .sidebar { width:220px;float:right;padding:0px;margin:0px 2px 40px 0px; } #content .sheader { height:250px; padding:25px 20px; background-image:linear-gradient(#FFCC11, #FFCC22 50%); border-top:dashed 2px; border-bottom: dashed 2px; } #content .smenu { height:auto; padding: 20px 20px 30px 20px; background:#FFF; } #content .smenu .smenu_item { font-size:16px; font-weight:bold; padding:12px 15px; border-bottom:1px solid #EED; } #content .sfloor { height:50px; border-top:4px solid #CCB; display:none; } #content .sidebar .fblikebox { margin-top:30px; width:220px; height:220px; background:url('/home/property/images/facebook-like-funtall-2016-01c.png') no-repeat #FFF; } #content .sidebar .lineatbox { margin-top:30px; width:220px; height:458px; background:url('/home/property/images/line-at-funtall-2016-01a.png') no-repeat #FFF; } #content .sbox { width:260px; float:left; margin:10px 0px; padding:20px; border:rgb(230,230,230) 1px solid; } #content .sbox .sbox_boxL1 { width:400px; /*height:100px;*/ display:inline-block; min-height: 100px; } #content .sbox .sbox_image { width: 90px; height:90px; float:left; margin:0px 5px 0px 0px;} #content .sbox .sbox_texts { } #content .sbox .sbox_title { margin: 0px 5px; font-weight:bold; } #content .sbox .sbox_infos { margin: 5px; font-size:0.8em; } #content .sbox .sbox_infos p { margin: 0px; font-size:110%; } /** WATERFALL POST COLUMN, for specific category **/ #content .waterfall_wrapper { width: 100%; margin: 0px auto; } #content .waterfall_columns { -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-fill: auto; -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-fill: balance; column-count: 3; column-gap: 15px; column-fill: auto; } #content .waterfall_post { display: inline-block; background: #FEFEFE; border: 8px solid #FFF; border-radius: 5px; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); margin: 0 2px 15px; width:90%; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -column-break-inside: avoid; } #content .waterfall_image { width:100%; padding-bottom:0px; } #content .waterfall_title { font-size:12px; font-weight:bold; } #content .waterfall_desc { font-size:12px; font-weight:normal; } #content .waterfall_desc p { font-size:12px; font-weight:normal; } /** Gallery Information **/ #content .gallery-info { line-height:1.5em; margin:30px 0; display:inline-block; background:#EED; padding:15px 25px; } #content .gallery-title { font-size:14px; font-weight:bold; text-decoration:underline; color:#D02010; } #content .gallery-desc { font-size:12px; font-weight:normal; } /** POST COLUMN BOX / For Search & Archive **/ #post_column { width: 700px; margin:0px; float:left; } /* 620 */ #content .fbox { width:99%; margin:0px 5px 20px 0px; padding:20px 20px 15px 20px; display:inline-block; background:#FFF;} #content .fp_lbox { width:100%; margin:0px;padding:0px; float:left; } #content .fp_lbox .fp_lbox_info { display:inline-block; width:calc( 100% - 380px ); } #content .fp_lbox .fp_lbox_title { margin:10px 0px 10px 0px; padding:0px; font-size:16px; font-weight:bold;color:#000;} #content .fp_lbox .fp_lbox_txt { margin: 0px 0px 10px 0px;padding: 0px; } /* m0-20-10-10,p10 */ #content .fp_lbox .fp_lbox_txt p { font-size: 13px;color:#000;margin:0px; } #content .fp_lbox .fp_lbox_item { margin:30px 0 15px 0; } #content .fp_lbox .fp_lbox_model { background: #333;padding:0px 15px; } #content .fp_lbox .fp_lbox_color { line-height:0;width:15px;height:15px; vertical-align:middle; } #content .fp_lbox .fp_lbox_itemformat { font-weight:normal; font-size:0.5em; display:inline-block; color:#FFF; border-radius:5px; border:2px solid #F5F5F5; box-shadow:1px 1px 0px rgba(0,0,0,0.3); } #content .fbox .fp_lbox_img { width:360px; margin:0px 20px 10px 0px; float:left; max-width:100%; /* box-shadow:1px 1px 0px rgba(0,0,0,0.25);*/ } #content .fp_lbox_img .fp_lbox_cattxt { position:absolute; top:0px; left:0px; padding: 5px; text-align:right; background:#800517; color:#E0E0E0; } #content .search_info { font-size: 16px; margin:20px 20px 20px 0px; } /** Search Result Text **/ #content .posted {margin:0;padding:0;font-size:0.9em;letter-spacing:1px;font-variant:small-caps;color:rgb(160,160,160);line-height: 1.2em;} #content a:link, a:visited {color:rgb(0,0,0);font-weight:bold;text-decoration:none;} #content a:hover, a:active {color:rgb(0,0,0);font-weight:bold;text-decoration:none;} #content .post a:link, a:visited {color:rgb(0,0,0);font-weight:bold;text-decoration:none;} #content .post a:hover, a:active {color:rgb(0,0,0);font-weight:bold;text-decoration:none;} /** search query **/ #content .search-user-term {font-size:15px;margin:0px 0px;} /* Font of POST Title & Category Title */ #content h1 { margin: 0px;padding: 8px 0px 8px 0px;font-size: 26px; color:#000;} #content h2 { margin:30px 0px 30px 0px;padding: 0px;font-size: 22px; } /* Font of NOT-FOUND message & POST Sub-Title */ #content h3 { margin: 30px 0px 30px 0px;padding: 0px;font-size: 18px; } /* Search, Single, Archive Title */ #content h4 { margin:0px; padding:25px 15px 20px 15px; font-size:0.8em; } #content .funtall_home_link { background: url('/home/property/images/funtall-home-icon-02a.png') no-repeat; width:18px; height:15px; display:inline-block; } /* Large Yellow Banner Titile in Page */ #content h5 { margin: 0px 0px 20px 0px;padding: 8px 20px;background:#FFCC11;} /* font of Sub-Title in POST */ #content h6 { margin: 30px 0px 10px 0px; padding: 0px 0px 0px 0px; } /* SPECIAL FONT EFFECT */ #content .grey-center-125 { font-weight:normal; text-align:center; color:#909090; font-size:1.25em; } #content .grey-center-150 { font-weight:normal; text-align:center; color:#909090; font-size:1.50em; } #content .dashbg-center-125 { font-weight:normal; text-align:center; color:#000; font-size:1.25em; background:url("images/bg-dashline-01a.gif"); padding:5px 0px; } #content .comments {float:right;background:url(images/icon-comments.gif) no-repeat left;padding-left:15px;} #content .category {background:url(images/icon-category.gif) no-repeat left;padding-left:12px;} /** ##### Content : InfoBox on HomePage ##### **/ #content .InfoBoxSlideShow {width: 920px;margin: 0 auto;background: rgb(255,255,255);} /* For Title Box/Bar */ #content .InfoBoxWide {width:900px;padding:10px;margin:10px 40px 0px 40px;background:#D02010;float:left;} #content .InfoBoxWideCenter {width:900px;padding:10px;margin:10px 0px 10px 0px;background:#D02010;} #content .InnerTitle {font-size:14px;font-weight:bold;margin:0px;padding:0px 10px;display:inline;color:#FFF;text-shadow:0 0 3px #000;} #content .InnerLink {font-size:12px;font-weight:bold;margin:0px;padding:0px 10px;display:inline;float:right;text-shadow:0 0 3px #000;} #content .InnerLink a {color:#FFF;} #content .InfoBoxWideEmpty { width:920px; float:left; padding:0px; margin: 0px 40px; -moz-column-gap: 10px;-moz-column-fill: balance;-webkit-column-gap: 10px;-webkit-column-fill: balance; /* column-count: 3; */ column-gap: 10px;column-fill: balance;float:left; } #content .InfoBoxInner { width: 200px;float: left;margin: 10px 0px;padding: 15px;} #content .InfoBoxInner .InnerImg { display: inline-block; float: left; } #content .InfoBoxInner .InnerImgC { display: inline-block; float: left; border-radius: 50px;} #content .InfoBoxInner img {} #content .InfoBoxInner .InnerInfo { display: inline-block; float: left; padding: 10px;} /** post_info_boxL1 : POST Box at Home Page for general post **/ #content .post_info_box { border:0px;float:left; margin:40px 0px 30px 0px; } #content .post_info_boxL1 { width:285px;height:350px;float:left;padding:0px;margin:0px 10px 20px 10px; position:relative; } #content .post_info_boxL1:hover { } #content .post_info_boxL3 { width:210px; height: 360px; float:left; padding:0px;margin:10px; position:relative; } #content .post_info_boxL3:hover { } #content .post_info_image { width:210px; display:inline-block; float:left; border-bottom:0px solid #FD3; } #content .post_info_image1 { width:180px; display:inline-block; float:left; border-bottom:0px solid #FD3; } #content .post_info_image2 { width:210px; display:inline-block; float:left; } #content .post_info_image3 { width:180px; display:inline-block; float:left; border-bottom:0px solid #9C3; } #content .post_info_imageR { width:285px; display:inline-block; float:left; } #content .post_info_imageR img { box-shadow:1px 1px 0px rgba(0,0,0,0.25);} #content .post_info_imageC { width:210px; display:inline-block; float:left; } #content .post_info_imageC img { box-shadow:1px 1px 1px rgba(0,0,0,0.25); border-radius:50%;} #content .post_info_texts { display:inline-block; padding:15px; } #content .post_info_title { margin:0px;font-size:16px;padding:0 0 10px 0;font-weight:normal;border-bottom:1px solid #555;} #content .post_info_infos { margin:0px; font-size:0.8em; padding:10px 0px; } #content .post_info_infos p { margin: 5px 0px; font-size:13px; font-weight: normal; color:#909090; } #content .post_info_tag { font-size:12px; padding:8px 20px; position:absolute; bottom:0px; background:#F1F2F3; width:170px; border-top:1px solid #D1D2D3; display:none; } /* Light Green Original, #C6Ed28 */ #content .post_info_tag1 { font-size:12px; padding:10px; position:absolute; bottom:0px; right:15px; background:#CE2; border-radius:5px 5px 0 0; } /* Light Green #CE2~CE5 */ #content .post_info_tag2 { font-size:12px; padding:5px 20px; position:absolute; bottom:0px; background:#F1F2F3; width:170px; border-top:1px solid #D1D2D3; } /* Light Yellow #FF5 #FF6 */ #content .post_info_tag3 { font-size:12px; padding:8px 20px; position:absolute; bottom:0px; background:#F1F2F3; width:170px; border-top:1px solid #D1D2D3; } /* Light Blue #3DE #AEE, r=15, r=5-5-0-0 */ #content .post_info_tag a { color:#BBB; font-weight:normal; } #content .post_info_tag1 a { color:#BBB; font-weight:normal; } #content .post_info_tag2 a { color:#BBB; font-weight:normal; } #content .post_info_tag3 a { color:#BBB; font-weight:normal; } #content .post_info_extra { display:none; font-size:0.7em;color:#FFF;background:#D02010;border-radius:50%;float:right;padding:20px 15px; } #content .shadowoi {position:absolute;width:180px;height:100px;top:15px;left:15px;box-shadow:0 0 5px 1px #808080 inset;} /** post_info_boxL2 : content box zone for Hot News **/ #content .post_info_boxL2 { width:210px; float:left; padding:0 0 0px 0; margin:10px; background:#fff; position:relative; } #content .post_info_boxL2:hover { transition:all 0.1s ease 0s;box-shadow:0px 0px 1px 2px #995;} /** Main Page Obj/Img/Text Format **/ #content .format_center {text-align:center;} #content .format_wider {letter-spacing:5px;} #content .format_none {display:none;} /** PAGE **/ #content .page_item_small { font-size:0.8em; margin:10px 0px 10px 5px; line-height:150%; } /** SHOP **/ #content .shop_info_rule { text-align:center;margin-bottom:25px;border-bottom:10px solid #D0D0D0; } #content .shop_item_info { width:200px;height:30px;background:#000;opacity:0.75;position:absolute;left:0px;bottom:0px;color:#fff;padding-top:10px;font-size:15px;text-align:center;} #content .shop_item_notice {background: #D02010;height: 55px;width: 40px;border-radius:0 0 20px 20px;box-shadow:2px 2px 2px #333;position:absolute;right:20px;top:-2px;} #content .shop_item_notice1 {} #content .shop_item_notice_desc {width:20px;font-size:15px;font-weight:normal;z-index:100; position:absolute; left:12px; top:5px; color:#FFF;} /** Product Sector Page **/ #content .product_sector_title { font-weight:bold; font-size:3em; margin:10px 0px 20px 0px; } #content .product_sector_block { text-align:center; } #content .product_info_item4 { width:20%; display:inline-block; margin: 0px 1% 30px 1%; } /* 4 items, 20% */ #content .product_info_item2 { width:46%; display:inline-block; margin: 0px 1% 30px 1%; } /* 2 items, 46% */ #content .product_info_item3 { width:30%; display:inline-block; margin: 0px 1% 30px 1%; } /* 3 items, 30% */ #content .product_info_photo { margin-bottom:0px; } #content .product_info_all { height:80px; } #content .product_info_name { font-weight:bold;font-size:0.75em;line-height:120%; padding:5px; min-height:32px; } #content .product_info_name2 { font-weight:bold;font-size:0.75em;line-height:120%; padding:5px; } #content .product_info_desc { font-weight:normal; font-size:0.7em; } #content .product_info_model { font-weight:normal; font-size:0.6em; color:#A0A0A0; display:none; } #content .product_info_price { font-size:0.75em; } #content .product_info_price_discount { display:none;font-weight:bold; font-size:1.1em; color:#D02010; padding:0px 0px; } #content .product_info_price_msg { background:#D21;color:#FFF; padding:1px 3px;margin-left:5px;border-radius:5px; } /* #content .product_info_status { font-weight:bold; font-size:0.8em; color:#D02010; padding:0px 0px; } */ #content .product_info_style { background-image:-webkit-linear-gradient(top,#f5f5f5,#e1e1e1); background-image:linear-gradient(top,#f5f5f5,#e1e1e1); border:1px solid #D0D0D0; border-radius:5px; margin-bottom:5px; } #content .product_info_style2 { background:#FFF; border-bottom:0px solid #D0D0D0; border-radius:5px;margin-bottom:0px; } #content .product_info_style_top { background:#F1F1F1; border-radius:2px; } #content .no_show { display:none; } /** Testimonial **/ #content .testimonial_all { width:100%; display:inline-block; } #content .testimonial_box_v1 { max-width:750px; margin:20px 0; padding:20px; background:#F1F1F1; border-radius:9px; line-height:180%; border-bottom:1px solid #D0D0D0; } #content .testimonial_box { max-width:750px; margin:20px 0; padding:20px; background:#F1F1F1; border-radius:9px; line-height:180%; border:1px solid #D0D0D0; } #content .testimonial_image { float:left;margin:5px 15px 15px 0px;border:8px solid #FFCC11;height:90px;border-radius:50%; } #content .testimonial_image img { border-radius:50%; } #content .testimonial_title_v1 { color:#A02020;font-weight:bold;font-size:18px;padding:10px;border-bottom:3px dotted #FFF; } #content .testimonial_title { color:#000;font-weight:bold;font-size:18px;padding:10px;border-bottom:1px solid #DDD; } #content .testimonial_info { font-size:12px;color:#AAA; } #content .testimonial_link { font-size:12px;line-height:150%; text-decoration:underline; } #content .testimonial_desc { font-size:12px;margin:10px;line-height:150%; } /** Spacer Types **/ #content .spacer_thin { width: 100%;height: 1px;background: rgb(200,200,200);margin: 1px 0px 0px 0px;float: left;} #content .spacer_thick { width: 100%;height: 3px;background: rgb(200,200,200);margin: 2px 0px 0px 0px;float: left;} #content .spacer_thin_style2 { width: 100%;height: 1px;background: rgb(200,200,200);margin: 0px 0px 0px 0px;} #content .spacer_10 { width: 100%; height: 10px; } #content .spacer_30 { width: 100%; height: 30px; } #content .spacer_50 { width: 100%; height: 50px; } /** ##### Footer ##### **/ #footer {width:100%;color:#000;margin-top:1px;background:url('/home/property/images/funtall-bg-logo-address-2016a2.png') no-repeat scroll 0% 100% #FFF;} #footer .dashline { background:url("images/bg-dashline-01a.gif"); height:10px; width:100%; margin-top:3px; } #footer .footer_box { min-height:230px; width: 900px;padding:0px; margin:0 auto; line-height:150%; } #footer .footer_social { text-align:center;margin:40px 0px 10px 0px; } #footer .footer_icon { margin:0px 5px; display:inline-block; } /** ##### Credits ##### **/ #credits { height:auto;padding:0px 0px 25px 0px;margin-bottom:0px !important; background-image:linear-gradient(#FFBC00, #FFCC11 75%); } #credits .dashline { background:url("images/bg-dashline-02a.png"); height:10px; width:100%; margin-top:3px; } #credits .credit_back { margin: 15px 20px 1px 1px; float:right; } #credits .credits_links { font-size:0.75em; padding:5px 0px 0px 0px;margin:15px 0 0 30px;} #credits .credits_imgitem { display:inline-block;vertical-align:baseline;margin-right:10px; } #credits .credits_linkitem { display:inline-block; } #credits .copyrights { font-size:0.6em; margin:0px 0px 0px 30px; } #credits a { font-weight:bold; text-decoration:none; } /** ##### The General Setting ##### **/ #header, #content, #sidebar, #footer, .widget { overflow: hidden; } /** ##### Resolution Adjustment ##### **/ @media (min-width:680px) and (max-width:1000px) { /** 680-1000, display 640 mode **/ #logo { width: 640px; } #main { } #main .res_style { display:none !important; } #main .res_style_inverse { display:block !important; } #topmenu { width: 640px; } #topslide { width: 100%; } /* 640 */ #content { width: 640px; } #content .InfoBoxSlideShow { width: 560px; } #content .InfoBoxWide { width: 540px; } #content .InfoBoxWideEmpty { width: 560px; } #content .post { width: 100%; } /* 560 */ #content .post_box .post_box_inner { padding: 40px !important; } #content .post_info_box { margin-top: 40px; } #content .post_info_box .post_info_boxL1 { width:255px; } #content .post_info_box .post_info_boxL2 { margin:15px 35px !important; } #content .post_info_box .post_info_boxL3 { margin:15px 35px !important; } #content .post_info_imageR { width:255px; } #post_column { width: 600px; } /* 520px */ #content .descbox_l { width:47%; } #content .sidebar { width:560px; float:left; margin-left:20px; display:none; } #content .sheader { width:240px; float:left; } #content .smenu { width:220px; float:left; } #content .sfloor { display:none; } #content .pd_poster_img_l { margin-left:80px; } #content .pd_poster_img_r { margin-left:80px; } #content .pd_poster_txt_l { width: 480px; margin-left:80px; } #content .pd_poster_txt_r { width: 480px; margin-left:80px; padding-top:10px; } #footer .footer_box { width: 540px; padding:0px;} #credits { } #content .product_info_item4 { width:46%; } #content .product_info_item3 { width:46%; } } @media (min-width:500px) and (max-width:680px) { /** 500-680, display 480 mode **/ #logo { width: 480px; } #main { } #main .res_style { display:none !important; } #main .res_style_inverse { display:block !important; } #topmenu { width: 480px; } #topmenu .menu_item { font-size: 13px; } #topslide { width: 100%; } #main_product .main_product_title { margin-left:25px; font-size:15px; padding:3px 0px 2px 20px; } #content { width: 480px; padding:0px 0px 0px 0px; } #content .InfoBoxSlideShow { width: 440px; } #content .InfoBoxWide { width: 420px; margin:0px 20px; } #content .InfoBoxWideEmpty { width: 440px; margin:0px 20px; } #content .post { width: 100%; } #content .post_box .post_box_inner { padding: 40px !important; } #content .post_info_box { margin-top: 20px; } #content .post_info_box .post_info_boxL1 { width:210px; margin:0px 5px 10px 5px !important; } #content .post_info_box .post_info_boxL2 { margin:10px 5px !important; } #content .post_info_box .post_info_boxL3 { margin:10px 5px !important; } #content .post_info_imageR { width:210px; } #post_column { width: 360px; } #content .post_title { font-size: 1.1em; } #content .post_floor { height:50px !important; } #content .descbox_l { width:100%; } #content .sidebar { width:400px; float:left; margin-left:20px; display:none; } #content .sheader { width:160px; float:left; } #content .smenu { width:140px; float:left; } #content .sfloor { display:none; } #content .fp_lbox .fp_lbox_info { width:100%; } #content .pd_poster_img_l { margin-left:0px; } #content .pd_poster_img_r { margin-left:0px; } #content .pd_poster_txt_l { width:360px; margin-left:60px; } #content .pd_poster_txt_r { width:360px; margin-left:60px; padding-top:10px; } #footer .footer_box { width: 460px; padding:0px 10px; } #footer .footer_box_hf { display:none; } #credits { } #content .product_info_item4 { width:46%; } #content .product_info_item3 { width:46%; } } @media (max-width:500px) { /** 0-500, display 90% mode **/ #logo { width: 100%; padding-left:25px !important; display:none; } #logo .head_right { display:none; } #main { overflow-x:hidden; } #topmenu_bg { display:none; } #topmenu { display:none; } #topmenu .menu_fb_share { display:none; } #topmenu { width:100%; padding: 0px 25px; } #topmenu .menu_item { font-size: 13px; } #topmenu .menu_item_s { font-size: 11px; } #topslide { width: 100%; } #main_product .main_product_title { margin-left:25px; font-size:15px; padding:3px 0px 2px 20px; } #main_poster .saying_style { font-size:1.7em; } #content { width: 100%; } #content .InfoBoxSlideShow { width: 560px; } #content .InfoBoxWide { width: 85%; margin:10px 5%; } #content .InfoBoxWideEmpty { width: 75%; margin:0 12%; padding-top:25px; } #content .InnerTitle { font-size:12px; } #content .post { width: 100% !important; margin:0px 0% 20px 0%; } /* 90, 0-5-20-5 */ #content .post_box { padding: 0px; } /* 20 */ #content .post_box .post_box_inner { padding: 30px 30px 40px 30px; } #content .post_box .post_title { font-size: 1.1em; margin:0px 0px 20px 0px; width:calc( 100% - 30px ); } #content .post_info_box { width: 100%; margin:20px 0px 0px 0px; } #content .post_info_boxL1 { width: 100%; height:auto; margin:0px 0px 20px 0px; } #content .post_info_boxL2 { width: 100%; height:auto; margin:10px 0px; } #content .post_info_boxL3 { width: 100%; height:auto; margin:10px 0px; } #content .post_info_image { width: 360px; max-width:100%; } #content .post_info_imageR { width: 360px; max-width:100%; } #content .post_info_imageC { width: 360px; max-width:100%; } #content .post_info_texts { width: auto; height:auto; } #content .post_info_tag { display:none; width:90%; padding:8px 5%; position:relative; } #content .post_title { font-size: 1.1em; } #content .imgbox_product { width:100%; } #content .cubic_times_title { font-size:85%; } #content .post_floor { height:50px !important; } #content .sidebar { width:220px; margin:0px 50px 0px 0px; display:none; } #content .fp_lbox .fp_lbox_info { width:100%; } #content .fp_lbox .fp_lbox_title{ margin-top: 10px; /* float: left; */ } #content .fp_lbox .fp_lbox_txt { /* float: left; */ } #content h4 { font-size:0.8em; margin:0px; padding:15px;} #post_column { width:75%; margin-left:8%; } /* w=85%, m-left=2% */ #content .waterfall_wrapper { width: 90%; } #content .waterfall_columns { -webkit-column-count: 2;-moz-column-count: 2;column-count: 2; } #content .waterfall_post { border: 5px solid #FFF; } #content .waterfall_title { font-size:13px; } #content .waterfall_desc { display:none; } #content .pd_poster_img_l { margin-left:0px; } #content .pd_poster_img_r { margin-left:0px; } #content .pd_poster_txt_l { width:80%; margin-left:10%; } #content .pd_poster_txt_r { width:80%; margin-left:10%; padding-top:10px; } #footer .footer_box { width:330px; padding:0px 10px; } #credits { } #content .product_info_item4 { width:46%; } #content .product_info_item3 { width:46%; } } /** END OF CSS, www.funtall.com.tw **/