/*css reset start*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*補充*/
*,*:before,*:after{
	box-sizing: border-box;
}
img{
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
}
/*css reset end*/


.table-style-left {
	text-align:left;
	letter-spacing:2px;
	line-height:24px;
}

/*index page start*/
.table-0 {
	position: relative;
	max-width:1100px;
	height:auto;
	box-shadow:3px 3px 15px #cccccc;
	margin:0px auto ;
	font-family: "Microsoft JhengHei","Arial";
}
	.fixed-container {
		z-index: 100;
		position: fixed;
		top: 0;
		width: 100%;
		max-width:1100px;
		margin: 0 auto;
		box-shadow:3px 3px 15px #cccccc;
	}
		.header{
			background-image:url('../images/top_02.gif');
		}
			.header-wrap {
				background: -webkit-linear-gradient(#329CED,#0165BB);
				height: 42px;
				line-height: 40px;
			}
				.header-menu {
					float: right;
				}
					.header-menu li {
						float: left;
						//width: 120px;
						//width:auto;
						//padding:0 15px;
						margin:0px 15px;
					}
						/*項目文字*/
						.header-menu a {
							color:#FFF;
							display: block;
							text-align: center;
							//margin:0px 15px;
						}
						.header-menu a:hover {
							border:0px solid #329CED;
							background: -webkit-linear-gradient(#0065ba,#0165E4);

						}
			.showmenu {
		        display: none;
		    }
			.clear-fix {
				clear:both;
			}


	/*圖片輪播*/
	.slider_container {
		width:100%;
		height:200px;
	    position: relative;
	    margin-top: 139px;
	    margin-bottom:8%;
	}

	.slider_container div {
	    position: absolute;
	    top: 0;
	    left: 0;
	    opacity: 0;
	    filter:alpha(opacity=0);	/*透明度*/
	    width: 100%;
	}
		.top-pic {
			width:100%;
		}


	.slider_container div {
	    -webkit-animation: round 25s linear infinite;
	            animation: round 25s linear infinite;
	}
	@-webkit-keyframes round {
		4% {opacity:1;filter: alpha(opacity=100); /* 0 - 1秒 淡入*/}
		20% {opacity:1;filter: alpha(opacity=100); /* 1- 5秒靜止*/}
		24% {opacity:0;filter: alpha(opacity=0);  /* 5-6秒淡出*/}
	}
	@keyframes round {
		4% {opacity:1;filter: alpha(opacity=100); /* 0 - 1秒 淡入*/}
		20% {opacity:1;filter: alpha(opacity=100); /* 1- 5秒靜止*/}
		24% {opacity:0;filter: alpha(opacity=0);  /* 5-6秒淡出*/}
	}
	.slider_container div:nth-child(5) {
	    -webkit-animation-delay: 0s;
	            animation-delay: 0s;
	}
	.slider_container div:nth-child(4) {
	    -webkit-animation-delay: 5s;
	            animation-delay: 5s;
	}
	.slider_container div:nth-child(3) {
	    -webkit-animation-delay: 10s;
	            animation-delay: 10s;
	}
	.slider_container div:nth-child(2) {
	    -webkit-animation-delay: 15s;
	            animation-delay: 15s;
	}
	.slider_container div:nth-child(1) {
	    -webkit-animation-delay: 20s;
	            animation-delay: 20s;
	}
	
	/*圖片輪播end*/

	/*2*/
	.table-1 {
		width:100%;
		height:auto;
		margin:0px auto 15px;
	}
		.table-1-1 {
			display: inline-block;
			width: 68%;
			height:auto;
			margin-left: 1.3%;
			padding-top: 10px;
		}
		.box-style-1 {
			border-top-left-radius:15px;
			border-top-right-radius:15px;
			box-shadow:2px 2px 7px #cccccc;
		}
			.index-ab-img-1 {
				display: block;
			}
				.index-ab-top-left {
					width: 60%;
					display: inline-block;
				}
					
					.index-ab-img-3-1 {
						display: none;
					}
					.index-ab-img-2 {
						display:inline-block;
						width: 170px;
						display: inline-block;
						max-width: 160px;
						width: 36%;
						vertical-align: bottom;
					}
					.index-content-1 {
						display: inline-block;
						width: 57%;
						letter-spacing: 2px;
						text-indent: 35px;
						line-height: 130%;
						vertical-align: top;
						margin-top: 3%;
					}
						.link-more-1 {
						    color: #0088cc;
						    font-weight: bold;
						}
						.link-more-1:hover {
							color: #b8dec7;
						}
				.index-ab-top-right {
					width: 35%;
					display: inline-block;
					text-align: center;
					vertical-align: bottom;
				}
					.index-ab-img-3 {
						height: 160px;
						border-radius: 13px;
					}
			.index-ab-2 {
				margin:1% 1% 2%;
			}
				.index-ab-btm-left {
					width: 60%;
					display: inline-block;
					text-align: center;
				}
					.index-ab-btm-left iframe {
						width: 90%;
						height: 185px;
					}
				.index-ab-btm-right{
					width: 37%;
					display: inline-block;
					vertical-align: text-bottom;
					
				}
					.index-content-2 {
					    letter-spacing: 2px;
					    text-indent: 35px;
					    line-height: 130%;
					    vertical-align: top;
					}
						.index-contact-img {
							text-align: left;
						}
							.index-contact-img img {
								display: block;
							}

		.table-1-2 {
			float: right;
			width: 28%;
			margin-right: 1.3%;
			display: inline-block;
			vertical-align:top;
		}
		.box-style-2 {
			box-shadow:2px 2px 7px #cccccc;
			border-radius:10px;
		}
			.side-menu {
				width: 100%;
				padding: 8.5% 10%;
				margin-bottom: 1.5%;
			}
				.nav{
						margin: 10px 0 0 20px;
					}
						.nav li{
							text-align:left;
							list-style-type:square;
							padding: 3px 0;
							margin: 2px 0 2px 8px;
							border-bottom: 1px dashed #ddd;
						}

	/*3*/ /*4*/
	.section-wrap {
		margin: 0 1.3% 15px 2%;
	}
		.title-style-1 {
			text-align: center;
			padding: 20px;
			font-size: 20px;
			color: #428bca;
		}
			.title-style-1 h2 {
				display: inline-block;
			}
			.title-line {
				display: inline-block;
				border:1px solid #0080BD;
				width: 70px;
				margin-bottom: 6px;
			}
		.table-1-3 {
			display:inline-block;
			width: 30%;
			height: auto;
			margin: 1% 1.4%;
			vertical-align: top;
		}
			.table-1-3 a {
			}
			.table-1-3 ol li {
					list-style-type:decimal;
					margin-left: 2em;
				}

		/*精選課程*/
		.course-1-3 {
		    line-height: 24px;
			letter-spacing: 3px;
			color: #4a4b46;
			padding: 7% 10px;
			position: relative;
		    border-radius: .5em;
		    background: linear-gradient(-150deg, transparent 1.5em, #c0ebff 0);
		}
		/*摺頁效果*/
		.course-1-3::before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			width: 1.73em;
			height: 3em;
			background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.2) 0,rgba(0,0,0,.4)) 100% 0 no-repeat;
			transform: translateY(-1.27em) rotate(-30deg);
			transform-origin: bottom right;
			border-bottom-left-radius: inherit;
			box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
		}
			.title-style-2 {
				font-size:20px;
				color:#428bca;
				font-weight:bold;
				letter-spacing:1px;
				margin-bottom: 5px;
				display: block;
				width: 92%;
			}
				.link-more-2 {
					font-weight: bold;
					color: #de9f7e;
				}
				.link-more-2:hover {
					color: #efc83d;
				}
				
		/*相關連結*/
			.outlink-1-3-test {
				opacity: 0.9;
			}
			.outlink-1-3-test:hover {
				opacity: 0.7;
			}
			.outlink-1-3 {
			  width: 100%;
			  height: 132px;
			  background: #428bca;
			  position: relative;
			  box-shadow: 0 4px 10px rgba(0, 0, 0, .30);
			}
			.outlink-1-3:hover {
				box-shadow: 0 6px 15px rgba(0, 0, 0, .40);
			}

				.trapezoid {
					 width:50%;
					 border-right: 50px solid transparent;
					 border-top:132px solid #F6F0EA;
					 position: relative;
				}
					.trapezoid img {
						width: 100%;
						border-radius: 50%;
						position: absolute;
						left: 5px;
						bottom: 18px;
						padding: 3px;
						opacity: 0.8;
					}
					.trapezoid p {
						width: 360%;
						position: absolute;
						right: -167%;
						bottom: 25px;
						font-size: 34px;
						color: #fff;
						font-weight: bold;
						text-align: right;
						text-shadow: #000 -2px 2px 5px;
					}
				.bookmark:before{ 
					content:'';
					width:20px;
					height: 0%;
					border: 22px solid;
					border-color: transparent #ffc83d transparent transparent ;
					position: absolute;
					right:100%;
					top: 0px;
				} 
				.bookmark {
					width: 31.5%;
					height: 44px;
					background-color: #ffc83d;
					line-height: 41px;
					text-align: center;
					position: absolute;
					top: 8%;
					left: 73%;
					color: #428bca;
					font-size: 21px;
					font-weight: bold;
					box-shadow: 2px 3px 8px #4a4a4abd;
				} 
	
	.footer {
		width:100%;
		height: auto;
		padding: 15px 20px;
		background: #0065ba;
		text-align:center;
	}
		.footer-logo {
			display: inline-block;
		}
			.footer-logo img {
				border-radius: 50%;
			}
	.footer-content-wrap {
		display: inline-block;
		vertical-align: top;
		margin-top: 21px;
		/*以下修改過增加*/
		letter-spacing: 1px;
		font-size: 19px;
		color: #fff;
		margin:8px 10px;
	}
		.footer-content {
			letter-spacing:3px;
			//line-height: 1.3;
			font-size: 22px;
			color: #fff;
			margin:8px 10px;
		}
			.footer-content div {
				display: inline-block;
				//text-align: left;
				text-align:center;
				letter-spacing: 1px;
				font-size: 19px;
				color: #fff;
				margin:0px 10px;
			}

/*index page end*/

	/*about start*/
	.container { /*共用*/
		margin: 1% 3%;
		height: auto;
	}
		.title-img {
			display: block;
		}
		.page-wrap { /*共用*/
			padding:0 4% 1%;
		}
			.about-info-1 {
				border-bottom: 3px dashed #ddd;
				margin-bottom: 2%;
				padding-bottom: 2%;
			}
			.about-img-1 {
				display: inline-block;
				width: 23%;
				border: 8px solid #ffffff;
				box-shadow: -3px 3px 7px #d6d6d6;
			}
			.about-info-1-1 {
				line-height: 2;
				text-indent: 32px;
				display: inline-block;
				width: 74%;
				border-right: 1px solid #fff;
				padding-left: 1%;
				vertical-align:top;	/*新增加*/
			}
				.about-info-1 span{
					color: #f76707;
					font-weight: bold;
				}
			.about-img-1-1 {
				display: none;
			}
			.about-info-2{
				line-height: 2.6;
				display: inline-block;
				vertical-align: top;
				width: 58%;
				padding-left: 2%;
			}
				.li-over-title {
					text-indent: -20px;
				}
				.title-style-3 { /*共用*/
					font-size: 20px;
					font-weight: bold;
					color: #0080BD;
				}
				.about-info-2 li {
					text-indent: -14px;
				}
				.about-info-2 li::before {
					content: "◆";
					color: #f08e31;
				}	
			.about-info-3{
				display: inline-block;
				margin-left: 1%;
				width: 40%;
			}
				.about-course {
					padding: 4% 3% 3%;
					margin-bottom: 4%;
					position: relative;
					background: linear-gradient(-150deg, transparent 1.5em, #f0f0f0 0);
				}
				.about-course::before {
					content: '';
					position: absolute;
					top: 0;
					right: 0;
					width: 1.73em;
					height: 3em;
					transform: translateY(-1.27em) rotate(-30deg);
					transform-origin: bottom right;
					border-bottom-left-radius: inherit;
					box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
				}
					.about-course img {
						width: 31%;
						display: inline-block;
						opacity: 0.9;
						border: 2px solid #cdcdcd;
					}
					.about-course-info {
						width:58%;
						display: inline-block;
						vertical-align: top;
						margin-left: 1%;
					}
					
						.abcourse-title-1 {
							font-size: 22px;
							color: #3bb59e;
							font-weight: bold;
							margin-bottom: 3%;
						}
						.abcourse-title-2{
							font-size: 17px;
							color: #3bb59e;
							font-weight: bold;
							margin-bottom: 1%;
						}
						
						.about-course-info p {
							font-size: 12px;
							font-weight: bold;
						}
					.abcourse-btn {
						color: #fff;
						padding: 2% 3%;
						border-radius: 5px;
						display: block;
						float: right;
						background-color: #428bca;
	                    width: 35%;
	                    margin-top: 3%;
						text-align: center;
						background-color: #000000;
						background-image: linear-gradient(315deg, #000000 0%, #7f8c8d 74%);
					}
					.abcourse-btn:hover {
					    background:  #8abeea;
					}
			
			/*最底下連結微調*/
			
			
			
	
	/*about end*/
	
	/*evaluation start*/
	.ev-page-wrap{
		padding-bottom:2%;
	}
	.evaluation-text {
		width: 75%;
		display: inline-block;
		margin-left: 2%;
	}
		.evaluation-info {
			padding: 1%;
		}
			.title-style-3:before {
				content: "★";
				color: #f08e31;
			}
			.evaluation-info p {
				line-height: 2;
				margin-left: 2.5%;
				margin-top: 1%;
				text-indent: 32px;
			}
			.ev-pc-text {
				position: relative;
			}
			.ev-rwd-text {
				display: none;
			}
			.ev-width1 {
				display: inline-block;
				width: 70%;
			}
			.ev-width2 {
				display: inline-block;
				width: 51%;
				line-height: 2;
				margin-left: 2.5%;
			}
			.evaluation-info img {
				display: inline-block;
				width: 17%;
				margin-left: 1%;
				
			}
			.ev-top-img {
				margin-top: 1%;
				position: absolute;
				top: 6px;
			}
		.evaluation-img {
			margin-top: 3%;
			margin-left: 4%;
		}
			.evaluation-img img {
				border: 1px solid #aba9a9;
				padding:2px;
				display: inline-block;
				margin-right: 6%;
				width:25%;
			}
		
		.evaluation-bgimg {
			display: inline-block;
			//float: right;
		}
	/*evaluation end*/
	
	/*course start*/
	/*course-4*/
	.course-content-wrap { /*共用*/
		width: 70%;
		display: inline-block;
	}
			.title-style-4 { /*共用*/
				font-size: 23px;
				font-weight: bold;
				color: #0080BD;
			}
			.course-content-1 p{ /*共用*/
				line-height: 1.5;
				text-indent: 32px;
				margin-top: 1%;
			}
			.course-content-1 img {
				width: 100%;
			}
		.course-content-2 { /*共用*/
			margin: 2% 0;
			display: inline-block;
			width: 49%;
			vertical-align: top;
		}
			.text-rwd {
				display: none;
			}
			.course-content-2 ol {
				margin-bottom: 3%;
			}
			.img-pc {
				width: 68%;
				display: block;
			}
			.img-rwd {
				display: none;
			}
			.course-content-2-1 { /*共用*/
				vertical-align: top;
			}
			.title-style-5 { /*共用*/
				font-size: 20px;
				font-weight: bold;
				color: #f76707;
				margin: 2% 0;
			}
			.course-content-2 p { /*共用*/
				padding: 1%;
				line-height: 2.5;
				margin-bottom: 1%;
			}
			.course-content-2 ol li,
			.course-content-3 ol li,
			.course-content-3 ul li,
			.course-content-5 ol li{ /*共用*/
				margin-left: 1.5em;
				line-height: 1.5;
			}
	.course-menu-wrap { /*共用*/
		width: 28%;
		display: inline-block;
		vertical-align: top;
		margin-left: 1%;
	}
		.course-menu { /*共用*/
			border-top: 10px solid #428bca;
			padding: 0 1%;
		}
		.course-menu li { /*共用*/
			border-bottom: 5px solid #dadada;
		    background-color: #d9d9d9;
		    background-image: linear-gradient(315deg, #d9d9d9 0%, #f6f2f2 74%);
		    box-shadow: 2px 2px 10px #acacac;
		}
		.course-menu li:hover { /*共用*/
		    background-color: #acacac;
		    background-image: linear-gradient(315deg, #acacac 0%, #e4e4e4 74%);
		}
		.course-menu a { /*共用*/
			display: block;
			color: #d4af37;
			font-size: 18px;
			font-weight: bold;
			padding: 15px;
		}
		.page-now li { /*共用*/
			background-color: #acacac;
		    background-image: linear-gradient(315deg, #acacac 0%, #e4e4e4 74%);
		}
			.page-now a { /*共用*/
				color: #515151;
			}
			
		.course-bg-img {
			margin-top: 5%;
		}
		.course-showmenu { /*共用*/
			display: none;
		}

	
	/*course-1*/
	.course-content-4 {
		display: inline-block;
		width: 45%;
		line-height: 1.2;
		margin: 2% 1%;
		padding: 2%;
		min-height: 186px;
		border-radius: 15px;
		box-shadow: 2px 2px 8px #DDD;
		vertical-align: top;
		background-color: #f1dfd1;
        background-image: linear-gradient(315deg, #f1dfd1 0%, #f6f0ea 74%);
    	color: #393939;
	}
			.rwd-course-title {
				display: none;
			}
		.course-content-4 p {
			padding: 1%;
		}
	
	/*course-2*/
		.course-content-3 ul li{
			list-style-type: square;
		}
		.course-box {
			display: inline-block;
			width: 49%;
			padding: 0 1%;
		}
			.course-box span {
				display: block;
				text-align: center;
				margin-bottom: 2%;
				font-weight: bold;
			}
		.course-note { /*共用*/
			background: #edf5fe;
			padding: 2%;
			line-height: 1.5;
			margin: 2% 0;
		}
	/*course-3*/
		.course-content-5 {
			margin: 2% 0;
			width: 100%;
		}
			.course-content-5-1 {
				display: inline-block;
				width: 50%;
				vertical-align: top;
			}
				.course-content-5 ol {
					margin-bottom: 3%;
				}
			.course3-img {
				display: inline-block;
			}
	/*course-5*/
		.img-mt {
			margin-top: 7%;
		}
			
	/*course end*/

    /*teacher start*/
		.teacher-card {
			display: inline-block;
			background: #f4f4f4;
			width: 45%;
			margin: 2.3%;
			padding: 1%;
			box-shadow: 2px 2px 8px #bbbbbb;
		}
			.teacher-card img {
				width: 31%;
				border: 2px solid #d8d8d8;
				padding: 2%;
				display: inline-block;
				opacity: 0.9;
			}
			.teacher-info-1 {
				width: 67%;
				display: inline-block;
				vertical-align: top;
				font-size: 18px;
				margin-top: 4%;
			}
				.teacher-info-1 li {
					margin-bottom: 3%;
				}
				.teacher-info-1 li::before {
					content: "◆";
					color: #f08e31;
				}
					.btn-more {
						color: #fff;
						padding: 3% 4%;
						border-radius: 5px;
						display: block;
						float: right;
						background-color: #428bca;
	                    width: 35%;
	                    margin-top: 2%;
						text-align: center;
					}
					.btn-more:hover {
					    background:  #8abeea;
					}
	/*teacher end*/
	
	/*teacher-1 start*/
	hr {
		border:3px dashed #ddd;
	}
	.teacher-img {
		display: inline-block;
		vertical-align: top;
		width: 16%;
		border: 1px solid #ddd;
		padding: 7px;
		border-radius: 5px;
	}
	.teacher-info-2 {
		display: inline-block;
		vertical-align: top;
		width: 36%;
		line-height: 1.5;
		padding:1%;
	}
		.teacher-info-2 h3 span {
			font-size: 33px;
		}
		.teacher-info-2 ul {
			text-indent: 20px;
		}
			.teacher-info-2 li::before {
				content: "◆";
				color: #f08e31;
			}
	.teacher-info-3 {
		display: inline-block;
		vertical-align: top;
		width: 46%;
		border-left: 1px solid #ddd;
		/*padding: 1%;*/
		padding: 1% 0 1% 2%;
	}
		.teacher-info-3 p{
			line-height:1.5;
			text-indent: 37px;
			padding:1%; 
		}
	/*teacher-1 end*/
	
	/*discuss start*/

	.table-wrap {
		padding-top: 1%;
	}
		.discuss-table {
			text-align: center;
			margin: 10px 0;
			width: 100%;
			min-width: 500px;
		}
			.discuss-table tr:nth-child(even) {
				background-color: #f2f2f2;
			}
			.discuss-table th,
			.discuss-table td {
				border: 1px solid #000;
				padding: 10px;
			}
			.discuss-table th {
				color: #fff;
				background: #428bca;
			}
				.discuss-table td a {
					//display: block;
					text-align: left;
				}
		.page-wrap hr {
			margin: 30px 0;
		}		
		.discuss-form {
			border: 1px solid #ddd;
			border-top: 10px solid #428bca;
			width: 70%;
			padding: 3%;
			margin: 2% auto;
			box-shadow: 5px 5px 6px rgba(128, 128, 128, 0.3);
			background: #fcfcfc;
		}
			.discuss-form h2{
				display: block;
				text-align: center;
				font-size: 20px;
				font-weight: bold;
			}
			.discuss-form span label,
			.discuss-form span input,
			.discuss-form span textarea {
				display: block;
				margin: 5px 0px;
				width: 100%;
			}
			.discuss-form span input {
				height: 30px;
				border: 1px solid #989898;
			}
			.discuss-form span textarea {
				height: 60px;
				border: 1px solid #989898;
			}
			.dis-code {
				display: inline-block;
				margin: 5px 0px;
				width: 55px;
				height: 30px;
				border: 1px solid #989898;
			}
			.discuss-form p {
				display: inline-block;
			}
			.btn-wrap {
				display: block;
			}
				.btn-reset,
				.btn-submit{
					display: inline-block;
					width: 45%;
					margin: 10px 2%;
					color: #fff;
					padding: 0.5em ;
					border-radius: 3px;
					border: none;
					font-size: 16px;
					cursor: pointer;
				}
				.btn-reset {
					background: #bebebe;
				}
				.btn-reset:hover {
					background-color: #8e8e8e;
				}
				.btn-submit {
					background: #428bca;
				}
				.btn-submit:hover {
					background: #3775ab;
				}

	/*discuss end*/

	/*notice-board cooperation web-link contact start*/
	.notice-table {
		margin: 0 auto;
		text-align: left;
	    letter-spacing: 3px;
	    line-height: 170%;
	    padding:0 0 2% 2%;
	    
	}
		.notice-table li {
			color: #0065ba;
			text-indent: -14px;
			margin-left: 16px;
		}
		.notice-table li::before {
			content: "::";
			color: #f08e31;
		}
		.notice-table li:hover {
			background: #ddd;
			color: #0080bd;
		}

			.notice-table a {
				display: block;
				color: #000;
				border-bottom: 1px solid #8a8a8a;
				width: 98%;
			}

	/*contact*/
	.map {
		padding: 2%;
		width: 100%;
	}
		.map iframe {
			//width: 100%;
			//height: 600px;
			width: 50%;
			height: 300px;
		}
	.contact-text {
		line-height: 1.5;
		padding:0 2% 2%;
	}
		.contact-text li::before {
			content: "◆";
			color: #f08e31;
		}
		

	/*notice-board cooperation web-link contact end*/