div.check_size{
	width: 100%;
	padding:0;
    margin:0;
	height: auto;
	min-height: 100%;
	position: absolute;
	z-index:-9999;
}

div.alert_show {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
	z-index:1;
}

.alert_button {
    background:#000000;
	filter:alpha(opacity=60);
	opacity:0.6;
	position: absolute;
	position: fixed;
    width: 100%;
    height: auto;
	min-height: 100%;
    min-width: 100%;
    top: 0;
    left: 0;
	z-index:999999;
}
div.alert_popup {
    z-index:999999;
    background:#FFFFFF;
    position: absolute;
	position: fixed;
	border:1px solid #E6E1DB;
	border-radius: 5px;
	text-align: center;
}
div.alert_title {
   width:250px;
   padding:6px 8px 6px;
   color: #FFF;
   text-align: center;
}

div.alert_title2{
   width:234px;
   text-align: center;
   background:#b5b6b6;
   padding:6px 8px 6px;
   color: #FFF;
   text-align: left;
}

span.alert_title_font{
	margin-top: 15px;
	margin-left: 10px;
	font-size: 18px;
}

span.alert_title_right{
	width: 500px;
	text-algin: right;
	border:1px solid #E6E1DB;
}

div.alert_comment{
   padding:10px 0px 10px;
   overflow: auto;
   max-height: 560px;
   max-width: 950px;
}

div.Mask {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index:99998;
	background:#FFFFFF;
}
table.loaderMask {
    margin: 0;
    width: 100%;
    height: 80%;
	background:#FFFFFF;
	text-align: center;
    border:0;
    padding:0px;
	vertical-align: middle;
}
td.loaderMask {
border:0;
background-color: #FFF;
padding:0;
vertical-align: middle;
}
div.loaderprogress {
    margin: 0;
    width: 100px;
    height: 12px;
	border:1px solid #000;
	border-radius: 3px;
	background:#FFFFFF;
}
div.loaderprogressc {
    margin: 0;
    height: 12px;
	border:0;
	background:#FF808C;
}

.end{
===============================================================================================;
}

.chi_font{
	font-family: Microsoft JhengHei;
}
.eng_font{
	font-family: 'Poiret One', cursive;
}

.font80{
	font-size: 80px;
}

div.main_menu{
	width: 100%;
	padding-top: 0.5%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFF;
	position: absolute;
	position: fixed;
	z-index:9999;
}

div.main_menu_detail{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

img.main_logo{
	width: 8vw;
	//min-width:80px;
}
img.menu_button{
	width: 6vw;
	border: 0;
}

div.main_menu_right{
	//border: 1px solid red;      
	border: 0;
	right: 3%;
	top: 2%;
	width: 80%;
	position: absolute;
	position: fixed;
	text-align: right;
}

div.main_menu_right2{
	border: 0;      
	right: 3vw;
	top: 1.2vh;
	position: absolute;
	position: fixed;
	text-align: right;
}

div.app_sub_menubar{
	position: absolute;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
    z-index:10;
}

ul.app_main_menubar{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.app_main_menubar li{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 0.5px solid #595757;
}

ul.app_main_menubar li a{
	color: #000;
	text-decoration: none;
}

img.button_yf{
	width: 3%;
	margin-left: 0.5%;
}

img.button_yf2{
	width: 2%;
	margin-left: 0.5%;
}

img.button_yf2a{
	width: 4vw;
	margin-left: 1vw;
}

img.button_yf3{
	width: 30%;
	margin-left: 0.5%;
}

ul.main_menubar {
    list-style-type: none;
    margin: 0;
    padding: 0;
	padding-top: 0.7%;
	//border: 5px solid red;
}

ul.main_menubar li {
    display: inline;
	margin: 0;
    padding: 0;
	//position:relative;
	//border: 5px solid red;
}

div.menu_div{
	//position: absolute;
	//width: 100%;
	position:relative;
	//border: 2px solid black;
	float: right;
	padding-left: 24px;
	padding-bottom: 3px;
}

div.menu_div a{
	color: #000;
	text-decoration: none;
}

div.show_sub_div{
	width: 90%;
	position: absolute;
	height: 10px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	display: none;
}

div.sub_menubar{
	position: absolute;
	padding-top: 0.5vw;
	left: -10vw;
	display: none;
}


ul.main_menubar li a{
	padding: 9px;
	color: #000;
	text-decoration: none;
}

.underline_show2{
	border-bottom: 3px solid #000;
    display: inline;
    padding-bottom: 5px;
}

ul.main_menubar2 li a:hover{
	border-bottom: 3px solid #000;
    display: inline;
    padding-bottom: 5px;
}

ul.main_sub_menubar {
    list-style-type: none;
    margin: 0;
    padding: 0;
	padding-top: 1.3%;
}

ul.main_sub_menubar li {
    display: inline;
}

ul.main_sub_menubar li a{
	padding: 9px;
	color: #000;
	text-decoration: none;
}

ul.main_sub_menubar li a:hover{
	text-decoration: underline;
}

div.main_bottom_bg{
	width:100%;
	background-color: #595757;
	margin-top: -4px;
}

div.main_bottom_font{
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFF;
}

div.main_bottom_right{
	position: absolute;
	margin-top: -40px;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	z-index:1;
}

.Menu_bar_end{
	=================================================================================================;
}

div.main_content{
	background-color: #FFF;
	margin: 0;
	padding: 0;
	left: 0;
	width: 100%;
	height: 100%;
    overflow-y:auto;
    overflow-x:auto;
}

img.img_blank{
	width: 100%;
	height: 8vw;
}

table.mainpage_content_table{
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border: 0;
	border-spacing: 0;
	width: 100%;
}

table.mainpage_content_table2{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
}

tr.mainpage_content_table2_tr{
	height: 7vh;
}

img.main_image{
	width: 100%;
}

div.mainpage_content2{
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}

span.font_right{
	padding-right: 1.8vw;
	padding-left: 1.8vw;
}

div.mainpage_content3{
	width: 100%;
}

div.title_line{
	//width:70%;
	vertical-align: middle;
}

div.title_img{
	width:25vw;
}

img.mainpage_title_line{
	width: 100%;
	min-height: 1px;
}

img.mainpage_title{
	width: 20vw;
}

img.mainpage_title2{
	width: 10vw;
}

td.mainpage_title2{
	width: 14vw;
}

div.cell_td{
	display: table-cell;
}

div.cell_td_top{
	vertical-align: top;
}

img.whatsnew_image{
	width: 80%;
}

div.mainpage_content4{
	padding-top: 2%;
	background-color: #727171;
	padding-bottom: 5%;
}

img.close_button{
	width: 2vw;
}

td.main_td_title{
	white-space:nowrap;
	width: 0px;
	height: 3em;
}

a.a_button{
	color: #000;
	text-decoration: none;
}

div.logo_show_fy2{
	padding-top: 3vh;
	text-align: left;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

div.logo_show_fy3{
	position: absolute;
	top: 4vh;
	left: 80%;
	color: #FFF;
	text-align: right;
}

div.logo_show_fy3 a{
	color: #FFF;
	text-decoration: none;
}

img.main_button_go{
	width: 10%;
	padding-right: 2%;
}

div.mainpage_content4_a{
	width: 100%;
	text-align: right;
	position:relative;
}

img.mainpage_title2a{
	width: 97%;
}

div.mainpage_content4_a_sub{
	position:absolute;
    top:0vw !important;
    right:3vw;
	height: 0 !important;
	vertical-align: top !important;
}

div.mainpage_content4_b{
	padding-left: 3vw;
	padding-right: 3vw;
	padding-top: 2vw;
	position:relative;	
	text-align: left;
	color: #FFF;
}

div.mainpage_content4_b_sub{
	position:absolute;
    top:1vw;
    right:3vw;
}

div.no_w{
	white-space:nowrap;
}

.Mainpage_end{
	============================================================================================;
}

img.title_image{
	width: 100%;
}

div.whoami_content2{
	width:80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3vw;
	padding-bottom: 3vw;
}

img.sub_title_image{
	width:25%;
	padding-bottom: 3vw;
}

img.sub_title_image2{
	width:25%;
	padding-top: 3vw;
	padding-bottom: 1vw;
}

img.logo_image{
	height: 10vw;
	margin-left: auto;
	margin-right: auto;
}

div.whoami_imagea{
	width:33vw;
	text-align:center;
	padding-top: 4vw;
	padding-bottom: 4vw;
}

.Whoami_end{
	==============================================================================================;
}

img.services_icon{
	width: 25%;
}

img.services_icon2{
	width: 30%;
	padding-bottom: 5%;
}

img.button_icon1{
	width: 6%;
}

div.services_content2{
	margin-top: -5px;
	background-color: #C9CACA;
	text-algin: center;
	color: #FFF;
	letter-spacing: 6px;
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
}

div.services_content3{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5vw;
	padding-bottom: 5vw;
}

div.services_content3_table{
	padding-top: 3vw;
}

img.services_image{
	width:100%;
}

img.service_title{
	width: 50%;
	padding-bottom: 4%;
}

img.service_title2{
	width: 35%;
	padding-bottom: 4%;
}

div.td_border{
	border-left:1pt solid black;
	border-top:1pt solid black;
}

div.td_border2{
	border-right:1pt solid black;
	border-bottom:1pt solid black;
}

img.td_border_image{
	width:2px;
	height: auto;
	min-height: 3px;
}

table.service_table1{
	padding-top: 3%;
	padding-bottom: 7%;
	max-width: 80%;
}

table.service_table2{
	padding-top: 3%;
	padding-bottom: 7%;
	width: 90%;
}

div.services_content5{
	text-align: left;
	padding-left: 3%;
}

a.lettalkabout_button{
	color: #FFF;
	text-decoration: none;
}

img.services_image1{
	width: 40%;
	padding-bottom: 3%;
}

img.services_image2{
	width: 30%;
	padding-bottom: 3%;
}

img.services_image3{
	width: 60%;
	padding-top: 10%;
	padding-bottom: 3%;
}

img.services_image3a{
	width: 60%;
	padding-top: 5%;
	padding-bottom: 3%;
}

img.services_image4{
	//width: 40%;
	height: 11vw;
	padding-bottom: 5%;
	padding-top: 20%;
}

img.services_image5{
	width: 30%;
	padding-bottom: 5%;
	padding-top: 20%;
}

div.services_content7{
	padding-top: 5%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position:relative;
}

img.services_image6{
	width: 50%;
}

div.services4_image1{
	top: 82%;
	left: 45%;
	position: absolute;
	width: 30%;
	z-index: 1;
}

div.services4_image2{
	top: 82%;
	left: 70%;
	position: absolute;
	width: 30%;
	z-index: 1;
}

div.services4_image3{
	top: 40%;
	left: 80%;
	position: absolute;
	width: 30%;
	z-index: 1;
}

div.services_de_content2{
	padding-top: 5%;
}

video.services_video{
	width: 100%;
}

div.service_font_pad{
	padding-top: 2%;
	padding-bottom: 2%;
}

div.services_content3_sub{
	display:flex;
    align-items:center;
    justify-content:center;
	height: 8vw;
}

.service_end{
	==============================================================================================;
}

img.memory_title1{
	width: 20%;
}

div.memory_content1{
	margin-top: 1vw;
}


img.img_blank_mem{
	height: 1px;
}

div.memory_content1_sub{
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 4vw;
	padding-bottom: 4vw;
}

table.memory_table1{
	width:100%;
}

img.joinus_title1{
	width: 15%;
}

div.joinus_content1{
	margin-top: 1vw;
}

div.joinus_content2{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4vw;
	padding-bottom: 4vw;
}

img.joinus_logo{
	width: 25%;
}

div.joinus_content3{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

input.joinus_input{
	width: 90%;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	padding: 1px 5px 1px 5px;
	outline: none;
}

textarea.joinus_textarea{
	width: 90%;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	padding: 1px 5px 1px 5px;
	resize: none;
}

div.joinus_content4{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	padding-bottom: 5%;
}

img.joinus_image{
	width: 10%;
	padding-right: 3%;
}

img.justtosayhi_title1{
	width: 20%;
}

iframe.contactus_iframe{
	width:100%;
	height: 50vw;
}

input.lettalkabout_inputb{
	width: 35vw;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 1.2vw;
    border-radius: 1.2vw;
	padding: 0.3vw 0.5vw 0.3vw 0.5vw;
	outline: none;
	height: 2.8vw;
}

textarea.lettalkabout_textareab{
	width: 35vw;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 1.2vw;
    border-radius: 1.2vw;
	padding: 0.3vw 0.5vw 0.3vw 0.5vw;
	outline: none;
	height: 10vw;
	resize: none;
}

div.lettalkabout_buttonb{
	width: 33vw;
	border: 0.1vw solid #b5b6b6;
    -webkit-border-radius: 1.2vw;
    border-radius: 1.2vw;
	padding: 0.3vw 0.5vw 0.3vw 0.5vw;
	text-align: center;
	cursor: pointer;
	color: #000;
}

.joinus_end{
	==============================================================================================;
}

div.lettalkabout{
	width:100%;
	background-color: #595757;
	color: #FFF;
}

div.lettalkabout_title_sub{
	position:absolute;
    top:-1vw !important;
    right:3vw;
	height: 0 !important;
	vertical-align: top !important;
}

div.lettalkabout_sub{
	width: 100%;
	padding-top: 3vw;
	padding-bottom: 3vw;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.lettalkabout_sub_a{
	padding-left: 3vw;
	padding-right: 3vw;
	position:relative;
	padding-top: 2vw;
}

div.lettalkabout_sub_a_sub{
	position:absolute;
    top:2vw;
    right:3vw;
}

div.lettalkabout_sub_b{
	padding-left: 3vw;
	padding-right: 3vw;
	padding-top: 2vw;
}

div.lettalkabout_sub_b_sub{
	width: 50%;
}

div.lettalkabout_sub_b_suba{
	width: 50%;
	padding: 3vw;
	vertical-align:middle;
}

div.lettalkabout_sub_b_sub_td{
	width:15vw;
	height:4vw;
	vertical-align:middle;
	padding-top: 0.5vw;
}

div.lettalkabout_sub_b_sub_tda{
	width:15vw;
	height:10vw;
	vertical-align:top;
	padding-top: 0.5vw;
}

img.button_yf3a{
	width: 4vw;
	margin-left: 1vw;
}

input.lettalkabout_inputa{
	width: 45vw;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 1.2vw;
    border-radius: 1.2vw;
	padding: 0.3vw 0.5vw 0.3vw 0.5vw;
	outline: none;
	height: 2.8vw;
}

textarea.lettalkabout_textareaa{
	width: 45vw;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 1.2vw;
    border-radius: 1.2vw;
	padding: 0.3vw 0.5vw 0.3vw 0.5vw;
	outline: none;
	height: 10vw;
	resize: none;
}

div.lettalkabout_buttona{
	width: 45vw;
	background-color: #FFF;
    -webkit-border-radius: 1.2vw;
    border-radius: 1.2vw;
	padding: 0.3vw 0.5vw 0.3vw 0.5vw;
	text-align: center;
	cursor: pointer;
	color: #000;
}

div.lettalkabout_buttonlay{
	padding-top: 1.3vw;
}

div.lettalkabout_content{
	padding-top: 20px;
	padding-bottom: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

div.logo_show_fy{
	position: absolute;
	top: 3%;
	left: 80%;
}

div.lettalkabout_title{
	height: 32px;
}

div.lettalkabout_title2{
	height: 140px;
}

input.lettalkabout_input{
	width: 90%;
	height: 25px;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	padding: 1px 5px 1px 5px;
}

input.lettalkabout_input:focus,textarea.lettalkabout_textarea:focus{
	outline: none;
}

textarea.lettalkabout_textarea{
	width: 90%;
	height: 120px;
	border:0 none;
	background-color: #b5b6b6;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	padding: 1px 5px 1px 5px;
	resize: none;
}

div.lettalkabout_button{
	width: 70px;
	height: 25px;
	background-color: #b5b6b6;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	text-align: center;
	cursor: pointer;
}

table.date_table{
	width: 100%;
}

table.date_table tr td {
border:1px solid #e9e9e9;
padding:1px;
vertical-align: top;
}

.c_pointer{
	cursor: pointer;
}

.workdiv{
	padding-top: 1vw;
	border:1px solid #e9e9e9;
}

.adimg_cut{
	max-height: 350px;
	overflow: hidden;
}

.badge{
	color:#fff;
	background-color:#007bff;
	display:inline-block;
	padding:.25em .4em;
	font-size:75%;
	font-weight:700;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
	border-radius:.25rem;
}