$26.99

In Stock

Sku: 323311145419

Available on eBay

Buy product




<!–

Bigbigwholesale

@charset “utf-8”;
/*
/*
* HTML5 ? 未定案模板
*
* 下列是眾多跨瀏覽器樣式研究的結果。
* 製作貢獻者謹列於行內,並誠摯感謝 Nicolas Gallagher、Jonathan Neal、
* Kroc Camen,以及 H5BP 開發社群和小組。
*
* 此 CSS 的詳細資訊: h5bp.com/css
*
* Dreamweaver 修改:
* 1. 註解選取範圍標示
* 2. 移除媒體查詢區段 (在個別檔案中新增我們的專屬區段)
*
* ==|== 標準化 ==========================================================
*/

/* =============================================================================
HTML5 顯示定義
========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
基底
========================================================================== */

/*
* 1. 修正當內文字體大小設定為使用 em 單位時,IE6/7 中的文字異常調整大小的問題
* 2. 強制在非 IE 中使用垂直捲軸
* 3. 防止在裝置方向變更時調整 iOS 文字大小,而不需停用使用者縮放: h5bp.com/g
*/

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*
* 移除選取範圍標示中的文字陰影: h5bp.com/i
* 這些選取範圍宣告必須有所區別
* 另外: 暗粉紅!(或自訂背景顏色以符合您的設計)
*/

/* Dreamweaver: 如果您想要自訂選取範圍標示,請將這些取消註解
*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
*::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/

/* =============================================================================
連結
========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* 改善當停留並將焦點放在所有瀏覽器時的可讀性: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
印刷樣式
========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em zero; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* 重新宣告固定寬度字體系列: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: ‘courier new’, monospace; font-size: 1em; }

/* 改善所有瀏覽器中預先格式化之文字的可讀性 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: “”; content: none; }

small { font-size: 85%; }

/* 放置下標字和上標字內容,而不影響行高: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
清單
========================================================================== */

ul, ol { margin: 1em zero; padding: 0 zero zero 40px; }
dd { margin: 0 zero zero 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
內嵌內容
========================================================================== */

/*
* 1. 改善在 IE7 中縮放時的影像品質: h5bp.com/d
* 2. 移除影像容器上影像與邊框之間的間隙: h5bp.com/e
*/

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
* 修正 IE9 中未隱藏的溢位
*/

svg:not(:root) { overflow: hidden; }

/* =============================================================================
圖表
========================================================================== */

figure { margin: 0; }

/* =============================================================================
表單
========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 表示「label」會將焦點移至相關聯的表單元素 */
label { cursor: pointer; }

/*
* 1. 修正 IE6/7/8/9 中非繼承的顏色
* 2. 修正 IE6/7 中顯示異常的對齊
*/

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
* 1. 修正所有瀏覽器中非繼承的字體大小
* 2. 移除 FF3/4 S5 Chrome 中的邊界
* 3. 在所有瀏覽器中定義一致的垂直對齊顯示
*/

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
* 1. 將行高定義為一般,以符合 FF3/4 (使用 UA 樣式表中的 !important 來設定)
* 2. 修正 IE6/7 中顯示異常的內部間距
*/

button, input { line-height: normal; *overflow: visible; }

/*
* 在「table」中重新加入內部間距,以避免 IE6/7 中的重疊和空白問題
*/

table button, table input { *overflow: auto; }

/*
* 1. 顯示手掌游標,表示可點選的表單元素
* 2. 允許 iOS 中可點選之表單元素的樣式
*/

button, input[type=”button”], input[type=”reset”], input[type=”submit”] { cursor: pointer; -webkit-appearance: button; }

/*
* 一致的方塊大小和外觀
*/

input[type=”checkbox”], input[type=”radio”] { box-sizing: border-box; }
input[type=”search”] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=”search”]::-webkit-search-decoration { -webkit-appearance: none; }

/*
* 移除 FF3/4 中的內部內距和邊框: h5bp.com/l
*/

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
* 1. 移除 IE6/7/8/9 中的預設垂直捲軸
* 2. 僅允許垂直調整大小
*/

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* 表單有效性的色彩 */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
表格
========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* 用於影像取代 */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* 同時在螢幕讀取器和瀏覽器中隱藏: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* 僅垂直隱藏,但在螢幕讀取器中提供使用: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 zero zero zero); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* 擴充 .visuallyhidden 類別,以允許元素可在透過鍵盤瀏覽時取得焦點: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* 垂直隱藏且在螢幕讀取器中隱藏,但保留版面 */
.invisible { visibility: hidden; }

/* 包含浮動: h5bp.com/q */
.clearfix:before, .clearfix:after { content: “”; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== 列印樣式 =======================================================
列印樣式。
已內嵌,以避免必要的 HTTP 連線: h5bp.com/r
========================================================================== */

@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* 黑色的列印速度更快: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: ” (” attr(href) “)”; }
abbr[title]:after { content: ” (” attr(title) “)”; }
.ir a:after, a[href^=””]:after, a[href^=”#”]:after { content: “”; } /* 不要顯示影像的連結或 javascript/內部連結 */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}

@charset “utf-8”;
/* 簡單流變媒體
注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
https://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
max-width: 100%;
}
/* IE 6 不支援最大寬度,因此寬度預設為 a hundred% */
.ie6 img {
width:100%;
}
/*——————————————————————————- 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width : 769px){
.gridContainer {
width: 90%;
max-width: 1232px;
padding-left: 1%;
padding-right: 1%;
margin: auto;
}
#LayoutDiv1 {
clear: both;
float: left;
width: 100%;
display: block;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/top_bg.png);
background-repeat: repeat-x;
padding-bottom: 5px;
}
#LayoutDiv16 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
text-align: center;
}
#LayoutDiv2 {
clear: both;
float: left;
margin-left: 0;
width: 18.3673%;
display: block;
margin-top:.5rem
}
#LayoutDiv3 {
clear: none;
float: left;
margin-left: 2.0408%;
width: 59.1836%;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333;
text-align: center;
margin-top:.5rem;
margin-bottom:1.5rem;
}
#LayoutDiv17 {
clear: none;
float: left;
margin-left: 2.0408%;
width: 18.3673%;
display: block;
text-align: center;
}
#LayoutDiv4 {
clear: both;
float: left;
margin-left: 0;
width: 18.3673%;
display: block;
}
#LayoutDiv5 {
clear: none;
float: left;
margin-left: 2.0408%;
width: 59.1836%;
display: block;
text-align:center
}
#LayoutDiv6 {
clear: none;
float: left;
margin-left: 2.0408%;
width: 18.3673%;
display: block;
}
#LayoutDiv7 {
clear: both;
float: left;
margin-left: 0;
width: 18.3673%;
display: block;
}
#LayoutDiv8 {
clear: none;
float: left;
margin-left: 2.0408%;
width: 59.1836%;
display: block;
}
#LayoutDiv11 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
margin-top: 50px;
}
#LayoutDiv9 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align: center;
}
#LayoutDiv10 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/bottom_bg.png);
background-repeat: repeat-x;
display: block;
height: 124px;
}
#LayoutDiv12 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv13 {
clear: both;
float: left;
width: 25%;
display: block;
}
#LayoutDiv14 {
clear: none;
float: left;
width:49%;
display: block;
text-align: center;
}
#LayoutDiv15 {
clear: none;
float: left;
width:25%;
display: block;
text-align:right;
}
#icon{
width:100%;
text-align:center
}

/*menu START*/
.ref {
padding: 20px zero;
text-align: center;
}

a, a:focus, a:hover {
text-decoration: none;
}

ul {
margin: 10px;
padding: 0;
list-style: none;
}
.left-nav {
width: 100%;
background: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: .7rem;
}
.left-nav li:hover > .child-left-nav {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
width: 100%;
height: auto;
}
.left-nav li {
position: relative;
}
.left-nav a {
color: #777;
padding: 8px 8px;
display: block;
position: relative;
border-bottom: 1px #fff solid;
background-color: #EFEFEF;
}
.left-nav a.active, .left-nav a:hover {
color: #ffffff;
background-color: #ef5151;
}
.left-nav a.active {
border-left: 4px #e67e22 solid;
border-right: 4px #e67e22 solid;
border-bottom: 0;
margin: 0 -4px;
box-shadow: 0 zero 5px #DDD;
}
.left-nav a.active:before, .left-nav a.active:after {
content: “”;
position: absolute;
height: 0;
width: 0;
top: 0;
bottom: 0;
margin: auto zero;
border-color: #fff;
border-width: 5px;
border-style: solid;
display: block;
}
.left-nav a.active:before {
left: 0;
border-left-color: #e67e22;
}
.left-nav a.active:after {
right: 0;
border-right-color: #e67e22;
}
.left-nav a:hover i {
-webkit-animation: moveFromDown .3s ease-in-out;
animation: moveFromDown .3s ease-in-out;
}
.left-nav a:hover strong {
-webkit-animation: moveFromRight .3s ease-in-out;
animation: moveFromRight .3s ease-in-out;
}
.left-nav a:hover small {
-webkit-animation: moveFromLeft .3s ease-in-out;
animation: moveFromLeft .3s ease-in-out;
}
.left-nav i {
margin-right: 10px;
float: left;
font-size: 10px;
}
.left-nav strong {
text-transform: uppercase;
display: block;
line-height: 20px;
}
.left-nav small {
display: block;
position: relative;
font-size: 10px;
line-height: 14px;
position: relative;
}
.child-left-nav {
position: absolute;
left: 100%;
top: 0;
background: #fff;
margin: 0;
border-left: 4px #e67e22 solid;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
opacity: 0;
width: 0;
height: 0;
visibility: hidden;
-webkit-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.child-left-nav:before {
content: “”;
display: block;
border: 5px #fff solid;
border-right-color: #e67e22;
width: 0;
height: 0;
position: absolute;
left: -14px;
top: 25px;
}
.child-left-nav .child-left-nav:before {
top: 15px;
}
.child-left-nav a robust {
text-transform: capitalize;
}

@-webkit-keyframes moveFromLeft {
from {
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

@keyframes moveFromLeft {
from {
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes moveFromRight {
from {
opacity: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes moveFromRight {
from {
opacity: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes moveFromDown {
from {
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes moveFromDown {
from {
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);

}
to {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
/*menu END*/
/*AD START*/
p {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
font-size:.7rem;
}
.content-item {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin: 5px auto;
overflow: hidden;
position: relative;
width: 71%
}
.content-item .overlay {
border-bottom: 60px solid #419d78;
border-left: 60px solid transparent;
bottom: 0;
height: 0;
opacity: .95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
width: 0;
}
.content-item:hover .overlay {
border-bottom: 800px solid #f2a359;
border-left: 800px solid transparent;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
}
.content-item .corner-overlay-content {
bottom: 5px;
color: #fff;
position: absolute;
right: 5px;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
.content-item:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
.content-item .overlay-content {
bottom: 0;
color: #fff;
left: 0;
opacity: 0;
padding: 2px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all zero.3s ease-out;
-o-transition: all zero.3s ease-out;
-webkit-transition: all zero.3s ease-out;
transition: all zero.3s ease-out;
}
.content-item .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 zero 2px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
.content-item:hover .overlay-content {
opacity: 1;
-moz-transition: all zero.3s ease-out;
-o-transition: all zero.3s ease-out;
-webkit-transition: all zero.3s ease-out;
transition: all zero.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
/*AD END*/

/*TAB MEMU START*/
body {
text-align: left;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
word-wrap: break-word;
font-size: 14px;
}
.tabs {
padding: 0;
float: left;
list-style: none;
position: relative;
margin: auto;
text-align: left;
*zoom: 1;
word-wrap: break-word;
width: 100%;
}
.tabs:after {
content: “”;
display: table;
clear: both;
}
.tabs li {

}
.tabs input[type=”radio”] {
position: absolute;
display: none;
}
.tabs input[name=”tabs”]:checked + label {
top: 1px;
padding-top:11px;
background: #276fbf;
}
.tabs input[name=”tabs”]:checked ~ .tab-content {
display: block;
}
.tabs label {
display: block;
padding: 2px 5px;
font-size: 20px;
background: #AAA;
cursor: pointer;
position: absolute;
z-index: 1;
top: 10px;
width: 7.68rem;
text-align: center;
-moz-border-radius: 5px 5px zero zero;
-webkit-border-radius: 5px;
border-radius: 5px 5px zero zero;
-moz-transition: all zero.2s ease-in-out;
-o-transition: all zero.2s ease-in-out;
-webkit-transition: all zero.2s ease-in-out;
transition: all zero.2s ease-in-out;
}
.tabs label:hover {
background: #f2a359;
}

.tab-content {
position: relative;
top: 81px;
z-index: 2;
display: none;
overflow: hidden;
width: 100%;
height:auto;
font-size: 14px;
line-height: 25px;
background: #FFF;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 30px;
}
.tab-content p {
padding: 3 10px;
font-size: 14px;
}
.tab-content li {
background-position: 0;
list-style-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/box-14.png);
line-height: 25px;
padding-left: 10px;
list-style-position: inside;
}
.tabs li:nth-child(1) label {
left: 0;
}
.tabs li:nth-child(2) label {
left: 118px;
}
.tabs li:nth-child(3) label {
left: 236px;
}
.tabs li:nth-child(4) label {
left: 354px;
}
.tabs li:nth-child(5) label {
left: 472px;
}
.tabs li:nth-child(6) label {
left: 590px;
}
/*TAB MEMU END*/
h1 {
color: #f06543;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
h3 {
color: #FFFFFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
padding-left: .6rem;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0px;
background-color: #f2a359;
}
}

@media only screen and (max-width : 980px){
.left-nav {
width: 100%;
background: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: .6rem;
}
/*TAB MEMU START*/
.tabs label {
display: block;
padding: 2px 5px;
font-size: 20px;
background: #AAA;
cursor: pointer;
position: absolute;
z-index: 1;
top: 10px;
width: 7rem;
text-align: center;
-moz-border-radius: 5px 5px zero zero;
-webkit-border-radius: 5px;
border-radius: 5px 5px zero zero;
-moz-transition: all zero.2s ease-in-out;
-o-transition: all zero.2s ease-in-out;
-webkit-transition: all zero.2s ease-in-out;
transition: all zero.2s ease-in-out;
}
.tabs li:nth-child(1) label {
left: 0;
}
.tabs li:nth-child(2) label {
left: 110px;
}
.tabs li:nth-child(3) label {
left: 220px;
}
.tabs li:nth-child(4) label {
left: 330px;
}
.tabs li:nth-child(5) label {
left: 440px;
}
.tabs li:nth-child(6) label {
left: 550px;
}
/*TAB MEMU END*/
}
@media only screen and (max-width : 800px){
.left-nav {
width: 100%;
background: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: .53rem;
}
/*TAB MEMU START*/
.tabs label {
display: block;
padding: 2px 5px;
font-size: 20px;
background: #AAA;
cursor: pointer;
position: absolute;
z-index: 1;
top: 10px;
width: 5.6rem;
text-align: center;
-moz-border-radius: 5px 5px zero zero;
-webkit-border-radius: 5px;
border-radius: 5px 5px zero zero;
-moz-transition: all zero.2s ease-in-out;
-o-transition: all zero.2s ease-in-out;
-webkit-transition: all zero.2s ease-in-out;
transition: all zero.2s ease-in-out;
}
.tabs li:nth-child(1) label {
left: 0;
}
.tabs li:nth-child(2) label {
left: 95px;
}
.tabs li:nth-child(3) label {
left: 190px;
}
.tabs li:nth-child(4) label {
left: 285px;
}
.tabs li:nth-child(5) label {
left: 380px;
}
.tabs li:nth-child(6) label {
left: 475px;
}
/*TAB MEMU END*/
}
/*——————————————————————————————— 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width : 481px) and (max-width : 768px) {
.gridContainer {
width: 95%;
padding-left: 1.25%;
padding-right: 1.25%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/top_bg.png);
background-repeat: repeat-x;
}
#LayoutDiv16 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv2 {
clear: both;
float: left;
margin-left: 0;
width: 23.0769%;
display: block;
margin-top:.8rem
}
#LayoutDiv3 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 48.7179%;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: bold;
color: #333;
text-align: center;
margin-top:.8rem;
margin-bottom:1rem;
}
#LayoutDiv17 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 23.0769%;
display: block;
text-align: center;
}
#LayoutDiv4 {
clear: both;
float: left;
margin-left: 0;
width: 23.0769%;
display: block;
}
#LayoutDiv5 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 48.7179%;
display: block;
text-align:center
}
#LayoutDiv6 {
clear: none;
float: right;
margin-left: 2.5641%;
width: 23.0769%;
display: block;
}
#LayoutDiv7 {
clear: both;
float: left;
margin-left: 0;
width: 23.0769%;
display: block;
}
#LayoutDiv8 {
clear: none;
float: left;
margin-left: 2.5641%;
width:61.5384%;
display: block;
}
#LayoutDiv11 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
margin-top: 50px;
}
#LayoutDiv9 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv10 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/bottom_bg.png);
background-repeat: repeat-x;
display: block;
height: 124px;
}
#LayoutDiv12 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv13 {
clear: both;
float: left;
width: 25%;
display: block;
}
#LayoutDiv14 {
clear: none;
float: left;
width:49%;
display: block;
text-align: center;
}
#LayoutDiv15 {
clear: none;
float: left;
width:25%;
display: block;
text-align:right;
}
#icon{
width:100%;
text-align:center
}
/*menu START*/
.ref {
padding: 20px zero;
text-align: center;
}

a, a:focus, a:hover {
text-decoration: none;
}

ul {

margin: 10px;
padding: 0;
list-style: none;
}
.left-nav {
width: 100%;
background: #fff;
font-size: .7rem;
font-family: Verdana, Geneva, sans-serif;
}
.left-nav li:hover > .child-left-nav {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
width: 100%;
height: auto;
}
.left-nav li {
position: relative;
}
.left-nav a {
color: #777;
padding: 8px 8px;
display: block;
position: relative;
border-bottom: 1px #fff solid;
background-color: #EFEFEF;
}
.left-nav a.active, .left-nav a:hover {
color: #ffffff;
background-color: #ef5151;
}
.left-nav a.active {
border-left: 4px #e67e22 solid;
border-right: 4px #e67e22 solid;
border-bottom: 0;
margin: 0 -4px;
box-shadow: 0 zero 5px #DDD;
}
.left-nav a.active:before, .left-nav a.active:after {
content: “”;
position: absolute;
height: 0;
width: 0;
top: 0;
bottom: 0;
margin: auto zero;
border-color: #fff;
border-width: 5px;
border-style: solid;
display: block;
}
.left-nav a.active:before {
left: 0;
border-left-color: #e67e22;
}
.left-nav a.active:after {
right: 0;
border-right-color: #e67e22;
}
.left-nav a:hover i {
-webkit-animation: moveFromDown .3s ease-in-out;
animation: moveFromDown .3s ease-in-out;
}
.left-nav a:hover strong {
-webkit-animation: moveFromRight .3s ease-in-out;
animation: moveFromRight .3s ease-in-out;
}
.left-nav a:hover small {
-webkit-animation: moveFromLeft .3s ease-in-out;
animation: moveFromLeft .3s ease-in-out;
}
.left-nav i {
margin-right: 10px;
float: left;
font-size: 10px;
}
.left-nav strong {
text-transform: uppercase;
display: block;
line-height: 20px;
}
.left-nav small {
display: block;
position: relative;
font-size: 10px;
line-height: 14px;
position: relative;
}
.child-left-nav {
position: absolute;
left: 100%;
top: 0;
background: #fff;
margin: 0;
border-left: 4px #e67e22 solid;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
opacity: 0;
width: 0;
height: 0;
visibility: hidden;
-webkit-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.child-left-nav:before {
content: “”;
display: block;
border: 5px #fff solid;
border-right-color: #e67e22;
width: 0;
height: 0;
position: absolute;
left: -14px;
top: 25px;
}
.child-left-nav .child-left-nav:before {
top: 15px;
}
.child-left-nav a robust {
text-transform: capitalize;
}

@-webkit-keyframes moveFromLeft {
from {
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

@keyframes moveFromLeft {
from {
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes moveFromRight {
from {
opacity: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes moveFromRight {
from {
opacity: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes moveFromDown {

from {
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}

to {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes moveFromDown {
from {
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
/*menu END*/
/*AD START*/
p {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
font-size:.55rem;
}
.content-item {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin: 5px auto;
overflow: hidden;
position: relative;
width: 60%
}
.content-item .overlay {
border-bottom: 60px solid #419d78;
border-left: 60px solid transparent;
bottom: 0;
height: 0;
opacity: .95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
width: 0;
}
.content-item:hover .overlay {
border-bottom: 800px solid #f2a359;
border-left: 800px solid transparent;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
}
.content-item .corner-overlay-content {
bottom: 5px;
color: #fff;
position: absolute;
right: 5px;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
font-family: Verdana, Geneva, sans-serif;
font-size: .8rem;
}
.content-item:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all zero.5s ease-out;
-o-transition: all zero.5s ease-out;
-webkit-transition: all zero.5s ease-out;
transition: all zero.5s ease-out;
font-family: Verdana, Geneva, sans-serif;
font-size: .8rem;
}
.content-item .overlay-content {
bottom: 0;
color: #fff;
left: 0;
opacity: 0;
padding: 1px 2px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all zero.3s ease-out;
-o-transition: all zero.3s ease-out;
-webkit-transition: all zero.3s ease-out;
transition: all zero.3s ease-out;
}
.content-item .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 zero 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: .6rem;
}
.content-item:hover .overlay-content {
opacity: 1;
-moz-transition: all zero.3s ease-out;
-o-transition: all zero.3s ease-out;
-webkit-transition: all zero.3s ease-out;
transition: all zero.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}

/*AD END*/
/*TAB MEMU START*/
body {
text-align: left;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
word-wrap: break-word;
font-size: 14px;
}
.tabs {
padding: 0;
width: 100%;
float: none;
list-style: none;
position: relative;
margin: auto;
text-align: left;
*zoom: 1;
word-wrap: break-word;
}
.tabs:after {
content: “”;
display: table;
clear: both;
}
.tabs li {

}
.tabs input[type=”radio”] {
position: absolute;
display: none;
}
.tabs input[name=”tabs”]:checked + label {
top: 1px;
padding-top:11px;
background: #276fbf;
}
.tabs input[name=”tabs”]:checked ~ .tab-content {
display: block;
}
.tabs label {
display: block;
padding: 2px 3px;
font-size: 20px;
background: #AAA;
cursor: pointer;
position: absolute;
z-index: 1;
top: 10px;
width: 85px;
text-align: center;
-moz-border-radius: 5px 5px zero zero;
-webkit-border-radius: 5px;
border-radius: 5px 5px zero zero;
-moz-transition: all zero.2s ease-in-out;
-o-transition: all zero.2s ease-in-out;
-webkit-transition: all zero.2s ease-in-out;
transition: all zero.2s ease-in-out;
}
.tabs label:hover {
background: #f2a359;
}

.tab-content {
position: relative;
top: 81px;
z-index: 2;
display: none;
overflow: hidden;
width: 100%;
height:auto;
font-size: 14px;
line-height: 25px;
background: #FFF;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 50px;
}
.tab-content p {
padding: 3 10px;
font-size: 12px;
}
.tab-content li {
background-position: 0;
list-style-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/box-14.png);
line-height: 25px;
padding-left: 10px;
list-style-position: inside;
}
.tabs li:nth-child(1) label {
left: 0;
}
.tabs li:nth-child(2) label {
left: 90px;
}
.tabs li:nth-child(3) label {
left: 180px;
}
.tabs li:nth-child(4) label {
left: 270px;
}
.tabs li:nth-child(5) label {
left: 360px;
}
.tabs li:nth-child(6) label {
left: 450px;
}
/*TAB MEMU END*/
h1 {
color: #f06543;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
h3 {
color: #FFFFFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
padding-left: .6rem;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0px;
background-color: #f2a359;
}
}
@media only screen and (max-width : 670px){
.left-nav {
width: 100%;
background: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: .53rem;
}
/*TAB MEMU START*/
.tabs label {
display: block;
padding: 2px 5px;
font-size: 20px;
background: #AAA;
cursor: pointer;
position: absolute;
z-index: 1;
top: 10px;
width: 4.3rem;
text-align: center;
-moz-border-radius: 5px 5px zero zero;
-webkit-border-radius: 5px;
border-radius: 5px 5px zero zero;
-moz-transition: all zero.2s ease-in-out;
-o-transition: all zero.2s ease-in-out;
-webkit-transition: all zero.2s ease-in-out;
transition: all zero.2s ease-in-out;
}
.tabs li:nth-child(1) label {
left: 0;
}
.tabs li:nth-child(2) label {
left: 75px;
}
.tabs li:nth-child(3) label {
left: 150px;
}
.tabs li:nth-child(4) label {
left: 225px;
}
.tabs li:nth-child(5) label {
left: 300px;
}
.tabs li:nth-child(6) label {
left: 375px;
}
/*TAB MEMU END*/
}
/* 行動版面: 480px 以下。 ——————————————————————————————————–*/
@media only screen and (max-width : 480px){
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/top_bg.png);
background-repeat: repeat-x;
padding-bottom: 5px;
}
#LayoutDiv16 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align: center;
padding-top: 10px;
}
#LayoutDiv2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align:center;
margin:.5rem zero
}
#LayoutDiv3 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333;
text-align: center;
margin:.5rem zero
}
#LayoutDiv4 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv5 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align:center
}
#LayoutDiv6 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv7 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
margin-bottom: 10px;
}
#LayoutDiv8 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv11 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv9 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv10 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/bottom_bg.png);
background-repeat: repeat-x;
display: block;
height: 104px;
padding-top: 10px;
padding-bottom: 10px;
}
#LayoutDiv12{
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv13 {
clear: both;
float: left;
margin-left: 0;
width: 16.6666%;
display: none;
}
#LayoutDiv14 {
clear: none;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align: center;
}
#LayoutDiv15 {
clear: both;
float: left;
margin-left: 20.8333%;
width: 58.3333%;
display: none;
}
#icon{
width:100%;
text-align:center
}

/*TAB MEMU START*/
body {
text-align: left;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
word-wrap: break-word;
font-size: 14px;
}
.tabs {
padding: 0;
float: none;
list-style: none;
position: relative;
margin: auto;
text-align: left;
*zoom: 1;
word-wrap: break-word;
}
.tabs:after {
content: “”;
display: table;
clear: both;
}
.tabs li {

}
.tabs input[type=”radio”] {
position: absolute;
display: none;
}
.tabs input[name=”tabs”]:checked + label {
top: 1px;
padding-top:11px;
background: #276fbf;
}
.tabs input[name=”tabs”]:checked ~ .tab-content {
display: block;
}
.tabs label {
display: block;
padding: 2px 5px;
font-size: 20px;
background: #AAA;
cursor: pointer;
position: absolute;
z-index: 1;
top: 10px;
width: 110px;
text-align: center;
-moz-border-radius: 5px 5px zero zero;
-webkit-border-radius: 5px;
border-radius: 5px 5px zero zero;
-moz-transition: all zero.2s ease-in-out;
-o-transition: all zero.2s ease-in-out;
-webkit-transition: all zero.2s ease-in-out;
transition: all zero.2s ease-in-out;
}
.tabs label:hover {
background: #CCC;
}

.tab-content {
position: relative;
top: 81px;
z-index: 2;
display: none;
overflow: hidden;
width: 100%;
height:auto;
font-size: 14px;
line-height: 20px;
background: #FFF;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 30px;
}
.tab-content p {
padding: 0 10px;
font-size: 12px;
}
.tab-content li {
background-position: 0;
list-style-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/box-14.png);
line-height: 25px;
margin-left: 0px;
}
.tabs {
width: 100%;
}
.tabs li {
float: none;
margin-top: 0px;
}
.tabs label {
top: 0;
width: 100%;
padding: 10px;
background: #276fbf;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
left: 0;
}
.tabs label:hover {
background: #276fbf;
}

.tab-content {
display: block;
top: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
}
.tabs li:nth-child(1) label {
left: 0;
}
.tabs li:nth-child(2) label {
left: 0px;
}
.tabs li:nth-child(3) label {
left: 0px;
}
.tabs li:nth-child(4) label {
left: 0px;
}
.tabs li:nth-child(5) label {
left: 0px;
}
.tabs li:nth-child(6) label {
left: 0px;
}
h1 {
color: #f06543;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
h3 {
color: #FFFFFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
padding-left: 4px;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0px;
background-color: #f2a359;
}
hr {
border:0; height:2px; background-color:#276fbf;
color:#276fbf /* IE6 */
}
#LayoutDiv17 {
clear: none;
float: left;
margin-left: 4.1666%;
width: 100%;
display: none;
}
}
/* 行動版面: 320px 以下。 ——————————————————————————————————–*/
@media (max-width:320px){
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/top_bg.png);
background-repeat: repeat-x;
padding-bottom: 5px;
}
#LayoutDiv16 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align: center;
padding-top: 10px;
}
#LayoutDiv2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align:center;
margin:.5rem zero
}
#LayoutDiv3 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333;
text-align: center;
margin:.5rem zero
}
#LayoutDiv4 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv5 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align:center
}
#LayoutDiv6 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv7 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
margin-bottom: 10px;
}
#LayoutDiv8 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv11 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv9 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: none;
}
#LayoutDiv10 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
background-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/bottom_bg.png);
background-repeat: repeat-x;
display: block;
height: 104px;
padding-top: 10px;
padding-bottom: 10px;
}
#LayoutDiv12{
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv13 {
clear: both;
float: left;
margin-left: 0;
width: 16.6666%;
display: none;
}
#LayoutDiv14 {
clear: none;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align: center;
}
#LayoutDiv15 {
clear: both;
float: left;
margin-left: 20.8333%;
width: 58.3333%;
display: none;
}
#icon{
width:100%;
text-align:center
}

/*TAB MEMU START*/
body {
text-align: left;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
word-wrap: break-word;
font-size: 14px;
}
.tabs {
padding: 0;
float: none;
list-style: none;
position: relative;
margin: auto;
text-align: left;
*zoom: 1;
word-wrap: break-word;
}
.tabs:after {
content: “”;
display: table;
clear: both;
}
.tabs li {

}
.tabs input[type=”radio”] {
position: absolute;
display: none;
}
.tabs input[name=”tabs”]:checked + label {
top: 1px;
padding-top:11px;
background: #276fbf;
}
.tabs input[name=”tabs”]:checked ~ .tab-content {
display: block;
}
.tabs label {
display: block;
padding: 2px 5px;
font-size: 20px;
background: #AAA;
cursor: pointer;
position: absolute;
z-index: 1;
top: 10px;
width: 110px;
text-align: center;
-moz-border-radius: 5px 5px zero zero;
-webkit-border-radius: 5px;
border-radius: 5px 5px zero zero;
-moz-transition: all zero.2s ease-in-out;
-o-transition: all zero.2s ease-in-out;
-webkit-transition: all zero.2s ease-in-out;
transition: all zero.2s ease-in-out;
}
.tabs label:hover {
background: #CCC;
}

.tab-content {
position: relative;
top: 81px;
z-index: 2;
display: none;
overflow: hidden;
width: 100%;
height:auto;
font-size: 14px;
line-height: 20px;
background: #FFF;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 30px;
}
.tab-content p {
padding: 0 10px;
font-size: 12px;
}
.tab-content li {
background-position: 0;
list-style-image: url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/box-14.png);
line-height: 25px;
margin-left: 0px;
}
.tabs {
width: 100%;
}
.tabs li {
float: none;
margin-top: 0px;
}
.tabs label {
top: 0;
width: 100%;
padding: 10px;
background: #276fbf;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
left: 0;
}
.tabs label:hover {
background: #276fbf;
}

.tab-content {
display: block;
top: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
}

h1 {
color: #f06543;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
h3 {
color: #FFFFFF;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
padding-left: 4px;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0px;
background-color: #f2a359;
}
hr {
border:0; height:2px; background-color:#276fbf;
color:#276fbf /* IE6 */
}
#LayoutDiv17 {
clear: none;
float: left;
margin-left: 4.1666%;
width: 100%;
display: none;
}
}

usa-seller
Bigbigwholesale
slogan
slogan2
Portable Black 30″ [Medium] 2-Doors Pet Cat Dog Crate Cage Pen Kennel w/ABS Tray
Top-selling-products

ul.z_slider input.z_slider_radio{
display:none;
}
ul.z_slider img{
width:100%;
}
ul.z_slider{
position: relative;
width:100%;
max-width: 720px;
margin: 0 auto;
margin-top: 710px;
padding: 0;
}
ul.z_slider:after{
content:””;
display:block;
clear:both;
}
ul.z_slider li{
width:61px;
margin:2% 0% ;
display: inline-block;
float: none;
}
ul.z_slider li:after{
content: “”;
display: block;
position: absolute;
top: -720px;
left: 0px;
width: 100%;
z-index: 1001;
}
.z_slider_banner{
position: absolute;
top: -720px;
left: 0px;
padding: 0;
margin: 0;
width: 720px;
height: 720px;
overflow: hidden;
box-sizing: border-box;
}
.z_slider_banner img{
position: absolute;
top: 0;
left:720px;
transition: all .3s ease-in-out;
}
.z_controls_btn.z_prev_btn_list{
left: 20px;
}
.z_controls_btn.z_next_btn_list{
right: 20px;
}
.z_controls_btn{
width:35px;
opacity: .2;
}
.z_controls_btn:hover{
opacity: 1;
-webkit-filter:grayscale(1);
}
.z_controls_btn{
display:none;
z-index: 3000;
position: absolute;
top: 46%;

}
label.z_pager>img{
border: 2px #fff solid;
box-sizing: border-box;
}
label.z_pager:hover>img{
border-color: #276fbf;
border: 2px #276fbf solid;
}
/**移動slider**/
.z_slider_radio:checked ~ .z_slider_banner img{
left:0;
}
/**controls 切換顯示下一頁&上一頁的按鈕**/
.z_slider_radio:checked ~ .z_slider_banner .z_controls_btn{
display:block;
}
@media (max-width: 1200px){
ul.z_slider {
max-width: 655px;
margin-top: 655px;
padding: 1%;
}
.z_slider_banner {
top: -655px;
width: 655px;
height: 655px;
}
.z_slider_banner img {
left: 655px;
}
ul.z_slider li {
width: 9%;
margin:.1% ;
}
ul.z_slider li:after {
top: -655px;
}
}
@media (max-width: 1152px){
ul.z_slider {
max-width: 640px;
margin-top: 640px;
padding: 1%;
}
.z_slider_banner {
top: -640px;
width: 640px;
height: 640px;
}
.z_slider_banner img {
left: 640px;
}
ul.z_slider li {
width: 8.9%;
margin:.1% ;
}
ul.z_slider li:after {
top: -640px;
}
}
@media (max-width: 1024px){
ul.z_slider {
max-width: 570px;
margin-top: 570px;
}
.z_slider_banner {
top: -570px;
width: 570px;
height: 570px;
}
.z_slider_banner img {
left: 570px;
}
ul.z_slider li {
width: 8.6%;
margin:.1% ;
}
ul.z_slider li:after {
top: -570px;
}
}
@media (max-width: 980px){
ul.z_slider {
max-width: 525px;
margin-top: 525px;
}
.z_slider_banner {
top: -525px;
width: 525px;
height: 525px;
}
.z_slider_banner img {
left: 525px;
}
ul.z_slider li {
width: 8.8%;
margin:.1% ;
}
ul.z_slider li:after {
top: -525px;
}
}
@media (max-width: 900px){
ul.z_slider {
max-width: 500px;
margin-top: 500px;
}
.z_slider_banner {
top: -500px;
width: 500px;
height: 500px;
}
.z_slider_banner img {
left: 500px;
}
ul.z_slider li {
width: 8.6%;
margin:.1% ;
}
ul.z_slider li:after {
top: -500px;
}
}
@media (max-width: 800px){
ul.z_slider {
max-width: 435px;
margin-top: 435px;
}
.z_slider_banner {
top: -435px;
width: 435px;
height: 435px;
}
.z_slider_banner img {
left: 435px;
}
ul.z_slider li {
width: 8.6%;
margin:.1% ;
}
ul.z_slider li:after {
top: -435px;
}
}
@media (max-width: 768px){
ul.z_slider {
max-width: 385px;
margin-top: 385px;
}
.z_slider_banner {
top: -385px;
width: 385px;
height: 385px;
}
.z_slider_banner img {
left: 385px;
}
ul.z_slider li {
width: 18.5%;
margin:.1% ;
}
ul.z_slider li:after {
top: -385px;
}
.z_controls_btn{
width:17px;
opacity: .2;
}
.z_controls_btn:hover{
opacity: 1;
-webkit-filter:grayscale(1);
}
.z_controls_btn{
display:none;
z-index: 3000;
position: absolute;
top: 45%;
}
.z_controls_btn.z_prev_btn_list{
left: 10px;
}
.z_controls_btn.z_next_btn_list{
right: 10px;
}
}
@media (max-width: 667px){
/**pager selected時紅框**/
.z_slider_radio:checked ~ img{
border-color: #06C;
}
ul.z_slider {
max-width: 345px;
margin-top: 345px;
}
.z_slider_banner {
top: -345px;
width: 345px;
height: 345px;
}
.z_slider_banner img {
left: 345px;
}
ul.z_slider li {
width: 18.5%;
margin:.1% ;
}
ul.z_slider li:after {
top: -345px;
}
}
@media (max-width: 641px){
/**pager selected時紅框**/
.z_slider_radio:checked ~ img{
border-color: #06C;
}
ul.z_slider {
max-width: 315px;
margin-top: 315px;
}
.z_slider_banner {
top: -315px;
width: 315px;
height: 315px;
}
.z_slider_banner img {
left: 315px;
}
ul.z_slider li {
width: 18.2%;
margin:.1% ;
}
ul.z_slider li:after {
top: -315px;
}
}
@media (max-width: 414px){
/** slider **/
ul.z_slider {
max-width: 380px;
margin-top: 380px;
}
.z_slider_banner {
top: -380px;
width: 380px;
height: 380px;
left:1%
}
.z_slider_banner img {
left: 380px;
}
ul.z_slider li:after {
top: -380px;
}
.z_pager>img{
display:none;
}
ul.z_slider li{
width:13px;
height:13px;
margin: 1%;
float: none;
border:0;
}
.z_pager>span{
display: block;
background:url(https://d3d71ba2asa5oz.cloudfront.net/23000561/images/pager_icon.png)-13px zero no-repeat;
width:13px;
height:13px;
}
.z_controls_btn {
width:25px;
}
/**pager selected**/
.z_slider_radio:checked ~ span{
background-position:0 zero;
}
}
@media (max-width: 375px){
/** slider **/
ul.z_slider {
max-width: 350px;
margin-top: 350px;
}
.z_slider_banner {
top: -350px;
width: 350px;
height: 350px;
}
.z_slider_banner img {
left: 350px;
}
ul.z_slider li:after {
top: -350px;
}
.z_pager>img{
display:none;
}
ul.z_slider li{
width:13px;
height:13px;
margin: 1%;
float: none;
border:0;
}
}
@media (max-width: 320px){
/** slider **/
ul.z_slider {
max-width: 300px;
margin-top: 300px;
}
.z_slider_banner {
top: -300px;
width: 300px;
height: 300px;
}
.z_slider_banner img {
left: 300px;
}
ul.z_slider li:after {
top: -300px;
}
.z_pager>img{
display:none;
}
ul.z_slider li{
width:13px;
height:13px;
margin: 1%;
float: none;
border:0;
}
.z_controls_btn {
width:20px;
}
}


30-days-Guarantee
90-days-Warranty
Same-day-Shipping
Free-shipping
  • 新增網頁1


    Features:

    • 2 doors with locks
    • Sets-up and folds-down in seconds, no tools are needed
    • Safe and secure slide latches
    • Sturdy construction
    • Rounded edge design – Safe for pets
    • Attached handle for easy carrying
    • Comes with removable ABS tray – Easy to clean


    Specification:

    • Material: Steel wire cage, ABS tray
    • Dimension: 30"(L) X 20"(W) X 23"(H)
    • 30" crate: For dogs up to forty lbs
    • Color: Black


    Package Content:

    • 1 X Cage
    • 1 X Tray



    Application
    :

    • Please confirms dimensions before purchasing</li


  • Please contact us via eBay through “Ask a Question”. Your emails will be replied in 1 business day from the order in which we received them. Please include your order number for a quicker reply.
    We operate Mon. – Fri. 9AM to 5PM PST.

    Please note : We do not work / reply to emails on the weekend.


  • Payment options :


    Sales tax :
    9.00% for california buyers.


    Shipping methods :


    Shipping rate :
    please ckeck shipping and payments above.


  • All U.S. domestic shipments are shipped using UPS Ground,
    United States Postal Service Airmail, or USPS Priority Mail.
    All orders are shipped within 1-2 business days (usually within 24 hours).


    All orders will be delivered within 2-6 business days from the day it is shipped.


    Customers within the lower forty eight states, with a physical address, will receive free shipping.


    International customers will be responsible for any import duty taxes;
    this is charged by your government, not by us. For more information, please refer to UPS.


    We cannot ship any orders to PO Box addresses. We are not responsible
    for any delays due to PO Box or undeliverable addresses that are provided to us.


    We are required by law to collect a 9.00% Sales Tax for shipments in California.


    We expect all payments to be received within 7 days of the purchase.


  • If you receive a damaged item, please contact our Customer Service Department within 48 hours of delivery and we will file a UPS damage claim for you. UPS will then come to your location the next business day and % up the damaged item(s) from you. A new replacement will be shipped immediately after we receive the damaged items from UPS, usually within 3-5 business days.


    If a delivery confirmation states that your item was delivered, but you have not received the package, contact our Customer Service Department and we will file a UPS Lost Package Claim. UPS will then start a tracer on the package. A new replacement will be shipped after the claim is finished (usually within three-5 business days).


  • If for any reason you are not satisfied with your purchase, we will be glad to process a return for exchange, replacement, or refund. We will pay for the return shipping cost within 60 days of your purchase. All returns require an RMA# which can be received from our Customer Service Department only.


    Please inspect your order(s) upon receipt.


    Product images may not reflect the exact physical color of the item as a result of lighting and camera variations.


    We will ship replacements after we receive the returned item(s) from our customer, or once a UPS Damage / UPS Lost Claim has finished.


    Once an RMA # has been issued, the buyer will have 30 days to return the item to us. If any items are returned after the 30 days, the item(s) are subject for rejection. If the item(s) are returned without an RMA #, we reserve the right to reject the item(s).


    All items are a hundred% brand new, unless stated otherwise on the listing.


    PROFESSIONAL installation is highly recommended. Buyer assumes all risk on usage.




Bigbigwholesale

Color

Black

Feature#2

Folding suitcase style-Take It Anywhere!

Dimension

30"x20"x23"

For dog size

Up to 40 lbs

UPC

Does not apply

Package content

1 x Cage, 1 x Tray

Feature#1

Safe and secure slide bolt latches

Feature#3

Rounded edge – Safe for your fur kids

Manufacturer Part Number

YM-2558530

Material

Steel wire cage, ABS plastic tray

Return

Free

Money back Guarantee

60 days

Warranty

90 days

Brand

GENIQUA

Your custom content goes here. You can add the content for individual product
Back to Top