@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
@import url("fontawesome_all.css");
@import url("fakeLoader.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:15px; overflow-y:scroll; overflow-x:hidden; }
body, td, th {font-size:12px;font-family: /*Arial,*/ "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;color:#666;}
.iframe_ch { display:none }

.w100{ width:100%; }
.middle{ vertical-align:middle; }
.pager{ width:100%; margin:50px auto 0 auto; text-align:center; }

.btn1{display:inline-block;color:#FFFFFF;font-size:16px;width:auto;padding: 8px 40px;margin:5px 0;border:0;letter-spacing:2px;cursor:hand;cursor:pointer;background: #eb8a00;outline:0;text-decoration:none;}
.btn1.on{background:#f19b20;}
.btn1:hover{ background:#f19b20; -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
 -ms-transition: all .4s ease
}
.btn2{display:inline-block;color:#FFFFFF;font-size:16px;width:auto;padding: 11px 40px 7px 40px;margin:5px 0;border:0;letter-spacing:2px;cursor:hand;cursor:pointer;background: #eb8a00;outline:0;text-decoration:none;}
.btn2.on{background:#f19b20;}
.btn2:hover{ background:#f19b20; -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
 -ms-transition: all .4s ease
}

.btn3{ position:relative; display:inline-block;color:#FFFFFF;font-size:16px;width:auto;padding:15px 40px 15px 50px;margin:5px 0;border:0;letter-spacing:2px;cursor:hand;cursor:pointer;background: #eb8a00;outline:0;text-decoration:none;}
.btn3.on{background:#f19b20;}
.btn3 img{ position:absolute; top:10px; left:10px; }
.btn3:hover{ background:#f19b20; -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
 -ms-transition: all .4s ease
}

.input-1{border:1px solid #696868;width:270px;padding:5px 10px;margin:0 5px;box-sizing:border-box;color:#646464;outline: none;border: 1px solid #b9b7b7;background: #f9f9f9;/* border-radius: 4px; */}
.submit-1{border:0;background:#333;color:#ffffff;padding: 6px 10px;cursor: hand;cursor: pointer;}
.submit-2{border:0;background:#721f6d;color:#ffffff;padding: 6px 10px;cursor: hand;cursor: pointer;}

select{font-size: 16px;font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;-ms-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-box-sizing:content-box;}
input[type=submit],input[type=button],input[type=text], textarea {font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;font-size: 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#tip_box { position: fixed; line-height:22px; background-image:url(../../images/bg.png); color: #FFF; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left:10px; }

.link1{ color:#2258C5; text-decoration:underline; }
.link1:hover{ /*text-decoration:underline;*/ }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*網頁大標題*/
.b-title{text-align:center;max-width: 530px;letter-spacing: 3px;color:#2b2b2b;font-size: 30px;line-height:40px;margin: 10px auto 10px auto;padding: 10px 0;font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;}
.b-title span{display:inline-block;letter-spacing:2px;color: #8B4687;font-size: 26px;padding: 10px 0 0px 0;/* margin-bottom:10px; */font-family: 'Mrs Saint Delafield', cursive;/* border-bottom:1px solid #ff7e3e; */}
.common-title{text-align:center;font-size:16px;letter-spacing:5px;line-height: 25px;padding:40px 10px;}
.common-title2{ text-align:left; font-size:24px; letter-spacing:5px; padding:30px 10px; color:#202020; }

/*網站地圖*/
#sitemap{width:100%;margin:30px 0 20px 0;padding:0 10px;box-sizing: border-box;font-size: 15px;letter-spacing:1px;color: #444444;text-align: right;}
#sitemap:before{ content:url(../../images/home.png); transform: scale(.5); padding:0 5px 0 0; vertical-align: -30%; }
#sitemap a{color: #444444; text-decoration:none; }

#wrapper{ width:100%; }
#header{ width:100%; }

/*上方固定選單*/
.fix_menu{ position:fixed; width:100%; top:0; z-index:998; margin:0 auto; left:0; right:0; border-bottom:1px solid #CCBECF; -webkit-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s; }

#menu{width:100%;background:#FFF;text-align:center;}
.menu-wrapper{/*position:relative;*/border-top:1px solid #e0e0e0;border-bottom: 1px solid #d6d6d6;margin:0 auto;background:#FFF; }
.logo-wrapper{position:relative;max-width: 1200px;height:120px;margin:0 auto;-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
.logo-wrapper .logo-b{position:absolute;top:10%;left:10px;/* max-width:500px; *//*width:80%;*/}

.logo-wrapper nav{position:absolute;top:30px;right:10px;width: 570px;text-align: right;padding:0;margin:0;list-style:none;}
.logo-wrapper nav input[type='text']{ box-sizing:border-box; padding:0 35px 0 10px; letter-spacing:1px; color:#666; border:0;outline:0;width:180px;height: 30px;background:#f2f2f2; }


.logo-wrapper .links-area{position: absolute;right: 333px;bottom: 22px;padding:8px 20px;background:#AE68A7;color:#ffffff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.logo-wrapper .links-area a{ font-size:14px; color:#ffffff; text-decoration:none; }
.logo-wrapper .links-area a:not(:first-child):before{ content:" | "; padding:0 5px; }
.logo-wrapper .links-area a i{ padding-right:3px; }


.logo-wrapper ul{position:absolute;top: 45px;right: 0px;padding:0;margin:0;list-style:none;}
.logo-wrapper ul li{ float:left; padding:0 15px; }
.logo-wrapper ul li:last-child{ padding-right:0; }
.logo-wrapper ul li:not(:last-child){ border-right:1px solid #d7d7d7; }
.logo-wrapper ul li a{color:#000000;font-size: 15px;letter-spacing:1px;text-decoration:none;}
.logo-wrapper ul li img{ vertical-align:middle; width:20px; }
.logo-wrapper ul li a:hover{ color:#721F6D; }

.menu-wrapper ul{ list-style:none; margin:0; padding:0; display:inline-block; /*-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;*/}
.menu-wrapper ul li{width: 170px;float:left;position: relative;color: #333333;border-top:3px solid transparent;/* min-height:37px; */font-size: 16px;letter-spacing:1px;/* padding: 20px 0 0px 0; */text-align:center;border-left:1px solid #e0e0e0;/* text-shadow: 1px 1px 1px #CCC; */cursor:hand;cursor:pointer;transition: all 10ms ease;}
.menu-wrapper ul li:last-child{ border-right:1px solid #e0e0e0; }
.menu-wrapper ul li:hover{ border-top:3px solid #721f6d; }
.menu-wrapper ul li a{color:#333333;text-decoration:none;display: block;padding: 20px 0 5px 0;/* box-sizing: border-box; */}
.menu-wrapper ul li img{ position:absolute; right:20px; bottom:20px; }
.menu-wrapper ul li:before { content:''; position: absolute; top: 0px; left: 0px; width: 0px; background: rgba(250,230,250,0.3); transition: all 0.1s ease; } 
.menu-wrapper ul li:hover:before { width: 100%;}
.menu-wrapper ul li span{font-size:12px !important;color:#a5a5a5;display:block;padding: 0px 0 15px 0;text-shadow:none;}

.menu-wrapper ul li div{
z-index:999;
min-width:200px;
position:absolute;
left:0;
top:68px;
color:#fff !important;
background:#f7f7f7;
/*border:1px solid #fff;*/
opacity:0;
overflow:hidden;
max-height:0px;
transition:opacity 0.5s;
box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1);
}

.menu-wrapper ul li:hover div{ display:block; max-height:350px; height:auto; opacity:0.95; transition:opacity 0.5s,max-height .7s ease}
.menu-wrapper ul li div a{ position:relative; display:block; color:#636363; padding-top:5px; padding:12px 30px 12px 15px; text-decoration:none; }
.menu-wrapper ul li div a:after{ /*content:"﹥"; position:absolute; right:10px; top:10px;*/ }
.menu-wrapper ul li div a:hover{ background:#7e7463; color:#fff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

.container{ width:100%; margin:0 auto; overflow:hidden; }
.bg-gray{ background:#fbfbfb !important; }
.container .wrap{ position:relative; max-width: 1200px; min-height:300px; margin:30px auto 30px auto; overflow:hidden; }
.container:nth-of-type(odd) { background-color:#f7f6f5; }
.container:nth-of-type(even) { background-color:#ffffff; }


/*左右欄的頁面*/
.container .wrap{position:relative;max-width:1200px;min-height:500px;margin: 0px auto 0 auto;padding:0 0 40px 0;}
.container .wrap .layout-left{width: 25%;float:left;box-sizing: border-box;padding: 0 10px;}
.container .wrap .layout-right{width: 75%;float:left;box-sizing: border-box;padding: 0 10px;}

/*左右欄的頁面 - 搜尋*/
.container .news-content.flex{ display:flex; }
.container .wrap .layout-search-left{ flex:1; min-width:295px; box-sizing: border-box;padding: 0 30px 30px 10px; }
.container .wrap .layout-search-right{ flex:3; box-sizing: border-box;padding: 0 10px;}


/*左邊選單*/
.left-menu{width:100%;max-width:280px;margin: 0 0 30px 0;}
.left-menu .title{color: #1c1c1c;letter-spacing: 2px;font-size:24px;text-shadow: 1px 1px 1px #CCCCCC;padding-bottom: 12px;border-bottom: 5px solid #721f6d;margin-bottom: 20px;}
.left-menu .title img{ vertical-align:middle; padding-right:10px; width:40px; }
.left-menu .items{width:100%;max-width: 280px;overflow: hidden;border:1px solid #e6e5e5;box-shadow: 1px 1px 5px #EBEBEB;color:#0e0e0e;font-size: 16px;margin: 7px 0;padding:20px 10px;letter-spacing: 1px;box-sizing:border-box;align-items: center;/* justify-content: center; */text-shadow: 1px 1px 1px #CCCCCC;}
.left-menu .items .menu-left{float:left;padding:0 8px;max-width: 20px; width:20%; font-size:25px; }
.left-menu .items .menu-left.on{ color:#721f6d; }
.left-menu .items .menu-right{float:left;text-align:left;max-width: 195px; width:80%; line-height: 24px;}
.left-menu .items .menu-right p{ display: block; font-size: 12px; color: #a5a5a5; text-shadow: none; }
.left-menu .items .menu-right a{color:#0e0e0e; text-decoration:none; }
.left-menu .items .menu-right a:hover{ color:#721f6d; }
.left-menu .items ul{width:100%;padding:0;margin:0;list-style:none;border-top:1px dotted #7f7f7f;margin-top: 15px;padding-top: 15px;}
.left-menu .items ul li{padding: 12px 0 12px 25px;overflow: hidden;}
.left-menu .items ul li:hover .menu-left{ color:#721f6d; }

.main-box{width:100%;overflow: hidden;border:1px solid #e6e5e5;box-shadow: 1px 1px 5px #EBEBEB;color:#0e0e0e;font-size:16px;margin: 7px 0; letter-spacing: 1px;box-sizing:border-box;align-items: center; /* justify-content: center; */ }
.main-box .main-title{ width:100%; background:#721f6d; color:30px; color:#ffffff; font-size:30px; padding:15px 30px; box-sizing:border-box; }
.main-box .main-content{padding: 20px;background: #ffffff;}
.main-box .main-content .end-line{width:100%;height:1px;margin: 0 0 20px 0;border-bottom:1px dotted #919191;}
.main-box .main-content .subtitle{font-size:20px;font-weight:bold;letter-spacing:1px;padding: 0 0 15px 0;color:#721f6d;}
.main-box .main-content .subtitle img{vertical-align: -30%;padding-right:7px;width:25px;}
.main-box .main-content .subtitle a{ color: #000000; text-decoration: none; font-size: 16px; cursor: pointer;}
.news-content{font-size: 16px;padding: 15px 0 25px 0;overflow:hidden;clear:both;letter-spacing:1px;line-height:30px;/* border-bottom:1px solid #d3d3d3; */}


.flex{ display:flex; /*左右欄相同高度*/ }


.contain-title{ font-size:30px; letter-spacing:1px; color:#282828; text-shadow: 1px 1px 1px #CCC; }
.contain-title-nav{ position:relative; width:100%; overflow:hidden; padding:8px 0; letter-spacing:1px; border-bottom:1px solid #dcdcdc; }
.title-en{ float:left; color:#98938a; font-size:16px; text-shadow: 1px 1px 1px #CCC; letter-spacing:3px; }
.title-more{ float:right; color:#5f584b; }
.title-more a{ color:#5f584b; text-decoration:none; font-size:14px; }

.title-more a:hover{ text-decoration:underline; }

.big-title{ position:relative; color:#393939; font-size:24px; letter-spacing:1px; background:#f4f4f4; padding:20px 25px; margin:0 0 40px 0; text-shadow: 1px 1px 1px #CCC; }
.big-title img{ padding-right:20px; }
.big-title .en-title{ font-size:36px; padding-right:30px; }

.inner-title{ color:#393939; font-size:26px; text-shadow: 1px 1px 1px #CCC; padding:30px 0 20px 0; letter-spacing:3px; border-bottom:1px solid #dcdcdc; }
.inner-title-s{ color:#393939; font-size:20px; line-height:35px; padding:8px 10px 8px 10px; box-sizing:border-box; letter-spacing:3px; background:#f7f7f7; }
.inner-title-date{ color:#91b249; font-size:13px; letter-spacing:2px; font-weight:bold; border-bottom:1px dashed #999999; padding:8px 10px; box-sizing:border-box; }
.inner-title-date p{ font-weight:normal !important; color:#4b4a4a !important; padding:15px 0; line-height:20px;}

.title-inner{ position:relative; color:#393939; font-size:24px; text-align:center; letter-spacing:1px; background:#f4f4f4; padding:20px 25px; margin:0 0 40px 0; text-shadow: 1px 1px 1px #CCC; }
.title-inner2{ position:relative; color:#393939; font-size:24px; text-align:center; letter-spacing:1px; background:#f4f4f4; border:1px solid #CCC; padding:20px 25px; margin:0 0 40px 0; text-shadow: 1px 1px 1px #CCC; }


.more{  color:#742c79; font-size:15px; cursor:hand; cursor:pointer; }
.more-on span{ background:#742c79; color:#ffffff; }
.more span{ border:1px solid #742c79; padding:0 5px 2px 5px; margin-right:10px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
-webkit-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s;
 }

.more-posi{ position:absolute; top:27px; right:20px; }
.more-menu-posi{ position:absolute; top:17px; right:0px; }
.more:hover span{ background:#742c79; color:#ffffff; }


.gotop{ position:absolute; right:10px; bottom:20px; cursor:hand; cursor:pointer; /*opacity: 0.7; filter: alpha(opacity=70);*/ }

#sub-menu{ width:100%; min-height:280px; background:url(../../images/classify-bg.png) no-repeat; background-size:cover;}
#sub-menu .menu-wrap{ max-width:1200px; overflow:hidden; margin:0 auto; padding:70px 10px 30px 10px; box-sizing:border-box; }
#sub-menu .title{ float:left; min-width:300px; font-size:30px; letter-spacing:3px; text-shadow: 2px 2px 2px #CCC; }
#sub-menu .title span{ display:block; font-size:16px; padding:15px 0; letter-spacing:1px; }
#sub-menu .submenu{ max-width:600px; overflow:hidden; }
#sub-menu .submenu ul{ list-style:none; margin:0; padding:0;}
#sub-menu .submenu ul li{position:relative;float:left;width:100%;max-width:270px;color:#742c79;margin-right:30px;line-height: 22px;padding: 15px 50px 15px 0px;box-sizing: border-box;border-bottom:1px solid #acacac;font-size:18px;letter-spacing:1px;text-shadow: 1px 1px 1px #CCC;cursor:hand;cursor:pointer;-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
#sub-menu .submenu ul li:hover span{ background:#742c79; color:#ffffff; }



/*pager*/
#pager{ width:100%; margin:50px auto; text-align:center; font-size:14px; }

.editor{font-size:16px;padding: 15px 0 20px 0;clear:both;letter-spacing:1px;line-height:30px;}
.editor a{ color:#2258C5; text-decoration:underline; }

/*仿table排版*/
#C_table {display:table;}
.C_tr {display: table-row; }
.C_td {display: table-cell;letter-spacing:1px;padding:  8px 0;text-align:left;font-size: 15px;}
.C_td img { vertical-align:middle; padding-right:10px; }

.contact-p{ width:100px; text-align:left; }

/*Footer*/
#footer{position:relative;width:100%;padding: 30px 10px 30px 10px;box-sizing:border-box;overflow:hidden;background:#5c2458;}
#footer .wrap{ position:relative; max-width:1200px;width:100%;overflow: hidden;margin:0 auto;color:#ffffff;}
#footer .wrap .left{ position:relative; width:50%; float:left; }
#footer .wrap .left img{ padding-bottom:30px; }
#footer .wrap .left nav{ max-width:400px; overflow:hidden; color:#fffeff; font-size:14px; }
#footer .wrap .left nav a{float:left;width:175px;color:#fffeff;font-size: 15px;text-decoration:none;letter-spacing:1px;padding:10px 0;}
#footer .wrap .left nav a:hover{ color:#ffdc7c; }
#footer .wrap .left nav a:before{ content:" > "; padding:0 5px 0 10px; }
#footer .wrap .right{ width:50%; float:left; }
#footer .wrap .right .form{ margin: 0 0 50px 0; }
#footer .wrap .right .form .form-title{ font-size:14px; color:#f49fef; letter-spacing:3px; padding:10px 0; }
#footer .wrap .right .form .form-title img{ vertical-align:middle; }
#footer .wrap .right .form .paper-area{ position:relative; margin:0; }
#footer .wrap .right .form .paper-area input[type='text']{ width:100%; max-width:370px; height:40px; border:0; padding:0 110px 0 10px; box-sizing:border-box; outline:0; letter-spacing:1px; }
#footer .wrap .right .form .paper-area input[type='submit']{ position:absolute;top: -14px;right:0;width:100px;height: 42px;background:#000000;color:#ffffff;border:0;outline:0;cursor:hand;cursor:pointer; }
#footer .wrap .right .form .paper-area input[type='submit']:hover{ background:#111111;}
#footer #C_table .C_td a{ color:#ffffff; }

/*Copyrigh*/
#copyright{width:100%;overflow:hidden;background: #31172f;color:#b577b0;padding:10px 0;letter-spacing:1px;text-align:center;line-height:20px;font-size: 14px;}
#copyright a{ color:#b577b0; text-decoration:none; }
#copyright a:hover{ text-decoration:underline; }

@media screen and (max-width : 1400px) {
	#menu .menu-wrapper ul{ top:30px; }
	#menu .menu-wrapper ul li{ width:auto; font-size:14px; width:140px; }
	.menu-wrapper ul li img{ right:10px; }		

}

@media screen and (min-width : 1401px) {
	#menu .logo-wrapper .logo-s{ display:none; }	
}

@media screen and (max-width : 1024px) {

	.logo-wrapper nav{ display:none; }
	#menu .menu-wrapper{ position:inherit; display:table; text-align:center; padding:10px 0; }
	#menu .menu-wrapper ul{ position:inherit; }
	#menu .menu-wrapper ul li:first-child{ border:0; }

	.big-title .en-title{ font-size:24px; }
	
	#sub-menu{ background:url(../../images/classify-bg.png) right no-repeat; background-size:cover; min-height:inherit; }
	
	.submenu-mobile{ display:; }	
	.submenu-desktop{ display:none; }	
	
	#sub-menu .title{ float:none; }
	.container .wrap .layout-left{ display:none; }
	.container .wrap .layout-right{ width:100%; }

	.container .news-content.flex{ display:block; }
	.container .wrap .layout-search-left{ }
	.container .wrap .layout-search-right{ }	

	#footer .wrap .left{ float:none; width:100%; }
	#footer .wrap .left nav{ display:none; }
	#footer .wrap .right{ width:90%; }
	
	.flex{ display:block; }
	.left-menu{ max-width:none; display:none; }
	.left-search-menu{ display:block !important; }
	
}

@media screen and (min-width : 1025px) {
	
	.submenu-mobile{ display:none; }
	.submenu-desktop{ display:; }		
}

@media screen and (max-width : 810px) {

	#menu .menu-wrapper ul li{ padding:0 20px 0 20px; }
	.big-title .en-title{ padding-right:10px; }	

}

@media screen and (max-width : 550px) {
	.logo-wrapper .logo-b{/* width:80%; */max-height: 70px;}	
}

@media screen and (max-width : 500px) {
	.logo-wrapper{ height:100px; }
	.b-title{ /*line-height:0;*/ font-size:24px; }
	.b-title span{ margin-bottom:0; }
}

@media screen and (max-width : 480px) {
	.logo-wrapper{ height:85px; }	
	.more-posi{ position:initial; padding:15px 0 0 0; text-align:right; }
	.big-title{ font-size:20px; }
	.big-title .en-title{ font-size:20px; }	
	.main-box .main-content{ padding:10px; }
	.contact-p{ display:none; }
	#footer .wrap .left img{ width:80%; }
	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/



/*關於RAISE*/
.about-title{font-size:24px;color:#282828;padding: 20px 10px;text-shadow: 1px 1px 1px #CCCCCC; box-sizing:border-box; }
.about-content{ font-size:16px; color:#282828; line-height:30px; padding:20px 10px; box-sizing:border-box; }

/*最新消息*/
.news-square{display: inline-block;vertical-align: top;width: 30%;margin:1%;min-height:200px;border:1px solid #e6e5e5;box-shadow: 1px 1px 5px #EBEBEB;}
.news-square .top{width:100%;position: relative;/* height:80px; */text-align: right;overflow: hidden;letter-spacing: 1px;background:#721f6d;box-sizing:border-box;padding:15px;color:#ffffff;}
.news-square .top .title{font-size:14px;text-align: left;padding: 0 0 10px 0;}
.news-square .top .date{font-size:20px;text-align: left;}
.news-square .top span{position: absolute;right: 15px;top: 20px;padding: 10px 30px;color:#ffb64e;font-weight: bold;font-size: 14px;border:1px solid #ffb64e;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.news-square .bottom{position:relative;width:100%;height: 215px;background:#ffffff;box-sizing:border-box;padding: 30px;letter-spacing:1px;}
.news-square .bottom .title{color:#000000;font-size:18px;line-height:25px;text-shadow: 1px 1px 1px #CCCCCC;padding-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 25px;height: 30px;margin-bottom: 10px;}
.news-square .bottom .content{font-size:15px;color:#000000;line-height:22px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 25px;height: 80px;}
.news-square .bottom a{position:absolute;display:inline-block;right: 30px;bottom:20px;color:#d67e01;font-size:12px;text-decoration:none;}
.news-square .bottom a:before{ content:url(../../images/news-icon1.png); letter-spacing:2px; padding-right:5px; }

/*活動花絮*/
.activity-square{/* float:left; */display: inline-block;width: 45%;margin:2%;vertical-align: top;}
.activity-square img{ width:100%; }
.activity-square .title{width:100%;overflow:hidden;padding: 10px 0;display: flex;}
.activity-square .title .left{width: 25%;float:left;line-height: 20px;border-right:1px solid #b9b9b9;padding: 0 10px;box-sizing:border-box;}
.activity-square .title .left table td{ color:#721f6d; text-align:center; height:20px; letter-spacing:1px; }
.activity-square .title .right{width: 75%;float:left;font-size:18px;line-height: 22px;color:#282828;font-weight:bold;letter-spacing:1px;padding: 0 0 0 15px;box-sizing:border-box;display: flex;align-items:center;/* justify-content: center; */}
.activity-square .title .right a{ color:#282828; text-decoration:none; }
.activity-square .content{cursor:hand;cursor:pointer;width:100%;position: relative;overflow:hidden;min-height: 70px;color: #5c5c5c;font-size: 15px;line-height: 24px;letter-spacing: 1px;}
.activity-square .content a{position:absolute;display:inline-block;right: 0px;bottom: 0px;color:#d67e01;font-size:12px;text-decoration:none;}
.activity-square .content a:before{ content:url(../../images/news-icon1.png); letter-spacing:2px; padding-right:5px; }

/*相關連結*/
.links-container{text-align:center;width:100%;/* vertical-align: top; */}
.links-container a{margin:10px 5px;max-width:280px;width:100%;text-align:left;display:inline-block;vertical-align: top;}

/*指標統計*/
.custom-container{ text-align:center;width:100%; margin:100px 0 0 0; }
.slick-pre{position:absolute;top:45%;left: 50px;display:block;z-index:9999;}
.slick-next{position:absolute;top: 45%;right: 50px;display:block;z-index:9999;}
.custom-container .slider a{color:#6A3E79; text-decoration:none; letter-spacing:3px; cursor:default; }
.custom-container .slider .title-1{font-size: 70px;color:#6A3E79;}
.custom-container .slider .title-1 p{ display:inline-block; }
.custom-container .slider .title-1 span{ font-size:20px; }
.custom-container .slider .title-2{color:#948043;font-size:20px;padding: 15px 0 10px 0;}
.custom-container .slider .title-3{color:#D2D1CC;font-weight: bold;font-size: 14px;}
.custom-container .slider .line{position:absolute;top:45%;right: 0px;color:#948043;font-size:50px;}

/*活動圖片裁切*/
.img-demo {height:250px;overflow:hidden;/*border:1px solid #ccc;*/line-height: 250px;background: #ebebeb;}
.img-demo img{ vertical-align:middle;}

.img-demo2 {height:300px;overflow:hidden;/*border:1px solid #ccc;*/line-height: 300px;background: #ebebeb;}
.img-demo2 img{ vertical-align:middle;}

/* 連結 */
.linkcss {color: #2258C5; text-decoration: underline;}

@media screen and (max-width : 1024px) {
	.news-square{ width:45%; margin:1.5%; }	
	.custom-container .slider .line{ display:none; }
}

@media screen and (max-width : 768px) {
	.activity-square .title .left{ width:35%; }
	.activity-square .title .right{ width:65%; padding:0 8px;}
	.activity-square .content{ height:inherit; }
	.activity-square .content a{ display:block; position:inherit; }
	.news-square .bottom{ height:inherit; }
	.news-square .bottom a{ display:block; position:inherit; right:inherit; left:inherit; padding-top:30px; }
}
@media screen and (max-width : 550px) {
	.news-square, .activity-square{ width:96%; margin:2%; }	
	.img-demo, .img-demo2 { height:auto; line-height:inherit; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Content <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*下載*/
.download-list{ width:100%; overflow:hidden; padding:5px 20px 5px 20px; box-sizing:border-box; margin:5px 0; border-bottom:1px dotted #919191; }
.download-list .down-left{float:left;max-width: 30px;width: 10%;}
.download-list .down-left img{ vertical-align:-15%; width:20px; }
.download-list .down-right{float:left;width: 90%;}
.download-list .down-right a{ color:#444444; text-decoration:none; }
.download-list .down-right a:hover{ color:#721f6d; }


/*影片*/
.index_case_area{ width:100%; overflow:hidden; margin:0 auto; }
.video_area{width: 47%;margin: 20px 1%;display: inline-block;vertical-align: top;line-height: 25px;/* float:left; */}
.video_area a{color:#333333;text-decoration:none;display: block;margin: 5px 0 0 0;}
.video_area a:hover{ color:#721f6d; }
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

/*圖片連結*/
.team-area{ width:100%; display:flex; flex-wrap:wrap; margin:40px 0; }
.team-area .items{width:31%;display: flex;justify-content: center;margin:1%; cursor:pointer; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
.team-area .items:hover{ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 0.5s ease; }
.team-area .items > div{text-align:center;margin: 40px auto 0 auto;width: 100%;}
.team-area .items .img{max-width: 240px;height:160px;margin: 0 auto;display: flex;align-items:center;justify-content: center;}
.team-area .items img{display:block;/* padding-bottom:20px; */margin: 0 auto; /*width:100%;*/ }
.team-area .items .word{text-align:center;color:#3c3b41;padding: 20px 10px 30px 10px;font-size:18px;letter-spacing: 3px;font-family: 'Noto Sans TC', sans-serif;/* font-weight: bold; */}

/*分頁*/
#pagenation {position:relative;padding:4px 4px 5px;overflow:hidden;display: flex;align-items:center;justify-content: center;}
#pagenation a {float:left;color: #721F6D;margin-right:6px;}
#pagenation a:hover { float:left; color:#ffffff; background:#721F6D; margin-right:6px; }
#pagenation div {float:left;width:16px;height:18px;padding-left:2px;border: 1px solid #721F6D;line-height:20px;text-align:center;}
#pagenation div.pagenation_on {background: #721F6D;color:#ffffff;}
#pagenation .icon_more { position:absolute; bottom:9px; right:2px; }


@media screen and (max-width : 1024px) {
	.team-area .items img{ width:90%; max-width:100%; }
}
@media screen and (max-width : 768px) {
	.video_area{ width:96%; margin: 20px 2%; }	
	.download-list{ padding:5px 10px 5px 10px; }
}
@media screen and (max-width : 600px) {
	.team-area .items{ width:48%; }
}
@media screen and (max-width : 450px) {
	.team-area .items{ width:100%; }  
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> News <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/*最新消息*/
.news-items{ float:left; width:47.5%; margin:1%; min-height:200px; border:1px solid #e6e5e5; box-shadow: 1px 1px 5px #EBEBEB; }
.news-items .top{width:100%;position: relative;/* height:80px; */text-align: right;overflow: hidden;letter-spacing: 1px;background:#721f6d;box-sizing:border-box;padding:15px;color:#ffffff;}
.news-items .top .title{font-size:14px;text-align: left;padding: 0 0 0px 0;}
.news-items .top .date{font-size:20px;text-align: left;}
.news-items .top span{position: absolute;right: 15px;top: 25px;padding: 5px 30px;color:#ffb64e;font-weight: bold;font-size: 14px;border:1px solid #ffb64e;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.news-items .bottom{position:relative;width:100%;height:240px;background:#ffffff;box-sizing:border-box;padding: 30px;letter-spacing:1px;}
.news-items .bottom .title{color:#000000;font-size:18px; line-height:25px; text-shadow: 1px 1px 1px #CCCCCC;padding-bottom: 20px;}
.news-items .bottom .content{ font-size:14px; color:#000000; line-height:22px; }
.news-items .bottom a{position:absolute;display:inline-block;right: 30px;bottom:20px;color:#d67e01;font-size:12px;text-decoration:none;}

.news-items .bottom a:before{ content:url(../../images/news-icon1.png); letter-spacing:2px; padding-right:5px; }


@media screen and (max-width : 1024px) {
	.news-items{ width:45%; margin:2%; }	
}

@media screen and (max-width : 768px) {
	.news-items{ width:96%; margin:2%; }	
	.news-items .bottom{ height:inherit; }
	.news-items .bottom a{ display:block; position:inherit; right:inherit; left:inherit; padding-top:30px; }
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Login <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#login-frame{width:100%;margin:0 auto;text-align:center;overflow:hidden;padding: 0px 30px 30px 30px;box-sizing:border-box;letter-spacing:1px;}
#login-frame .form{ margin:40px auto 0 auto; width:100%; max-width:550px; }
#login-frame .form .row{ width:100%; overflow:hidden; margin:40px 0; }
#login-frame .form .row .col-left{float:left;width:30%;max-width:100px;height:35px;line-height:35px;text-align:left;color:#000000;font-size: 16px;}
#login-frame .form .row .col-right{ float:left; width:70%; text-align:left; height:35px; }
#login-frame .form .row input{max-width:445px;box-sizing:border-box;width:100%;height:30px;border:1px solid #d2c6cd;padding:0 7px;outline:0;letter-spacing:1px;font-size: 16px;border: 1px solid #b9b7b7;background: #f9f9f9;border-radius: 4px;}
#login-frame .pager { color:#b4b4b4; }
#login-frame .pager a{ display:inline-block; padding:0 10px; margin:10px 0; font-size:14px; color:#000000; text-decoration:none; }
#login-frame .pager a:hover{ text-decoration:underline; }


@media screen and (max-width : 680px) {	
  #login-frame{ padding: 0px 10px 30px 10px; }
  #login-frame .form .row input{ width:90%; }
}

@media screen and (max-width : 480px) {	
	#login-frame .form .row{ margin:15px 0; }
	#login-frame .form .row .col-right{ width:100%; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> News <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.index_news_list{ max-width:940px; width:100%; overflow:hidden; box-sizing:border-box; padding:2px 0px; border-bottom:1px dashed #A09AA4; }
.index_news_list:hover{ /*background:#f5efe3; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;*/ }

.index_news_list div{float:left;padding:8px 0;color: #6C6B6B;margin:10px 10px 0 0;letter-spacing:1px;}
.index_news_type{ color:#5C5C5C; display:inline-block; font-size:14px; padding:5px 8px !important; }
.index_news_date{font-size: 14px;color:#BABABA;letter-spacing:1px;}
.news_hot{display:inline-block;text-align:center;color: #ffffff;background:#B685B4;font-size: 14px;width:120px;margin: 0 0 0 20px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.index_news_title{ width:60%; line-height:20px; }
.index_news_title a{font-size: 16px !important;line-height: 30px;color:#393939;text-decoration:none;}


@media screen and (max-width : 1200px) {
	.index_news_title{ width:55%; }
	.index_news_list{ max-width:none; }	
	.index_news_list div{ margin:5px 10px 0 0; }		
}

@media screen and (max-width : 1024px) {
	.index_news_title{ width:100%; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Contact <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#contact_info{ position:relative; max-width:1200px; overflow:hidden; }
#contact_info .contact_info_left{float:left;width: 50%;margin: 20px 0 30px 0;}
#contact_info .contact_info_right{float:left;/* max-width:400px; */width: 50%;font-size:15px;padding: 10px 0 0 30px;box-sizing: border-box;letter-spacing:1px;color:#4f4f4f;line-height:30px;}
#contact_info .slogan{ background:url(../../images/about_line.png) top center no-repeat; padding:90px 0 0 0; position:absolute; top:0; right:0; }
.contact_info_btitle{ width:100%; border-bottom:1px solid #6d6b64; }
.contact_info_area{width:100%;overflow:hidden;line-height:25px;padding: 5px 0;/* border-bottom:1px dashed #a7a7a4; */}
.contact_info_title{float:left;width:20%;color: #721f6d;/* background:#c6e0a8; */text-align:center;margin:0 5% 0 0;padding:0 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contact_info_content{ float:left; width:70%; }

.contact{width:100%;overflow:hidden;margin: 0px auto;line-height:40px;color:#2D2D2D;font-size: 16px;letter-spacing:1px;}
.contact .item{color:#333; font-size:18px;  font-weight:bold; border-bottom:1px solid #DEDEDE;}
.contact .title{display:inline-block; padding:20px 0; font-size:40px; font-weight:bold;}
.contact .editor{padding:20px 0; letter-spacing:1px; line-height:30px; font-size:14px;}
.contact .form{float:right; width:100%; box-sizing: border-box; padding:2%; background:#f5f5f5; }
.contact .form_left{float:left; width:50%; color:#8B8B8B; letter-spacing:1px;}
.contact .form_right{float:left; width:50%; color:#8B8B8B;}
.contact .select{width:90%; height:30px; border:1px solid #D8D4D5; color:#A9AAAE; font-size:15px; letter-spacing:2px; outline:0;}
.contact .input{border:0; border-bottom:1px solid #D8D4D5; width:90%; height:40px; font-size:15px; letter-spacing:2px; outline:0; margin:20px 0; padding:0 10px; box-sizing:border-box; }
.contact .textarea{ width:98%; margin-top:10px; height:250px; border:0; border-top:1px solid #D8D4D5; font-size:15px; border-bottom:1px solid #D8D4D5; padding:5px; outline:0;}

.login-area{ width:100%; overflow:hidden; margin:0px auto; text-align:center; }
.login-title{ font-size:18px; color:#395069; font-weight:bold; border-bottom:1px solid #bebebe; padding-bottom:10px; }
.login-area table{ margin:30px 0;}
.login-area table td {color:#3b3a3a;padding: 10px 25px 10px 0;font-size: 16px;text-align:left;}
.login-area table td span{ color:#F00; padding-right:3px; }
.login-area table td img{ vertical-align:middle; }

.form-input input[type="text"],input[type="password"]{border: 1px solid #b9b7b7;background: #f9f9f9;border-radius: 4px;width:100%;height:35px;padding:5px 10px;box-sizing:border-box;color:#646464;outline: none;}
.form-input select{max-width:130px;width:100%;height:35px;border:1px solid #696868;padding:0 7px;outline:0;letter-spacing:1px;font-size:15px;font-family:"微軟正黑體";border: 1px solid #b9b7b7;background: #f9f9f9;border-radius: 4px;color:#646464;}
.form-input textarea {border:1px solid #696868;width:100%;padding:5px 10px;box-sizing:border-box;color:#646464;-webkit-transition: width 0.4s ease-in-out;transition: height 0.4s ease-in-out;height:100px;outline: none;border: 1px solid #b9b7b7;background: #f9f9f9;border-radius: 4px;}


@media screen and (max-width : 1024px) {
	#contact_info .contact_info_left{ float:none; width:100%; }
	#contact_info .contact_info_right{ float:none; width:100%; padding:10px 0 0 0 }
	.contact_info_title{ text-align:left; max-width:100px; }	
}


@media screen and (max-width : 768px) {
	.login-area table td { display:block; font-weight:bold; }
	.login-area table td:first-child{ text-decoration:underline; }
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 活動報名 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#activity-list{ width:100%; overflow:hidden; }
#activity-list .items{display: inline-block;vertical-align: top;width: 30.5%;margin:1%;box-sizing:border-box;text-align:center;background:#ffffff;}
#activity-list .items > .title{display:block;color:#000000;font-size: 14px;font-weight: bold;letter-spacing: 1px;line-height: 22px;padding: 10px 0 0 0;text-align: left;text-decoration:none;}
#activity-list .items > .date{text-align:left;font-size: 13px;line-height: 18px;color: #999999;padding: 0 0 5px 0;}
.activity-detail-title{ color:#bc8e8e; font-size:18px; border-bottom:1px solid #bc8e8e; margin:30px 0; padding:0 0 10px 0; }
#activity-list .photo-mask-content span{ border:1px solid #ffffff; padding:5px 10px; }

/*活動內頁*/
.form-subtitle{ position:relative; height:40px; font-size:20px;letter-spacing:1px;padding: 0 0 0 0;color:#721f6d;}
.form-subtitle span{position:absolute;top: 0;left: 0;background:#ffffff;padding:5px 10px;z-index:2;text-shadow: 1px 1px 1px #CCCCCC;}
.form-subtitle img{padding-right:7px;}
.form-subtitle .line{position:absolute;top: 50%;left:0;width:100%;height:1px;border-top:1px solid #731E71;z-index:1;}

/*相關檔案下載*/
.down-area a{ display:inline-block; border:1px solid #721F6D; color:#721F6D; padding:10px 20px; margin:10px 0; text-decoration:none;border-radius: 10px; }
.down-area a i{ padding-right:5px; }

table.gloria-form-1 td{ border-bottom:1px dotted #999; }
table.gloria-form-1 td:first-child{ color:#721F6D; }
table.gloria-form-1 td:first-child:before{ content:url(../../images/item-icon-2.png); vertical-align:middle; padding-right:5px; }

@media screen and (max-width:800px) {
	#activity-list .items{width: 46%;margin: 20px 1.5%;}	
}
@media screen and (max-width:480px) {
	#activity-list .items{ width: 94%;margin: 20px 3%; }	
}


/*------image mask--------*/
.photo-mask{opacity:0;position:absolute;left:0;bottom:0;color:#ffffff;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);letter-spacing:3px;text-align:center;padding:15px; box-sizing:border-box; line-height:22px;-webkit-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;}
.photo-mask-content{ width:100%; height:100%; display:flex; align-items:center; justify-content: center; }
.photo-mask .line{border:1px solid #FFFFFF;}
.gallery .photo-mask{ opacity:1; }
/* .gallery:hover .photo-mask{ opacity:1; } */



/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Sitemap <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#index_course{ max-width:1200px; width:100%; overflow:hidden; margin:30px auto; }
#index_course .course_items{/*max-width:380px;*/display: inline-block;vertical-align: top;width: 30%;margin:1%;border: 1px solid #dcdcdc;border-top:3px solid #693f7c;overflow:hidden;}
#index_course .course_items_title{width:100%;padding:20px;background:#ececec;color:#693f7c;font-size:20px;font-family: 'Noto Sans TC', sans-serif;font-weight: bold;}

#index_course .course_items_list{clear:both;border-bottom: 1px dashed #cccccc;color: #721f6d;font-size:16px;letter-spacing:1px;margin:0 20px;padding: 15px 10px;}
#index_course .course_items_list:before{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f111";padding-right: 10px; font-size:14px; }
#index_course .course_items_list a{color: #721f6d;text-decoration:none;}
#index_course .course_items_list a:hover{ text-decoration:underline; }
#index_course .course_items_list:first-child{ border:0; }
#index_course .course_items_list.sub{border:0;padding: 15px 35px;}
#index_course .course_items_list.sub:before{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f1ce";padding-right: 10px; font-size:14px; }


@media screen and (max-width : 1023px) {	
	#index_course .course_items{ width:47%; }
	
}
@media screen and (max-width : 720px) {
 	#index_course .course_items{ width:98%; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 僑臺商專區 - 訊息快訊 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/*訊息快訊*/
#index-marquee{width:100%;max-width:1200px;overflow:hidden;border-bottom: 1px dashed #999999;}
#index-marquee a:hover{ color:#000000; }
#index-marquee > .left{float:left;width: 85%;}
#index-marquee > .left .news-left{float:left;width: 25%;}
#index-marquee > .left .news-left img{margin:0 auto;padding: 5px 5px;width: 100%;max-width: 140px;}
#index-marquee > .left .news-right{float:left;width: 65%;padding: 10px 10px;}
#index-marquee > .left .news-right .types{color:#ffffff;background:#181717;font-size:12px;padding: 3px 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#index-marquee > .left .news-right ul{margin: 20px 0px;}
#index-marquee > .left .news-right ul li{font-size:16px;color:#010101;line-height: 22px;list-style:url(../../images/index-news-icon.png);}
#index-marquee > .right{position: relative;float:left;width: 15%;text-align: center;}

#index-marquee .news-right a{ color:#721f6d; text-decoration:none; }
#index-marquee .news-right a:hover{ text-decoration:underline; }

#index-marquee .slick-pre2{position:absolute;top:50%;left: 35px;z-index:9999;}
#index-marquee .slick-next2{position:absolute;top: 45%;right: 35px;z-index:9999;}

@media screen and (max-width : 900px) {
	#index-marquee > .left{ width:100%; }
	#index-marquee > .right{ float:none; clear: both;width: 100%;padding: 20px 0;text-align: center;}
	#index-marquee .slick-pre2 , #index-marquee .slick-next2{ position:inherit; padding:0 10px; left:inherit; right:inherit; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 僑臺商專區 - 各項活動 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/*活動花絮*/
#share-tibits{display:flex;width:100%;margin: 1vw auto;flex-wrap: wrap;}
#share-tibits .items{flex: 30%;max-width: 32%;margin: 10px 4px;cursor:pointer;border: 1px solid #ebebeb;}
#share-tibits .items:first-child{}
#share-tibits .items:nth-child(4){}
#share-tibits .items .content{width:100%;padding: 20px 20px 15px 20px;color:#ffffff; box-sizing:border-box; background: linear-gradient(299deg, rgba(105, 62, 125, 1)59%, rgba(92, 57, 113, 1)58%);background: -moz-linear-gradient(299deg, rgba(105, 62, 125, 1)59%, rgba(92, 57, 113, 1)58%);background: -webkit-linear-gradient(299deg, rgba(105, 62, 125, 1)59%, rgba(92, 57, 113, 1)58%);background: -o-linear-gradient(299deg, rgba(105, 62, 125, 1)59%, rgba(92, 57, 113, 1)58%);}
#share-tibits .items .content .date{display: inline-block;font-size:16px;min-height: 70px;border-bottom:4px solid #4e2d5d;padding-bottom:10px;}
#share-tibits .items .content .title{font-size:16px;line-height: 25px;min-height: 86px;padding: 10px 0 0 0;}
#share-tibits .items:hover .date{ border-color:#d0b76f; transition: all 0.2s linear; }
#share-tibits .items:hover .title{ color:#d0b76f; }
#share-tibits .items:hover .content{
background: linear-gradient(299deg, rgba(105, 62, 125, 1)83%, rgba(92, 57, 113, 1)57%);
background: -moz-linear-gradient(299deg, rgba(105, 62, 125, 1)83%, rgba(92, 57, 113, 1)57%);
background: -webkit-linear-gradient(299deg, rgba(105, 62, 125, 1)83%, rgba(92, 57, 113, 1)57%);
background: -o-linear-gradient(299deg, rgba(105, 62, 125, 1)83%, rgba(92, 57, 113, 1)57%);
}


@media screen and (max-width : 768px) {
	#inner-share #index-tibits .items{width: 48%; margin: 0 0.5% 30px 0.5%;}
	#share-tibits .items{ flex:48%; max-width: 48%; }
}
@media screen and (max-width : 600px) {
	#share-tibits .items{ flex:98%; max-width: 98%; }
}
@media screen and (max-width : 450px) {
  	#inner-share #index-tibits .items{width: 98%; margin: 0 1% 30px 1%;}
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Search <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.search-condition{ width:100%; /*border:1px solid #c4c4c4;*/ }
.search-condition div.select-area{display:flex;position:relative;width:100%;border: 1px solid #aaa;background: #ffffff;box-sizing:border-box;-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;}
.search-condition div.select-area .lefter{flex:1; max-width:120px;}
.search-condition div.select-area .righter{flex:1;}
.search-condition div em{ display:inline-block; font-size: 20px;font-style:inherit;background:#721f6d;width: 120px;padding: 12px 0;letter-spacing: 5px;text-align: center;color:#ffffff;font-family: 'Noto Sans TC', sans-serif;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;}
.search-condition div select{ width:100%; border:0;outline:0; box-sizing:border-box; margin-top:8px; padding:10px; background:#ffffff; font-size:16px;}


.search-condition span{ position:relative; }
.search-condition input{border:0; outline:0; background: #fafafa;width: 100%;padding:15px 40px 15px 130px;font-size: 18px;box-sizing: border-box;border: 1px solid #aaa;border-top: 0;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.search-condition select{ width:100%; outline:0; box-sizing:border-box; padding:10px; border:1px solid #aaa; font-size:16px; }
.search-condition span i{position:absolute;right: 12px;top:0;font-size: 20px;}
.search-condition span em{position:absolute;left: 1px;top: -17px;display:inline-block;font-size: 20px;font-style:inherit;background:#721f6d;width: 120px;padding: 12px 0;letter-spacing: 5px;text-align: center;color:#ffffff;font-family: 'Noto Sans TC', sans-serif;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;}
.search-condition .ui-select-input{font-size:18px;padding: 20px 10px;}
.search-condition .ui-select-wrap{border-top:0;height:50px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.search-condition .ui-select-wrap > select{ border:0; }
.search-condition .ui-select-list{ top:50px; }
.search-condition .ui-select-arrow{right:15px;}

.search-title{width:100%;font-size:24px;color:#101010;padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: 1px solid #c7c7c7;}
.search-note{ width:100%; font-size:14px; color:#6b6a6a; }
.search-note-ocic{ width:100%; font-size:14px; color:#6b6a6a; margin:20px 0; }

.search-list{width:100%;display:flex;box-sizing: border-box;padding: 20px 20px;margin: 30px 0 10px 0;border: 1px solid #ebebeb;border-left:3px solid #721f6d;box-shadow: 1px 1px 5px #ebebeb;}
.search-list > .left{flex:1;font-weight: bold;display: flex;align-items:center;justify-content: center;}
.search-list > .right{flex:8;padding: 0 20px;border-left: 1px solid #c7c7c7;}
.search-list > .right .path{
    font-size: 14px;
    font-weight: bold;
    color: #8e4c8a;
}
.search-list > .right .path span{ float:right; }
.search-list > .right .title{
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}
.search-list > .right .content{
    color: #505050;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
    line-height: 25px;
    height: 80px;
}


.table_condition td i{ font-size:16px; color:#721F6D; cursor:pointer; }
.table_condition td input, .table_condition td select{ width:100% !important; }
.btn-search-more{ display:none; }	

@media screen and (max-width :1024px) {
	.btn-search-more{ display:inline-block; }	
}

@media screen and (max-width : 768px) {
	.search-list{ display:block; }	
	.search-list > .right{ border:0; border-top:1px solid #ebebeb; padding:0; }
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Tix <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*首頁區塊*/
.tix-area{ width:100%; display:flex; flex-wrap:wrap; margin:40px 0; }
.tix-area .items{width:31%;display: flex;justify-content: center;margin:1%; }
.tix-area .items > div{text-align:center;margin: 40px auto 0 auto;width: 100%;}
.tix-area .items .img{max-width: 240px;height:160px;margin: 0 auto;display: flex;align-items:center;justify-content: center;}
.tix-area .items img{display:block;/* padding-bottom:20px; */margin: 0 auto; /*width:100%;*/ }
.tix-area .items .word{text-align:center;color:#3c3b41; min-height:60px; padding: 20px 10px 30px 10px;font-size:18px;letter-spacing: 3px;font-family: 'Noto Sans TC', sans-serif;/* font-weight: bold; */}
.tix-area .items .more{display:inline-block; text-decoration:none; color:#ffffff; background:#721F6D; padding:8px 12px; letter-spacing:1px; color:15px;}

@media screen and (max-width : 1024px) {
	.tix-area .items img{ max-height:100%; }
}
@media screen and (max-width : 600px) {
	.tix-area .items{ width:48%; }
}
@media screen and (max-width : 450px) {
	.tix-area .items{ width:100%; }  
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 表格用 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*產業聯絡專家*/
#table-expert{ width:100%; overflow:auto; }
#table-expert table{ width:100%; min-width:800px; }
#table-expert table { border-collapse: collapse;}
#table-expert table th{ background:#7E0F85; color:#ffffff !important; }
#table-expert table, 
#table-expert table th,
#table-expert table td { border: 1px solid black; color:#333; font-size:15px; letter-spacing:1px; line-height:23px; padding:10px; box-sizing:border-box; }
#table-expert table td:first-child { text-align:center; background:#CFA7CC; }

/*推動辦公室*/
.table-rwd{border-collapse: collapse; width:100%}
.table-rwd, 
.table-rwd th,
.table-rwd td { border: 1px solid black; color:#333; font-size:15px; letter-spacing:1px; line-height:23px; padding:10px; box-sizing:border-box; }
.table-rwd th{ background:#7E0F85; color:#ffffff !important; }

/*這是額外做顏色，沒有什麼意義*/
tr.tr-only-hide {color: #D20B2A;}

@media (max-width: 736px) {
  .table-rwd{min-width: 100%;}
  /*針對tr去做隱藏*/
  tr.tr-only-hide {display: none !important;}
  /*讓tr變成區塊主要讓他有個區塊*/
  .table-rwd tr{
    display: block;
    border: 1px solid #ddd;
    margin-top: 5px;
  }
  .table-rwd td {
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    width: 100%;
    display: block;
	}
	.table-rwd td:before {
    /*最重要的就是這串*/
    content: attr(data-th) " : ";
    /*最重要的就是這串*/
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
	  margin-right: 10px;
    color: #721F6D;
  }
  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
  
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Bxslider <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

ul.bxslider { margin:0; padding:0; }
#home_banner {
  /*margin-top:160px;*/
  display: inline-block; width: 100%; /*max-height: 750px;*/
  overflow: hidden; position: relative;}
#home_banner li { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; 
 -webkit-transition:transform .5s ease;
 -moz-transition:transform .5s ease;
 -o-transition:transform .5s ease;
 -ms-transition:transform .5s ease;
 transition:transform .5s ease;
}
#home_banner img { display: none; }
#home_banner .bxslider { opacity: 0;  -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 transition: all .5s ease; }
#home_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #home_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f1a900; border:1px solid #f1a900; }
#home_banner .bx-wrapper .bx-pager.bx-default-pager a { background-color: white; border:1px solid #ccc; width: 13px; height: 13px; margin: 0 8px; border-radius: 50%; box-shadow:2px 2px 8px rgba(15%,15%,40%,0.1);  -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 transition: all .5s ease;
}
#home_banner .bx-wrapper .bx-pager { bottom: 32px; opacity: 0; }
#home_banner .word { font-size: 15px; position: absolute; margin-left: -187px; margin-top: -116px; left: 50%; top: 50%; color: #673D3A; letter-spacing: 25px; opacity: 0.2; }
#home_banner .word b { font-weight: bold; }
#home_banner .down { position: absolute; right: 30px; bottom: 32px; width: 34px; height: 28px; z-index: 99; cursor: pointer; opacity: 0; }
#home_banner .down img { display: block; }


@media screen and (max-width : 1600px) {
	/*
	#home_banner, #home_banner li {
		max-height: 380px;
		height: 380px;
	}
	#home_banner img {
		display: none;
	}
	#home_banner .word {
		margin-left: -133px;
		margin-top: -60px;
	}
	*/
}
@media screen and (max-width : 1024px) {
	 #home_banner .bx-wrapper .bx-pager.bx-default-pager a {
		 width: 15px;
		 height: 15px;
	 }
	#home_banner .down {
		display: none;
	}
	 #home_banner, #home_banner li {
		/*max-height: 575px;*/
		/*height: 575px;*/ 
		/*margin-top: 75px;*/
	}
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Menu Search <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.pushy-submenu.srh{ position:relative; padding:0; }
.pushy-submenu.srh .srh-btn{position:absolute; right:5px; top:5px;}
.pushy-submenu.srh input[type="text"]{
	/* max-width:218px; */
	-webkit-appearance: none;
	border-radius: 0;
	width: 100%;
	height: 50px;
	line-height:38px;
	border:0;
	font-size: 14px;
	padding: 0 35px 0 10px;
	box-sizing: border-box;
	letter-spacing:1px;
	color:#333;
	outline:0;
}

/*左邊search選單*/
#left-search-top .search-keywords{ width:100%; overflow:hidden; border:2px solid #CCC; }
#left-search-top .search-keywords span{ display:inline-block; background:#721D6D; color:#ffffff; padding:12px 10px; font-size:15px; letter-spacing:2px; }
#left-search-top .search-keywords input{ padding:9px 10px; border:0; outline:0; font-size:15px; }

#table_more{ margin:20px 0 0 0; }
#table_more table{ margin-bottom:10px; }
#table_more select{border:2px solid #CCCCCC;padding: 15px 9px;margin-right:5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; min-width: 30px;}
#table_more input{border:2px solid #CCCCCC;padding: 16px 9px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

#left-search-bottom{ display:block; margin:20px 0; line-height:22px; font-size:15px; }
#left-search-bottom .search-caption{ padding:5px 10px; background:#ebebeb; }
#left-search-bottom .search-items{ padding:5px 0; letter-spacing:0; }
#left-search-bottom .search-items input{ margin-right:8px; }
#left-search-bottom .search-items div{ font-size:12px; color:#999; padding:0 25px }

@media screen and (max-width :1024px) {
	#left-search-bottom{ display:none; }	
}

.left-search-type {padding: 0px 0px 20px 0px; font-size: 20px; margin-top: -10px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Overlay <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.overlay1 { /*margin-top:80px;*/ height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; right: 0; background-color: rgba(118, 124, 85, 0.9); overflow:auto; transition: 0.5s; z-index: 4; }
.overlay1-content { position: relative; top: 0%; width: 100%; text-align: center; }
.overlay1 a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.overlay1 a:hover, .overlay1 a:focus { color: #f1f1f1; }
.overlay1-title { width:100%; height:50px; margin-top:50px; }
.overlay1-title span { color:#FFF; border-bottom:2px solid #FFF; font-size:20px; letter-spacing:1px; }
.overlay1_options { width:80%; margin:0 auto; }
.overlay1_item { position:relative; text-align:left; padding:15px 5px; color:#EAEAE8; letter-spacing:1px; border-bottom:1px solid #d2d2d2; font-size:15px; letter-spacing:1px; cursor:hand; cursor:pointer; 
-webkit-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s;
}
.overlay1_item:hover{ background-color: rgba(203, 220, 116, 0.9); }
.overlay1_item a { font-size:15px; color:#fff; font-weight:bold; }
.overlay1_item a:hover { color:#fff; }
.overlay1_item span { position:absolute; right:0; top:20px; padding:0 5px; font-size:25px; }
/*.overlay1_item:hover{ background:#000; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }*/
.overlay1_event { width:100%; display:none; background-color: rgba(100, 108, 55, 0.9); text-align:left; padding:20px; box-sizing:border-box; letter-spacing:1px; }
.overlay1_event a { display:block; font-size:15px; color:#fff; }
.overlay1_event a:hover { color:#fff; text-decoration:none; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Mobile Menu Effect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


	#mobileMenuPosition {
		 opacity:1;
		 width: 30px;

		 margin-right: 3%;
		 margin-top: 40px;
		 vertical-align: middle;
		 float: right;
		 -webkit-transition: all .4s ease;
		 -moz-transition: all .4s ease;
		 -o-transition: all .4s ease;
		 transition: all .4s ease;
		 -ms-transition: all .4s ease
	}
	.mobileMenuPosition_top {
		 margin-top: 8px
	}
	.mobileMenu {
		 width: 30px;
		 height: 25px;
		 position: absolute;
		 top: 40%;
		 z-index: 999;
		 cursor: pointer;
	}
	.mobileMenu span {
		 width: 30px;
		 height: 5px;
		 margin-top:5px;
		 display: block;
		 background:#000;
		 -webkit-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -moz-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -ms-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 -o-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
		 transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1)
	}
	
	
	.mobileMenu_spac {
	 	background: #fff !important
	}
	.mobileMenu span:first-child {
		margin-top: 0
	}
	.mobileMenu .top {
		 position: absolute;
		 top: 10px;
		 -webkit-transform: rotate(225deg);
		 -moz-transform: rotate(225deg);
		 transform: rotate(225deg)
	}
	.mobileMenu .bottom {

		 position: absolute;
		 top: 10px;
		 margin-top: 0 !important;
		 -webkit-transform: rotate(-225deg);
		 -moz-transform: rotate(-225deg);
		 transform: rotate(-225deg)
	}
	.mobileMenu .middle {
	 	opacity: 0
	}
	.menu-active .navigation {
	 	right: 0
	}
	.menu-active .navigation ul li {
		 -moz-transform: translateX(0);

		 -webkit-transform: translateX(0);
		 opacity: 1;
		 transform: translateX(0)

	}
	

@media screen and (max-width : 1024px) {

	#mobileMenuPosition{ display: }	
	#menu .menu-wrapper ul{ display:none; }
	
	#menu .menu-wrapper{ display:inherit; position:relative; padding:0; }
	#menu .logo-wrapper .logo-s{ /*position:absolute; top:20px;*/ }
	
	
}

@media screen and (min-width : 1025px) {

	#mobileMenuPosition{ display:none; }
	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Table <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.zebra td, 
.zebra th {
  padding: 10px;
  font-size: 16px;
  /*border-bottom: 1px solid #f2f2f2;*/
}
/*使用:nth-child(even)给表格的奇数行添加背景和阴影效果*/
.zebra .alternate,
.zebra tr:nth-child(even) {
  background: #f5f5f5;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
.zebra th {
  text-align: center;
  font-size: 16px;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
  background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eee);
  background-image: linear-gradient(top, #f5f5f5, #eee);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee)";
}
/*使用 :first-child设置表格表头第一个单元格左上角为圆角*/
.zebra th:first-child {
  border-radius: 6px 0 0 0;
}
/*使用 :last-child设置表格表头最后一个单元格右上角为圆角*/
.zebra th:last-child {
  border-radius: 0 6px 0 0;
}

.zebra a{color: #2258c5;}

@media screen and (max-width : 768px) {
	.visible-no-m{ display:none; }
}
@media screen and (max-width : 480px) {

	.visible-no-s{ display:none; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> CSS Effect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*------圖片轉灰色--------*/
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/*------css3上下跳動--------*/
@-webkit-keyframes upDown {
  0%     {bottom:20px; opacity:1;}

  50%   {bottom:24px; opacity:1;}
  100% {bottom:20px; opacity:1;}
}
@-moz-keyframes upDown {
  0%     {bottom:20px; opacity:1;}
  50%   {bottom:24px; opacity:1;}
  100% {bottom:20px; opacity:1;}
}
@keyframes upDown {
  from     {bottom:20px; opacity:1;}

  50%   {bottom:24px; opacity:1;}
  to {bottom:20px; opacity:1;}
}
.upDown{
	-webkit-animation: upDown ease-out 1s infinite;
	-moz-animation: upDown ease-out 1s infinite;
	-o-animation: upDown ease-out 1s infinite;
	animation: upDown ease-out 1s infinite;
}
	

/*image zoom*/
.photo-zoom {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.photo-zoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.photo-zoom:hover img {

  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*scroll progress bar*/
.KW_progressContainer {
  left:0;
  width: 100%;
  height: 0.4em;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  overflow: hidden;
  background-color: #721f6d;
  content: "";
  display: table;
  table-layout: fixed;
  z-index:999;
}

.KW_progressBar {
  width: 0%;
  float: left;
  height: 100%;
  z-index:99;
  max-width: 100%;
  background-color:#db83d6;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Radio/Checkbox <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* Customize the label (the container) */
.container-form {
  display: inline-block;
  /* vertical-align: -28%; */
  position: relative;
  padding-left: 30px;
  margin-left: 10px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-form input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;

  background-color: #f9f9f9;
  border: 1px solid #b9b7b7;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-form:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-form input:checked ~ .checkmark {
  background-color: #F19B20;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-form input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
/*
.container .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
*/
/* Style the checkmark/indicator */
.container-form .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media screen and (max-width : 768px) {
	.container-form { font-size:13px; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Desktop Menu Effect <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*
#menu .menu-wrapper ul li:first-child{ background:url(../../images/menu-icon1.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:first-child:hover{ background:url(../../images/menu-icon1-on.png) no-repeat;  background-position: 115px 0px; }
#menu .menu-wrapper ul li:nth-child(2){ background:url(../../images/menu-icon2.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(2):hover{ background:url(../../images/menu-icon2-on.png) no-repeat;  background-position: 115px 0px; }
#menu .menu-wrapper ul li:nth-child(3){ background:url(../../images/menu-icon3.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(3):hover{ background:url(../../images/menu-icon3-on.png) no-repeat;  background-position: 115px 0px; }
#menu .menu-wrapper ul li:nth-child(4){ background:url(../../images/menu-icon4.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(4):hover{ background:url(../../images/menu-icon4-on.png) no-repeat;  background-position: 115px 0px; }

#menu .menu-wrapper ul li:nth-child(5){ background:url(../../images/menu-icon5.png) no-repeat; background-position: 120px 0px; }
#menu .menu-wrapper ul li:nth-child(5):hover{ background:url(../../images/menu-icon5-on.png) no-repeat;  background-position: 115px 0px; }
*/

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> placeholder <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  color:#CCCCCC;
  font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#CCCCCC;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#CCCCCC;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto; background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction {width: 220px;/* height: 55px; */padding: 10px 0;top: 42%;position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;background-color:rgba(0, 0, 0, 0.5);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.Actionupload_Text {padding: 10px 0;font-size:13px;color:#FFFFFF;height: 20px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa {/* font-family:Verdana; */letter-spacing:1px;font-size: 15px;padding-right:10px;padding-left:10px;}
.cssb { /*font-family:Verdana;*/ letter-spacing:1px; font-size:15px; padding-right:5px; padding-left:5px; }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:15px; padding-left:10px; padding-right:10px; height:40px }
.cssd { /*font-family:Verdana;*/ font-size:15px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
.pageselect{border:1px solid #CCCCCC;padding: 4px 5px;font-size:12px;}
.pageselect:hover{ background:#ebebeb; }
a.pagelink_no{color:#333333;text-decoration:none;border: 1px solid #CCCCCC;padding: 5px 10px; display: inline-block; margin: 5px 0;}
a.pagelink_no:hover{ background:#ebebeb; }
a.pagelink{color:#333333;text-decoration:none;border: 1px solid #CCCCCC;padding: 5px 10px;}
a.pagelink:hover{ background:#ebebeb; }
a.pagelink_ch{color:#333333;padding: 5px 10px;border: 1px solid #cccccc;background: #ebebeb;text-decoration:none;}

.elite_select { font-size: 12px; }

.en_css { display: block; font-size: 12px; color: #665d5d; text-shadow: none; letter-spacing: 0px; }
.en_css2 { display: inline-block; font-size: 12px; color: #665d5d; text-shadow: none; letter-spacing: 0px; }