@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Orbitron&font-display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:100&font-display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500&subset=latin-ext&font-display=swap');


@font-face{
	font-family:chinese;
	src:local('PingFang'),local("微軟正黑體");
}

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

html{
	height:100%;
}
body{ /* Internet Explorer */
	font-family:Arial,chinese, Helvetica, sans-serif;
	font-size:14px;
	margin:0px 0px;
	padding:0px;
	text-align: left;
/*	background:url(../../../../../images/base/body_bg.png) top repeat-x;*/
	background-color: #fff;
	color:#696969;;
	/* Mozilla Firefox alignment */
	text-align: -moz-center;
	background-repeat: no-repeat;
	background-position:center center;
	
	background-size:cover!important;
	background-attachment:fixed!important;
	word-break:break-word;
	
}

body *, body *::before, body *::after{
	box-sizing:border-box;
	transition: all 0.5s ease 0s;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}


/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 1px 0px 3px #dedede; 
    border-radius: 5px;
	background-color:#ffffff;
    
}
 
/* Handle */
::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom, #6f7777  0%,#56656e 100%); /* W3C */
	opacity:0.7; 
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	box-shadow:0px 0px 1px 0px #be8329,0px 0px 23px 0px #aaaaaa,0px 0px 23px 0px #be8329 ;
	background:linear-gradient(to bottom, #809394  0%,#3d525f 100%); /* W3C */
	background:#000;
}
body::-webkit-scrollbar{
	width:5px;
}
body::-webkit-scrollbar-track {
    box-shadow: inset -1px 1px 3px #cdcdcd; 
    border-radius: 0px;
	background-color:#ffffff;
    
}
body::-webkit-scrollbar-thumb {
	box-shadow:none;
	background: linear-gradient(to bottom, #809394  0%,#3d525f 100%); /* W3C */
	opacity:0.7; 
    border-radius: 0px;
}


input,textarea,.debug_box *{
	-webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Safari */
	-khtml-user-select: text; /* Konqueror HTML */
	-moz-user-select: text; /* Firefox */
	-ms-user-select: text; /* Internet Explorer/Edge */
	-o-user-select: text;
	user-select: text; /* Non-prefixed version, currently*/
}


select, input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaaaaa;
	border:none;
	border: 1px solid transparent;
  	border-top: none;
 	box-shadow:inset 0px 1px 2px #dedede, inset 0px 1px 0px #dedede;
  	background-color:#f7f7f7;
	padding:7px 10px 5px;
	margin-bottom:3px;
	margin-right:2px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
    box-sizing:border-box;
	border-radius:3px;
	outline:none;
}

form .marked input, form .marked textarea{
	box-shadow:inset 0px 1px 2px #dedede, inset 0px 1px 0px #dedede;
	border-left:4px solid #a7d2d0!important;
}

input[type=checkbox], input[type=radio]{
	border:none;
	width:inherit!important;
}
input::placeholder, textarea::placeholder{
	color:#aaaaaa;
	font-family:arial,chinese;
}
select{
	padding-right:4px;
}

textarea{
	resize:none;
	overflow:auto;
	min-height:100px;
	width:100%;
}

input:focus, select:focus, textarea:focus{
	box-shadow:inset 0px 1px 0px #bababa, inset 0px 2px 4px #cdcdcd,inset 0px -1px 0px #e2e2e2,0px 1px 3px #eaeaea;
	background-color:#ffffff;
	color:#222222;
}
input:not(:placeholder-shown):not(:focus), 
textarea:not(:placeholder-shown):not(:focus){
	color:#888888;
}
form{
	margin:0px;
}
.enabled{
	max-height:100px;
	padding:0px!important;
	opacity:1;
}

.hidden{
	max-height:0px!important;
	overflow:hidden!important;
	padding:0px!important;
	margin:0px!important;
	opacity:0!important;
}

.readonly{
	pointer-events: none;
}
img {
	border:0px;
}


/* a link ////////////////////////////////////////////*/
a:link, a:visited, a:active {
	color: #cccccc;
	text-decoration: none;
}

a:hover {
	color: #222222;
	text-decoration: none;
}
/* a link end////////////////////////////////////////////*/

*[disabled], .disabled{
	opacity:0.3!important;
	pointer-events: none!important;
	cursor:default!important;
	position:relative!important;
}

.flex{
	display:flex;
}
.flex > div{
	margin-right:3px;
}
.flex > div:nth-last-of-type(1){
	margin-right:0px;
}

.float_r{
	margin-left:5px;
	float:right;
}
.float_l{
	margin-right:5px;
	float:left;
}
.clear{
	clear:both;
}

.form_remark_box{
	display:table;
	border-radius:5px;
	padding:8px 15px;
	margin-bottom:15px;
	font-size:11px;
	background-color:#f6eca7;
	color:#5a5a5a;
}

.debug_box *{
	width:70%;
	overflow:auto;
	white-space:break-spaces;
	box-shadow:0px 0px 0px 1px #dedede;
	padding:20px;
	font-family:arial;
	font-size:11px;
	background-color:#333333;
	color:#00ffd0;
	margin:0px;
	margin-bottom:5px;
}


.tagbox{
	z-index:10001;
	position:absolute;
	background-color:#ffffff;
	font-family:"PingFang","微軟正黑體",Arial,Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	opacity:0;
	padding:10px 20px;
	text-align:left;
	font-size:12px;
	border:1px solid #dedede;
	border:1px solid #528681;
	border:1px solid #aaaaaa;
	box-shadow:0px 0px 5px #dedede;
	transition:left 0s, top 0.5s;
	pointer-events:none;

}

.sys_msg_box{
	position:fixed;
	text-align:center;
	opacity:0;
	margin:auto;
	/*
	width:100%;
	height:100%;
	*/
	z-index:100002;
	display:flex;
	visibility:hidden;
	top:100px;
	left:50%;
	height:50%;
	-webkit-font-smoothing: antialiased;
	transform:translateX(-50%);
}
.sys_msg_box.active{
	visibility:visible;
	opacity:1;
	top:50px;
}

.sys_msg_box.active > div{
	padding:30px 80px;
}

.sys_msg_box > div{
	text-align:center;
	border-radius:5px;
	background-color:rgba(21, 0, 84, 0.95);
	background-color:rgba(5, 75, 90, 0.95);
	background:#6e8a85;
	box-shadow:0px 2px 2px #132b25;
	font-size:12px;
	color:#ffffff;
	white-space:nowrap;
	padding:0px;
	margin:auto;
	line-height:auto;
	line-height:18px;
}

.ui_header_logo_box{
	border:1px dashed #dedede;
}
.material-icons{
	/*line-height:0!important;*/
}

.enquiry_container{
	display:flex;
	flex-wrap:wrap;
}

.enquiry_container > div{
	margin:auto;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px 0px;
	vertical-align:top;
	box-sizing:border-box;
	/*margin-right:20px;*/
	flex:1 1 48%;
	flex:1 1 100%;
}
.enquiry_container > div:nth-last-child(1){
	margin-bottom:0px;
	margin-right:0px;
}


.account_icon_container{
	position:relative;	
}
.account_icon_container > div{
	padding-left:0px!important;
}
.account_setting_navbox{
	width:inherit!important;
	position:absolute;
	padding:0px!important;
	border-radius:5px;
	box-shadow:0px 0px 0px 0.5px #dedede;
	background-color:#ffffff;
	right:0px;
	overflow:hidden;
	opacity:0;
	max-height:0px;
}
.account_setting_navbox.active{
	opacity:1;
	max-height:200px;
}
.account_setting_navbox > div{
	white-space:nowrap;
	padding:13px 25px;
	font-size:13px;
}

.account_setting_navbox > div:hover{
	background-color:#397575;
	color:#ffffff;
}
.account_logo{
	margin:auto;
	display:table;
	margin-top:30px;
	margin-bottom:10px;
}
.account_logo img{
	max-width:180px;
	max-height:100px;
}

.account_logo.sys{
	margin-top:0px;
	margin-bottom:15px;
}
.account_logo.sys img{
	max-width:150px;
	max-height:150px;
}

.enquiry_agreement{
	padding:10px 20px;
	font-size:11px;
	line-height:16px;
	border-radius:5px;
	background-color:#557372;
	color:#ffffff;
	margin-bottom:15px;
}



.locator_box{
	display:none;
	font-size:11px;
	text-align:left;
	padding:10px 20px!important;
	position:absolute;
}
.locator_box.active{
	display:block;
}
.locator_box > div{
	display:inline-block;
	vertical-align:top;
	line-height:15px;
	color:#555555;
	height:15px;
}
* html .locator_box > div{
	display:inline;
}
* + html .locator_box > div{
	display:inline;
}
.locator_box .home{
	background:url(../../../../../images/icon/home.png) no-repeat left center;
	width:20px;
}
.locator_box > div:nth-child(n+3){
	background:url(../../../../../images/icon/arrow.png) no-repeat left center;
	padding-left:15px;
	margin-left:10px;	
}

.main_body{
	/*	background-color:#ffd200;*/
	text-align:center;
	position:relative;
}

.sec_pad{
	min-height:83vh;
	padding:0px 0px 50px;
}

.main_container{
	padding:50px 0px 0px;
	padding-top:65px;
	margin:auto;
	text-align:center;
	z-index:1;
}

.main_container.blur{
	/* filter:blur(3px);*/
}

.main_container.blur::before{
	filter:blur(2px);
}
.main_container:before{
	content:"";
	background-size:cover;
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	filter:alpha(opacity=10);
	z-index:-1;
}

.mainw{
	/*max-width:1250px;*/
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	vertical-align:top;
}
.main_body{
/*	background-color:#ffd200;*/
	text-align:center;
	min-height:83vh;
}
.main_body.blur{
	filter:blur(5px);
	opacity:0.8;
}
.main_body .home{
	margin-bottom:0px!important;
}

.main_body #mainw{
	border-radius:0px;
	text-align:left;
	margin-bottom:30px;
}

.listing:empty{
	box-shadow:none;
	border-top:1px solid #E6E6E6;
	position:relative;
}
.listing:empty::before{
	content:attr(data-no-item);
	text-align:center;
	display:table;
	width:100%;
	left:0px;
	right:0px;
	padding:10px;
	color:#999;
	font-size:16px;
}


*[disabled], .disabled{
	opacity:0.3!important;
	pointer-events: none!important;
	cursor:default!important;
	position:relative!important;
}
*[disabled] + div.note{
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	position:absolute!important;
	cursor:default!important;
	background:none!important;
	box-shadow:none!important;
	pointer-events:auto!important;
}


.datasec_container{
	display:flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.datasec_container > div{
	flex: 1 1 auto;
	margin:0px 10px;
	vertical-align:top;
	
}
.datasec_container > div:nth-child(1){
	flex-grow:8;
}

.datasec_container.setting{
	flex-wrap: nowrap;
}
.datasec_container > div > div{
	padding:10px;
	margin-bottom:20px;
	border-radius:5px;
	border:0px solid #efefef;
	box-shadow:0px 0px 5px #efefef;
	background-color:rgba(255,255,255,0.3);
	position:relative;
	border-top:1px solid #e9f0ef;
}
.datasec_container .table_form{
	margin:0px;
}
.datasec_container .setting_unit{
	padding:0px;
	margin-bottom:10px;
}
.datasec_container .setting_unit:hover > div:nth-child(1){
	border-color:#333;
	border-width:1px;
	box-shadow:0px 1px 0px #29a09a,0px 2px 1px #dff90a;
}

.datasec_container .setting_unit > div:nth-child(1){
	box-shadow:0px 1px 1px #b7d0cf ;

}
.datasec_container .setting_unit > div:not(.action_box){
	padding:10px;
	margin-bottom:0px;
}
.datasec_container > div > div:hover{
	box-shadow:0px 0px 5px #efefef,0px 1px 0px 1px #dedede,0px 0px 0px 1px #81e9de;
	background-color:rgba(255,255,255,0.8);
	border-top:1px solid #81e9de
}
.datasec_container > div > div > div{
	margin-bottom:8px;
}
.datasec_container > div > div > div:nth-last-child(1){
	margin-bottom:0px!important;
}
.datasec_container > div > div > div:nth-of-type(1){
	font-size:16px;
	padding:0px 0px 0px;
	color:#3d5452;
	margin-bottom:10px;
	font-weight:400;
	font-family:"Montserrat","PingFang","微軟正黑體","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display:flex;
	flex-wrap:nowrap;
	position:relative;
}
.datasec_container.setting.controller > div > div{
	margin-bottom:10px!important;
	border-top:2px solid #d3e8e5;
	border-top:none;
	border-left:2px solid #d3e8e5;
	border-right:0px;
  }
  
.datasec_container.setting.controller > div > div:hover{
	border-top:2px solid #0cf5df;
	box-shadow:0px 0px 5px #efefef, 0px 1px 0px 1px #dedede, inset 0px 1px 0px #07a08b;

	border-right:3px solid #0cf5df!important;
	border-top:none!important;
	border-left:0px!important;
	border:none!important;
	box-shadow:0px 0px 5px #efefef, 0px 0px 0px 1px #dedede, inset 1px 0px 0px #07a08b;
	box-shadow:0px 0px 5px #efefef, 0px 0px 0px 1px #dedede, inset 0px 0px 0px #07a08b, 0px 0px 0px 3px #a9e4df;
	border:1px solid #71bbbb!important;
	/*box-shadow:0px 0px 0px 3px #a9e4df!important;*/
}
.datasec_container.setting.controller > div > div:nth-last-of-type(1){
	margin-bottom:0px!important;
}
.datasec_container.setting > div > div > div:nth-of-type(1){
	color:#003a2a;
	font-weight:400;
	align-items:center;
}
.datasec_container > div > div > div:nth-of-type(1) > div:nth-child(1){
	flex:1 1 auto;
	margin-right:10px;
}
.datasec_container > div > div > div:nth-of-type(1) > div:nth-last-of-type(1){
	margin-right:0px;
}
.datasec_container .action_box{
	margin-left:5px;
	font-size:0px;
}
.datasec_container .action_box > div{
	margin-bottom:0px!important;
}
.datasec_container .action_box input[type=text]{
	padding:4.5px 10px 4px!important;
}
.datasec_container .action_box .option{
	margin-top:-2px;
}

.datasec_container .action_box .option .current{
	padding-top:4px;
	padding-bottom:4px;
	min-height:18px;
}
.datasec_container .action_box .but_general{
	margin-top:-2px!important;
	padding:4px 10px!important;
	background-color:#888888;
	color:#ffffff;
	box-shadow:none;
}

.datasec_container .action_box .but_general.material-icons, .action_tab .but_general.material-icons{
	margin-top:-2px!important;
}
.datasec_container .action_box .but_general:not(.control):hover, .action_tab .but_general:hover{
	margin-top:-2px!important;
}
.datasec_container .action_box .opt_list{
	margin:0px!important;
	padding:0px!important;
}
.datasec_container .material-icons{
	font-size:15px!important;
}
.datasec_container .option,.datasec_container .option .current{
	width:100%;

}
.datasec_container .overview{
	padding:25px 20px!important;
	padding-bottom:5px!important;
	font-size:20px;
	display:none;
}
.datasec_container .overview.active{
	display:block;
}
.datasec_nohead_container > div{
	padding:10px;
}
.datasec_nohead_container > div > div{
	margin-bottom:10px!important;
}
.datasec_nohead_container > div > div:nth-last-child(1){
	margin-bottom:0px!important;
}
.datasec_nohead_container.setup > div{
	padding:0px!important;
}



.table_form {
	border-collapse:separate;
	border-spacing:0px;
	margin-bottom:10px;
	width:100%;
}
.table_form tr:hover input, .table_form tr:hover textarea{
	background-color:#ffffff;
	box-shadow:0px 0px 0px 1px #badad4, inset 0px 1px 2px #dedede, inset 0px 1px 0px #dedede;
}
.table_form tr:hover {
	background-color:rgba(235,235,235,0.3);
	background-color:#e9f1f0;
	background-color:#e6f9f6;
	background-color:#bbdcd826;
}
.table_form tr:hover > td, .table_form > tbody > tr:hover > td:nth-child(1) {
	color:#111111;
}
.table_form td {
	font-size:11px;
	vertical-align:top;
	color:#999;

}
.table_form > tbody > tr > td {
	padding:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.table_form > tbody > tr > td > div{
	padding:4px 0px;
	margin-bottom:4px;
}
.table_form > tbody > tr > td > div:nth-last-child(1){
	margin-bottom:0px;
}
.table_form > tbody > tr > td > span{
	padding:0px 5px;
}
.table_form > tbody > tr:nth-last-child(1) > td {
	border:none;
}
.table_form > tbody > tr > td:nth-child(1) { /* first column */
	width:120px;
	color:#597d86;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	border-radius:10px 0px 0px 10px;
}
.table_form > tbody > tr > td:nth-child(1) > div{
	position:sticky;
	top:120px;
	margin-top:4px;
}
.table_form div.flat{
	padding-top:0px!important;
	margin-top:2px!important;
}
.table_form > tbody > tr > td:nth-last-child(1) {
	border-radius:0px 10px 10px 0px;
}

.table_form.nofix td{
	width:inherit!important;
}
.table_form .nostyle {
	width:inherit;
}
.table_form .nostyle > label{
	width:inherit;
}
.table_form label {
	display:inline-block;
	width:120px;
	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;
}

.table_form td > input[type=text]{
	margin-bottom:3px;
}

.table_form td > input[type=text]:nth-last-child(1){
	margin-bottom:0px;
}
.table_form td.subsec > div{
	margin-bottom:10px;
	padding:0px!important;
	padding-left:10px!important;
	border-left:2px solid #a1ddd7;
}
.table_form td.subsec > div:hover{
	border-left:2px solid #00ac9a;
}
.table_form td.subsec > div:hover > div:nth-of-type(1){
	background-color:#00ac9a!important;
	color:#ffffff;
}
.table_form td.subsec > div > div:nth-of-type(1){
	font-size:11px;
	border-radius:5px;
	padding:5px 8px;
	margin-bottom:5px;
	background-color:#ceecea!important;
	color:#187970;
	display:table;
}
.table_form td.subsec > div > div.data-input{
	margin-bottom:3px;
}


/* COMPONENT : LOCATION **/
.contact_container{
	display:flex;
	flex-wrap:wrap;
}
.contact_container > div:nth-of-type(2){
	min-width:50%;
	max-width:50%;
}
.location_list{
	min-width:47%!important;
	max-width:47%;
	margin-right:20px;
}
.location_list > div{
	margin-bottom:15px;
	padding-bottom:10px;
	position:relative;
}
.location_list > div:nth-last-of-type(1){
	border-bottom:none;
}
.location_list > div > div:nth-last-of-type(1){
	margin-left:15px;
}
.location_list > div > div:nth-of-type(1){
	position:absolute;
	right:0px;
	top:0px;
	z-index:1;
}
.location_list .material-icons{
	cursor:pointer;
}
.location_list .material-icons:hover{
	color:#198e8e;
}
.location_list .region{
	font-family:"Montserrat","PingFang","微軟正黑體",arial;
	font-size:15px;
	color:#198e8e;
	font-weight:500;
	margin-bottom:5px;
	position:relative;
	padding-left:15px;
}
.location_list .region::before{
	content:"";
	width:10px;
	height:10px;
	border-right:3px dotted #00b7b7;
	border-bottom:3px dotted #00b7b7;
	position:absolute;
	left:-5px;
	top:50%;
	transform:translateY(-50%);
}
.location_list .contact_info > div{
	display:flex;
	margin-bottom:5px;
}
.location_list .contact_info > div > div:nth-of-type(1){
	width:60px;
	color:#198e8e;
}

.location_list .address{
	font-family:"Montserrat",chinese;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-right:20px;
	color:#337777;
	font-size:13px;
	line-height:16px;
	border-bottom:0.5px dashed#dedede;
}
/* COMPONENT : LOCATION **/


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

.header{
	position:fixed;
	z-index:101;
	top:0px;
	left:0px;
	padding:15px 15px 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9a9a9a;
	margin-top:-4px;
	background-color:rgba(255,255,255,0.95);
/*	background:url(../../../../../images/base/header_bg.png) repeat-x center bottom;*/
}
.header.mainw{
	width:100%;
	max-width:100%;
}

.header_logo{
	display:table;
	line-height:0px;
	cursor:pointer;
}


.header_logo img{
	height:42px;
	margin-right:5px;
}

.header input{
	color:#aaaaaa;
	border-radius:5px;
	padding:5px 10px;
	border:none;
	border:1px solid #CCC;
}
.header_component_box{
	text-align:right;
	line-height:12px;
	display:flex;
	align-items:center;
}
.header_component_box > div{
	display:inline-flex;
	align-items:center;
	vertical-align:middle;
	margin-left:10px;
}
* html .header_component_box > div{
	display:inline-block;
}
* + html .header_component_box > div{
	display:inline-block;
}


.header_link_box{
	text-align:right;
	z-index:3;
	margin-left:0px!important;
	z-index:20;
}
.header_link_box .material-icons{
	font-size:25px;
}
.header_link_box > div{
	font-size:11px;
	display:inline-flex;
	/*background:url(../../../../../images/header/sc_arrow.png) no-repeat right 3px;*/
	padding-right:5px;
	cursor:pointer;
	margin-left:10px;
}
.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 {
	width:100%;
	font-size: 10px;
	color: #595959;
	padding:10px 20px;
	background-color:#ffffff;
	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;*/
}
.footer_sitemap .page_sec > div:nth-last-of-type(1){
	padding-right:0px;
}
* 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;
	padding-left:10px;
}
* html .footer_other > div{
	display:inline;
}
* + html .footer_other > div{
	display:inline;
}
.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 end////////////////////////////////////////////*/

/* FORM /////////////////////////////////////////*/
.form_colless{
	font-size:12px;
	line-height:12px;
	margin-bottom:10px;
}
.form_colless input, .form_colless select, .form_colless textarea{
	width:100%;
}

.form_colless > div{
	padding:3px 0px!important;
}
.form_colless > div > div{
	overflow:hidden;
}
/* FORM END ///////////////////////////////////////////*/

/* BUTTON /////////////////////////////////////////////*/
.list_action{
	display:flex;
	justify-content: flex-end;
	padding:10px;
}
.list_action > div{
	cursor:pointer;
}
.but_general{
/*	background:url(../../../../../images/but/general_bg.png) repeat-x top center;*/
	/*background:-moz-linear-gradient(center top , #aaa, #999) repeat scroll 0 0 transparent !important;*/
	background-color:#ffffff;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	font-family:"PingFang","微軟正黑體", Geneva, Arial;
	color:#666666;
	cursor:pointer;
	border-radius:3px;
	padding:8px 35px 8px;
	font-size:12px;
	margin:0px;
	margin-left:auto;
	white-space:nowrap;
	box-shadow:0px 0px 0px 1px #cdcdcd;
}
* html .but_general{
	display:inline;
}
* + html .but_general{
	display:inline;
}
.but_general.full_w{
	display:block;
}

.but_general:hover{
/*	background:url(../../../../../images/but/general_ro.png) no-repeat center center;*/
	background-color:#555555!important;
	box-shadow:0px 0px 0px 1px #cdcdcd, inset 0px 1px 16px #222222;
/*
	background:-moz-linear-gradient(center top , #5b095e, #38003a) repeat scroll 0 0 transparent !important;
	background-color:#5b095e;*/
	color:#fff!important;
}


.but_delete{
	position:relative;
	width:20px;
	height:20px;
}
.but_delete::before, .but_delete::after{
	content:"";
	position:absolute;
	top:8%;
	bottom:8%;
	width:3.5%;
	background-color:#333;
}
.but_delete::before{
	left:50%;
	transform:translateX(-50%) rotate(45deg);
}
.but_delete::after{
	right:50%;
	transform:translateX(50%) rotate(-45deg);
}

/* BUTTON END /////////////////////////////////////////*/

/* FINANCE ///////////////////////////////////////////*/

.eshop .price, .eshop .percentage{
	text-align:right;
	position:relative;
	display:flex;
	align-items:center;
	font-family:"Montserrat","PingFang","微軟正黑體",arial;
}
.eshop .price{
	padding-left:20px!important;
}
.eshop .price.discounted{
	align-items:flex-start;
}
.eshop .price_box .price.discounted > span:nth-of-type(1){
	color:#ff006a;
	font-size:25px;
}
.eshop .price_box .price.discounted > span:nth-of-type(2){
	text-decoration:line-through;
	font-size:11px;
	margin-left:10px;
}

.eshop .price_box .percentage{
	display:table;
	padding-right:25px;
}

.eshop .price::before{
	position:absolute;
	content:"$";
	top:0px;
	bottom:0px;
	display:flex;
	align-items:center;
	left:0px;
	padding-right:8px;
	font-weight:400;
}

.eshop .percentage::after{
	position:absolute;
	content:"%";
	padding-right:8px;
	top:0px;
	bottom:0px;
	display:flex;
	font-weight:bold;
	color:#777777;
	right:0px;
	display:flex;
	align-items:center;
	font-size:12px;
}
/* FINANCE END ///////////////////////////////////////*/

.uix_no_service{
	font-family:"Montserrat","PingFang","微軟正黑體","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	padding-top:50px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
}
.uix_no_service::before{
	content:"UIXIT";
	font-weight:100;
	font-size:96px;
	text-align:center;
	line-height:96px;
	color:#92c8b9;
}
.uix_no_service::after{
	content:'::  'attr(data-message) '  ::';
	font-size:16px;
	text-shadow:0px 2px 1px #ffffff;
}