@charset "utf-8";
/* CSS Document */
html,body{margin:0;height: 94%;}
body{font-size:94%;line-height: 1.8; font-family:"Noto Sans TC","微軟正黑體", 'Libre Baskerville','Century Gothic', Arial ; color: #fff; position: relative; background-color: #000}
a:focus{outline:0;}
a{text-decoration:none; color: #fff;}
a:hover{text-decoration:none; color: #ccc;}
img{border: 0 none; line-height:0; display: block;}
form {margin:0; padding:0;}
ul, ul li {margin: 0;padding: 0;  list-style-type: none;}
dl, dt, dd {margin: 0;padding: 0;}
dl {height: 1%;}
button{border:0 none; cursor:pointer;padding: 0;margin: 0;background: transparent;}
.clearfix:before,.clearfix:after {content: "";display: table;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix { zoom: 1;}
h1,h2,h3,p{margin:0;padding: 0;}
/**{-webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);transition: all .3s cubic-bezier(.215,.61,.355,1);}*/
.BigFont{ font-size: 1.5rem; font-weight: bold; }
.colorbrown{ color: #bd9743; }
.lineheight{line-height: 1.3;margin-top: 3%;}
/*-------------------------------------Globe------------------------------------------------*/
#Homepage #Intro{margin-top: 150px;}
.Wrapper{width: 1050px;position: relative;margin:auto;}
.Header .Wrapper{z-index: 1;}
.Header{border-top: 6px solid #c99f44; background-color: #000;position: fixed;left: 0;right: 0;z-index: 20; height: 170px;top: 0;}
.Header:after{content: "";background: url(../images/TopBg.png) repeat-x;animation: bg-move 15s ease 0s infinite;height: 390px;position: absolute;left: 0;right: 0;top:-3px;z-index: 0;}
.fixedBar{position: fixed;-webkit-transform: translateX(0);transform: translateX(0);position: fixed; left: 0; right: 0; z-index: 10;height: 100px;}
.fixedBar .LogoBlock .Logo,.InnerPage .LogoBlock .Logo{position: absolute;left:25px;top:16px;-webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);transition: all .3s cubic-bezier(.215,.61,.355,1);}
.fixedBar .Nav,.InnerPage .Nav{margin-left: 20%;margin-right: 8%;-webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);transition: all .3s cubic-bezier(.215,.61,.355,1);}
.fixedBar.Header:after{height: 215px;top: 15px;}
.AboutSlider:after{content: "";background: url(../images/TopBg.png) repeat-x;animation: bg-move 10s ease 0s infinite;height: 280px;position: absolute;left: 0;right: 0;top: 80px;z-index: 0;transform: scaleY(-1);}
.LogoBlock{padding:4px 0 20px;-webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);transition: all .3s cubic-bezier(.215,.61,.355,1);}
.LogoBlock .Logo{ width: 178px; height: 80px; margin:auto;}
.LogoBlock .Logo a{ text-indent: -9999px;background:url(../images/logo.png) no-repeat; display: block; width: 178px; height: 80px;background-size: 100%;}
.InnerPage .LogoBlock .Logo{width: 150px; height: 70px;}
.InnerPage .LogoBlock .Logo a{width: 150px; height: 70px;}
.LogoBlock .ShareFb ,.InnerPage .LogoBlock .ShareFb{ width: 35px; height: 35px;position: absolute;top: 28px; right:38px; }
.LogoBlock .ShareFb a{ text-indent: -9999px;background:url(../images/LogoFb.png) no-repeat; display: block; width: 35px; height: 35px;background-size: 100%;}
.Nav ul li{display: inline-block; text-align: center; width: 16%;position: relative;}
.Nav ul li:after{content:"";height: 19px; width: 1px; background-color: #c3c3c3;position: absolute; top:30%;left: 0;}
.Nav ul li:first-child:after{ display: none; }
.Nav ul li span.BigNav{display: block;font-size: 15px;}
.Nav ul li span.SmallNav{display: block;font-size: 12px;}
.Nav ul li a:hover span.BigNav{ color: #c99f44; }
.TitleBlock h3{color: #bd9743;font-size: 3rem;margin-bottom: 8px; font-weight: normal; line-height: 1.2;font-family: 'Libre Baskerville', serif;}
.SmallTitle {color: #bd9743;font-size: 15px;margin-bottom: 35px;}
.Block{border-bottom: 1px solid #b0bcc5;padding-bottom: 3%;margin-bottom: 3%;}
.Block li{margin-left: 30px; list-style-type: disc;}
.Block03{border-bottom: 0 none;}
#Intro {margin-top: 10px;}
#Intro .Bg{ background:url(../images/BgIntro.jpg) no-repeat center bottom; background-size:cover; min-height: 790px;}
#Intro .IntroArea{width: 495px;padding:25% 0 0 0; margin-left: 61%; color: #1c1c1c;}
#Intro .TitleBlock h3,#Anesthesia .AnesthesiaArea .TitleBlock h3,#LocationIntro .TitleBlock h3{font-family:'Libre Baskerville','Noto Sans TC';}
#Intro .TitleBlock{margin-bottom: 36px;text-align: left;}
#About .AboutArea{ background:url(../images/BgAbout.jpg) no-repeat center top; background-size: cover; min-height: 890px;position: relative;padding:120px 0 0 0; color: #fff;}
#About .AboutSlider{position: relative;padding-top: 60px;margin-bottom: 50px;}
#About .AboutSlider .Wrapper{ width: 1000px; margin:auto; }
.WebTitle{display: block;padding: 190px 0 54px;}
#AboutPage .WebTitle{background:url(../images/AboutSplash01.jpg) no-repeat; background-size: cover;}
#LocationPage .WebTitle{background:url(../images/LocationSplash01.jpg) no-repeat; background-size: cover;}
#NewsPage .WebTitle{background:url(../images/NewsSplash01.jpg) no-repeat; background-size: cover;}
#CasePage .WebTitle{background: url(../images/CaseSplash01.jpg) no-repeat;background-size: cover;}
#PostsPage .WebTitle{background: url(../images/CaseSplash01.jpg) no-repeat;background-size: cover;}
#DocIntro{ background:url(../images/AboutSplash02.jpg) no-repeat right top; background-size: cover; min-height: 683px;position: relative;color: #000;}
#DocIntro .IntroArea{width: 435px;padding: 10% 0 0 0;margin-left: 61%;color: #020202;line-height: 1.8;}
#Founding{background: url(../images/AboutSplash03.jpg) no-repeat right top;background-size: cover;min-height: 683px;position: relative;padding: 120px 0 0 0;color: #fff;}
#Founding .Intro{width: 435px;margin-right: 51%;line-height: 1.8;}
.AboutLogo{ background:url(../images/AboutLogo.png) no-repeat; width: 415px; height: 145px; float: right;margin:10% 0 0 0;}
#Characteristics{background: url(../images/AboutSplash04.jpg) no-repeat right top;background-size: cover;min-height: 610px;position: relative;padding: 120px 0 0 0;color: #0f0f0e;}
#Characteristics ul li{ width: 21%; float: left; text-align: left;position: relative;padding: 2%;line-height: 1.7;}
#Characteristics ul li:after{content:"";border-right:1px solid #d2c3a0; height: 333px; width: 1px;position: absolute;top: 10px; left: 0;}
#Characteristics ul li i{ width:135px; height: 110px; display: block; margin: auto; margin-bottom: 20px;}
#Characteristics ul li a{ color: #a5833b; }
#Characteristics ul li a:hover{ color: #fff; text-decoration:underline; }
#Characteristics ul li:nth-child(1) i{background:url(../images/IconMedical01.png) no-repeat; background-size: 100%;}
#Characteristics ul li:nth-child(1):after{display: none;}
#Characteristics ul li:nth-child(2) i{background:url(../images/IconMedical02.png) no-repeat; background-size: 100%;}
#Characteristics ul li:nth-child(3) i{background:url(../images/IconMedical03.png) no-repeat; background-size: 100%;}
#Characteristics ul li:nth-child(4) i{background:url(../images/IconMedical04.png) no-repeat; background-size: 100%;}
#NewsList ul li{color: #000; padding-bottom: 3%; margin-bottom: 3%;}
#NewsList .NewsLink{color: #1d1d1d;display: flex; }
#NewsList ul li .NewsHead h4{ margin-right: 100px; }
#NewsList ul li .NewsHead{position: relative; font-size: 1.2rem;border-bottom: 1px solid #999;padding-bottom: 1%;margin-bottom: 1%; line-height: 1.3;}
#NewsList ul li .NewsRight{margin-left: 3%;}
#NewsList ul li .LearnMore{position: absolute;right: 0;color: #a17b48; bottom: 15px;font-size: 1rem;}
#NewsList .NewsTitle{height: 59px;overflow:hidden;margin-right: 20%;line-height: 1.5}
#NewsView .NewsTitle{font-size: 2rem;line-height: 1.3;}
#NewsView .IntroArea{padding:1% 16.7% 8%;}
#NewsView .NewsImg{margin-bottom: 3%;}
#NewsView .NewsHead{border-bottom: 1px solid #ccc;padding-bottom: 3%;margin-bottom: 3%;}
.NewsArticle{color: #1d1d1d;line-height: 2.2;}
.NewsArticle ~ a {color: #bd9743;}
.image1{float: left;margin-right: 20px;}

.PageBar {text-align: center;padding-bottom: 10%}
.PageBar a{color: #000;margin: 0 .5%;border-radius: 100%;border: 1px solid #ccc;display: inline-block;width: 30px;height: 30px;line-height: 30px;}
.PageBar span.PageNone,.PageBar span.PageNone i{color: #999;}
.PageBar span.PageNow{margin: 0 1%;}
.PageBar a:hover{background-color: #cca348; border:1px solid transparent;color: #fff;}
.PageBar .IconNext,.PageBar .IconPrev{width: inherit;height: inherit; border: 0 none; color: #cca348;}
.PageBar i{color: #000;}
.PageBar .IconNext:hover,.PageBar .IconPrev:hover{background-color: transparent; border: 0 none; color: #000}

#Rhinoplasty .Wrapper{ width: 950px; margin:auto; }
#Rhinoplasty .RhinoplastyArea .Wrapper{width: 1060px;}
#Rhinoplasty .RhinoplastyArea ul li a{display: block;height: auto; width: 100%;cursor: default;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(1) a img{ background:url(../images/item/Item01.png)no-repeat;background-size: 100%;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(2) a img{ background:url(../images/item/Item02.png)no-repeat;background-size: 100%;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(3) a img{ background:url(../images/item/Item03.png)no-repeat;background-size: 100%;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(4) a img{ background:url(../images/item/Item04.png)no-repeat;background-size: 100%;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(5) a img{ background:url(../images/item/Item05.png)no-repeat;background-size: 100%;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(6) a img{ background:url(../images/item/Item06.png)no-repeat;background-size: 100%;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(7) a img{ background:url(../images/item/Item07.png)no-repeat;background-size: 100%;}
#Rhinoplasty .RhinoplastyArea ul li:nth-child(8) a img{ background:url(../images/item/Item08.png)no-repeat;background-size: 100%;}
#InnerSlogon{text-align: center; padding: 3%;font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;font-size: 24px; color: #d2c3a0;}

.RhinoplastySlider{margin-bottom: 80px;}
.TitleBlock{text-align: center;}
.NameTitle{font-size: 35px;letter-spacing: 10px;}
.SliderBlock{position: relative;z-index: 5;}
.SliderBlock{overflow:hidden;height:auto;position:relative;padding:0;box-sizing:border-box}
.RhinoplastySliderBlock ul li{ border-radius: 3px;border:1px solid #bd9743;box-sizing: border-box;overflow:hidden;}
.PeopleNameBlock {position: relative;color: #939393; padding: 3% 5% 0;}
.PeopleNameBlock .PeopleName{font-size: 30px;color: #bd9743; }
#CaseList .PeopleNameBlock .PeopleName{color: #bd9743;}
.PeopleNameBlock .PeopleAge {position: absolute;right: 5%;font-size: 18px; top: 15px;}
.RhinoplastyItem{font-size: 18px;color: #939393;margin: 0 5% 3%;border-bottom: 1px solid #6c6856;padding-bottom: 20px;line-height: 1.2;height: 38px;}
.RhinoplastyIntro{ padding: 0 5%;color: #939393; height: 70px;line-height: 1.5;overflow: hidden;}
.RhinoplastyGo{ text-align: center; padding: 5%; color: #a17b48; text-decoration: none; }
.RhinoplastySliderBlock ul li:hover{border:1px solid #fff;}
.RhinoplastySliderBlock ul li:hover .RhinoplastyGo{ text-decoration: underline; color: #fff;}
.PeopleBg{position: relative;}
.PeopleBg:after{content: "";background: url(../images/Imgwave.png) repeat-x top;height: 43px;position: absolute;left: 0;right: 0;top: -25px;z-index: 2;background-size:100%;}
.PeopleImg{width: 100%; height: auto;}
.PeopleImg img{width: 100%; height: auto;}
.RhinoplastyArea{margin-bottom: 100px;}
.RhinoplastyArea ul li{float: left;}
.PostListBlock {display: flex;flex-wrap: wrap;margin-bottom: 5%;}
.PostListBlock > div {flex: 1 1 50%;max-width: 50%;margin-bottom: 30px}
.Post{display: block;padding: 0 20px;color: #939393;}
.Post:hover{color: #333;}
.PostListBlock .LearnMore {color: #a17b48;margin-top: 2%;cursor: pointer;}
.PostImg {border: solid 1px #939393;margin-bottom: 20px;}
.PostImg > img {width: 100%;height: 100%;object-fit: cover;}
.PostImg.SmallImg {border: none;}
.PostImg.SmallImg > img {width: 75%;height: auto;object-fit: cover;}
.PostTitle {font-size: 30px;color: #bd9743;}
.PostDate {margin-bottom: 1rem;}
.PostContent {height: 5.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.MeLink {font-size: 18px;}
#Anesthesia{ background:url(../images/BgAnesthesia.jpg) no-repeat right top; background-size: cover; min-height: 568px;position: relative;}
#Anesthesia .AnesthesiaArea{width: 50%; margin:0 50% 0 0 ; padding-top: 130px; color: #1c1c1c;}
#Anesthesia .AnesthesiaArea .TitleBlock{text-align: left;color: #000;}
#Anesthesia .AnesthesiaArea .TitleBlock h3,#LocationIntro .TitleBlock h3{text-align: left; color: #000;margin-bottom: 3px;}
#Anesthesia .AnesthesiaArea .TitleBlock .SmallTitle,#LocationIntro .TitleBlock .SmallTitle{text-align: left; color: #000;}
#AoneItem ul li{ width: 33.3333%; float: left; text-align: center;position: relative;}
#AoneItem ul li:after{content:"";border-right:1px solid #d2c3a0; height: 133px; width: 1px;position: absolute;top: 10px; left: 0;}
#AoneItem ul li i{ width:135px; height: 110px; display: block; margin: auto; margin-bottom: 20px;}
#AoneItem ul li a{ color: #a5833b; }
#AoneItem ul li a:hover{ color: #fff; text-decoration:underline; }
#AoneItem ul li:nth-child(1) i{background:url(../images/BotItem01.png) no-repeat;}
#AoneItem ul li:nth-child(1):after{display: none;}
#AoneItem ul li:nth-child(2) i{background:url(../images/BotItem02.png) no-repeat;}
#AoneItem ul li:nth-child(3) i{background:url(../images/BotItem03.png) no-repeat;}
#AoneItem .Wrapper{width: 765px; margin:auto; padding: 35px 0;}
.Footer{border-top: 1px solid #d2c3a0; padding: 35px 0;}
.FootLogo{background:url(../images/logo.png) no-repeat; display: block; width: 187px; height: 80px;background-size: 100%; vertical-align: top;margin-top: 20px;}
.inline{display: inline-block;}
.InfoBlock{width: 41%; margin-left: 1%; font-size: 15px;margin-right: 3%;}
.Copyright{margin-top: 3%;}
.ClinicTime{background:url(../images/Time.png) no-repeat 0 3px; width: 410px; height: 125px; background-size: 100%;position: relative;}
.ClinicTime:before{content: "";border-right: 1px solid #d2c3a0;height: 89px;width: 1px;position: absolute;top: 30px;left: -16px;}
.Web{display: block;}
.Mobile,.Splash{display: none;}
#loader .remind{color: #383737;font-size: 1rem;background-color: #fff;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width: 100%;height: 100vh;position: absolute;}
#loader .remind p{margin-top: 2rem;}
#loader .leading{background: url(../images/2.png) no-repeat center center;display: block;width: 100%;height: 100%;position: fixed;z-index: 5;}
#loader .play{ background-color: #c99f44; color: #fff; width: 8rem; font-size: 1rem; border-radius: 5px; padding: 8px 20px;position: absolute;left:50%;margin-left: -4rem;top:70%;}
#loader .play:hover{color:#c99f44;border-radius: 5px;background-color: #fff; }
#loader .play:focus{outline:none;}
#loader .skip{ border:1px solid #c99f44; color: #c99f44; width: 8rem; font-size: 1rem; border-radius: 5px; padding: 8px 20px;position: absolute;left:50%;margin-left: -4rem;top:85%;}
#loader .skip:hover{border:1px solid #fff;color:#fff;border-radius: 5px; }
#loader .skip:focus{outline:none;}
#myDiv{display:none}
.DropToggleBox{position: absolute;top: 20px; left: 20px; display: none;}
.hamburger{width:24px;height:3px;margin-top:4px;position:relative;float:left;background:#e1bf7f;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.hamburgerBox{width:24px;height:24px}
.hamburgerBox .top-bar{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);width:24px;transform-origin:10% 10%}
.hamburgerBox .middle-bar{opacity:1}
.hamburgerBox .bottom-bar{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);width:24px;transform-origin:10% 90%}
.DropToggleOpen .hamburgerBox .top-bar{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:26px}
.DropToggleOpen .hamburgerBox .middle-bar{opacity:0}
.DropToggleOpen .hamburgerBox .bottom-bar{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:26px}
/*About*/
.InnerPage .Header{background-color: transparent;position: fixed;left: 0;right: 0;top: 0;z-index: 10;}
.InnerPage .Header:after{ display: none; }
.InnerPage .fixedBar{background-color: #000}
.InnerPage .firstSection{padding-top: 20%;padding-top: 3%; }
.IntroTitle{font-family:"Noto Sans TC",'Century Gothic',Arial;}
.InnerPage .Section { background-color: #f9f9f9; color:#121212;}
.MapBlock{float: left; width: 50%;}
.MapIntro{margin-left: 50%;}
h4{margin:0 0 3px;padding: 0;font-size: 1.2rem;}
#LocationIntro .Block{border-bottom: 0 none;}
#LocationIntro .BigFont{color: #121212;}
.Table th{font-weight: normal; padding: 1% 10px; text-align: center;}
.Table th:first-child{padding: 1% 0;}
.Table h4{text-align:left;}
.Table td{ padding: 1%; text-align: center; border-top: 1px solid #ccc;color: #d2c3a0;font-size: 1.4rem;}
.Table td.STime{font-size: 1rem;}
.Table td:first-child{padding: 1% 3px; color: #000}
.TopTime .Table td:first-child{color: #fff}
.LinkFb i{ background:url(../images/IconFacebook.png); width: 29px; height: 29px; display: inline-block;margin-right: 10px;background-size: 100%;  vertical-align: middle;}
.LinkFb a{ color: #000;display: block; border:1px solid #d2c3a0; padding: 2% 3%; width: 232px; height: 57px;line-height: 57px;font-size: 1.3rem;position: relative;}
.LinkFb a .Sym{color: #d2c3a0 ;font-size: 1.5rem;font-family: 'Noto Sans TC', sans-serif;margin-left: 5px;}
.HowToGo{background-color: #eaead0;padding: 3%;margin-bottom: 5%;}
.HowToGo ul{ display: flex; }
.HowToGo ul li{ flex:1 }
.HowToGo ul li i{float: left; width: 63px; height: 63px; margin-right: 3px;vertical-align: middle;}
.HowToGo ul li:nth-child(1) i{background:url(../images/IconWay1.png);background-size: 100%;}
.HowToGo ul li:nth-child(2) i{background:url(../images/IconWay2.png);background-size: 100%;}
.HowToGo ul li:nth-child(2){border-left: 1px solid #9f9f9f; padding-left: 3%;margin-left: 3%}
.HowToGo ul li h4{margin-left: 70px;}
.HowToGo ul li .Way{margin-left: 70px;}
#ClinicPhoto .Wrapper{width: 1000px;margin:auto;}
#ClinicPhoto .Intro{margin-bottom: 2%;}
/*#CaseList{padding:1% 16.7% 8%;}*/
.CaseListBlock ul{padding:3% 0;}
.CaseListBlock ul li{width: 31.6%;margin:0 2% 0 0;padding: 0 0 2%; float: left;border-radius: 10px; background-color: #fff;  border:1px solid #cca348; }
.CaseListBlock ul li:nth-child(3n+3){margin:0 0 2%;}
.CaseListBlock ul li:hover{ border:1px solid #ccc; }
.CaseListBlock ul li .PeopleImg img{border-radius: 10px 10px 0 0; }
.CaseListBlock .RhinoplastyItem{height: 47px;overflow:hidden;line-height: 1.5;}
.CaseListBlock .PeopleBg:after{background: url(../images/Imgwave_w.png) repeat-x top;top: -23px;background-size: 100%;}
.TabBlock{margin-top: 2%; display: none;}
.TabBlock ul li{float:left;width: 14.2%;margin: 0; font-size: 15px; text-align: center;}
.TabBlock ul li a{color: #1b1b1b; display: block; padding: 2% 5%;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.TabBlock ul li:last-child a{border-right:1px solid #ccc;}
.TabBlock ul li a:hover,.TabBlock ul li.Activity a{ background-color: #bd9743; color: #fff;}
.MainView{ background-color: #cfcfcf;padding: 3% 0 }
.MainView.View02{background-color: #ece3c6;padding: 0 }
.MainView.View03{background-color: #d5b0bd;padding: 0 }
.MainView.View04{background-color: #c4a7cf;padding: 0 }
.MainView.View05{background-color: #cee1df;padding: 0 }
.MainView.View06{background-color: #eae9ee;padding: 0 }
.MainView.View07{background-color: #b1bbce;padding: 0 }
.MainView.View08{background-color: #f2ddd6;padding: 0 }
.MainView.View09{background-color: #e8d4bd;padding: 0 }
.MainView.View10{background-color: #ed9994;padding: 0 }
.MainView.View11{background-color: #6d717a;padding: 0 }
#CaseView.firstSection{padding-top: 0}
/*#CasePage .TitleBlock h3{padding: 5% 0 3%;}*/
.RhinoplastyView{padding:0px 2.7%;}
.RhinoplastyView .RhinoplastyDetail{ width: 46%;padding-top: 2%; }
.RhinoplastyView .RhinoplastyDetail .ViewTitle{font-size: 2.2rem; color: #1d1d1d; border-bottom: 1px solid #ddd;margin-bottom: 3%; padding-bottom: 3%;height: 100px; overflow:hidden;line-height: 1.4;}
.MainView.View09 .RhinoplastyView .RhinoplastyDetail .ViewTitle,
.MainView.View08 .RhinoplastyView .RhinoplastyDetail .ViewTitle{border-bottom: 1px solid #ab9e8c;}
.MainView.View11 .RhinoplastyView .RhinoplastyDetail .ViewTitle{color:#cfa972; font-size: 2rem;}
.RhinoplastyView .RhinoplastyDetail .PeopleName{color: #fff; font-size: 2.2rem;}
.RhinoplastyView .RhinoplastyDetail .ViewIntro{ overflow:hidden; line-height: 1.8;margin-bottom: 15px;padding:0 .5%;height: 115px; overflow:hidden;}
.MainView.View11 .RhinoplastyView .RhinoplastyDetail .ViewIntro{color: #fff;height: auto;}
.MainView.View11 .RhinoplastyView .RhinoplastyDetail .TabStraight ul li{    width: 25%;float: left;}
.MainView.View11 .RhinoplastyView .RhinoplastyDetail .TabStraight{width: 100%}
.MainView.View11 .RhinoplastyView .RhinoplastyDetail .TabStraight ul li a{    border-right: 0 none;border-top: 1px solid #fff;    border-right: 1px solid #fff;}
.RhinoplastyView .RhinoplastyDetail .TabStraight{ width: 45%; }
.RhinoplastyView .RhinoplastyDetail .TabStraight ul li a{display: block;  border-bottom:1px solid #fff; border-left:1px solid #fff;border-right:1px solid #fff; color: #1d1d1d;line-height: 50px;height: 50px; text-align: center;}
.RhinoplastyView .RhinoplastyDetail .TabStraight ul li:first-child a{border-top:1px solid #fff;}
.RhinoplastyView .RhinoplastyDetail .TabStraight ul li a:hover{ background-color: #cfa972;color: #000; }
.RhinoplastyView .RhinoplastyImg{float: right;width: 50%;}
.CaseViewItem{padding: 0 0 5%;}
.Item01Group{padding:5% 0 0 30%;font-size: 1rem;line-height: 2;}
#Item01 {border-bottom: 1px solid #ddd; padding-bottom: 3%;margin-bottom: 3%;}
.CaseTitle{position: relative; padding-left: 10px;}
.CaseTitle:before{content: "";width: 4px;height: 16px;background-color: #bd9743;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.CaseBlock .BigFont{font-size: 2.2rem;}
.ItemFloat {margin: 5% 0; display: flex;}
.ItemFloat li{ width: 33.33%;position: relative; box-sizing: border-box;padding-left: 3%;}
.ItemFloat li:first-child{padding-left: 0;}
.ItemFloat li:before{content:"";border-right:1px solid #ddd; height: 120px; width: 1px;position: absolute;top: 10px; left: 0;}
.ItemFloat li:first-child:before{display: none;}
.NumBitFont{font-size: 100px;line-height: 1;}
.ItemFloat .BigFont{line-height: 1.2;margin-top: 10%;}
#Item03 ul li{border-bottom: 1px solid #ddd; padding:1%;}
#Item04{ background-color: #000; padding: 2% 5% 7;position: relative;}
#Item04 .Wrapper{width: 750px; margin: auto;}
#Item04:after{content: ""; background-color: #fff; left: 0;right: 0;  bottom: 0; height: 100px;position: absolute;}
#Item04 .TitleBlock{margin-bottom: 1%;}
.Gray{font-size: .9rem; color: #666;line-height: 1.5;margin-top: 3%; padding-top: 3%; border-top: 1px solid #ccc;word-break: break-all;}
.LinkLocation{color: #121212;}
.LinkLocation:hover{color: #121212;text-decoration: underline;}

#PostsList

#NewsList .Wrapper{width: 900px;}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;width:100%}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-pagination{text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;padding:2% 0;}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#a9a9a9}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#947533}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:0;left:auto;background-color:rgba(0 ,0 ,0 ,.3);padding:1%;background-size:43%}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:0;right:auto;background-color:rgba(0 ,0 ,0 ,.3);padding:1%;background-size:43%}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}

.ReservationButton{
	position: fixed;right: 3%;bottom: 5%;
	width: 75px;height: 75px;line-height: 75px;
	font-size: 13px;text-align: center;border-radius: 50%;
	background-color: rgba(120,120,120,.6);color: #fff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
	cursor: pointer;z-index: 10;
}

/* override */
#About .AboutArea2{
  background:url(../images/AboutSplash02-11.png) no-repeat center top;
  background-size: cover;
  min-height: 890px;
  position: relative;
  padding:120px 0 0 0;
  color: #fff;
  margin-top: -120px;
}
#About .AboutArea2 .Splash img {
  background:url(../images/BgAbout2.jpg) no-repeat;
  background-size: 140%;
  height: 0;
  padding-bottom: 52%;
  background-position: 50% 0;
}

.AboutArea2 .PullRight {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#DocIntro.secondSection {
  background:url(../images/AboutSplash02-1.jpg) no-repeat left top;
  background-size: cover;
  min-height: 683px;
  position: relative;
  color: #000;
}
#DocIntro.secondSection .IntroArea {
  margin-left: 0;
}
#DocIntro .Title {
  margin-bottom: 30px;
}
.secondSection .Block li:first-of-type{
  list-style-type: none;
  margin-left: 10px;
}
.mr-60 {
  margin-right: 60px;
}
/* override end */

@keyframes bg-move {
	0% {background-position: 0% 50%	}
	50% {background-position: 300% 50%;}
	100% {background-position: 0% 50%;}
}

@media screen and (max-width:768px){
	body{font-size:100%;}
	.TitleBlock h3{font-size: 6vmin;margin-bottom: 1%;}
	.IntroTitle{font-size: 4vmin;}
	.Wrapper{width:100%;margin:auto;}
	img{width: 100%;height: auto;}
	#Intro,#Intro .Bg{min-height: inherit;background:0 none;}
	#About .AboutSlider .Wrapper,#Rhinoplasty .Wrapper,#Rhinoplasty .RhinoplastyArea .Wrapper,#AoneItem .Wrapper{width: 100%;}
	#Intro .Splash {margin:0 0 9%;}
	#Intro .Splash img{background:url(../images/BgIntro.jpg) no-repeat;background-size: 180%;height: 0;padding-bottom: 68%;background-position: 30% 0;}
	#Intro .IntroArea{width: 100%;margin: 0;box-sizing: border-box;background: #000;color: #fff;}
	#Intro .TitleBlock{margin-bottom: 4%;padding: 0 9%; text-align: center;}
	#Anesthesia .AnesthesiaArea .TitleBlock h3, #Intro .TitleBlock h3{font-size: 6vmin;}
	.Intro{font-size: .9rem;}
	#Intro .Intro,#About .Intro,#Anesthesia .Intro{padding: 0 9% 9%;}
	#Intro .Intro{text-align: center;}
	#About{background-color: #eceeed;}
	#About .AboutSlider{margin:inherit;padding-top: 0;}
	#About .AboutArea{padding: 9% 0 0;min-height: inherit; background:0 none; color: #181717}
	#About .AboutArea .Splash{margin: 0 0 5%;position: relative;}
	#About .AboutArea .Splash:after{content: "";background: url(../images/Imgwave_m.png) no-repeat;height: 26px;background-size: 100%;position: absolute;bottom: -3px;width: 100%;}
	#About .AboutArea .Splash img{background:url(../images/BgAbout.jpg) no-repeat;background-size: 140%;height: 0;padding-bottom: 52%;background-position: 50% 0;}
	#About .Title{padding: 0 9%}
	#DocIntro{min-height: inherit;padding-top: 0;}
	#DocIntro .Splash{margin:0;position: relative;}
	#DocIntro  .Splash img{background:url(../images/AboutSplash02.jpg) no-repeat;background-size: 140%;height: 0;padding-bottom: 52%;background-position: 50% 0;}
	#DocIntro .IntroArea{width: 100%;padding: 0;padding:0;margin: 0;box-sizing: border-box;background: #000;color: #fff;}
	#DocIntro .IntroArea .Title{margin: 0 9%;}
	#DocIntro .IntroArea .Intro{margin: 0 9%;}
	#Founding {min-height: inherit;padding-top: 5%;}
	.AboutLogo{float: inherit;margin: 5% auto;width: 50%;background-size: 100%;height: 0;padding:0 0  19%;}
	#Founding .Intro{width: 80%;margin: 3% auto 0%;padding-bottom: 16%;}
	#Characteristics ul{padding:3% 6%;}
	#Characteristics ul li{width: 95%; float: none;margin:0 auto 5%;border-bottom: 1px solid #d2c3a0;padding-bottom: 5%;}
	#Characteristics ul li:last-child{border-bottom: 0 none;}
	#Characteristics ul li i{width: 87px;height: 75px;margin-bottom: 2%;}
	#Characteristics ul li:after{content: "";border-bottom: 1px solid #d2c3a0;width: 90%;height: 1px;position: absolute;bottom: 0;left: 0;top: 1px;display: none;}
	#Characteristics ul li:nth-child(2):after{display: none;}
	#Characteristics .Splash img{background:url(../images/AboutSplash04.jpg) no-repeat;background-size: 140%;height: 0;padding-bottom: 52%;background-position: 50% 0;}
	#Characteristics{min-height: inherit;padding: 0;background: 0 none;background-color: #fff;}
	#Characteristics .TitleBlock,#Rhinoplasty .TitleBlock{margin-top: 5%;}
	.Web{display: none;}
	.Splash{display: block;height: 100%;width: 100%;}
	#vid2{height: 100vh;width: 100vw;}
	#loader .remind img{width: 50%;}
	#loader .leading{background: url(../images/2_m.png) no-repeat center center;display: block;background-size: cover;position: absolute;z-index: 5; height: 100vh;}
	#loader .play{width: 8rem; font-size: 1rem; border-radius: 5px; padding: 15px 20px;position: absolute;left:50%;margin-left: -4rem;top:45%;}
	#loader .skip{width: 8rem; font-size: 1rem; border-radius: 5px; padding: 15px 20px;position: absolute;left:50%;margin-left: -4rem;top:90%;}
	#About .AboutArea .TitleBlock{background-color: #000;margin: -12% 0 0;padding: 1%;}
	#Rhinoplasty .SliderBlock{margin:5%;}
	#Rhinoplasty .RhinoplastyArea{margin:5%;}
	#Rhinoplasty .RhinoplastyArea ul li{width: 50%;}
	#Rhinoplasty .RhinoplastyArea ul li img{ width: 100%;height: 0;padding-bottom: 54%; }
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(1) a img{ background:url(../images/item/Item01_m.png)no-repeat;background-size: 100%;}
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(2) a img{ background:url(../images/item/Item02_m.png)no-repeat;background-size: 100%;}
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(3) a img{ background:url(../images/item/Item03_m.png)no-repeat;background-size: 100%;}
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(4) a img{ background:url(../images/item/Item04_m.png)no-repeat;background-size: 100%;}
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(5) a img{ background:url(../images/item/Item05_m.png)no-repeat;background-size: 100%;}
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(6) a img{ background:url(../images/item/Item06_m.png)no-repeat;background-size: 100%;}
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(7) a img{ background:url(../images/item/Item07_m.png)no-repeat;background-size: 100%;}
	#Rhinoplasty .RhinoplastyArea ul li:nth-child(8) a img{ background:url(../images/item/Item08_m.png)no-repeat;background-size: 100%;}
	.SmallTitle{margin-bottom: 3%;}
	#Anesthesia {background:0 none;}
	#Anesthesia .AnesthesiaArea{width: 100%;margin: 0;padding: inherit;}
	#Anesthesia .AnesthesiaArea .Splash{margin: 0 0 13%;position: relative;}
	#Anesthesia .AnesthesiaArea .Splash img{background: url(../images/BgAnesthesia.jpg) no-repeat;background-size: 220%;height: 0;padding-bottom: 65%;background-position: 50% 0;}
	#Anesthesia .AnesthesiaArea .TitleBlock,#Anesthesia .AnesthesiaArea .TitleBlock h3,#Anesthesia .AnesthesiaArea .TitleBlock .SmallTitle,#Anesthesia .AnesthesiaArea{color: #fff;}
	#Anesthesia .AnesthesiaArea .TitleBlock{padding: 0 9%;}
	#AoneItem ul li i{width: 63%;height: 0;padding-bottom: 56%;background-size: 100%!important;margin: auto;}
	#AoneItem ul li{font-size: .7rem;}
	#AoneItem ul li:after{height: 100%;top: 0}
	#AoneItem .Wrapper{padding:5% 0 10%; box-sizing: border-box;}
	.inline{display: block;}
	.FootLogo{margin: 0 auto 3%;}
	.InfoBlock{width: 90%; font-size: .7rem; text-align: center;margin:auto;}
	.ClinicTime{display: none;}
	.LogoBlock{padding: 0; background-color: #000; border-bottom: 2px solid #fff;}
	.LogoBlock .Logo{width: 120px;height: 50px; padding:2%}
	.LogoBlock .Logo a{width: 110px;height: 50px;}
	.LogoBlock .ShareFb{position: absolute;right: 16px; width: 30px; height: 30px;top: 14px;}
	.LogoBlock .ShareFb a{width: 30px;height: 30px;}
	.Nav{opacity: 0;display: none;}
	.Activity.Nav{opacity: 1;background-color: rgba(0,0,0,.9); display: block;}
	.Activity.Nav li{ width: 100%; }
	.Activity.Nav li a{display: block;padding: 3%;border-bottom: 1px solid #666;}
	.Header{background-color: inherit;position: fixed;top: 0; left: 0; right: 0;z-index: 20; height: inherit;height: 73px;}
	.Header:after{display: none;}
	.Nav ul li:after{display: none;}
	.DropToggleBox{display: block;}
	.TopTime{width: 80%;margin: auto; padding: 14% 0 1%;}
	.TopDetail{text-align: center; padding-bottom: 40%;line-height: 1.8;font-size: .8rem;}
	.InnerPage .LogoBlock .Logo{position: inherit; width: 120px; height:50px;padding: 2%;}
	.InnerPage .LogoBlock .Logo a{width: 110px; height:50px;}
	.InnerPage .LogoBlock .ShareFb{top: 14px;right: 14px;}
	.InnerPage .Nav{margin:0;}
	#AboutPage .InnerPage{min-height: inherit;background-size: 216%;}
	.InnerPage .WebTitle{margin-top: 69px;}
	#AboutPage .WebTitle{background: url(../images/AboutSplash01.jpg) no-repeat 40% top;background-size: 216%;}
	#LocationPage .WebTitle{background: url(../images/LocationSplash01.jpg) no-repeat 40% top;background-size: 216%;}
	#NewsView .WebTitle{background: url(../images/NewsSplash01.jpg) no-repeat 40% top;background-size: 216%;}
	#NewsPage .WebTitle{background: url(../images/NewsSplash01.jpg) no-repeat 40% top;background-size: 216%;}
	#CasePage .WebTitle{background: url(../images/CaseSplash01.jpg) no-repeat 40% top;background-size: 216%;}
	#PostsPage .WebTitle{background: url(../images/CaseSplash01.jpg) no-repeat 40% top;background-size: 216%;}
	.AboutSlider:after{display: none;}
	#ClinicPhoto .Wrapper{width: 100%;}
	.MapBlock {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;width: 100%;margin-bottom: 3%;float: none;}
	.MapBlock iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	#LocationIntro{padding: 6%;}
	.MapIntro{margin:0;}
	.HowToGo ul{flex-direction: column;}
	.HowToGo ul li:nth-child(2){border-top: 1px solid #9f9f9f; border-left: 0 none;padding: 3%;margin: 3%;}
	.HowToGo ul li:nth-child(1){padding: 3% 3% 0}
	.HowToGo ul li{padding: 3%;margin: 3%;border-left: none;}
	.Table{width: 100%;margin:auto;}
	.Table th{padding: .5%}
	.Table h4{font-size: 1rem; text-align: center;}
	#ClinicPhoto{padding: 6%;}
	#NewsView .IntroArea{padding:5%}
	#NewsList ul li{padding: 4% 2%;border-bottom: 1px solid #ccc;}
	#NewsList .NewsTitle{margin-right: inherit;}
	#NewsList ul li .LearnMore{position: inherit;right: inherit;bottom: inherit;text-align: rig/ht;}
	.NewsLink .NewsLeft{flex: 2;}
	.NewsLink .NewsRight{flex: 3;}
	.NewsInfo{display: none;}
	#NewsList ul li .NewsHead{border-bottom: 0 none;padding-bottom: 0;margin-bottom: 0;}
	.PageBar{padding: 5%;}
	#NewsList, #PostList{padding: 5%;}
	#Homepage #Intro{margin-top: -9%;	}
	.TabBlock ul li{width: 33.33%;}
	.TabBlock ul li a{font-size: .7rem;}
	.TabBlock ul li:nth-child(3n+3) a{border-right: 1px solid #ccc;}
	.CaseListBlock ul li{ width: 48.4%; }
	.CaseListBlock ul li{margin: 0 0 2% 0;}
	.CaseListBlock ul li:nth-child(3n+3){margin:0;}
	.CaseListBlock ul li:nth-child(2n+2){margin:0 0 2% 2%;}

	.CaseListBlock .PeopleBg:after{display: none;}
	.PeopleNameBlock .PeopleName{font-size: 1.3rem;}
	.CaseListBlock .RhinoplastyItem{height: 35px;line-height: 1.4;}
	.RhinoplastyIntro{height: 75px;line-height: 1.5;}
	.PeopleNameBlock .PeopleAge{top: 9px;}
	.RhinoplastyView .RhinoplastyDetail{ width: 100%; }
	.RhinoplastyView .RhinoplastyDetail .TabStraight{width: 100%;margin-bottom: 5%;}
	.RhinoplastyView .RhinoplastyDetail .TabStraight ul li{width: 25%; float: left;}
	.RhinoplastyView .RhinoplastyDetail .TabStraight ul li:last-child a{border-right:  1px solid #fff; }
	.RhinoplastyView .RhinoplastyDetail .TabStraight ul li a{border-right: 0 none; border-top: 1px solid #fff;}
	.CaseViewItem{padding: 5%;}
	.Item01Group{padding: 0;}
	#Item04 .Wrapper{width: 100%; margin: auto;}
	.View01 .RhinoplastyView  .RhinoplastyImg{float: none;width: 100%;}
	.RhinoplastyView .RhinoplastyDetail .PeopleName{font-size: 2rem;}
	.RhinoplastyView .RhinoplastyDetail .ViewTitle{font-size: 1.8rem;height: 67px; padding-bottom: 7%;}
	.NumBitFont{font-size: 4.8rem;}

	#CaseList{padding: 3%;}
	#NewsList .Wrapper{width: 100%;}
	.RhinoplastyView .RhinoplastyImg{float: none; width: 100%;}
	.RhinoplastyView{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
	.CaseBlock .BigFont{font-size: 1.8rem;}
	#Item04:after{height: 20px;}
	#NewsList ul li .NewsHead{font-size: 1rem;}
	#NewsList .NewsTitle{height: 52px;}
	#NewsView .NewsTitle{ line-height: 1.3;}
	#myDiv{display: none;}
	.WebTitle{display: block;padding: 18% 0 5%;}
	.RhinoplastyItem{font-size: 18px;}
	.RhinoplastySlider{margin-bottom: 50px;}
	.image1{width: 50%;}
	#Rhinoplasty{margin-bottom: 14%;}
	.Table td.STime{font-size: .9rem; width: 30%;}
	#video{display: flex;align-items: center;justify-content: center;}

	.Post {padding: 0;}
	.PostListBlock {align-items: center;justify-content: center;}
	.PostListBlock > div {flex: 1 1 100%;max-width: unset;}
	.PostImg {margin-bottom: 20px;}
	.PostTitle {font-size: 20px;}

	.ReservationButton{
		width: 60px;height: 60px;line-height: 60px;
	}

  /* override */
  #About .AboutArea2 .Splash img{
    background:url(../images/BgAbout2.jpg) no-repeat;
    background-size: 140%;
  }
  #About .AboutArea2{
    padding: 9% 0 0;
    margin-top: 0px;
    min-height: inherit;
    background:0 none;
    color: #181717
  }
  #About .AboutArea2 .TitleBlock h3 {
    margin-top: 3%;
  }
  .AboutArea2 .SmallTitle{margin-bottom: 3%;}
  .AboutArea2 .PullRight {
    display: block;
  }

  .mr-60{
    margin-right: 0;
  }
  #DocIntro.secondSection {
    min-height: inherit;
    padding-top: 0;
  }
  #DocIntro.secondSection .Splash img {
    background:url(../images/AboutSplash02-1.jpg) no-repeat;
    background-size: 140%;
    height: 0;
    padding-bottom: 52%;
    background-position: 50% 0;
  }
  /* override end */
}

.subscribe {
	margin-top: -20px;
	float: right;
}

.subscribe * {
	color: white!important;
}