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

/* =======================================================================================
                                        首頁
=========================================================================================*/

.no{ padding-top:75px; text-align: center; height: 150px;}




/* 共用選單 */
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #fff;}




/* =======================================================================================
                                          news
=========================================================================================*/
.nlist ul{
    padding:0px;
    margin:0;
    border-bottom: 1px #999 dashed;
    width: 100%;
}


.nlist ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 160%;
}

.nlist ul li:nth-child(odd){
    width: 100%;
    color: #31adf5;
    font-weight: bold;
}
@media (min-width: 768px) {
    .nlist ul li:nth-child(odd){
        width: 20%;
        color: #31adf5;
        font-weight: bold;
        text-align: center;
    }
}
@media (min-width: 992px) {
    .nlist ul li:nth-child(odd){
        width: 15%;
        color: #31adf5;
        font-weight: bold;
        text-align: center;
    }
}



.nlist ul li:nth-child(even){
    width: 100%%;
    padding: 15px 0;
}
@media (min-width: 768px) {
    .nlist ul li:nth-child(even){
        width: 79%;
        padding: 15px 0;
    }
}
@media (min-width: 992px) {
    .nlist ul li:nth-child(even){
        width: 84%;
        padding: 15px 0;
    }
}





.searchBar_n ul{
    width: 100%;
    background-color: beige;
    margin-top:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-left:15px;
    text-align: right;
    padding-right:15px;
}

.searchBar_n ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 120%; 
    color: brown;
    font-size: 15px;
}

.show_n{ border-bottom:1px #999 dashed;}
.show_n span{ color: coral; font-weight: bold;}




.searchBar_n ul li{ font-size: 15px;}

.searchBar_n ul li span{ color: cornflowerblue;}

.searchBar_n ul li input select, option{ font-size: 15px;}


/* news info */

.newsdate dl{ margin-bottom: 10px}

.newstitle{ font-size: 24px; font-weight: bold; color: chocolate; border-bottom: 1px #999 dotted; padding-bottom: 10px;}

.newsdate{ color: darkgoldenrod; padding:10px 15px 1px 15px; background-color: beige; margin-top:10px;}


/* 學會公告 */
.llist ul{
    padding:0px;
    margin:0;
    border-bottom: 1px #999 dashed;
    width: 100%;
}


.llist ul:nth-child(even){ background-color: #fef5f5;}


.llist ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 120%;
}



.llist ul li:nth-child(odd){
    width: 100%;
    color: #c17474;
    font-weight: bold;
}
@media (min-width: 768px) {
    .llist ul li:nth-child(odd){
        width: 18%;
        color: #c17474;
        font-weight: bold;
        text-align: center;
    }
}

.llist ul li:nth-child(even){
    width: 100%;
    padding: 15px 0;
}
@media (min-width: 768px) {
    .llist ul li:nth-child(even){
        width: 81%;
        padding: 15px 0;
    }
}

.llist ul li a{ color: dimgray;}
.llist ul li a:hover {color:#FF6A6A;} 


.searchBar_l ul{
    width: 100%;
    background-color: #fdebeb;
    margin-top:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-left:15px;
    text-align: right;
    padding-right:15px;
}

.searchBar_l ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 120%; 
    color: brown;
    font-size: 15px;
}

.searchBar_l ul li{ font-size: 15px;}

.searchBar_l ul li span{ color: cornflowerblue;}

.searchBar_l ul li input, select, option{ font-size: 15px;}

.learndate{ color: #c17474; padding:10px 15px 1px 15px; background-color: #fdebeb; margin-top:10px;}

.learndate dl{margin-bottom: 10px;}

.learntitle{ color: #c17474; font-size: 24px; font-weight: bold; border-bottom: 1px #999 dotted; padding-bottom: 10px;}



/* 國內研討會 */

/****************************************************/

	#columns {
		column-width: 300px;
		column-gap: 15px;
        width: 100%;
		max-width: 1100px;
		margin: 20px auto;
	}

	div#columns figure {
		background: #fefefe;
		border: 2px solid #fcfcfc;
		box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
		margin: 0 2px 15px;
		padding: 15px;
		padding-bottom: 10px;
		transition: opacity .4s ease-in-out;
	  display: inline-block;
	  column-break-inside: avoid;
	}

	div#columns figure img {
		width: 100%; height: auto;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
		margin-bottom: 5px;
	}

	div#columns figure figcaption {
	  font-size: .9rem;
		color: #444;
	  line-height: 1.5;
	}

	div#columns small { 
	  font-size: 1rem;
	  float: right; 
	  text-transform: uppercase;
	  color: #aaa;
	} 

	div#columns small a { 
	  color: #666; 
	  text-decoration: none; 
	  transition: .4s color;
	}

	div#columns:hover figure:not(:hover) {
		opacity: 0.4;
	}

	@media screen and (max-width: 750px) { 
	  #columns { column-gap: 0px; }
	  #columns figure { width: 100%; }
	}
/************************************************/

#columns figure:nth-child(odd){
    background-color: beige;
}

#columns figure:nth-child(even){
    background-color: #feeedf;
}

.m-title{ 
    border-bottom: 1px #ddcbbd solid;
    border-top: 1px #ddcbbd solid;
    font-weight: bold;
    color: #d94f2b;
    padding:0 10px;
    text-align: center;
}

.m-columns { font-size: 16px; width:300px;}

@media screen and (max-width: 750px){
    .m-columns { font-size: 16px; width:260px;}
}

.m-columns th{ border-bottom: 1px #ddcbbd solid; border-right: 1px #ddcbbd solid; width: 30%; padding: 0 10px; text-align: center;}
.m-columns td{ border-bottom: 1px #ddcbbd solid; padding: 0 10px; word-break: break-all;}


.searchBar_m ul{
    width: 100%;
    margin-top:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-left:15px;
    text-align: right;
    padding-right:15px;
}

.searchBar_m ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 120%; 
    color: brown;
    font-size: 15px;
}



.searchBar_m ul li{ font-size: 15px;}

.searchBar_m ul li span{ color: cornflowerblue;}

.searchBar_m ul li input select, option{ font-size: 15px;}



/* 國際會議 */

.mlist ul{
    padding:0px;
    margin:0;
    border-bottom: 1px #999 dashed;
    width: 100%;
}


.mlist ul:nth-child(even){ background-color: #e1f0ef;}


.mlist ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 120%;
}

.mlist ul li:nth-child(odd){
    width: 100%;
    color: #67aca6;
    font-weight: bold;
}
@media (min-width: 768px) {
    .mlist ul li:nth-child(odd){
        width: 18%;
        color: #67aca6;
        font-weight: bold;
        text-align: center;
    }
}


.mlist ul li:nth-child(even){
    width: 100%;
    padding: 15px 0;
}
@media (min-width: 768px) {
    .mlist ul li:nth-child(even){
        width: 81%;
        padding: 15px 0;
    }
}

.mlist ul li a{ color: dimgray;}
.mlist ul li a:hover {color:#0ea99c;} 


.searchBar_m02 ul{
    width: 100%;
    background-color: #e1f0ef;
    margin-top:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-left:15px;
    text-align: right;
    padding-right:15px;
}

.searchBar_m02 ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 120%; 
    color: brown;
    font-size: 15px;
}



.searchBar_m02 ul li{ font-size: 15px;}

.searchBar_m02 ul li span{ color: cornflowerblue;}

.searchBar_m02 ul li input select, option{ font-size: 15px;}

.meetingdate{ color: #67aca6; padding:10px 15px 1px 15px; background-color: #e1f0ef; margin-top:10px;}

.meetingdate dl{ margin-bottom: 10px;}

.meetingtitle{ color: #67aca6; font-size: 24px; font-weight: bold; border-bottom: 1px #999 dotted; padding-bottom: 10px;}


/* WPA */

.wlist ul{
    padding:0px;
    margin:0;
    border-bottom: 1px #999 dashed;
    width: 100%;
}


.wlist ul:nth-child(even){ background-color: #edf7e3;}


.wlist ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 120%;
}

.wlist ul li:nth-child(odd){
    width: 100%;
    color: #67aca6;
    font-weight: bold;
}
@media (min-width: 768px) {
    .wlist ul li:nth-child(odd){
        width: 18%;
        color: #67aca6;
        font-weight: bold;
        text-align: center;
    }
}


.wlist ul li:nth-child(even){
    width: 100%;
    padding: 15px 0;
}
@media (min-width: 768px) {
    .wlist ul li:nth-child(even){
        width: 81%;
        padding: 15px 0;
    }
}

.wlist ul li a{ color: dimgray;}
.wlist ul li a:hover {color:#0ea99c;} 

.searchBar_m03 ul{
    width: 100%;
    background-color: #edf7e3;
    margin-top:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-left:15px;
    text-align: right;
    padding-right:15px;
}

.searchBar_m03 ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 120%; 
    color: brown;
    font-size: 15px;
}

.wpadate{ color: #0ea99c; padding:10px 15px 1px 15px; background-color: #edf7e3; margin-top:10px;}

.wpadate dl{ margin-bottom: 10px;}



/* 大眾書寫 */

.source-list{ 
    font-size: 16px;
    font-weight: normal;
}

.source-list div{
    display: inline-block;
    color: #756c09;
}




@media (max-width: 767px) {
    .source-list div{ padding-left:0;}
}



/* =======================================================================================
                                          about
=========================================================================================*/
#accordion {
	margin-top:20px;
	padding: 0 0 0 0;
    
}
#accordion li{
	/*display: block;*/
    padding:10px 20px;
	font-weight: bold;
	margin: 1px;
	cursor: pointer;
    clear: both;
}


#accordion ul {
    margin-top:0;
    padding:0;
	display: none;
}
#accordion ul li{
    font-weight: normal;
	padding:10px 20px;
	background-color: #eceace;
}

ul#accordion li,ul#accordion ul li { list-style: none; margin-top:0;}
ul#accordion ul li ol{ margin:0;}
ul#accordion ul li ol li { list-style: decimal; margin:0; padding:0;}

#accordion span{ margin-top:10px;}


.com_text{ font-size: 15px;}

@media (max-width: 767px) {
    .com_text{ font-size: 12px;}
}



/*
.com_column{ width: 100%;}
.com_column td{ width: 35%; vertical-align: top;}
.com_column td + td{ width: 65%;}

.txt-bule{ color: dodgerblue; text-align: right; padding-right: 10px;}


@media (min-width: 768px) {
    .com_column{ width: 100%;}
    .com_column td{ width: 15%;}
    .com_column td + td{ width: 84%;}
}



.com_column02{ width: 100%;}
.com_column02 td{ width: 33%; vertical-align: top;}

@media (min-width: 768px) {
    .com_column02{ width: 100%;}
    .com_column02 td{ width: 33%; vertical-align: top;}
}
*/





/* 理監事
----------------------------------------------------------------------------*/

#accordion02 {
	margin-top:20px;
	padding: 0 0 0 0;
    
}
#accordion02 li{
	/*display: block;*/
    padding:10px 20px;

	font-weight: bold;
	margin: 1px;
	cursor: pointer;
    clear: both;
}


#accordion02 ul {
    margin-top:0;
    padding:0;
	display: none;
}
#accordion02 ul li{
    font-weight: normal;
	padding:10px 20px;
	background-color: #fcf0c9;
}

ul#accordion02 li,ul#accordion ul li { list-style: none; margin-top:0;}

ul#accordion02 ul li ol{ margin:0;}

ul#accordion02 ul li ol li { list-style: decimal; margin:0; padding:0;}

#accordion02 span{ margin-top:10px;}


.sup-cont dd{
    text-indent: -90px;
    padding-left: 90px;
    margin-top: 10px;
    border-bottom:1px #d7c078 solid;
}

/* 組織架構
----------------------------------------------------------------------------*/
.orgtext{ color: darkgray; text-align: right; border-top:1px #999 dotted; margin-top:15px; font-size: 15px;}





/* 組織章程
----------------------------------------------------------------------------*/
.cha-subnav{ font-size: 16px; color: #04808e;}

.cha-menu{
    margin-top:41px;
}

.cha-menu dl{ color: #fff;}
.cha-menu dd{ padding:10px 10px; border-bottom:1px #fff solid; text-align: center;}
.cha-menu dd a{ color: #fff;}
.cha-menu dd a:hover { color:#014d67;}    

.cha-box{
    background: #6babbd;
}

.cha-boxOver {
 	background: #90c7d7;
	} 



.cha-cont01 dd{
    text-indent: -89px;
    padding-left: 92px;
    margin-top: 10px;
}

.cha-cont01 dd ol{
    text-indent: -0px;
    padding-left: 40px;

}


.cha-cont02 dd{
    text-indent: -90px;
    padding-left: 90px;
    margin-top: 10px;
}

.cha-cont02 dd ol{
    text-indent: -0px;
    padding-left: 20px;

}

.cha-cont03 dd{
    text-indent: -110px;
    padding-left: 110px;
    margin-top: 10px;
}

.cha-cont03 dd ol{
    text-indent: -0px;
    padding-left: 40px;

}

.pr20{padding-right: 20px;}
.pr38{padding-right: 38px;}
.pr56{padding-right: 56px;}

/* 手風琴菜單 */
#accordion03 {
	margin-top:20px;
	padding: 0 0 0 0;
    
}
#accordion03 li{
	/*display: block;*/
    padding:10px 20px;
	font-weight: bold;
	margin: 1px;
	cursor: pointer;
    clear: both;
}


#accordion03 ul {
    margin-top:0;
    padding:0;
	display: none;
}
#accordion03 ul li{
    font-weight: normal;
	padding:10px 20px;
	background-color: #e5f7fd;
}

ul#accordion03 li,ul#accordion ul li { list-style: none; margin-top:0;}

ul#accordion03 ul li ol{ margin:0;}

ul#accordion03 ul li ol li { list-style: decimal; margin:0; padding:0;}

#accordion03 span{ margin-top:10px;}


ul#accordion03 ul li ol li ol li.item{ list-style-type: lower-alpha;}





/* =======================================================================================
                                          會員專區
=========================================================================================*/


/* 會員登錄*/
.form-bg{
		    padding: 2em 0;
		}
		.form-horizontal{
		    background: #fff;
            margin-top:5px;
		    padding: 20px 0 10px 0;
            margin-bottom: 20px;
		    border-radius: 15px;
		}
		.form-horizontal .heading{
		    display: block;
		    font-size: 35px;
		    font-weight: 700;
		    padding: 35px 0;
		    border-bottom: 1px solid #f0f0f0;
		    margin-bottom: 30px;
		}
		.form-horizontal .form-group{
		    padding: 0 40px;
		    margin: 0 0 15px 0;
		    position: relative;
		}
		.form-horizontal .form-group span{
            font-size: 15px;
            /*display: block;*/
            text-align: left;
            padding-left:20px;
            /*color: #999;*/
		}
		.form-horizontal .form-control{
		    background: #f0f0f0;
		    border: none;
		    border-radius: 20px;
		    box-shadow: none;
		    padding: 0 20px 0 45px;
		    height: 40px;
		    transition: all 0.3s ease 0s;
		}
		.form-horizontal .form-control:focus{
		    background: #e0e0e0;
		    box-shadow: none;
		    outline: 0 none;
		}
		.form-horizontal .form-group i{
		    position: absolute;
		    top: 12px;
		    left: 60px;
		    font-size: 17px;
		    color: #c8c8c8;
		    transition : all 0.5s ease 0s;
		}
		.form-horizontal .form-control:focus + i{
		    color: #00b4ef;
		}

		.form-horizontal .form-control-s{
            background: #f0f0f0;
		    box-shadow: none;
		    /*padding: 0 20px 0 10px;*/
		    height: 35px;
		    transition: all 0.3s ease 0s;
            color: #999;
		}
		.form-horizontal .form-control-s:focus{
		    background: #e0e0e0;
		    box-shadow: none;
		    outline: 0 none;
		}
		.form-horizontal .form-group-s i{
		    position: absolute;
		    top: 12px;
		    left: 60px;
		    font-size: 17px;
		    color: #c8c8c8;
		    transition : all 0.5s ease 0s;
		}
		.form-horizontal .form-control-s:focus + i{
		    color: #00b4ef;
		}


		.form-horizontal .fa-question-circle{
		    display: inline-block;
		    position: absolute;
		    top: 12px;
		    font-size: 20px;
		    color: #808080;
		    transition: all 0.5s ease 0s;
            margin:0;
            padding:0;
		}
		.form-horizontal .fa-question-circle:hover{
		    color: #000;
		}
		.form-horizontal .main-checkbox{
		    float: left;
		    width: 20px;
		    height: 20px;
		    background: #11a3fc;
		    border-radius: 50%;
		    position: relative;
		    margin: 5px 0 0 5px;
		    border: 1px solid #11a3fc;
		}
		.form-horizontal .main-checkbox label{
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    top: 0;
		    left: 0;
		    cursor: pointer;
		}
		.form-horizontal .main-checkbox label:after{
		    content: "";
		    width: 10px;
		    height: 5px;
		    position: absolute;
		    top: 5px;
		    left: 4px;
		    border: 3px solid #fff;
		    border-top: none;
		    border-right: none;
		    background: transparent;
		    opacity: 0;
		    -webkit-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}
		.form-horizontal .main-checkbox input[type=checkbox]{
		    visibility: hidden;
		}
		.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
		    opacity: 1;
		}
		.form-horizontal .text{
		    float: left;
		    margin-left: 7px;
		    line-height: 20px;
		    padding-top: 5px;
		    text-transform: capitalize;
            font-weight: bold;
		}
		.form-horizontal .btn{
		    float: right;
		    font-size: 18px;
		    color: #fff;
		    background: #00b4ef;
		    border-radius: 30px;
		    padding: 5px 25px;
		    border: none;
		    text-transform: capitalize;
		    transition: all 0.5s ease 0s;
		}
		@media only screen and (max-width: 479px){
		    .form-horizontal .form-group{
		        padding: 0 25px;
		    }
		    .form-horizontal .form-group i{
		        left: 45px;
		    }
		    .form-horizontal .btn{
		        padding: 10px 20px;
		    }
		}

/* 登入說明 */

.pwd-explain{ 
    float: left;
    margin: 5px 0 0 5px;
}



/* 積分查詢 */

.print-botton{ text-align: right; margin:20px 20px 0 0;}

.score-box{
    background-color: #fff;
    margin:0 5px 20px 5px;
    padding: 5px 5px;
    border-radius: 20px;
}

.personal{ 
    background: #026f93;
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.personal dl{
    margin: 5px 0;
    text-align: center;
}

@media (min-width: 1200px)  {
    .personal dl dd{
        display:inline;
        width: 195px;
        padding:0 20px;
    }
}

@media (min-width: 992px) {
    .personal dl dd{
        display:inline;
        width: 130px;
        padding:0 10px;
    }
}

@media (min-width: 768px) {
    .personal dl dd{
        line-height: 180%
    }
}


.sc-title{
    background: #50a3a2;
    background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e2cf 100%);
    background: linear-gradient(to bottom right, #50a3a2 0%, #53e2cf 100%);
    margin: 15px 0 0 0;
    padding: 15px 10px 10px 10px;
    color: #fff;
    font-weight: bold;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 18px;
}
@media (min-width: 768px){
    .sc-title{
        background: #50a3a2;
        background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e2cf 100%);
        background: linear-gradient(to bottom right, #50a3a2 0%, #53e2cf 100%);
        margin: 15px 15px 0 15px;
        padding: 15px 10px 10px 10px;
        color: #fff;
        font-weight: bold;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        font-size: 18px;
    }
}

.sc-cont01{
    margin: 0;
    padding: 5px 5px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border:1px #DCDCDC solid;
}
@media (min-width: 768px){
    .sc-cont01{
        margin: 0 15px 15px 15px;
        padding: 10px 10px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border:1px #DCDCDC solid;
    }
}

.sc-cont01 table{ width: 100%;}
.sc-cont01 table:nth-child(odd){ background-color: beige;}
.sc-cont01 table:nth-child(even){ background-color: #F5F5F5; margin-top:2px;}

.sc-cont01 td{
    width: 80%;
    padding: 0 10px;
    list-style-image: url(../images/arrow_02.gif);
}


.sc-cont01 td + td{
    width: 20%;
    text-align: center;
}


/* 單筆積分資料控制 */
.sc-cont01 table.fraction{
    border:1px #999 solid;
    margin-top: -20px;
    background: #fff;
}

.sc-cont01 table.fraction th{
    width: 145px;
    text-align: center;
    border-right:1px #999 solid;
    border-bottom:1px #999 solid;
}
.sc-cont01 table.fraction td{
    width: 145px;
    text-align: center;
    border-right:1px #999 solid;
}


.sc-cont01 ul{ border-right:2px #fff solid;}
.sc-cont01 li{ margin-left: -20px; padding-right:10px;}


.nodata{ line-height: 200%;}


.score-msg{ padding: 10px 20px;}

.score-msg span{ 
    color:#026f93;
    font-weight: bold;
    font-size: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.score-years{ 
    border-top:1px #DCDCDC solid;
    border-bottom:1px #DCDCDC solid;
    background-color: #F5F5F5;
    text-align: right;
    margin: 0;
    padding: 5px;
    padding-right:15px;
}
@media (min-width: 768px) {
    .score-years{ 
        border-top:1px #DCDCDC solid;
        border-bottom:1px #DCDCDC solid;
        background-color: #F5F5F5;
        text-align: right;
        margin: 0 15px;
        padding: 5px;
        padding-right:15px;
    }
}

.score-years span{ padding-left:15px;}


/* 積分計算 */

.Scoring{ 
    background-color: bisque;
    padding: 0 18px;
    text-align: right;
    margin-top:2px;
}
@media (min-width: 768px){
    .Scoring{ 
        background-color: bisque;
        padding: 0 90px 0 10px;
        text-align: right;
        margin-top:2px;
    }
} /* ------ 積分合計 ------ */


.Scoring-y{ 
    background-color: #026f93;
    padding: 0 18px;
    text-align: right;
    margin-top:5px;
    color:  #fff;
}
@media (min-width: 768px){
    .Scoring{ 
        background-color: bisque;
        padding: 0 90px 0 10px;
        text-align: right;
        margin-top:5px;
    }
} /* ------ 年度合計 ------ */

.Scoring-all{ 
    background-color: #026f93;
    padding: 0 18px;
    text-align: right;
    margin-top:1px;
    color:  #fff;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
@media (min-width: 768px){
    .Scoring{ 
        background-color: bisque;
        padding: 0 90px 0 10px;
        text-align: right;
        margin-top:1px;
    }
} /* ------ 總計 ------ */



.score-caption{ list-style-image: url(../images/icon_arrow_01.png);}

.score-caption span{
    color: #EE6363;
    font-weight: bold;
}

/* 會員公告 */

.announce-list{
    background: #fcfae7;
    border-radius: 10px;
    margin:20px 0;
    padding: 15px 0;
}
@media (min-width: 768px) {
    .announce-list{
        background: #fcfae7;
        border-radius: 10px;
        margin-top:20px;
        padding: 15px 0;
    }
}

.announce-list ul{
    margin-bottom:-5px;
    border-bottom:1px #999 dashed;
    padding: 0 15px;
    margin: 0 10px;
}


.announce-list ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    line-height: 160%;
    
}

.announce-list ul li:nth-child(odd){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-image: url(../images/icon_arrow_01.png);
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}
@media (min-width: 768px) {
    .announce-list ul li:nth-child(odd){
        width: 80%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-image: url(../images/icon_arrow_01.png);
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
    }
}

.announce-list ul li:nth-child(even){
    width: 100%　;
    font-weight: bold;
    padding: 10px 0 10px 25px;
}
@media (min-width: 768px) {
    .announce-list ul li:nth-child(even){
        width: 19%;
        font-weight: bold;
        padding: 10px 0 10px 0;
        text-align: right;
    }
}


/*會議記錄*/

.mom-title{
    background: #ffad55;
    border-radius: 10px;
    display: none;
}
@media (min-width: 768px) {
    .mom-title{
        background: #ffad55;
        border-radius: 10px;
        margin-top:15px;
        padding: 5px 0;
        display: block;
    }
}
.mom-title ul{
    margin-bottom:-5px;
    padding: 0 15px;
    margin: 0 10px;
}


.mom-title ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    line-height: 160%;
    color:#000;
}

.mom-title ul li:nth-child(1){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}
.mom-title ul li:nth-child(2){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}
.mom-title ul li:nth-child(3){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}

@media (min-width: 768px) {
    .mom-title ul li:nth-child(1){
        width: 18%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
    }
    .mom-title ul li:nth-child(2){
        width: 60%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
    }
    .mom-title ul li:nth-child(3){
        width: 18%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
        text-align: center;
    }
}



.mom-list{
    background: #fcfae7;
    border-radius: 10px;
/*    margin:20px 0;*/
    padding: 15px 0;
    margin-bottom:20px;
}
@media (min-width: 768px) {
    .mom-list{
        background: #f9ecde;
        border-radius: 10px;
/*        margin-top:20px;*/
        padding: 15px 0;
    }
}

.mom-list ul{
    margin-bottom:-5px;
    border-bottom:1px #999 dashed;
    padding: 0 15px;
    margin: 0 10px;
}


.mom-list ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    line-height: 160%;
    
}

.mom-list ul li:nth-child(1){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-image: url(../images/icon_arrow_01.png);
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}
.mom-list ul li:nth-child(2){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}
.mom-list ul li:nth-child(3){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}

@media (min-width: 768px) {
    .mom-list ul li:nth-child(1){
        width: 18%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-image: url(../images/icon_arrow_01.png);
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
    }
    .mom-list ul li:nth-child(2){
        width: 60%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
    }
    .mom-list ul li:nth-child(3){
        width: 18%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
        text-align: center;
    }
}



/* 徵才啟事 */

.raise-btn{ 
    text-align: right;
    margin: 15px 0 4px 0;
}

.raise-box{
    background: #fcfae7;
    border-radius: 15px;
    padding:5px 10px 10px 10px;
    margin: 20px 0 15px 0;
}


.searchBar_h ul{
    width: 100%;
    margin-top:15px;
    padding: 0 15px 15px 15px;
}

@media (min-width: 992px) {
    .searchBar_h ul{
        width: 100%;
        margin-top:15px;
        padding: 0 15px 0 15px;
    }
}

.searchBar_h ul li{
    display: inline-block;
    padding: 5px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 120%; 
    color: brown;
    font-size: 15px;
}
@media (min-width: 992px) {
    .searchBar_h ul li{
        display: inline-block;
        padding: 15px 0;
        vertical-align: top;
        letter-spacing: 0;
        font-size: 15px;
        line-height: 120%; 
        color: brown;
        font-size: 15px;
    }
}


.searchBar_h ul li:nth-child(1){
    width:100%;
    text-align: center;
    font-size: 18px;
}
.searchBar_h ul li:nth-child(2){
    width:100%;
    text-align: center;
}
.searchBar_h ul li:nth-child(3){
    width:100%;
    text-align: center;
}

@media (min-width: 992px) {
    .searchBar_h ul li:nth-child(1){
        width:300px;
        text-align: left;
        font-size: 18px;
    }
}
@media (min-width: 992px) {
    .searchBar_h ul li:nth-child(2){
        width:260px;
        text-align: right;
    }
}
@media (min-width: 992px) {
    .searchBar_h ul li:nth-child(3){
        width:320px;
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .searchBar_h ul li:nth-child(1){
        width:405px;
        text-align: left;
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    .searchBar_h ul li:nth-child(2){
        width:260px;
        text-align: right;
    }
}
@media (min-width: 1200px) {
    .searchBar_h ul li:nth-child(3){
        width:320px;
        text-align: right;
    }
}

.searchBar_h ul li{ font-size: 15px;}

.searchBar_h ul li span{ color: cornflowerblue;}

.searchBar_h ul li input select, option{ font-size: 15px;}


.raise-list{ border-top: 1px #999 dashed;}


.raise-list ul{
    border-bottom: 1px #999 dashed;
    padding-bottom:10px;
}


.raise-list li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 160%;
}



.raise-list ul li:nth-child(odd){
    color: darkorange;
    padding:0;
    margin:0 0 0 -20px;
    width:100%;
}
@media (min-width: 992px) {
    .raise-list ul li:nth-child(odd){
        color: darkorange;
        padding:0;
        margin:0 0 0 -20px;
        width: 140px;
    }
}

.raise-list ul li:nth-child(even){
    padding:0;
    width:100%;
    margin:0 0 0 -20px;
}
@media (min-width: 992px) {
    .raise-list ul li:nth-child(even){
        padding:0;
        width: 830px;
    }
}
.raise-list ul li p{
    font-size: 17px;
    color: #4c4948;
}

.raise-list ul li p span{
    padding:5px 15px;
    margin-left:5px;
}


.raise-title{
    display: none;
}
@media (min-width: 1200px){
    .raise-title{
        display: block;
        background-color: darkorange;
        color: #fff;
        font-weight: bold;
        padding: 5px 0 0 45px;
    }
}
@media (min-width: 1200px){
    .raise-title span{
        color: #fff;
        font-weight: bold;
    }
}

.Rinfo-title{
    background-color: darkorange;
    color:  #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 5px 20px;
}

.Rinfo{
    margin-bottom:15px;
}

.Rinfo table{
    width: 100%;
}

.Rinfo th{
    text-align: center;
    width: 15%;
    border-bottom: 1px #bcbaa6 dashed;
    background-color: #edead5;
    padding: 5px 10px;
}

.Rinfo td{
    width:80%;
    border-bottom: 1px #bcbaa6 dashed;
    padding: 5px 10px;
}

.Rpost{
    background: #fcfae7;
    border-radius: 15px;
    padding: 5px 10px 10px 10px;
    margin: 20px 0 15px 0px;
    width: 100%;
}


@media (min-width: 992px){
    .Rpost{
        background: #fcfae7;
        border-radius: 15px;
        padding: 5px 10px 10px 10px;
        margin: 20px 0 15px 0px;
        width: 100%;
    }
}


@media (min-width: 992px){
    .Rpost .form-group{
        padding: 0 30px;
    }
}



/* =======================================================================================
                                        本會出版品
=========================================================================================*/
.com_Menu{ margin:15px 0; text-align: right;}
.com_cont table{ margin: auto;}

.c_slist{ margin-top:20px;}
.c_sub{ 
    border-bottom:1px #999 dashed;
    line-height: 160%;
    padding:15px 0 15px 40px;
    width: 100%;
    margin-top:-10px;
    list-style: none;
}

.c_sub span{ color:#EE6363;}

.c_sub li{
    padding:0 10px;
    margin-left : 20px; 
    text-indent : -10px;
    word-wrap:break-word;
}


.c_sub li li{
    padding:0 20px;
    margin-left :10px; 
    text-indent : -1px;
    word-wrap:break-word;
}


.c_edu{
    display: none;
}

.c_pub ul{ padding: 0;}
.c_pub li{ list-style: none; text-align: center;}
.c_pub img{ height:290px;}




/*繼續教育測驗*/

div.edulist ul{ border-bottom:1px #999 dashed;}


/*手機*/
@media (max-width: 767px) {
    div.c_slist ul.th { display: none;}
    div.c_slist span{ font-weight: bold;}
    div.c_slist ul{ list-style: none;}
    div.c_slist ul{ padding-left:10px;}
    
}

/*768以上*/
@media (min-width: 768px) {
    div.edulist ul {
        display: flex;
        list-style: none;
        padding: 8px;
        text-align: center;
    }


    div.edulist ul.th {
        background: #014d67;
        color: #fff;
        font-weight: bold;
    }
    div.edulist ul.th li { border-left:1px #fff solid;}
    div.edulist ul.th li:nth-child(1) { border-left: none;}


    div.edulist ul.td li:nth-child(1) { text-align: left;}
    div.edulist ul.td:hover { background: #fce5ab;}


    div.edulist ul li {
        width: 12%;
    }
    div.edulist ul li:nth-child(1) {
        width: 64%;
    }
    
    div.edulist span{ display: none;}
}


.identity{
    border-bottom: 1px dashed #0066CC;
    border-top: 1px dashed #0066CC;
    line-height: 180%;
    margin-bottom: 20px;
    padding:10px 0 15px 0;
    background: #d7e6e8;
}

div.identity .mt10{ margin-top:10px;}



div.creditTest { line-height: 170%; margin-bottom: 25px;}

div.creditTest ol li:hover { background: #fcecc4;}


ol.creditTest_ol {
    padding: 0; margin: 0 0 0 25px;
}
ol.creditTest_ol li {
    border-bottom: 1px dashed #efca08;
    margin-bottom: 25px;
}


ol.creditTest_ol li ol {
    padding: 0; margin: 0 0 25px 43px;
}
ol.creditTest_ol li ol li {
    list-style: none;
    text-indent: -38px;
    border-bottom: none;
    margin-bottom: 0;
    line-height: 150%;
}
ol.creditTest_ol li ol.ans {
    padding: 0; margin: 0 0 25px 25px;
}
ol.creditTest_ol li ol.ans li {
    list-style: none;
    text-indent: -20px;
    border-bottom: none;
    margin-bottom: 0;
    line-height: 150%;
}

ol.creditTest_ol input{ height: auto;}











/* =======================================================================================
                                        相關網站
=========================================================================================*/
.link{ margin-top:18px;}
.link ul{ padding: 0;}
.link li{ list-style: none; padding:15px 20px; background: #fcf0c9;}
.link li dd{ border-bottom:1px #d7c078 solid; line-height: 180%;}

.link-cont dd{ text-indent: 0px; padding-left:0;}

.link-title{ margin-top:15px; width: 100%;}






/* =======================================================================================
                                        線上繳費
=========================================================================================*/
.paybox{ 
    margin:40px 0;
}


.paybox li{ font-weight: bold; padding-bottom:10px;}

.paybox dl{ margin:0; font-weight: normal;}
.paybox dl span{ padding-left:18px;}
.paybox dd{ line-height: 200%;}


.paybox input{ vertical-align: inherit; margin-right:5px;}
@media (min-width: 768px) {
    .paybox input{ vertical-align: bottom; margin-right:5px;}
}

.Postal-code{ 
    width: 35%;
    margin-bottom:10px;
}
@media (min-width: 768px) {
    .Postal-code{ 
        width: 25%;
        margin-bottom:10px;
    }
}


.red-remind{
    color: #EE6363;
}

.paybg{
    background: #fff;
    padding: 20px 30px 0 45px;
    border-radius: 5px; 
    border: 1px solid #ccc;
}

.pay-verify{
    text-align: center;
    border-top:1px #ccc solid;
    padding-top:20px;
    margin-top:20px;
}

.total{ 
    background: #AFEEEE;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: right;
    font-weight: bold;
    padding:10px 15px;
    margin:-5px 0 15px 0;
}

.complete{
    background: #FF7F24;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
    padding:10px 15px;
    margin: 20px 0 15px 0;
}

.pay-upshot{
    font-weight: bold;
    color: #8B4726;
    border-bottom: 1px solid #ccc;
}



/* =======================================================================================
                                        大眾教育推廣專區
=========================================================================================*/
.video-box{
    background: #fff;
    margin-top: 20px;
    padding:5px 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 80%;
    text-align: left;
}

.video-box:nth-child(even){
    background: #FDF5E6;
    margin-top: 20px;
    padding:15px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 80%;
    text-align: left;
}

.video-box dl{ margin-bottom:0;}

.video-box dd{
    display: inline-block;
    vertical-align:top;
    margin:15px 10px;
    line-height: 180%;
    word-break: break-all;
}

.video-box dd:nth-child(2){
    width: 75%;
}

.video-box dd ul{
    padding:0 0 0 15px;
}

.video-box dd ul li{
    list-style-image: url(../images/icon_arrow_01.png);
}

.video-box dd ul li ol li{
    list-style-image: url(../images/arrow_02.gif);
    word-break: normal;
}



.video-box dd img{ border:1px #999 solid;}

.v-icon{ color: cornflowerblue;}

.v_cont{ 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    padding:10px 20px;
    margin: 20px 0;
    text-align: left;
}

.v_msg{
    color: coral;
    text-align: center;
}

.v_cont h1{
    font-size: 20px;
    color: cadetblue;
    font-weight: bold;
}

.v_mv{ border:1px #999 solid; background: #000;}

.info_subnav{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fdf5e6;
    color: chocolate;
    text-align: left;
    padding:10px 20px;
}

.info_subnav ul{ list-style: none; padding:0;}


/* 影片符合響應式尺寸
----------------------------------------------------------------------------*/
.video-container{
position:relative;
padding-bottom:56.25%;
padding-top:30px;height:0;overflow:hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;}



/*  衛教影片
----------------------------------------------------------------------------*/
.schbox{
    width: 100%;
    margin: 2.5% 0;
    padding: 0;
    text-align: center;
}

.schbox img{ width: 250px;}

@media (min-width: 768px) {
    .schbox{
        width: 45%;
        margin: 2.5% 2.5%;
        padding: 15px 15px 15px 0;
        text-align: center;
    }
    .schbox span{ color: darkred; font-weight: bold;}
    .schbox img{ border: 1px #999 solid; width: 320px;}
}


.schbox span{ color: darkred; font-weight: bold;}

.schbox img{ border: 1px #999 solid;}


.schtitle{ color: brown; font-weight: bold;}


.schicon{ text-align: center;}
.schicon input{ padding:0 15px; margin-top:15px;}


/* =======================================================================================
                                        繼續教育
=========================================================================================*/
.edutxt dd{
    text-indent: -40px;
    padding-left: 40px;
}

.edutitle{ font-weight: bold; color: #EE6363;}

.edutxt02 dd{ line-height: 180%;}



/* =======================================================================================
                                        精神醫療資源
=========================================================================================*/
.c_sub ol li span{ padding: 0 20px; color: #fff; margin-left:15px; line-height: 140%; font-size: 15px; margin-top: -5px;
}

.c_sub li a span{ padding: 0 20px; color: #fff; margin-left:15px; line-height: 140%; font-size: 15px; margin-top: -5px;}

.c_sub ol li{ line-height: 220%;}



/* =======================================================================================
                                        專醫甄審與培訓
=========================================================================================*/
.intext dd{
    text-indent: -40px;
    padding-left: 40px;
}

.in-05{ margin:20px 0;}

.in_column table{ line-height:180%; width:100%;}
.in_column th{
    background-color: #d2efef; vertical-align: top; width:20%; padding: 0 10px; border-bottom:1px #CDCDB4 solid;
}

.in_column td{
    background-color: #fff; vertical-align: top; width:79%; padding: 0 10px; border-bottom:1px #CDCDB4 solid;
}

.in_top{ border-top:1px #CDCDB4 solid;}



/* =======================================================================================
                                          積分申請
=========================================================================================*/
.pwd_container{ margin:20px 0 10px 0;}

.a-pwd input{ padding:5px 5px;}

.a-pwd{
    background-color: #EEEEE0;
    width:100%;
    padding:20px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 200%;
    margin:0px auto;
}

.a-pwd ul{
    list-style: none;
    padding:0;
}

.a-pwd li{ line-height: 190%;}

.a-pwd li:nth-child(1){ text-align: left;}
.a-pwd li:nth-child(3){ text-align: left;}
.a-pwd li:nth-child(5){ text-align: left;}

.apply_send{ text-align:center; width:100%;}
.apply_send input{ padding:2px 5px;}

div#apply_page{ padding-bottom: 10px; text-align:right; font-size:14px;}
div#apply_page span{ color: #CC00CC;}

@media (min-width: 768px) {
    .a-pwd{
        width: 90%;
    }

    .a-pwd li:nth-child(1){ text-align: right;}
    .a-pwd li:nth-child(3){ text-align: right;}
    .a-pwd li:nth-child(5){ text-align: right;}

    
    .a-pwd li{ line-height: 200%;}
    
    .apply_send input{ padding:0 15px; height: auto;}
}
@media (min-width: 992px) {
    .a-pwd{
        width: 70%;
    }
}



.app_reg{ 
    background: #EEEEE0;
    padding:5px 5px 15px 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:10px 0;
    margin: 10px auto;
    width: 100%;
}





@media (min-width: 768px) {
    .app_reg{ 
    background: #EEEEE0;
    padding:5px 20px 15px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:10px 0;
    margin: 10px auto;
    width: 80%;
    }
}





/* 進度查詢 */
div.pro-list { margin-top:20px;}

div.pro-list ul { padding: 0; margin: 0; width: 100%;}
div.pro-list ul li { list-style: none;padding:0 10px;}
div.pro-list ul.th li {
    background: #8B5A00;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 5px;
    border: 1px #EEDFCC solid;
    padding:10px 5px;
}
div.pro-list ul.td:nth-child(odd) li { background: #FBF0C4;}

@media (max-width: 767px) {
    div.pro-list ul { padding: 10px 0; border-bottom: 1px #FF6600 dotted;}
    div.pro-list ul.th { display: none;}
    
    div.pro-list ul.td li .btn0 a{
        color: #fff;
    }
    
    div.pro-list ul.td li .btn0{
        margin-top: 5px;
        text-align: center;
    }
    

    div.pro-list ul li span { color:#CC3300;}
       
}
@media (min-width: 768px) {
    div.pro-list ul {
        display: flex;
    }
    div.pro-list ul li { width: 9%; text-align: center;}
    div.pro-list ul li:nth-child(1) { width: 10%;}
    div.pro-list ul li:nth-child(2) { width: 12%;}
    div.pro-list ul li:nth-child(3) { width: 12%;}
    div.pro-list ul li:nth-child(4) { width: 31%; text-align: left;}
    div.pro-list ul li:nth-child(5) { width: 12%;}
    div.pro-list ul li:nth-child(7) { width: 14%;}

    div.pro-list ul li span { display: none;}
    div.pro-list ul.td li {
        border: 1px #CD8500 solid;
        margin-bottom: 5px;
        padding:10px 5px;
    }
    
    div.pro-list ul.td li .btn0 a{
        color: #fff;
    }
    
    div.pro-list ul.td li .btn0{
        margin: 5px 0;
    }
    
}


/* =======================================================================================
                                     訓練計畫認定申請
=========================================================================================*/
.app_tp{ 
    background: #f2efe1;
    padding:5px 5px 15px 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:10px 0;
    margin: 10px auto;
    width: 100%;
}



@media (min-width: 768px) {
    .app_tp{ 
    background: #f2efe1;
    padding:5px 10px 15px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:10px 0;
    margin: 10px auto;
    width: 95%;
    }
}









/* 圖片等比縮放
----------------------------------------------------------------------------*/
.imgzoom img{
    height: auto;
    max-width: 100%;
    display:block;
    margin: auto;
}






/* topic
----------------------------------------------------------------------------*/
.int-topic dd:nth-child(odd){ float: left;}
.int-topic dd:nth-child(even){ float:right;}
.int-topic span{ font-size: 13px; color: chocolate;}



/* 滑入時變換底色
----------------------------------------------------------------------------*/

/* 駝色1 */
.divbox{ 
    background:#fbdd7f;
    margin-right:10px;
 }

.divOver{
 	background:#ecd48a;
	}


/* 駝色2 */
.divbox01{ 
    background:#dfdbb2;
    margin-right:10px;
 }

.divOver01{
 	background:#ecd48a;
	} 


/* 藍色 */
.divbox02{ 
    background:#d4ebf2;
    margin-right:10px;
 }

.divOver02{
 	background:#a6e3f5;
	} 



.news-box{ 
    background:#fff;
    margin-right:10px;
 }

.news-boxOver{
 	background:#d4ebf2;
	} 


.co-box{ 
    background:#fff;
    margin-right:10px;
 }

.co-boxOver{
 	background:#EEEED1;
	} 


.newicon{
    background-color:coral;
    font-weight: bold;
    color: #fff;
    padding:0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}





/* =======================================================================================
                                        網頁共用
=========================================================================================*/
.Notopen{ margin: 100px auto; text-align: center;}

.lh160{ line-height:160%;}

.p15{ padding:15px 15px;}

.pb5{ padding-bottom:5px;}

.pt5{ padding-top:5px;}

.pl20{ padding-left: 20px;}
.pl40{ padding-left: 40px;}


.st_mlA{margin-left : 23px; text-indent : 1px}
.st_mlB{margin-left : 51px; text-indent : -35px}





/* =======================================================================================
                                        hr & line 樣式
=========================================================================================*/
.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}

.line01{ border-bottom:1px #CDC9A5 solid;}
.line02{ border-top:1px #CDC9A5 solid;}





/* =======================================================================================
                                        文字顏色
=========================================================================================*/
.txt_r{ color: crimson;}
.txt_g{ color: cadetblue;}

.txtB{ font-weight: bold;}




/* =======================================================================================
                                        背景圖
=========================================================================================*/
.bg-gray{
    background: url(../images/pp3.jpg);
}

.bg-gray01{
    background: url(../images/background.png);
}

.bg-line{
    background: url(../images/bg_16pic.jpg);
}

.bg-lattice{
    background: url(../images/bg_2868.jpg);
}

.bg-aa{
    background: #f4eab5;
}

.bg-bb{
    background: #F5F5DC;
}


/* =======================================================================================
                                        背景色
=========================================================================================*/
.bg-color01{ background-color: beige;}





/* =======================================================================================
                                        間距
=========================================================================================*/
.pl15{ padding-left:15px;}
.pb10{ padding-bottom:10px;}
.pt5{ padding-top:5px;}

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mb5{ margin-bottom:5px;}
.mb15{ margin-bottom:15px;}




/* =======================================================================================
                                        回上頁
=========================================================================================*/
.back{ text-align: right; margin-top:10px;}
.back a{ font-size:15px; padding:3px 20px;}




/* =======================================================================================
                                          按鈕
=========================================================================================*/
.redButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
    font-weight: bold;
	padding:3px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}

.Brown{
	-moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
	background:-moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0);
	background-color:#7d5d3b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
.Brown:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
	background:-moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0);
	background-color:#634b30;
}
.Brown:active {
	position:relative;
	top:1px;
}


.blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
    letter-spacing: 2px;
}
.blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.blue:active {
	position:relative;
	top:1px;
}

.btngray {
  background: #f0f0f0;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: -o-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: linear-gradient(to bottom, #f0f0f0, #e6e6e6);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #4c4948;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  border: solid #bbbcbd 1px;
  text-decoration: none;
}

.btngray:hover {
  background: #e8e4df;
  background-image: -webkit-linear-gradient(top, #e8e4df, #ffffff);
  background-image: -moz-linear-gradient(top, #e8e4df, #ffffff);
  background-image: -ms-linear-gradient(top, #e8e4df, #ffffff);
  background-image: -o-linear-gradient(top, #e8e4df, #ffffff);
  background-image: linear-gradient(to bottom, #e8e4df, #effffff);
  text-decoration: none;
}


.btngreen {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  background: #00b900;
  padding: 10px 20px 10px 20px;
  border: solid #bbbcbd 1px;
  text-decoration: none;
}

.btngreen:hover {
  background: #458B00;
  text-decoration: none;
}