/* 一般型態CSS !important */ @media screen and (min-width:160px) and (max-width:559px){ .RWD_1 {float:none;display:none; border:0px #00FF00 solid;padding:0px;} /* 左方區塊自動隱藏 */ .RWD_1a {float:none;display:none !important;; border:0px #00FF00 solid;padding:0px;} /* 左方區塊自動隱藏 */ .RWD_2 {float:none; width:100% !important; border:0px #0000FF solid;padding:0px; } /* 自動橫排變直列 */ .RWD_3 {float:none;width:100% !important;height:auto !important; border:0px #0000FF solid;} .RWD_3a {float:none;width:90% !important; border:0px #0000FF solid;} .RWD_3b {float:none;width:100% !important; border:0px #0000FF solid;} .RWD_5z {float:left; width: 32vw !important; height: 32vw !important;border:0px #0000FF solid;padding:1px; box-sizing:border-box;} .RWD_5z {float:left; width: 25% !important; height: 0 !important;padding-bottom:25% ; background-size:contain !important;background-position:0px 0px !important; border:1px #FFFFFF solid;} .RWD_5b {float:none; width:100% !important; border:0px #0000FF solid;padding:0px;} /* 1 並排 2並排 3 手機垂直 類似rwd2*/ .RWD_4a {float:none; width:100% !important; padding-bottom:66.28% ;border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_4b {float:left; width:32.5% !important; height: 0px !important; padding-bottom:14.8% ;border:1px #FFFFFF solid;background-Repeat:no-repeat; } .RWD_5a {float:left; width:32% ; b height:auto !important; order:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-Repeat:no-repeat;} /* 拼貼專用 暫停使用 */ .RWD_5 {float:left; width:100% ; height: 0 !important;padding-bottom:100% ; border:1px #FFFFFF solid;background-Repeat:no-repeat;} /* 拼貼專用 暫停使用 */ .RWD_6a {float:left; width:100% ; border:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-Repeat:no-repeat;} .RWD_6 {float:left; width:100% ; height: 0 !important;padding-bottom:100% ; border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_7 {float:none; width:99% !important; height:auto !important; border:0px #FFFFFF solid;background-Repeat:no-repeat;margin:2px;} .RWD_7a {float:left; border:0px solid;background-Repeat:no-repeat; margin:2px;} .RWD_8 {float:left; border:1px #FFFFFF solid;background-Repeat:no-repeat;} /* 拼貼專用 172 128 */ .RWD_8a {float:left; border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_9 { width:95% ; height:auto !important; padding:0px; margin:1px; border:0px #FF0000 solid;border-radius: 50%;} /*mod044 圓角圖片 */ .RWD_9a { float:left;width:95% ; padding:0px; margin:1px; border:0px #FF0000 solid; } /* 外框表格 */ .RWD_10 { font-size: 24px !important; } /* 41號版文字 */ .RWD_10a { font-size: 16px !important; } /* */ .RWD_10b { font-size: 12px !important; } /* */ .RWD_11 { width:99% !important; height:auto !important; border:0px #FFFFFF solid;background-Repeat:no-repeat;margin:2px;} /* 與7相同不靠左 */ .RWD_12a {width:99% !important; height:auto !important; border:0px #EEEEEE solid;border-collapse: collapse; } /* 於元件中設定寬高，手機板中自動95% */ .RWD_12b {width:99% !important; height:auto !important; border:1px #EEEEEE solid;} .RWD_13 {display:block; } /* 電腦版隱藏，手機平板顯示 */ .RWD_13b { display:block; } /* 電腦平板 隱藏，手機顯示 */ .RWD_13c { display:none; } /* 電腦平板 顯示，手機隱藏 */ 1 .RWD_14a { max-width:100% !important; max-height:100% !important; border:0px #FFFFFF solid; margin:1px; } /* 圖片靠左 */ .RWD_14b { max-width:100% !important; max-height:100% !important; border:0px #FFFFFF solid; margin:1px; } /* 圖片置中 */ .RWD_14c { max-width:100% !important; max-height:100% !important; border:0px #FFFFFF solid; margin:1px; } /* 圖片靠左 */ .RWD_15 { width:320px !important; overflow-x:scroll;overflow-y:hidden ; border:0px #FF0000 solid; margin:1px; } .RWD_16 { width:345px !important; height:auto; !important; ;overflow-x:scroll;overflow-y:hidden ; border:0px #0000FF solid; } .RWD_16a { width:1920px !important; height:auto !important; border:0px #FF0000 solid; } .RWD_16b { float:left; width:300px !important; border:0px #FFFFFF solid; } .RWD_17 { width:345px !important; height:194px !important; } /* youtube */ .RWD_17a { width:345px !important; } /* GoogleDoc */ .RWD_18 { width:345px !important; height:auto; !important; ;overflow-x:scroll;overflow-y:hidden ; border:0px #0000FF solid; } /* mod332 */ .RWD_18a { width:1920px !important; height:auto !important; border:0px #FF0000 solid; } /* mod332 */ .RWD_18b { float:left; border:0px #FFFFFF solid; } /* mod332 */ .Rbig {float:none;width: 100%; border:0px #EEEEEE solid; } /* height: auto !important;*/ .P_LNN_100_100 {float:none;width: 100% !important; background-size:contain !important;background-position:0px 0px !important;border:0px #FF00FF solid;} /* 主大圖 background-size:100%; height: auto !important; */ .P_LNN_33_33_33 {float:left;width: 32% !important; background-size:contain !important;background-position:0px 0px !important;border:0px #0000FF solid;;margin:1px;} .P_LNN_33_33_100 {float:left; width: 100% !important;border:0px #0000FF solid;padding:1px; box-sizing:border-box;} .P_NLL_33_33_33 {float:left; display:block; width: 33% !important; border:0px #FF0000 solid;padding:0px;} /* 商品分類 改橫向圖片 vw 顯示畫面百分比 */ .P_LLL_50_50_50 {float:left; display:block; width: 49% !important;border:0px #FF0000 solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_50_50_50_B2 {float:left; display:block; width: 49% !important;border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_100_100_B2 {float:left; display:block; width: 100% !important; ;border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_50_B {float:left; display:block;width: 49% !important; border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .PB_LLL_50_50_50 {float:left; display:block; width: 100% !important; border:0px #EEEEEE solid;padding:5px; border-radius: 5%;margin:1px;vertical-align: middle; } /* 圖片 50% 左右 加邊框 */ .P_LLL_100_100 {float:left; display:block; width: 100% !important; border:0px #FF0000 solid;padding:0px;} /* 商品分類 改橫向圖片 */ .Rb_L_H_H {display:none; border:0px #00FF00 solid;margin:1px;float:none;} .RDiv1000 {float:none; width:100% !important; border:0px #000000 solid;padding:0px; background-size:cover !important;} .RDiv1000B {float:none; width:100% !important; border:0px #000000 solid;padding:0px;} .RDiv1000C {float:none; width:100% !important;height:auto !important; border:0px #000000 solid;padding:0px;} .R_NNN_100_100 {float:none; width:100% !important; border:0px #EEEEEE solid;padding:0px;} /* 表格外框 */ .R_NLL_50_50 {float:left; border:0px #EEEEEE solid;padding:0px;} /* 最新消息外框 */ .R_NNN_100 {float:none; width:100% !important; border:0px #FF0000 solid;padding:0px;} /* 表格外框 */ .R_LNN_100_100 {float:none; width:100% !important; border:0px #0000FF solid;padding:0px; } .R_LLN_100_100 {float:none; width:100% !important; border:0px #0000FF solid;padding:0px; } .R_LHH {float:left; display:none; border:0px #FF0000 solid;padding:0px;} /* 左邊 登入 分類 友情連結 區塊 只顯示在1024 */ .R_LNN {float:none; border:0px #FF0000 solid;padding:0px;text-align:center;} /* 左邊LOGO改上面 */ .R_NHH {float:none; display:none; border:0px #FF0000 solid;padding:0px;} /* 商品分類 只顯示在1024 */ .R_NLL {float:left; border:0px #EEEEEE solid;padding:0px;} /* 直式改橫式浮動 */ } @media screen and (min-width:560px) and (max-width:768px) {/* 10" ipad, nexus 10 overflow-y:scroll; */ .RWD_1 {float:left; display:block; border:0px #FF0000 solid;padding:0px;} /* 左方區塊自動隱藏 */ .RWD_1a {float:none; display:block; border:0px #FF0000 solid;padding:0px;} /* 左方區塊自動隱藏 */ .RWD_2 {float:left; border:0px #FF0000 solid;padding:0px; } /* 自動橫排變直列 */ .RWD_3 {float:left !important;; border:0px #0000FF solid;} .RWD_3a {float:left !important;; border:0px #0000FF solid;}/* mod007專用 */ .RWD_3b {float:none; border:0px #0000FF solid;} .RWD_4a {float:left; width:67% ; height: 0px !important; padding-bottom:44.4% ;border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_4b {float:left; width:31.4% ; height: 0px !important; padding-bottom:14.8% ;border:1px #FFFFFF solid;background-Repeat:no-repeat; } .RWD_4c {float:left; width:32% ; height: 300px !important;border:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-size:100%;background-position: 0px 0px;background-Repeat:no-repeat;} .RWD_5a {float:left; width:32% ; height: 300px !important;border:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-Repeat:no-repeat;} /* 拼貼專用 暫停使用 */ .RWD_5 {float:left; width:100% ; height: 0 !important;padding-bottom:100% ; border:1px #FFFFFF solid;background-size:100%;background-position: 0px 0px;background-Repeat:no-repeat;} /* 拼貼專用 暫停使用 */ .RWD_5b {float:left; border:0px #FF0000 solid;padding:0px; } /* 1 並排 2並排 3 手機垂直 類似rwd2*/ .RWD_6a {float:left; width:100% ; border:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-Repeat:no-repeat;} .RWD_6 {float:left; width:100% ; height: 0 !important;padding-bottom:100% ; border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_7 {float:none; border:0px #FFFFFF solid;background-Repeat:no-repeat;margin:2px;} .RWD_7a {float:left; border:0px solid;background-Repeat:no-repeat; margin:2px;} .RWD_8 {float:left; border:1px #FFFFFF solid;background-Repeat:no-repeat;} /* 拼貼專用 172 */ .RWD_8a {float:left; border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_9 { padding:0px; margin:1px; border:0px #FF0000 solid;border-radius: 50%;} /* 圓角圖片 mod044版*/ .RWD_9a { float:left; padding:0px; margin:1px; border:0px #FF0000 solid; } /* 外框表格 */ .RWD_10 { font-size: 44px; } /* 41號版文字 */ .RWD_10a { font-size: 30px; } /* */ .RWD_10b { font-size: 16px; } /* */ .RWD_11 { border:0px #FFFFFF solid;background-Repeat:no-repeat;margin:2px;}/* 與7相同不靠左 */ .RWD_12a {border:0px #EEEEEE solid;border-collapse: collapse;} /* 於元件中設定寬高，手機板中自動95% */ .RWD_12b {border:1px #EEEEEE solid;} .RWD_13 { display:none; } /* 電腦版隱藏，手機平板顯示 */ .RWD_13b { display:none; } /* 電腦平板 隱藏，手機顯示 */ .RWD_13c { display:block; } /* 電腦平板 顯示，手機隱藏 */ .RWD_14a { float:left; border:0px #FFFFFF solid; margin:1px; } /* 圖片靠左 */ .RWD_14b { border:0px #FFFFFF solid;margin:1px; } /* 圖片置中 */ .RWD_14c { float:right; border:0px #FFFFFF solid; margin:1px; } /* 圖片靠左 */ .RWD_15 { border:0px #FFFFFF solid; margin:1px; } /* 討論區 */ .RWD_16 { width:100% !important;; border:0px #FFFFFF solid; } /* mod331 */ .RWD_16a { width:100% !important;; border:0px #FFFFFF solid; } /* mod331 */ .RWD_16b { float:left; width:33% !important;; border:0px #FFFFFF solid; } /* mod331 */ .RWD_17 { } /* youtube */ .RWD_17a { } /* GoogleDoc */ .RWD_18 { width:700px !important;; overflow-x:scroll;overflow-y:hidden ;border:0px #FFFFFF solid; } /* mod332 */ .RWD_18a { width:1920px !important; border:0px #0000FF solid; } /* mod332 */ .RWD_18b { float:left; border:0px #FFFFFF solid; } /* mod332 */ .Rbig {float:left; border:0px #EEEEEE solid;} .P_LNN_100_100 {float:left;padding:0px;padding:2px; box-sizing:border-box;} /* 大圖或是 最新消息 最新上架 */ .PR_LNN_100_100 {float:left; padding:0px; margin:1px; border:0px #FF0000 solid;border-radius: 10%;border: 0px solid #eee;} /* 大圖或是 最新消息 最新上架 */ .P_LNN_33_33_33 {float:left; border:0px #0000FF solid;padding:1px; box-sizing:border-box;} .P_NLL_33_33_33 {float:none; display:none; border:0px #FF0000 solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_50_50_50 {float:left; display:block; border:0px #FF0000 solid;padding:0px;} /* 圖片 50% 左右 持續 */ .P_LLL_50_50_50_B2 {float:left; display:block; width: 49% !important;border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_100_100_B2 {float:left; display:block; ;border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_50_B {float:left; display:block; border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .PB_LLL_50_50_50 {float:left; display:block; border:0px #EEEEEE solid;padding:5px; border-radius: 5%;margin:1px; display: table-cell;vertical-align: middle; } /* 圖片 50% 左右 加邊框 */ .P_LLL_100_100 {float:left; display:block; border:0px #FF0000 solid;padding:0px;} /* DIV裡面的 圖片 */ .Rb_L_H_H {float:left; display:block; border:0px #FF0000 solid;margin:1px;} .RDiv1000 {float:none; border:0px #000000 solid;padding:0px;} /* 表格外框 */ .RDiv1000B {float:none; border:0px #000000 solid;padding:0px;} /* 表格外框 */ .RDiv1000C {float:none; border:0px #000000 solid;padding:0px;} /* 表格外框 */ .R_NNN_100_100 {float:none; border:0px #EEEEEE solid;padding:0px;} /* 最新消息外框 */ .R_NLL_50_50 {float:none; border:0px #EEEEEE solid;padding:0px;} /* 最新消息外框 */ .R_NNN_100 {float:none; border:0px #FF0000 solid;padding:0px;} /* 小於768的版面專用 */ .R_LNN_100_100 {float:left; border:0px #FF0000 solid;padding:0px; } /* 右邊區塊 最新消息 最新上架 */ .R_LLN_100_100 {float:left; border:0px #FF0000 solid;padding:0px; } /* 右邊區塊 最新消息 最新上架 */ .R_LHH {float:left; border:0px #FF0000 solid;padding:0px;} /* 左邊 登入 分類 友情連結 區塊 只顯示在1024 */ .R_LNN {float:left; border:0px #FF0000 solid;padding:0px;} /* 左邊LOGO改上面 */ .R_NHH {float:none; display:block; border:0px #FF0000 solid;padding:0px;} /* 商品分類 只顯示在1024 */ .R_NLL {float:none; border:0px #EEEEEE solid;padding:0px;} /* 直式改橫式浮動 */ } @media screen and (min-width:769px){/* 10" ipad, nexus 10 */ .RWD_1 {float:left; display:block; border:0px #FF0000 solid;padding:0px;} /* 左方區塊自動隱藏 */ .RWD_1a {float:none; display:block; border:0px #FF0000 solid;padding:0px;} /* 左方區塊自動隱藏 */ .RWD_2 {float:left; border:0px #FF0000 solid;padding:0px; } /* 自動橫排變直列 */ .RWD_3 {float:left !important;; border:0px #0000FF solid;} .RWD_3a {float:left !important;; border:0px #0000FF solid;}/* mod007專用 */ .RWD_3b {float:none; border:0px #0000FF solid;} .RWD_4a {float:left; width:67% ; height: 0px !important; padding-bottom:44.4% ;border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_4b {float:left; width:31.4% ; height: 0px !important; padding-bottom:14.8% ;border:1px #FFFFFF solid;background-Repeat:no-repeat; } .RWD_4c {float:left; width:32% ; height: 300px !important;border:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-size:100%;background-position: 0px 0px;background-Repeat:no-repeat;} .RWD_5a {float:left; width:32% ; height: 300px !important;border:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-Repeat:no-repeat;} /* 拼貼專用 暫停使用 */ .RWD_5 {float:left; width:100% ; height: 0 !important;padding-bottom:100% ; border:1px #FFFFFF solid;background-size:100%;background-position: 0px 0px;background-Repeat:no-repeat;} /* 拼貼專用 暫停使用 */ .RWD_5b {float:left; border:0px #FF0000 solid;padding:0px; } /* 1 並排 2並排 3 手機垂直 類似rwd2*/ .RWD_6a {float:left; width:100% ; border:0px #FFFFFF solid;padding:1px; box-sizing:border-box;background-Repeat:no-repeat;} .RWD_6 {float:left; width:100% ; height: 0 !important;padding-bottom:100% ; border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_7 {float:none; border:0px #FFFFFF solid;background-Repeat:no-repeat;margin:2px;} .RWD_7a {float:left; border:0px solid;background-Repeat:no-repeat; margin:2px;} .RWD_8 {float:left; border:1px #FFFFFF solid;background-Repeat:no-repeat;} /* 拼貼專用 172 */ .RWD_8a {float:left; border:1px #FFFFFF solid;background-Repeat:no-repeat;} .RWD_9 { padding:0px; margin:1px; border:0px #FF0000 solid;border-radius: 50%;} /* 圓角圖片 mod044版*/ .RWD_9a { float:left; padding:0px; margin:1px; border:0px #FF0000 solid; } /* 外框表格 */ .RWD_10 { font-size: 44px; } /* 41號版文字 */ .RWD_10a { font-size: 30px; } /* */ .RWD_10b { font-size: 16px; } /* */ .RWD_11 { border:0px #FFFFFF solid;background-Repeat:no-repeat;margin:2px;}/* 與7相同不靠左 */ .RWD_12a {border:0px #EEEEEE solid;border-collapse: collapse;} /* 於元件中設定寬高，手機板中自動95% */ .RWD_12b {border:1px #EEEEEE solid;} .RWD_13 { display:none; } /* 電腦版隱藏，手機平板顯示 */ .RWD_13b { display:none; } /* 電腦平板 隱藏，手機顯示 */ .RWD_13c { } /* 電腦平板 顯示，手機隱藏 */ .RWD_14a { float:left; border:0px #FFFFFF solid; margin:1px; } /* 圖片靠左 */ .RWD_14b { border:0px #FFFFFF solid;margin:1px; } /* 圖片置中 */ .RWD_14c { float:right; border:0px #FFFFFF solid; margin:1px; } /* 圖片靠左 */ .RWD_15 { border:0px #FFFFFF solid; margin:1px; } /* 討論區 */ .RWD_16 { width:100% !important;; border:0px #FFFFFF solid; } /* mod331 */ .RWD_16a { width:100% !important;; border:0px #FFFFFF solid; } /* mod331 */ .RWD_16b { float:left; width:33% !important;; border:0px #FFFFFF solid; } /* mod331 */ .RWD_17 { } /* youtube */ .RWD_17a { } /* GoogleDoc */ .RWD_18 { width:700px !important;; overflow-x:scroll;overflow-y:hidden ;border:0px #FFFFFF solid; } /* mod332 */ .RWD_18a { width:1920px !important; border:0px #0000FF solid; } /* mod332 */ .RWD_18b { float:left; border:0px #FFFFFF solid; } /* mod332 */ .Rbig {float:left; border:0px #EEEEEE solid;} .P_LNN_100_100 {float:left;padding:0px;padding:2px; box-sizing:border-box;} /* 大圖或是 最新消息 最新上架 */ .PR_LNN_100_100 {float:left; padding:0px; margin:1px; border:0px #FF0000 solid;border-radius: 10%;border: 0px solid #eee;} /* 大圖或是 最新消息 最新上架 */ .P_LNN_33_33_33 {float:left; border:0px #0000FF solid;padding:1px; box-sizing:border-box;} .P_NLL_33_33_33 {float:none; display:none; border:0px #FF0000 solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_50_50_50 {float:left; display:block; border:0px #FF0000 solid;padding:0px;} /* 圖片 50% 左右 持續 */ .P_LLL_50_50_50_B2 {float:left; display:block; width: 49% !important;border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_100_100_B2 {float:left; display:block; ;border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .P_LLL_50_B {float:left; display:block; border:1px #FFFFFF solid;padding:0px;} /* 商品分類 改橫向圖片 */ .PB_LLL_50_50_50 {float:left; display:block; border:0px #EEEEEE solid;padding:5px; border-radius: 5%;margin:1px; display: table-cell;vertical-align: middle; } /* 圖片 50% 左右 加邊框 */ .P_LLL_100_100 {float:left; display:block; border:0px #FF0000 solid;padding:0px;} /* DIV裡面的 圖片 */ .Rb_L_H_H {float:left; display:block; border:0px #FF0000 solid;margin:1px;} .RDiv1000 {float:none; border:0px #000000 solid;padding:0px;height:auto;} /* 表格外框 */ .RDiv1000B {float:none; border:0px #000000 solid;padding:0px;} /* 表格外框 */ .RDiv1000C {float:none; border:0px #000000 solid;padding:0px;} /* 表格外框 */ .R_NNN_100_100 {float:none; border:0px #EEEEEE solid;padding:0px;} /* 最新消息外框 */ .R_NLL_50_50 {float:none; border:0px #EEEEEE solid;padding:0px;} /* 最新消息外框 */ .R_NNN_100 {float:none; border:0px #FF0000 solid;padding:0px;} /* 小於768的版面專用 */ .R_LNN_100_100 {float:left; border:0px #FF0000 solid;padding:0px; } /* 右邊區塊 最新消息 最新上架 */ .R_LLN_100_100 {float:left; border:0px #FF0000 solid;padding:0px; } /* 右邊區塊 最新消息 最新上架 */ .R_LHH {float:left; border:0px #FF0000 solid;padding:0px;} /* 左邊 登入 分類 友情連結 區塊 只顯示在1024 */ .R_LNN {float:left; border:0px #FF0000 solid;padding:0px;} /* 左邊LOGO改上面 */ .R_NHH {float:none; display:block; border:0px #FF0000 solid;padding:0px;} /* 商品分類 只顯示在1024 */ .R_NLL {float:none; border:0px #EEEEEE solid;padding:0px;} /* 直式改橫式浮動 */ }