@charset "UTF-8";
html {font-size: 100%;}
body {font-family: "微軟正黑體";background: #fff;}
.clear {clear: both;}
.disno {display: none;}
.wrap {width: 1116px;margin: 0 auto;position: relative;}
header.header {border-top: 18px solid #003990;position: relative;}
body.bodypage header.header {border-color: #003980;}
body.bodypage.bodyabout header.header {border-color: #003980;}
body.bodypage.bodygroup header.header {border-color: #003980;}
body.bodypage.bodycontact header.header {border-color: #003980;}
body.bodypage.bodyblog header.header {border-color: #003980;}
.headmenubox {height: 101px;background: rgba(253,253,253,0.95);border-radius: 0 0 10px 10px;position: relative;z-index: 2;}
div#logo {padding: 25px 0 0 12px;float: left;width: 250px;box-sizing: border-box;position: relative;z-index: 9;}
.headmenu {height: 100%;position: relative;z-index: 1;}
.headmenu ul, .headmenu li {padding: 0;margin: 0;}
.headmenu li a {display: block;height: 101px;}
.headmenu li {float: left;text-indent: -9999px;display: block;width: 124px;height: 101px;}
.headmenu li:nth-child(1) {background: url(../images/menu1.png) left center no-repeat;}
.headmenu li:nth-child(1):hover, .headmenu li:nth-child(1).msele {background: #003990 url(../images/menu1w.png) left center no-repeat;}
/*body.bodyindex .headmenu li:nth-child(1):hover, body.bodyindex .headmenu li:nth-child(1).msele {background: #003990 url(../images/menu1w.png);}
*/body.bodypage .headmenu li:nth-child(1):hover {background-color: #003980;}
body.bodypage.bodyabout .headmenu li:nth-child(1):hover {background-color: #003980;}
body.bodypage.bodycontact .headmenu li:nth-child(1):hover {background-color: #003980;}
body.bodypage.bodyblog .headmenu li:nth-child(1):hover {background-color: #003980;}

.headmenu li:nth-child(2) {background: url(../images/menu2.png) left center no-repeat;}
.headmenu li:nth-child(2):hover, body.bodypage.bodyabout .headmenu li:nth-child(2).msele {background: #003990 url(../images/menu2w.png) left center no-repeat;}
body.bodypage.bodyabout .headmenu li:nth-child(2):hover, body.bodypage.bodyabout .headmenu li:nth-child(2).msele  {background-color: #003980;}
body.bodypage .headmenu li:nth-child(2):hover {background-color: #003980;}
body.bodypage.bodyblog .headmenu li:nth-child(2):hover {background-color: #003980;}
body.bodypage.bodycontact .headmenu li:nth-child(2):hover {background-color: #003980;}

.headmenu li:nth-child(3) {background: url(../images/menu3.png) left center no-repeat;}
.headmenu li:nth-child(3):hover, body.bodypage.bodyabout .headmenu li:nth-child(3).msele {background: #003990 url(../images/menu3w.png) left center no-repeat;}
body.bodypage.bodyabout .headmenu li:nth-child(3):hover, body.bodypage.bodyabout .headmenu li:nth-child(3).msele  {background-color: #003980;}
body.bodypage .headmenu li:nth-child(3):hover {background-color: #003980;}
body.bodypage.bodyblog .headmenu li:nth-child(3):hover {background-color: #003980;}
body.bodypage.bodycontact .headmenu li:nth-child(3):hover {background-color: #003980;}

.headmenu li:nth-child(4) {background: url(../images/menu4.png) left center no-repeat;}
.headmenu li:nth-child(4):hover, body.bodypage.bodyabout .headmenu li:nth-child(4).msele {background: #003990 url(../images/menu4w.png) left center no-repeat;}
body.bodypage.bodyabout .headmenu li:nth-child(4):hover, body.bodypage.bodyabout .headmenu li:nth-child(4).msele  {background-color: #003980;}
body.bodypage .headmenu li:nth-child(4):hover {background-color: #003980;}
body.bodypage.bodyblog .headmenu li:nth-child(4):hover {background-color: #003980;}
body.bodypage.bodycontact .headmenu li:nth-child(4):hover {background-color: #003980;}

.headmenu li:nth-child(5) {background: url(../images/menu5.png) left center no-repeat;}
.headmenu li:nth-child(5):hover, body.bodypage.bodyabout .headmenu li:nth-child(5).msele {background: #003990 url(../images/menu5w.png) left center no-repeat;}
body.bodypage.bodyabout .headmenu li:nth-child(5):hover, body.bodypage.bodyabout .headmenu li:nth-child(5).msele  {background-color: #003980;}
body.bodypage .headmenu li:nth-child(5):hover {background-color: #003980;}
body.bodypage.bodyblog .headmenu li:nth-child(5):hover {background-color: #003980;}
body.bodypage.bodycontact .headmenu li:nth-child(5):hover {background-color: #003980;}


.headmenu li:nth-child(6) {background: url(../images/menu6.png) left center no-repeat;}
.headmenu li:nth-child(6):hover, body.bodypage.bodyabout .headmenu li:nth-child(6).msele {background: #003990 url(../images/menu6w.png) left center no-repeat;}
body.bodypage.bodyabout .headmenu li:nth-child(6):hover, body.bodypage.bodyabout .headmenu li:nth-child(6).msele  {background-color: #003980;}
body.bodypage .headmenu li:nth-child(6):hover {background-color: #003980;}
body.bodypage.bodyblog .headmenu li:nth-child(6):hover {background-color: #003980;}
body.bodypage.bodycontact .headmenu li:nth-child(6):hover {background-color: #003980;}




.headmenu li:nth-child(7) {background: url(../images/menu7.png) left center no-repeat;border-radius: 0 0 10px 0;}
.headmenu li li:nth-child(7) {border-radius: 0;}
.headmenu li:nth-child(7):hover, body.bodypage.bodycontact .headmenu li:nth-child(7).msele {background: #003990 url(../images/menu7w.png) left center no-repeat;}
body.bodypage .headmenu li:nth-child(7):hover {background-color: #003980;}
body.bodypage.bodyabout .headmenu li:nth-child(7):hover {background-color: #003980;}
body.bodypage.bodyblog .headmenu li:nth-child(7):hover {background-color: #003980;}
body.bodypage.bodycontact .headmenu li:nth-child(7):hover, body.bodypage.bodycontact .headmenu li:nth-child(7).msele {background-color: #003980;}
.headmenu li ul {/*margin-top: 80px;*/display: none;}
/*.headmenu li:hover ul {display: block;}*/
.headmenu li ul li {background: rgba(119,119,119,0.7) !important;text-indent: 0;height: auto;border-top: 1px solid #fff;}
.headmenu li ul li a {color: #fff;display: block;padding: 10px 0;text-align: center;font-size: 0.75rem;height: auto;}
.headmenu li ul li a:hover {background: rgba(119,119,119,1);}
.headmenubox1 {width: 1118px;position: absolute;top: 0;left: 50%;margin-left: -560px;}
#language, #facebook {font-size: 0.875rem;color: #fff;width: 145px;border-radius:  0 0 10px 10px;text-align: center;padding: 21px 0 9px 0;position: absolute;top: 90px;z-index: 1;}
#language {background: #4b8fbb;right: 145px;opacity: 0.9 ;}
#language p a {color: #fff;}
/*#language .lanbox {display: none;}*/
/*#language:hover p {padding-bottom: 5px;}*/
/*#language:hover .lanbox {display: block;}*/
#language .lanbox a {display: block;border-bottom: 1px solid #efefef;background: #777;font-size: 0.75rem;color: #fff;padding: 5px 0;}
#language .lanbox a:nth-child(1) {border-top: 1px solid #efefef;}
#facebook {background: #777777;right: 0px;opacity: 0.9;}
#facebook a {color: #fff;}
#bannerbox {text-align: center;width: 100%;}
#indexmain {background: url(../images/indexbg.png) center top no-repeat;padding-bottom: 87px;margin-top: 18px;}
.nav{
	position: absolute;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.inmainlogo {text-align: center;padding-top: 120px;}
.indtibox {
  text-align: center;
}
.indtibox1 {display: inline-block;}

.indtibox1 .indti {
  position: relative;
  color: black;
  width: 300px;
  margin-top: 40px;
  margin-right: 38px;
  text-align: center;
  padding: 30px 10px;
  border: 15px solid #e6e6e6;
}

.indtibox1 .indti {
  position: relative;
  color: black;
  width: 300px;
  margin-top: 40px;
  margin-right: 38px;
  text-align: center;
  padding: 30px 10px;
  border: 15px solid #e6e6e6;
}

.indtibox1 .indti .indti-pic{
  margin-bottom: 10px;
  height: 39px;
}

@media (max-width: 768px) {
  .indtibox1 .indti .indti-pic{
    height: 120px;
  }
}

.indtibox1 .indti .indti-title{
  font-size: 20px;
}

.indtibox1 .indti .indti-title-en{
  font-size: 10px;
}

.indtibox1:nth-child(1) .indti {margin-left: 38px;}
.indtibox .indtibox1:nth-child(1) .indti .inicon {position: absolute;top: -28px;right: 20px;}
.indtibox .indtibox1:nth-child(2) .indti .inicon {position: absolute;top: -31px;right: 20px;}
.indtibox .indtibox1:nth-child(3) .indti .inicon {position: absolute;top: -30px;right: 20px;}
.indtibox .indtibox1:nth-child(4) .indti .inicon:nth-child(1) {position: absolute;top: -34px;right: 50px;}
.indtibox .indtibox1:nth-child(4) .indti .inicon:nth-child(2) {position: absolute;top: -29px;right: 20px;}
.indtitop {text-align: center;height: 149px;/*padding-top: 50px;*/box-sizing: border-box;}
.indti h3 {font-size: 1.75rem;font-weight: normal;}
.indti h4 {font-size: 1.1rem;font-weight: normal;}
/*.indtibox .indtibox1:nth-child(1) .indti .indtitop {background: url(../images/indtitop1.png) center top no-repeat;}
.indtibox .indtibox1:nth-child(2) .indti .indtitop {background: url(../images/indtitop2.png) center top no-repeat;}
.indtibox .indtibox1:nth-child(3) .indti .indtitop {background: url(../images/indtitop3.png) center top no-repeat;}
.indtibox .indtibox1:nth-child(4) .indti .indtitop {background: url(../images/indtitop4.png) center top no-repeat;}*/
.indtilink {background: #c9baa4;border-radius: 0 0 20px 20px;min-height: 182px;font-size: 0.75rem;color: #474747;overflow: auto;}
.indtilink ul, .indtilink li {padding: 0;margin: 0;}
.indtilink ul {padding: 30px 0 0 0;}
.indtilink li {float: left;width: 50%;list-style-type: none;background: url(../images/indexdot.png) 20px center no-repeat;padding-left: 30px;margin-bottom: 5px;box-sizing: border-box;}
.indtibox .indtibox1:nth-child(1) .indtilink ul li {width: 57%;}
.indtibox .indtibox1:nth-child(1) .indtilink ul li:nth-child(2n) {width: 43%;}
.indtibox .indtibox1:nth-child(4) .indtilink ul {float: left;width: 50%;padding-top: 10px;}
.indtibox .indtibox1:nth-child(4) .indtilink ul:nth-child(2) {background: #afa390;min-height: 158px;border-radius: 0 0 20px 0;}
.indtibox .indtibox1:nth-child(4) .indtilink li {float: none;width: 100%;}
.indtibox .indtibox1:nth-child(4) .indtilink li.indtilinkti {background: none;font-size: 0.9375rem;padding-left: 25px;color: #343434;}
/*.indtibox .indti li {float: left;width: 120px;}
.indtibox .indti li:nth-child(2n) {margin-left: 15px;width: 100px;}
.indtibox .indti:nth-child(4) ul {float: left;width: 50%;box-sizing: border-box;}
.indtibox .indti:nth-child(4) li {float: none;}
.indtibox .indti:nth-child(4) li.indtilinkti {font-size: 0.9rem;list-style-type: none;}
.indtibox .indti:nth-child(4) li:nth-child(2n) {margin-left: 0;width: auto;}
.indtibox .indti:nth-child(4) .indtilink ul:nth-child(1) {padding-left: 50px;}
.indtibox .indti:nth-child(4) .indtilink ul:nth-child(2) {padding-left: 20px;}*/
.indtilink a {color: #474747;}
.indtilink a:hover {text-decoration: underline;}
footer.footer {background: url(../images/footbg.png) center bottom no-repeat;height: 220px;color: #fff;}
footer.footer a {color: #fff;}
body.bodyindex footer.footer {background: #fff url(../images/footbg.png) center bottom no-repeat;}
@media (min-width: 768px) {
  footer.footer {background-size: 100%;}
  body.bodyindex footer.footer {background-size: 100%;}
}
.footlogo {float: left;padding: 75px 0 0 17px;}
footer.footer .footinfo {float: left;padding-top: 70px;}
.footinfobox {margin-left: 70px;float: left;font-size: 1.125rem;margin-top: 97px;width: 800px;}
.footinfobox a, .footinfobox span {margin: 0 10px;}
.footinfobox p:nth-of-type(2) {font-size: 1rem;margin-top: 10px;}
.footinfobox p:nth-of-type(2) a {margin-right: 25px;}
footer.footer .footinfobox div:nth-child(1) {width: 765px}
footer.footer .footinfobox div:nth-child(2) {margin-left: 39px;padding-top: 81px;width: 375px;}
footer.footer .footinfo span {margin-right: 24px;display: inline-block;}
.footinfo h4 {font-weight: normal;font-size: 1.43rem;margin-bottom: 5px;}
.footinfo h5 {font-weight: normal;font-size: 0.9rem;margin-bottom: 5px;}
* {
      box-sizing: border-box;
    }

.slider {
    width: 1200px;
    margin: 0 auto;
}

.slick-slide {
  margin: 0px 5px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}
.menubt {display: none;float: right;background: url(../images/menubt.png) center center no-repeat;width: 100px;height: 70px;}
#pagebanner {background: url(../images/pagebanner1.jpg) center top no-repeat, url(../images/pagebannersh.png) center bottom no-repeat;height: 522px;}
.bodyabout #pagebanner, .bodycontact #pagebanner, .bodyblog #pagebanner, .bodypackage #pagebanner {background: url(../images/bannerabout.jpg) center top no-repeat, url(../images/pagebannersh.png) center bottom no-repeat;height: 522px;}
.bodypagem #pagebanner {background: url(../images/pagebannerm.jpg) center top no-repeat, url(../images/pagebannersh.png) center bottom no-repeat;height: 522px;}
.bodypagec #pagebanner {background: url(../images/pagebannerc.jpg) center top no-repeat, url(../images/pagebannersh.png) center bottom no-repeat;height: 522px;}
.bodypagee #pagebanner {background: url(../images/pagebannere.jpg) center top no-repeat, url(../images/pagebannersh.png) center bottom no-repeat;height: 522px;}
.bodypaget #pagebanner {background: url(../images/pagebannert.jpg) center top no-repeat, url(../images/pagebannersh.png) center bottom no-repeat;height: 522px;}
/*#pagebanner img {max-width: 100%;width: auto;height: auto;}*/
.brumb {background: url(../images/homeicon.png) left center no-repeat;color: #7c7c7c;font-size: 0.75rem;padding-left: 25px;margin-bottom: 40px;}
.brumb a {color: #7c7c7c;margin: 0 5px;}
#left {float: left;width: 230px;}
.leftnavbox {margin-bottom: 5px;width: 213px;}
.leftnavbox.navsel {box-sizing: border-box;border-radius: 7px 0 7px 7px;}
.leftnavbox.navsel a {border: 1px solid #5e7bb1;border-bottom: 0;}
body.bodypage.bodyabout .leftnavbox.navsel a {border: 0;background-color: #b2b2b2;}
a.leftnavti {background: #e6e6e6 url(../images/lefticon.png) 30px 20px no-repeat;color: #474747;display: block;text-align: center;height: 66px;box-sizing: border-box;padding-top: 18px;border-radius: 7px 0 7px 7px;font-size: 0.9rem;}

a.leftnavti2 {background: #b2b2b2 url(../images/lefticon.png) 30px 20px no-repeat;color: #474747;display: block;text-align: center;height: 66px;box-sizing: border-box;padding-top: 18px;border-radius: 7px 0 7px 7px;font-size: 0.9rem;}

body.bodypage.bodyabout a.leftnavti {background-image: url(../images/lefticon-a.png);background-position: 31px 23px;
}
a.leftnavti.leftnavfb {height: 52px;background: #777 !important;color: #fff;font-size: 1.125rem;padding-top: 12px;border-radius: 7px;}
.navsel a.leftnavti {height: 52px;border-radius: 7px 0 0 0;}
body.bodypage.bodyabout .navsel a.leftnavti {height: 66px;border-radius: 7px 0 7px 7px;}
.leftnav ul, .leftnav li {margin: 0;padding: 0;list-style-type: none;}
.leftnav-2 a {text-align: center;display: block;font-size: 0.8125rem;background: #5e7bb1;color: #fff;height: 56px;padding: 18px 0;}
.leftnav li.leftnav-2li {margin-top: 1px;}
.leftnav li.leftnav-2li:first-child {margin-top: 0px;}
.leftnav-2li:last-child a {border-radius: 0 0 6px 6px;}
.leftnav-2liHas.leftnav-2li:last-child a {border-radius: 0;}
.leftnavbox.navsel li.leftnav-3li {padding: 0 20px;box-sizing: border-box;border: 1px solid #5e7bb1;border-top: 0;border-bottom-width: 0;}
.leftnavbox.navsel li.leftnav-3li.nav-3lisel {padding: 0;}
.leftnav-2li:last-child li.leftnav-3li:last-child, .bodypackage li.leftnav-3li:last-child {border-radius: 0 0 6px 6px;border-bottom-width: 1px;}
.leftnavbox.navsel li.leftnav-3li a {background: #fff;font-size: 0.75rem;color: #797979;border: 0;border-bottom: 1px dashed #797979;height: 56px;display: block;padding: 18px 0;text-align: center;}
.leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background: url(../images/nav-3lisel.png) left top no-repeat;border-right: 0;/*position: absolute;*/width: 228px;color: #fff;border-bottom-width: 0;}
.leftnavbox.navsel li.leftnav-3li.nav-3lisel div {margin: 0 20px;border-bottom: 1px dashed #797979;}
.leftnavbox.navsel li.leftnav-3li.nav-3lisel:last-child div {border-bottom-width: 0;}
body.bodypagem .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-image: url(../images/nav-3liselm.png);
}
body.bodypagec .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-image: url(../images/nav-3liselc.png);
}
body.bodypagee .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-image: url(../images/nav-3lisele.png);
}
body.bodypaget .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-image: url(../images/nav-3liselt.png);
}
body.bodypackage .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-image: url(../images/nav-3liselpackage.png);
}
/*.leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-color: #eab535;color: #fff;}
body.bodypagem .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-color: #9ed0b9;}
body.bodypagec .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-color: #a24f4f;}
body.bodypagee .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-color: #3b5d98;}
body.bodypaget .leftnavbox.navsel li.leftnav-3li.nav-3lisel a {background-color: #958a74;}*/
.leftnav li.leftnav-3li:last-child a {border-bottom: 0;}
#right {float: right;width: 905px;padding-bottom: 150px;}
h1.mainh1 {font-size: 1.375rem;color: #464646;border-left: 11px solid #eab535;padding: 3px 0 7px 15px;font-weight: normal;margin-bottom: 25px;}
body.bodypagem h1.mainh1 {border-color: #9ed0b9;}
body.bodypagec h1.mainh1 {border-color: #a24f4f;}
body.bodypagee h1.mainh1 {border-color: #3b5d98;}
body.bodypaget h1.mainh1 {border-color: #958a74;}
body.bodypackage h1.mainh1 {border-color: #003980;}
body.bodypage.bodyabout h1.mainh1 {border-color: #003980;}
body.bodypage.bodycontact h1.mainh1 {border: 0;background: url(../images/mainh1car.png) 18px top no-repeat;padding-left: 177px;padding-top: 14px;box-sizing: border-box;height: 68px;padding-bottom: 7px;border-bottom: 1px solid #808080;}
body.bodypage.bodycontact h1.mainh1 span {border-left: 11px solid #003980;display: block;padding: 3px 0 7px 15px;}
.bodyabout .edit {/*width: 870px;*/}
.edit.pageedit {width: 868px;}
.edit h2 {font-size: 1.5rem;font-weight: normal;margin-top: 27px;margin-bottom: 10px;}
.edit h2.abedh2 {font-size: 1.25rem;color: #003980;padding: 5px 30px;border: 2px solid #003980;float: left;border-radius: 7px;font-weight: bold;}
.edit h2.fz22 {font-size: 1.375rem;}
p.ap1 {color: #797979;font-size: 0.875rem;line-height: 1.8;}
p.ap1 span.c5e7bb1 {color: #5e7bb1;}
strong.ap1s {font-weight: bold;color: #000;}
p.culturalp {color: #000;font-size: 0.875rem;background: url(../images/culturalp.jpg) 10px 5px no-repeat;padding-left: 28px;}
.edit hr {height: 2px;border: 0;background: #52708d;}
h3.mainh3 {background: url(../images/lefticon.png) left center no-repeat;padding-left: 30px;font-weight: normal;font-size: 1.25rem;margin-bottom: 10px;}
ul.editbtul, ul.editbtul li {padding: 0;margin: 0;list-style-type: none;}
ul.editbtul li {background: url(../images/editdot.png) 7px 26px no-repeat;padding: 12px 0 12px 35px;border-bottom: 1px dashed #191919;}
ul.editbtul li:last-child {border-bottom: 0;}
ul.editbtul li.contactLi {background-image: url(../images/contactLi.png);background-position-y: 18px;}
ul.editbtul li span {display: block;color: #595959;font-size: 1.125rem;border: 1px solid #595959;border-radius: 5px;padding: 3px 6px;float: left;margin-bottom: 7px;}
ul.editbtul li span::after {content: url(../images/arraw-r.png);position: absolute;margin: 2px 0 0 12px;}
ul.editbtul li.noAfter span {margin-right: 10px;}
ul.editbtul li.noAfter span::after {content: none;}
ul.editbtul li p {clear: left;color: #595959;font-size: 0.875rem;line-height: 1;margin: 7px 0;}
ul.editbtul li p a {color: #595959;}
#gotop {width: 60px;height: 60px;background: url(../images/gotop.png);cursor: pointer;position: absolute;top: 0;right: 0;}
#banner {/*width: 700px;height: 460px;overflow: hidden;*/margin: 0 auto;position: relative;height: 424px!important;}
@media (max-width:768px) {
	#banner {height: 249px!important;}
}
@media (max-width:481px ) {
	#banner {height: 125px!important;}
}
@media (max-width:376px ) {
	#banner {height: 108px!important;}
}
@media (max-width:321px ) {
	#banner {height: 83px!important;}
}
#banner div {position: absolute;left: 0;opacity: 0;height: 520px;width: 100%;background-position: center top;}
#banner div.iban {background-size: cover;}
#banner img {width: auto;max-width: 100%;}
.nav span {cursor: pointer;margin: 0;text-indent: -9999px;background: url(../images/dot.png) no-repeat center;width: 16px;height: 16px;display: inline-block;padding: 0px 15px;}
.nav span.k {cursor: pointer;margin: 0;text-indent: -9999px;background: url(../images/doth.png) no-repeat center;width: 16px;height: 16px;display: inline-block;padding: 0px 15px;}
/*.nav {font-size: 25px;}*/
ul.eul, ul.eul li {padding: 0;margin: 0;font-size: 0.875rem;color: #797979;list-style-type: none;}
ul.eul {margin-left: 15px;line-height: 1.8;}
.astep1, .astep2 {float: left;}
.astep1 {width: 277px;margin-left: 7px;text-align: center;padding-top: 25px;}
.astep2 {width: 586px;padding: 65px 0 0 0;/*min-height: 400px;*/position: relative;}
.astep2 ul, .astep2 li {padding: 0;margin: 0;list-style-type: none;}
.astep2 li {overflow: auto;background: #f9dca9;margin-bottom: 7px;padding: 15px 0;border-radius: 7px;font-size: 0.875rem;}
.astep2 li span {display: block;float: left;box-sizing: border-box;}
.astep2 li span:nth-child(1) {width: 143px;padding-left: 13px;font-size: 1rem;}
.astep2 li span:nth-child(2) {width: 443px;padding-right: 8px;}
.astep2 li p {color: #000;}
.astep1 h3 {font-size: 1.5rem;font-weight: normal;}
.astep1 h4 {font-size: 1.375rem;padding: 12px 0;border: 2px solid #572403;line-height: 1;border-radius: 10px;margin: 19px auto 12px auto;width: 170px;font-weight: normal;}
.astep1 img {clear: both;}
.stepdimg {text-align: center;position: absolute;width: 100%;bottom: -74px;}
.astep {margin-top: 20px;}
.astep:nth-child(1) .astep1 {color: #572403;}
.astep:nth-child(2) .astep1 {color: #006a2e;}
.astep:nth-child(2) .astep1 h4 {border-color: #006a2e;}
.astep:nth-child(2) .astep2 li {background: #d3e4aa;}
.astep:nth-child(3) .astep1 {color: #003980;}
.astep:nth-child(3) .astep1 h4 {border-color: #003980;}
.astep:nth-child(3) .astep2 li {background: #c9d6ec;}
.about2line {/*overflow: auto;*/background: url(../images/about2line.png) left 18px no-repeat;}
.about2line1 {float: right;background: #fff;padding-left: 20px;}
h3.about3h3 {font-size: 1.25rem;font-weight: normal;color: #272727;background: url(../images/lefticon-a.png) 4px center no-repeat;padding-left: 28px;margin-bottom: 18px;}
ul.ulabout2, ul.ulabout2 li, ul.ulabout2 ul {padding: 0;margin: 0;}
ul.ulabout2 li {list-style-type: square;font-size: 1.125rem;}
ul.ulabout2 li p {font-size: 0.875rem;color: #797979;margin: 15px 0 25px 0;}
ul.ulabout2 ul li {list-style-type: disc;}
/*ul.ulabout2 ul li span {font-size: 0.875rem;color: #797979;}*/
ul.ulabout2 {margin: 26px 0 0 20px;}
ul.ulabout2 ul {margin: 15px 0 0 10px;}
ul.ulabout2 ul.ulabout2-1 li span {color: #000;font-size: 0.875rem;}
ul.ulabout2 ul.ulabout2-1 li p {margin: 5px 0 20px 0;}
.certificatebox {border-bottom: 1px solid #527080;padding-bottom: 28px;/*margin-bottom: 30px;*/}
.certificatebox.certificatebox1 {margin-bottom: 0;border-bottom: 0;}
.certificate {width: 25%;float: left;text-align: center;box-sizing: border-box;margin: 28px 0;}
.certificate h4 {font-size: 0.875rem;line-height: 1;margin-top: 14px;}
.customerbox {border-bottom: 1px dashed #7a7a7a;padding-bottom: 40px;}
.customerbox:last-child {border-bottom: 0;}
.customerbox h3 {background: url(../images/h3bg.png) left center no-repeat;line-height: 1;padding-left: 15px;margin: 23px 0 30px 0;}
.customerbox img {margin: 0 10px;}
.ml14 {margin-left: 14px;color: #003980;}
.contact {width: 1052px;margin: 0 auto;padding-bottom: 150px;}
.contactbox {margin-top: 12px;background: #003980;border-radius: 5px;padding: 23px 66px 45px 66px;}
.contactbox p, .contactbox a {color: #fff;}
.contactbox p.fz18 {font-size: 1.125rem;margin-left: 32px;margin-bottom: 5px;}
.contactbox p.fz14 {font-size: 0.875rem;margin-left: 32px;}
.contactboxform {background: #fff;margin-top: 24px;border-radius: 10px;padding: 16px 36px;}
.contactbox .contactboxform p {color: #1c1c1c;font-size: 0.75rem;font-weight: bold;
}
.contactbox .contactboxform span {color: #003980;font-size: 1.125rem;vertical-align: top;}
.contactboxform table {width: 100%;margin: 15px 0 60px 0;}
.contactboxform th, .contactboxform td {vertical-align: middle;}
.contactboxform th {width: 123px;height: 50px;}
.contactboxform td {padding-left: 12px;}
.contactboxform td.sendtd {text-align: right;padding: 8px 53px 0 0;}
.contactboxform .textareatr td {padding-top: 8px;}
.contactboxform .textareatr th {vertical-align: top;padding-top: 8px;}
.contactboxform input[type="text"], .contactboxform textarea {border: 2px solid #ccc;background: #fafafa;box-sizing: border-box;height: 29px;width: 264px;border-radius: 3px;padding: 3px;}
.contactboxform textarea {width: 660px;height: 217px;resize: none;}
.blog {padding-bottom: 80px;}
.blogleft {width: 714px;float: left;}
.bloglistbox, .bloglistbox a {color: #474747;}
.bloglistbox {border-bottom: 1px dashed #b0b0b0;overflow: auto;padding: 20px 0;}
.bloglistbox h2, h1.blogdetailh1 {background: url(../images/icon-blog.png) left top no-repeat;font-size: 1.375rem;line-height: 1;height: 22px;padding-left: 30px;font-weight: normal;}
.blogleft h3 {background: url(../images/icon-people.png) left top no-repeat;font-size: 0.75rem;padding-left: 20px;margin: 11px 0 25px 38px;}
.bloglistbox a.readmore {margin: 30px 0 0 4px;display: block;float: left;}
.gotop {float: right;background: url(../images/top.png) no-repeat;width: 38px;height: 13px;margin: 30px 20px 0 0;cursor: pointer;}
.blogpage a {color: #000;display: inline-block;font-size: 0.75rem;width: 15px;height: 15px;line-height: 15px;text-align: center;}
.blogpage {margin: 20px 0 0 5px;}
.blogpage a.pagenow, .blogpage a:hover {background: #ccc;}
.blogright, .blogright a {color: #474747;}
.blogright {width: 290px;float: right;padding-top: 58px;}
.blogright h2 {font-weight: normal;font-size: 1.125rem;border-bottom: 2px solid #404040;padding-bottom: 7px;margin-bottom: 8px;}
.blogright .blogrbox:nth-child(1) h2, .blogright .blogrbox:nth-child(5) h2 {border-bottom: 0;padding-bottom: 0;}
.blogrbox {padding: 0 1px 30px 1px;margin: 20px 0 7px 0;display: block;border-bottom: 1px dashed #404040;line-height: 1;}
.blogrbox:nth-child(1), .blogrbox:nth-child(2) {border-bottom: 0;margin-top: 0;}
.blogrbox:nth-child(6) {border-bottom: 0;}
.blogrbox input {border: 1px solid #818181;background: #dbdbdb;height: 25px;box-sizing: border-box;vertical-align: top;border-radius: 3px;margin-top: 1px;}
.blogrbox input[type="text"] {width: 195px;margin-right: 5px;padding: 0 3px;}
.blogrbox select {width: 130px;height: 25px;box-sizing: border-box;padding-left: 14px;line-height: 25px;}
.blogrbox h3 {margin-top: 15px;font-size: 1.125rem;font-weight: normal;line-height: 1;margin-bottom: 12px;}
.blogrbox h4 {font-weight: normal;font-size: 0.75rem;line-height: 1;padding-left: 5px;}
.blogrbox ul, .blogrbox li {padding: 0;margin: 0;font-size: 0.85rem;list-style-type: none;}
.blogrbox li {padding-left: 5px;line-height: 1;margin: 12px 0;}
a.allarticle {margin-left: 50px;display: block;font-size: 0.75rem;margin-top: 5px;}
h3.edith3 {font-size: 1.125rem;color: #000;margin-bottom: 10px;font-weight: normal;}
.mb25 {margin-bottom: 20px;}
ul.kindUl, ul.kindUl li {padding: 0;margin: 0;list-style-type: none;color: #797979;font-size: 0.875rem;line-height: 1.2;}
ul.kindUl {margin-left: 5px;}
ul.kindUl li {margin-bottom: 14px;background: url(../images/kindlist.jpg) left 2px no-repeat;padding-left: 26px;}
.packagetxt ul.kindUl li {font-size: 0.75rem;margin-bottom: 15px;}
.kindbox {border-bottom: 1px solid #8ca0aa;padding: 28px 0 10px 0;}
.kindbox:first-child {padding-top: 0;}
.kindbox:last-child {border-bottom: 0;}
.mt44 {margin-top: 44px;text-align: right;}
.edit h2.mb20, .mb20 {margin-bottom: 20px;}
.mb15 {margin-bottom: 15px;}
h3.mainh3.m30 {margin: 26px 0 30px 0;}
.packagebox {border-bottom: 1px dashed #d3d3d3;}
.packagebox1 {border-bottom: 2px solid #737373;padding-top: 30px;}
.packagebox1:nth-child(1) {margin-top: 0;}
.packagebox1:last-child {border-bottom-width: 0;}
a.package {display: block;color: #000;}
.package, .packageimg {float: left;}
.packagebox1 .packageimg {float: right;margin-right: 100px;}
.package {width: 50%;margin-bottom: 30px;}
.packagetxt {margin-left: 25px;padding-left: 170px;}
.packagebox1 .packagetxt {margin-left: 0;padding-left: 0;margin-top: 110px;}
.packagetxt h4 {font-size: 0.875rem;padding: 3px 0;border: 1px solid #000;border-radius: 5px;margin-bottom: 15px;width: 76px;text-align: center;}
.packagebox1 .packagetxt h4 {width: 130px;}
.packageTable {width: 600px;margin: 0 auto;}
.packageTable td {border: 3px solid #5a564d;text-align: center;vertical-align: middle;background: #bdb29f;padding: 4px;}
.packageTable tr:nth-child(2n) td {background: #fff3f2;}
h3.comh3 {text-align: center;color: #527080;font-size: 1.25rem;font-weight: normal;}
.compute h4 {text-align: center;color: #888888;font-size: 0.75rem;font-weight: normal;margin: 8px auto 17px auto;}
.computeSelectbox {width: 702px;border: 3px solid #d9d9d9;box-sizing: border-box;margin: 0 auto 40px auto;border-radius: 5px;position: relative;}
.computeSelectbox.w310 {width: 310px;}
.computeSelect {width: 50%;float: left;padding: 30px 0;box-sizing: border-box;}
.computeoption {z-index: 1;padding: 30px;cursor: pointer;}
.computeoption.round {background: url(../images/round.png) center center no-repeat;background-size: contain;}
.computeoption h5 {color: #565656;font-size: 0.875rem;margin-top: 15px;line-height: 1;}
.computeSelectbor {padding: 0 30px;}
.computeSelect:nth-child(1) .computeSelectbor {border-right: 1px dashed #595959;}
.tac {text-align: center;}
.tar {text-align: right;}
.corner {position: absolute;top: -3px;left: -3px;background: url(../images/corner.png) left top no-repeat;width: 33px;height: 26px;}
.p40 {padding: 40px;}
.step2img {float: left;}
.step2form {color: #565656;font-size: 0.875rem;float: right;width: 410px;padding-top: 10px;line-height: 2;margin-right: 20px;}
.step2form input[type="text"] {border: 0;border-bottom: 1px solid #565656;width: 55px;box-sizing: border-box;text-align: center;}
.step2form input[type="submit"] {width: 100%;line-height: 35px;background: #595959;color: #fff;border: 0;padding: 0;font-size: 1.125rem;border-radius: 5px;margin-top: 20px;cursor: pointer;}
.computeSelectForm {display: none;}
.formShow {display: block;}
.computeSelectbox h5 {font-size: 1.125rem;color: #565656;}
#computePic {position: absolute;margin-top: -120px;right: 180px;}
.m12 {margin: 12px 0;}
.compute {border-bottom: 2px solid #737373;padding-bottom: 25px;}
.fb_iframe_widget {margin-left: 10px;}
.fb_reset {display: inline-block;}
.historyTable {width: 100%;margin-top: 14px;color: #474747;text-align: center;}
.historyTable th {background: #bfbfbf;font-size: 0.875rem;padding: 9px;}
.historyTable td {font-size: 0.75rem;padding: 15px 0;}
.historyTable td a {color: #474747;display: block;}
.historyTable tr {border-bottom: 1px dashed #bcbcbc;}
.historyTable tr:nth-child(1) {border-bottom-width: 0;}
.specification {width: 50%;box-sizing: border-box;padding: 35px 40px 0 40px;color: #444;margin: 0 auto;}
.specification#t1, .specification#t2 {width: 100%;float: none;padding: 0;}
.specification table {width: 100%;}
.specification td {text-align: center;vertical-align: middle;font-size: 0.75rem;border: 2px solid #555;padding: 3px 0;background: #dbd0bd;}
.specification#t1 td, .specification#t2 td {font-size: 1rem;}
.specification:nth-child(1) tr:nth-child(2n) td {background: #fff;}
.specification#t2:nth-child(1) tr:nth-child(2n) td {background: #dbd0bd;}
.specification:nth-child(2) tr:nth-child(2n+1) td, .specification#t2 tr:nth-child(2n+1) td {background: #fff;}
.specification:nth-child(2) tr:nth-child(1) td, .specification#t2 tr:nth-child(1) td {background: #dbd0bd;}
.specification p {text-align: right;font-size: 0.75rem;}
.zoom {position: relative;}
.zoom a.fancybox {position: absolute;width: 100%;height: 100%;}
.zoom a.fancybox:hover {background: rgba(255,255,255,0.5) url(../images/zoom.png) center center no-repeat;}
#fb-root {display: none;}
.pk {/*padding: 70px 250px 25px 250px;*/width: 800px;height: 600px;box-sizing: border-box;padding: 70px 0 25px 0;}
.pkimg {text-align: center;}
.pk .kindUl {max-width: 385px;margin: 0 auto;}
.pk h4 {text-align: center;margin-bottom: 20px;}
.c5e7bb1 {color: #5e7bb1;}
ul.tranUl04071 {list-style-type: none;margin: 0;padding: 0;}
ul.tranUl04071 li {display: table-cell;}
ul.tranUl04071 li.allowLi {background: url(../images/allow.png) center center no-repeat;width: 103px;height: 100%;}
ul.tranUl04071 h4 {background: url(../images/editdot.png) 7px center no-repeat;padding-left: 31px;    font-size: 1.125rem;font-weight: normal;margin-bottom: 15px;margin-top: 14px;}
ul.tranUl04071 h4 span {border: 1px solid #595959;border-radius: 5px;padding: 3px 10px;color: #595959;}
ul.tranUl04071 p {font-size: 0.875rem;margin-bottom: 15px;text-align: center;line-height: 1.5;}
.allowLiTxt {width: 154px;}
ul.tranUl04071 p span {color: #d82a53;font-size: 1.125rem;}
.m_p5_2 {background: url(../images/m_p5_2.png) right bottom no-repeat;}
.h40414 {margin-top: 40px;display: block;}
.h40414 span {border: 1px solid #000;padding: 2px 20px;border-radius: 10px;font-size: 1.25rem;font-weight: normal;color: #000;}
.h40414:after {content: url(../images/click0414.png);position: relative;left: 5px;}
h4.cardH4 {font-size: 1rem;margin: 0 0 18px 18px;}
ul.cardUl, ul.cardUl li {padding: 0;margin: 0;list-style-type: none;}
ul.cardUl li, .specialPlb {background: url(../images/box1.jpg) left 3px no-repeat;padding-left: 18px;margin-bottom: 18px;font-size: 0.875rem;color: #797979;line-height: 1;}
.specialPlb {margin-left: 30px;}
.cardBox {background: url(../images/cardbg.jpg) right bottom no-repeat;min-height: 270px;padding-top: 10px;}
.specialLink {font-size: 0.9rem;margin: 30px 0;}
.specialLink a {color: #000;display: inline-block;border-radius: 5px;border: 1px solid #000;padding: 10px 30px;margin-right: 12px;margin-bottom: 10px;}
.specialLink a:last-child {margin-right: 0;}
.specialLink a:before{
	content: url(../images/click0418.png);
	position: relative;
	top: 3px;
	left: -5px;
}


.specialLink2 {  /*保冷劑 詳情連結*/
	font-size: 0.9rem;
	margin: 30px 0;
	text-align: right;
}
.specialLink2 a {
	color: #000;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #000;
	margin-right: 12px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.specialLink2 a:last-child {margin-right: 0;}
.specialLink2 a:before{
	content: url(../images/click0810.png);
	position: relative;
	top: 3px;
	left: 120px;
}


.c74b946 {color: #74b946;}
.c000 {color: #000;}
.specialT1 {width: 100%;}
.specialT1 td {padding: 3px 25px;text-align: center;border: 2px solid #736d65;background: #fff;color: #000;}
.specialT1 tr:nth-of-type(odd) td {background: #dbd0bd;color: #fff;}
.special1Box1 {background: url(../images/special1-2.png) 650px top no-repeat;border-bottom: 1px solid #313131;}
.special1Box1-1 {background: #fffbf5;padding: 20px 15px 20px 50px;margin-top: 15px;}
.spspan {font-size: 1.125rem;color: #000;border: 1px solid #313131;border-radius: 10px;padding: 10px 25px;}
.special1Box1-1-1 {width: 250px;text-align: center;float: left;padding-top: 10px;}
.special1Box1-1-2 {float: right;}
.special1Box1-1-1 img {margin: 15px 0;}
.c959595fz12 {color: #595959;font-size: 0.75rem;}
@media screen and (min-width: 769px) and (max-width: 1200px) {
    header.header, #bannerbox, #banner, #banner div, footer.footer, #indexmain {width: 1200px;}
}
@media (max-width: 768px) {
	.wrap {width: 100%;}
	.headmenubox1 {width: 90%;margin-left: -45%;}
	.slider, .astep1, .astep2, .bodyabout .edit, .contact, .blogleft, .blogright, .edit.pageedit, .package, .packageTable, .computeSelectbox, .computeSelectbox.w310 {width: 100%;}
	.headmenu, #language, #facebook {display: none;}
	.indtibox1 {width: 50%;}
	.indtibox1 .indti, .indtibox1:nth-child(1) .indti {margin: 74px auto 0 auto;}
	footer.footer {height: auto;padding-bottom: 20px;}
	.footinfobox {margin: 10px;width: initial;}
	.footinfobox a {display: block;margin: 0 0 5px 0;}
	.footinfobox span {display: none;}
	.footinfobox p:nth-of-type(2) {font-size: 1.125rem;margin-top: 0;}
	footer.footer .footinfobox div.footinfo:nth-child(1) {padding-top: 20px;}
	footer.footer .footinfobox div.footinfo:nth-child(2) {margin-left: 0px;padding-top: 20px;}
	.menubt {display: block;}
	.headmenubox {height: 70px;}
	div#logo {padding-top: 10px;}
	.footlogo, .footinfobox {float: none;}
	.footlogo {padding-left: 40px;margin-bottom: 20px;}
	#pagebanner {height: 200px !important;background-size: cover !important;}
	.brumb {margin-top: 10px;margin-left: 20px;}
	#left {display: none;}
	#right {width: 100%;padding: 10px;box-sizing: border-box;}
	#right img {max-width: 100%;width: auto;height: auto;}
	footer.footer .footinfobox div:nth-child(1), footer.footer .footinfobox div:nth-child(2) {width: auto;}
	.astep2 {padding-top: 10px;}
	.stepdimg {position: initial;margin-top: 20px;}
	.astep {margin-top: 0;}
	.astep2 li span:nth-child(2) {padding-left: 13px;margin-top: 10px;}
	.customerbox img {margin: 0;}
	.contact {padding-bottom: 50px;}
	.contactbox {padding: 23px 20px 45px 20px;}
	.contactboxform {padding: 16px 10px;}
	.contactboxform th, .contactboxform td {display: block;}
	.contactboxform input[type="text"], .contactboxform textarea {width: 100%;}
	.contactboxform td {padding-left: 0;padding-bottom: 15px;}
	.contactboxform th {height: auto;padding-bottom: 5px;}
	.contactboxform td.sendtd {text-align: center;padding: 0;}
	.contactbox p.fz18, .contactbox p.fz14 {margin-left: 0;}
	.blogleft, .blogright {padding: 10px;}
	.blogrbox {display: none;padding: 0;}
	.blogrbox:nth-child(1) {display: block;}
	img {max-width: 100%;width: auto;height: auto;}
	.packagebox1 .packageimg {margin-right: 300px;}
	#computePic {display: none;}
	.pk {padding: 25px 50px 25px 50px;width: auto;height: auto;}
	.cardBox {background: none;}
	.special1Box1 {background-position-x: right;}
	.special1Box1-1 {padding: 20px 15px;}
	.special1Box1-1-1, .special1Box1-1-2 {float: none;}
}
@media (max-width: 630px) {
	ul.tranUl04071 li {display: block;margin-bottom: 35px;}
	ul.tranUl04071 p {text-align: left;}
	.allowLiTxt {width: initial;}
}
@media (max-width: 600px) {
	.indtibox1, .step2form {width: 100%;}
	.certificate {width: 50%;}
	.step2form, .step2img {float: none;}
}
@media (max-width: 768px) {
	div#logo {padding-left: 10px;}
	.menubt {float: none;padding-left: 250px;margin-right: 20px;width: auto;background-position: right center;}
	.headmenubox1 {width: 100%;position: initial;left: auto;margin-left: 0;}
	.slick-prev, .slick-next {margin-top: -34px;}
	#pagebanner {height: 100px !important;}
	.contactbox {padding: 23px 10px 45px 10px;}
	.packagetxt {margin-left: 15px;}
	ul.kindUl li {padding-left: 13px;}
	.packagebox1 .packageimg {margin-right: 0;}
	.p40 {padding: 20px;}
	.specification {float: none;width: 100%;}
	.pk {padding: 25px 50px 25px 50px;width: 95%;}
}

@media (max-width: 768px){
  .main{
    padding: 10px;
  }

  .indti-pic img{
  	width: 60%!important;
  }
}

.a-btn-area{
  border-bottom: 0.5px solid #939393;
  margin-bottom: 20px;
}

.a-btn-area .a-btn{
  display: inline-block;
  width: 33%;
  color: black;
  text-align: center;
  padding: 5px 0px;
}

@media (max-width: 768px) {
  .a-btn-area .a-btn{
    width: 32%;
  }
}

.a-btn-area .active{
  display: inline-block;
  width: 33%;
  border-bottom: 5px solid #003980;
}

@media (max-width: 768px) {
  .a-btn-area .active{
    width: 32%;
  }
}

.a-btn-area .a-btn:hover{
  display: inline-block;
  width: 33%;
  border-bottom: 5px solid #003980;
}

.b-btn-area{
  margin-bottom: 20px;
  text-align: center;
  color: black;
}

.b-btn-area a{
  color: black;
}

.b-btn-area .b-btn{
  width: 30%;
  margin:0% 1.5%;
  display: inline-block;
  vertical-align: bottom;
}

@media (max-width: 768px){
  .b-btn-area .b-btn{
    /*width: 100%!important;*/
    margin:2% 0%;
    vertical-align: middle;
    align-items: center;
  }
}

.b-btn-area .b-btn div{
  /*border: 15px solid #e6e6e6;*/
}

.b-btn-area .b-btn div .b-btn-content{
  border: 15px solid #e6e6e6;
  padding: 20px 20px;
}

@media (max-width: 768px){
  .b-btn-area .b-btn div .b-btn-content{
  	border: 5px solid #e6e6e6;
  	padding: 5px 5px;
  	height: 164px;
  	vertical-align: middle;
    align-items: center;
  }

  .b-btn-area .b-btn div .b-btn-content span{
  	vertical-align: bottom;
    align-items: center;
  }
}


.b-btn-area .b-btn div .active,.b-btn-area .b-btn div .b-btn-content:hover{
  border: 15px solid #003980;
}

@media (max-width: 768px){
  .b-btn-area .b-btn div .active,.b-btn-area .b-btn div .b-btn-content:hover{
  	border: 5px solid #003980;
  	vertical-align: middle;
    align-items: center;
  }
}

.b-btn-area .b-btn-1 .active,.b-btn-area .b-btn-1 .b-btn-content:hover{
  /*border: 15px solid #003980;*/
  background-color: #e1f3ff;
}

.b-btn-area .b-btn-2 .active,.b-btn-area .b-btn-2 .b-btn-content:hover{
  /*border: 15px solid #003980;*/
  background-color: #ffefe0;
}

.b-btn-area .b-btn-3 .active,.b-btn-area .b-btn-3 .b-btn-content:hover{
  /*border: 15px solid #003980;*/
  background-color: #e3e1f1;
}

.b-btn-area .b-btn img{
  width: 10%;
  margin-bottom: 20px;
}


.edit .edit-content-img{
  display: inline-block;
  width: 45%;
}

@media (max-width: 768px){
  .edit .edit-content-img{
    width: 100%!important;
  }

  .b-btn-area .b-btn img{
  	height: 42px!important;
  	width: auto!important;
  	margin-top: 20px;
  	margin-bottom: 15px;
  	vertical-align: middle;
    align-items: center;
  }
}

.edit .edit-content-img img{
  width: 100%;
  height: 100%;
}

.edit .edit-content-text{
  display: inline-block;
  width: 54.3%;
  vertical-align: top;
  padding: 53px 45px;
  border: 15px solid #e6e6e6;
}

.edit .edit-content-text-2{
  text-align: center;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding:40px 40px;
  font-size: 18px;
}

@media (max-width: 768px) {
  .edit .edit-content-text{
    width: 100%!important;
  }
}

.text-content img{
  max-width: 100%;
}

.text-content-img{
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 20px;
}

.text-content-text-beside-img{
  display: inline-block;
  margin-bottom: 20px;
}

@media (max-width: 768px){
  .edit .edit-content-text{
    width: 100%;
    padding: 15px 15px!important;
    margin-top: 20px;
    font-size: 15px!important;
  }
}

.edit .edit-content-text .text-title{ 
  font-size: 21px;
  color: #464646;
  border-left: 11px solid #003980;
  padding: 3px 0 7px 15px;
  font-weight: normal;
  margin-bottom: 25px;
}

.edit .edit-content-text .text-content{
  font-size: 16px;
  line-height: 30px;
}

.edit .edit-content-text .text-content ul {
  padding-left: 22px;
}

.edit .edit-content-text .text-content ul li{
  font-size: 15px;
  line-height: 24px;
}

.text-content-inline{
  display: inline-block;
}

@media (max-width: 768px) {
  .text-content-inline{
    width: 100%!important;
  }
}

.text-content-inline .certificate{
  /*width: 40%;*/
  margin-left: 30px;
}

@media (max-width: 768px) {
  .text-content-inline .certificate{
    width: 49%;
    text-align: center;
    margin-left: 0px!important;
  }
}

.contact-bottom{
  padding-bottom: 20px;
}

.contact-bottom div{
  display: inline-block;
  width: 49%;
  text-align: center;
}

.contact-bottom div img{
  width: 70%;
}

@media (max-width: 768px) {
  .contact-bottom div img{
    width: 100%;
  }  
}

.customer-area{
  margin-top: 20px;
}


.customer-area div{
  display: inline-block;
  vertical-align: middle;
}

.customer-area .customer-type{
  width: 30%;
  text-align: center;
  vertical-align: middle;
}

.customer-area .customer-type img{
  vertical-align: bottom!important;
}

.customer-area .customer-name{
  width: 69%;
  text-align: center;
  border-bottom: dashed #000 0.5px;
}

.customer-area .customer-name .img-block{
  display: inline-block;
  width: 32.5%;
  margin: 10px 0px;
} 

.customer-area .customer-name .img-block img{
  width: 65%;
  vertical-align: baseline!important;
}

.title{
  margin-top: 40px;
  text-align: center;
}

.title img{
  margin-bottom: 40px;
}

@media (max-width: 768px){
  .title img{
    margin-bottom: 10px;
  }
}

.text-content-title{
  text-align: center;
}

.text-content-title-2{
  text-align: center;
  vertical-align: baseline;
}

.text-content-title span{
  display: block;
  width: 100%;
  padding: 20px;
  /* border:5px solid #9ad1ea; */
  font-size: 25px;
}

.text-content-title-2 .span1{
  display: inline-block;
  padding: 20px;
  border:5px solid #9ad1ea;
  font-size: 25px;
  vertical-align:middle;
}

@media (max-width: 490px){
  .text-content-title-2 span{
    width: 100%!important;
  }
}

.text-content-title-2 .span2{
  display: inline-block;
}

.text-content-title-2 .span2 img{
  width: 100%;
  vertical-align:middle;
}

.text-content-title-sm{
  margin: 20px 10px;
  text-align: left;
}

.text-content-title-sm span{
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  line-height: 25px;
  font-size: 25px;
}

@media(max-width: 768px){
  .text-content-title-sm{
    margin: 20px 10px 0px 10px;
    text-align: left;
    text-align: center;
  }

  .text-content-title-sm span{
    /*line-height: 15px;*/
    height: 50px;
    font-size: 19px;
    border-left: none!important;
    text-align: center;
    margin-bottom: 10px;
  }
}

.text-content-title-sm span img{
  height: 100%;
  vertical-align: middle;
}

.modal-btn .modal-btn-l{
  display: inline-block;
  width: 18%;
}

.modal-btn .modal-btn-l img{
  width: 90%;
}

.modal-btn .modal-btn-r{
  display: inline-block;
  width: 81%;
}

.modal-btn .modal-btn-r img{
  width: 32.5%;
}

@media (max-width: 768px){
  .modal-btn .modal-btn-l{
    display: none;
    width: 40%;
  }

  .modal-btn .modal-btn-r{
    display: inline-block;
    width: 100%;
  }

  .modal-btn .modal-btn-r img{
    display: inline-block;
    width: 30%;
  }
}

.img-100{
  margin: 50px 0px;
}

@media (max-width: 768px) {
  .img-100{
    margin: 20px 0px;
  }
}

.img-100 img{
  width: 100%;
}


.span-bg{
  display: block;
  width: 100%;
  padding: 20px;
  font-size: 25px;
}

.span-bg p{ 
  font-size: 20px;
  margin-top: 15px;
}

.text-content-title img{
  position: absolute;
  right: 4%;
  margin-top:9px;
}

@media(max-width: 768px){
  .text-content-title img{
    display: none;
  }
}

.blue{
  background-color: #e1f3ff;
  border: none;
}

.purple{
  background-color: #e3e1f1;
  border: none;
}

.yellow{
  background-color: #ffefe0;
  border: none;
}

.text-content .text-bg{
  background-color: #f1f1f1;
  padding: 40px 40px;
  margin:40px 0px;
  font-size: 20px;
  text-align: left;
}

@media (max-width: 768px){
  .text-content .text-bg{
    padding: 15px 15px;
  }
}

.text-bg ul li{
  font-size: 20px!important;
  line-height: 30px!important;
}

.text-content .text-bg img{
  width: 100%;
}

.text-content .text-no-bg{
  margin:40px 0px;
}

.text-content .text-no-bg p{
  font-size: 20px;
  line-height: 35px;
  padding-bottom: 20px;
}

.text-content .text-no-bg img{
  width: 100%;
}

.text-content-pro-title div{
  display: inline-block;
}

.pro-title-img{
  width: 19%;
  vertical-align: top;
}

.pro-title-img img{
  width: 70%;
  vertical-align: top;
}

.pro-title-text{
  width: 80%;
  text-align: left;
  vertical-align: top;
  font-size: 20px;
}

.img-area{
  text-align: center;
  margin-top: 40px;
}

.img-area div{
  display: block;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

.pro2-content{
  margin: 10px 0px;
}

.pro2-content div{
  display: inline-block;
}

.pro2-content .pro2-content-text{
  text-align: left;
  width: 59%;
  font-size: 20px;
  /* vertical-align: middle; */
}

.pro2-content-text p{
  margin-top: 20px;
}

.pro2-content .pro2-content-img{
  margin: 20px 0px;
  width: 40%;
  vertical-align: middle;
}

.pro2-content-text-title span{
  display: inline-block;
  background-color: #e3e1f1;
  padding: 15px;
  font-size: 20px;
  margin-right: 20px;
}

@media (max-width: 768px){
  .pro2-content .pro2-content-text,.pro2-content .pro2-content-img,.pro2-content-text-title span{
    width: 100%;
  }

  .pro2-content-text-title{
    display: block!important;
    width: 100%;
  }
}

.pro2-content-text-title p{
  display: inline-block;
}

.text-border{
  padding: 15px 50px;
  border: 15px solid #f1f1f1;
  border-top: none;
}

.edit-new{
  padding: 0px 40px;
}

@media (max-width: 768px){
  .text-border{
    padding: 15px 15px;
  }

  .edit-new{
    padding: 0px 0px;
  }
}

.img-inline-area div{
  display: inline-block;
  width: 49.5%;
}

.img-inline-area img{
  width: 100%;
}

@media (max-width: 768px){
  .img-inline-area div{
    width: 100%;
  }
}

.fancybox-skin{
  padding: 40px!important;
}


.keepCheck {text-align: center;margin: 0 auto 56px auto;}
.keepCheck a {float: left;width: 45%;display: block;background: #f6f4fc;height: 175px;box-sizing: border-box;padding-top: 32px;font-size: 1.75rem;color: #666;line-height: 1;border-radius: 10px;position: relative;border: 2px solid #fff;}
.keepCheck.keepCheck1 a {width: 32%;margin-right: 2%;display: block;float: left;}
.keepCheck a:nth-of-type(2) {float: right;background: #fff7eb;}
.keepCheck.keepCheck1 a:nth-of-type(1) {background: #fff7eb;}
.keepCheck.keepCheck1 a:nth-of-type(2) {float: left;background: #eaf9f5;}
.keepCheck.keepCheck1 a:nth-of-type(3) {margin-right: 0;}
.keepCheck a p {margin-top: 23px;}
.keepCheck a p.keepCheckp {background: url(../images/check1.png) 80px center no-repeat;}
.keepCheck.keepCheck1 a p.keepCheckp {background-position-x: 60px;}
.keepCheck a:nth-of-type(2) p {font-size: 1.5rem;}
.keepCheck.keepCheck1 a:nth-of-type(2) p {font-size: 1.75rem;}
.keepCheck a p.keepp {font-size: 1.125rem;margin-top: 12px;}
.cornerK {display: none;}
.keepCheck a:hover, .keepCheck a.keepActive {border: 2px solid #68d0ec;}
.keepCheck a:hover .cornerK, .keepCheck a.keepActive .cornerK {display: block;position: absolute;top: 0;left: 0;}
h4.keepH4 {border: 4px solid #003980;width: 613px;box-sizing: border-box;margin: 50px auto 39px auto;padding: 25px 40px;color: #666;font-size: 1.25rem;font-weight: normal;text-align: center;}
a.keepA {font-size: 1.25rem;color: #000;text-align: center;border: 3px solid #68d0ec;display: block;width: 550px;margin: 0 auto;line-height: 1;padding: 18px 0;}
a.keepA:before {content: url(../images/clickico.png);position: relative;top: 3px;margin-right: 15px;}
.keepbox {display: none;}
.keepboxbb {padding:10px 30px;}
@media (max-width: 768px) {
  .keepboxbb {padding:0px;}
}
.keepboxbb:nth-of-type(4) {border-bottom: 0;}
.keepbox.keepboxAction {display: block;}
.keepb {width: 33%;float: left;padding: 15px;}
.keep1bb .keepb {width: auto;padding: 10px;}
.keepb1 {border: 3px solid #666;text-align: center;height: 80px;display: table-cell;width: 238px;vertical-align: middle;max-width: 100%;background: url(../images/check1.png) 30px center no-repeat;color: #000;}
.keep1bb .keepb1 {width: auto;background-position-x: 10px;padding: 0 10px 0 44px;}
.keepDiv {background: #f6f4fc;padding: 54px;margin-top: 50px;}
.keepDiv:nth-of-type(2) {background: #fff7eb;}
.keepDiv1-2 {float: left;margin: 30px 0;}
.keepDiv1-3 {float: right;margin: 30px 10px 30px 0;}
.keepDiv1-4 {clear: both;}
.keepDiv1-4.keepDiv1-4Keep3 {margin-top: 27px;}
.keepDiv1-5 {background: #fff;margin-top: 30px;padding: 28px 0;}
.keepDiv1-5-1 {float: left;width: 264px;padding: 0 0 0 48px;text-align: center;}
.keepDiv1 {margin-top: 70px;}
.keepDiv h5 {margin-bottom: 20px;font-size: 1.5rem;}
.keepDiv1-5-2 {font-size: 1.125rem;float: left;width: 415px;}
.keepDiv1-5-2 p {margin-top: 20px;line-height: 2;}
.keep1Div {width: 390px;min-height: 747px;background: #f4f3fb;padding: 40px 18px;float: left;margin-bottom: 50px;}
.keep1Div:nth-of-type(even) {float: right;background: #fff5e9;}
.keep1Div > img {width: 100%;}
.keep1Div h4 {border: 3px solid #67d1eb;text-align: center;background: #fff;line-height: 1;padding: 25px;margin: 18px 0;}
.keep1Divtxt {background: #fff;padding: 30px 15px;font-size: 1.125rem;}
.keep1DivtxtImg {text-align: center;margin-bottom: 25px;}
.keep1Divtxt p {margin-bottom: 20px;}
p.pico {background: url(../images/pico.jpg) left 8px no-repeat;padding-left: 20px;}
h2.bgpH2 {background: #f6f4fc;line-height: 1;padding: 20px;text-align: center;color: #00367e;margin-bottom: 20px;}
.keep2Div {border-bottom: 1px solid #000;padding-bottom: 45px;}
.keep2Div:nth-of-type(4) {border-width: 0;}
.keep2DivTxt {margin-top: 40px;padding: 0 55px;}
.keep2DivTxt h4 span {background: #68d0ed;font-size: 1rem;padding: 6px 30px;color: #fff;}
.keep2DivTxt h4:after {content: url(../images/keep2DivTxt1-1.jpg);position: relative;top: 5px;left: 10px;}
.keep2DivTxt.keep2DivTxt2 h4:after {content: url(../images/keep2DivTxt2-1.jpg);}
.keep2DivTxt.keep2DivTxt3 h4:after {content: url(../images/keep2DivTxt3-1.jpg);}
.keep2DivTxt p {margin: 15px 0 10px 0;}
a.keep2DivTxtH5 {text-align: center;padding: 10px;font-size: 1.125rem;font-weight: normal;border-radius: 3px;border: 2px solid #68d0ec;margin: 40px 55px;}
a.keep2DivTxtH5:before {content: url(../images/clickicob.png);position: relative;top: 3px;left: -10px;}
h3.keep0321H3 {font-size: 1.75rem;color: #000;text-align: center;margin: 20px 0 30px 0;}
h3.keep0321H3 span {letter-spacing: 45px;}
.keepQbox {margin-bottom: 18px;position: relative;}
.keepQboxTilte {padding: 20px 60px 20px 76px;cursor: pointer;text-align: center;}
.keepQboxTilte span {position: absolute;background: url(../img/plus.png) no-repeat;width: 57px;height: 57px;top: 10px;right:5px;}
.keepQboxTilte.less span {background-image: url(../img/less.png);
}
.keepQboxContent {display: none;}

.footer-table{
	margin:auto;
}

@media (max-width: 480px) {
	.footer-table td{
		display: inline-block;
		width: 100%;
		padding-top: 20px!important;
	}
}

.footer-table td:nth-child(1){
	padding-top: 102px;
}

.fancybox-next{
	right: -34px!important;
}

.fancybox-prev {
    left: -34px!important;
}

@media (max-width: 768px) {
  .pc-area{
    display: none;
  }
}

@media (min-width: 769px) {
  .mb-area{
    display: none;
  }
}