/* Products ===================================================================*/
.product { width:100%;  margin: 0 auto; display: flex; flex-wrap: wrap;  flex-direction:row;  align-items:flex-start;  justify-content:flex-start;  }
.product li{ width: 100%;  display: flex; flex-wrap: wrap;  flex-direction:row;  align-items:flex-start;} 
.product li figure { position: relative; width: 50%; margin: auto; display: flex;  justify-content: flex-end; align-items: flex-end;  order:2;   text-align: center; cursor: pointer; overflow: hidden; }
.product li figure img { position: relative; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0px,0, 0); transform: translate3d(0px,0,0);}
.product li figcaption { width:50%; height: auto; padding:5vh 0px; display: flex;  flex-wrap: wrap; margin: auto; vertical-align:top; color: #fff;  text-align: left; }
.product li i{ display:flex; margin-right:10px; width:50px; height: 50px;   content:''; background-size:38px 38px;   }
.product li i.invert{ filter: brightness(0) invert(1); }
.product li h3{ padding-bottom: 20px; word-spacing: -0.15em;  font-size: 1.75rem; line-height:2rem;display: flex; align-content: center; align-items: center;}
.product li p{font-size:1rem; padding:10px 0px;  line-height:1.75rem;  } 
.product-inner{ width: 100%; max-width:500px; margin: auto; justify-content: center; align-content: center; }
.product li figure:hover img{ opacity: .75; transform: scale(1.05); }
.product li:nth-child(2n) figure{order:0;  align-items: flex-end; justify-content: flex-start}
/* Products txt color ===================================================================*/
.product li figcaption.light h3 ,.product li figcaption.light p{ color: #fff; }
.product li figcaption.light i{ filter: brightness(0) invert(1); }
.product li figcaption.dark h3 { color:#0d5197; }
.product li figcaption.dark p{color:#666;}
.product li figcaption.dark a.btn-readmore { color: #0d5197;  border:solid 1px #0d5197;  }
.product li figcaption.dark a.btn-readmore:hover{ background: #0d5197; color: #fff; border:solid 1px #0d5197;}
.product li figcaption.dark a.btn-more ,.product li figcaption.dark a.btn-more:before{ color: #0d5197;   }
.product li figcaption.dark a.btn-more:hover {color: #fdbe0f;}


/* Myopia ==============================================================*/
.product li.Myopia-1{background: url("../images/product/Myopia-laser-01-bg.jpg") repeat-x right -3px #010101; background-size:auto 100%; }
.product li.Myopia-2{background: url("../images/product/Myopia-laser-04-bg.jpg") repeat-x left 0px #fff; background-size:auto 100%; }
.product li.Myopia-faq{background: url("../images/product/Myopia-laser-08-bg.jpg") repeat-x left 0px #fff; background-size:auto 100%; }
.product li.dark-blue{background: #dce6ee;}
.product li.deep-blue{background: #72b2d6;}
.product li.light-blue{background: #ebf5fb;}
.product li.dark-bk{background:#202423;}
.product li.blue{background: #73b3e0;  }
.product li.bright-blue{background: radial-gradient(circle, #F1F2F4 30%, #fff 100%); }
.product li.laser-blue{background: #0e1627;}
/* Presbyopia ==============================================================*/
.product li.Presbyopia-1{background: url("../images/product/Presbyopia-02-bg.jpg") repeat-x left 0px #6d95b2; background-size:auto 100%; }
.product li.Presbyopia-2{background: url("../images/product/Presbyopia-03-bg.jpg") repeat-x left 0px #2d3537; background-size:auto 100%; }
/* Cataract ==============================================================*/

.product li.Cataract-1{background:#071b27; }
.product li.Cataract-2{background: url("../images/product/cataract-02-bg.jpg") repeat-x left 0px #73a3ab; background-size:auto 100%; }
.product li.Cataract-3{background: url("../images/product/cataract-03-bg.jpg") repeat-x left 0px #73a3ab; background-size:auto 100%; }
/* Implantable ==============================================================*/
.product li.Implantable-1{background: url("../images/product/Implantable-01-bg.jpg") repeat-x left 0px #73a3ab; background-size:auto 100%; }
.product li.Implantable-2{background: #f8f2eb; }

/* Ortho-K ==============================================================*/
.product li.Ortho-K-1{background: url("../images/product/Ortho-K-02-bg.jpg") repeat-x right 0px #fff; background-size:auto 100%; }
.product li.brown{background: #abb3b7;  }



@media only screen and (max-width: 768px) {
.product li,.product li:nth-child(2n){ padding: 0px;}	
.product li figure {  width:100%; margin: auto; display: block; }
.product li figcaption { width: 100%; margin: auto; padding:0px 15px;  display: block; }
.product li:nth-child(2n) figure{order:0;  }
.product li figure{order:0; justify-content: flex-start; padding: 0px;}
.product li h3{  font-size: 1.25rem; }
}


/* Products List ==============================================================*/
.product-list { width:98%;  margin: 5% auto; display: flex; flex-wrap: wrap;  flex-direction:row;  align-items:flex-start;  justify-content:flex-start;  }
.product-list li{ width: calc(100%/4 - 15px); margin-right: 15px; margin-bottom: 35px; }
.product-list li figure { position: relative;  overflow: hidden; width: 100%;    text-align: center; cursor: pointer;}
.product-list li figure img { position: relative; display: block;  height:auto;  width: 100%;    opacity: 1; background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0px,0, 0); transform: translate3d(0px,0,0);}

.product-list li figcaption h3{    padding:10px; word-spacing: -0.15em;  font-size: 1.15rem;  font-weight: 500; color: #3e79ea;}
/* For some effects it will show as a button */
.product-list li figure:hover img{ opacity: .75; transform: scale(1.1); background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);}
.product-list li figure:before,.product-list li figure:after{ content: "";width: 0;height: 0;position: absolute;opacity: 0;z-index: 1; transition: all 0.5s ease 0s;}
.product-list li figure:before{ bottom: 5%;left: 5%;border-bottom: 2px solid #fff;border-left: 2px solid #fff;}
.product-list li figure:after{top: 5%;right: 5%;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.product-list li figure:hover:before,.product-list li figure:hover:after{opacity: 1; width: 100%;height: 100%;}

@media only screen and (max-width: 992px) { 
.product-list { justify-content: space-between; }
.product-list li { width: calc(49% - 19px); margin-right: 0px; }
.product-list .pic { display: flex; justify-content: center; align-items: center; }
.product-list .pic img { max-height: 215px; } 
}

@media only screen and (max-width: 480px) { 
.product-list li { width: calc(100% - 10px); } 
}

/* Products Detail ============================================================*/
.productwrap{ margin:0 auto;  width:100%; display:block; }
.productwrap h1 { width: 100%;  margin-bottom: 2%; font-size:2.10938rem;color: #323d47; font-weight: 400;   line-height: 1.25em;   text-align: left; }
.productwrap h1::after { content: ""; display: block; width:80%; height: 2px; margin: 10px 0; background-image: linear-gradient(to right, #50a1ff 0%, #fff 100%);  }
.productwrap h2{  margin:5% auto; font-size:1.15rem; color:#0070c9;  font-weight: 700; }
.bg-light{background:#f2f2f2; }
.leftwrap {width: 40%;  display:inline-block;  padding: 0px 0px 20px 0px;  vertical-align: top; }

/****rightwrap============================================================*/
.rightwrap { width: 50%;  display:inline-block; margin:5% auto 5% 5%; padding-left: 50px;   }
.product-info { margin:1% auto; padding:1em .5em; display: block; width: 100%; border-bottom: 1px solid #d6d6d6;}
.product-info p {margin-bottom: 30px; font-size:1rem;  line-height: 1.5em; font-weight:200; }
.product-info ul {margin:5% auto; display:block;}
.product-info ul li {margin:3% auto; display:block; font-size: .9rem; }
.product-info ul li span{  display: inline-block; }
.product-info ul li span.name{ width: 40%; text-align:left; display:inline-block;  font-weight:700;  }
.product-info ul li span.value{ width: 50%;  text-align:left; display:inline-block; font-weight:400;  color: #888;   }
a.viewmods{ margin:3% 0px; display:block; font-size: .8rem;  color:#0070c9;  }
a.viewmods:hover{ text-decoration: underline;}

.rightwrap ol.page { width: 100%;   margin: 0px auto; text-align: left; }
.rightwrap ol.page li { width: auto; display: inline-block;    list-style-type: none; margin: 5% auto 2% 5px;  }

.rightwrap ul.share li{  display: inline-block; }
.rightwrap ul.share li a{  }
.rightwrap ul.social-icons li.facebook a,.rightwrap ul.social-icons li.youtube a, .rightwrap ul.social-icons li.line a{ background-color:#B3B3B3; border-radius: 4px;}

/*tab*/
.resp-tabs-list {   width: 100%; margin:0px; padding: 0px;  text-align: center;/* background: #444;*/ border-bottom:solid 1px rgba(255,255,255,.5); border-top:solid 1px rgba(255,255,255,.5);  }
.resp-tabs-list li { display: inline-block; padding:3px 2em; margin: 0px -2px;  width:auto; border-left:solid 1px rgba(255,255,255,.3);  vertical-align: middle;  list-style: none; text-align: center; font-weight:400; font-size:.9rem; line-height:2.5em; cursor: pointer;   }
.resp-tabs-list li a{color: #fff;  }
.resp-tabs-list li a:hover{color: #000; text-decoration: none; }
.resp-tabs-list li:last-child{border-right:solid 1px rgba(255,255,255,.3);}

.resp-tab-content { /*padding: 30px ; width: 98%;*/ max-width:1360px; /* margin:2% auto;*/ line-height: 1.75em; }
.resp-tab-content h2{ margin:1% auto 5% auto; padding-bottom:18px; font-size:1.5rem;  color:#000; font-weight: 700;border-bottom: 1px solid  #d6d6d6; }
.resp-tab-content p{   margin-bottom:34px; font-size:.9rem; }

.tab-active{background: #bb8200 !important;}
ul.resp-tabs-list li {z-index: 0 !important;}
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {display: inline-block;}
    ul.resp-tabs-list li {width: 95% !important; z-index: 0 !important;}
    ul.resp-tabs-list li.fourTab{min-height: unset !important;}
}


.related-list li{ width: calc(100%/4 - 19px); margin-right: 5px; margin-bottom:5%; display:inline-block; text-align: center; }
.related-list li a h3{ padding: 20px; word-spacing: -0.15em;  font-size: .9rem;  font-weight: 400; color: #000;   }


/*table style============================================================*/
.modeldetails {width: 100%;  min-width:800px;  margin: 2% auto; border: 1px solid rgba(255,255,255,.2); }
.modeldetails thead tr {background: #333;color: #fff; }
.modeldetails thead tr th {border-left: 1px solid rgba(255,255,255,.2); }
.modeldetails thead tr th:first-of-type {border-left:none;}
.modeldetails th, td {padding: 5px 12px;text-align: left;vertical-align: middle; font-size: 1.2rem; line-height: 1.5; font-weight: 400;}
.modeldetails td, .modeldetails th {text-align: left; vertical-align: middle;}
.modeldetails td{ border-left: 1px solid #eee;}
.modeldetails tbody { color: #201c1d}
.modeldetails tbody tr { border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
.modeldetails tbody tr td:last-child {border-right: 1px solid #eee}
.modeldetails tbody tr:nth-of-type(odd) { background: #fff}
.modeldetails tbody tr:nth-of-type(even) {background:#fafafa; }
.modeldetails img { vertical-align: middle;margin: 5px;}
.img-s{ width: 100%; max-width:50px; height: auto;  }



/*table*/
.datatable {   vertical-align: top;  margin: 2% auto; width:100%; min-width:800px; overflow-x: auto;  }
.datatable th { padding: 6px; font-size: .9rem; color: #fff;     background-image: linear-gradient(60deg, #0070c9 0%, #2b76b9 37%, #2cacd1 100%); border: solid 1px rgba(255,255,255,.3);  font-weight: 700; text-align: left; text-transform: uppercase;  }
.datatable tr:nth-child(even) { background: #fafafa; }
.datatable tr:nth-child(odd) { background: #fff; }
.datatable td { padding: 6px 12px; font-size: .8rem; font-weight: 400; vertical-align:top;  border-left: solid 1px #eee; }
.datatable td img{ vertical-align:top;}
.datatable tbody tr:first-child { border-top: 1px solid #eee;  }
.datatable tbody tr:last-child { border-bottom: 1px solid #eee;  }
.datatable tbody tr td:last-child {border-right: 1px solid #eee}

.datatable-v { display: flex; overflow: hidden; background: none; }
.datatable-v tbody { width: 100%; max-width: 800px; -webkit-overflow-scrolling: touch; }
.datatable-v thead { display: flex; flex-shrink: 0; min-width: min-content; }
.datatable-v tbody { display: flex; position: relative; overflow-x: auto; overflow-y: hidden; }
.datatable-v tr { display: flex; flex-direction: column; min-width: min-content; flex-shrink: 0; }
.datatable-v td, .datatable-v th { display: block; }
.datatable-v td { background-image: none !important; border-left: 0; }
.datatable-v th:not(:last-child), .datatable-v td:not(:last-child) { border-bottom: 0; }
.datatable-v tbody tr:first-child { background: #fff; }
.datatable-v tbody tr:last-child { border: 1px solid #0070c9;  }



/***tab size*/
.edit{ width:96%; margin:0 auto; display: block; text-align:left; }
.edit p{ margin:2% auto;  line-height:1.75rem;}
.edit p strong{ padding-bottom:2em; font-weight: 700; font-size:1.1em; color:#000; }
.edit .col-5 { width: 100%; }
@media only screen and (max-width: 992px) { 
	.leftwrap,.rightwrap { width: 100%; display: block;  margin: auto; padding:10px; }	
}

/* Visit ====================================================================== */
.shadow{box-shadow: 0px 5px 6px rgba(0,0,0,.3);}
.Mobile{display: none;}
.visit-wrap{ width: 100%; max-width: 100%; display: flex; flex-wrap: wrap;  margin:10% auto;  align-content: center;   position: relative; z-index: 1;  }
.visit-right{width:80%; margin: auto; display: flex; flex-wrap: wrap;  flex-direction: column; justify-content: center; align-content: center;  align-items: center; }
.visit-left{ display: flex; width:80%; margin: 0 auto 30px auto; position: relative; z-index: 1; box-shadow: 0px 5px 6px rgba(0,0,0,.3); }
.visit-box-fully{ width: 100%; max-width: 100%;}
.visit-block { width: 100%; max-width: 1100px;margin:80px auto  160px auto;  font-size: 1.2rem;line-height: 1.5; padding: 0px 15px;}
.visit-block p,.visit-block li,.visit-block ol,.visit-block b,.visit-block table {font-size: 1.2rem;line-height: 1.5;}
.visit-block b { border-bottom: 3px solid #bb8200;/* margin-bottom: 5px; */display: inline-block;
	display: inline-block;  border: 2px solid;
    padding: 5px 20px;}
.visit-block li { list-style-type: disc; margin-left: 21px; }
.visit-box:not(:first-child) .visit-box__title { margin-top: 45px; }
/*.visit-box__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; border-bottom: 1px dotted #c19e56; margin-bottom: 15px;}*/
.visit-box .video { position: relative; width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}
.visit-box .video iframe { position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-flow: wrap;align-items: center;justify-content: center;}
.visit-box__title {padding: 0px 10px;}
.visit-box__title .t-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; background:#f3f4f7; }
.visit-box__title .t-title {/* margin-left: 15px;*/ font-size: 1.5rem; color:#bb8200;    font-weight: bold; line-height: 1.5;}
.visit-box__inner { margin: 30px 0px; font-size:100%; line-height:1.65rem; }
.visit-box__inner a { color: #775b1b; text-decoration: underline;  }
.visit-box__inner h3 {
	color: #bb8200;
}
.visit-block ol li {
    list-style-type: decimal;
    margin-left: 31px;
    margin-bottom: 10px;
}
.t-title-line { width: 100%; font-size: 1.5rem; margin-bottom: 20px; padding:0px 0px 20px 20px; }
.myopia-all a {
	background: #bb8200;
	color: #FFF;
    text-decoration: none;
    border-radius: 10px;
    padding: 10px 15px;
    margin: 10px;
	display: inline-block;

	text-align: center;

	background: #cc6601;
    color: #ffffff;
    box-shadow: inset 0px 3px #dddddd;
}
.myopia-all a:hover{
	background-color: #bb8200;;
    
}

.eyetable {
	border-collapse: collapse;
	background-color: #FFF;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width: 100%;
}
.eyetable th {
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #FFF;
	background-color: #0070C9;
	text-align: center;
	line-height: 1.2;
	font-size: 1rem;
	height: 21px;
	top: 5px;
	letter-spacing: 1px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	padding-top: 4px;
}
.eyetable td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 22px;
	color: #000;
	font-size: 1rem;
	text-align: center;
	letter-spacing: 1px;
	padding-left: 4px;
	background-position: left bottom;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
}
.visit-block img {
    max-width: unset;
}
.stream-content{
	display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.stream-content > ul > li{
	list-style: none;
	padding-top: 10px;
}


@media all and (min-width: 1101px) { 
.bg-light{background: #f6f7f9; }
.Mobile{display: block;}
.visit-right{width:60%; }
.visit-left{ width:30%; margin:-20% auto -10px auto;  }
.visit-box__inner a:hover { opacity: .5; } 
}
.visit-box__inner p { margin:10px; font-size: 20px; line-height: 1.75rem;}
.visit-box__inner span { color: #7b7b7b; }
.sp-brown { color:#b39a60; }
.sp-brown-dark {color: #bb8200; }
.visit-box__inner .t-title { font-size: 1.25rem; margin-bottom: 20px;  color:#3e434e;}
.visit-box__inner .t-price-big { font-size: 2rem; color: #fc7788; }
.visit-box__inner .t-price-small { color:#ac0b0b; }
.visit-box__inner .tab { margin-bottom: 25px; }
.visit-box__inner .tab td { text-align: center; padding: 15px 8px; border-right: 1px solid #d6d6d6; }
.visit-box__inner .tab tr:first-child th:first-child {  padding-top:10px;  font-size: 1.75rem; line-height:2.5rem;  font-weight: normal; }
.visit-box__inner .tab tr:first-child td { width: 120px; }
.visit-box__inner .tab tr:last-child td, .visit-box__inner .tab tr:last-child th { border-bottom: 1px solid #d6d6d6; }
.visit-box__inner .tab--blue tr:first-child th:first-child { color: #fff; background: #23acc0; }
.visit-box__inner .tab--blue tr:first-child td { background: #D3F0F4; }
.visit-box__inner .tab--red { border: 1px solid #FFBDCB;}
.visit-box__inner .tab--red tr:first-child th{ color: #fff; background: #F0849C;padding-top:10px;  font-size: 1.75rem; line-height:2.5rem;  font-weight: normal; }
.visit-box__inner .tab--red tr:last-child td, .visit-box__inner .tab--red tr:last-child th { border-bottom: 1px solid #FFBDCB; }
.visit-box__inner .tab--red tr:nth-child(even) td { background: #FFDDE1; }
.visit-box__inner .tab--red tr:nth-child(even) td:not(:last-child) { border-right: 1px solid #FFBDCB; }
.visit-box__inner .tab--red tr td{ width: auto;text-align: left; border-right: 1px solid #FFBDCB;border-bottom: 1px solid #FFBDCB; }
.visit-box__inner .tab--red tr th{  text-align: center; border-right: 1px solid #FFBDCB;border-bottom: 1px solid #FFBDCB; }

.visit-box__inner .tab--pink tr th,.visit-box__inner .tab--pink tr:first-child th:first-child { color: #fff; background:#d0ab67; border-bottom: solid 1px #fff;width:100px; padding-top:10px;  font-size: 1.35rem; line-height:2.5rem;  font-weight: normal;  }
.visit-box__inner .tab--pink tr:nth-child(odd) td { background: #efe8db; }
.visit-box__inner .tab--pink tr:nth-child(odd) td:not(:last-child) { border-right: 1px solid #efe8db; }
.visit-box__inner .tab--pink tr td{text-align: left;border-right: 1px solid #d0ab67; }
.visit-box__inner .tab--pink{ border: 1px solid #d0ab67; }
.visit-box__inner .tab--pink tr:last-child td, .visit-box__inner .tab--pink tr:last-child th { border-bottom: 1px solid #d0ab67; }
.visit-box__inner .googlemap { position: relative; width: 100%; padding-bottom: 115%; }
.visit-box__inner .googlemap iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.visit-box__inner table.datatable { margin-bottom: 25px; }
.visit-box__inner table.datatable td, .visit-box__inner table.datatable th { border: 1px solid #ccc; text-align: center; padding: 15px 8px; }
.visit-box__inner ul { /*margin-left: 20px;*/ }
.visit-box__inner ul li { position: relative; margin-bottom: 15px; font-size: 1.2rem; line-height:1.65rem; color:#3e434e; }
.visit-box__inner ul li::before { position: absolute; top: 8px; left: -20px; content: ''; width: 8px; height: 8px; border-radius: 100%; background:#c19e56; }
.visit-box__inner ol { list-style-type: decimal; display: block; page-break-before: avoid; padding-left: 10px; }
.visit-box__inner ol li { margin-bottom:10px;  display: list-item; list-style-type: inherit; font-size:1.2rem !important; line-height:1.65rem; color:#3e434e;}
.visit-box__inner .ol-table {
    display: flex;
    flex-wrap: wrap;
}
.visit-box__inner .ol-table li {
    width: calc(100%/3 - 31px);
}
.visit-box__inner .time-line { margin: 90px 0px; position: relative; margin-left: 20px; }
.visit-box__inner .alert { padding: 15px; margin:5px 10px;color:#a78244; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px;}
.visit-box__inner .alert-block { padding: 15px; margin:5px 10px;color:#a78244; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color:#fdf6e9; border: 1px solid #d0ab67; border-radius: 4px;}
.visit-box__inner .alert-block .t-title { font-size: 1.25rem; margin-bottom: 20px;  color:#a78244;}
 @media all and (min-width: 1101px) { 
.visit-box__inner .time-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 0; } }
.visit-box__inner .time-line::before { position: absolute; top: 90px; left: -12px; width: 6px; height: calc(100% - 180px); content: ''; background: #3985D3; }
@media all and (min-width: 1101px) {
.visit-box__inner .time-line::before { top: calc(50% - 3px); left: 80px; width: calc(100% - 160px); height: 6px; } 
}
.visit-box__inner .time-line li { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px;  min-height: 180px; margin-bottom: 30px; }
@media all and (min-width: 1101px) { 
.visit-box__inner .time-line li { margin-top: 245px; margin-bottom: 0; } }
.visit-box__inner .time-line li::before { z-index: 1; width: 13px; height: 13px; background: #F9A75E; border: 5px solid #F8DA5E; top: calc(50% - 9px); left: -20px; }
@media all and (min-width: 1101px) { 
.visit-box__inner .time-line li::before { top: -44px; left: calc(50% - 13px); }
.visit-box__inner .time-line li:nth-child(even) { margin-top: 0px; margin-bottom: 245px; }
.visit-box__inner .time-line li:nth-child(even)::before { top: auto; left: calc(50% - 13px); bottom: -44px; } }
.visit-box__inner .time-line__name { text-align: center; margin-bottom: 15px; }
.visit-box__inner .time-line__pic .imgfix { width: 100%; max-width: 160px; border-radius: 5px; padding-bottom: 75%; }

@media all and (max-width: 1100px) { 
.visit-box__inner .time-line__pic .imgfix { margin: 0 auto; padding-bottom: 37.8%; } 
.visit-block {margin:80px auto  150px auto; }     
}
.visit-box--stroke .visit-box__title { border-bottom: none; }
.visit-box--stroke .visit-box__inner a { color: #3985d2; }
.visit-box--stroke .visit-box__inner .t-title { position: relative; color: #3985d2; margin-left: 20px; }
.visit-box--stroke .visit-box__inner .t-title::before, .visit-box--stroke .visit-box__inner .t-title::after { position: absolute; content: ''; border-radius: 100%; border: 1px solid #3985d2; }
.visit-box--stroke .visit-box__inner .t-title::before { width: 15px; height: 15px; top: 6px; left: -20px; }
.visit-box--stroke .visit-box__inner .t-title::after { width: 7px; height: 7px; top: 10px; left: -16px; }


/* Table ====================================================================== */
.tab-scroll { overflow-x: auto; }

/* Grid ======================================================================= */
.md-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }
.flex-center{  justify-content: center; align-items: center; margin: auto;}
.flex-right{justify-content: flex-end;}
[class^="md-gd-"] { padding: 10px 15px; }
.md-gd-1 { width: 8.33333%; }
.md-gd-2 { width: 16.66667%; }
.md-gd-3 { width: 25%; }
.md-gd-4 { width: 33.33333%; }
.md-gd-5 { width: 41.66667%; }
.md-gd-6 { width: 50%; }
.md-gd-7 { width: 58.33333%; }
.md-gd-8 { width: 66.66667%; }
.md-gd-9 { width: 75%; }
.md-gd-10 { width: 83.33333%; }
.md-gd-11 { width: 91.66667%; }
.md-gd-12 { width: 100%; }

@media all and (max-width: 1100px) { 
.md-row { margin: 0 -5%; }
.md-reverse{ flex-direction: column-reverse;}
[class^="md-gd-"] { width: 100% !important; padding: 10px 5%; } 
.visit-block { font-size: 1rem;line-height: 1.3;}
.visit-block p,.visit-block li,.visit-block ol,.visit-block b,.visit-block table {font-size: 1rem;line-height: 1.3;}
.visit-box__inner ol li { font-size: 1rem !important; line-height: 1.3; }
.visit-block img { max-width: 100%;}}
.aligned{ text-align: justify;text-justify:inter-ideograph;/*左右對齊*/}
.mark{background: linear-gradient(transparent 40%,rgba(255,255,255,0) 40%, #FFF176 90%,transparent 95%);padding: 2px 1px;width: 30%;}
.mark2{background: linear-gradient(transparent 40%,rgba(255,255,255,0) 40%, #FFF176 90%,transparent 95%);padding: 2px 1px;}
@media all and (max-width: 820px) { .mark{width:50%}}
@media all and (max-width: 520px) { .mark{width:85%}}
.visit-box__inner > ul >li{font-size: 1.2rem;line-height: 1.5;}
@media all and (max-width: 1100px) { .visit-box__inner > ul >li{	font-size: 1rem;line-height: 1.3;} }
.picsort {
	float: left;
    width: 25%;
    text-align: center;
    justify-content: center;
	align-items: center;
	padding: 15px;
	color: #bb8200;

}

.picsort2 {float: left;width: 50%;text-align: center;justify-content: center;align-items: center;padding: 15px;color: #bb8200;min-height: 252px;}
.pic2_out{height:350px}
.picsort3 { width: 50%;text-align: center;justify-content: center;align-items: center;padding: 15px;color: #bb8200;}
.picrwd{width:70%}
.blkline{display:flex;}
@media all and (max-width: 680px) {.picsort {width: 50%;}.picsort2 {width: 100%;}.pic2_out{height:700px}.picsort3 {width: 100%;}.picrwd{width:100%}.blkline{display:block;}}

.visit-box{margin-top:-30px ;}
.visit-box .reserve-btn {padding: 50px 0; border-bottom: 2px solid #e9edf7; text-align: center;}
.visit-box .reserve-btn a{ display: inline-block; background: #005196; color: #FFF; font-size: 20px;font-weight: 600;letter-spacing: 2px; padding: 16px 8%; transition:all .5s; }
.visit-box .reserve-btn a:hover{ transform: scale(0.9);}
.visit-box .reserve-btn img {width: 23px;height: 23px;}
@media all and (max-width: 600px) { .visit-box__inner .ol-table li {width: calc(100%/2 - 31px);}}
.lineblock{width: 100%;display: flex;align-items: center;margin-top:20px;padding: 10px;}	
.lineblock_pic{width: 25%;padding:10px}	
.lineblock_text{width: 75%;padding:10px}
.lineblock_inner1{clear: both;line-height: 1.3;}
.lineblock_inner2{clear: both;line-height: 1.3;margin-top: 20px;}
@media all and (max-width: 680px) { .lineblock_pic{width: 40%;}	.lineblock_text{width: 60%;}}
@media all and (max-width: 480px) {.lineblock {display: block;} .lineblock_pic{width: 100%;text-align: center;}	.lineblock_text{width: 100%;}.lineblock_pic { padding: 0px;}.lineblock_text {padding: 0px;}.lineblock_inner1{padding-top: 20px;}
.lineblock {border-bottom: none;}.visit-block img {    margin: 20px 0px 0px 0px;}.lineblock { padding: 0px 10px;}
}
@media all and (min-width: 481px){.lineblock_text{padding-left: 20px;}} 
@media all and (min-width: 1101px){.bigpic{max-width: 1000px !important;}} 
@media all and (max-width: 780px){tr.out{width:100%;} td.in{width:50%} } 
@media all and (max-width: 1100px){td.pictable{font-size: 1rem;}} 
td.pictable{border: 1px solid;width:50%}

@media all and (max-width: 434px){.t_font{font-size: 12px !important;}} 

.fourTab{width: 25% !important;margin: 0px 10px !important;text-align: left !important;min-height: 80px !important;padding: 1rem !important;font-size: 17px !important;    border-radius: 10px; color: white !important; box-shadow: inset 0px 3px #dddddd; display: flex!important; flex-wrap: wrap!important; align-items: center!important; min-height: 135px!important;}
.summary_article {max-width: 300px;background-color: #f1f1f1; border: 1px solid #aaa;display: flex;flex-wrap: wrap;padding: 10px;transition: all .5s;border-radius: 2px;margin: 0px 0 20px;}
.summary_article_title{display: inline-block;line-height: 29px;margin: 0; font-size: 18px;}
.summary_article_btn{display: inline-block;margin:0 4px 0 auto;padding: 3px ; border: 1px solid #333;cursor: pointer;border-radius: 2px;    line-height: 21px;}
.summary_article_btn img {width: 20px;}
.summary_article_btn:hover {border-color: #777;}
.summary_article ol{overflow: hidden;margin-top: 20px;width: 100%;transition: all .5s;max-height: 700px;counter-reset:num; padding: 0;}
.summary_article ol li{margin-bottom: 8px; margin-bottom: 0; font-size: 14px;font-weight: 400;list-style: none;margin-left: 0; line-height: 1.5;}
.summary_link:visited, .summary_link:link{color:#333}
.summary_link::before{    
  content: counters(num, ".") ". ";
  counter-increment: num;}
.summary_link:hover {text-decoration: underline;}
.summopen .summary_article_list {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all .5s;
}
.summopen.summary_article {max-width: 150px;transition: all .5s;padding: 10px 10px 0;}


.intraocular_lens {border-collapse: collapse;width: 1000px;margin: 0 auto;}
.intraocular_lens thead {background-color: #d9e2f9;}
.intraocular_lens tfoot {background-color: #d9e2f9;}
.font_lightBlue {color: rgb(0, 174, 255);}
.font_w_regular {font-weight: 400;}
.intraocular_lens th, .intraocular_lens td {padding:  20px;line-height: 1.3;text-align: center;font-size: 20px;}
.bgc_gray {background-color: #eee;}
.intraocular_lens tbody td {border-right: 1px solid #eee;}
.intraocular_lens tbody td:first-child {width: 174px;}
.intraocular_lens tbody .tbody_tr td:nth-of-type(2) {width: 410px;}
.table_box:not(:last-child) {
  margin-bottom: 32px;
}
.notice_txt {font-size: 20px;max-width: 1000px;margin: 0 auto;}

@media only screen and (max-width:992px){
  .fourTab{ min-height: 164px!important;}
}
@media only screen and (max-width:576px){
  .intraocular_lens {width: 800px;}
  .intraocular_lens tbody .tbody_tr td:nth-of-type(2) {width: 313px;}
}

/*LBV*/
.LBV-flex-box{display: flex;flex-wrap: wrap;}
.LBV-section p{margin-bottom: 20px;}
.LBV-section .LBV-pic{text-align: center;}
.LBV-section .LBV-pic img{max-width: 100%;}
.LBV-section .title-blue {display: inline-block; padding: 10px 30px; background-image: linear-gradient(transparent 53%,#ecf2ff 0%);margin-bottom: 34px;font-weight: 600;}
.LBV-section .l-title{font-size: 1.5rem;color: #bb8200;padding: 20px 0;margin-bottom: 15px;line-height: 1.5}
.LBV-section .l-title span{color: #1c75b5;}
.LBV-section .t-title{margin-bottom: 34px;}
.LBV-section .t-title span{color: #1c75b5;}
.LBV-section .s-title {font-weight: 600;}
.LBV-section-1 ul li,.LBV-section-5 ul li{margin-bottom: 15px;list-style: none;position: relative;padding-left: 30px;}
.LBV-section-1 ul li::before,.LBV-section-5 ul li::before{content: "";width: 20px;height: 3px;background-color: #d0631f;position: absolute;top: 15px;left: -10px;}

.LBV-section-1,.LBV-section-2{margin-bottom: 80px;}
.LBV-section-1 .LBV-flex-box {align-items: center;}
.LBV-section-1 .LBV-flex-box div{width: 60%;}
.LBV-section-1 .LBV-flex-box .LBV-pic{width: 40%;}
.LBV-section-1 ul{padding: 0;}

.LBV-section-3,.LBV-section-4{margin-bottom: 40px;}
.LBV-section-3 .LBV-pic{padding: 40px;}
.LBV-section-3 .bg-gray{padding: 30px;background-color: #f5f5f5;margin-bottom: 40px;}
.LBV-section-3 .bg-gray > div{width: 50%; padding: 0 20px;}
.LBV-section-3 .bg-gray > div .LBV-pic,.LBV-section-3 .LBV-theory .LBV-pic{padding: 0;margin-bottom: 15px;}
.LBV-section-3 .LBV-theory {justify-content: space-between;align-items: center;}
.LBV-section-3 .LBV-theory > div{width: 31%;}
.LBV-section-3 .LBV-theory > div .bg-blue{background-color: #ecf2ff;padding: 15px;margin-bottom: 20px;}

.LBV-step{border-left: 3px #1c75b5 solid; padding: 30px 0 30px 50px;margin-left: 30px;margin-bottom: 40px;}
.LBV-step > div{ display: flex; flex-wrap: wrap; align-items: center; position: relative; box-shadow: 1px 3px 8px rgba(102, 102, 102, .3);border-radius: 20px 0 0 20px;margin-bottom: 34px;}
.LBV-step .step-num{ position: absolute;left: -75px;top: 50%;transform: translateY(-50%);background-color: #1c75b5;padding: 10px 18px;color: #fff;font-weight: 600;}
.LBV-step .step-text{ width: 79%;padding: 0 5%;}
.LBV-step .step-pic{ width: 21%;}
.LBV-step .step-pic img{ max-width: 100%;}

.LBV-section-5 ul{padding-bottom: 40px;}

@media only screen and (max-width:992px){
  .LBV-section-3 .LBV-theory > div{width: 48%;}
  .LBV-section-3 .LBV-theory > div:nth-child(3){width: 100%;}
}
@media only screen and (max-width:576px){
  .LBV-section .LBV-pic img{margin: 0;}    
  .LBV-section-1,.LBV-section-2{margin-bottom: 40px;}
  .LBV-section-1 .LBV-flex-box div{width: 100%;}   
  .LBV-section-1 .LBV-flex-box .LBV-pic{width: 100%;} 
  .LBV-section-3 .bg-gray{padding: 10px;}
  .LBV-section-3 .bg-gray > div{width: 100%; padding: 0 0 20px;} 
  .LBV-section-3 .LBV-pic{padding: 10px 0;}    
  .LBV-step > div{ padding: 10px;margin-bottom: 45px;}  
  .LBV-step{border-left: 0 #1c75b5 solid; padding: 10px 0 10px 20px;margin-left: 0px;margin-bottom: 0;}
  .LBV-step .step-num{ left: -20px;top: -10px;}    
}
@media only screen and (max-width:480px){
  .LBV-step .step-text{ width: 100%;padding: 15px 5%;}
  .LBV-step .step-pic{ width: 100%;}  
  .LBV-step .step-pic img{ margin: 0;}  
}

/*smilePro*/
.smile-flex-box{display: flex;flex-wrap: wrap;font-weight: 400;}
.smilePro-section p{margin-bottom: 20px; margin-top: 0;}
.smilePro-section .smile-pic{text-align: center;}
.smilePro-section .smile-pic img{max-width: 100%;}
.smilePro-section .title-blue {display: inline-block; padding: 10px 30px; background-image: linear-gradient(transparent 53%,#ecf2ff 0%);margin-bottom: 34px;font-weight: 700;font-size: 32px;}
.smilePro-section .t-title{margin-bottom: 34px;}

.smile-section-2,.smile-section-3{margin-bottom: 80px;}

.smile-section-2 .smile-flex-box{margin-bottom: 40px;align-items: center;padding: 20px 0;}
.smile-section-2 .smile-text{width: 40%;padding-right: 20px;}
.smile-section-2 .smile-pic{width: 60%;}
.smile-section-3 .smile-advantage .smile-flex-box{margin-bottom: 10px;width: 100%;}
.smile-section-3 .smile-advantage .smile-flex-box > div:nth-child(2){padding: 15px 20px;background-color: #f3f5fa;width: 80%;}
.smile-section-3 .smile-advantage .smile-flex-box .smile-advantage-title{width: 20%;background-color: #1c75b5;text-align: center;color: #fff;padding: 15px 0;}

.smile-section-4,.smile-section-5,.smile-section-6{margin-bottom: 80px;}
.smile-section-4 .smile-step{width: 25%;padding: 40px 20px;border-top: 3px #1c75b5 solid;position: relative;margin-top: 50px;text-align: center;}
.smile-section-4 .smile-step .step-num{position: absolute; top: -30px; left: 50%; transform: translateX(-50%);background-color: #1c75b5;color: #fff;padding: 8px 20px;}
.smile-section-4 .smile-step .title-blue {display: block; font-size: 24px;}
.smile-section-5 > div {overflow-x: auto; }
.smile-section-5 table  {background-color: #f3f5fa; width: 100%;min-width: 800px}
.smile-section-5 table th,.smile-section-5 table td {padding: 25px 0;text-align: center; border: #fff 2px solid; font-size: 1.2rem; line-height: 1.5;}
.smile-section-5 table thead th {background-color: #1c75b5; border-left: #fff 2px solid;width: 16%;color: #fff; line-height: 1.5; font-weight: 700;}
.smile-section-5 table tbody th img{padding: 0 3px 5px 0 ;}

.smile-section-6 > div {overflow-x: auto; }
.smile-section-6 table  {background-color: #f3f5fa; width: 100%;min-width: 800px}
.smile-section-6 table th,.smile-section-6 table td {padding: 25px 0;text-align: center; border: #fff 2px solid;align-content: center; font-size: 1.2rem; line-height: 1.5;}
.smile-section-6 table thead th {background-color: #1c75b5; border-left: #fff 2px solid;width: 25%;color: #fff;}
.smile-section-6 table thead th span{display: block;font-size: 16px;}
.smile-section-6 table tbody img{max-width: 100%;}
.smile-section-6 table tbody tr:nth-child(1) td{background-color: #fff;}

.smile-section-7 .faq_list {padding: 0 0 3.344% 0;}
.smile-section-7 .faq_list > div {box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); padding: 2px 0 7px 0; margin-bottom: 28px; transition: all 0.5s ease 0s;}
.smile-section-7 .faq_list > div:last-child {margin-bottom: 0;}
.smile-section-7 .faq_Q {position: relative; z-index: 1; padding: 20px 50px; cursor: pointer;background-color: #f3f5fa;margin-bottom: 20px;}
.smile-section-7 .faq_Q > h2 {color: #333333; line-height: 1.7; letter-spacing: 0.3px; transition: all 0.5s ease 0s;font-size: 18px;margin: 0;border: none;padding: 0;}
.smile-section-7 .faq_Q > span {width: 16px; height: 16px; border-radius: 16px; position: absolute; top: 23px; right: 29px; transition: all 0.5s ease 0s;}
.smile-section-7 .faq_Q > span::before {content: ''; width: 16px; height: 2px; background: #1c75b5; position: absolute; top: 10px; left: 4px;}
.smile-section-7 .faq_Q > span::after {content: ''; width: 2px; height: 16px; background: #1c75b5; position: absolute; top: 4px; left: 11px;transition: all 0.2s ease 0s;}
.smile-section-7 .faq_A {padding: 0 55px 0px; max-height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
.smile-section-7 .faq_list > div .edit_area {line-height: 2; color: #666666; letter-spacing: -0.3px;}
.smile-section-7 .faq_list > div.active {padding: 2px 0 61px 0;}
.active > .faq_Q > div {color: #333;}
.active > .faq_Q > h2 {color: #333;}
.smile-section-7 .active > .faq_A {max-height: 1000px; transition: all 1.5s ease 0s;margin-bottom: 40px;}
.smile-section-7 .active > .faq_Q > span::after {opacity: 0;}

@media only screen and (max-width:992px){
  .smile-section-2 .smile-text{width: 100%;padding-right: 0px;}
  .smile-section-2 .smile-pic{width: 100%;}
  .smile-section-4 .smile-step{width: 50%; }
      
}
@media only screen and (max-width:768px){
  .smile-section-3 .smile-advantage .smile-flex-box > div:nth-child(2){width: 100%;}
  .smile-section-3 .smile-advantage .smile-flex-box .smile-advantage-title{width: 100%;}
  .smile-section-3 .smile-advantage .smile-flex-box{margin-bottom: 20px;}    
    .smile-section-7 .faq_A {padding: 0 10px 0px; }    
}
@media only screen and (max-width:480px){
   .smile-section-2,.smile-section-3,.smile-section-4,.smile-section-5,.smile-section-6{margin-bottom: 40px;}    
   .smile-section-2 .smile-flex-box{margin-bottom: 0px;}    
   .smile-section-4 .smile-step .title-blue {margin-bottom: 10px;}    
   .smile-section-4 .smile-step{width: 100%; padding: 10px 0px;}
   .smile-section-7 .faq_Q { padding: 20px 35px 20px 5px;;} 
   .smile-section-7 .faq_Q > span::before {top: 10px; left: auto;right: -17px}
   .smile-section-7 .faq_Q > span::after {top: 4px; left: auto;right: -10px}    
}

.video-wrapper{width: 100%;max-width: 900px;margin: 0 auto;padding: 20px 0;}
.video-inner{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 56.25%;}
.video-inner iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;line-height: 0;font-size: 0;}

.exp-list{padding-top: 50px; text-align: center;}
.exp-list .title-blue {display: inline-block; padding: 10px 30px; background-image: linear-gradient(transparent 53%,#ecf2ff 0%);margin-bottom: 45px;font-weight: 600;font-size: 32px;}
.exp-con .item { }
.exp-con .item .exp-pic{ position: relative; }
.exp-con .item .exp-pic div{ position: absolute; left: 0; bottom: 10px; background: #be9c54; color: #fff; font-size: 12px; padding: 10px; }
.exp-con .item .exp-txt{ position: relative; text-align: center; border: 1px solid #be9c54;padding: 22px 0 10px; font-weight: 400;}
.exp-con .item .exp-txt span{ position: absolute; left: 10px; top: 10px;  color: #be9c54; font-size: 12px;  }