@charset "UTF-8";
/* CSS Document */

.bread {
	background-color:#efefef;
	margin:0 30px;
	padding:4px 10px;
}
@media screen and (max-width:768px) {
.bread {
	margin:0;
	padding:4px 40px;
}
}
@media screen and (max-width:480px) {
	.bread {
		display:none;
	}
}
.content {
margin:10px 0;
}
/*---- about us ---*/
h3.aboutus-title {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#f16c00;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-newspaper.svg) left center no-repeat;
	background-size:35px;
}
ul.second-menu, ul.second-menu-7, ul.second-menu-4, ul.second-menu-5 {
	padding:0;
	margin:0;
}
ul.second-menu li, ul.second-menu-7 li, ul.second-menu-4 li, ul.second-menu-5 li {
	padding:0;
	margin:0;
	list-style:none;
}
ul.second-menu li a {
	display:block;
	width:16.5%;
	float:left;
	text-align:center;
	background-color:#eaeaea;
	font-size:16px;
	color:#777878;
	margin-top:1px;
	margin-left:0.16%;
	padding:10px 0;
}
ul.second-menu-7 li a {
	display:block;
	width:14.1%;
	float:left;
	text-align:center;
	background-color:#eaeaea;
	font-size:16px;
	color:#777878;
	margin-top:1px;
	margin-left:0.16%;
	padding:10px 0;
}
ul.second-menu-4 li a {
	display:block;
	width:24.85%;
	float:left;
	text-align:center;
	background-color:#eaeaea;
	font-size:16px;
	color:#777878;
	margin-top:1px;
	margin-left:0.15%;
	padding:10px 0;
}
ul.second-menu-5 li a {
	display:block;
	width:19.85%;
	float:left;
	text-align:center;
	background-color:#eaeaea;
	font-size:16px;
	color:#777878;
	margin-top:1px;
	margin-left:0.15%;
	padding:10px 0;
}
ul.second-menu li a:hover,
ul.second-menu li a.active {
	color:#FFF;
	background-color:#ff9000;
	text-decoration:none;
}
ul.second-menu-7 li a:hover,
ul.second-menu-7 li a.active {
	color:#FFF;
	background-color:#ff9000;
	text-decoration:none;
}
ul.second-menu-5 li a:hover,
ul.second-menu-5 li a.active {
	color:#FFF;
	background-color:#ff9000;
	text-decoration:none;
}
ul.second-menu-4 li a:hover,
ul.second-menu-4 li a.active {
	color:#FFF;
	background-color:#ff9000;
	text-decoration:none;
}
@media screen and (max-width:768px) {
	ul.second-menu li a,ul.second-menu-7 li a,ul.second-menu-5 li a {
	width:33.1%;
	}
}
@media screen and (max-width:480px) {
ul.second-menu li a,ul.second-menu-7 li a,ul.second-menu-4 li a,ul.second-menu-5 li a {
	width:49.8%;
	}
	.third-menu a {
		font-size:15px;
	}
}
h3.second-title {
	color:#787878;
	font-size:18px;
}
.third-menu {
	color:#2658c5;
	margin-bottom:10px;
}
.third-menu a {
	color:#2658c5;
	padding:2px 4px;
}
.third-menu a:hover {
	text-decoration:none;
	background-color:#eaeaea;
	padding:2px 4px;
}
.about-group {
	clear:both;
	overflow:auto;
}
.form-bg {
	background-color:#f7f4e4;
}
.form-bdr {
	padding:12px 6px 0 6px;
	margin:5px 0 10px 0 ;
	border-radius:6px;
	border:1px solid #36b1c0;
	background-color:#f2f9fa;
}
.about-title {
	color:#ff5400;
	padding:15px;
	width:20%;
	float:left;
	font-size:16px;
}
.about-content {
	width:80%;
	float:left;
	padding:15px;
	font-size:15px;
	border-left:1px solid #FFF;
}
@media screen and (max-width:480px) {
.about-title {
	width:100%;
	padding:10px 10px 5px 10px;
	border-bottom:2px solid #d4aa6c;
}
.about-content {
	width:100%;
	padding:10px ;
	border-left:none;
}
}
.about-content p,.about-content br  {
	color:#333333;
	line-height:1.5em;
}
.about-content ol {
	margin:0;
	padding:0 0 0 30px;
}
.about-content ol li {
	line-height:1.6em;
	margin:0;
}
ul.table-list {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
}
ul.table-list li,ul.table-list li li {
	line-height:1.6em;
	margin:0;
}
ul.table-list li ul {
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
}
/*--- leader  ---*/
ul.leader-group {
	padding:0;
	margin:0;
}
ul.leader-group li {
	width:32.3%;
	margin:0.5%;
	float:left;
	list-style:none;
	padding:10px;
	border:1px solid #b9cbdc;
	border-radius:8px;
	
}
ul.leader-group li:hover {
	box-shadow:0 2px 6px rgba(0,0,0, .3);
	background-image: linear-gradient(to top, rgba(231,245,255, 1),  rgba(255,255,255, 1));
}
.leader-img {
	float:left;
	width:35%;
	text-align:center;
}
.leader-content {
	float:right;
	width:63%;
}
.leader-content .leader-title {
	color:#0169ca;
	padding:12px 5px;
	font-size:18px;
}
.leader-content .leader-year {
	padding:5px;
	border-bottom:1px solid #f0f0f0;
}
.leader-content p {
	background-color:#f1f5f9;
	padding:5px;
}
@media screen and (max-width:768px) {
ul.leader-group li {
	width:48%;
	margin:1%;
	}
}
@media screen and (max-width:480px) {
ul.leader-group li {
	width:100%;
	margin:1% 0;
	}
}
/*----activities -----*/
h3.activitiesTitle {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#f16c00;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-newspaper.svg) left center no-repeat;
	background-size:35px;
}
.activities-note {
	margin:5px 0;
}
.activities-note ul {
	padding:0;
	margin:0 0 0 30px;
}
.activities-note ul li {
	margin:0;
	padding:3px 0;
}
.activities-note ul li:hover {
	text-decoration:underline;
	color:#ff7200;
}
.activities-table {
	padding:0;
	margin:0;
	font-size:15px;
}
.activities-table th {
	background-color:#36b1c0;
	text-align:center;
	color:#FFF;
	border-left:#FFF 1px solid;
}
table.activities-table tr:nth-child(odd){background-color: #faf9f2}

table.activities-table tr:hover {
	background-color:#f7f4e4;
}
.act-search {
	margin-top:-40px;
	float:right;
	text-align:right;
}
@media screen and (max-width:480px) {
	.act-search {
	margin:5px 0;
}
}
.act-search i {
	color:#36b1c0;
	font-size:18px;
	padding-right:8px;
}
.act-input {
	border-radius:4px;
	border:1px solid #cccccc;
	padding:4px;
	width:55%;
	margin:2px 0;
}

a.act-btn {
	background-color:#ffb400;
	padding:2px 10px;
	border-radius:8px;
	text-shadow:0 1px 4px rgba(0,0,0, .3);
	letter-spacing:3px;
	color:#FFF;
	margin:0 0 0 8px;
	display:inline-block;
}
a.act-btn:hover {
background-color:#c6f4ff;
	color:#424242;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255, .8);
	box-shadow:0 1px 5px rgba(0,0,0, .6);
}
.activity-input {
	border:1px solid #eaeaea;
	border-radius:8px;
	padding:10px;
	box-shadow:0 1px 6px rgba(0,0,0, .2);
}
.activity-input label {
	border-right:3px solid #ffad42;
	color:#996600;
}
@media screen and (max-width:768px) {
.activity-input label {
	border-right:none;
	background-color:#f7f4e4;
	border-radius:8px;
	width:96%;
	margin:10px 2%;
	padding:6px 10px;
}
}
.activity-pager {
	border-top:2px solid #ffad42;
	background-color:#f7f7f7;
	overflow:auto;
	padding:10px;
}
/*----- login --------*/
.login-input {
	margin:10px 0;
}
.login-input h3 {
	text-align:center;
	padding:10px;
	color:#FFF;
	border:1px solid #eeeeee;
	background-image: linear-gradient(to right, rgba(54,177,192, 1),  rgba(92,211,184, 1));
	border-radius:8px;
}
.login-input label {
	border-right: 3px #36b1c0 solid;
	color:#008393;
}
@media screen and (max-width:768px) {
.login-input label {
	border-right:none;
	background-color:#c0e4e8;
	border-radius:8px;
	width:96%;
	margin:10px 2%;
	padding:6px 10px;
}
}
.login-input .code {
	padding:0 6px;
	font-size:16px;
	text-align:center;
	color:#ff7200;
}
a.btn-renew {
	background-color:#ff9000;
	border-radius:6px;
	color:#FFF;
	padding:4px 10px;
	text-decoration:underline;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(255,255,255, .5)
}
a.btn-renew:hover {
	background-color:#2f92cc;
	text-decoration:none;
	color:#FFF;
}
ul.login-note {
	margin:10px 0;
	padding:20px;
	background-image: linear-gradient(to right, rgba(248,246,235, 1),  rgba(236,249,228, 1));
	border-radius:8px;
}
ul.login-note li {
	padding:4px 0;
	margin:0;
	list-style:none;
}
ul.link-list {
	padding:10px;
	margin:0;
	border:1px solid #e8e8e8;
	border-radius:6px;
}
ul.link-list li {
	padding:4px 6px;
	margin:0;
	list-style:none;
	font-size:15px;
}
ul.link-list li:hover {
	background-color:#dcf2f4;
	border-radius:6px;
}
ul.link-list li i {
	color:#999999;
}
.search-bar {
	padding:10px;
	margin:10px 0;
	border:1px solid #e8e8e8;
	border-radius:6px;
	background-image: linear-gradient(to right, rgba(234,248,249, 1),  rgba(244,252,244, 1));
	text-align:center;
}
.search-note {
	padding:10px 0 5px 0;
}
@media screen and (max-width:768px) {
.search-bar {
	text-align:left;
}
}
/*---- link -------*/
h3.linkTitle {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#ffa200;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-links.svg) left center no-repeat;
	background-size:35px;
}
h4.link-secTitle {
	color:#36b1c0;
	padding:6px 10px;
	border-radius:6px;
	border:1px solid #36b1c0;
}
h4.link-secTitle i {
	padding-right:5px;
}
ul.link-itam {
	padding:0;
	margin:0;
}
ul.link-itam li {
	padding:0;
	margin:0;
	list-style:none;
}
ul.link-itam li i {
	padding-right:5px;
}
ul.link-itam li a {
	font-size:15px;
	display:block;
	width:31.3%;
	margin:0.5% 1%;
	float:left;
	padding:10px;
	border-radius:6px;
	border:1px solid #d2e6e8;
}
ul.link-itam li a:hover {
	background-image: linear-gradient(to right, rgba(54,177,192, 1),  rgba(115,217,201, 1));
	color:#FFF;
	text-decoration:none;
	border:1px solid #d6d5d4;
	
}
ul.link-group {
	padding:10px;
	margin:0.5%;
	width:32.3%;
	float:left;
	border-radius:6px;
	border:1px solid #d2e6e8;
}
ul.link-group:hover {
	background-image: linear-gradient(to right, rgba(245,255,252, 1),  rgba(244,249,255, 1));
}
ul.link-group li {
	padding:3px;
	margin:0;
	list-style:none;
}
ul.link-group li i {
	padding-right:5px;
	color:#00899a;
}
ul.link-group li:first-child {
	color:#006699;
	font-weight:bold;
	font-size:15px;
}

@media screen and (max-width:768px) {
ul.link-itam li a {
	width:48%;
	margin:0.5% 1%;
}
ul.link-group {
	margin:0.5%;
	width:49%;
}
}
@media screen and (max-width:480px) {
ul.link-itam li a {
	width:100%;
	margin:0.5% 0;
}
ul.link-group {
	margin:1%;
	width:98%;
}
}
ul.sitemap-group {
	padding:10px;
	margin:1% 0.5% 0 0.5%;
	width:24%;
	float:left;
	border-radius:6px;
	border:1px solid #d2e6e8;
	height:230px;
}
ul.sitemap-group:hover {
	background-image: linear-gradient(to right, rgba(245,255,252, 1),  rgba(244,249,255, 1));
}
ul.sitemap-group li {
	padding:3px;
	margin:0;
	list-style:none;
}
ul.sitemap-group li i {
	padding-right:5px;
	color:#00899a;
}
ul.sitemap-group li:first-child {
	color:#006699;
	font-weight:bold;
	font-size:16px;
	border-bottom:3px solid #e4e4e4;
	margin-bottom:5px;
	padding-bottom:5px;
}

@media screen and (max-width:768px) {
ul.sitemap-group {
	margin:1% 0.5% 0 0.5%;
	width:32.3%;
	height:230px;
}
}
@media screen and (max-width:480px) {
ul.sitemap-group {
	margin:1%;
	width:98%;
	height:auto;
}
}
.modal-body img {
	margin-bottom:10px;
}
/*---- contact us ---*/
h3.contact-Title {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#C1B170;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-contactus.svg) left center no-repeat;
	background-size:35px;
}
/*---- training hospital  ---*/
h3.traininghospitalTitle {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#0087d6;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-newspaper-HP.svg) left center no-repeat;
	background-size:35px;
}
h3.th-rule-Title {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#0087d6;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-th-rule.svg) left center no-repeat;
	background-size:35px;
}
h3.th-hospital-Title {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#0087d6;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-th-hospital.svg) left center no-repeat;
	background-size:35px;
}
h3.th-doctor-Title {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#0087d6;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-th-doctor.svg) left center no-repeat;
	background-size:35px;
}
h3.th-search-Title {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#0087d6;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-th-search.svg) left center no-repeat;
	background-size:35px;
}
.pullright {
	float:right;
	margin:4px;
}
.member-login {
	margin:4px 30px;
	margin-top:-24px;
	float:right;
	color:#0066CC;
}
.member-login a {
	background-color:#ffb400;
	padding:2px 6px;
	color:#FFF;
	border-radius:8px;
	margin:0 5px;
}
.member-login a:hover {
	
	box-shadow:0 1px 3px rgba(0,0,0, .6);
background-color:#c6f4ff;
	color:#424242;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255, .8)
}
@media screen and (max-width:480px) {
.member-login {
	margin-top:0px;
	padding:5px;
	background-color:#ebebeb;
	border-radius:0 0 8px 8px;
	font-size:18px;
}
}
/*---- app download ---*/
ul.app-group {
	padding:0;
	margin:0;
}
ul.app-group li {
	padding:10px;
	margin:1%;
	width:31.33%;
	border:1px solid #ebebeb;
	border-radius:8px;
	float:left;
	display:block;
	text-align:center;
}
ul.app-group li:hover {
	background-color:#e7f6f7;
	box-shadow:0 1px 5px rgba(0,0,0, .3);
}
.app-title {
	font-size:20px;
	margin-top:5px;
	padding-bottom:5px;
	color:#3b5f67;
	border-bottom:1px solid #def1f2;
}
.app-btn {
	padding:10px 0 0 0;
}
.app-btn a {
	margin:1%;
	padding:10px 15px;
	background-color:#cbdee2;
	color:#FFF;
	border:1px solid #CCCCCC;
	border-radius:8px;
	display:inline-block;
	font-size:16px;
	width:47%;
}
.app-btn a:hover {
	background-color:#ff6000;
	color:#FFF;
	text-shadow:0 1px 6px rgba(0,0,0, .3);
	text-decoration:none;
	border:1px solid #a5c2c8;
	box-shadow:0 2px 6px rgba(0,0,0, .3);
}
.app-btn a i {
	padding-right:4px;
}
@media screen and (max-width:768px) {
    .app-btn a i {
        padding-right: 0px;
        display: block;
        font-size: 26px;
    }

    .app-btn img {
        height: auto;
    }
}
@media screen and (max-width:480px) {
    ul.app-group li {
        width: 100%;
        margin: 2% 0;
    }

    .app-btn a i {
        padding-right: 0px;
        display: block;
        font-size: 26px;
    }
}
.app-btn img {
    width: 120px;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 auto 5px auto;
}