html , body { margin:0px; line-height:1.55; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; color:#515151;font-size:14px; min-height:100%; position:relative; }
body { background-color:#ffffff }
input , textarea , select { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:14px; color: #041e42;}
img { border:none;vertical-align:bottom }
a {
	color: #041e42;
	text-decoration:none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #151d44;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #151d44;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #151d44;
}
:-moz-placeholder { /* Firefox 18- */
  color: #151d44;
}

a[href^="tel"]{ color:inherit; text-decoration:none;}/*view iphone*/
form textarea { resize:none;}

.drop-cap {float:left;font-size:500%;line-height:60px;margin-top:3px;margin-right:5px;color:#Cf4520;}

.drop-cap-eye-anatomy-pc {float:left;font-size:500%;line-height:60px;margin-top:3px;margin-right:5px;color:#Cf4520;}

.web-nav { margin-bottom:0px; }
.web-nav > .wrapper { max-width:900px;margin:0px auto; }
.web-nav .quick-area { text-align:right;color: #041e42;padding-top:10px;position: relative; z-index: 99;}
.web-nav .quick-area a { display:inline-block;margin-left:5px; }

.web-nav .top-area { /*border-bottom:2px #fff solid;*/position:relative;z-index:2 }
.web-nav .top-area > .logo-area { /*display:inline-block;*/margin:-27px 0 0 0; padding-bottom:7px; padding-top:0;text-align: left;}
.web-nav .top-area > ul.menu-list { float:right; list-style-type:none;padding:0px;margin:0px;margin-top:18px;border-right:1px #dbdbdb solid;border-bottom:2px #Cf4520 solid; }
.web-nav .top-area > ul.menu-list > li { margin:0px;padding:0px;float:left;border-left:1px #dbdbdb solid;position:relative; /*background: #041e42;*/}
.web-nav .top-area > ul.menu-list > li > a { padding:6px 30px;display:block;border-bottom:4px #fff solid;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:14px; color:#333; }
.web-nav .top-area > ul.menu-list > li:hover > a ,
.web-nav .top-area > ul.menu-list > li.active > a { border-color:#Cf4520; /*background:#Cf4520; color:#fff;*/ }
.web-nav .top-area > ul.menu-list > li:hover .sub-area { display:block!important }
.web-nav .top-area .sub-area { display:none;background-color: #041e42;min-width:100%; position:absolute;top:100%;left:0px;border:1px #a9a9a9 solid;border-width:0px 1px;border-top:2px #a9a9a9 solid; }
.web-nav .top-area .sub-area .list { position:relative; }
.web-nav .top-area .sub-area .list > a { color:#fff; display:block; padding:14px 20px;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:14px;white-space:nowrap;border-bottom:1px #a9a9a9 solid; }
.web-nav .top-area .sub-area .list.more > a { background:url(../img/header/icon/arrow.png) right 10px center no-repeat; }
.web-nav .top-area .sub-area .list:hover > a { background-color:#Cf4520;color:#ffffff; }
.web-nav .top-area .sub-area .list:hover .sub-sub-area { display:block!important }
.web-nav .top-area .sub-sub-area { display:none;position:absolute;left:100%;top:-1px;background-color: #041e42;border:1px #a9a9a9 solid;border-width:1px 1px 0px 1px; }
.web-nav .top-area .sub-sub-area.left{left:auto;right:100%;}

.web-nav .bottom-area { margin:8px 0px; }


.swiper-container .swiper-pagination { bottom:20px }
.swiper-container .swiper-pagination .swiper-pagination-bullet { width:14px;height:14px;background-color:#ffffff;opacity:.8 }
.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background-color:#041e42;opacity:1 }


.prompt-area { position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:5;text-align:center;display:none; }
.prompt-area > .prompt-bg { position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:#000000;opacity:.8 }
.prompt-area::before { content:'';height:100%;display:inline-block;vertical-align:middle; }
.prompt-area > .wrapper { text-align:left; background-color:#ffffff;padding:40px;display:inline-block;vertical-align:middle;position:relative;z-index:5;max-width:65%;/*min-width:300px*/ }
.prompt-area > .wrapper h1.title { color: #041e42;font-weight:normal;font-size:24px!important;border-left:4px #Cf4520 solid;padding:0px;margin:0px;margin-bottom:30px; padding-left:20px; }
.prompt-area > .wrapper h1.titlepopup { margin-bottom: 5px !important;}
.prompt-area > .wrapper h1.title > small { display:block;color:#666666;font-size:14px!important; }
.prompt-area.show { display:block; }
.prompt-area .btn-close{ position:absolute; top:0px; right:0px; display:block; z-index:5; background:#Cf4520; color:#fff; padding:2px 8px;}

.showerrortxt { color: red;}
.showvalidtxt {}

.sp-more{ font-family:'Tahoma', Geneva, sans-serif;font-size:13px !important;font-weight:normal;color:#041e42;line-height:20px;padding:0; background:none; border:none; margin:10px 0;}
.sp-more:hover{ color:#fff;}
.sp-more::after {
    content: '';
    border: 6px transparent solid;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 6px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 6px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-left-color: #041e42;
    border-left-style: solid;
    border-left-width: 6px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-left-color: #041e42;
    vertical-align: middle;
    margin-left: 7px;
    height: 0px;
    width: 0px;
    display: inline-block;
}

.sp-more:hover::after {
    content: '';
    border: 6px transparent solid;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 6px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 6px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 6px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-left-color: #fff;
    vertical-align: middle;
    margin-left: 7px;
    height: 0px;
    width: 0px;
    display: inline-block;
}

.sp-more1{ font-family:'Tahoma', Geneva, sans-serif;font-size:13px !important;font-weight:normal;color:#fff;line-height:20px;padding:0; background:none; border:none; margin:10px 0;}
.sp-more1:hover{ color:#041e42;}

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.hover02 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
figure {
	/*width: 300px;
	height: 200px;*/
	margin: 0;
	padding: 0;
	/*background: #fff;*/
	overflow: hidden;
}

/*-- css menu toggle --*/
nav { width: 100%; }

.nav_wrapper {
  position: fixed;
  left: 0;
  top: 0;
	z-index: 5;
  width: 100%;
  transition: top .5s ease-out;
  background: #fff;
}

.scroll { top: -90px; }

.no-scroll {
  top: 0;
  z-index: 999;
}

.btn {
  padding: 10px 1%;
  margin: 0px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

.btn:hover { transition: all 0.1s ease; }

main {
  max-width: 800px;
  margin: 0 auto;
}

main p {  1.2em;
}

#search {
  float: right;
  font-size: 30px;
  padding: 2px 15px;
  line-height: 40px;
  color: #fff;
  margin: 0;
  font-weight: 700;
  -webkit-transform: rotate(181deg);
  -moz-transform: rotate(181deg);
  -ms-transform: rotate(181deg);
  -o-transform: rotate(181deg);
  transform: rotate(181deg);
}

#search:hover { color: #efa666; }

.search_box {
  clear: both;
  width: 100%;
  background: #e8ebf0;
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

.search_box.active {
  height: auto;
  padding: 15px 0;
}

.search_box input {
  width: 80%;
  font-size: 13px;
  margin: 0 0 0 15px;
  padding: 10px;
  border: none;
  background: #fff;
}

.search_box input:focus { outline: none; }

.search_box input.search_icon {
  clear: both;
  width: 10%;
  height: auto;
  padding: 10px;
  margin: 0;
  margin-left: -5px;
  border: none;
  color: #fff;
  cursor: pointer;
  background: #8c949d;
  opacity: 1;
  transition: all 0.1s ease;
}

.search_box input.search_icon:hover { background: #efa666; }

.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
  width: 100%;
  height: auto;
  background: #2f3b3f;
  transition: all 0.3s ease;
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu ul li { padding: 0px; }

.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}

.menu ul li a:hover {
  background: #efa666;
  color: #fff;
}

.menu ul li.hover > a {
  background: #efa666;
  color: #fff;
}

.menu ul li > a { padding: 15px; }

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background: #39484d;
}

.menu ul li:hover > ul { display: block; }

.menu ul ul > li { position: relative; }

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background: #39484d;
}

.menu ul ul > li a:hover {
  /*background: #7e2119;*/
  background:none;
  color: #fff;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

.drop-cap-m {
  float:left;font-size:500%;
  line-height:60px;
  margin-top:3px;
  margin-right:5px;
  color:#Cf4520;
}


#hero {
  width: 100%;
  height: auto;
  background: #e8ebf0;
  margin: 70px 0 20px 0;
}

#hero img {
  width: 100%;
  height: auto;
}

footer {
  width: 100%;
  background: #0099cc;
  padding: 10px;
  color: #fff;
  margin-top: 40px;
}

footer a {
  color: #fff;
  text-decoration: none;
}
/*-- css menu toggle end --*/

.sp-btn-ap-all {background-color:#041e42;font-size:14px;color:#ffffff !important;text-align:center;display:inline-block;border-radius:5px;padding:10px 10px 10px 20px;vertical-align:middle;}
.sp-btn-ap-all::after {content:'';border:5px transparent solid;border-left-color:#Cf4520; vertical-align:middle;margin-left:20px; height:0px;width:0px;display:inline-block;margin-top:-3px;}

.a ul  {list-style: none}
.a ul li::before {content: "•"; color: #041e42;}
.a ul li::before {content: "•"; color: #041e42;display: inline-block; width: 1em; margin-left: -1em; font-size: 22px; line-height: 22px;}













.sp-btn{ width:50%; float:right;}

.sp-nav-m{display:none;}

.sp-height{height:62px;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:80%;
	height:75%;
}
.web-footer { color:#555555;font-size:12px;line-height:1.6;margin-top:30px;padding-bottom:20px; }
.web-footer a { color:#555555 }
.web-footer > .wrapper { max-width:900px;margin:0px auto;overflow:auto;border-top:2px #Cf4520 solid;padding:10px 0px; }
.web-footer .col { float:left;box-sizing:border-box;padding-left:20px;}
.web-footer .col-a { width:300px; text-align:left;}
.web-footer .col-b { width:420px; text-align:left;}
.web-footer .col-c { width:180px; text-align:left;}
.web-footer h3 { color: #041e42;font-weight:normal;font-size:16px;margin:10px 5px; }
.web-footer .qr { float:left;margin-right:10px;width:120px; }
.web-footer .icon { padding:5px 0px;padding-left:40px;float:left;width:65%;box-sizing:border-box; }
.web-footer .icon-map { background:url(../img/footer/icon/pin.png) left top 10px no-repeat; }
.web-footer .icon-call { background:url(../img/footer/icon/call.png) left top 5px no-repeat; }
.web-footer .icon-mail { background:url(../img/footer/icon/mail.png) left top 8px no-repeat; }

.web-footer .link-area { margin:15px 5px; }
.web-footer .link-area a { margin:8px 0px;display:block; }

.web-footer .date-area { margin:15px 5px; }
.web-footer .date-area > .date { margin-bottom:10px;overflow:auto; }
.web-footer .date-area > .date > .col { width:50%;float:left; }

.frm-area .txt-input { outline:none; border:none;padding:14px 20px;width:100%;background-color:#efefef; color: #041e42;font-size:14px;box-sizing:border-box;margin:0px;vertical-align:middle;border-radius:5px; }
.frm-area .btn-area { text-align:right;margin-top:8px;  }
.frm-area .btn-area .btn { text-align:center; background-color: #041e42;display:inline-block;padding:14px 20px;width:50%;box-sizing:border-box; color:#ffffff;font-size:14px; border:none;border-radius: 4px; }

.container-bk { width:760px; margin:0 auto;}
.container-bk h1 { text-align:center; font-size:30px; color:#900;}
.container-bk p { font-size:16px; color:#333; text-align:right;}
.container-bk ul { font-size:16px; color:#333; text-align:right; padding-left:400px;}