@charset "utf-8";
body {	
	
}



/* 整個捲軸 */
::-webkit-scrollbar {
	
}
/* 捲軸的軌道 */
::-webkit-scrollbar-track {
	
}
/*捲軸尚未滑到的軌道*/
::-webkit-scrollbar-track-piece{
	
}
/* 滑動的區塊 */
::-webkit-scrollbar-thumb {
	
}
/* 滑鼠移到滑動的區塊上 */
::-webkit-scrollbar-thumb:hover {
	
}

/* header */
header {
	
	
	
}

header a {
	color: #333333;
	text-decoration:none;
}
header .js-menu_sw {
	width: 100%;
	text-align: center ;
	cursor:pointer;
}
header .logo_string {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: left;
    
    font-size: 36px;
	font-weight: bold;
	text-decoration: none;
	text-overflow:ellipsis;	
	white-space:nowrap;
	overflow:hidden;
}
header .logo_string:hover{
	
}

header .header-container {
	display:table ;
	width:100%;
}
header .header-container .header-left,
header .header-container .header-center,
header .header-container .header-right {
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}
header .header-container .header-left {
	text-align:left ;
}
header .header-container .header-center {
	text-align:center ;
}
header .header-container .header-right {	
	text-align:right ;
}

/* header_desk - 桌面 */ /*#adc6dc*/
.header_desk {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	box-shadow: -3px 1px 5px 1px rgba(0,0,0,0.2);
	z-index:1000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	background-color: #FFF;
}
.header_desk .header-container { 
	padding:0 15px;
}
.header_desk a {
	cursor: pointer;
}
.header_desk a:hover {
	color: #666;
}
.header_desk + .header_desk_interval {	/*要對應 header_desk 高度 */
	height:10vh;
}
.header_desk .href_logo {
	height:50px;
}
.header_desk .href_logo img {
	height: 100%;
}
.header_desk a.href_logo {
	display:inline-block;
	width:100%;
}
.header_desk .logo_bg {
	display:block;
	width:100%;
	height:100px;
	
	background-image: url(/images/logo.png);
	background-size:contain;
	background-position:center left;
	background-repeat: no-repeat;
}


.header_desk .header_menu {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width:0%;
	height:100vh ;
	max-height:100vh ;
	padding: 50px 0px 0px 0px ;
	
	background-color: #bfbfbf ;
	
	overflow:hidden;
	
	transition: width 0.5s ;
	z-index:-1;
}
.header_desk .header_menu .item_menu {
	border-top:2px solid transparent;
}
.header_desk .header_menu .item_menu a {
	display:inline-block;
	width:100%;
	padding: 0px 12px ;
	color: #333333 ;
	white-space:nowrap;
	overflow:hidden;
}
.header_desk .header_menu .item_menu .tit {
	
}
.header_desk .header_menu:hover {
	/*opacity:0.9;*/
}
header.menu_active .header_desk .header_menu {
	width:25%;
}

.header_desk .header_menu.menu_industry {
	top: 110px;
}


/* header_phone - 手機 */
.header_phone {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	background-color:#E3E3E3;
	z-index:1000;
	
}
.header_phone .header_bar {
	
}
.header_phone .layout_left {
	text-align:center;
	font-size: 15px;
}
.header_phone .fa-bars {
	cursor:pointer;
}
.header_phone .layout_right {
	text-align:right;
	color: #666;
}
.header_phone .layout_right a{
	color: #333;
}
.header_phone .header_menu {
	
	height:0vh ;
	max-height:90vh ;
	padding: 0px 0px 0px 0px ;
	
	background-color: #f3f3f3 ;
	
	overflow:hidden;
	
	transition: height 0.5s ;
	z-index:999;
}
.header_phone .header_menu .item_menu {
	border-bottom:1px dotted #cccccc;
}
.header_phone .header_menu .item_menu a {
	display:inline-block;
	width:100%;
	padding: 16px 12px 16px 12px;
	color: #333;
}
.header_phone .header_menu:hover {
	/*opacity:0.9;*/
}
header.menu_active .header_phone .header_menu {
	height:90vh ;
}

header .member_pict {
	width:22px;
	height:22px;
	margin-right:5px;
}

header + .header_interval {
	padding-top: 50px;	/*對應 header 高度 */
}

/* 管理區 */
.layout-header_manage .header-container {
	background-color: #ffffff ;
    color: #CCC;
}
.layout-header_manage .header-container a {
	color: #333333;
}

/* aside */
aside {
	
}
aside .aside_top_interval {
	display:block;
	width: 100%;
}
aside .aside_desk {
	position: fixed;
	top:0;
	left:0;
	display:inline-block;
	/*width: 200px; 寬度配合下面 .section-left */
	height: 100%;
	background-color: #cccccc;
	z-index: 10; 
}
aside .aside_desk .aside-container {
	height: 85%;
    padding: 0 15px ;
	
	overflow:hidden;
}
.aside_desk .list_links {
	height: 100%;
	padding-top: 15px;
	padding-left: 15px;
	background-color: #ffffff ;
	
	overflow-y:auto;
}
.aside_desk .item_links a {
	color: #000000;	
}
.aside_desk .item_links .fa {
	width:30px;
	margin-bottom:15px;
	color: #26ABBA;	
}


/* section */
section {
	min-height:87vh;
}
section > .section-banner,
section > .section-bottom {
	display:block;
	width:100%;
}
section > .section-container {
	display:table;
	width:100%;
	table-layout:auto !important ;
	word-break:break-all;
	white-space:normal;
}

.section-container > .section-right,
.section-container > .section-left,
.section-container > .section-center {
	position:relative;
	display:table-cell;
	
	height:100%;
	
	word-break:break-all;
	white-space:normal;
	
	table-layout:fixed;
}
.section-container > .section-right {
	width: 0%;
}
.section-container > .section-left {
	width: 0%;
}
.section-container > .section-center {
	
}
.section-page_link {
	
}
.section-page_link > a + a:before {
	content: " > ";
}
.section-page_link_title {
	
}
aside .aside_desk,
aside + section .section-container > .section-left {
	width: 250px;
}


/* footer */
section + footer .footer-interval {
	
}
footer {
	position:relative;
	clear:both;	
}
footer .footer-bg {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	
	background-color: #505456;
	z-index:-1;
}
footer .page_option {
	position:fixed;
	bottom: 15%;
	right:6px;
	display:inline-block;
	
	z-index:900;
}
footer .page_option .fa {
	display:inline-block;
	width: 1.5em ;
	height: 2.5em ;
	margin-bottom:6px;
	
	font-size:1.2em ;
	text-align:center;
	line-height:2.5em;
	
	-webkit-border-radius:6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	border:1px solid transparent;
	
	opacity:0.7;
}
footer .page_option .fa_back {
	color:#ffffff ;
	background-color: #F90 ;
	border-color:#ffffff ;
}
footer .page_option .fa_top {
	color:#ffffff ;
	background-color: #0066ff ;
	border-color:#ffffff ;
}	
footer .page_option .fa:hover {
	opacity:1;
}
footer .block_web_info {
	padding-top: 20px;
	padding-bottom: 20px;
	
	text-align:center;
	font-size: 15px;
    color: #FFF;
}


.menu_navcc {
	position:relative;
	width:100%;
	height:48px;
	margin-bottom:10px;
}
.menu_navcc .menu_list {
    display:inline-block;
	width:100%;
	
	background: linear-gradient(top, #9BD1DD 0%, #7BBFD0 100%);
	background: -webkit-linear-gradient(top, #9BD1DD 0%, #7BBFD0 100%);
}
.menu_navcc .menu_list > .item_list {
	position:relative;
	display:inline-block;
	width:auto;
	height:48px;
	padding:0px;
    float:left;
}
.menu_navcc .menu_list > .item_list.current > a {
	background-color:#41a7be ;
}
.menu_navcc .menu_list > .item_list.lower {
    
}

.menu_navcc .menu_list > .item_list.lower .item_list {
	width: 100%;
}


.menu_navcc .menu_list > .item_list icon {
    font-size: 10px;
	text-decoration:none;
}

.menu_navcc .menu_list > .item_list > a {
	position:relative;
    display:inline-block;
	width:100%;
	height:100%;
	padding: 0px 12px;
	margin:0px;
	color:#ffffff;
	
	font-size: 15px;
	font-weight: bold;
	line-height:48px;
	text-align:center;
	text-decoration:none;
	
	text-overflow:ellipsis;	
	white-space:nowrap;
	overflow:hidden;
}
.menu_navcc .menu_list > .item_list.lower > a {
	padding-right:22px;
}
.menu_navcc .menu_list > .item_list.lower > a:after {
    content: "▼";
	position:absolute;
	top:0px;
	right:6px;
	font-size: 8px;
	color:#ffffff;
}

.menu_navcc .menu_list > .item_list > .menu_list {
	position:absolute;
	top:100%;
	left:0%;
	display:none;
	width:auto;
	min-width:100%;
	z-index:2;
}
.menu_navcc .menu_list > .item_list:last-of-type > .menu_list > .item_list {
	float:right;
}

.menu_navcc .menu_list > .item_list:hover {
	background:#398EA4;
}  
.menu_navcc .menu_list > .item_list:hover > .menu_list {
	display:inline-block;
}

.btn {
	display: inline-block;
	appearance: button;
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	color: #000;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	text-align: center;
	align-items: flex-start;
	border-image: initial;
	text-decoration:none;
	cursor:pointer;
	border: 1px outset #26abba;
	font-family: Arial;
	font-size: 15px;
	font-weight: 400;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.btn:hover {
	text-decoration:none;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);
}
.btn_send {
	display:inline-block;
	width:160px;
	max-width:40vw;
	padding:6px 0px;
	
	color:#ffffff;
	background-color:#26ABBA ;
	
	border:1px solid #26ABBA;
	border-radius:5px;
	text-align:center;
	font-size:16px;
	font-weight:700;
}
.btn_back {
	display:inline-block;
	width:160px;
	max-width:40vw;
	padding:6px 0px;
	
	color:#26ABBA ;
	background-color:#ffffff;
	border:1px solid #26ABBA;
	border-radius:5px;
	text-align:center;
	
	font-size:16px;
	font-weight:700;
}

.pagination {
	margin-top:20px;
}



.addthis_inline_share_toolbox {
	display:inline-block;
	/*text-align: right;*/
}

.detail_title  {
	margin-bottom: 30px;
}
.detail_title h3{
	font-size: 30px;
}
.detail_info  {
	margin-bottom: 20px;
	font-size: 13px;
}
.ckeditor_content   {
	line-height: 30px;
	padding-bottom: 50px;
	margin-top: 50px;
}
form-content {
	
}
.form-content .w-section-header {
	padding-top:12px;
	margin-top:5px;
	margin-bottom:12px;
	
	font-size:20px;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #cccccc ;
}
form-content .w-section-header + .unit {
	margin-bottom: 10px;
}

.icon-req {
	color:red;
}


.block_pict {
	position:relative;
	display:inline-block;
	width:100%;
	margin-bottom:20px;
	
	text-align: left;
	vertical-align: top;
}
.block_pict .js-up2list {
	/*position:absolute;
	top:0px;
	left:0px;*/
	display:inline-block;
	width:100%;
	
	font-size:0px;
}
.block_pict .one_pict,
.block_pict .item_pict {
	position:relative;
	display:inline-block;
	width:20%;
	
	background-repeat: no-repeat ;
	background-size:100% 100%;
	background-position:center;
}
.block_pict .one_pict,
.block_pict .item_pict {
	padding:10% 0%;
}

.block_pict .one_pict:before,
.block_pict .item_pict:before {
	content: '';
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	background-color:transparent;
	border:2px dashed #cccccc ;	
	box-sizing: border-box;
}
.block_pict .item_pict .upload {
	position:absolute;
	top:5%;
	left:5%;
	
	width:90%;
	height:90%;
	
	text-align:center;
	font-size:24px;
	color: #303030 ;
	border:5px dashed #303030 ;
	cursor:pointer;
}
.block_pict .item_pict .upload:hover  {
	border-color : blue ;
}
.block_pict .item_pict .image {
	position:absolute;
	top:0px;
	left:5%;
	display:inline-block;
	width:90%;
	height:90%;
	
	background-repeat: no-repeat ;
	background-size:contain;
	background-position:center;
	z-index : 1;
}
.block_pict .item_pict .btn_del,
.block_pict .item_pict .arrow_right,
.block_pict .item_pict .arrow_left {
	position:absolute;
	bottom:0px;

	display:inline-block;
	
	font-size:22px;
	font-weight:bold;
	text-align: center;
	z-index : 3;
	cursor:pointer;
}
.block_pict .item_pict .arrow_left {
	left:calc(50% - 50px);
	left:10px;
}
.block_pict .item_pict .arrow_right {
	right:calc(50% - 50px);
	right:10px;
}
.block_pict .item_pict .btn_del {
	left:30%;
	width:40%;
	z-index : 2;
}
.block_pict .item_pict:first-of-type {
	/*width: 40%;
	padding: 20%;*/
}
.block_pict .item_pict:nth-last-child(2) .arrow_right,
.block_pict .item_pict:first-of-type .arrow_left {
	display:none ;
}
.block_pict .one_pict:hover,
.block_pict .item_pict:hover {
	color : blue ;
	/*box-shadow: 2px 3px 4px 3px rgba(0,0,0,0.1);*/
}
.block_pict .one_pict {
	width:100%;
}
.block_pict .js-upload {
	position:absolute;
	top:0px;
	left:0px;
	display: table;
	width:100%;
	height:100%;
	opacity:0.1;
	cursor:pointer;
}
.block_pict .js-upload:before {
	content: '上傳中...';
	display: table-cell;
	width:100%;
	height: 100%;
	
    vertical-align: middle;
	text-align:center;
	font-size:1em;
	white-space: pre;
	box-sizing: border-box;
}
.block_pict .js-upload.inactive:before {
	content: '上傳 \a 圖片';
}
.block_pict .js-upload:hover {
	opacity:1;
	color:blue ;
}