@charset "utf-8";

/* base /////////////////////////////////////////////////*/
/* Handle */
* {
	box-sizing: border-box;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: initial; /* Safari */
	-khtml-user-select: initial; /* Konqueror HTML */
	-moz-user-select: initial; /* Firefox */
	-ms-user-select: initial; /* Internet Explorer/Edge */
	-o-user-select: initial;
	user-select: initial; /* Non-prefixed version, currently*/
}

.layout_frame{
	text-align:center;
	border:2px dashed #dedede;
	color:#003da6;
	padding:100px;
	font-size:30px;
	font-weight:lighter;
}

.main_container{
	padding:50px 0px;
	padding-top:20px;
}
/* section body box */
#mainw > div{
	padding:0px;
}
.main_contentbody, .home_contentbody{
	/*	padding:20px;*/
	font-family:"Montserrat","PingFang","微軟正黑體",arial;
	font-weight:400;
}


.main_contentbody{

/*	display:inline-block;*/
	vertical-align:top;
	text-align:left;
	overflow:hidden;
}
* html .main_contentbody > div {
/*	display:inline;*/
}
* + html .main_contentbody > div {
/*	display:inline;*/
}



.nav_container{
	margin-top:15px;
	border-bottom:1px solid #CCC;
}
.but_nav_sc{
	display:none!important;
}

#main_nav{
	position:fixed;
	bottom:31px;
	left:0px;
	z-index:10;
	text-align:center;
	background:rgba(155,161,200,0.1);
	backdrop-filter:blur(10px);
    -webkit-backdrop-filter: blur(10px);
	padding:0px 0px;
	padding-right:0px;
	font-size:0px;
	width:100%;
	margin:auto;
}

#main_nav > div{
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	display:inline-block;
	margin:0px;
	border-spacing:0px;
	cursor:pointer;
	vertical-align:top;	
	position:relative;
}

* html #main_nav > div{
	display:inline;
}
* + html #main_nav > div{
	display:inline;
}


#main_nav > div > div:nth-child(1){
	color:#ffffff;
	padding:15px 30px;
	font-size:12px;
	border-top:3px solid #00f7ff;
	text-shadow:0px 0.5px 1px #333333;
}
#main_nav > div:hover > div:nth-child(1){
	background-color:#ffffff;
	color:#323232;
	border-top:3px solid #bbff00;
	text-shadow:0px 0.5px 1px #ffffff;
}
#main_nav > div:nth-last-child(1) > div:nth-child(1){	
}
#main_nav > div > div.hl{
	
}
#main_nav > div.active .subnav{
	max-height:500px;
	bottom:0px;
}


.subnav{
	max-height:0px;
	text-align:center;
	position:absolute;
	z-index:100;
	left:0;
	right:0;
	background-color:#02d7b9;
	font-size:11px;
	width:100%;
	bottom:50px;
	overflow:hidden;
}

.subnav > div{
	color:#ffffff;
	text-align:center;
	padding:15px 10px;
	font-size:11px;
}
.subnav > div:hover{
	background-color:#3be2d8;
	background-color:#4ad1c8;
	cursor:pointer;
}
.page_top, .page_bottom{
	padding:3px 5px;
	color:#999;
	font-size:11px;
}
.page_top{
	border-top:1px #ddd solid;
}
.page_bottom{
	border-bottom:1px #ddd solid;
	margin-bottom:10px;
}

.page_top select, .page_bottom select{
	padding:0px;
	margin:0px;
}
.page_control > div{
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}
* html .page_control > div{
	display:inline;
}
* + html .page_control > div{
	display:inline;
}
.page_prev{
	background:url(../../../../../images/but/prev2.png) no-repeat center center;
	height:20px;
	width:20px;
	cursor:pointer;
}
.page_next{
	background:url(../../../../../images/but/next2.png) no-repeat center center;
	height:20px;
	width:20px;
	cursor:pointer;
}


/* base end/////////////////////////////////////////////////*/
/* lang //////////////////////////////////////*/

/* lang style 1 */
.lang_div{
	position:relative;
	font-family:"微軟正黑體", Arial;
	font-size:12px;
	color:#333333;
	margin-left:10px;
	border-spacing:0px;
	padding:0px;
	border-collapse:collapse;
	display:inline-block;
}

.lang_menu{
	position:absolute;
	text-align:center;
	display:none;
	z-index:100;
	left:50%;
	transform:translateX(-50%);
	box-shadow:0px 0px 0px 1px #dedede; 
	background-color:#ffffff;
	min-width:100%;
	overflow:hidden;
}

.lang_menu:hover{
	box-shadow:0px 0px 0px 1px #333333; 
}
.lang_menu > div{
	text-align:center;
	font-size:11px;
	padding:5px 15px;
	background-color:#ffffff;
	white-space:nowrap;
}

.lang_menu > div:hover{
	background-color:#333333;
	color:#fff;
	cursor:pointer;
}
.lang_tab{
	pointer-events:all;
	background:url(../../../../../images/header/lang_arrow.png) no-repeat right;
	padding-right:20px;
	cursor:pointer; 
	text-align:center;
	padding:5px 5px; 
	text-transform:none;
	white-space:nowrap;
	color:#777777;
}
.header_component_box:hover .lang_tab{
	box-shadow:inset 0px 0px 0px 1px #00f7ff;
}
/* lang style 2 */
.lang_list > div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9a9a9a;
	padding-right:10px;
	padding-left:10px;
	display:inline-block;
}
* html .lang_list > div{
	display:inline;
}
* + html .lang_list > div{
	display:inline;
}

.lang_list > div:hover, .lang_list > div.hl{
	color: #319FBF;
}


/* lang end//////////////////////////////////////*/

/* general /////////////*/
.content_sp{
	font-family:"微軟正黑體", Arial;
	font-size:15px;
}
.captcha_box > div{
	display:inline-block;
	margin-bottom:5px;
	margin-right:5px;
	vertical-align:top;
}
* html .captcha_box > div{
	display:inline;
}
* + html .captcha_box > div{
	display:inline;
}
.captcha_box > div:first-child{
	width:100px;
	height:40px;
}

/* TABLE LIST*/

.table_list{
	/*border-spacing:1px;*/
}
.table_list > tbody > tr > td{
	border-bottom:solid 1px #ddd;
	padding-top:7px;
	padding-bottom:7px;
	vertical-align:top;
	text-align:left;
	color:#555;
	font-size:11px;
	padding:7px 5px;
	background-color:#fff;

}
.table_list > tbody > tr:hover > td{
	background-color:#eef3fa;
	border-bottom:solid 1px #003da6;
	color:#222;
}

.table_list > tbody > tr:nth-child(1) > td{
/*	color:#222;*/
	color:#fff;
	background:-moz-linear-gradient(center top , #003da6, #001d50) repeat scroll 0 0 transparent!important;
	background-color:#999;
}
.table_list > tbody > tr:nth-child(1) > td:nth-child(1){
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.table_list > tbody > tr:nth-child(1) > td:nth-last-child(1){
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.table_list > tbody > tr > td:nth-child(1){
	padding-left:10px;
}
.table_list > tbody > tr > td:nth-last-child(1){
	padding-right:10px;
}

.table_list .but_general{
	padding:5px 15px;
	margin-left:10px;
	font-size:11px;
}

.table_list_row{
	/*border-spacing:1px;*/
}
.table_list_row > tbody > tr > td{
	border-bottom:solid 1px #eee;
	padding-top:7px;
	padding-bottom:7px;
	vertical-align:top;
	text-align:left;
	color:#555;
	font-size:11px;
	padding:7px 5px;
/*	background-color:#fff;*/

}
.table_list_row > tbody > tr:hover > td{
/*	background-color:#efefef;*/
	background-color:#efefef;
/*	color:#222;*/
}
.table_list_row .but_general{
	padding:5px 15px;
	margin-left:10px;
	font-size:11px;
}


/* form */
.table_form {
	width:100%;
}
.table_form input, .table_form select, .table_form textarea{
	width:100%;
}
.table_form input[type='checkbox']{
	margin-right:5px;
	margin-top:1px;
}

.table_form tr:hover {
	background-color:#fcfcfc;
}
.table_form td {
	font-size:11px;
	vertical-align:top;
/*	color:#666;*/
}
.table_form.field_left > tbody > tr > td:nth-child(1) { /* first column */
	text-align:left;
}

.table_form > tbody > tr > td {
	padding:5px!important;
	padding-bottom:3px;
	border-bottom:1px solid #eee;
}
.table_form > tbody > tr:nth-last-child(1) > td {
	border:none;
}
.table_form > tbody > tr > td:nth-child(1) { /* first column */
	width:100px;
	color:#333333;
	padding-right:10px;
	padding-top:10px;
	text-align:left;
}
.table_form .nostyle {
	width:inherit;
}
.table_form .nostyle > label{
	width:inherit;
}
.table_form .nostyle td{
	width:inherit!important;
}
/* level 2 table (table form)*/
.table_form > tbody > tr > td > table select{
	margin:0px;
}
.table_form > tbody > tr > td > table {
	border-spacing:0px;
}
.table_form > tbody > tr > td > table > tbody > tr > td {
	border-bottom:1px solid #eee;
	vertical-align:middle;
	padding:3px;
}
.table_form > tbody > tr > td > table > tbody > tr:hover > td {
/*	background-color:#fff;*/
}
.table_form > tbody > tr > td > table > tbody > tr > td:nth-child(1) { /* first column*/
	font-weight:bold;
	color:#222;
	vertical-align:top;
}
.table_form > tbody > tr > td > table > tbody > tr:nth-last-child(1) > td {
	border:none;
}
/* level 3 table (table form)*/
.table_form > tbody > tr > td > table > tbody > tr > td > table {
	width:100%;
	border-spacing:0px;
	background-color:#CEE6E4;
	border-radius:10px;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {
	border-bottom:1px solid #f3f3f3;
	vertical-align:middle;
	padding-left:5px;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:hover > td {
	background-color:#c8f1f3;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(1) { /* first column*/
	/*	font-weight:bold;*/
	color:#F60;
	color:#646464;
	color:#000;
	width:100px;
	padding-left:10px;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1) {
	border-top-left-radius:10px;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-last-child(1) {
	border-top-right-radius:10px;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-last-child(1) > td:nth-child(1) {
	border-bottom-left-radius:10px;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-last-child(1) > td:nth-last-child(1) {
	border-bottom-right-radius:10px;
}
.table_form > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-last-child(1) > td {
	border:none;
}
.table_form label {
	display:inline-block;
	margin-right:10px;
	vertical-align:top;
	padding:5px 0px;
}
.table_form label input[type=radio] {
	float:left;
	margin-top:0px;
}
* html .table_form label {
	display:inline;
}
* + html .table_form label {
	display:inline;
}


.form_box_unit > div:first-child{
	background-color:#f4f4f4;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#386364;
	padding:5px 10px;
	
}
.form_box_unit > div:nth-child(2){
	padding:10px;
}

.form_additional_opt_box{
	background-color:#f4f4f4;
	padding:5px 15px;
	margin-bottom:1px;
	border-bottom:1px solid #E4E4E4;
}
.form_additional_opt_box > table{
	border:none!important;
	margin-bottom:0px!important;
}

.form_option_box{
	background-color:#f1f0d7;
	border-radius:10px;
	padding:15px;
	margin:10px 0px;
	font-size:11px;
}
.form_option_box input[type=checkbox]{
	float:left;
	margin-right:8px;
	margin-top:0px;
}

.alert_remark{
	color:#ff0048;
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}

.asterisk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}
.no_result{
	text-align:center;
	padding:10px;
	color:#999;
}

.action_tab{
	padding:10px 0px;
	border-top:1px solid #CCC;
	text-align:center;
}

.border{
	border:1px solid #A9CBDC;
}

.remarktxt{
	font-size:11px;
	color:#000000;
	padding-bottom:5px;
}



.border_bottomline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
.border_left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
}
.border_bottom_heading{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #cdcdcd;
}
.border_bottom_subheading{
	border-bottom:3px solid #003da6;
}
.border_bottomline_c{
	border-bottom:1px solid #003da6;
}
.tagcloud a{
	display:inline-table;
	margin-right:25px;
}
/* general end ////////////////*/

/* header////////////////////////////////////////////*/

.header{
	background:none!important;
}

.header_logo{
	position:fixed;
	display:table;
	bottom:41px;
	right:15px;
	z-index:100;
	line-height:0px;
	cursor:pointer;
}
.header_logo:hover img{
	margin-bottom:2px;
	box-shadow:0px 2px 2px #005f5f;
	box-shadow:none;
}


.header_logo img{
	height:30px!important;
	box-shadow:0px 2px 2px #000000;
	box-shadow:none;
	margin-bottom:0px;
}

.header input{
	color:#aaaaaa;
	border-radius:5px;
	padding:5px 10px;
	border:none;
	border:1px solid #CCC;
}
.header_component_box{
	margin-right:0px;
	line-height:12px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}


.header_link_box{
	text-align:right;
	
	z-index:3;
	
}
.header_link_box > div{
	font-size:11px;
	display:inline-block;
	/*background:url(../../../../../images/header/sc_arrow.png) no-repeat right 3px;*/
	padding-left:10px;
	cursor:pointer;
}
.header_link_box > div:nth-last-child(1){
	padding-right:0px;
}
.header_link_box > div:hover{
	color:#c8b995;
}
* html .header_link_box > div{
	display:inline;
}

* + html .header_link_box > div{
	display:inline;
}
.header_link_box > div > div{
	padding-left:25px;
	
}
.header_link_box .cart > div{
	background:url(../../../../../images/icon/mall.png) no-repeat left 3px;
}
.header_link_box .login > div{
	background:url(../../../../../images/icon/member.png) no-repeat left 3px;
}

/* header end////////////////////////////////////////////*/
/* footer ///////////////////////////////////////////*/
.footer {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size: 10px;
	color: #ffffff;
	margin-top:20px;
	padding:10px 20px 10px;
	background-color:#000a2c;
	opacity:0.9;
	z-index:9;
/*	background:url(../../../../../images/base/footer_bg.png) repeat-x top;*/

}


.footer.mainw {
	max-width:100%;
}
.footer.mainw > table{
	margin:0px 20px;
}
.footer_cr{
	padding-right:30px;
	vertical-align:top;
	text-align:left;
	display:flex;
	justify-content: space-between;
}

.footer_nav {
	padding-left:10px;
}


.footer_contact{
	padding-top:10px;
	border-top:1px solid #e1e1e1;
	font-size:11px;
}
.footer_contact > div{
	display:inline-block;
	padding-right:30px;
}
* html .footer_contact > div{
	display:inline;
}
* + html .footer_contact > div{
	display:inline;
}

.footer_sitemap{
	vertical-align:top;
	padding-right:30px;
	padding-left:0px;
	padding-bottom:20px;
	float:left;
}

.footer_sitemap .page_sec > div{
	display:inline-block;
	vertical-align:top;
	padding-right:50px;
	min-width:120px;
}
* html .footer_sitemap .page_sec > div{
	display:inline;
}
* + html .footer_sitemap .page_sec > div{
	display:inline;
}
.footer_sitemap .page_sec > div > div:nth-child(1){
	font-size:13px;
	cursor:pointer;
}
.footer_sitemap .page_sec > div > div:nth-child(2) > div{
	line-height:20px;
	cursor:pointer;
	font-size:11px;
	color:#888888;
}
.footer_sitemap .page_sec > div > div:nth-child(2) > div:hover{
	color:#222222;
}

.footer_sitemap .page_sec li{
	display:inline-block;
	padding-right:45px;
}
.footer_sitemap .page_sec li:last-child{
	padding-right:0px;
}
.footer_sitemap .page_sec li:hover{
	cursor:pointer;
}
* html .footer_sitemap .page_sec li{
	display:inline;
}
* + html .footer_sitemap .page_sec li{
	display:inline;
}
.footer_sitemap .page_sec_sub{
	float:left;
	margin-top:20px;
}
.footer_sitemap .page_sec_sub div{
	font-size:16px;
}
.footer_sitemap .page_sec_sub ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding-top:5px;
	padding-right:90px;
}
.footer_sitemap .page_sec_sub li{
	font-size:11px;
	padding-top:10px;
	cursor:pointer;
}
.footer_heading{
	font-family:"微軟正黑體", Geneva, Arial;
	font-size:13px;
	padding-bottom:10px;
	color:#222222;
}
.footer_other{
	padding-left:30px;
	text-align:right;
	float:right;
	
}
.footer_other > div{
	display:inline-block;
	cursor:pointer;
}
* html .footer_other > div{
	display:inline;
}
* + html .footer_other > div{
	display:inline;
}
.footer_other > div:nth-child(2){
	padding-left:20px;
	margin-left:20px;
	border-left:1px solid #003da6;
	text-align:left;
	vertical-align:top;
	font-size:0px;
}
.footer_other > div:nth-child(1) > div{
	border-bottom:1px solid #dedede;
	cursor:pointer;
	color:#888888;
}
.footer_other > div:nth-child(1) > div:hover{
	color:#222222;
}
.footer_other > div:nth-child(1) > div:nth-last-child(1){
	border:none;
}
.footer_other > div:nth-child(2){
	display:none;
	padding-left:20px;
	
}

.footer_icon > div{
	display:inline-block;
	margin-left:5px;
	vertical-align:top;
}
* html .footer_icon > div{
	display:inline;
}
* + html .footer_icon > div{
	display:inline;
}
.footer_icon .fb{
	width:26px;
	height:26px;
	background:url(../../../../../images/icon/fb.png) no-repeat left top;
}

.footer_icon .linkedin{
	width:34px;
	height:25px;
	background:url(../../../../../images/icon/linkedin.png) no-repeat left top;
}

.footer_icon .youtube{
	width:36px;
	height:26px;
	background:url(../../../../../images/icon/youtube.png) no-repeat left top;
}
/* footer end////////////////////////////////////////////*/

/* search //////////////////////////////////////////*/
.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom:1px solid #dddddd;
	text-align:left;
	width:170px;
	padding:3px 0px;
}
.searchbox > input[type=text]{
	border:0px;
	/*position:absolute;*/
	background:none;
	width:140px;
	height:20px;
	padding:0px;
	margin-bottom:0px;	
}
.searchbox > input[type=text]:focus{
	background:#FFF;
	box-shadow:none;
}
.searchbox .fake_search{
	padding:5px 0px;
}

.advancesearch{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d422b;
}

.search_list{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.search_list > div{
	border-bottom:solid 1px #ddd;
	padding:10px;
}
.search_list > div:hover{
	border-bottom:solid 1px #bbb;
	color:#222;	
	background-color:#efefef;
}
.search_list > div:nth-last-child(1){
	border:none;
}

.search_list .action_box{
	float:right;
	margin-left:10px;
}
.search_list .thumb_box{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ddd;
	float:left;
	margin-right:10px;
	width:100px;
}
.search_list .details_box{
	display:table;
}
.search_list .section_flag{
	margin-bottom:10px;
}
.search_list .code{
	font-size:11px;
}
.search_list .name{
	font-size:18px;
	font-family:"微軟正黑體", Arial;
}




/* button //////////////////////////////////////////*/
.but_delete{
	background:url(../../../../../images/but/delete.png) no-repeat center center;
	width:17px;
	height:17px;
	margin-left:auto;
	cursor:pointer;
	
}

.but_find{
	background:url(../../../../../images/but/find.png) no-repeat center center;
	width:21px;
	height:21px;
	margin-left:auto;
	cursor:pointer;
	display:table-cell;
}

.but_general2{
	color:#aeaeae;
	cursor:pointer;
}
.but_general2:hover{
	color:#e61c29;
}

.but_general3{

	background-color:#003da6;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	font-family:"微軟正黑體", Geneva, Arial;
	color:#ffffff!important;
	cursor:pointer;
	border-radius:3px;
	padding:10px 55px;
	font-size:12px;
	margin:0px;
	margin-left:auto;
	white-space:nowrap;
	border:1px solid #003da6;
	
}
* html .but_general3{
	display:inline;
}
* + html .but_general3{
	display:inline;
}

.but_general3:hover{
	border:1px solid #003da6;
	background:#002d7a!important;
	color:#ffffff!important;

}

.but_search{
	background:url(../../../../../images/but/search.png) no-repeat center center;
	width:25px;
	height:20px;
	cursor:pointer;
	float:right;
	
}


.but_back{
	background:url(../../../../../images/but/back.png) no-repeat center center;
	background-position:15px;
	background-color:#fff9db;
	color:#b49e3a;
	padding:4px 15px;
	padding-left:30px;
	font-size:11px;
	display:inline-block;
	margin-left:auto;
	margin-right:5px;
	border-radius:6px;
	box-shadow:0px 1px 1px #eee4ab;
	text-shadow:none;
	cursor:pointer;
}
* html .but_back{
	display:inline;
}
* + html .but_back{
	display:inline;
}

.but_back:hover{
	background-color:#f0e6b7;
	color:#111;
}

.but_backtop{
	background:url(../../../../../images/but/backtop.png) no-repeat center center;
	background-position:15px;
	color:#888;
	/*padding:2px 15px;*/
	padding-left:35px;
	font-size:11px;
	display:inline-block;
	margin-left:auto;
	cursor:pointer;
}
* html .but_backtop{
	display:inline;
}
* + html .but_backtop{
	display:inline;
}
.but_backtop:hover{
	color:#fff;
}

.but_prev{
	background:url(../../../../../images/but/prev2.png) no-repeat center center;
	width:20px;
	height:15px;
	cursor:pointer;
	display:inline-block;
}
* html .but_prev{
	display:inline;
}
* + html .but_prev{
	display:inline;
}
.but_next{
	background:url(../../../../../images/but/next2.png) no-repeat center center;
	width:20px;
	height:15px;
	cursor:pointer;
	display:inline-block;
}
* html .but_next{
	display:inline;
}
* + html .but_next{
	display:inline;
}


.but_bookmark{
	background:url(../../../../../images/but/bookmark.png) no-repeat center center;
	width:20px;
	height:20px;
	margin-left:3px;
	cursor:pointer;
}
.but_share_to_friends{
	background:url(../../../../../images/but/share_to_fds.png) no-repeat center center;
	width:20px;
	height:20px;
	cursor:pointer;
}
.but_facebook{
	background:url(../../../../../images/but/facebook.png) no-repeat center center;
	width:20px;
	height:20px;
	cursor:pointer;
}
.but_email{
	background:url(../../../../../images/but/email.png) no-repeat center center;
	width:20px;
	height:20px;
	cursor:pointer;
}
.but_facebook2{
	background:url(../../../../../images/icon/external/facebook.png) no-repeat center center;
	width:30px;
	height:30px;
	margin-left:3px;
	cursor:pointer;
}
.but_twitter{
	background:url(../../../../../images/icon/external/twitter.png) no-repeat center center;
	width:30px;
	height:30px;
	margin-left:3px;
	cursor:pointer;
}

.but_all{
	cursor:pointer;
	margin-left:auto;
	display:inline-block;
	box-shadow:0px 1px 2px #F90;
	font-family:"微軟正黑體", Arial;
	font-size:13px;
	color:#a2702a;
	background-color:#fff;
}
.but_all:hover{
	color:#000;
}
* html .but_all{
	display:inline;
}
* + html .but_all{
	display:inline;
}
.but_all > div{
	box-shadow:inset 0px 0px 5px #fce8d5;
	display:inline-block;
	padding:5px 15px;
}

.header_member_box .but_general{
	padding:5px 15px!important;
	margin:0px;
	border-radius:5px;
	margin-left:auto;
	white-space:nowrap;

}
* html .header_member_box .but_general{
	display:inline;
}
* + html .header_member_box  .but_general{
	display:inline;
}



/* button end ////////////////////////*/

/* icon ////////////////////////////////////////////////////*/
.icon_valid{
	display:table-cell;
	background:url(../../../../../images/icon/valid.png) no-repeat center center;
	width:17px;
	height:17px;
}

.icon_invalid{
	display:inline-block;
	background:url(../../../../../images/icon/invalid.png) no-repeat center center;
	width:17px;
	height:17px;
	float:left;
	margin-right:5px;
}


/* icon end/////////////////////////////////////////////////*/


/* member /////////////////////////////////////////////////// */
.member_reg_tab{
	font-family:"微軟正黑體", Arial;
	font-size: 20px;
	color: #1b4c00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1e179;
	vertical-align:bottom;
	padding-bottom:5px; 
	padding-top:15px;
	margin-bottom:10px;
/*	text-transform:uppercase;
	background-color:#5B411E;*/
}

.member_default_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold
}
/* member end///////////////////////////////////////////////////////// */
/* section ///////////////////////////////*/
.unit_box{
	padding:20px;
	margin-bottom:20px;
	border-bottom:1px solid #dedede;
}
.section_title{
/*	
	background:url(../../../../../images/base/title_icon.png) no-repeat center left;
	padding-left:85px;
*/
	font-family:"微軟正黑體", Arial;
	font-size:40px;;
	color:#222222;
	line-height:normal;
	margin-bottom:10px;
	padding-bottom:5px;
}

.section_tagline{
	font-family:'Raleway',arial;
	color:#333333;
	font-size:24px;
	line-height:35px!important;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
}
.section_tagline2{
	word-spacing: 6px;
	border-radius:30px;
	background-color:#ffffff;
	opacity:0.7;
	display:table;
	margin:auto;
	padding:5px 35px;
	margin-bottom:15px;
	text-align:center;
	text-transform:uppercase;
	box-shadow:0 2px 2px #888 inset, 0 -1px 5px #dfdfdf inset, 0px 1px 1px #777777;
	color:#222222;
}

.home_heading{
	font-family:"微軟正黑體", Geneva, Arial;
	font-size:50px;
	line-height:45px;
	color:#003da6;
	padding-bottom:30px;
}

.sec_heading{
	font-family:'Raleway',"微軟正黑體", Geneva, Arial;
	font-weight:200;
	font-size:60px;
	color:#00ad9d;
	padding-bottom:30px;
	line-height:60px!important;
	/*text-shadow:0px 2px 1px #ffd592;*/
	text-align:center;
}

.sec_heading2{
	font-family:'Raleway',arial;
	font-size: 4vw;
	color:#20cec8;
	margin-bottom:10px;
	text-align:center;
	line-height:normal!important;
}
.sec_heading3{
	font-family:'Raleway',arial;
	font-size:30px;
	color:#333333;
	padding-bottom:10px;
	line-height:normal!important;
}
.sec_heading4{
	font-family:"微軟正黑體", Arial;
	color:#6f6f6f;
	font-size:30px;
	line-height:30px;
	padding:20px 0px;
}
.sec_heading5{
	font-family:"微軟正黑體", Arial;
	color:#6f6f6f;
	font-size:26px;
	line-height:26px;
	padding:15px 0px;
}
.sec_des_container{
	margin:auto;
	text-align:center;
	padding:20px 0px;
}
.sec_des_container > div{
	display:inline-block;
	vertical-align:top;
}
* html .sec_des_container > div{
	display:inline;
}
* + html .sec_des_container > div{
	display:inline;
}
.sec_des_container .sec_des{
	font-family:"微軟正黑體", Arial;
	width:45%;
	text-align:left;
	margin:0px 40px 0px 0px;
	padding:0px;
}
.sec_des{
	padding:20px 0px 30px;
	width:56%;
	color:#003da6;
	font-size:20px;
	text-align:center;
	margin:auto;
	line-height:30px;
	
}
.sub_heading{
	padding-bottom:10px;
	color:#003da6;
}
.sub_heading2{
	font-size:30px;
	color:#003da6;
	line-height:40px;
	
}
.sub_heading3{
	font-size:16px;
	line-height:20px;
	padding:10px;

}
.sub_heading4{
	font-size:40px;
	line-height:40px;
	padding-bottom:15px
}
.message_heading{
	font-size:24px;
	margin-bottom:10px;
	color:#666;
	font-family:"Century Gothic", "微軟正黑體", Arial;
}
.message_details{
	line-height:16px;
	border-left:3px solid #e70097;
	padding-left:10px;
	color:#777;
}
.sec_subheading{
	font-family:"微軟正黑體", Arial;
	font-size:23px;
	line-height:26px;
	color:#e70097;
	border-bottom:8px solid #c1d6da;
	overflow:hidden;
}
.sec_subheading > div{
	padding-top:10px;
	border-bottom: 1px solid #666;
}
.sec_subheading2{
	font-family:"微軟正黑體", Arial;
	font-size:20px;
	line-height:30px;
	color:#e70097;
	border-bottom:1px solid #c1d6da;
	margin-bottom:10px;
}

.sub_section_box{
	margin-bottom:30px;
}
.sub_section_box .title{
	font-family:"微軟正黑體", Arial;
	font-size:18px;
	color:#ff5a00;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
}
.section_intro{
	font-family:"微軟正黑體", Arial;
	font-size:13px;
	color:#333;
	padding-bottom:10px;
}
/* section end ///////////////////////////////////////////////////////*/


/* contact /////////////////////////////////////////////////////*/
.contact_details_box{
	width:350px;
	vertical-align:top;
	border-right:1px solid #d8d8d8;
}
.contact_details_box > div{
	padding-right:25px;
}
.contact_info_box{
	padding-bottom:25px;
}
.contact_info_box > div:first-child{
	padding-bottom:10px;
}
.contact_info_box > div:nth-child(2){
	padding-top:10px;
}

.contact_info_title{
	font-size: 12px;
	font-family:"Century Gothic", Arial;
	color:#6f6f6f;
	vertical-align:top;
	padding-bottom:5px;
	padding-right:15px;
}

.contact_company{
	font-family:"微軟正黑體", Arial;
	font-size:20px;
	color:#e70097;
	line-height:normal;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	
}
.contact_company2{
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#386364;
	line-height:normal;
	padding:10px 0px; 
}
.contact_address{
	color:#333;
	font-size: 12px;
	font-family:"Century Gothic", Arial;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #dedede;
}


.contact_subheading{
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#333;
	line-height:normal;
	padding-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
#contact_map{
	height:350px;
}
#contact_map iframe{
	width:100%;
	height:100%;
}

/* listing style //////////////*/
.list_row {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.list_row > table > tbody > tr > td{
	vertical-align:middle;
	text-align:left;
	font-size:11px;
	padding:5px 5px;
	border-bottom:solid 1px #eee;
}

.list_row  > table > tbody > tr > td:nth-last-child(1){
	text-align:right;

}
.list_row  > table > tbody > tr:hover > td{
	background-color:#F7F7EA;
}
.list_row > table > tbody > tr:nth-last-child(1) > td{
	border:none;
}


.list_tile, .list_tile2{
	margin:0px;
	display:table;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
    box-sizing:border-box;
	width:100%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px 0px;
}
.list_tile ul, .list_tile2 ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.list_tile li{
	width:95px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding-bottom:25px;
	margin-right:10px;
}

* html .list_tile li{
	display:inline;
}
* + html .list_tile li{
	display:inline;
}

.list_tile li:nth-child(5n){
	margin-right:0px;
}
.list_tile .thumb{
	display:table-cell;
	background-color:#fff;
	width:95px;
	height:50px;
	border:1px solid #eee;
	text-align:center;
	vertical-align:middle;
}

.list_tile2{
	padding-left:5px;
	background-color:#fff;
/*	border:1px solid #CCC;*/
/*	box-shadow:0px 3px 5px #c38c51;*/
/*	padding:10px;*/
	margin:0px;
}

.list_tile2 li{
	width:138px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding-bottom:10px;
	margin-right:5px;
	margin-bottom:20px;
	border-spacing:0px;
}

* html .list_tile2 li{
	display:inline;
}
* + html .list_tile2 li{
	display:inline;
}

.list_tile2 li:nth-child(5n){
	margin-right:0px;
}

.list_tile2 .thumb{
/*	border:1px solid #d8bb7d;*/
	width:138px;
	height:100px;
	display:table-cell;
/*	background-color:#F9F3D0;*/
	background-color:#ffffff;
	vertical-align:middle;
	text-align:center;
	box-shadow:0px 1px 5px #776d3c;
}
.list_tile2 .title{
	margin-top:10px;
}

.pagebreak_top, .pagebreak_bottom{
/*	background-color:#fff;*/
	padding:5px 10px;
	font-size:11px;
}
.pagebreak_top{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.pagebreak_bottom{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.pagebreak_top select, .pagebreak_bottom select{
	padding:0px;
	margin:0px;
	background-color:#111;
	color:#ffd200;
	border:none;
}

/* listing end //////////////////*/


.locator_box{
	position:fixed;
	top:5px;
	left:10px;
}


.sec_pad{
	padding:50px 50px 50px;

}


/* CUSTOM ///////////////////*/

.content_heading{
	font-family:"Century Gothic", "微軟正黑體", Arial;
	font-size:36px;
	color:#71003b;
}
.content_date{
	color:#e60093;
	font-size:16px;
}
.content_box{
	color:#6e6e6e;
	line-height:20px;
	padding:20px 0px;
}

.sec_header_box{
	padding-bottom:15px;
	border-bottom:10px solid #f7f7f7;
}
.content_header_box{
	padding-bottom:15px;
	border-bottom:10px solid #f7f7f7;
}
.page_header{
	display:inline-block;
}
* html .page_header{
	display:inline;
}
* + html .page_header{
	display:inline;
}

.item_list{
	padding:0px 0px 20px;
}
.item_list > div{
	padding:25px 0px;
	border-bottom:1px solid #dedede;
	clear:both;
	
}
.item_header > div{
	display:inline-block;
}
.item_header > div:nth-child(1){
	color:#e60095;font-size:16px;
	padding-right:10px;
}
.item_header > div:nth-child(2){
	font-family:"Century Gothic", "微軟正黑體", Arial;
	font-size:13px;
	color:#959595;
}
.item_heading{
	font-family:"Century Gothic", "微軟正黑體", Arial;
	font-size:21px;
	color:#71003a;
	padding:5px 0px;
}
.item_heading a{
	color:#71003a;
}
.item_heading a:hover{
	color:#d1006c;
}
* html .item_header > div{
	display:inline
}
* + html .item_header > div{
	display:inline;
}
.item_des{
	line-height:20px;
	color:#646464;
}

.stats_visit{
	padding-top:30px;
	color:#adadad;
	font-size:11px;
	font-family:"微軟正黑體", Arial;
	
}
.stats_visit .count{
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


.home_register{
	width:271px;
	height:94px;
	background:url(../../../../../images/home/membership.jpg) no-repeat center center;
	color:#ffffff;
	font-family:'Century Gothic', '微軟正黑體', Arial;
	cursor:pointer;
}


.atm-i{
	position:fixed!important;
	top:35px;
	right:20px;
}

#recaptcha{
	display:none;
}

.term_list > div{
	clear:both;
	margin-bottom:20px;
}
.term_list > div > div:nth-child(1){
	float:left;
	border-bottom:none!important;
	text-align:right;
	width:130px;
	padding-right:15px;

}
.term_list > div > div:nth-child(2){
	overflow:hidden;
	border-left:1px solid #d3d3d3;
	padding-left:15px;
}