@charset "utf-8";
body {	
	
}

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

#LAYOUT_CLASS {
	
}



/* header */
header {
	
	
	
}
header a {
	text-decoration:none;
}

/* header_desk - 桌面 */
.header_desk {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	z-index:1000;
}
.header_desk .css-td {
	vertical-align:middle;
}
.header_desk .js-menu_sw {
	width:20px;
	font-size:20px;
}
.header_desk .js-menu_sw:before {
	content: "\f0c9";
	font-family: 'FontAwesome';
}
.header_desk .logo {
	display:inline-block;
	
	background-size:contain;
	background-position:center left;
	background-repeat: no-repeat;
}
.header_desk .logo_string {
	line-height: 50px;
	font-size: 25px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-left: 10px;
}
.header_desk .logo_string a:hover{
	text-decoration: none;
}
.header_desk .layout_left {
	text-align:left ;
	overflow:hidden;
}
.header_desk .layout_right {
	position:relative;
	display: inline-block;
	width:100%;
	text-align:right ;
	/*overflow:hidden;*/
}
.header_desk .layout_right a {
	
	cursor: pointer;
}
.header_desk .layout_right a:hover {
	color: #666;
}
.header_desk .header_menu {
	
}
.header_desk .header_menu .item_menu {
	display:inline-block;
	max-width:19%;
	padding: 0px ;
}
.header_desk .header_menu .item_menu a {
	display:inline-block;
	width:100%;
	
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}
.header_desk + .header_desk_interval {
	/*對應 header_desk 高度 */
}
header.menu_active
 .header_desk .header_menu {
	width:25%;
}

/* header_phone - 手機 */
.header_phone {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	
	background-color:#E3E3E3;
	
	z-index:1000;
}
.header_phone .css-td {
	height:60px;
	vertical-align:middle;
}
.header_phone .layout_left {
	text-align:center;
	font-size: 15px;
}
.header_phone .fa-bars {
	font-size: 24px;
	cursor:pointer;
}
.header_phone .layout_right {
	text-align:right;
	color: #666;
}
.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_phone + .header_phone_interval {
	min-height:60px;	/*對應 header_phone 高度 */
}
.header_phone .js-menu_sw {
	font: normal normal normal 24px/1 FontAwesome;
    cursor: pointer;
}
.header_phone .js-menu_sw:before {
	content: "\f0c9";
}
header.menu_active
.header_phone .header_menu {
	height:90vh ;
}
header.menu_active
.header_phone .js-menu_sw:before {
	content: "\f00d";
	
}

header + .header_interval {
	
}


/* section-container */
section {
	
}
.section-container {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	min-height:83vh;
	font-size: 16px;
}
.section-container > .section-left {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
	padding-top:10px;
	
	-ms-flex-order: 2;
	order: 2;
}
.section-container > .section-right {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
	
	-ms-flex-order: 3;
	order: 3;
}
.section-container > .section-center {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
	
	-ms-flex-order: 1;
	order: 1;
}
.section-container > .section-bottom {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
	
	-ms-flex-order: 4;
	order: 4;
}
/*手機板以上*/
@media (min-width: 768px) {
	.section-container > .section-left {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		
		-ms-flex-order: 1;
		order: 1;
	}
	.section-container > .section-right {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		
	}
	.section-container > .section-center {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		
		-ms-flex-order: 2;
		order: 2;
	}
	.section-container  > .section-left ~ .section-center {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
	}
	.section-container  > .section-right + .section-center {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
	}
	.section-container  > .section-left + .section-right + .section-center {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

}


.section-page_link {
	
}
.section-page_link > a + a:before {
	content: " > ";
}
.section-page_link_title {
	
}


/* footer */
section + footer .footer-interval {
	
}
footer {
	clear:both;
}
.footer-bg {
	min-height: 7vh;
	
}


/* 其他 */
.btn {
	appearance: button;
	-webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: buttonface;
    box-sizing: border-box;
    
    font: 400 13.3333px Arial;
    border: 1px outset buttonface;
    border-image: initial;
	
	cursor:pointer;
}
.btn:hover {
	text-decoration:none;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);
}
.btn_send {
	display:inline-block;
	width:48%;
	max-width:160px;
	padding: 6px 0px;
	color:#ffffff;
	background-color:#0194CB;
	border:1px solid #0194CB;
	border-radius:6px;
	text-align:center;
	font-size:16px;
	font-weight:700;
}
.btn_back {
	display:inline-block;
	width:48%;
	max-width:160px;
	
	padding: 6px 0px;
	
	color:#ffffff;
	background-color:#ff6600 ;
	
	border:1px solid #CC7A00;
	border-radius:5px;
	text-align:center;
	
	font-size:16px;
	font-weight:700;
}
.btn_send:hover {
	background-color:#019fde ;
	
}
.btn_back:hover {
	background-color:#ffc299;
	
}

.ckeditor_content   {
	line-height: 30px;
	padding-bottom: 50px;
}
.w-section-header {
	margin-top:5px;
	margin-bottom: 5px;
	
	font-size: 15px;
}
.w-section-header + .unit {
	margin-bottom: 10px;
}

.icon-req {
	color:red;
}

.fake_table {
	
}
.fake_tr {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.fake_td {
	-ms-flex-order: 1;
	order: 1;
}

.fake_table .fake_tr.no_item {
	display:none;
}
.fake_table .fake_tr.no_item:first-child {
	display:table-cell;
}

.pagination {
	padding-top:12px;
	margin-bottom:20px;
}
		
.css-table .css-th.w5,
.css-table .css-td.w5 {
	width:5%;
}
.css-table .css-th.w10,
.css-table .css-td.w10 {
	width:10%;
}
.css-table .css-th.w13,
.css-table .css-td.w13 {
	width:13% ;
}
.css-table .css-th.w15,
.css-table .css-td.w15 {
	width:15% ;
}
.css-table .css-th.w20,
.css-table .css-td.w20 {
	width:20% ;
}
.css-table .css-th.w25,
.css-table .css-td.w25 {
	width:25% ;
}
.css-table .css-th.w30,
.css-table .css-td.w30 {
	width:30% ;
}
.css-table .css-th.w40,
.css-table .css-td.w40 {
	width:40% ;
}
.css-table .css-th.w50,
.css-table .css-td.w50 {
	width:50% ;
}

h3 {
	font-size:20px;
	font-weight:bold;
}