@charset "UTF-8";
#footer_content { text-align: left; width: 100%; height: 100%; padding: 21px 0; margin: 0; overflow: hidden;
background-color: #ceff9e;line-height: 1.6;
}
#ft_contactbox { text-align: right; }
#ft_qrbox img { width: 80%; max-width: 150px;  max-height: 150px;}
.qrbtn {background-color:#fff;color:#000; padding:7px;}
.qrbtn a, .qrbtn a:visited{color:#000;}
.qrbtn i {margin-right: 7px;}
#ft_contactbox ul li a, #ft_contactbox ul li a:visited {color:#000;}
@media screen and (min-width: 0px) and (max-width: 480px) {
#footer_content { padding: 14px; text-align: center; font-size: 16px;}
#ft_companylogo img { display: inline-block; width: 100%;  }
#ft_companylogo { width:100%; }
#ft_contactbox { width:100%; }
#ft_qrbox { font-size: 18px; text-align: center; min-height: 36px; margin-top: 14px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
#footer_content { padding: 14px; font-size: 16px;}
#ft_companylogo { width:100%; }
#ft_contactbox { width:100%; }
#ft_qrbox { font-size: 10px; text-align: center;}
}
@media screen and (min-width: 768px) {
#ft_content { display:table; width:100%; padding: 7px;}
#ft_companylogo, #ft_contactbox, #ft_gmapbox, #ft_qrbox { display: table-cell; }
#ft_companylogo { width:48%; }
#ft_contactbox { vertical-align: bottom; }
#ft_contactbox ul { padding:0 14px; }
#ft_qrbox { width:145px; vertical-align: bottom; }
#ft_contactbox br { display: none; }
#ft_qrbox { font-size: 10px; text-align: center;}
}
#footer_bottom { margin: 0; padding: 20px 0; width: 100%; text-align: center; background-color: #00C300; }
#copyright { font-size: 12px; padding: 0; }
#copyright, #copyright a, #copyright a:visited { color: #fff; }
#headerarea { width: 100%; margin: 0; padding: 0; }
.marqueeX {
margin: 1rem auto;
width: 100%;
text-align: center;
overflow: hidden;
margin-bottom:  1rem;
padding-top: 1rem;
border-top: 1px solid #eee;
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
}
.marqueeX p {
margin:0;
display: inline-block;
padding-left: 100%;
white-space: nowrap;
line-height: 1em;
animation: marqueex 60s linear infinite;
}
.marqueeX p:hover {
animation-play-state: paused;
cursor: default;
}
@keyframes marqueex{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}
.marqueeY {
margin: 0 auto;
width: 100%;
height: 1.5em;
overflow : hidden;
}
.marqueeY p {
display : inline-block;
line-height : 1.5em;
animation : marqueeY 8s linear infinite;
}
@keyframes marqueeY {
0% { transform: translateY(0)}
100% { transform: translateY(-100%)}
}
.highlight { background-color: yellow }
@media screen and (min-width: 0px) and (max-width: 980px) {
#fontnavi { display: none; }
}
#headerlogo a {display:block;}
#logo {margin:7px 0;}
#logotop, #logobottom {font-size:18px;}
#logo ruby rt {font-size:1em;}
#logoarea { width:100%; }
@media screen and (min-width: 768px) and (max-width: 1200px) {
#logoarea {
width:1200px;  margin:0;
}
}
#headerlogo, #headerinfo { display:inline-block; margin: 0; padding:14px;}
#headerlogo { float: left; }
#headerinfo { float:right; text-align: left; font-size:12px;}
.poptext{position: absolute; top: -28px; left: 50%;font-size: 12px; margin-left: -14px; }
#headerinfo ul li { font-size:14px; line-height: 1;}
#headerinfo ul li a, #headerinfo ul li a:visited {color:#000;}
#headerinfo ul.popinfo li.close { opacity:1; }
#headerinfo ul li.info_body{margin-bottom:0!important;}
@media screen and (min-width: 980px) {
#headerinfo { max-width: 60%; }
#headerinfo ul {display: inline-block; float:right;}
#headerinfo ul#openinfo { padding-left:21px;}
#headerinfo ul#contact li { font-size:28px; line-height: 1.2;}
#headerinfo ul#contact li .adress  { font-size:16px; }
#headerinfo ul#contact li.btn  { font-size:14px; }
#headerinfo ul li.btn.hide { display: none!important;}
#headerinfo ul i { margin: 0 3px;  }
#headerinfo ul li.btn {padding-left:10px;padding-right:10px;}
#headerinfo ul#contact li.phonemsg {font-size:14px;color:#BF0000;}
}
@media screen and (min-width: 0px) and (max-width: 979px)  {
header {min-height:52px; padding-top:52px;}
#logoarea {position: fixed; top: 0; right:0; left:0; z-index:900;background-color:#eaffd6;}
#headerlogo, #headerinfo { display: inline-block; padding:0;}
#headerlogo {float:left; max-width: 60%;}
#headerlogo img {width: 100%;}
#headerinfo {float:right;}
#logoarea:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#headerinfo ul {display: inline-block; float:left; margin: 0 3px; padding: 3px; cursor: pointer;}
#headerinfo ul li i {font-size:21px;margin-right:3px;}
#logo ruby rt {font-size:10px;}
#headerlogo { width: auto; }
#logobottom {font-size:16px;}
.menutext{position: absolute; bottom: -7px; left: 50%;
font-size: 11px; margin-left: -14px; background-color:#fff; border-radius: 5px; padding:3px 2px;border: 1px solid rgba(0, 0, 0, .15);
box-shadow: -1px 1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(255, 255,
255, 1) inset;
display: block;line-height: 10px;}
#headerinfo ul li a, #headerinfo ul li a:visited {color:#000;}
#headerinfo ul.popinfo {position: fixed; top: 7px; right:7px; z-index:990; background-color:#fff; border:solid #000 2px; padding:42px 14px;}
#headerinfo ul.popinfo li.close i {display: inline-block;}
#headerinfo ul.popinfo li.close span {display: inline-block;}
#headerinfo ul.popinfo li.forpc,
#headerinfo ul.popinfo li.forpctab { display:block!important; }
#headerinfo ul.popinfo li.forphone { display:none!important;}
#headerinfo ul.popinfo li, #headerinfo ul.popinfo li i {font-size: 21px; margin-bottom:7px;}
#headerinfo ul#openinfo.popinfo li,
#headerinfo ul#accmap.popinfo li {font-size: 18px;}
#headerinfo ul.popinfo li.close { font-size: 16px; color:#000; width:100%; margin-top:32px; margin-bottom:0;}
#headerinfo ul#contact.popinfo li.phonemsg {font-size:14px;color:#BF0000;}
#headerinfo ul#contact.popinfo li.phone {font-size:21px;margin-bottom:14px;}
}
@media screen and (min-width: 461px) and (max-width: 767px)  {
#headerlogo { max-width: 230px;}
}
#headerinfo ul li .map i {font-size:32px;margin-right:3px;}
ul#iconnav { display: inline-block; width: 100%; }
ul#iconnav li { text-align: center; float:left; line-height: 1.1; }
ul#iconnav li i { font-size: 1.6em; margin-right: 0.6em;  }
ul#iconnav li span.line2 i { font-size: 1.3em; margin-top: 0.3em; margin-left: 1em; margin-right: 0; float:left; }
ul#iconnav li span.line2 span.navtext { margin-left: 1em; float:left; }
ul#iconnav li span.navtext { display: inline-block; font-size: 14px; margin-top: 4px; }
ul#iconnav li a { padding-top: 0.8em; padding-bottom: 0.8em; width: 90%; display: inline-block; margin-bottom: 3px; margin-top: 3px; }
ul#iconnav li span.line2 a { padding-top: 0.5em; padding-bottom: 0.3em; width: 100%; display: inline-block; }
ul#iconnav li span.navtext br { display: inherit; }
@media screen and (min-width: 0px) and (max-width: 768px) {
nav {position: fixed; bottom:0; left:0; right:0; z-index:99900;}
ul#iconnav li, ul#iconnav li a, ul#iconnav li a:visited { color: #000; }
nav { background-color:#bfff7f; width: 100%; margin: 0; padding: 0;  }
ul#iconnav li { border-left: 1px solid #00C300; }
ul#iconnav li:first-child { border-left: none; }
ul#iconnav li a:hover { color: #FFF; background-color: #00C300 }
ul#iconnav li a.active, ul#iconnav li a:hover { color: #FFF; background-color: #00C300; }
ul#iconnav li span.line2 i+span br { display: none; }
ul#iconnav li  span.line2 i, ul#iconnav li span.line2 span.navtext { float: none; }
ul#iconnav li i, ul#iconnav li  span.line2 i { font-size: 1.5em; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0; }
ul#iconnav li { width: 16.5%;  overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;}
ul#iconnav li a, ul#iconnav li span.line2 a { padding-top: 0.2em; padding-bottom: 0.2em; }
ul#iconnav li span.navtext { font-size: 10px; display: block; }
}
@media screen and (min-width: 769px) and (max-width: 979px) {
nav {position: fixed; bottom:0; left:0; right:0; z-index:99999;}
ul#iconnav li, ul#iconnav li a, ul#iconnav li a:visited { color: #000; }
nav { background-color:#bfff7f; width: 100%; margin: 0; padding: 0;  }
ul#iconnav li { border-left: 1px solid #00C300; }
ul#iconnav li:first-child { border-left: none; }
ul#iconnav li a:hover { color: #FFF; background-color: #00C300 }
ul#iconnav li a.active, ul#iconnav li a:hover { color: #FFF; background-color: #00C300; }
ul#iconnav li span.line2 i+span br { display: none; }
ul#iconnav li  span.line2 i, ul#iconnav li span.line2 span.navtext { float: none; }
ul#iconnav li i, ul#iconnav li  span.line2 i { font-size: 1.5em; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0; }
ul#iconnav li {  width: 16.5%;  }
ul#iconnav li a, ul#iconnav li span.line2 a { padding-top: 0.2em; padding-bottom: 0.2em; }
ul#iconnav li span.navtext { font-size: 12px; overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;}
}
@media screen and (min-width: 980px) {
ul#iconnav li a { padding-top: 0; padding-bottom: 0; }
ul#iconnav li, ul#iconnav li a, ul#iconnav li a:visited { color: #000; }
nav { background-color:#fff; width: 100%; margin: 0; padding: 0;  }
ul#iconnav li { font-size: 18px; width: 20%; border-left: 1px solid #000; }
ul#iconnav li:first-child { border-left: none; }
ul#iconnav li a:hover { color: #00C300; }
ul#iconnav li a.active, ul#iconnav li a:hover {color: #00C300; font-weight: bold;}
ul#iconnav li i {vertical-align:middle;}
}
#sliderarea { width: 100%; margin-top: 21px; padding: 0;}
/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-rtl .sp-thumbnail-container{float:right}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-rtl .sp-buttons{direction:rtl}.sp-full-screen .sp-buttons{display:none}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px;right:auto}.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}
#infolistbody { padding: 14px 0 14px 14px; }
#skrollbody { position: relative; overflow:hidden;
width: 100%; margin-bottom: 7px; max-height:200px; }
.top_title i {color:#00C300;}
.catebox { position: relative; width:100%; overflow: hidden; }
.catelabel { display: block; color: ; text-align: left; padding: 14px; font-size: 21px; background-color:#00C300; color:#fff; letter-spacing: 0.2em; }
ul.catepost li {display: inline-block; float: left; margin-right: 7px;}
@media screen and (min-width: 0px) and (max-width: 480px) {
.col-xs-6 {display: block; width: 100%;}
.col-xs-6.cate { background-color:#00C300;}
.catelabel { display: inline-block; width:75%;float:right;}
.catebox img {display: inline-block; width:25%;float:left;}
ul.catepost { background-color:#fff; display: block; width:100%;float:left; padding:14px;}
}
@media screen and (min-width: 481px)  {
.col-xs-6 {display: inline-block; float: left; width: 49%;}
.col-xs-6:nth-child(even){margin-right:1.8%;}
.catebox img {display: block; width:100%; }
ul.catepost { display: block; position: absolute; width:100%; padding:14px; bottom:0; left:0; right:0;
background-color: rgba(255,255,255,0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B4FFFFFF, endcolorstr=#B4FFFFFF, gradienttype=0);
}
}
ul#callcontact {display:block; margin-bottom:14px}
ul#callcontact li a {color:#000;}
ul#callcontact li { font-size: 36px;}
ul#callcontact li.phonemsg {font-size:18px;color:#BF0000;}
.clear{ clear:both; }
.gmap_block{ width:320px; }
.gmap_block .gmap_title{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.gmap_block .gmap_photo{
float:left;
margin-right:7px;
overflow:hidden;
}
.gmap_block .gmap_description,
.gmap_block .gmap_info {
font-size:16px;
line-height: 1.2;
}
#gmap_single{
display: inline-block;
margin: 9px 0;
padding: 7px;
cursor: pointer;
color: #fff;
background-color: #649ad2;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#gmap_single .gmap_title{
font-size:16px;
line-height:1.2;
}
#gmap_single .gmap_photo,
#gmap_single .gmap_info,
#gmap_single .gmap_description { display:none; }
.gmap_block #displaymarker {display:none;}
#gmap_single #hidemarker {display:none;}
#gmap_single #displaymarker {display: inline-block;}
.gmap_coord { display:none; }
#gmap_linkbtn { float: left; display: inline-block; font-size:16px; margin: 7px 14px 7px 0;}
#gmap_linkbtn span.btn { padding: 7px; }
#acmap { width: 100%; height: 400px; position: relative; }
@media screen and (min-width: 0px) and (max-width: 800px) {
#acmap { height: 400px; }
#acmap:after{
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:20%;
height:100%;
background:rgba(0,0,0,0.3);
}
}
@media screen and (min-width: 0px) and (max-width: 480px) {
#acmap { height: 300px; }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.col-xs-6.col-sm-12 {width:100%;display:block;float:none;}
}
footer[class^="span"],[class*=" span"] {
margin:0 0 7px; pdding: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.forpc, .forpctab { display:none!important; }
#footer_content > .wrap > .row-fluid > .span3 {width: 100%; margin: 3px 0;}
[class$="_title"], [class*="_title "] {font-size: 18px;}
section.sidebox, footer [class^="icon-span"], footer [class*=" span"] { width: 100%; }
section.sidebox { padding: 14px; }
section.sidebox.w100 { width: 100%; }
#left[class^="span"] section.sidebox { width: 49%; }
#gammainner  section.sidebox { width: 100%; }
dl[class^="dt"] dt,dl[class*=" dt"] dt {width:100%;}
dl[class^="dt"] dd,dl[class*=" dt"] dd {padding:0 14px 3.5px}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
.forpc, .forpctab { display:none!important; }
#footer_content > .wrap > .row-fluid > .span3 {width: 48%; margin: 3px 0.8%;}
[class$="_title"], [class*="_title "] {font-size: 18px;}
section.sidebox { width: 49%; margin-right: 1%; float:left;}
#betainner > section.sidebox{width:100%!important; margin:0 0 3px!important;}
section.sidebox:nth-child(2n) { marigin-right: 0;}
section.sidebox.w100 { width: 100%; margin-right: 0; }
#left[class^="span"] section.sidebox { width: 49%; }
footer.span2 {width: 49%;}
footer.span3 {width: 49%;}
footer.span4 {width: 49%;}
footer.span6 {width: 100%;}
dl[class^="dt"] dt,dl[class*=" dt"] dt {width:100%;}
dl[class^="dt"] dd,dl[class*=" dt"] dd {padding:0 14px 3.5px}
}
@media screen and (min-width: 641px) and (max-width: 799px) {
.forpc, .forpctab  {display:none!important;}
section.sidebox { width: 49%; margin-right: 1%; float:left;}
#betainner > section.sidebox{width:100%!important; margin:0 0 3px!important;}
section.sidebox.w100 { width: 100%; margin-right: 0;}
#left[class^="span"] section.sidebox, span2 section .sidebox, span3 section .sidebox { width: 24%; }
footer.span2 {width: 33%;}
footer.span3 {width: 33%;}
footer.span4 {width: 49%;}
footer.span6 {width: 49%;}
}
@media screen and (min-width: 800px) and (max-width: 979px) {
section.sidebox { width: 49%; margin-right: 1%; float:left;}
}
@media screen and (min-width: 800px) {
.forphone, .forsmart {display:none!important;}
footer.span2 {width: 19.5%;}
footer.span3 {width: 24%;}
footer.span4 {width: 33%;}
footer.span6 {width: 49%;}
#sidemenubox {display:none;}
.content_body{font-size: 17px;}
}
@media screen and (min-width: 980px)  {
#layout-tw #alphabox {min-height:1000px;}
}
@media screen and (min-width: 0px) and (max-width: 979px) {
#betainner > section.sidebox{width:100%!important; margin:0 0 3px!important;}
body { width:100%; margin:0; padding:0; }
header,footer,#alphabox, #betabox, #beta2box, #gammabox {
padding: 3px 7px; margin: 0; width: 100%;
float: none; display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#beta2box { padding: 0 14px; margin: 0; width: 90%; }
#left[class^="span"] { width: 100%; padding: 0; margin: 0; float: none; display: block; }
#alphabox, #betabox, #gammabox { height: auto; padding-bottom: 0px !important; margin-bottom: 0px !important; }
#betainner, #gammainner { padding-top: 0; padding-bottom: 7px; }
[id^="wrap_"], [id*=" wrap_"], [class^="wrap_"], [class*=" wrap_"], .wrap { margin: 0px; padding: 0px; border: none;}
#font-resize-area { padding: 7px 0; }
header, footer { margin: 0px; padding: 0px; }
[class$="_body"],[class*="_body "] { padding-left: 7px;padding-right: 7px; }
}
/* clearfix */
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:100%;height:0 }
.clearfix { width:100%; }
.clearfix:after,
[class$="_tilte"]:after, [class*="_tilte "]:after,
[class$="_box"]:after, [class*="_box "]:after,
[class$="_body"]:after, [class*="_body "]:after,
[class^="wrap_"]:after ,[class*=" wrap_"]:after,
[id^="wrap_"]:after ,[id*=" wrap_"]:after,
.wrap:after { content: ""; display: block; clear: both; font-size:0; line-height:0; visibility:hidden; width:100%; height:0;}
[class$="_tilte"],[class*="_tilte "],
[class$="_box"], [class*="_box "],
[class$="_body"], [class*="_body "] {overflow: hidden;zoom: 1;}
[class$="_body"], [class*="_body "] { text-align: justify; text-justify: inter-ideograph; }
.content_body{line-height: 1.8;}
.catenextpre_body {margin-top:21px;margin-bottom:32px;font-size:19px;}
.backbtn {margin-top:21px;margin-bottom:52px;}
@media screen and (min-width: 0px) and (max-width: 800px) {
.st-pusher {position: relative;}
.st-menu-open .st-pusher::after {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
content: '';
width: 100%;
height: 120%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
z-index: 99;
}
.st-menu {
position: fixed;
top: 0;
left: 0;
bottom: 0;
overflow-y: scroll;
z-index:9999;
visibility: hidden;
width: 80%;
height: 100%;
background: #f3f3f3;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.st-menu::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: '';
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.st-menu-open .st-menu::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* Individual effects */
/* Effect 1: Slide in on top */
.st-effect-1.st-menu,.st-effect-2.st-menu,.st-effect-3.st-menu,.st-effect-4.st-menu {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.st-effect-1.st-menu-open .st-effect-1.st-menu,
.st-effect-2.st-menu-open .st-effect-2.st-menu,
.st-effect-3.st-menu-open .st-effect-3.st-menu,
.st-effect-4.st-menu-open .st-effect-4.st-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
overflow-y: scroll;
}
.st-effect-1.st-menu::after,
.st-effect-2.st-menu::after,
.st-effect-3.st-menu::after,
.st-effect-4.st-menu::after {
display: none;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
padding-left: 80%;
}
}
.st-trigger-effects a, .st-trigger-effects a:visited { color: #000; }
@media screen and (min-width: 0px) and (max-width: 460px) {
#header-navbar { bottom: 7px; right: 2%; font-size: 10px; }
}
@media screen and (min-width: 461px) and (max-width: 979px) {
#header-navbar { bottom: 7px; right: 4%; }
}
@media screen and (min-width: 0px) and (max-width: 979px) {
.closebtn { position: fixed; top: 7px; right: 7px; display: inline-block; z-index: 99999;}
.closebtn:hover { cursor: pointer; }
.closebtn i { font-size: 32px; }
#header-navbar, #footer-navbar { position: absolute;
position: fixed; margin: 0; pading: 0; z-index:999999; display: block;
background-color: transparent;
}
#footer-navbar { bottom:0; left:0; right: 0; background-color:#f3f3f3; }
.st-trigger-effects button {font-size: 21px; border: none; background-color: transparent;}
.st-trigger-effects i { margin: 0; padding: 0;}
.st-trigger-effects button, .st-trigger-effects span.btn {margin:0;}
#sitetoppage #header-navbar {display:none;}
}
#footer-navbar.static { position:static;}
@media screen and (min-width: 980px) {
.closebtn,#footer-navbar,#header-navbar { display: none;}
}
#header-navbar .btn {padding: 7px 3px 3px;}
.mnbtn-title {font-size:12px;display:block;width:100%;}