Pool Side Porch Chaise Lounge Chair Outdoor Patio Sun Bed Rattan Furniture

<!–
/* =============================================================================
HTML5 display definitions
========================================================================== */
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; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {font-family: 'Muli', sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
/* Dreamweaver: uncomment these if you do want to customize the selection highlight
*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
*::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
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 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: 'Muli', sans-serif; _font-family: 'Muli', sans-serif, monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
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%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
/*
* 'border-collapse: collapse;' needs to be overridden in designs having tables with rounded corners and drop shadows.
*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: 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: ""; } /* Don't show links for images, or javascript/internal links */
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";
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
https://www.alistapart.com/articles/fluid-images/
*/
@import url(https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900);
img, object, embed, video {
max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
}
/*
Dreamweaver Fluid Grid Properties
———————————-
dw-num-cols-mobile: 4;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 12;
dw-gutter-percentage: 25;

Inspiration from "Responsive Web Design" by Ethan Marcotte
https://www.alistapart.com/articles/responsive-web-design

and Golden Grid System by Joni Korpi
https://goldengridsystem.com/
*/
.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}
.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;
}
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout.——————————————- */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 90%;
max-width: 1232px;
margin: auto;
clear: none;
float: none;
padding-left: 0.75%;
padding-right: 0.75%;
font-family: 'Muli', sans-serif;
background-color: #FFFFFF
}
#div1 {
width: 74.5762%;
text-align:center
}
#div2 {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
text-align: right;
font-size:1.35rem;
font-weight:700;
margin-top:6.5rem;
font-family: 'Muli', sans-serif;
}
#div3 {
}
#div4 {
text-align: center;
padding-bottom:0.5rem
}
#div5 {
width: 66.1016%;
display:block;
text-align: center
}
#div6 {
width: 32.2033%;
clear: none;
margin-left: 1.6949%;
}
#div7 {
width: 66.1016%;
display:block
}
#div8 {
width: 32.2033%;
clear: none;
margin-left: 1.6949%;
}
#div9 {
}
#div10 {
}
#div11 {
}
#div12 {
}
#div13 {
}
#div14 {
}
#div15 {
background-color: #000;
border-top-width: thick;
border-top-style: solid;
border-top-color: #78be20;
font-family: 'Muli', sans-serif;
}
#div16{
display:none;
}
#logo{
padding-right:20%;
padding-top:1%
}
.move{
padding-left:20%
}
#categories{
margin:1% 0
}
#menu, .menu{
width: 16.6%;
float: left;
font-family: 'Muli', sans-serif;
text-align: center;
font-size: 0.8rem;
margin-top: 1%;
margin-bottom:1%;
font-weight: 700;
}
.adtitle{
color: #030303;
line-height: 1.8rem;
font-size: 1.4rem;
word-wrap: break-word;
word-break: normal;
font-weight: 700;
font-family: 'Muli', sans-serif;
}
.font01{
line-height: 1rem;
font-size: 1rem;
font-weight: 800;
color: #78be20;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
margin-left:.8rem
}
.font02{
font-size: x-small;
font-weight: 400;
color: #FFFFFF;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
}
#paypal-icon{
position: inherit;
bottom:0
}
#word, .word{
margin-left:.1rem;
font-family: 'Muli', sans-serif;
}
#word ul {
list-style-type: disc;
padding-left: 1.7rem;
margin-top:.3rem;
}
#word li {
list-style-type: circle;
line-height: 1.5rem;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
white-space: pre-wrap;
font-family: 'Muli', sans-serif;
font-size: 0.8rem;
}
#title2{
text-align: center;
font-family: muli;
font-style: normal;
font-weight: 800;
font-size: 1rem;
font-family: 'Muli', sans-serif;
}
#topitem{
}
#topitem ul {
margin:1% 0;
padding:0
}
#topitem li {
list-style-type: none;
float:left;
width:16%;
margin:0 2%
}
#topitem img{
border: 2px solid #FFFFFF
}
#topitem img:hover{
border: 2px solid #78be20
}
#banner{
width:100%;
opacity: 0.7;
}
#banner li{
list-style-type: none;
float:left;
width:33.33%;
margin-bottom:1rem
}
#banner ul{
padding:0;
text-align:center
}
#logo-w{
width:30%;
float: left;
margin:1rem 1rem;
text-align:center
}
#ContactUs{
width:50%;
float:right;
margin-top:1.5%;
margin-right:2%;
display:block;
line-height: 1rem;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
font-size: 1rem;
}
.hr2{
border-width: 2px 0px 0px 0px; /* 太? */
border-style: solid; /* 線種 */
border-color: #FFFFFF; /* 線色 */
height: 1px; /* 高? */
margin-top: 1rem;
}
#title{
background-color: #030303;
color: #FFFFFF;
padding: 0.1em 0.7em;
border-radius: 1.5rem;
font-weight: 500;
word-wrap: break-word;
word-break: normal;
height: 2rem;
font-family: 'Muli', sans-serif;
font-size: 1.2rem;
}
.zeroMargin_desktop{
margin-left: 0;
}
.hide_desktop{
display: none;
}
#tabtab{
width:80%;
margin-left:10%
}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. ————————————————————————-*/
@media only screen and (min-width : 481px) and (max-width : 768px) {
.gridContainer {
width: 95%;
padding-left: 1.1875%;
padding-right: 1.1875%;
clear: none;
float: none;
margin: auto;
font-family: 'Muli', sans-serif;
background-color: #FFFFFF
}
#div1 {
width: 61.5384%;
text-align:center
}
#div2 {
width: 35.8974%;
clear: none;
margin-left: 2.5641%;
text-align: right;
font-size:1.3rem;
font-weight:700;
margin-top:6.5rem;
font-family: 'Muli', sans-serif;
}
#div3 {
padding:2% 0
}
#div4 {
text-align: center;
padding-bottom:0.5rem
}
#div5 {
width: 61.5384%;
text-align: center
}
#div6 {
width: 35.8974%;
clear: none;
margin-left: 2.5641%;
}
#div7 {
width: 61.5384%;
display:block
}
#div8 {
width: 35.8974%;
clear: none;
margin-left: 2.5641%;
}
#div9 {
}
#div10 {
}
#div11 {
}
#div12 {
}
#div13 {
}
#div14 {
}
#div15 {
background-color: #000;
border-top-width: thick;
border-top-style: solid;
border-top-color: #78be20;
}
#div16 {
display:none;
}
#logo{
padding-top:1%
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
#categories{
margin:1% 0
}
#menu, .menu{
width: 33.33%;
float: left;
font-family: 'Muli', sans-serif;
text-align: left;
font-size: 0.8rem;
margin:0.8% 0;
font-weight: 700;
}
.adtitle{
color: #030303;
line-height: 1.6rem;
font-size: 1.2rem;
word-wrap: break-word;
word-break: normal;
font-weight: 700;
font-family: 'Muli', sans-serif;
}
.font01{
line-height: 1rem;
font-size: 0.9rem;
font-weight: 800;
color: #78be20;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
margin-left:.8rem
}
.font02{
font-size: x-small;
font-weight: 400;
color: #FFFFFF;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
}
#paypal-icon{
}
#paypal-icon img{
width:17.5%
}
#word, .word{
margin-left:.1rem;
font-family: 'Muli', sans-serif;
}
#word ul {
list-style-type: disc;
padding-left: 1.7rem;
margin-top:.3rem;
}
#word li {
list-style-type: circle;
line-height: 0.9rem;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
white-space: pre-wrap;
font-family: 'Muli', sans-serif;
font-size: 0.8rem;
}
#title2{
text-align: center;
font-style: normal;
font-weight: 800;
font-size: 1rem;
font-family: 'Muli', sans-serif;
}
#topitem{
}
#topitem ul {
margin:1% 0;
padding:0
}
#topitem li {
list-style-type: none;
float:left;
width:18%;
margin:0 1%
}
#topitem img{
border: 2px solid #FFFFFF
}
#topitem img:hover{
border: 2px solid #78be20
}
#banner{
width:100%;
opacity: 0.7;
}
#banner li{
list-style-type: none;
float:left;
width:33.33%;
margin-bottom:1rem
}
#banner ul{
padding:0;
margin:0;
text-align:center
}
#logo-w{
width:40%;
float: left;
margin:1rem 1rem;
text-align:center
}
#ContactUs{
width:48%;
float:right;
margin-top:1%;
margin-right:3%;
display:block;
line-height: 1rem;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
font-size: .8rem;
}
.hr2{
border-width: 2px 0px 0px 0px; /* 太? */
border-style: solid; /* 線種 */
border-color: #FFFFFF; /* 線色 */
height: 1px; /* 高? */
margin-top: 1rem;
}
#title{
background-color: #030303;
color: #FFFFFF;
padding: 0.1em 0.7em;
border-radius: 1.5rem;
font-weight: 500;
word-wrap: break-word;
word-break: normal;
height: 2rem;
font-family: 'Muli', sans-serif;
font-size: 1.2rem;
}
.zeroMargin_desktop{
margin-left: 0;
}
.hide_desktop{
display: none;
}
#tabtab{
width:80%;
margin-left:10%
}
}
/* Mobile Layout: 480px and below. ——————————————————————————————————–*/
@media only screen and (max-width : 480px){
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 100%;
clear: none;
float: none;
font-family: 'Muli', sans-serif;
background-color: #FFFFFF
}
#div1 {
width: 100%;
text-align:center
}
#div2 {
width: 100%;
margin-left: 0;
clear: both;
text-align: center;
font-size:1rem;
font-weight:700;
margin-top:1rem;
margin-bottom:1rem;
font-family: 'Muli', sans-serif;
}
#div3 {
display:none
}
#div4 {
text-align: center;
}
#div5 {
width: 100%;
text-align: center
}
#div6 {
width: 100%;
margin-left: 0;
clear: both;
}
#div7 {
width: 100%;
display:none
}
#div8 {
width: 100%;
margin-left: 0;
clear: both;
}
#div9 {
}
#div10 {
}
#div11 {
}
#div12 {
}
#div13 {
}
#div14 {
}
#div15 {
background-color: #000;
border-top-width: thick;
border-top-style: solid;
border-top-color: #78be20;
}
#div16 {
display:block
}
#logo{
padding-top:1%
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.adtitle{
color: #030303;
line-height: 1.6rem;
font-size: 1.2rem;
word-wrap: break-word;
word-break: normal;
font-weight: 700;
font-family: 'Muli', sans-serif;
}
.font01{
line-height: 1rem;
font-size: 1rem;
font-weight: 800;
color: #78be20;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
margin-left:.6rem
}
.font02{
font-size: small;
font-weight: 400;
color: #FFFFFF;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
text-align:left
}
#paypal-icon{
text-align:center
}
#paypal-icon img{
width:17.5%
}
#word, .word{
margin-left:.1rem;
font-family: 'Muli', sans-serif;
}
#word ul {
list-style-type: disc;
padding-left: 1.7rem;
margin-top:.3rem;
}
#word li {
list-style-type: circle;
line-height: 1.2rem;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
white-space: pre-wrap;
font-family: 'Muli', sans-serif;
font-size: 0.9rem;
}
#title2{
text-align: center;
font-family: muli;
font-style: normal;
font-weight: 800;
font-size: 1rem;
font-family: 'Muli', sans-serif;
}
#topitem{
}
#topitem ul {
padding:0
}
#topitem li {
list-style-type: none;
float:left;
width:17.8%;
margin:1% 1%;
}
#topitem img{
border: 2px solid #FFFFFF
}
#topitem img:hover{
border: 2px solid #78be20
}
#banner{
width:100%;
opacity: 0.7;
}
#banner li{
list-style-type: none;
width:100%;
margin-bottom:.5rem;
}
#banner ul{
padding:0;
margin:0;
text-align:center
}
#logo-w{
width:97%;
margin:.5rem .5rem;
text-align:center
}
#ContactUs{
width:80%;
margin-top:5%;
margin: 0 auto;
text-align:left;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
font-size: .8rem;
line-height:1rem;
}
.hr2{
border-width: 2px 0px 0px 0px; /* 太? */
border-style: solid; /* 線種 */
border-color: #FFFFFF; /* 線色 */
height: 1px; /* 高? */
margin-top: 1rem;
}
#title{
color: #FFFFFF;
padding: 0.1em 0.6em;
font-weight: 500;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
font-size: 1.2rem;
}
.zeroMargin_desktop{
margin-left: 0;
}
.hide_desktop{
display: none;
}
#tabtab{
width:95%;
}
}
/* Mobile Layout: 320px and below. ——————————————————————————————————–*/
@media (max-width:320px){
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 100%;
clear: none;
float: none;
font-family: 'Muli', sans-serif;
background-color: #FFFFFF
}
#div1 {
width: 100%;
text-align:center
}
#div2 {
width: 100%;
margin-left: 0;
clear: both;
text-align: center;
font-size:1rem;
font-weight:700;
margin-top:1rem;
margin-bottom:1rem;
font-family: 'Muli', sans-serif;
}
#div3 {
display:none
}
#div4 {
text-align: center;
}
#div5 {
width: 100%;
text-align: center
}
#div6 {
width: 100%;
margin-left: 0;
clear: both;
}
#div7 {
width: 100%;
display:none
}
#div8 {
width: 100%;
margin-left: 0;
clear: both;
}
#div9 {
}
#div10 {
}
#div11 {
}
#div12 {
}
#div13 {
}
#div14 {
}
#div15 {
background-color: #000;
border-top-width: thick;
border-top-style: solid;
border-top-color: #78be20;
}
#div16 {
display:block
}
#logo{
padding-top:1%
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.adtitle{
color: #030303;
line-height: 1.6rem;
font-size: 1.2rem;
word-wrap: break-word;
word-break: normal;
font-weight: 700;
font-family: 'Muli', sans-serif;
}
.font01{
line-height: 0.9rem;
font-size: 1rem;
font-weight: 800;
color: #78be20;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
margin-left:.8rem
}
.font02{
font-size: small;
font-weight: 400;
color: #FFFFFF;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
text-align:left
}
#paypal-icon{
text-align:center
}
#paypal-icon img{
width:17.5%
}
#word, .word{
margin-left:.1rem;
font-family: 'Muli', sans-serif;
}
#word ul {
list-style-type: disc;
padding-left: 1.7rem;
margin-top:.3rem;
}
#word li {
list-style-type: circle;
line-height: 1.2rem;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
white-space: pre-wrap;
font-family: 'Muli', sans-serif;
font-size: 0.9rem;
}
#title2{
text-align: center;
font-family: muli;
font-style: normal;
font-weight: 800;
font-size: 1rem;
font-family: 'Muli', sans-serif;
}
#topitem{
}
#topitem ul {
padding:0
}
#topitem li {
list-style-type: none;
float:left;
width:17.8%;
margin:1% 1%;
}
#topitem img{
border: 2px solid #FFFFFF
}
#topitem img:hover{
border: 2px solid #78be20
}
#banner{
width:100%;
opacity: 0.7;
}
#banner li{
list-style-type: none;
width:100%;
margin-bottom:.5rem;
}
#banner ul{
padding:0;
margin:0;
text-align:center
}
#logo-w{
width:97%;
margin:.5rem .5rem;
text-align:center
}
#ContactUs{
width:95%;
margin-top:3%;
text-align:left;
margin: 0 auto;
font-weight: 300;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
font-size: .8rem;
line-height:1rem;
}
.hr2{
border-width: 2px 0px 0px 0px; /* 太? */
border-style: solid; /* 線種 */
border-color: #FFFFFF; /* 線色 */
height: 1px; /* 高? */
margin-top: 1rem;
}
#title{
color: #FFFFFF;
padding: 0.1em 0.6em;
font-weight: 500;
word-wrap: break-word;
word-break: normal;
font-family: 'Muli', sans-serif;
font-size: 1.1rem;
}
.zeroMargin_desktop{
margin-left: 0;
}
.hide_desktop{
display: none;
}
#tabtab{
width:93.6%;
}
}
a{
outline: medium none !important;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #78be20;
}
a:active {
text-decoration: none;
}
body,td,th {
font-family: muli;
font-style: normal;
font-weight: 300;
}