html { height: 100%; }
body { margin: 0px; padding: 0px; min-width: 1200px; min-height: 100%; height: 100%; position: relative; background: url("./img/bg.jpg") repeat-x scroll center top white; }
body { font-family: 'Roboto', sans-serif; color: #272727; font-size: 16px; }
img { border: 0px; }
.fsize { width: 100%; }
.warning, .alert, .require { color: red; }
.hidden { display: none; display: none !important; }
.clr { clear: both; }
p.alert { font-weight: 500; text-align: center; padding: 5px 0px 5px 0px; }
.cnt { text-align: center; }
.editorbox { width: 100%; overflow: hidden; }
.editorbox div.edbox_tabs { width: 100%; overflow: hidden; }
.editorbox div.edbox_tabs ul { margin: 0px; padding: 0px; list-style: none; }
.editorbox div.edbox_tabs ul li { margin: 0px; padding: 2px 10px; float: left; background-color: #efefef; border: 0px; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
.editorbox div.edbox_tabs ul li.active { background-color: #cdcdcd; }
.editorbox div.edbox_tabs ul li a { color: black; font-weight: 600; font-size: 1em; text-decoration: none; }
.editorbox div.edbox_tabs ul li a:hover { text-decoration: underline; }
.editorbox div.edbox_input { width: 100%; overflow: hidden; }
.editorbox div.edbox_input ul { margin: 0px; padding: 0px; list-style: none; }
.editorbox div.edbox_input ul li { margin: 0px; padding: 0px 2px 0px 0px; }
div.text { width: 100%; overflow: hidden; }
div.text ul { margin: 0px; padding: 0px; list-style: inside; }
div.text ul li { margin: 0px 0px 0px 20px; padding: 4px 0px; }
div.text a { color: #272727; text-decoration: none; }
div.text a:hover { text-decoration: underline; }
input, select { height: 30px; }
textarea { height: 100px; }
input, select, textarea { background-color: white; border: 1px solid #cdcdcd; }
form select option.section { font-size: 0.8em; text-align: center; }
table { font-size: 1em; }
table.bordered { border-collapse: collapse; }
table.bordered th { padding: 2px 10px; border: 1px solid #cdcdcd; background-color: #efefef; color: black; font-size: 12px; }
table.bordered td { padding: 2px 5px; border: 1px solid #cdcdcd; }
table.bordered tr.tr1 { background-color: #f0f0f0; }
table.bordered tr.tr1 td { background-color: #f0f0f0; }
table td.label { color: #272727; font-weight: 500; }
form { margin: 0px; padding: 0px; }
form button { background-color: #00b9a1; border: 0px; text-align: center; color: white; font-weight: 600; font-size: 0.9em; padding: 8px 10px; text-decoration: none; }
form table { font-size: 0.9em; }
p { margin: 0px; padding: 2px 0px; }
h1 { font-size: 1.4em; padding: 0px 0px 10px 0px; margin: 0px; line-height: 1em; text-align: left; font-weight: normal; text-transform: uppercase; color: black; }
h2,h3 { font-size: 1.2em; }
h4,h5,h6 { font-size: 1.1em; }
h2,h3,h4,h5,h6 { margin: 0px; display: block; clear: both; font-weight: 500; }
h2,h3,h4,h5,h6 { padding: 15px 0px 5px 0px; }
#sitebox { height: auto; min-height: 100%; width: 100%; position: relative; overflow: hidden; }
.sitebox { width: 1000px; height: inherit; overflow: hidden; margin: 0px auto; position: relative; }
.hfooter { width: 100%; height: 215px; overflow: hidden; }
#footer { width: 100%; height: 195px; margin: -195px 0px 0px 0px; position: relative; background-color: #e7e7e7; }
#footer .feedback { position: absolute; left: 45px; top: 32px; width: 250px; }
#footer .feedback p { padding: 0px 0px 10px 0px; }
#footer .feedback input { background-color: white; border: #d3d2d8; height: 40px; line-height: 40px; width: 100%; text-indent: 10px; font-style: italic; }
#footer .feedback a { background-color: #00b9a1; border: 0px; text-align: center; color: white; font-weight: 500; font-size: 0.95em; height: 40px; line-height: 40px; width: 100%; display: block; text-decoration: none; }
#footer .vcard { position: absolute; left: 770px; top: 28px; }
#footer .vcard p { padding: 0px 0px 10px 0px; }
#footer .vcard p.city { color: #828282; }
#footer .vcard p.addr { color: #828282; font-size: 0.8em; line-height: 1.2em; }
#footer .vcard p.phone { color: #828282; font-size: 1.0em; font-weight: 500; }
#footer .socialbox { position: absolute; bottom: 20px; left: 770px; }
#footer .menu { position: absolute; left: 470px; top: 30px; }
#footer .menu ul { margin: 0px; padding: 0px; list-style: none; }
#footer .menu ul li { margin: 0px; padding: 1px 0px; }
#footer .menu ul li a { color: #828282; text-decoration: none; text-transform: uppercase; font-size: 0.8em; line-height: 1em; }
#footer .menu ul li a:hover { text-decoration: underline; }
#header { width: 100%; height: 113px; position: relative; }
#header a.logo { width: 208px; height: 42px; display: block; position: absolute; top: 40px; left: 0px; background: url("./img/logo.png") no-repeat scroll center center; }
#header a.callback { width: 206px; height: 41px; line-height: 41px; display: block; text-decoration: none; border: 1px solid #00b9a1; background-color: white; color: #00b9a1; position: absolute; right: 0px; top: 35px; font-size: 0.95em; font-weight: 500; }
#header a.callback span { display: block; height: 41px; padding: 0px 0px 0px 55px; background: url("./img/i.phone.gif") no-repeat scroll 14px center; }
#header a.callback:hover { border: 1px solid #cdcdcd; }
#header p.phone { position: absolute; left: 335px; top: 0px; line-height: 113px; color: black; font-size: 1.2em; }
#header p.email { position: absolute; left: 580px; top: 0px; line-height: 113px; color: black; font-size: 0.9em; }
#header p.email a { color: black; text-decoration: underline; }
#header p.email a:hover { text-decoration: none; }
#mainmenu { height: 51px; overflow: hidden; background-color: #00b9a1; margin: 0px 0px 20px 0px; }
#mainmenu ul { margin: 0px; padding: 0px; list-style: none; display: table; width: 100%; }
#mainmenu ul li { margin: 0px; padding: 0px; height: 51px; display: table-cell; text-align: center; vertical-align: middle; }
#mainmenu ul li.sp { background: url("./img/mainmenu.sp.gif") no-repeat scroll left center; }
#mainmenu ul li a { color: white; text-transform: uppercase; font-size: 0.9em; text-decoration: none; font-weight: 500; }
#mainmenu ul li a:hover { text-decoration: none; }
#mainmenu ul li ul { display: none; }
#sidecontent { position: relative; overflow: hidden; width: 100%; padding: 0px 0px; }
#sidecontent div.contboxxer { float: left; width: 100%; position: relative; overflow: hidden; }
#sidecontent .content1r { }
#sidecontent .content2r { padding: 0px 0px 0px 270px; }
#content { position: relative; }
#sideLeft { position: relative; float: left; margin: 0px 0px 0px -100%; width: 251px; padding: 0px; overflow: hidden; }
#sideLeft .menu { }
#sideLeft .menu h5 { display: block; padding: 10px 20px 10px 10px; color: #272727; text-decoration: none; font-size: 1.0em; border: 1px solid #82ecde; border-bottom: 2px solid #82ecde; font-weight: 500; }
#sideLeft .menu ul { padding: 0px; margin: 0px; list-style: none; }
#sideLeft .menu ul li { padding: 0px; margin: 0px; border: 1px solid #82ecde; display: block; border-top: 0px; }
#sideLeft .menu ul li a { display: block; padding: 10px 20px 10px 10px; color: #272727; text-decoration: none; font-size: 0.9em; }
#sideLeft .menu ul li a:hover { background-color: #fafafa; }
#sideLeft .menu ul li a.submenu { background: url("./img/lmenu.submenu.gif") no-repeat scroll 225px center; }
#sideLeft .menu li.l2 a { padding: 0px 0px 10px 15px; }
#sideLeft .menu li.l3 a { padding: 0px 0px 10px 20px; }
#sideLeft .menu li.l3 a { font-size: 0.75em; }
#sideLeft .menu ul li ul li { border: 0px; }
#sideLeft .menu ul li ul li a { padding: 5px 20px 0px 10px; }
#sideLeft .menu ul li ul li a.submenu { background: none; }
#sideLeft .menu a.active { font-weight: 500; color: #00b9a1; }
#navbar { color: #666666; padding: 5px 0px 10px 0px; font-size: 0.7em; }
#navbar a { color: #666666; text-decoration: none; }
.tgheader h1 { padding: 0px; color: #333; }
#subpage_list { overflow: hidden;}
#subpage_list ul { margin: 0px; padding: 0px; list-style: none; }
#subpage_list ul li { margin: 0px; padding: 2px 0px; }
#subpage_list ul li a { color: #00b9a1; text-decoration: underline; }
#subpage_list ul li a:hover { text-decoration: none; }
.content2r #subpage_images { width: 750px; }
#subpage_images { overflow: hidden; }
#subpage_images .item { width: 173px; height: 212px; overflow: hidden; float: left; margin: 0px 10px 10px 00px; border: 1px solid #cdcdcd; position: relative; }
#subpage_images .item .imagebox { width: 173px; height: 140px; text-align: center; overflow: hidden; background-color: #f6f6f6; border-bottom: 1px solid #cdcdcd; }
#subpage_images .item .imagebox a { display: block; width: 173px; height: 140px; }
#subpage_images .item .name { padding: 5px 10px 0px 10px; text-align: center; }
#subpage_images .item .name a { color: #00b9a1; text-decoration: none; font-size: 0.9em; }
#subpage_images .item .name a:hover { text-decoration: none; }
#subpage_images .item a.mask { position: absolute; top: 0px; left: 0px; width: 173px; height: 212px; color: #00b9a1; text-decoration: none; font-size: 0.9em; text-align: center; }
#subpage_images .item a.mask span { display: block; padding: 145px 10px 0px 10px; }
#subpage_images .item a.mask:hover span { text-decoration: underline; }
#wpopup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background:url("./img/sw.png") repeat center center; z-index: 99; }
#wpopup .itembox { width: 380px; margin: 100px auto 0px; position: relative; overflow: hidden; }
#wpopup .itembox .boxxer { width: 362px; background-color: white; border: 5px solid #00b9a1; margin: 8px 0px 0px 0px; overflow: hidden; text-align: center; }
#wpopup .itembox .boxxer { -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px }
#wpopup .itembox .boxxer .box { padding: 10px 15px 15px 15px; overflow: hidden; }
#wpopup a.send { width: 150px; height: 30px; line-height: 30px; background-color: #00b9a1; color: white; font-weight: 500; display: block; margin: 0px auto; text-align: center; text-transform: uppercase; text-decoration: none; }
#wpopup a.send:hover { background-color: #00a991; }
#wpopup a.wclose { width: 22px; height: 22px; display: block; position: absolute; top: 0px; right: 0px; background: url("./img/wclose.png") no-repeat scroll right top; }
#wpopup h3 { padding: 20px 0px 20px 0px; text-transform: uppercase; color: black; font-weight: normal; font-size: 1.2em; }
#wpopup td { padding: 4px 0px; text-align: left; transition: all .3s linear; }
#wpopup input { width: 100%; height: 30px; border: 1px solid #cdcdcd; background-color: white; text-indent: 5px; }
#wpopup textarea { width: 100%; height: 50px; border: 1px solid #cdcdcd; background-color: white; text-indent: 5px; }
#wpopup .require { border: 1px solid red; color: black; }
#wpopup .green { border: 1px solid #00a991 !important; }
#sliderbox { width: 100%; height: 428px; overflow: hidden; position: relative; margin: 0px 0px 10px 0px; }
#slider { width: 1000px; height: 428px; overflow: hidden; position: relative; margin: 0px auto; }
#slider .boxxer { position: absolute; top: 0px; left: 0px; }
#sliderbox .item { width: 1000px; height: 428px; overflow: hidden; float: left; position: relative; }
#sliderbox .item .image { width: 1000px; height: 428px; overflow: hidden; position: relative; }
#sliderbox .item a.mask { width: 1000px; height: 428px; display: block; position: absolute; top: 0px; left: 0px; }
#sliderbox a.arr { width: 39px; height: 37px; display: block; background: url("./img/slider.arr.png") no-repeat scroll left center; position: absolute; top: 141px; right: 0px; z-index: 5; }
#sliderbox a.arr { display: none; }
#sliderbox a.arl { width: 39px; height: 37px; display: block; background: url("./img/slider.arl.png") no-repeat scroll left center; position: absolute; top: 141px; left: 0px; z-index: 5; }
#sliderbox a.arl { display: none; }
#sliderbox ul.idx { position: absolute; right: 5px; bottom: 5px; z-index: 10; list-style: none; margin: 0px; padding: 0px; text-align: center; }
#sliderbox ul.idx li { float: left; margin: 0px 5px; padding: 0px; }
#sliderbox ul.idx li a { display: block; width: 8px; height: 8px; background: url("./img/dot.png") no-repeat scroll left center; }
#sliderbox ul.idx li a.active { background: url("./img/dot.png") no-repeat scroll right center; }
#sliderbox ul.idx li a:hover { }
#pr_show { width: 100%; overflow: hidden; padding-top: 15px; }
#pr_show .nside { width: 100%; overflow: hidden; float: left; position: relative; }
#pr_show .rside { padding: 0px 0px 0px 270px; }
#pr_show .rside .ntext { }
#pr_show .rside .ntext table { font-size: 0.8em; }
#pr_show .lside { width: 250px; margin: 0px 0px 0px -100%; float: left; position: relative; }
#pr_show .lside .pimage { border: 1px solid #cdcdcd; margin: 0px 0px 10px 0px; overflow: hidden; width: 248px; height: 148px; position: relative; }
#pr_show .lside .pimage div.boxx { position: absolute; top: 0px; left: 0px; height: 148px; }
#pr_show .lside .pimage div.item { overflow: hidden; width: 248px; height: 148px; overflow: hidden; float: left; }
#pr_show .lside .pimage div.item a { float: left; width: 100%; }
#pr_show .lside .pimage div.item img { float: left; width: 100%; margin-top: -10px; }
#pr_show .lside .simage { width: 100%; overflow: hidden; }
#pr_show .lside .simage div { width: 50px; height: 50px; float: left; margin: 0px 5px 0px 0px; overflow: hidden; border: 1px solid black; }
#agallery { padding: 0px 10px; overflow: hidden; position: relative; }
#agallery .box { width: 200px; margin: 0 auto; box-sizing: border-box; height: 55px; overflow: hidden; position: relative; }
#agallery .boxxer { height: 100%; overflow: hidden; position: absolute; top: 0px; }
#agallery .boxxer .item { width: 50px; height: 50px; float: left; margin: 0px 6px 0px 0px; overflow: hidden; border: 1px solid #cdcdcd; }
#agallery .boxxer .item a { display: table-cell; width: 50px; height: 50px; text-align: center; vertical-align: middle; }
#agallery a.arr { width: 8px; height: 50px; display: block; position: absolute; top: 0px; right: 0px; background: url("./img/agallery.arr.png") no-repeat scroll right center; }
#agallery a.arl { width: 8px; height: 50px; display: block; position: absolute; top: 0px; left: 0px; background: url("./img/agallery.arl.png") no-repeat scroll left center; }
#gallery { width: 100%; overflow: hidden; }
#gallery .aitem { width: 120px; height: 140px; float: left; margin: 0px 10px 10px 0px; }
#gallerys { height: 148px; padding: 10px 20px; overflow: hidden; background-color: #f4f4f4; position: relative; }
#gallerys .boxx { width: 100%; height: 148px; overflow: hidden; position: relative; }
#gallerys .boxxer { position: absolute; }
#gallerys .item { overflow: hidden; width: 220px; height: 148px; overflow: hidden; float: left; position: relative; margin: 0px 4px 0px 4px; }
#gallerys .item { border: 1px solid white; }
#gallerys .item a { position: absolute; top: 0px; left: 0px; width: 100%; height: 148px; display: block; }
#gallerys .item a:hover { background: url("./img/zoom.png") no-repeat scroll 180px 110px; }
#gallerys a.arr { line-height: 148px; height: 148px; width: 20px; text-align: center; overflow: hidden; position: absolute; right: 0px; top: 10px; }
#gallerys a.arr { font-size: 4.0em; text-decoration: none; }
#gallerys a.arr:hover { color: #00b9a1; }
#gallerys a.arl { line-height: 148px; height: 148px; width: 20px; text-align: center; overflow: hidden; position: absolute; left: 0px; top: 10px; }
#gallerys a.arl { font-size: 4.0em; text-decoration: none; }
#gallerys a.arl:hover { color: #00b9a1; }
#subpage_ipreview { overflow: hidden; }
#subpage_ipreview .itembox { overflow: hidden; position: relative; border: 1px solid #cdcdcd; padding: 10px 10px; }
#subpage_ipreview .itembox+.itembox { margin: 20px 0px 0px 0px; }
#subpage_ipreview .item { float: left; width: 100%; overflow: hidden; }
#subpage_ipreview .item .boxr { padding: 0px 0px 0px 200px; }
#subpage_ipreview .item .boxr h3 { padding: 0px 0px 10px 0px; color: #00b9a1; }
#subpage_ipreview .item .boxr p.more { position: absolute; bottom: 5px; right: 5px; }
#subpage_ipreview .item .boxr p.more a { color: #00b9a1; border: 1px solid #00b9a1; padding: 2px 10px; display: block; text-decoration: none; }
#subpage_ipreview .item .boxr p.more a:hover { background-color: #00b9a1; color: white; }
#subpage_ipreview .boxl { width: 190px; overflow: hidden; position: relative; margin: 0px 0px 0px -100%; float: left; border-right: 1px solid #cdcdcd; }
#subpage_ipreview .boxl .image { width: 175px; height: 175px; overflow: hidden; }
#subpage_ipreview .boxl .image img { width: 100%; }
#agallery { padding: 0px 10px; overflow: hidden; position: relative; }
#agallery .box { width: 210px; height: 55px; overflow: hidden; position: relative; }
#agallery .boxxer { height: 100%; overflow: hidden; position: absolute; top: 0px; }
#agallery .boxxer .item { width: 50px; height: 50px; float: left; margin-right: 20px; overflow: hidden; }
#agallery .boxxer .item_ { border: 1px solid #cdcdcd; }
#agallery .boxxer .item a { display: table-cell; width: 50px; height: 50px; text-align: center; vertical-align: middle; }
#agallery .boxxer .item a img { width: 100%; }
#agallery a.arr { width: 16px; height: 50px; display: block; position: absolute; top: 0px; right: 0px; background-color: white; overflow: hidden; line-height: 50px; font-size: 2.2em; text-align: center; color: #cdcdcd; background: url("./img/arrow.png") no-repeat scroll left -52px; }
#agallery a.arl { width: 16px; height: 50px; display: block; position: absolute; top: 0px; left: 0px; background-color: white; overflow: hidden; line-height: 50px; font-size: 2.2em; text-align: center; color: #cdcdcd; background: url("./img/arrow.png") no-repeat scroll right -52px; }
#agallery a.arr:hover { background: url("./img/arrow.png") no-repeat scroll left top; }
#agallery a.arl:hover { background: url("./img/arrow.png") no-repeat scroll right top; }
#gallery { width: 100%; overflow: hidden; }
#gallery .aitem { width: 120px; height: 140px; float: left; margin: 0px 10px 10px 0px; }
#scroller { display: none; }
#scroller { position: fixed; bottom: 10%; right: 2%; }
#scroller { z-index: 50; }
#scroller .top {
width: 42px;
height: 42px;
line-height: 38px;
text-align: center;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
font-size: 1.6em;
display: none;
color: #00b9a1;
border: 1px solid #00b9a1;
}
.star-after:after { content: '*'; color: red; }
.item-current { border: 1px solid #00b9a1 !important; }
#scroller .top:hover {
background: #00b9a1;
color: #ffffff;
transition-duration: 0.9s;
-ms-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
}