/**/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css?family=PT+Sans|Roboto:100,300,400|Racing+Sans+One');

html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; 
	font-size:62.5%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{
	margin:0; 
	font-family:'Noto Sans TC', 'Microsoft JhengHei';
	font-size:14px;
	line-height:1.428571429;
	color:#424347;
	background:#fff;
	height: 100%;}
	
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block}

a{
	background:transparent; 
	color:#e6336d; 
	text-decoration:none;
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:active,a:hover{
	outline:0; 
  	color: #e6336d;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	text-decoration:none;}
a:visited{
	text-decoration:none;}
a:focus{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
	text-decoration:none;}

h1{
	font-size:2em;
	margin:.67em 0;}

img{
	border:0;
	vertical-align:middle;}
	
input,button,select,textarea{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */}

::selection {
    background: #ff8eb3;
    color: #fff;}
::-moz-selection {
    background: #ff8eb3;
    color: #fff;}
	
#toTop{
    position: fixed;
    right: 15px;
    bottom: 15px;
	width:55px;
	height:55px;
	text-align:center;
    display: none;
	background:#e6336d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;}
#toTop a{
    color: #FFF;
	font-size:0.9em;}
#toTop a:hover{
    color: #FFF;}
#toTop i{
	margin-top: 9px;
	margin-bottom: -2px;
    font-size: 1.5em;}
#toTop:hover{
	background: #b7bdbf;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
	
.site-header .container{
	position: relative;}
.site-navbar{
	background:#FFF;
	border-top:5px #e6336d solid;
	height:140px;
	box-shadow:0 1px 0 rgba(0,0,0,0.1);}
.site-main{ padding-top:140px;}
.navbar-brand {
	float:none;
	margin: 0;
	height: auto;
    padding: 25px 0;
	text-align:center;
	position:relative;}
.navbar-brand a{
	display: inline-block;}
.navbar-brand img{ margin-top:0; max-height:45px;}
.navbar-brand img:hover{
	-webkit-filter:opacity(.8);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}
header .nav > li span{
	display: none;}

.header_tool > p{
	position: absolute;
	top: 0;
	right: -15px;
	width: auto;
	height: auto;
	margin-bottom: 0;
	padding: 1px 25px 6px 10px;
	background: #e6336d;
	font-size: 0.95em;
	color: rgba(255,255,255,0.5);
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);}
.header_tool > p span{
	display: inline-block;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);}
.header_tool a{
	display: inline-block;
	color: #FFF;
	padding: 0 8px;}
.header_tool a:hover{
	color: #CCC;}
.header_tool a i{
	display: inline-block;
	width: 30px;
	text-align: center;}

.header_tool .hidden-xs{
	position: absolute;
	top: 41px;
	right: 15px;
	text-align: right;
	width: 450px;
	height: 35px;
	color: #333;}
.header_tool .hidden-xs p{
	display: inline-block;
	padding-right: 20px;}
.header_tool .hidden-xs a{
	color: #333;
	margin-top: 5px;
	font-size: 1.1em;}
.header_tool .hidden-xs a:hover{
	color: #e6336d;}
.header_tool .hidden-xs a i{
	color: #b2b1b0;}
@media (max-width:991px) and (min-width:768px){
.header_tool{
	font-size: 0.9em;}
.header_tool a{
	padding: 0 3px;}
.header_tool .hidden-xs{
	width: 400px;}
.header_tool .hidden-xs a {
    margin-top: 8px;}
.navbar-brand {
	padding: 35px 0 15px;}}
@media (min-width:1200px){
.header_tool > p span{
	font-size: 1.1em;}}
	
@media (max-width:767px){
.site-navbar{ height:80px;}
.site-navbar .container{
	min-height:75px;
	background:#292B2E url(../images/bg_header_m.png) repeat-x;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.site-main{ padding-top:80px;}
.navbar-brand {
	float: left;
	margin: 0;
	height: auto;
	padding: 1px 0 0 0;}
.navbar-brand img{ margin-top:32px; max-height:30px;}
.header_tool p{
	font-size: 0.9em;
	padding: 0px 20px 5px 10px;}	
.header_tool a{
	display: inline-block !important;
	    padding: 0 5px;}
.header_tool a.btn_menu{
	position: absolute;
	top: 38px;
	right: 0;
	color: #e6336d;
	font-size: 1.6em;}	
.header_tool a i{
	width: auto;
	margin-right: 5px;}
.navbar-nav{
	padding-top:21px;
	padding-bottom:0;}
.navbar-collapse{
	padding: 0;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;}
header .nav > li {
	float: left;
	width: 50%;
	position:relative;
	margin-bottom: 12px;}
header .nav > li.active span{
	display: inline-block;
	position: absolute;
	top:13px;
	left:0;}
header .nav > li > a {
	color:#FFF;
	background: #424347;
	text-align: center;
	font-size:1.1em;}
header .nav > li > a:hover, header .nav > li > a:focus, header .nav > li.active > a {
    text-decoration: none;
	color:#fff;
	background: #e6336d;}}

@media (min-width:768px){
.menu {
	width:720px;
	margin:3px auto 0;}
.navbar-nav{
	margin-top:0;}	
.navbar-nav > li:nth-child(1) > a {
	border-left: 1px solid #b3b2b1;}
.navbar-nav > li > a {
	padding:0 18px;
    color: #333;
	border-right: 1px solid #b3b2b1;
	font-size:1.15em;}
.navbar-nav > li > a:hover, .navbar-nav > li.active > a, .navbar-nav > li > a:focus {
	background: transparent;
	color:#e6336d;}}	
@media (min-width:992px){
.menu {
	width:906px;
	margin:0 auto;}
.navbar-nav > li > a {
	padding:0 29px;
	font-size:1.25em;}}
@media (min-width: 768px){
.navbar-nav > li {
	padding-bottom: 20px;}}

/*第二層*/	
ul li:hover .menu_second, ul li:focus .menu_second{
	display:block;}
.menu_second{
	display:none;
	position:absolute;
	top:40px;
	left:0;
	z-index:9999;
	width:180px;
	height:auto;
	padding:0;
	margin:0;
	background: #e6336d;
	/*box-shadow:0 1px 3px rgba(0,0,0,0.3);*/}
ul.menu_second{
	margin: 0;
    padding: 0;
    list-style-type: none;}
.menu_second li{
	margin:0 !important;
	text-align:left;
	width:100%;
	padding-left: 0;
	border-top: 1px #ea759b solid;
	background: url(../images/icon_arrow_right.png) no-repeat;
	background-position: top 17px right 15px;}
.menu_second li:nth-child(1){
	border-top: 0px #ea759b solid;}
.menu_second li a{
	margin:0;
	padding:10px 15px !important;
	display:inline-block;
	width:100%;
	color:#FFF;
	text-shadow:none;
	font-size:1.1em}
@media (min-width:768px) and (max-width:991px){
.menu_second{
	top:37px;
	left:0px;
	width:180px;}
.menu_second li a{
	font-size:1.05em;}}
.menu_second li:hover, .menu_second li.active{
	padding-left: 15px;
	background:#b7bdbf url(../images/icon_arrow_right.png) no-repeat;
	background-position: top 17px left 15px;;
	-moz-opacity: 1;
    opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.menu_second li:hover a, .menu_second li:hover a i, .menu_second li.active a, .menu_second li.active a i{
	color:#FFF;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}

.carousel-control.left, .carousel-control.right{
	background-image: none;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{
	width:100%;}
.carousel-control{
	width: 8%;}
.glyphicon-chevron-left:before {
    content: "\e257";}
.glyphicon-chevron-right:before {
    content: "\e258";}
		
footer {
	background: #424347;
  color: #FFF;}
footer a, footer a:visited {
  color: #FFF;}
footer a:hover, footer a:active  {
  color: #b7bdbf;}
#footer_area {
  padding: 0;
  box-shadow:1px 1px 13px 2px rgba(0,0,0,0.2) inset;}
#footer_area p {
	font-size: 1.4em;
	padding-left: 15px;
	margin-bottom:10px;}
#footer_area p i{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	text-align: center;
	color: #e6336d;
	background: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}
.footer_box{
	padding: 0;
	margin-bottom:30px;}
.footer_links{
	border-top: 1px #999 solid;
	padding: 30px 0 30px;
	line-height: 160%;
	font-size: 1.2em;}
.footer_links a{
	display: inline-block;}
@media (max-width:767px){
#footer_area p {
	font-size: 1.2em;}
.footer_box{
	margin-bottom:5px;}
.footer_links{
	margin-top: 15px;
	text-align: left;}
.footer_links .text-right{
	margin-top: 15px;
	text-align: left;}}

.txt_red{
	color:#e6336d !important;}
.txt_blue{
	color:#3c94d3 !important;}
.txt_black{
	color:#333 !important;}
.txt_gray{
	color:#959a9e !important;}
		
/*PADDING*/
.padding_0{
	padding:0;}
.index_padding{
	padding-top:40px !important; 
	padding-bottom:25px !important;}
.page_padding{
	padding-top:55px !important; 
	padding-bottom:55px !important;}
.footer_padding{
	padding-top:50px !important; 
	padding-bottom:10px !important;}
@media (max-width:767px){
.padding_turn0{
	padding:0 !important;}
.index_padding{
	padding-top:15px !important; 
	padding-bottom:0 !important;}
.page_padding{
	padding-top:30px !important; 
	padding-bottom:30px !important;}
.footer_padding{
	padding-top:40px !important; 
	padding-bottom:10px !important;}}

.banner_padding img{
	width: 100%;}
.carousel-indicators li {	
	opacity: 0.5;
    filter: alpha(opacity=50);	
    background-color: #FFF;
    margin: 1px 3px;}
.carousel-indicators .active {
	opacity: 1;
    filter: alpha(opacity=100);	
    margin: 1px 3px;
    background-color: #e6336d;}
@media (max-width:767px){
.carousel-indicators {
	bottom: 0;}}
	
.animatedDelay1{
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;}
.animatedDelay2{
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;}
.animatedDelay3{
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;}
.animatedDelay4{
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;}
.animatedDelay5{
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;}
.animatedDelay6{
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;}
.animatedDelay7{
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;}
.animatedDelay8{
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;}
.animatedDelay9{
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s;}
.animatedDelay10{
	-webkit-animation-delay: 3.0s;
	animation-delay: 3.0s;}

/*MAP*/
.iframe_rwd  {
	position: relative;
	padding-top: 350px;
	height: 0;
	overflow: hidden;
	border:0;
	border-top: 1px #DDD solid;}
.page_padding .iframe_rwd {
	border:0;
	margin-bottom: 40px;}
.iframe_rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

/*modal*/
.modal_header{
	background:#e6336d; 
	color:#FFF;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;}
.modal_body{
	font-size:1.05em;
	padding-bottom:0;
	padding-left:30px;}
.modal_body img{
	margin:0 auto 15px;
	text-align:center;
	border: 1px #DDD solid;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);}
.modal-title{
	font-size: 1.2em;
	font-weight: 500;}

.modal_body_content{
	padding-left: 0;
    padding-bottom: 10px;}
@media (max-width:767px){
.modal_body{
	padding-left:15px;}
.modal_body_content{
	padding:0 10px 10px;}}
	
.modal_product_detail_list{
	float:left;
	list-style-type:none;
	padding:0;}
.modal_product_detail_list li{
	padding-bottom:5px;}
.modal_product_detail_list li a{
	color:#313131;}
.modal_product_detail_list li a:hover{
	color:#ed6953;}
.modal_product_detail_list h3{
	color:#111;
	padding:0;
	margin:0;
	font-size:1.2em;
	font-weight:500;
	line-height:150%;}
.modal_product_detail_list h3 span{
	color:#ed6953;}
.modal_product_detail_list p{
	font-size:1.1em;
	margin:5px 0 5px;}
.modal_product_detail_list input{
	height: auto;
	font-size: 1.05em;
    padding: 8px 12px;}

.btn-first {
  color: #fff;
  background-color: #e6336d;}
.btn-second {
  color: #fff;
  background-color: #2a2c2f;}
.btn-first:hover, .btn-first:active, .btn-first:focus, .btn-second:hover, .btn-second:active, .btn-second:focus, .btn-third:hover, .btn-third:active, .btn-third:focus{
  color: #CCC !important;}
  
.modal-footer .btn-first, .modal-footer .btn-second{
	padding:10px 5px;
	font-size:1.15em;}
	
.btn_left{
	border-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;}

/*跑馬燈公告*/
.marquee_area{
	padding:15px 0;
	background:#e6336d;
	color:#FFF;}
.marquee_area:hover{
	background:#f93b78;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.marquee_area a p{
	display: inline-block;
	width: 100%;
	line-height:160%;
	color:#FFF;
	font-size:1.3em;
	padding: 0 15px 0 5px;
	margin-bottom: 0;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.marquee_area a p i{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-right: 10px;
	border: 1px #FFF solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
@media (max-width:767px){
.marquee_area{
	padding:10px 0 10px;}
.marquee_area a p{
	font-size:1.15em;}
.marquee_area a p i{
	display: inline-block;
	font-size:0.8em;
	width: 30px;
	height: 30px;
	line-height: 30px;}}

/*BG*/
.fixed_bg {
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;}	
.index_aboutus {
	background-image: url(../images/bg_aboutus.jpg);
	box-shadow:1px 1px 13px 2px rgba(0,0,0,0.15) inset;} 
@media (max-width:1199px){
.fixed_bg {
	background-attachment:scroll;}}

/*INDEX TITLE*/
.index_title{
	margin-bottom: 10px;}
.index_title h2{
	color: #e6336d;
	margin: 10px 0;
	padding: 0;
	letter-spacing: 2px;
	font-size: 1.7em;
	line-height: 180%;}
.index_title h2 span{
	color: #9a9697;
	margin-left: 10px;
	font-size: 0.8em;}
@media (max-width:767px){
.index_title h2{
	font-size: 1.5em;}}
.index_title.line_style{
	border-bottom: 2px #e6336d solid;
	margin-bottom: 30px;}

/*INDEX LEFT MENU*/
.index_menu_area{
	padding-left: 0;
	padding-right: 30px;}
@media (max-width:991px){
.index_menu_area{
	padding-right: 0;}}

.index_menu{
	margin: -30px 0 30px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.index_menu ul{
	float: left;
	width: 100%;
	height: auto;
	padding: 15px;
	margin: 0;
	list-style-type: none;
	font-size: 1.3em;}
.index_menu ul li{
	float: left;
	width: 100%;
	height: 53px;
	padding: 0;
	margin: 0;}
.index_menu ul li a{
	display: inline-block;
	width: 100%;
	color: #333;
	padding: 15px 0 11px;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.index_menu ul li a i{
	display: inline-block;
	width: 30px;
	font-size: 1.2em;
	color: #2c81bd;
	text-align: center;
	margin-right: 20px;}
.index_menu ul li a:hover{
	color: #2c81bd;}
.index_menu ul li a:hover i{
	-ms-transform: scale(1.3,1.3);
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}
@media (min-width: 768px) and (max-width: 991px){
.index_menu ul li{
	width: 33%;}}
@media (max-width:767px){
.index_menu{
	margin: -15px 0 30px;
	padding: 0;}
.index_menu ul{
	padding: 0;
	font-size: 1.15em;}
.index_menu ul li{
	padding: 0 10px;
	width: 50%;
	border-right: 1px #DDD solid;
	border-bottom: 1px #DDD solid;}
.index_menu ul li a i{
	margin-right: 10px;}
.index_menu ul li.hidden-sm a{
	cursor: default;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.1em;
	color: #e6336d;}
.index_menu ul li.hidden-sm a span{
	display: inline-block;
	font-size: 0.8em;
	margin-left: 10px;
	color: #9a9697;}}

/*Development*/
.development_area{
	padding: 0 0 30px;}

.development_items{
	margin: -10px 0 10px;
	text-align:right;
	font-size: 1.25em;
	color: #CCC;
	position: relative;}
.development_items a{
	color: #9a9697;}
.development_items a.active, .development_items a:hover{
	color: #eb7b94;}
@media (max-width:767px){
.development_items{
	text-align: center;}
.development_items select{
	-webkit-appearance:none;
	background-color: transparent;
	width: 100%;
	border: 1px #eb7b94 solid;
	color: #eb7b94;
	padding: 10px 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
.development_items i{
	position: absolute;
	top: 15px;
	right: 35px;
	z-index: -1;
	color: #eb7b94;}}

.development_list{
	float:left;
	width:100%;
	height:auto;
	padding: 15px;
	margin:10px 0 20px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.development_list:hover{
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.development_list .pic{
	padding:0;
	margin:0;}
.development_list .content{
	padding:15px 15px 10px 15px;
	margin:0;}
.development_list h3{
	padding:0 0 10px;
	margin:0;
	color:#333;
	font-weight:400;
	font-size:1.5em;
	padding-right:5px;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.development_list p{
	padding:0;
	margin:0;
	color:#333;
	font-weight:400;
	font-size:1.2em;
	line-height:180%;
	height:87px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.development_list span{
	float: right;
	display:inline-block;
	text-align:center;
	background:#eb7b94;
	border:1px #eb7b94 solid; 
	padding:7px 30px;
	margin-top: 15px;
	font-size:1.1em; 
	color:#fff !important;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
.development_list:hover h3{
	color:#e6336d;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.development_list:hover img{
	-webkit-filter:opacity(.8);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.development_list span:hover{
	padding:7px 40px;
	background:transparent;
	color:#eb7b94 !important;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
@media (min-width:1200px){
.development_list{
	padding: 15px 15px 15px 20px;}
.development_list .pic{
	padding:5px 0 0;}}
@media (max-width:767px){
.development_list{
	margin:10px 0 10px;}
.development_list .content{
	padding:20px 5px 10px;}}
@media (min-width:768px){
.development_list:hover{
	transform: translateY(-10px);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}}

/*ABOUT US*/
.aboutus_area{
	padding: 0;}
@media (max-width:767px){
.aboutus_area{
	margin-bottom: -30px;}
.aboutus_list{
	margin-bottom: 20px;}}
.aboutus_list{
	float: left;
	width: 100%;
	height: auto;
	background: #FFF;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.aboutus_list .pic, .aboutus_list .title{
	float: left;
	width: 100%;
	height: auto;}
.aboutus_list .title{
	padding: 20px 15px;
	text-align: center;
	font-size: 1.2em;
	color: #333;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
@media (min-width:768px){
.aboutus_list:hover{
	transform: translateY(-10px);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}}
.aboutus_list:hover .title{
	color:#e6336d;}

.page_padding .aboutus_area{
	margin: 10px 0 0;}
.page_padding .aboutus_list{
	margin-bottom: 30px;}
.page_padding .aboutus_list .title{
	font-size: 1.1em;}

/*BTN*/
.line_button{
	width:100%;
	text-align:center;
	display:inline-block;
	margin:20px auto;}
.line_button a{
	background:#e6336d;
	border:1px #e6336d solid; 
	padding:7px 30px;
	font-size:1.1em; 
	color:#fff !important;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
.line_button a:hover{
	padding:7px 40px;
	background:transparent;
	color:#e6336d !important;}
.line_button a i{
	padding-right: 10px;}

.index_padding .line_button{
	margin:40px auto 50px;}
.index_padding .line_button a{
	background:#eb7b94;
	border:1px #eb7b94 solid;
	color:#fff !important;}
.index_padding .line_button a:hover{
	background:transparent;
	color:#eb7b94 !important;}

/**/	
.info_tag{
	float:left;
	width:100%;
	height:auto;
	line-height:180%;
	margin-bottom:5px;
	text-shadow:0 1px 0 rgba(255,255,255,0);
	font-size:1.1em;}
.info{
	float:left;
	width:100%;
	height:auto;
	line-height:180%;
	padding:15px 30px;
	text-shadow:0 1px 0 rgba(255,255,255,0);
	font-size:1em;}
@media (max-width: 767px){
.info_tag{
	font-size:1.1em;
	margin-bottom:-10px;}
.info{
	padding: 15px;}}
	
.nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{
	border:0;
	font-size:1.1em;
	color:#FFF;
	background:#eb7b94;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}	
.nav-tabs > li > a i {
	padding-right:10px;}	
.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color:#fefbb7 !important;
    background: #e6336d !important;}
@media (max-width: 767px){
.nav-tabs.nav-justified > li > a{
	float: left;
	width: 50%;}}

.index_news_area{
	margin:0 0 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);}	
.news_list ul{
	margin:0 0 5px;
	padding:0;
	width:100%;
	height:auto;
	list-style-type:none;}
.news_list li{
	margin:0;
	padding:10px;
	width:100%;
	height:auto;
	font-size:1.15em;}
.news_list li a{
	display: inline-block;
	width: 100%;
	height: auto;
	color:#333;
	overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.news_list span.date{
	display:inline-block;
	width:80px;
	color:#e6336d;
	margin-right:10px;}
.news_list span.date2{
	display:inline-block;
	width:115px;
	color:#e6336d;
	margin-right:10px;}
.news_list span.doctor_name{
	color:#2c81bd;}
.news_list li:hover a{
	color: #2c81bd;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
@media (max-width: 767px){
.index_news_area{
	margin:0 0 20px;}
.news_list span.pull-right{
	display: none;}}

.page_padding .news_list{
	margin-top:-10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px #CCC solid;}
.page_padding .news_list li{
	padding:9px;
	font-size:1.05em;}
.page_padding .news_list li.title{
	border-bottom:3px #CCC solid;
	margin-bottom: 10px;}
.page_padding .news_list li.title a{
	cursor: default;}
.page_padding .news_list li.title span, .page_padding .news_list li.title a{
	color: #888;}
.page_padding .news_list span.date{
	width:90px;}	
@media (max-width: 991px){
.page_padding .news_list span.pull-right{
	display: none;}}

.page_padding .news_list li a{
	line-height: 160%;}
.page_padding .news_list li.cursor_default a{
	cursor: default;
	overflow:auto; 
    white-space:normal;}
@media (max-width: 991px){
.page_padding .news_list li.cursor_default span.date2, .page_padding .news_list li.cursor_default span.conetnt{
	display: block;}}

/*LINKS*/	
.index_links_area{
	margin:20px 0 40px;
	background: #dadada;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;}	
.index_links_area img{
	border:2px #FFF solid;
	box-shadow:0 0 3px rgba(0,0,0,0.4);
	margin:30px auto;}
.index_links_area img:hover{
	opacity: 0.7;
    filter: alpha(opacity=70);
  	transition: all .3s ease; 
  	-webkit-transition: all .3s ease; 
  	-moz-transition: all .3s ease;}
.index_links_area a i{
	position: absolute;
	z-index: 2;
	top: 29.5%;
	font-size: 1.3em;
	padding: 18px 15px;
	background: #2c81bd;
	opacity: 0.9;
    filter: alpha(opacity=90);
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.index_links_area a i.fa-chevron-left{
	left: -20px;}
.index_links_area a i.fa-chevron-right{
	right: -20px;}
.index_links_area a:hover i{
	background: #e6336d;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}

@media (min-width: 1230px){
.index_links_area a i.fa-chevron-left{
	left: -30px;}
.index_links_area a i.fa-chevron-right{
	right: -30px;}}

@media (min-width: 768px) and (max-width: 991px){
.index_links_area a i{
	top: 27%;
	padding: 15px 10px;}
.index_links_area a i.fa-chevron-left{
	left: -12px;}
.index_links_area a i.fa-chevron-right{
	right: -12px;}}
@media (max-width: 767px){
.index_links_area a i{
	top: 32%;
	padding: 15px 10px;
	font-size: 1em;}
.index_links_area a i.fa-chevron-left{
	left: -10px;}
.index_links_area a i.fa-chevron-right{
	right: -10px;}}

/**/
.page_banner{
	background:#e6336d url(../images/page_banner.jpg) top center no-repeat;}
.title_padding{padding-top:75px !important; padding-bottom:75px !important;}
@media (max-width:991px){
.title_padding{padding-top:55px !important; padding-bottom:55px !important;}}
@media (max-width:767px){
.title_padding{padding-top:30px !important; padding-bottom:30px !important;}}

/*banner標題*/
.top_title{
	width:100%;
	float:left;
	padding:0;
	font-size:1.8em;
	color:#FFF;
	text-shadow:0 0 5px rgba(0,0,0,0.8);}
.top_title .cht{
	font-weight:500;
	letter-spacing:1px;}
@media (max-width:767px){
.top_title{
	text-align:center;}}

/*路徑*/	
.path{
	background:#f3f3f3;
	font-size:1em;}
#pathway {
	float: left;
	width: 100%;
	padding:10px 15px;
	text-align: right;
	line-height:180%;}
#pathway span{
	color:#787878;
	font-weight:400;}
#pathway i{
	padding: 0 15px;}
#pathway a{
	color:#787878;}
#pathway a:hover{
	color:#e6336d;}
@media (max-width:767px){
#pathway {
	padding:10px 5px;}}
	
/*換頁*/
.pagination{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 0; 
	padding-bottom: 0;}
.pagination > li > a, .pagination > li > span {
    color: #e6336d;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #e6336d;
    border-color: #e6336d;}
		
/*網頁編輯內容*/	
.page_content{
	float:left; 
    width: 100%;
	height:auto;
	font-size:1.12em;}
.page_content h2{
	margin-top:0;
	font-size:1.4em;
	color: #e6336d;
    font-weight: 500;
	line-height:170%;}
.page_content h3{
	margin-top:0;
	margin-bottom:5px; 
	font-size:1.2em;
	color: #111;
    font-weight: 500;
	line-height:180%;}
.page_content p{
	font-size:1.1em;
	margin-bottom:20px;
	line-height:200%;}
.page_content a{
	color: #2c81bd;}
.page_content a:hover{
	color: #e6336d;}
.page_content .box{
	float:left;
	width:100%;
	height:auto;
    padding: 5px 10px 10px;}
@media (max-width:767px){
.page_content .box{
    padding: 5px 5px 10px;}}
.page_content .box img{
	margin-bottom:20px;
	display: block;
    max-width: 100%;
    height: auto;}
.page_content .box hr {
	margin-bottom: 40px;
	border-top: 1px solid #DDD;}
.page_content h4{
	font-weight:normal;
	font-size:1em;
	line-height:200%;}
.page_content h4 span{
	display:inline-block;
	padding:4px 15px 5px 15px;
	background:#e6336d;
	color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.addthis{
	float:left;
	height:39px;}	

.page_content a.btn_style{
	display: inline-block;
	font-size: 0.9em;
	border: 1px #2c81bd solid;
	padding: 0 13px;
	margin: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.page_content a.btn_style:hover{
	border: 1px #e6336d solid;}

.sitemap_style{
	margin-bottom: 20px;}
.sitemap_style p{
	margin-bottom:3px;
	padding-left: 20px;}
@media (max-width:767px){
.sitemap_style{
	padding: 0;}}

.links_style{
	margin-top: 10px;}
@media (min-width:768px){
.links_style:hover{
	transform: translateY(-10px);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}}
.page_content .box .links_style img{
	margin-bottom: 10px;}
.page_content .box .links_style img:hover{
	-webkit-filter:opacity(.8);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}
.links_style p{
	color: #333;
	line-height: 180%;
	text-align: center;}
.links_style a:hover p{
	color: #e6336d;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}
.page_content .box p.links_padding{
	margin-top: -5px;
	margin-left: -5px;}

/*內頁標題*/
.title_box{
	float:left;
	width:100%;
	height:auto;
	padding:0 0 15px;
	margin-bottom:15px;
	border-bottom:2px #e6336d solid;}
.title_box .title{
	margin:0;
	padding:0 15px;}
.title_box .title h1, .title_box .title h2{
	color:#333;
	font-size:1.7em;
	line-height:150%;
	padding:3px 0 0;
	margin:0;}
@media (max-width:767px){
.title_box .title{
	padding:0 0 5px;}}
.title_box .date{
	margin:0;
	padding:13px 20px 0;
	font-size:1.2em;
	text-align:right;}
.title_box .title h1 i, .title_box .title h2 i, .title_box .date i{
	color:#e6336d;
	padding-right:12px;}

/*TABLE*/	
.page_content_table{
	border:0;
	border-top:1px #ff8eb3 solid;
	border-left:1px #ff8eb3 solid;
	font-size:1.1em;}
.page_content_table th{
	vertical-align: middle !important;
	font-weight:500 !important;
	border-top:1px #ff8eb3 solid !important;
	border-right:1px #ffbad0 solid;
	border-bottom:1px #ff8eb3 solid;
	padding:10px 15px!important;
	background:#ff8eb3;
	color:#fff;
	line-height:180%;}
.page_content_table td{
	vertical-align: middle !important;
	border-right:1px #ff8eb3 solid;
	border-bottom:1px #ff8eb3 solid;
	padding:10px 15px!important;
	line-height:180%;}
.box .page_content_table img{
	margin-bottom: 0;}

.timetable_style{}
.timetable_style th, .timetable_style td{
	padding:8px!important;
	text-align:center;}
.timetable_style td:hover{
	background: #fff7ba;}

.hover_style tr:hover td{
	background: #fff7ba;}
	
.numlist {
	margin-top:5px;}	
.numlist li{
	list-style-type:decimal;
	font-size:1.1em;
	padding-bottom:2px;
	line-height:200%;}
.numlist li ul li{
	font-size:1em;
	list-style-type:upper-alpha;}
.numlist li ul li ul li{
	font-size:1em;
	list-style-type:lower-alpha;}

.page_content_table .numlist{
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 20px;}
.page_content_table .numlist li{
	font-size:1em;
	line-height:180%;}

/*左邊選單*/
.panel{
	box-shadow:none !important;}
.panel-group {
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.panel-default {
    border:0;}
.panel-default > .panel-heading {
	margin:0;
	padding:0 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}
.panel-default > .panel-heading.icon_1 {
	background: #959a9e url(../images/icon_about.png) left 20px center no-repeat;}
.panel-default > .panel-heading.icon_2 {
	background: #959a9e url(../images/icon_info.png) left 20px center no-repeat;}
.panel-default > .panel-heading.icon_3 {
	background: #959a9e url(../images/icon_team.png) left 20px center no-repeat;}
.panel-default > .panel-heading.icon_4 {
	background: #959a9e url(../images/icon_news.png) left 20px center no-repeat;}
.panel-default > .panel-heading.icon_5 {
	background: #959a9e url(../images/icon_community.png) left 20px center no-repeat;}
.panel-default > .panel-heading.icon_6 {
	background: #959a9e url(../images/icon_health.png) left 20px center no-repeat;}
.panel-default > .panel-heading.icon_7 {
	background: #959a9e url(../images/icon_contact.png) left 20px center no-repeat;}
.panel-title {
	padding: 30px 0 30px 100px;
	margin: 0;
    font-size: 1.5em;
    color: #FFF;
	font-weight: 400;
	text-align:left;}
.panel-title i{
	padding-left: 10px;}
.panel-body{
	font-size:1.2em;
	padding:5px 8px;
    border-top-color: #FFF !important;}
.nav-pills > li{
	margin:0;}
.nav-pills > li a{
	padding:15px 15px;
	border-bottom: 1px #DDD solid;
    color: #333;
    background-color: #FFF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}
.nav-pills > li:last-child a{
    border-bottom: 0px #DDD solid;}
.nav-pills > li a i{
	float: right;
	font-size: 0.7em;
	margin-top: 5px;
	color: #fff;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover,  .nav-pills > li > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li.active > a i {
    color: #e6336d;
    background-color: #FFF;}
.nav-stacked > li + li {
    margin-top: 0;
    margin-left: 0;}

/*小頁籤*/
.sort {
    text-align: center;
	margin:15px 0;}
.sort a {
	display:inline-block;
    margin: 0 6px 10px;
	padding: 7px 30px;
	min-width: 148px;
    color: #dd5280;
	background:#fff;
    border: 1px solid #ff8eb3;
    text-decoration: none;
    position: relative;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
    transition: all .5s;
    font-size: 1.1em;}
.sort a.active, .sort a:hover{
    color: #FFF;
    background-color: #ff8eb3;}

/*QA*/
.qa_list{
	padding: 0;
	margin-top: 10px;}
.qa_list .panel-heading a{
	text-decoration:none;}
.qa_list .panel-title{
	line-height:150%;
	padding:0;
	margin-bottom: 0;
	text-decoration:none;
	color:#333;
	font-size:1.1em;
	font-weight:400;
	background:none;}
.qa_list .panel-title i{
	color:#333;}
.qa_list .panel-title span.q_style{
	padding-right: 10px;
	font-family: 'Racing Sans One';}
.qa_list .panel-body .box {
    padding: 10px 10px 0;}	
.qa_list .panel-body .box p{
	color:#333;
	font-size:1em;
	margin-bottom: 0px;}
.qa_list .panel-body .box a{
	color:#e6336d;}
.qa_list .panel-body .box a:hover{
	color:#999;}
.qa_list .panel-title .pull-right{
	padding-top:7px;
	padding-right:2px;
	font-size: 0.7em;}	
.qa_list .panel-default{
	border:0;
	box-shadow:none !important;}
.qa_list .panel-body{
	font-size:1.1em;
	padding:5px 5px;}
@media (max-width:991px){
.qa_list .panel-body{
	font-size:1.05em;}}
.qa_list .nav-pills > li.active > a, .qa_list .nav-pills > li.active > a:hover, .qa_list .nav-pills > li.active > a:focus {
    color: #60d0e4;
    background-color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.qa_list .panel-default {
    border-color: #111;}
.qa_list .panel-default > .panel-heading {
    background: #dcdcdc;
	padding: 0 20px;
	border:0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;}
.qa_list .panel-default > .panel-heading a{
	display: block;
	padding: 20px 0;}

.qa_list .panel-default > .panel-heading:hover {
	background: #6fc3ff;}
.qa_list .panel-default > .panel-heading:hover .panel-title, .qa_list .panel-default > .panel-heading:hover .panel-title i{
	color:#FFF;}

/*CONTACT*/
.contact_form{
	padding: 0 !important;}
.contact_form .col-xs-12{
	margin-bottom: 25px;}
.contact_form h4{
	font-size: 1.2em;
	color: #333;
	padding-left: 10px;
	margin: 25px 6px;
	border-left: 5px #333 solid;}
@media (min-width:768px){
.contact_form label {
	margin-bottom: 0;}}
@media (max-width:767px){
.contact_form .col-xs-12{
	margin-bottom: 15px;
	padding: 0;}}
.contact_form label {
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 10px;
    cursor: pointer;}
.contact_form form label {
	margin-left: 5px;
	font-size: 1.1em;}
.contact_form form label small {
	color: #e6336d;
	font-family:'Noto Sans TC', 'Microsoft JhengHei';}
.contact_form span {
	line-height: 180%;
	font-size: 1em;}
.contact_form p {
	line-height: 180%;
	font-size: 1.1em;}
.contact_form p i{
	display: inline-block;
	width: 35px;
	text-align: center;}
.sm-form-control{
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 14px;
    font-size: 1.1em;
    line-height: 1.42857143;
    color: #444;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ddd;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;}
.sm-form-control:focus {
    border-color: #e6336d;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;}
.contact_form button{
	min-height:39px;
	height:auto;
	font-size:1.1em;
	margin-top: 5px;
	padding: 8px 25px;
    box-shadow: none;
	color: #fff;}
.contact_form button:hover, .contact_form button:focus{
	color: #FFF !important;
	background: #e6336d;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.contact_form button[disabled], html .contact_form input[disabled] {
    cursor: default;
    background: #EEE;}
.contact_form p.memo{
	font-size:1.05em;
	margin:0;
	padding-top:10px;}

/*DIVISION*/
.division_area{
	margin-bottom: 15px;}
.division_area .col-xs-6{
	padding: 5px;}
.division_area a{
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 10px 0;
	font-size: 1.1em;
	text-align: center;
	color: #2c81bd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px #2c81bd solid;}
.division_area a:hover{
	color:#FFF;
	background: #2c81bd;}

/*DRUG*/
.drug_form{
	font-size:1.1em;}
.drug_form label.control-label{
	font-weight: 500;}

.pillspic{
	margin:0;
	padding:0;}	
.pillspic li{
	list-style-type:none;
	padding-bottom:2px;
	line-height:200%;}
.pillspic input{
	margin-top:9px;}	
.page_content .box .pillspic img{
	margin-bottom: 0;}

.drug_style{
	border-left: 0;
	border-top: 1px #ff8eb3 solid !important;}
.drug_style th{
	border-bottom: 1px #ffbad0 solid;}
.drug_style td{
	border-top: 1px #ff8eb3 solid !important;}
.drug_style th, .drug_style td{
	border-right: 0; 
	padding:8px 10px !important;}
.drug_style.text-center th, .drug_style.text-center td{
	text-align: center;}
.pointer_style{
	cursor: pointer;}

.drug_form .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 7px 14px;
    font-size: 1.1em;
    line-height: 1.42857143;
    color: #444;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ddd;
	box-shadow:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;}
.drug_form .form-control:focus {
    border-color: #e6336d;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;}

.article_btn a{
	display: inline-block;
	font-size: 1.1em;
	color: #FFF;
	background: #333;
	padding: 10px 35px;
	margin: -5px 3px 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;}
.article_btn a:hover{
	color: #FFF !important;
	background: #e6336d;}
@media (max-width:991px){
.article_btn{
	margin-bottom: 5px;
	text-align: center;}}

/*SURGERY*/
.surgery_area{
	padding: 0;
	margin: -10px 0 30px;}
.index_padding .surgery_area .line_button{
	margin:20px auto 30px;}

.surgery_list{
	float:left;
	width:100%;
	height:auto;
	padding: 5px;
	margin:10px 0 20px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.surgery_list:hover{
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.surgery_list .pic{
	padding:0;
	margin:0;
	position: relative;}
.surgery_list p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,1);
	padding:8px 0 3px;
	margin:0;
	text-align: center;
	color:#333;
	font-weight:400;
	font-size:1.25em;
	line-height:160%;}
@media (min-width:768px){
.surgery_list:hover{
	transform: translateY(-10px);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}}

.surgery_info p{
	padding: 15px;
	margin: 10px 0 20px;
	line-height: 180%;
	font-size: 1.2em;
	text-align: center;
	background: #FFF;
	color: #333;
	border: 2px #e6336d dashed;}
.surgery_info p a:hover{
	color: #eb7b94 !important;}
.surgery_info:hover p{
	background: rgba(254, 251, 183, 0.5);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}

@media (max-width:767px){
.index_padding .surgery_area .line_button{
	margin:20px auto 25px;}
.surgery_area{
	padding: 0 10px;}
.surgery_area .col-xs-6{
	padding: 5px;}
.surgery_list{
	margin: 0;
	/*box-shadow: 0 0 15px rgba(0,0,0,0);*/}
.surgery_list p{
	position: inherit;
	padding: 8px 5px 3px;
	margin-top: -30px;
	min-height: 55px;
	font-size:1.15em;
	line-height:140%;}
.surgery_info{
	padding: 0 7px;}}

.page_padding .surgery_area{
	margin: 5px 0 10px;}
.page_padding .surgery_list p{
	font-size: 1.1em;}
@media (max-width:767px){
.page_padding .surgery_area{
	padding: 0;}
.page_padding .surgery_list{
	margin-bottom: 0;}}

p.attachment_area {
	padding: 15px;
	margin-bottom: 20px;
	line-height:180%;
    background: rgba(254, 251, 183, 0.5);
    border: 1px #e0dd8b solid;
    border-radius: 4px;}
p.attachment_area span{
	color:#e6336d;}
p.attachment_area span i{
	margin-right: 8px;}
p.attachment_area a{
	display: inline-block;}

/*191005*/
.article_list{
	padding: 0;
	margin: 10px 0;}
.news_list.article_style{
	margin-top: 6px;
	margin-bottom: -8px;
	padding-top: 12px;
	border-top: 1px #CCC solid;
	border-bottom: 0 #CCC solid;}
.news_list.article_style li{
	padding:5px 0;
	font-size:1.05em;}
.page_content a.btn_article{
	display: inline-block;
	font-size: 0.9em;
	color: #FFF;
	background: #eb7b94;
	border: 1px #eb7b94 solid;
	padding: 1px 27px;
	margin: 5px 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
.page_content a.btn_article:hover{
	padding: 1px 35px;
	background:transparent;
	color:#eb7b94 !important;}

/*250430*/
.header_tool > p span.hidden_m{
	font-size: 1em;
	-webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);}
@media (max-width:767px){
.header_tool > p span.hidden_m{
	display: none;}
.header_tool a i.fa-facebook-square, .header_tool a i.fa-youtube {
    margin-right: 0;}}