/*************************
*******pagestyle CSS******
**************************/
#pcontent {
	width: 100%;
	display: inline-block;
	padding: 0 0 45px;
}
.pageright {
	float: right;
	width: calc(100% - 240px);
	margin: 10px 0 0;
}
.pageright2 {
	float: left;
	width: 100%;
	padding: 0;
}
.pbox1 {
	float: left;
	width: 100%;
	padding-top: 40px;
	font-size: 1em;
	line-height: 1.8em;
	min-height: 300px;
}
.pbox1 img {
	display: inline-block;
	height:auto;
	max-width:100%;
}
.pbox1 p.center {
	text-align: center;
}
.pbox1 .mid-photo img {
	margin: 0 auto;
}
.page-header {
	padding: 0 0 7px 60px;
	border-style: none;
	width: 100%;
	margin: 0;
	font-size: 2em;
	line-height: 1.4em;
	color: #000;
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #ddd;
	background: url(../icon2.png) no-repeat left top;
}
.page-header span{
	color: #666;
	font-size: 0.8em;
	}
@media (max-width: 991px) {
.pageright {
	float: left;
	width: 100%;
}
.page-header {
	font-size: 1.7em;
}
.pbox1 iframe,
.pbox1 object,
.pbox1 embed {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
	height: auto;
	min-height: 400px;
}
}

.breadcrumb{
	list-style: none;
	border-radius: 0px;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	text-align: right;
	padding: 11px 7px;
	background-color: transparent;
	/*background: rgba(255,255,255,0.6);*/
}
.breadcrumb>li{display:inline-block;color:#999;}
.breadcrumb>li+li:before{padding:0 5px;color:#999;content:"/\00a0";}
.breadcrumb>.active{color:#333}
.breadcrumb>li a{color:#999;}
.breadcrumb>li a:hover{color:#81bd31;text-decoration:none;}

/*************************
*******內頁選單
**************************/
.pageleft {
	float: left;
	width: 200px;
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 1.6em;
}
ul.mtree {
  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
  opacity: 0;
  margin-left: 0;
  padding: 0;
  border-top: 5px solid #49504e;
  /*background: url(../line8.gif) repeat-x 0 top;*/
}
ul.mtree ul {
  padding-left: 0;
}
ul.mtree li {
  list-style: none;
	padding: 2px 0;
}
ul.mtree a {
  display: block;
	text-decoration:none;
}
ul.mtree a:hover {
	text-decoration:none;
}
ul.mtree li > a.current {
  font-weight: bold;
	background-color: #3559aa url(../icon7.png) no-repeat 6px 19px;
	color: #FFF;
}
ul.mtree li.mtree-node > a {
  /*font-weight: bold;*/
}
ul.mtree li.mtree-node > a.current {
  font-weight: bold;
	background: #3559aa url(../icon7.png) no-repeat 6px 19px;
	color: #FFF;
}
ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.transit {
  /*background: #111;*/
}
ul.mtree.transit ul {
  margin-left: 0;
}
ul.mtree.transit ul > li {
  font-size: 15px;
  background: #f2fae7;
	padding: 0;
  border-bottom: none;
	border-left: 1px solid #81bd31;
}
ul.mtree.transit li.mtree-node {
  position: relative;
}
ul.mtree.transit li.mtree-node > a:before {
  color: #ccc;
  font-weight: normal;
  position: absolute;
  right: 10px;
}
ul.mtree.transit li.mtree-open > a:before {
  content: '-';
}
ul.mtree.transit li.mtree-closed > a:before {
  content: '+';
}
ul.mtree.transit ul > li:first-child {
  margin-top: 1px;
}
ul.mtree.transit li.mtree-open > a {
  /*background: #222;*/
	background: #80bc31 url(../icon7.png) no-repeat 8px 19px;
}
ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a {
  background: #80bc31 url(../icon7.png) no-repeat 8px 19px;
  color: #FFF;
}
ul.mtree.transit li > a.current {
  font-weight: bold;
	background: #80bc31 url(../icon7.png) no-repeat 10px 19px;
	color: #FFF;
}
ul.mtree.transit li.mtree-node > a.current:before {
	color: #FFF;
}
ul.mtree.transit li.mtree-node > ul > li:last-child {
  /*margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #333;*/
}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
ul.mtree.transit a {
  padding: 8px 0.5em 8px 1.5em;
  color: #666;
}
ul.mtree.transit li > a {
	background: #f0f0f0 url(../icon6.png) no-repeat 10px 19px;
}
ul.mtree.transit li li > a {
  padding: 5px 0px 5px 1.2em;
	background: none;
}
ul.mtree.transit li li li > a {
  padding: 5px 0px 5px 1.4em;
	background: none;
}
ul.mtree.transit li li li li > a {
  padding-left: 3.2em;
	background: none;
}
ul.mtree.transit li li li li li > a {
  padding-left: 4em;
}
ul.mtree.transit li li > a:hover, ul.mtree.transit li li li > a:hover {
  background-image: none;
}

@media (max-width: 991px) {
.pageleft {
	float: left;
	width: 100%;
	margin: 35px 0 0;
}
}
/*************************
******* about CSS ******
**************************/
.aboutb1 {
	display:inline-block;
	width: 100%;
	margin: 30px 0 0;
	padding: 40px 0 0;
	border-top: 1px dashed #ddd;
}
.aboutb2 {
	width: 100%;
	display: inline-block;
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #ddd;
}
.aboutb2:last-child {
	margin: 5px 0 10px;
	border-bottom: none;
}
.abouttable {
	width: 100%;
	display: inline-block;
	margin: 5px 0 15px;
}
.about-p1 {
	width: 100%;
	display: inline-block;
}
.about-p1 img {
	display: block;
	margin: 25px auto;
}
.about-tit1 {
	display:inline-block;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
	color: #222;
	font-weight: bold;
}
.abouttxt {
	display:inline-block;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
}
.abouttxt ul {
	display:inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.abouttxt ul li {
	width: calc(100%/5 - 6px);
	margin: 2px 3px;
	padding: 12px 5px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	list-style-type: none;
	display: inline-block;
	float: left;
	background: #288493;
	border-radius: 5px;
}
p.afont1 {
	width: 100%;
	display: inline-block;
	padding: 0 0 0 25px;
	margin: 10px 0 20px;
	font-size: 24px;
	font-weight: bold;
	color: #197b30;
	background: url(../icon9.gif) no-repeat left 4px;
}
a.download-pdf {
	float: left;
	display: inline-block;
	padding: 8px 17px 8px 45px;
	margin: 5px 0 20px;
	font-size: 16px;
	font-weight: bold;
	color: #0054a6;
	background: #f3f3f3 url(../icon-pdf.png) no-repeat 15px 8px;
	border-radius: 3px;
	border: 1px solid #ddd;
}
a.download-pdf:hover {
	color: #fff;
	background: #197b30 url(../icon-pdf.png) no-repeat 15px 8px;
	border-radius: 3px;
	border: 1px solid #ddd;
}
table.fancytable1 {
	width:100%;
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
	
}
table.fancytable1 th {
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #222;
	text-align: center;
	visibility: visible;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding: 8px;
	border-top: 5px solid #0072bc;
	/*background-color: #e4f1f7;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6efff+0,ebfbff+100 */
background: rgb(182,239,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(182,239,255,1) 0%, rgba(235,251,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(182,239,255,1) 0%,rgba(235,251,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(182,239,255,1) 0%,rgba(235,251,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6efff', endColorstr='#ebfbff',GradientType=0 ); /* IE6-9 */
}
/*table.fancytable1 td:nth-child(1) {width: 20%;}
table.fancytable1 td:nth-child(2) {width: 40%;}
table.fancytable1 td:nth-child(3) {width: 40%;}*/
table.fancytable1 td:nth-child(1) {text-align: center;}
table.fancytable1 td {border: 1px dotted #CCCCCC;border-bottom: 1px solid #aaa;text-align: left;}
table.fancytable1 td A:link { color:#0072bc;text-decoration:none}
table.fancytable1 td A:visited { color:#0072bc;text-decoration:none}
table.fancytable1 td A:hover { color:#f0721d;text-decoration:none}
table.fancytable1 tr:nth-of-type(odd) {
	background-color: #F3F3F3;
}
table.fancytable1 td a.namelink {font-weight: bold;font-size: 16px;color: #01aedd;}
table.fancytable1 td a.namelink:hover {color: #f0721d;}
.fancytable1 .photo{
	width: 160px;
	padding: 0;
	display: inline-block;
	margin: 0 auto;
}
.fancytable1 .photo .facultyimg {
	width: 100%;
	height: 160px;
	padding: 0;
	outline: none;
	display: inline-block;
	float: left;
}
.fancytable2, .fancytable3 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	margin: 5px 0 10px;
}
.fancytable2 thead tr {
	visibility: visible;
	background-color: #1159af;
	border: 1px solid #666666;
}
.fancytable3 thead tr {
	visibility: visible;
	background-color: #666;
	border: 1px solid #666666;
}
.fancytable2 thead th, .fancytable3 thead th {
	font-size: 1.2em;
	vertical-align: middle;
	text-align: center;
	padding: 12px 10px;
	color: #FFF;
	background-color: #1159af;
	font-weight: 500;
	border: 1px solid #1159af;
}
.fancytable2 thead td, .fancytable3 thead td {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	visibility: visible;
	padding: 12px 15px;
	border: 1px solid #999;
	text-align: center;
}
.fancytable2 thead td:last-child, .fancytable3 thead td:last-child {
	visibility: visible;
	border-right-style: none;
}
.fancytable2 tbody th {
	font-weight: bold;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	text-align: center;
}
.fancytable3 tbody th {
	font-weight: bold;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable2 tbody td {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable3 tbody td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
/*.fancytable2 tbody tr:nth-of-type(odd), .fancytable3 tbody tr:nth-of-type(odd) {
	background-color: #eff6f9;
}*/
.fancytable2 tbody tr.bgcolor1, .fancytable3 tbody tr.bgcolor1 {
	background: #eff6f9;
}
.fancytable2 img {
	margin-right: 5px;
}
.fancytable2 ul, .fancytable2 ol, .fancytable3 ul, .fancytable3 ol {
	text-align: left;
	margin: 0;
	padding-left: 20px;
}
.fancytable2 li, .fancytable3 li {
	padding: 0;
	margin: 0;
}
@media (max-width: 767px) {
.abouttxt ul li {
	width: calc(100%/3 - 6px);
}
}
@media (max-width: 480px) {
.abouttxt ul li {
	width: calc(100%/2 - 6px);
}
}

.mem-table, .mem-table2, .mem-table3 { width: 100%; margin: 10px 0; }
.mem-table td, .mem-table2 td, .mem-table3 td { padding: 10px 5px; text-align: center;word-break: break-all; }
.mem-table tbody tr:nth-child(odd), .mem-table2 tbody tr:nth-child(odd), .mem-table3 tbody tr:nth-child(odd) { background: #f4f6f8; }
.mem-table tbody td, .mem-table2 tbody td, .mem-table3 tbody td { font-size: 15px;line-height: 22px;padding: 12px 10px; }
.mem-table2 tr td:nth-child(3), .mem-table3 tr td:nth-child(3), .mem-table3 tr td:nth-child(5) { text-align: left; }
.mem-table2 tr td:nth-child(1) { width: 20%; }
.mem-table2 tr td:nth-child(2) { width: 80%; }
.mem-table2 tr td img, .mem-table3 tr td img { display: inline-block; margin: 0 auto; }
.mem-table2 tr td .spectitle { display: inline-block;width: 100%;padding: 10px 0 8px;margin: 0; font-size: 16px;font-weight: bold;line-height: 1.4em;}
.mem-table2 tr td .spec { display: inline-block;width: 100%;padding: 0 0 5px;margin: 0;}
@media screen and (max-width: 990px) { 
  table.fancytable1 td {border: 1px dotted #CCCCCC;	border-bottom: 1px dotted #aaa;}
  .mem-table, .mem-table2, .mem-table3 { border-top: 3px solid #f0721d;border-bottom: 1px solid #f0721d;}
  .mem-table thead, .mem-table2 thead, .mem-table3 thead, .fancytable1 th { display: none; }
  .mem-table tr, .mem-table2 tr, .mem-table3 tr { display: inline-block; font-size: 0; position: relative; padding: 0;border-top: 5px solid #0072bc; }
  .mem-table tr td, .mem-table2 tr td, .mem-table3 tr td { float: left; display: inline-block; vertical-align: top; width: 100%; text-align: left;padding: 7px 15px; }
  .mem-table2 tr:nth-child(odd) {background-color: #F3F3F3;}
  .mem-table tr td:before, .mem-table2 tr td:before, .mem-table3 tr td:before { color: #aaa;width: 100%;display: inline-block;margin-bottom: 5px; }
  .mem-table2 tr td:nth-child(1), .mem-table2 tr td:nth-child(2) { width: 100%; }
  .mem-table2 tr td:nth-child(1):before { content: attr(data-th)" "; }
  .mem-table2 tr td:nth-child(2):before { content: attr(data-th)" ";width: 100%; }
  .mem-table2 tr td:nth-child(3):before { content: attr(data-th)" ";width: 100%; }
}
@media screen and (max-width: 640px) { 
  .mem-table tr td, .mem-table2 tr td, .mem-table3 tr td { display: inline-block; width: 100%; } 
}
/*************************
******* contact CSS ******
**************************/
#contact_form {
	float: left;
	width: 100%;
}
#contact {
	width: 100%;
	display: inline-block;
	margin: 30px 0 0;
}
#contact-res {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 20px 40px;
	border: 5px solid #ddd;
}
.contact1 {
	width: 65%;
	padding: 0 0 0 40px;
	margin: 0;
	float: left;
}
.contact1-res {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}
.contact1 .control-label, .contact1-res .control-label {
	text-align: left;
}
.contact1 label, .contact1-res label {
	padding-left: 8px;
	float: left;
	width: 100%;
	color: #666;
	margin: 5px 0;
	font-weight: bold;
}
.contact1 .required, .contact1-res .required {
	color: #E85500;
	border: 0;
	margin-left:5px;
}
.contact0 {
	padding-bottom: 20px ;
	float: left;
	width: 100%;
	margin-top: 15px;
	
	
	text-align: center;
	position: relative;
}
.contact0 button {
	width:80%;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 7px 0;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	transition: background 0.3s;
}
.contact0 .send {
	background: #555;
}
.contact0 .send:hover{
	background:#1345a0;
}
.contact2 {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	position: relative;
}
.contact2 ul, .contact2li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.contact2 .cleft {
	width: 30%;
	float: left;
}
.contact2 .cright {
	width: 25%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact3 {
	padding-top: 25px;
	float: left;
	width: 100%;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	text-align: center;
	position: relative;
}
.contact3 button ,.contact3 submit{
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 7px 0;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	transition: background 0.3s;
}

.contact3 .send {
	background: #555;
}
.contact3 .send:hover{
	background:#1345a0;
}
.contact3 .reset {
	background: #ccc;
}
.contact3 .reset:hover{
	background:#999;
}
.contact5 {
	float: left;
	width: 35%;
	padding: 25px;
	margin: 0;
	background: #EEE;
	border-top-left-radius:15px;
}
.contact5.contactbg {
	background: #EEE url(../contactbg.jpg) no-repeat right bottom;
	padding-bottom: 150px;
}
.contact5 .tit {
	display: inline-block;
	width: 100%;
	font-size: 36px;
	color: #0c2a62;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
.contact5 .text {
	display: inline-block;
	width: 100%;
	color: #666;
	line-height: 1.6em;
	margin: 15px 0 0;
	padding: 0;
}
.contact5 .text2 {
	display: inline-block;
	width: 100%;
	color: #1a3383;
	line-height: 1.6em;
	margin: 15px 0 0;
	padding: 0;
}
.contact6 {
	float: left;
	width: calc(100%/3);
	padding: 0;
	margin-top: 5px;
}


.contact7 {
	float: left;
	width: calc(100%/2);
	padding: 0;
}

.contact7 select{
	clear:both;
	width: 99%;
	padding: 0 0 0 calc(100%/3);	
}
.contact7_1 {
	float: left;
	width: calc(100%/3);
	padding: 0;
}
.contact7_1 select{
	clear:both;
	width: 99%;
	padding: 0 0 0 calc(100%/3);	
}
.contact7_11 {
	float: left;
	width: 30%;
	padding: 0;
	margin-top:8px;
}
.contact7_11 label,.contact8 label{
	
	float: none; 
	display: inline;
	padding-left: 0px;	
	padding-right: 8px;	
}

.contact8 {
	padding-top: 25px;
	
	width: 100%;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	text-align: left;
	
}
.contact8 label{
	float:none;
	
	}
.contact8 label:hover{
	cursor: pointer;
	}	
#contact_form .pull-left{padding-right:10px}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:0.5em;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

 
.fullbtn {
  width:100%;
 margin:0.2em; 
}
	


@media screen and (prefers-reduced-motion: reduce) {
  .btn {
	  font-family: Microsoft JhengHei;
    transition: none;
  }
}

.btn:hover, .btn:focus {
  text-decoration: none;
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.blue{
  color: #004085;
  background-color: #cce5ff;
  border-color: #bee5eb;
}


.gray {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.lgray {
  color: #383d41;
  background-color: #f1f1f1;
  border-color: #d6d8db;
}


.green {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}


.lblue {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}


.yellow {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}


.pink{
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.font_red {
	 color:#F00;
	}
.font_yellow {
	 color:#fff3cd;
	}
.font_green {
	 color:#d4edda;
	}
.font_blue {
	 color:#cce5ff;
	}		
.font_lblue {
	 color:#d1ecf1;
	}
.rlblue {
  color: #1b1e21;
  background-color: #D9EDF4;
  border-color: #c6c8ca;
}
.rmblue{
  color: #FFF;
  background-color:#00A2E0;
  border-color: #c6c8ca;
}
.rdblue {
  color: #1b1e21;
  background-color: #0032A0;
  border-color: #c6c8ca;
}
@media (max-width: 991px) {
.contact1 {width: 100%;padding: 20px 0 0 0;}
.contact2 .cleft {width: 50%;}
.contact2 .cright {width: 45%;float: left;margin: 0;padding-left: 5%;}
.contact5 {width: 100%;}
}
@media (max-width: 767px) {

}
@media (max-width: 480px) {
#contact-res {padding: 20px 20px;}
.contact3 button {width: 100%;margin-left: 0px;}
.contact6 {width: 100%;padding: 1px 0;}
.contact7 {width: 100%;padding: 1px 0;}
}


/*************************
*******news CSS******
**************************/
#news { display: inline-block; width: 100%; }
#news .list { position: relative; padding: 0; font-size: 0; }
#news .list .item-box { display: block; margin-bottom: 10px; color: #444; background-color: #fff;border: 1px solid #ddd;border-radius: 10px;}
#news .list .item-box .title, #news .list .item-box .txt { margin: 0; padding: 0; }
#news .list .date { display: inline-block; position: relative; width: 80px; height: 70px; overflow: hidden; vertical-align: middle;border-top-left-radius: 10px;border-bottom-left-radius: 10px; }
#news .list .date:before { pointer-events: none; content: ""; position: absolute; z-index: 0; top: 0; left: -35px; width: calc(100% + 25px); height: 100%; -moz-transform-origin: bottom; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; background: #ccc; border-top-right-radius: 60px;border-bottom-right-radius: 60px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#news .date strong, #news .date span { display: block; position: relative; z-index: 1; width: 70px; color: #fff; text-align: center;padding-right: 5px; }
#news .date strong { margin-top: 18px; font-size: 18px; font-weight: 500;line-height: 80%; }
#news .date span { font-size: 13px; }
#news .main { display: inline-block; padding: 10px 15px 10px 0; width: calc(100% - 80px); vertical-align: middle; }
#news .list .item-box .title { max-height: 52px; overflow: hidden; color: #111; font-size: 18px; line-height: 140%;font-weight: 500; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#news .list .item-box .txt { display: none; }

#news .view { margin: 0 0 5px; }
#news .view .top-box { font-size: 0;border: 4px solid #c3dda3;border-radius: 10px;}
#news .view .top-box .date { display: inline-block; position: relative; width: 70px; height: 100%; overflow: hidden; vertical-align: middle; }
#news .view .top-box .date:before { background: #c3dda3;left: 0; width: 70px;height: 100%; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#news .view .top-box .date strong { margin-top: 8px;font-size: 18px; line-height: 80%; }
#news .view .top-box .main { width: calc(100% - 70px);padding: 8px 15px; }
#news .view .top-box .title {   margin: 0; font-size: 22px; color: #111; line-height: 140%; }
#news .view .edit-wrap { padding: 25px 5px 20px;border-bottom: 1px dashed #ccc;}

@media only screen and (min-width:768px) {
  #news .list { margin: 0 auto; max-width: 1200px; padding-bottom: 70px; }
  #news .list .item-box .txt { display: block; overflow: hidden; font-size: 16px;color: #888; text-overflow: ellipsis; white-space: nowrap; }
  #news .list .date { padding-top: 15px; width: 100px; height: 100px; }
  #news .list .date:before { left: -45px; width: calc(100% + 40px); }
  #news .date strong, #news .date span { width: 110px;padding-right: 25px; }
  #news .main { padding: 10px 25px 10px 15px; width: calc(100% - 110px); }
  #news .list .item-box .title { margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 22px; }
  #news .date strong { margin-top: 20px;font-size: 22px; line-height: 80%; }
  #news .view .top-box .date { padding-top: 15px; width: 100px; height: 100px;border-top-left-radius: 4px;border-bottom-left-radius: 4px; }
  #news .view .top-box .date:before { pointer-events: none; content: ""; position: absolute; z-index: 0; top: 0;left: -20px; width: calc(100% + 15px);height: 100%; border-top-right-radius: 50px;border-bottom-right-radius: 50px; }
  #news .view .top-box .date strong, #news .view .top-box .date span { width: 100px;padding-right: 10px; }
  #news .view .top-box .date strong { margin-top: 16px;font-size: 24px; line-height: 80%; }
  #news .view .top-box .main { width: calc(100% - 100px); }
  #news .view .top-box .title { padding-top: 1px; font-size: 24px;font-weight: 500; }
}
@media only screen and (min-width:1024px) {
  #news .list { padding: 0; }
  #news .list .item-box { position: relative; padding-right: 80px; margin-bottom: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  #news .list .item-box:before, #news .list .item-box:after, #news .list .item-box .txt:before { pointer-events: none; content: ""; position: absolute; top: 50%; right: 50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; }
  #news .list .item-box:before { width: 20px; height: 1px; background-color: #f70d18; }
  #news .list .item-box:after { margin-top: -3px; width: 7px; height: 7px; border-right: 1px solid #f70d18; border-top: 1px solid #f70d18; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #news .list .item-box .txt:before { content: "Detail"; margin-top: -9px; padding-right: 30px; height: 20px; line-height: 20px; color: #aaa; font-size: 14px; font-style: italic; }
  #news .item-box:hover .date:before {  background: #b0d186; }
  #news .item-box:hover .title {  color: #599b07; }
  #news .list .item-box:hover:before, #news .list .item-box:hover:after, #news .list .item-box:hover .txt:before { right: 30px; opacity: 1; }
}

/* 消息內容 */
.postinfo { width: 100%;display:inline-block; }
.postinfo .date strong, .postinfo .date span { display: block; position: relative; z-index: 1; width: 70px; color: #fff; text-align: center; }
.postinfo .date strong { margin-top: 15px; font-size: 24px; font-weight: 500;line-height: 80%; }
.postinfo .date span { font-size: 14px; }
.postinfo .top-box { font-size: 0;border: 4px solid #c3dda3;border-radius: 10px;margin-bottom: 15px;}
.postinfo .top-box .main { display: inline-block;width: calc(100% - 70px);padding: 8px 15px;vertical-align: middle; }
.postinfo .top-box .date { display: inline-block;position: relative; width: 70px; height: 100%; overflow: hidden; vertical-align: middle; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.postinfo .top-box .date:before { left: 0;top: 0; width: 70px;height: 100%;}
.postinfo .top-box .date strong { margin-top: 8px;font-size: 18px; line-height: 80%; }

.postinfo .top-box .title { margin: 0; font-size: 22px; color: #0f5800; line-height: 140%; }
@media only screen and (min-width:768px) {
  .postinfo .top-box .date { padding-top: 15px; width: 100px; height: 100px;border-top-left-radius: 4px;border-bottom-left-radius: 4px; }
  .postinfo .top-box .date:before { pointer-events: none; content: ""; position: absolute; z-index: 0; top: 0;left: -20px; width: calc(100% + 15px);height: 100%; border-top-right-radius: 50px;border-bottom-right-radius: 50px;background: #c3dda3; }
  .postinfo .top-box .date strong, .postinfo .top-box .date span { width: 100px;padding-right: 10px; }
  .postinfo .top-box .date strong { margin-top: 14px;font-size: 24px; line-height: 80%; }
  .postinfo .top-box .main { width: calc(100% - 100px); }
  .postinfo .top-box .title { padding-top: 1px; font-size: 30px;font-weight: 500; }
}
@media only screen and (max-width:768px) {
  .postinfo .top-box .date { background: #c3dda3;}
}
.postinfo .postdate { 
	width: 100%;
	display:inline-block;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px dashed #ccc;
}
.postinfo .postdate:last-child { 
	border-bottom: none;
}
.postinfo .postdate1 { 
	width: 100%;
	display:inline-block;
	padding: 10px 0;
	margin: 0;
	border-top: 3px solid #63c697;
	border-bottom: 1px dashed #ccc;
	background: #ecf8f2;
}
.postinfo .postdate a { color:#009ae9; }
.postinfo .postdate a:hover { color:#f08200;text-decoration: underline; }
.postinfo .postdate .t1 { 
	width: 130px;
	color: #555;
	font-weight: bold;
	text-align: right;
	display:inline-block;
	padding: 5px 7px 2px 0;
	float: left;
}
.postinfo .postdate .info { 
	width: calc(100% - 130px);
	color: #777;
	display:inline-block;
	padding:5px 0;
}
.postinfo .postdate1 .t1 { 
	width: 130px;
	color: #555;
	font-weight: bold;
	text-align: right;
	display:inline-block;
	padding: 2px 7px 2px 0;
}
.postinfo .postdate1 .info { 
	width: calc(100% - 130px);
	color: #00782a;
	font-size:130%;
	font-weight: bold;
	padding:2px 0;
	display:inline-block;
}
.postinfo .postdate2 { padding: 0;margin: 0; border-bottom: 1px dashed #ccc;min-height: inherit;}
.postinfo .postdate2 .t1 { 
	width: 100%;
	color: #333;
	font-weight: bold;
	text-align: center;
	display:inline-block;
	padding: 8px 0;
	background: #f3f3f3;
	border-top: 4px solid #00a3e0;
}
.postinfo .postdate2 .info {
	width: 100%;
	padding: 35px 5px;
	display:inline-block;
}
.postinfo .postdate3 { padding: 10px 0;margin: 0; border-bottom: 1px dashed #ccc;}
.honors-info {
	width: 100%;
	padding: 35px 0;
	display:inline-block;
}
.honors-info table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	border-top: 1px dashed #ff9170;
}
.honors-info table th {
	font-size: 15px;
	color: #000;
	font-weight: bold;
	visibility: visible;
	padding: 6px 8px;
	text-align: center;
	border: 1px solid #ff9170;
	background: #e4e8f3;
}
.honors-info table tr {
	border: none;
	border-bottom: 1px dashed #ff9170;
}
.honors-info table tr:nth-child(odd) {
	background-color: #f9f7f4;
}
.honors-info table td {
	padding: 10px 8px;
	border: none;
	/*text-align: center;*/
}
.honors-info table td:nth-child(1) {
	font-weight: bold;
}
.postinfo .postdate .ext_list { width: calc(100% - 130px);display: inline-block;float: right;margin: 0; }
	ol.ext_list { list-style-type:decimal; }
	ul.ext_list { list-style-type:none; }
.postinfo .postdate ul { padding:0; }
.postinfo .postdate ol li { padding:5px 0;margin:0; }
.postinfo .postdate ol li img { display: inline-block;}

.postinfo .postdate2 .act_list { width: 100%; display: inline-block;margin: 0; background: #efefef;padding: 0 10px 15px; }
.postinfo .postdate2 .act_list ul {
	width: 100%;
	display:inline-block;
	margin: 0;
	padding: 0;
}
.postinfo .postdate2 .act_list li { 
	display:block;
	list-style:none;
	width: calc(100%/4 - 10px);
	float: left;
	padding: 3px;
	margin: 10px 5px;
}
.postinfo .postdate2 .act_list li .activeimg {
	width: 100%;
	height: 150px;
	outline: none;
	display: inline-block;
	float: left;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.postinfo .postdate2 .act_list li a:hover .activeimg {
	opacity: 0.8;
}
@media (min-width: 992px) and (max-width: 1199px) {
.postinfo .postdate2 .act_list li { width: calc(100%/2 - 10px);}
.postinfo .postdate2 .act_list li .activeimg {height: 180px;}
}
@media (max-width: 991px) {
.postinfo .postdate2 .act_list li { width: calc(100%/2 - 10px);}
.postinfo .postdate2 .act_list li .activeimg {height: 180px;}
}
@media (max-width: 480px) {
.postinfo .postdate2 .act_list li { width: 100%;margin: 10px 0;}
.postinfo .postdate2 .act_list li .activeimg {height: 200px;}
}
@media (max-width: 660px){
.postinfo .postdate .t1, .postinfo .postdate1 .t1 { width: 100%; text-align: left;}
.postinfo .postdate .info, .postinfo .postdate1 .info { width: 100%;}
.postinfo .postdate2 .info {padding: 35px 0;}
.postinfo .postdate .ext_list { width: 100%;float: left; }
}

/*----------------------------------------------------------------------*/
/* 圖片放大 */

.imagecontainer li {
	display: inline-block;
	margin: 5px; 
	padding: 3px;
	border: 1px solid #ddd;

	-webkit-box-shadow: 0 0 0.2em rgba( 0, 0, 0, .1 ); /* 5 */
	box-shadow: 0 0 0.2em rgba( 0, 0, 0, .1 ); /* 5 */

	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
	width: 130px; 
	background:#FFF;
    overflow:hidden;
	list-style: none;
}
.imagecontainer li:hover,
.imagecontainer li:focus {
	border: 1px solid #84c823;
	-webkit-box-shadow: 0 0 0.2em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow: 0 0 0.2em rgba( 0, 0, 0, .25 ); /* 15 */
}
.imagecontainer li .newsimg {
	width: 100%;
	height: 130px;
	outline: none;
	display: inline-block;
}
@media (max-width: 660px){
.imagecontainer li { margin: 1%; width: 47%; }
}
/*檔案下載*/	
.download_w1 {
	float: left;
	width: 100%;
	visibility: visible;
	padding-top: 2px;
	border-top: 3px solid #8dc63f;
}
.download_w1 dl {
	width: 100%;
	margin: 0;
	float: left;
	padding: 12px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.download_w1 dl:nth-child(even) {
	background-color: #f4f6f8;
}
.download_w1 dl:hover {
	background-color: #ebf1f6;
}
.download_w1 dt {
	float: left;
	width: calc(100% - 200px);
	color: #333;
	font-size: 16px;
	margin: 0 0 5px;
	background-image: url(../icon5.gif);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	padding: 5px 0 5px 21px;
}
.download_w1 dt A:link {
	color:#333;
	text-decoration:none
}
.download_w1 dt A:visited {
	color:#333;
	text-decoration:none
}
.download_w1 dt A:hover {
	color:#00bcb5;
	text-decoration:underline
}
.download_w1 dd {
	float: right;
	width: 200px;
	font-size: 14px;
	color: #999;
	margin: 5px 0 0;
	padding: 0 10px;
}
.download_w1 dd img {
	display: inline-block;
	vertical-align: middle;
}
.download_w1 dd A:link {
	color:#00bff3;
	text-decoration:none
}
.download_w1 dd A:visited {
	color:#00bff3;
	text-decoration:none
}
.download_w1 dd A:hover {
	color:#C00;
	text-decoration:none
}
@media (max-width: 780px) {
.download_w1 dt {
	width: 100%;
}
.download_w1 dd {
	float: left;
	width: 100%;
}
}
/* =====================================
   會員系統
===================================== */
.mem-login{ display: table; width: 100%; margin: 0 0 20px;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.mem-login .half{width: 50%; display: table-cell; vertical-align: top; padding: 30px 0;float: left;}
.memtit{text-align: center;}
.memtit p{margin: 0; line-height: 32px;}
.memtit p:nth-child(1){font-size: 30px; text-transform: uppercase; font-weight: bold; color: #82be32;}
.memtit p:nth-child(2){font-size: 16px; margin-bottom: 10px; color: #999;}
.memtit span.dot,.memtit span.dot:before,.memtit span.dot:after{width: 5px; height: 5px; margin: auto; background: #666; border-radius: 50%; display: block; position: relative;}
.memtit span.dot:before,.memtit span.dot:after{content: ""; position: absolute; top: 0;}
.memtit span.dot:before{ left: -10px;}
.memtit span.dot:after{ right: -10px;}
.memtit1{text-align: center;font-size: 30px; text-transform: uppercase; font-weight: bold; color: #82be32;margin-bottom: 25px;}
.mem-login .half .btns{border-radius: 5px; border: 1px solid #fff; width: 100%; display: block; text-align: center; margin-bottom: 10px; padding: 8px 5px; color: #fff; font-size: 0.8rem;}
.mem-login .half.sign{background: #fff;padding: 30px 0 35px;}
.mem-login .half.sign .sign-box{max-width: 330px; margin: 10px auto; }
.mem-login .half.sign .sign-box .sign-row{margin-bottom: 10px;}
.mem-login .half.sign .sign-box .forget{font-size: 14px; color: #666;}
.mem-login .half.sign .sign-box .forget:hover{text-decoration: underline; color: #82be32;}
.mem-login .half.sign .sign-box .login{ float: left; width: 100%; position: relative; z-index: 2; overflow: hidden; border: none; background: #82be32; padding: 7px 8px; color: #fff; border-radius: 5px; }
.mem-login .half.sign .sign-box .login i{ margin-right: 5px; }
.mem-login .half.sign .sign-box .login:hover:before{content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }
.mem-login .half.sign .sign-box .fb{display: block; margin-top: 10px;}
.mem-login .half.sign .sign-box .fb .or{ color: #999; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.mem-login .half.sign .sign-box .fb .or span{display: block; background: #fff; width: 40px; margin: auto; text-align: center; position: relative; top: 11px; padding: 0 10px;}
.mem-login .half.sign .sign-box .fb .btns{ font-size: 14px;background: #3765a3; }
.mem-login .half.sign .sign-box .fb .btns:hover{background: #2568c1;text-decoration: none;}
.mem-login .half.join{ background: #d9bfa2; color: #fff;min-height: 400px; }
.mem-login .half.forget{ background: #d9bfa2; color: #fff;min-height: 280px; }
.mem-login .half.join .memtit p:nth-child(1){color: #fff;}
.mem-login .half.join .memtit p:nth-child(2){color: #fff;}
.mem-login .half.join .memtit span.dot,.mem-login .half.join .memtit span.dot:before,.mem-login .half.join .memtit span.dot:after{background: #fff;}
.mem-login .half.join .txt{margin: 50px 0 50px;}
.mem-login .half.forget .txt{margin: 50px 0 50px;font-size: 16px; line-height: 2em;}
.mem-login .half.join .box, .mem-login .half.forget .box{margin: 15px auto; font-size: 15px; max-width: 320px; text-align: center;}
.mem-login .half.join .btns{opacity: 0.8; font-size: 15px;}
.mem-login .half.join .btns:hover{opacity: 1;text-decoration: none; background: #fff;color: #c69c6d;}
@media only screen and (max-width: 1199px){
  .mem-login .half.sign .sign-box, .mem-login .half.join .box{max-width: 280px; }
}
@media only screen and (max-width: 767px){
  .mem-login .half{width: 100%; display: block;border: 1px solid #ddd;}
}
@media only screen and (max-width:480px) {
  .mem-login{ display: block; margin: 0; width: auto;}
  .memtit p{line-height: 23px;}
  .memtit p:nth-child(1){font-size: 24px;}
  .memtit p:nth-child(2){font-size: 15px;}
  .mem-login .half.sign, .mem-login .half.join, .mem-login .half.forget{  width: 100%; display: block;min-height: inherit; }
  .mem-login .half.sign .sign-box, .mem-login .half.join .box{width: 85%; }
  .mem-login .half.join .txt{margin: 30px 0;}
}
/*加入會員、修改會員資料共用*/
ul.mem-money {
    width: 100%;
    display: inline-block;
	padding: 0;
	margin: 0;
}
ul.mem-money li { float: left; display: inline-block;width: calc(100%/3 - 10px);list-style: none;margin:5px; padding:25px 15px; font-size: 22px;line-height: 1.8em; border-radius: 5px;text-align: center; }
ul.mem-money li:nth-child(1) { background: #f8ae2c; color: #fff; }
ul.mem-money li:nth-child(2) { background: #0072bc; color: #fff; }
ul.mem-money li:nth-child(3) { background: #8aba2a; color: #fff; }

.forum {
    width: 100%;
    display: inline-block;
}
.re-post {
    width: 100%;
    display: inline-block;
	margin: 25px 0 10px;
}
.post {
    background-color: #f0f4f5;
    border-radius: 2px;
    box-shadow: 0 1px 2px #c9cccd;
    margin-bottom: 15px;
}
.post:nth-child(even) {
    background-color: #f4f8f9;
    border-radius: 2px;
    box-shadow: 0 1px 2px #c9cccd;
    margin-bottom: 15px;
}
.re-post .tit {
    font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.post1 {
	display: inline-block;
	width: 100%;
	padding: 15px;
    background-color: #fff;
    border: 1px solid #e7edee;
}
.post1 .photo2 {
	float: left;
    position: relative;
	width: 37px;
}
.post1 .photo2 .photoimg {
	width: 100%;
	height: 37px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	float: left;
	border-radius: 50%;
}
.post1 .avatar2 {
	float: right;
    display: inline-block;
	width: calc(100% - 47px);
	padding: 0;
}
.post1 .avatar2 .username2 {
    float: left;
	width: 100%;
	display: inline-block;
    margin: 0;

	padding: 0;
	font-size: 15px;
	color: #0054a6;
	font-weight: bold;
	/*border-bottom: 1px dashed #dfe4e5;*/
}
.post1 .avatar2 .time2 {
    float: right;
	display: inline-block;
	font-size: 14px;
	color: #999;
	margin: 0 5px;
	font-weight: normal;
}
.post1 .avatar2 .posttext2 {
	float: left;
    display: inline-block;
	width: 100%;
	padding: 5px 0 10px;
	color: #555;
}
.textwraper textarea {
	margin-top: 5px;
    border: none;
    box-shadow: none;
    background-color: #f1f1f1;
    /*    width: 610px;*/
    width: 100%;
	min-height: 80px;
}
.textwraper {
    background-color: #f1f1f1;
    border-radius: 2px;
    padding:10px;
}
.post1 .postinfobot {
	display: inline-block;
	width: 100%;
	padding: 10px 0 0;
    border-top: 1px dashed #e7edee;
	text-align: right;
}
.post1 .postinfobot button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 130px;
	height: 40px;
	margin: 0;
	line-height: 30px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	transition: background 0.3s;
}
.post1 .postinfobot .send {
	background: #7fbc30;
}
.post1 .postinfobot .send:hover{
	background:#6ca423;
}
.avatar {
    display: inline-block;
	width: 100%;
	padding: 5px 10px ;
	border-bottom: 1px solid #dfe4e5;
}
.avatar .photo {
	float: left;
    position: relative;
	width: 37px;
    margin-right: 5px;
}
.avatar .photo .photoimg {
	width: 100%;
	height: 37px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	float: left;
	border-radius: 50%;
}
.avatar .username {
    float: left;
	display: inline-block;
    margin: 4px 5px;
	font-size: 15px;
	color: #0054a6;
}
.avatar .views, .avatar .time {
    float: right;
	display: inline-block;
    margin: 4px 8px;
	font-size: 14px;
	color: #999;
}
.post .posttext {
    display: inline-block;
	width: calc(100% - 80px);
	padding: 20px 5px 20px 25px;
	font-size: 20px;
	line-height: 1.4em;
	color: #333;
	border-right: 1px solid #dfe4e5;
	background: url(../icon3.gif) no-repeat 13px 32px;
}
.post .posttext A:link {color:#333;text-decoration:none}
.post .posttext A:visited {color:#333;text-decoration:none}
.post .posttext A:hover {color:#00aeef;text-decoration:none}
.post h3 {
    display: inline-block;
	width: 100%;
	padding: 10px 10px;
	margin: 0;
	font-size: 26px;
	line-height: 1.4em;
	color: #333;
	border-bottom: 4px solid #dfe4e5;
}
.post .posttext1 {
    display: inline-block;
	width: 100%;
	padding: 20px 20px 25px;
	background: #fff;
}
.post .comments {
	float: right;
    display: inline-block;
	width: 80px;
	padding: 14px 5px 0;
	font-size: 20px;
	line-height: 1.6em;
	text-align: center;
}
.post .comments .commentbg {
    background-color: #bdc3c7;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 12px;
    color: #ffffff;
    font-size: 16px;
	line-height: 1.8em;
    position: relative;
}
.post .comments .commentbg:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	bottom: -15px;
	left: 35%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px;
	border-color: #bdc3c7 transparent transparent transparent;
}
#joinform {
  margin: 0;
  padding: 20px 20px 20px;
  border: #e6e6e6 solid 4px;
  background-color: #fafafa;
  line-height: 1.8;
  width: 100%;
  display: inline-block;
}
.join-text {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	color: #e97124;
	text-align: center;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
#joinform h4.ti {
	width: 100%;
	display: inline-block;
    font-weight: 500;
    padding: 0;
    margin: 20px 0 25px 20px;
    color: #01a100;
}
.col_full { width: 100%;display: block;	position: relative;	margin-right: 4%;}
.address .selectBox {
    width:100%;
  }
.address .input-txt2 {

    width:100%;
}
.address .addname {
	width:100%;
	margin-top: 5px;
	display: inline-block;
}
#joinform .cleft {
	width: 50%;
	float: left;
}
#joinform .cright {
	width: 50%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
@media only screen and (min-width: 641px) {
.address .selectBox {
    width:33%;
	float:left;
}
.address .input-txt2 {
    width:34%;
	float:left;
}
.address .addname {
    width:65%;
	margin-top: 0;
	float:left;
}
}
@media only screen and (max-width: 767px){
  ul.mem-money li { width: 100%;margin:5px 0; padding:25px 15px; }
}

/**/
.service { display: inline-block; width: 100%; }
.service .view { display: inline-block; width: 100%;margin: 0 0 20px; }
.service .equipment {
	width: 100%;
	display:inline-block;
	margin: 5px 0;
	padding: 0;
}
.service .equipment ul {
	float: left;
	width: 100%;
	display:inline-block;
	margin: 5px 0;
	padding: 0;
}
.service .equipment li { 
	display:block;
	list-style:none;
	width:calc(100%/2 - 16px);
	float: left;
	padding: 6px 6px 10px;
	margin: 5px 8px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.service .equipment li:hover { 
	border: 1px solid #84c823;
	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .2 );
	box-shadow: 0 3px 5px rgba( 0, 0, 0, .2 );
}
.service .equipment li .photo { 
	width:100%;
	float: left;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.service .equipment li .photo .equipmentimg {
	width: 100%;
	height: 250px;
	outline: none;
	display: inline-block;
	float: left;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.service .equipment li:hover .photo .equipmentimg {
	opacity: 0.8;
}
.service .equipment li .equipment-txt {
	font-size:16px;
	line-height: 1.5em;
	color: #333;
	margin: 12px 0 5px;
	padding: 0 5px;
	display: inline-block;
	width: 100%;
	text-align: center;
}