/*--網站共用css--*/
@import url('https://fonts.googleapis.com/css?family=Oswald');

@charset "utf-8";
/* CSS Document */
body, html { height:100%; }
body {
	font-family: 'Lato', 'Microsoft JhengHei', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.6;
	color: #333;
}
a { color:#333; text-decoration: none; }
a:hover { color:#666;  text-decoration: none; 
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear; /*連結淡入淡出*/
	text-decoration:none;
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.css-shadow {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
}
.imgholder img{
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
}
.rotation360 {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.rotation360:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.fadeout img {  filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;    
    transition: opacity .5s ease-in-out; }
.fadeout:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#b8b8b8; }
.black { color:#000; }
.blue { color: #405edb; }
.red { color: #be0000; }
.green { color: #19a568; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }

/* 回頂端 */
#goTop {
	z-index: 1;
	position: fixed;
	bottom: 35px;
    right: 10px;
	display: none;
	cursor: pointer;
	text-align: center;
}
#goTop .goTopStyle {
	color: #fff;
	background: #383838;
	width: 40px;
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 100% 100% 100% 0;
	-webkit-border-radius: 100% 100% 100% 0;
	border-radius: 100% 100% 100% 0;
	transform: rotate(-45deg) scale(1);
	-webkit-transform: rotate(-45deg) scale(1);
	-moz-transform: rotate(-45deg) scale(1);
	-o-transform: rotate(-45deg) scale(1);
}
#goTop:hover .goTopStyle {
    background: #073267;
    background: -moz-linear-gradient(-45deg, #073267 0%, #03A9F4 49%, #073267 100%);
    background: -webkit-linear-gradient(-45deg, #073267 0%,#03A9F4 49%,#073267 100%);
    background: linear-gradient(135deg, #073267 0%,#03A9F4 49%,#073267 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#eb6da5',GradientType=1 );
    color: #FFF;
    -moz-border-radius: 100% 0 100% 100%;
    -webkit-border-radius: 100% 0 100% 100%;
    border-radius: 100% 0 100% 100%;
    transform: rotate(-45deg) scale(1.15);
    -webkit-transform: rotate(-45deg) scale(1.15);
    -moz-transform: rotate(-45deg) scale(1.15);
    -o-transform: rotate(-45deg) scale(1.15);
}
#goTop .goTopStyle p {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
#goTop:hover .goTopStyle p {
	top: -30px;
	margin-right: -60px;
	color: #073267;
	position: relative;
}
#goTop:hover .goTopStyle p:after {
	content: '';
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,.8);
	position: absolute;
	bottom: -30px;
	left: 50%;
	border-radius: 100% 0 100% 100%;
	transform: translate(-50%) rotate(-45deg);
	-webkit-transform: translate(-50%) rotate(-45deg);
	-moz-transform: translate(-50%) rotate(-45deg);
	-o-transform: translate(-50%) rotate(-45deg);
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.gradient-1s{
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/*表單*/
input { color: #7f7f7f; padding: 3px 10px; }
.form-control { background: #ffffff; border-color: #e6e6e6;  margin-bottom: 15px; }

/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding: 3em 0; }
.container { width:100%; max-width:1170px; margin:0 auto;position: relative;}
.bg_gray {padding-bottom: 2em; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 23%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 23%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 23%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */  }
.bg_arr {background: #eeeeee url(../images/index/bg.jpg) bottom center no-repeat; padding-bottom: 4em;}
.bg_pann {background: #eeeeee url(../images/index/pattern.jpg) repeat; padding: 2.5em 0; background-attachment: fixed;}
.imgg { max-width:100%; display:block; margin:0 1em 1em 0; }
.picimg .imgg{ margin:0 auto; }
.picbox img,.txtbox img{max-width:100%;}
.tx01 { clear: both; margin-bottom:2em;}
.tx01 img { max-width: 100%; }
.flt{ float:left;}

/*按鈕*/
.btnWrap { padding: 1em 0; text-align: center;  clear: both;}
.btn-blue {border: 1px solid #1d6bca;background: #6799d6;color: #ffffff;padding: .5em 2em;display: inline-block;}
.btn-blue:hover {background: #1d6bca;color: #fff;}
.btn-red {border: 1px solid #c01d2e;background: #da4d5b;color: #ffffff;padding: .5em 2em;display: inline-block;}
.btn-red:hover {background: #c01d2e;color: #fff;}

/*標題*/
.major-title{ position:relative; text-align:center; color:#434343; font-size:36px; font-weight: bold;  margin-bottom: 1.5em;}
.major-title::before,.major-title::after{ content:''; position:absolute; left:50%; width:150px; height:1px; background:#ccc;}
.major-title::before{ bottom:-10px; margin-left:-55px;}
.major-title::after{ bottom:-15px; margin-left:-95px;}

/*編輯器*/
.txt_title {  font-size: 20px;  font-weight: bold;  color: #7b94bc;  margin-bottom: 5px;}
.txt_title:after { content: '';  background: url(../images/txt_icon.png) no-repeat;  display: block;
    width: 23px;  height: 22px;  float: left;  margin-right: 5px;  margin-top: 5px;}
.txtbox {  margin: 0 0 1.5em 2em; }

/*--------------------------------------------------------------------------*/
/*header*/
/*.header .navbar { width: 65%; position: absolute;  right: 0;  bottom: 10px; }*/
.logobox{float: left;padding: 0em 5px 0 0;width: 38%;position: relative;}
.logobox a{display: block;position: relative;z-index: 9;}
.logo_txt {position: absolute;left: 140px;bottom: 2.3em;font-size: 1.5em;color: #e1ce29;/* width: 80%; */}
.header {background:#fff;height: 145px;/* box-shadow: 0 0 10px #e0dfdf; */border-top: 5px solid #bd1c2b;}
/*.header .container {z-index: 99;}*/
.topbox {position: absolute;right: 130px;top: 0;background: #bd1c2b;padding: 5px 10px 8px;border-radius: 0 0 10px 10px;}
.topbox a {  color: #fff;  font-size: .9em;opacity: 0.8;}
.topbox a:hover {  opacity: 1; }
.topbox a:last-child { border-left: 1px solid #d9515e; padding-left: 7px;  margin-left: 5px;}
.phonebox {position: absolute;right: 350px;top: 2px;font-size: 1.2em;font-weight: bold;z-index: 99;}
.phonebox a{color: #073267;}
.phonebox .hvr-icon-rotate:before{ content: '\f095'; width: 1.9em; height: 1.9em; font-size: .9em;  line-height: 2;  text-align: center;
    							   color: #ffffff;  background: #83c9f2;  border-radius: 99%;   left: -36px;  top: 1px; }
.bgbox { background: #073267; display: block;  width: 100%;  height: 60px;  position: absolute;  bottom: 2px;}
.fbbox{ position: absolute;  right: 45px; top: 2px;}
.fbbox i{font-size: 3rem; color: #3b5998;}
.igbox{ position: absolute;  right: 85px; top: 2px;}
.igbox i{font-size: 3rem; color: #3b5998;}

/*主選單*/
.header .navbar {margin-bottom:0;border-radius:0;border:0;background: #073267;}
.header .navbar-nav{padding: 10px 0 10px 0;}
.navbar-default .navbar-nav>li>.active{color:#02639d;}
.navbar-default .navbar-nav>li>.active::before{content:'';position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:1px;background:#ec321c;}
.navbar-default .navbar-nav .language-block{font-size:14px;text-align:center;}
.navbar-default .navbar-nav .language-block .block{ display:inline-block;padding:15px 10px;color:#ccc;}
.navbar-default .navbar-nav .language-block .block.block1{position:relative;}
.navbar-default .navbar-nav .language-block .block.block1::before{content:'';position:absolute;width:1px;height:14px;right:-1px;top:18px;background:#ccc;}
.navbar-default .navbar-nav .language-block .block.on{color:#999;font-weight:bold}
.navbar-default .navbar-nav>li>a { color: #333;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #02639d;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color:inherit; border-color:inherit;}
.navbar-nav{float:none;text-align: center;}
.navbar-nav>li{float:none;display:inline-block;text-align: center;}*/
.nav>li>a{display:inline-block;}
.navbar-collapse{ padding:0; max-height: 280px;}
.header .nav>li>a{position: relative;color: #fff;font-size: 17px;padding: 11px 0;}
.header .nav>li>a.active,.header .nav>li>a:focus,.header .nav>li>a:hover,.header .nav>li.dropdown>a:focus,.header .nav>li.dropdown>a:hover{ 
color: #fff; background-color:inherit;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;    background-color: inherit;}
.header .nav>li.active>a{ color: #83c9f2; }
.navbar-nav>li>.dropdown-menu { border: none; border-radius: inherit;  margin-top: 10px;  min-width: 140px;  padding: 0;right: auto;   left: -15px;}
.header .navbar-nav>li.mblock {display: none;}
.dropdown-menu>li>a {  font-size: 16px;  line-height: 1.6; }
.dropdown-submenu .dropdown-menu>li>a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ color: #ffffff; background-color: #9d9d9d; }
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:-5px;left:100%;margin-top:0px;margin-left:0px;border: none; border-radius: inherit;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px; border-radius: inherit;}
.dropdown-menu > li > a:hover{color: #FFF;}
/* Sweep To Right */
.navbar-nav .dropdown-menu > li > a {
  padding: 10px 20px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.navbar-nav .dropdown-menu > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;  left: 0;  right: 0;  bottom: 0;   
  opacity: 1;  margin: 0;  background: #69c3ff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.navbar-nav .dropdown-menu > li > a:hover:before, .navbar-nav .dropdown-menu > li > a:focus:before, 
.navbar-nav .dropdown-menu > li > a:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1); }

/*----footer---*/
.footer{font-size: 1.4rem;text-align:center;background: url(../images/all/footer_bg.jpg) center top no-repeat #d0e5ff;}
.footnav {font-size: 1.5rem;}
.footer ul {list-style: none;padding: 10px 0 0;}
.footer li { display: inline-block;  margin: 0 .5em;  }
.footer .footnav:after { content: '';  height: 1px; width: 30%;  margin: 0 auto; background: #a4c4ea;  display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,a4c4ea+39,a4c4ea+63,ffffff+100&0+1,1+39,1+63,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(253,253,254,0) 1%, rgb(143, 204, 222) 39%, rgb(134, 194, 212) 63%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(253,253,254,0) 1%,rgb(143, 204, 222) 39%,rgb(134, 194, 212) 63%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(253,253,254,0) 1%,rgb(143, 204, 222) 39%,rgb(134, 194, 212) 63%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.footer .footnav li a { color:#000; padding: .5em; display:block;}
.footer .footnav li:hover a{ background: #205ba2;  color: #fff;  }
.footer li a:hover { color:#bd1c2b;  }
.footer .by,.footer .by a{font-size: 1.2rem;color: #bababa;}
.copyright{padding: .5em;background: #073267;}
.copyright p{color: #FFF;font-size: 1.4rem;margin: 0;}
.footer .by a:hover{ color:#6c90bc;}

/*----banner(首頁)---*/
.carousel {max-width:100%;margin-top: 145px;}
.carousel .carousel-inner .item {  transition-property: opacity; }
.carousel .carousel-inner .item,.carousel .carousel-inner .active.left,.carousel .carousel-inner .active.right {  opacity: 0.8; }
.carousel .carousel-inner .active,.carousel .carousel-inner .next.left,.carousel .carousel-inner .prev.right {  opacity: 1; }
.carousel-indicators { bottom: -10px; }
.carousel:hover .carousel-control {display:block; }
.carousel .item,.carousel .item.active,.carousel .carousel-inner {  height: 100%; }
.carousel .fill {   width: 100%;   height: 100%;  background-position: center;  background-size: cover; }
.carousel .carousel-control { display:none;    background: none; }
.carousel-control .icon-prev::before,.carousel-control .icon-next::before { 	content:''; }
.carousel-control .icon-prev,.carousel-control .icon-next { display: none; width:30px;	height:60px;	margin:-30px 0 0 0; }
.carousel-control .icon-prev { 	background:url(../images/all/control-icon.png) 0 0 no-repeat; }
.carousel-control .icon-next {  background:url(../images/all/control-icon.png) -30px 0 no-repeat; }
.carousel-caption h2 { display: none; }
/*----banner(內頁)---*/
.banner { margin-top:145px; position: relative;	display: table;	width: 100%;height: 300px;	color: #fff;background-position: center!important;}
.banner h1 {display: table_cell;width: 100%;font-size: 3rem;letter-spacing: 1px;vertical-align: middle;	text-align: center;	line-height: 1;}
.banner h1 span {display: block;position: relative;	height: 27px;margin: 0 0 13px;	font-size: 1.2rem;	font-weight: bold;	letter-spacing: 1px;	line-height: 1;}
.banner h1 span:after {	content: '';display: block;	position: absolute;	bottom: 0;	left: 50%;	width: 12px;height: 1px;margin: 0 0 0 -6px;	background: #fff;}

/*----banner下四區塊---*/
.effect-jazz-grid .grid { position: relative;    clear: both;    margin: 0 auto;   list-style: none;   text-align: center;  overflow: hidden; }
.effect-jazz-grid .effect-jazz {  position: relative;  float: left;  overflow: hidden; max-height: 360px; width: 25%;  height: 200px;
  text-align: center; }
.effect-jazz-grid .effect-jazz figcaption {    padding: 1em 0;    color: #272727;    font-size: 1.25em;
    -webkit-backface-visibility: hidden;    backface-visibility: hidden; }
.effect-jazz-grid .effect-jazz:nth-child(2) figcaption {background: rgba(255, 217, 103, 0.6);}
.effect-jazz-grid .effect-jazz:nth-child(3) figcaption {background: #ffdf7e;}
.effect-jazz-grid .effect-jazz:nth-child(4) figcaption {background: #fff0c2;}
.effect-jazz-grid .effect-jazz figcaption, .effect-jazz figcaption > a {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; }
.effect-jazz-grid .effect-jazz figcaption::after,.effect-jazz-grid .effect-jazz img,.effect-jazz-grid .effect-jazz p {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 
   transition: opacity 0.35s, transform 0.35s;   max-width: 100%; }
.effect-jazz-grid .effect-jazz figcaption::after {
  position: absolute;  top: 0;  left: 0;  width: 120%;  height: 120%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  content: '';  opacity: 0;
  -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.effect-jazz-grid .effect-jazz h2 {
  padding-top: 0%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  margin-bottom: 5px;
}
.effect-jazz-grid .effect-jazz h2:before{ font-family:'FontAwesome';display: block;font-size: 1.5em; margin-bottom: 5px;color: #bf252f;text-align: center;
    -webkit-transform: scale3d(0.8,0.8,1);  transform: scale3d(0.8,0.8,1); }
.effect-jazz-grid .effect-jazz:nth-child(2) h2:before{content: "\f017";}
.effect-jazz-grid .effect-jazz:nth-child(3) h2:before{content: "\f041";}
.effect-jazz-grid .effect-jazz:nth-child(4) h2:before{content: "\f21e";}
.effect-jazz-grid .effect-jazz p {  text-transform: none;  font-size: 0.85em;  opacity: 0.4;}
.effect-jazz-grid .effect-jazz:hover h2:before { -webkit-transform: scale3d(1,1,1);  transform: scale3d(1,1,1);}
.effect-jazz-grid .effect-jazz:hover figcaption::after {  opacity: 1;
  -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
  transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.effect-jazz-grid .effect-jazz:hover p { opacity: .8;}

.effect-jazz-grid .effect-jazz:nth-child(1) figcaption {background: #fff; padding-top: .5em;}
.effect-jazz-grid .effect-jazz:nth-child(1) figcaption::after { display: none; }
.effect-jazz-grid .telbox h2{color: #717171;font-size: 24px;display: inline-block;margin: 0;}
.effect-jazz-grid .telbox p{font-size: 0.7em;display: inline-block;margin: 0;opacity: 1;color: #afafaf;}
.effect-jazz-grid .telbox figcaption:before{ content: "\f095";  font-family:'FontAwesome'; display: block;
    font-size: 2em;  width: 60px;  height: 60px; color: #ffffff;  background: #bf252f;
    border-radius: 100%;  text-align: center;   margin: 0 auto;
    -webkit-transform: scale3d(0.8,0.8,1);    transform: scale3d(0.8,0.8,1);
    }
.effect-jazz-grid .telbox .tel_link a{display: block;position: relative;z-index: 999;color: #bf252f;font-weight: bold;font-size: 1.2em;margin-bottom: 4px;}
.effect-jazz-grid .telbox .tel_link a:hover:after { content: '';  background: #FFEB3B;  display: block;
    width: 168px;  height: 8px;   margin: -12px auto 8px;    transform-origin: bottom;
    transform: skewX(-40deg);    position: relative;    z-index: -1;
    }
@media (max-width: 768px) {
.effect-jazz-grid .effect-jazz {  width: 50%; }
}
@media (max-width: 640px) { 
/*.effect-jazz-grid .effect-jazz { width: 100%; float:inherit; }*/
}


/* 彈跳視窗的樣式 */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none; /* 初始隱藏 */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  /*background-color: white;*/
  padding: 20px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  position: relative;
  text-align: center;
}

.popup-content img {
  width: 100%;
  height: auto;
  max-width: 800px;
  margin: 0 auto;
}

.popup-close {
  position: absolute;
  top: 5px;
  /*right: 10px;*/
  font-size: 50px;
  color: #333;
  cursor: pointer;
}

@media (max-width: 767px) {
  .popup-content {
    padding: 10px;
    max-width: 100%;
    max-height: 100%;
  }

  .popup-close {
    font-size: 25px;
  }
}



/*----首頁-標題---*/
.title_gird {display:block;text-align:center;overflow: hidden;padding: 2em 0 1em;}
.title_gird h3{display:inline-block;padding: 0 1%;color: #be1d2d;position: relative;}
.title_gird .fa { display: block;  font-size: .9em;  margin-bottom: 5px; }
.title_gird h3 p{font-size: .6em;padding: 5px 0 0;letter-spacing: 1px;color: #9e9e9e;}
.title_gird h3:before,.title_gird h3:after { 
	right: 75%; transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); 
	content: ""; position: absolute; width: 60px; height: 1px; display: block; background-color: #b7b7b7; top: 40px;}
.title_gird h3:after{ left: 75%; transform: translate(30px, 0); -webkit-transform: translate(30px, 0); }
.title_gird h3.long_line:before,.title_gird h3.long_line:after { right: 100%;  width: 150%;}
.title_gird h3.long_line:after{ left: 100%; }

/*----內頁-標題---*/
.title_gird h3.mjtitle{font-weight: bold;font-size: 30px;}
.title_gird h3.mjtitle p{font-weight: normal;}
.title_gird h3.mjtitle:before,.title_gird h3.mjtitle:after { right: 85%;	top: 47px;	}
.title_gird h3.mjtitle:after{ left: 85%; }

/*----首頁-more---*/
.more_box { text-align: right; margin-top: .5em; }
.more_box a { color: #ffffff; background: #98bddc;  border-radius: 10px; padding: 0 10px;  line-height: 24px; display: inline-block;  font-size: 14px;}
.more_box a:hover { background: #337ab7;}

.more_box1 { text-align: right; margin-bottom: .5em; padding:0 40px; }
.more_box1 a { color: #ffffff; background: #d66a74;  border-radius: 10px; padding: 0 10px; line-height: 24px; display: inline-block; font-size: 14px;}
.more_box1 a:hover { background: #bd1c2b;}

/*----首頁-診所公告---*/
.news_detail-grid { background: #f3f3f3; clear: both; }
.news_detail-grid .news_wrap{ margin:4em 0; overflow:hidden; position:relative; z-index:1;}
.news_detail-grid .news_pic{  position: relative;   float:left; width:35%;}
.news_detail-grid .news_pic img { width: 100%; height: 350px; }
.news_detail-grid .news_list_all{ float:left; width:42%; margin:1em 0 10px 5%;}
.news_detail-grid .news_pic .news_title{ width: 90%;  height: 90%; display:block; background:rgba(255,255,255,.8); text-align:center;  left:5%; top:5%;  }
.news_detail-grid .news_pic .news_title h2{ font-size:50px; font-weight:bold; font-family: 'Oswald', sans-serif; margin:120px 0 0 0;}
.news_detail-grid .news_pic .news_title p{ font-size:30px;}
.news_detail-grid .listbox { overflow: hidden;  position: relative;  border-bottom: 1px solid #e3e3e3; padding: 0 10px 10px; margin-bottom: 20px; }
.news_detail-grid .listbox .tit,.news_detail-grid a:hover .listbox .tit { font-size: 18px; margin-bottom: 5px; }
.news_detail-grid .listbox .tit p{ line-height:24px; }
.news_detail-grid .listbox:hover .tit,.news_detail-grid a:hover .listbox .tit {  color: #337ab7;  }
.news_detail-grid .listbox .date,.news_detail-grid a:hover .listbox .date { display: inline-block; float: left; background: #337ab7; color: #fff; 
										padding: 0 7px; border-radius: 4px; line-height: 30px; text-align: center; font-size: 14px; margin-right: 10px; }
.news_detail-grid .listbox .more-btn { width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; position: absolute; 
										right: 0; bottom: -30px;  border-color: transparent transparent #5698d1 transparent; }
.news_detail-grid .listbox .more-btn i {  margin-top: 20px;  margin-left: -17px;  color: #fff; }
.news_detail-grid .listbox:hover .more-btn {  bottom: 0px; }
@media (max-width: 1024px) {
.news_detail-grid .news_pic .news_title h2{ font-size:50px; font-weight:bold; font-family: 'Oswald', sans-serif; margin:50px 0 0 0;}
}
@media (max-width: 768px) { 
.news_detail-grid .news_pic{ float:none; width:100%;}
.news_detail-grid .news_pic img{ display:none;}
.news_detail-grid .news_pic .news_title{ position:inherit; width: 100%;  height:auto;  background:inherit; text-align:center; left:0; top:0; }
.news_detail-grid .news_pic .news_title h2{ margin:0;}
.news_detail-grid .news_list_all{ float:none; width:100%; margin-left:0;}
}
@media (max-width: 480px) { 
.news_detail-grid .news_pic .news_title h2{ font-size:40px;}
.news_detail-grid .news_pic .news_title p{ font-size:20px;}
.news_detail-grid .listbox .date{ float:inherit; }
.news_detail-grid .listbox .tit p{ margin-top:.5em; }
}


/*----首頁-醫學新知---*/
.box-grid {  padding-bottom: 3em;  background: url(../images/all/box_bg.png) center center no-repeat #f4f4f4;    background-attachment: fixed; }
.box-grid:before{content:'';background: url(../images/all/box_bg_top.png) center -5px no-repeat; height: 38px; display: block;}
.icon-date-title { clear: both;  overflow: hidden;  margin: 0;  padding: 0;}
.icon-date-title a:hover { color: #bd1c2b; }
.icon-date-title ul {color: #666;padding: 0 40px;margin-top: -1em;}
.icon-date-title li {padding: 15px 0;border-bottom: 1px dashed #ccc;}
.icon-date-title li .date1 {  float: left;  width: 145px; color: #CD0C0C;}
.icon-date-title li a .list_title1 { padding-top: 5px; }
.icon-date-title li .date1 i { color: #fff; background: #CD0C0C; padding: 10px; text-align: center; margin: 0 6px;
				  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.icon-date-title li:hover i { 	
	transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	
	transition:transform 0.3s ease-in-out, opacity 0.3s;
	-moz-transition:-moz-transform 0.3s ease-in-out, opacity 0.3s;
	-webkit-transition:-webkit-transform 0.3s ease-in-out, opacity 0.3s;
 }
@media (max-width: 640px) { 
.icon-date-title li a .list_title1 {  padding-top: 8px; display: inline-block; }
.icon-date-title ul.icon-date-news {  padding: 0; }
}



/*---------內頁--------------*/
ol.breadcrumb {  background: none;  text-align: right;  font-size: 14px; color: #949494; margin: 0; }
.breadcrumb>.active {  color: #000; }
.breadcrumb>li+li:before {  color: #cecece; content: "/"; }
.breadcrumb li:first-child:before {content: "\f015"; font-family:'FontAwesome'; margin-right:5px; }
.breadcrumb li a:hover {  color: #1d6bca; }
.article { min-height: 400px; }

/*---------sidebar--------------*/
.sidebar_bg{ display:table-cell; background: url(../images/all/brickwall.png) #dedede; width:30%; padding:108px 0 60px 0;}
.sidebar { text-align: right;  padding: 1em 3em 1em 1em; }
.sidebar .item_grid {  padding: 0 20px; }
.sidebar .item_grid li {list-style: none;border-bottom: 1px dotted #ccc;margin-bottom: 1em;position:relative;padding-right: 2.5em;}
.sidebar .item_grid li:after { content: '';  background: #aaaaaa;  width: 10px;  height: 10px;  display: block;}
.sidebar .item_grid li .sitem {  font-size: 1.2em;  color: #0e5ec0; }
.sidebar .item_grid li:hover .sitem,.sidebar .item_grid li:hover a {color: #be1d2d;}
.sidebar .item_grid li:hover:before,.sidebar .item_grid li:hover .fa {color: #be1d2d;}
.sidebar .item_grid li p {margin: -5px 0px 0;font-size: .6em;color: #8f8f8f;}
/*.sidebar .item_grid li:before{font-family:'FontAwesome';display: block;position:absolute;right:0;top: -1px;font-size:2em;color: #1d6bca;  width: 35px;  text-align: center;}
.sidebar .item_grid li:nth-child(1):before{content: "\f0fd";}
.sidebar .item_grid li:nth-child(2):before{content: "\f017";}
.sidebar .item_grid li:nth-child(3):before{content: "\f041";}
.sidebar .item_grid li:nth-child(4):before{content: "\f21e";}
.sidebar .item_grid.exitem li:before{content: "\f004"; font-size: 1.3em; top: 5px;}*/
.sidebar .item_grid li .fa {font-size: 2em;display: block;position: absolute;right: 0;top: 5px;color: #1d6bca;width: 35px;text-align: center;}
.sidebar .item_grid.exitem li .fa {font-size: 1.6em;top: 9px;margin: 0;}



.sidebar .navbar {min-height: auto;border: none; margin-bottom: 0;}
.sidebar .navbar-toggle { display:none; width:100%; float:inherit; text-align:center; margin:0;  position:relative; height: inherit;}
.sidebar .navbar-toggle .fa-caret-down {     margin-left: 10px; }
.sidebar .navbar-toggle i { margin-right: 6px; }
.sidebar .navbar > li > a { display:block ;  padding: 6px 10px;  text-decoration: none;  }
.sidebar .navbar > li > a:hover, .sidebar .navbar > .active > a { color: #fff; background: #a8a8a8; }
.sidebar .navbar ul {list-style:none;}
.sidebar .navbar ul li a .fa { margin-right:5px; }
.sidebar .navbar ul > li > a {display:block;padding:5px 0 5px 30px;color: #1d6bca;font-size: 1.2em;text-decoration:none;}
.sidebar .navbar ul > li > a:hover, .sidebar .navbar ul > li.active > a, 
.sidebar .navbar ul.exitem li.active .sitem,.sidebar .navbar ul.exitem li.active .fa,
.sidebar .item_grid li.active .sitem,.sidebar .item_grid li.active .fa { color:#bd1c2b;  }
.sidebar .navbar ul.submenu > li > a {  color: #606060;  padding: 5px 0 0px 8px; }
.sidebar .navbar ul.submenu > li:hover > a,.sidebar .navbar li ul.submenu li.active a  {  color: #000; font-weight: bold; }
.sidebar .submenu li { width:100%; }
.sidebar .hvr-icon-forward:before { content:'\f105'; margin-top: 5px; }

header.mtitle {  text-align: center;  font-size: 1.5em;  font-weight: bold;  margin-bottom: 1em;  
    border-bottom: 2px solid #ffffff;  background-color: #073267;  -webkit-background-clip: text;
    -moz-background-clip: text;    background-clip: text;    color: transparent;
    text-shadow: rgba(255, 255, 255, 0.41) 0px 3px 3px;}
header.mtitle:after { content: ''; box-shadow: 0px 6px 10px #ccc; display: block; height: 4px; }


.main{ display:table-cell; vertical-align:top;  padding: 1em 2em 2em 3em; width:1248px;  max-width: 1248px;}


/*---------頁碼--------------*/
.pagination > li {  }
.pagination > li > a { border:none; border-bottom:3px solid #ddd; margin:0 5px; color:#999; transition: all 0.3s ease 0s; }
.pagination > li > a:hover { border-bottom:3px solid #aaa; background:#f5f5f5; }
.pagination > li.active > a, .pagination > li.active > a:hover { border-bottom:3px solid #bd1c2b; background:none; color:#bd1c2b;border-radius: 0; }
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span {border-radius: 0;}


/*--醫療團隊--*/
.block-rimg-box .grid{ margin:0; }
.block-rimg-box .txt ul {  padding-left: 20px; }
.block-rimg-box .txtgrid h2 {background: #edf0f6;padding: .3em .5em;margin: 0;font-size: 26px;}
.block-rimg-box .txtgrid h2 span {font-size: .6em;color: #1d6bca;}
.block-rimg-box .txtgrid .txt {padding: 1.5em;margin-bottom: 1em;border: 1px solid #c9d5ed;border-radius: 0 0 10px 10px;}
.block-rimg-box .picbox { padding: 0 1em;}
.block-rimg-box .listbox {border-bottom: 1px dashed #dadada;padding-bottom: 1em;margin-bottom: 1em;}
.block-rimg-box .timebox:before{content:'\f017';font-family:"FontAwesome";display: block;float: left;font-size: 2.4em;margin: 5px 5px;color: #c2cedf;padding-right: 9px;}
.block-rimg-box .txt .timebox ul {  padding-left: 76px; list-style: square; color: #fda9af; }
.block-rimg-box .txt .timebox ul li span{  color: #333; }
.block-rimg-box .speakbox:before{content:'\f27a';font-family:"FontAwesome";display: block;float: left;font-size: 2em;margin: 5px 5px;color: #c2cedf;}
.block-rimg-box .speakbox span { padding-left: 52px; display: block; }

@media (max-width: 640px) { 
.block-rimg-box .picbox{ width: 100%; float:inherit; text-align: center; }
.block-rimg-box .txtgrid{ width: 100%; float:inherit; }
.block-rimg-box .txtgrid h2 span{display: block;margin-top: 8px;}
}

/*--門診時間--*/
.table-container table td {min-width: 100px;padding: 5px;border: 1px solid #f1f1f1;}
.obtain { color: #0A4678;  text-decoration: none;  line-height: 150%;  font-weight: bold;}


/*---------診所公告--------------*/
.list-cdate-txt .gridbox { margin: 0 0 1em 0; padding-bottom: 1em;  border-bottom: 1px solid #ccc;}
.list-cdate-txt .date { float: left; background: #43a0d7; color: #fff;font-size: 14px; width: 60px; height: 60px;border-radius: 100%;text-align: center;
            padding: 10px;  margin-right: 1.5em;}
.list-cdate-txt .content h3 { margin: 1em; font-size: 17px; }



/*  detail style  */
.general-style .title .date{ color: #969696; font-size: .8em;}
.general-style .title h2 { margin-top: 10px; color: #05489b; }
.page-content table { max-width:100%; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 { max-width:100%; display:block; }
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.img-left,.img-left1 { float: left; padding-bottom: 1em; padding-right: 2em;}
.img-right,.img-right1 { float: right; padding-bottom: 1em; padding-left: 2em;}
.img-left img, .img-right img { max-width:300px; }
.img-left1 img, .img-right1 img { max-width:430px; }
.img_center img {  float: left;  padding: 1em;  width: 33.3%;   text-align: center;}
.article-title h2 {color: #05489b; }
.author-share-message .article-title h2:before{ 
	content: ''; background: url(../images/txt_icon.png) no-repeat; 
	display: block; width: 23px; height: 22px; float: left; margin-right: 5px; margin-top: 5px;
}


/*服務據點、儀器與設備、分享天地、醫學新知-列表1*/
.list-txt-author .row { position:relative; }
.list-txt-author .wrap { float:inherit; clear:both; padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #ddd;  }
.list-txt-author a {  color:#999;  min-height:80px; }
.list-txt-author a h3 {  color:#000; margin:0;  font-size: 18px; }
.list-txt-author a:hover { color:#000; }
.list-txt-author a:hover h3 {  color:#bf252f; }
.list-txt-author .info { margin:10px 0 0 0; padding-left:1.7em; font-size: 14px; }
.list-txt-author .info:before { font-family: 'FontAwesome'; content: "\f10d"; margin-left:-1.5em; margin-right:10px; color:#e5e5e5; }
.list-txt-author table.share_area { margin: .5em 0;  display: inline-block;  width: 60%; }
.list-txt-author .wrap .author { float: right; padding-top: 10px; color: #2d89df; font-size: 13px; }
@media (max-width: 992px) { 
.list-txt-author table.share_area, .list-txt-author .wrap .author { width: 100%; float:inherit; padding:0; }
}

/*服務據點、儀器與設備、分享天地、醫學新知-列表2*/
.block-date-txt .item:nth-child(2n+1) { clear:both; }
.block-date-txt .item { width: 50%;  float: left;  border-right: 1px solid #e4e4e4; margin: 0 0 2em 0; }
.block-date-txt .item:nth-child(even) { border-right:none; }
.block-date-txt .item a { display: block;  padding: 0 20px;  margin: 0 auto; }
.block-date-txt .item .title {  margin: 5px 0; font-size: 18px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.block-date-txt .item .title:after {content: '';  background: url(../images/txt_icon.png) no-repeat;
    display: block; width: 23px;  height: 22px;  float: left;  margin-right: 5px;  margin-top: 1px;}
.block-date-txt .item a:hover .title { color: #bf252f; }
.block-date-txt .item .info { font-size: 15px; color: #666;  line-height: 1.55; overflow: hidden; height: 46px; }
@media screen and (max-width: 992px) {
.block-date-txt .item { width: auto; float: none; border-right:none;  border-bottom: 1px solid #EAEAF2; margin:0;   }
.block-date-txt .item a { padding: 20px; }
.block-date-txt .item .info {  height: auto; }
}

/*服務據點、儀器與設備、分享天地、醫學新知-列表3*/
.list-box-author .authorlist { padding: 0 0 20px 0px; margin-bottom: 20px;  border-bottom: 1px dashed #B0AFAF; }
.list-box-author img { transition:transform 0.3s ease-in-out, opacity 0.3s;  margin: 0 auto; }
.list-box-author a:hover img { opacity:.8; transform:scale(1.05, 1.05); }
.list-box-author .title, .list-box-author p { margin:0; }
.list-box-author .title:before{content:'';background: #83c9f2;width: 30px;height:2px;display:block;margin: 12px 10px 5px -16px;float: left;}
.list-box-author .title {margin: 1em 0 .5em 0px;font-size: 20px;}
.list-box-author p.small {font-size: 14px;color: #808080;margin: 0 1em;}
.list-box-author .author {font-size: 13px; margin-top: 8px; }
.list-box-author .col-sm-4 { border: 1px solid #efefef; }
@media (max-width: 639px) {
.list-box-author .authorlist .col-xs-6 { width: 100%; float:inherit;}
}


/*友善連結*/
.logobox-hicon .partnerbox { text-align: center; margin-bottom: 2.5rem;}
.logobox-hicon .partnerbox:nth-child(4n+1){ clear: both; }
.logobox-hicon .partnerbox a { display: block;  border: 1px solid #EAEAEA;  padding: 0 8px;}
.logobox-hicon .partnerbox .img { width: 100%; overflow: hidden; margin: 0 auto;  background: #fff;  position: relative;}
.logobox-hicon .partnerbox .img span { display: none;  font-size: 2.5rem; color: #FFFFFF; background: #bf252f; padding: 10px; border-radius: 50%;   }
.logobox-hicon .partnerbox a:hover .img span { display:block;position:absolute;left:47%;top:40%;margin-top:-13px;margin-left:-13px; }
.logobox-hicon .partnerbox .img img{ width:100%; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
	-webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;     transition: all .5s ease-in-out;}	
.logobox-hicon .partnerbox a:hover .img img{ filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;   
 -webkit-transform: scale(1.05);  -moz-transform: scale(1.05);   -ms-transform: scale(1.05); -o-transform: scale(1.05);  transform: scale(1.05);}
@media (max-width: 991px) {
.logobox-hicon .partnerbox:nth-child(4n+1){ clear: inherit; }
.logobox-hicon .partnerbox:nth-child(3n+1){ clear: both; }
}
@media (max-width: 640px) { 
.logobox-hicon .partnerbox { width:50%; }
.logobox-hicon .partnerbox:nth-child(3n+1){ clear: inherit; }
.logobox-hicon .partnerbox:nth-child(2n+1){ clear: both; }
}
@media (max-width: 480px) { 
.logobox-hicon .partnerbox { width:100%; float: inherit; max-width: 300px; margin: 0 auto 2.5rem;}
}


/*聯絡我們*/
.lform-title-rinfo h3.slogan1 { color: #0f0f0f;  font-size: 26px; font-weight: 600;}
.lform-title-rinfo h3.slogan1 span { color: #393939;  font-weight: normal;  font-size: 22px;  margin-top: 5px;}
.lform-title-rinfo h3 p{ font-size: 15px;  font-weight: normal;  margin: 10px 0px;  color: #888;}
.lform-title-rinfo .star {  font-size: 13px; }
.lform-title-rinfo .contact_form { width:50%; float:left; }
.lform-title-rinfo .page_form .input1,.lform-title-rinfo .page_form select,.lform-title-rinfo .page_form textarea,.lform-title-rinfo .page_form .input3 { 
   border:1px solid #e3e3e3;  border-radius: 4px;  padding: 8px 10px;  background: #fff;  line-height: 1.1;  box-shadow: none;  width: 95%;  margin-bottom: 15px;  
   color: #606060; font-size: 15px; min-height: 36px;}
.lform-title-rinfo .page_form .input3{ width:auto; }
.lform-title-rinfo .page_form select.form-control { padding: 4px 8px; color: #6d6d6d; }
.lform-title-rinfo .input1::-webkit-input-placeholder, .lform-title-rinfo .input2::-webkit-input-placeholder, .lform-title-rinfo .input3::-webkit-input-placeholder { color: #6d6d6d; }
.lform-title-rinfo .input1:-moz-placeholder, .lform-title-rinfo .input2::-webkit-input-placeholder, .lform-title-rinfo .input3::-webkit-input-placeholder { color: #6d6d6d; }
.lform-title-rinfo .input1::-moz-placeholder, .lform-title-rinfo .input2::-moz-placeholder, .lform-title-rinfo .input3::-moz-placeholder { color: #6d6d6d; }
.lform-title-rinfo .input1:-ms-input-placeholder, .lform-title-rinfo .input2:-ms-input-placeholder, .lform-title-rinfo .input3:-ms-input-placeholder  { color: #6d6d6d; }
.lform-title-rinfo .contact_form .page_form.col-md-6 { padding-left: 0; }
.lform-title-rinfo .contact_form .page_form2 {margin-bottom: 2em; }
.lform-title-rinfo .contact_info{ float:right; width:45%;}
.lform-title-rinfo .contact_list { list-style: none;  padding: 0;}
.lform-title-rinfo .contact_list li{ clear:both; padding-bottom:20px;  font-weight:bold; overflow:hidden;}
.lform-title-rinfo .box1{ float:left; width:44px; height:44px; display:block; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; text-align:center; padding-top:7px; border:2px solid #939393; margin-right:8px;}
.lform-title-rinfo .tx_r{ float:left; line-height:25px; }
.lform-title-rinfo .box1 i{ color:#707070; margin: 0; font-size:1.5em; }
.lform-title-rinfo .tx_pad{ line-height:50px;}
.lform-title-rinfo .map_box {  clear: both; overflow: hidden;  padding-top: 1em; }
@media (max-width: 768px) { 
.lform-title-rinfo .contact_form { width:100%; float:none;}
.lform-title-rinfo .contact_info{ float:none; width:100%;margin-top: 1.5em;}
.lform-title-rinfo .contact_list{ width:90%; margin:0 auto;}
.lform-title-rinfo .contact_form .page_form.col-md-6 { padding: 0; }
.lform-title-rinfo .contact_form .page_form2 {  padding-bottom: 1em;  margin-bottom: 1em;  border-bottom: 1px solid #e2e2e2;}
}
@media (max-width: 480px) {
.lform-title-rinfo .box1,.lform-title-rinfo .tx_r { float: inherit; text-align:center; margin:0 auto;} 
}


/*  ----------------------------------------------------------------------------------  */


@media (min-width: 1201px) {
.sidebar > .collapse { display: block; }
}

@media (max-width: 1200px) {
/*----首頁-診所公告---*/
.mask-img-txt .block .view-tenth {height: 126px; } 

/*---------sidebar--------------*/
.navbar { margin-bottom:0; }
.sidebar_bg { padding: 0 0 10px;  display: block;  width: 100%; }
.sidebar { float:inherit; width:auto; min-height: auto; border-radius:6px;  padding: 0; margin: 0em 1em;  padding: 0em 1em;}
.sidebar .navbar-toggle { display:block;  padding: 8px; font-weight: bold;}
.sidebar .navbar > li { margin:0; border:none; }
.sidebar .navbar > li > a { padding:10px 20px; }
.sidebar header.mtitle { display:none; }
.sidebar ul.item_grid p {  display: none; }
.sidebar ul.item_grid { padding: 0 40px; }
.sidebar .item_grid li:before {  font-size: 1.5em; }
.sidebar .item_grid li .sitem,.sidebar .navbar ul > li > a { font-size: 1.1em; text-align: center; margin: 5px 0 0 0px;padding: 0; }
.sidebar .item_grid li:after { margin-top: -10px; }
.sidebar .item_grid li .fa { font-size: 1.6em; }
.sidebar .item_grid.exitem li .fa {  font-size: 1.4em; }

.main {  display: block;   padding: 1em 0 2em 0;  width: 90%;  margin: 0 auto;}



/*rwd表格*/
.table-container { width: 100%;	overflow-y: auto;_overflow: auto;	margin: 0 0 1em;   }
}

@media (max-width: 1024px) {

}


@media (max-width: 1023px) {
/*主選單*/
.navbar-toggle{  padding: 0px 18px; margin:15px 0;   height: 30px; }
.navbar-toggle .icon-bar { width:25px; }
.navbar-toggle span { background: #fff none repeat scroll 0 0;  display: block;  height: 2px;  left: 10px;
    opacity: 1;   position: absolute;   transform: rotate(0deg);   transition: all 0.25s ease-in-out 0s;   width: 50%; }
.navbar-toggle.collapsed span:nth-child(2) { top: calc(6px + 0px);  transform: inherit; }
.navbar-toggle.collapsed span:nth-child(3) { top: calc(2px + 9px);  opacity: 1; left: 10px;}
.navbar-toggle.collapsed span:nth-child(4) { top: calc(2px + 18px); transform: inherit; }
.navbar-toggle span:nth-child(2) {  top: 14px;  transform: rotate(135deg); }
.navbar-toggle span:nth-child(3) {  left: 0;  opacity: 0;}
.navbar-toggle span:nth-child(4) {  top: 11px; transform: rotate(-135deg);}
.navbar-nav>li>.dropdown-menu a:after { content: ''; }
.header .navbar-nav{width: 100%;padding: 10px;margin: 0;float: inherit!important;}
.header .navbar-nav>li{display: block;/* text-align: left; */}
.header .nav>li>a {  border-bottom: 1px solid #19406f }
.header .nav>li>a.active, .header .nav>li>a:focus, 
.header .nav>li>a:hover, .header .nav>li.dropdown>a:focus, .header .nav>li.dropdown>a:hover { border-bottom: 1px solid #19406f }
.navbar-nav .open .dropdown-menu { margin-bottom: 10px;text-align: center; }
.navbar-nav .open .dropdown-menu>li>a { line-height: 18px; color: #bfbfbf;  font-size: 16px; }
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
    background-image: none;   color: #fff;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, 
.container>.navbar-collapse, .container>.navbar-header { margin-right: 0;  margin-left: 0;}
.header .dropdown-submenu { text-align: center; }
.header .cl-effect-1 a::before,.header .cl-effect-1 a::after { content: '-'; }

}

@media (max-width: 996px) {
/*--header--*/
.logo_txt { width: 100%;}
}




@media (max-width: 992px) { 
/*----首頁-診所公告---*/
.mask-img-txt .block .view-tenth {height: 100px; }


}



@media (max-width: 768px) {




}

@media (max-width: 767px) {
/*header*/
.phonebox { display: none; }
.header {  height: 150px; }

/*banner*/
.carousel { padding-top: 20px; margin-top: 155px;  background: #2670a3; }
.header .navbar { padding-top: 10px; }
.logo_txt {  bottom: 1.8em; }


/*----首頁-診所公告---*/
.mask-img-txt .block .view-tenth {height: 166px; }
.mask-img-txt .block:nth-child(4n+1){clear:inherit;}
.mask-img-txt .block:nth-child(2n+1){clear:both;}

/*  detail style  */
.img-left, .img-right { float:inherit; padding-right: 0; padding-left: 0;}
.img-left img, .img-right img,.img_center img { display:block; width:100%; max-width:inherit; }
}


@media (max-width: 640px) {
.banner{height: 150px;background-position: center!important;}
}


@media (max-width: 639px) {
/*header*/
.logo_txt { font-size: 1.3em; line-height: normal; }
}

@media (max-width: 480px) { 
/*----首頁-診所公告---*/
.mask-img-txt .block .view-tenth {height: auto; }
.mask-img-txt .block{  float:inherit; width:100%;  margin-bottom: 2em; }


/*  detail style  */
.img-left1 img, .img-right1 img { max-width: 100%; }
.img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
}

@media (max-width: 479px) { 
/*主選單*/
.header .navbar-nav>li.mblock {display: block;}
.topbox a:last-child {display: none;}
}

@media (max-width: 320px) { 

}