@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden}
html::-webkit-scrollbar,div::-webkit-scrollbar{width:12px;height:15px;}
html::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg,#1e1e1e,#434343);
    border-radius: 30px;
    box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25), inset -2px -2px 2px rgba(0,0,0,.25)}
html::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#100e17 0,#100e17)}
body{height:100vh;background-color:#0c0c0c;}
img{width:100%;height:auto}
*{font-family:"微軟正黑體", "Microsoft JhengHei", "LiHei Pro", "儷黑Pro", Noto Sans Japanese Bold, Helvetica, Arial, sans-serif}
.font_obv,font_obv{font-family:obviously,sans-serif !important;font-weight:lighter}
.font_obv_n,font_obv_n{font-family:obviously,sans-serif !important;font-weight:normal}
.upper_font{text-transform:uppercase}
a{color:#e5e5e5}
b0{font-size:87px}
b1{font-size:57px}
b2{font-size:46px}
s00{font-size:27px;font-weight:bold}
s0,.s0{font-size:25px;font-weight:bold}
s1,.s1{font-size:23px;font-weight:bold}
s2,.s2{font-size:21px;font-weight:bold}
s3,.s3{font-size:19px;font-weight:bold}
s4,.s4{font-size:17px;font-weight:bold}
s5,.s5{font-size:14px;font-weight:bold}
s6,.s6{font-size:10px;font-weight:bold;-webkit-transform:scale(0.83)}
t1,.t1{font-size:20px; line-height:1.5}
t4,.t4{font-size:16px; line-height:1.4}
t5,.t5{font-size:14px; line-height:1.3}
taRr,.taR{text-align:right}
w100,.w100,100w,.100w{width:100%}
w30,.w30,30w,.30w{width:30%}
w50,.w50,50w,.50w{width:50%}
w70,.w70,70w,.70w{width:70%}
.centre_50width{width:50%;margin:0 auto;display:block;}
autoh,.autoh,hauto,.hauto{height:auto}
mR20,.mR20{margin-right:20px}
red,.red{color:#F5C0CF}
lred,.lred{color:#F5C0CF}
blue,.blue{color:#3E51A4}
deepred,.deepred{color:#B30000}
yellow,.yellow{color:#E0C347}
lyellow,.lyellow{color:#DBDE4C}
green,.green{color:#6ECB48}
lgreen,.lgreen{color:#CCEDBE}
dgreen,.dgreen{color:#34AF34}
black,.black{color:#000000}
invisable,.invisable{display:none !important}
m_only{display:none}
m_none,.m_none{}
pc_only,.pc_only{}
xs_none,.xs_none{}
sm_none,.sm_none{}
.print_only,print_only{display:none}
.print_none,print_none{}
.inlineblock{display:inline-block}
.float_R{float:right;display:inline-block}
.float_L{float:left;display:inline-block}
.margin0auto{margin:0 auto}
.margintop_20px{margin-top:20px}
.margin_20_0{margin:20px 0}
.inlineblock,inlineblock{display:inline-block}
.non_active,.na{pointer-events: none;cursor: default}
.not_penetrate,.np{pointer-events: auto}
.container-full{margin:0 auto;width:100%;padding:0}
.container-parallax{top:0px;position:absolute;width:100%;height:100%}
.vertical_center,.vc{top:50%;transform:translateY(-50%);position:relative;}
.vcenter_div{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: center;align-items:center;}
.a_delay2s{animation-delay:2s !important;}
.txt_sdw{text-shadow: 2px 1px 1px #000000,2px 2px 2px #000000,2px 3px 3px #000073;}
.box_sdw{box-shadow: 2px 1px 1px #000000,2px 2px 2px #000000,2px 3px 3px #000073;}
.ease0_5{transition: 0.5s ease;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;}
.ease1_5{transition: 1.5s ease;-webkit-transition: 1.5s ease;-moz-transition: 1.5s ease;-o-transition: 1.5s ease;}
.flexCenter{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.flexColumn{flex-direction:column}
.flexRow{flex-direction:row}
.flex1{flex:1}
.flex5{flex:5}
.flex_h100{display:flex;align-items:stretch}
.break{flex-basis:100%;height:0}
/*Boostrap tune*/
hr{margin:5px 0 5px 0;border:0px;height:18px;background-color:#eee;box-shadow:inset 0px 6px 6px rgba(0,0,0,0.2);}
.navbar-nav{width:max-content;right:0px;position:absolute;overflow: visible;
    white-space: nowrap;}
.grayscale {
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter:gray; /* IE6-9 */
    -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.container>.navbar-header{margin-right:0;margin:15px 0 0 15px;}
.navbar-toggle{position:absolute;top:0;left:0;margin:0;padding:0;z-index:98;}
.navbar-brand{height:auto;opacity:0.6;}
.navbar-brand-scroll{width:147px;padding: 0 0 0.8vw;opacity:1;}
/*boostraop tune*/
.title_text {
background-image: linear-gradient(
90deg
,#387ee7 15%,#d049da 26%,#de4181 36%,#de4842 45%,#df7d3c 54%,#e7ba41 62%,#c2cd41 71%,#669b34 78%,#64e5d2 86%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.vertical_center{top:50%;transform:translateY(-50%)}


.radio_title{vertical-align:top;padding-top:10px !important}
.radio_sameline{float:left; clear:none}
label.inline {margin-bottom:0px;float:left; clear:none; display:block; padding: 2px 1em 0 0; }
input[type=radio], input.radio {float:left; clear:none; margin:5px 15px}

#ms_nav{font-size:19px;position:absolute;right:15px;top:15px;}
#ms_nav{margin:15px 15px 0 0}
.collapseScroll{margin:0 !important;right:0 !important;top:0 !important}
.container>.navbar-header{margin:15px 0 0 15px}
.navbar{min-height:auto !important}
#msnavbar-header{max-width:23%;}
#nav_logo{height:auto;margin-top:-4px;-moz-opacity:0.6}
#menu-btn{width:36px;height:36px;opacity:.4}
#printlogo{width:200px;height:auto}
.mscontainer{width:100%}
.nav_i_div{display:inline-block;font-size:20px;line-height:20px;
width:20px;height:20px;text-align:center;vertical-align: bottom;}
.nav_hr{height:2px;border-top:2px #ECCB88 dashed;width:100%}
.nav_li_out{float:right}
.navbtn_ms{text-transform:none;opacity:1;-moz-opacity:1;letter-spacing:0.2vw;font-size:15px;
padding-top:7px !important;overflow:hidden;}
.navbtn_ms_index{letter-spacing:2vw;}
.navbtn_inpage{background-color:rgba(0,0,0,0.84);text-transform:uppercase !important;font-weight:350;letter-spacing:7px;}
.nav>li>a{padding:10px 12px}
.navbtnimg_ms{padding:10px 10px 10px !important}
.btn_Img{height:18px;width:auto;float:left;}
.RdyForSliDwn{top:-100px}
.btn_bg{position:absolute;top:0px;left:-100%;width:100%;height:100%;background-color:rgba(255,255,255,0.3);transition:0.3s ease-out}
.navbar-collapse{box-shadow:none}
.col-fullheight{height:100vh}
.top-nav-collapse{overflow:hidden;height:36px;background-color: rgb(0 0 0 / 72%) !important;}
.navbar-custom-index{z-index:55;}
.loadingGIF{width:16px;height:16px}

#logoCover{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:100;background-color:#242424;
display:flex;justify-content:center;align-items:center;}
#cover_logo{max-width:1799px;width:65%;top:42px;position:relative}

.content-section{padding-top:100px}
section .anime_layer{width:100%;position:absolute}
.parallaxParent {
	overflow: hidden;
}

.ms_ind_photo_div50{width:92%;height:auto;left:4%;top:50%;transform:translateY(-50%);position:absolute;}
.ms_ind_photo_div_portrait{width:auto;height:100%;top:0;left:50%;transform:translateX(-50%);position:absolute;}
.ms_ind_photo_frame{position:relative;overflow:hidden;}
.ms_ind_photo_frame_para{
	width:100%;min-height:95vh;overflow:hidden;position:relative;background:transparent;
}
.ms_ind_data_frame{position:relative;min-height:65vh;}
.ms_ind_photo_frame_para50{width:50%;display:inline-block}
.ms_photo_frame_title{position:absolute;top:50%;left:5%;font-size:4.3vw;color:#eee;line-height:0vw;opacity:.8;z-index:10;font-weight:100}
.ms_photo_frame_title_R{left:auto;right:5%;}
.ms_photo_frame_txt{top:50%;transform:translateY(-50%);position:absolute;top:50%;right:5%;font-size:12px;color:#222;background-color:#ddd;width:30vw;padding:50px;text-align:justify;opacity:.9;}
.ms_photo_frame_txt_L{left:5%;right:auto;}
.ms_photo_frame_txt50{right: 4%;}
.ms_ind_data_div{text-align:center;font-size:13px;position:absolute;width:100%;padding:95px 0;width:70%;margin:0 auto;position:relative;}
.ms_ind_data_title{font-size:35px;letter-spacing:24px;padding-bottom:45px;}
.ms_ind_data_txt_div{display:inline-table;width:31%;height:auto;padding:32px 0}
.ms_ind_data_txt_img{border-radius:200px;width:171px;height:auto}
ms_ind_data_txt_title{font-size:20px;text-transform:uppercase;letter-spacing:5px;}
ms_ind_data_txt_content{font-size:9px;width:60%;display:inline-block;}

#blogList{padding:20px 15px;position:relative;z-index:50;line-height:1;background-color: #000000aa;}
.BlogList_aOut{display:inline-block;width:33%;vertical-align:top;}
.BlogList_a{border-radius:10px;}
.BlogList_a:hover{background-color:#1a2039}
.blogLink{height:auto;position:relative;border-radius:6px;width:100%;margin-bottom:29px;}
.blogThumbnailDiv{padding-left:20px;height:100px;width:auto;display:inline-block;vertical-align:top;width:100%;overflow:hidden;position: relative;}
.blogThumbnail_ImgBG{position: absolute;left: 0;right: 0;width: 100%;height: auto;filter: blur(13px) hue-rotate(7deg) brightness(1.2) opacity(0.5);-webkit-filter: blur(13px) hue-rotate(7deg) brightness(1.2) opacity(0.5);padding:0 20px 0 20px;}
.blogThumbnail{height:100%;width:auto;z-index:10;position:relative;}
.blogLinkIntroDiv{display:block;padding:0 20px 20px 20px;}
.blogLinkTitle{display:inline-block;font-size:x-large;padding-top:10px;}
blog_title{padding-right:10px;}
.blogLinkIntro{font-size:x-small;display:inline-block;margin-top:8px}
.blog_date{display:inline-block;letter-spacing:0.4px;padding:2px 10px 2px 6px;background-color:#33385e;border-radius:55px;font-size:13px;color:#eee;text-shadow:none;}
.icon_blog{width:15px;height:15px;}
.blog_btm_cntrl{background:none !important}

#Blog_outer{width:80%;margin:0 auto;z-index:1;position:relative;}
#blog_maintopphoto{width:100%;height:300px;background-size:100% auto;background-position:50% 50%}
#blogtitle{font-size:xx-large;text-align:center;letter-spacing: 4px;padding: 32px;}
#blog_content,.blog_content{font-size:medium;letter-spacing:.5px;text-align:justify}
.blog_content_small{font-size:medium;text-align:left}
#blogdate{font-size:medium;margin-top:4px}
.blogHr{height:1.5px;margin-bottom:32px;}
.blogListHr{height:1px;display:inherit;opacity:.5;margin:0 20px;}

#controller{position:fixed;left:0;bottom:0;z-index:50;margin:0 0 25px 25px;}
.cntr_out{width:40px;height:40px;cursor:pointer;display:inline-block;margin-right:6px;overflow:hidden}
.cntr_div{width:30px;height:30px;cursor:pointer;border-radius:84px;overflow:hidden;background-color:rgb(255 255 255 / 20%);margin:5px}
.cntr_barout{width:150px;height:30px;display:inline-block;overflow:hidden;opacity:0.65;-moz-opacity:0.65;position:relative}
.cntr_bar{width:150px;height:3px;border-radius:50px;background-color:#FFF;position:absolute;left:-100%}
.closeBtn{position:absolute;right:25px;top:61px;z-index:49;margin:0;padding:15px;background:none;width:55px;height:55px}
#closeBtnSvg{background-color: rgb(255 255 255 / 20%);
border-radius: 30px 30px 30px 5px;}

footer{position:relative;bottom:0px;z-index:99;width:100%;text-align:center;z-index:40;
padding:30px 0 !important;opacity:.5;letter-spacing:0.5px;font-size:12px;
border-radius:50px;}
.index_footer{position:absolute;}

@media screen and (max-width: 767px) and (orientation: landscape) {
.container>.navbar-header{margin:15px 0 0 51px}
#msnavbar-header{max-width:40%}
.navbtn_ms{font-size:2.1vw !important;padding-top:0vw !important;padding-bottom:0vw !important;line-height:4.2vw !important;}
.navbar-nav>li>a{line-height:5vw}

.ms_photo_frame_txt{font-size:9px;width:40vw;right:0}
.ms_photo_frame_txt_L{left:0}
.intro_title_mlL{left:45px !important;right:auto !important;text-align:left !important}

.btn_Img{height:2.5vw !important;top:1.5vw;position:relative;}
.cntr_out{width:15px;height:15px}
.cntr_div{width:15px;height:15px}
.cntr_barout{height:15px}
}

@media screen and (max-width: 767px) and (orientation: portrait) {
	.navbtn_ms{font-size:4.8vw !important;line-height:7.2vw !important;}
	.btn_Img{height:4.4vw !important;}
	
	.ms_photo_frame_title_mTop{top:10%;bottom:auto}
	
	.content_photodata{display:none}
}

@media screen and (max-width: 767px) {
html::-webkit-scrollbar,div::-webkit-scrollbar{display:none}
html::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{display:none}
html::-webkit-scrollbar-track,div::-webkit-scrollbar-track{display:none}

m_only{display:inherit}
m_none,.m_none{display:none}
pc_only,.pc_only{display:none}
xs_none,.xs_none{display:none !important}

input[type="submit"],input[type="reset"]{width:100%; margin-bottom:15px !important}

.top-nav-collapse{overflow:visible;}
.navbar-nav{width:auto;right:auto;position:relative;top:0 !important;
background-color: rgba(255,255,255,.91);
box-shadow: 0 0 0px 5px rgb(255 255 255 / 42%);
border: solid;}
.navbar-nav>li {float:none !important;}
.navbar-nav>li>a{line-height:5.9vw}
.btn_Img{padding-right:10px;height:5.5vw;top:1vw;position:relative;}
.navbar-collapse.in{overflow-y:visible}
.navbtn_ms{font-size:2.7vw;padding-top:3vw;padding-bottom:4.5vw;}
.nav_i_div{font-size:21px;line-height:21px;width:21px;height:21px;margin:0 10px 0}
#ms_nav{font-size:1vw;position:relative;right:auto;top:auto;}
#nav_logo{opacity:0.7;-moz-opacity:0.7}

#cover_logo{max-width:auto;width:120%;}

.btn-circle{width:50px;height:50px;padding:7px 10px;font-size:25px}
#intro_btn{margin:0px 0px 0px -20px}
.cntr_barout{width:80px;height:20px}
.cntr_bar{width:80px}
#controller{margin:0 0 7px 7px;}
#closeBtnSvg,#cntr-2{background-color:rgb(0 0 0 / 41%)}
.closeBtn{padding:13px;padding:13px;width:53px;height:53px;right:3px;top:42px}

.ms_ind_data_title{font-size:21px;letter-spacing:2px;}
.ms_ind_data_txt_div{padding: 32px 24px;}
.ms_ind_photo_div_portrait{position:absolute !important}
.ms_ind_photo_img_portrait{max-height: 50vh;width: auto;}


footer{font-size:0.7vw}

.BlogList_aOut{width:100% !important}
#Blog_outer{width:100% !important}
#blog_content, .blog_content{padding: 0 20px;}
}


@media screen and (orientation: portrait){
#msnavbar-header{max-width:100%;margin:15px 0 0 0}
.navbar-nav{top:11vw}
.top-nav-collapse{overflow:visible;}
#ms_nav{position:relative;margin:0;}
.navbtn_ms{font-size:1.2vw;}
.btn_Img{height:2vw}
.navbar-brand-scroll{padding:0px 21vw;width:100%;}
footer{font-size:1.3vw}

.ms_ind_photo_div{position:relative;display:block;}
.ms_ind_photo_div50{position:absolute;display:block;}
.ms_photo_frame_txt,.ms_photo_frame_txt_L{position:relative;top:auto;bottom:auto;left:auto;right:auto;display:block;width:100%;transform:none;font-size:14px;padding:25px}
.ms_photo_frame_txt50{right: 0%;}
.ms_photo_frame_title{font-size:7vw;}
.ms_photo_frame_title_para{position:absolute;top:25.5%;bottom:auto}
.ms_ind_photo_frame_para {min-height:50vh}
.intro_title_mlL,.intro_title_mlR{top:45px;bottom:auto}

#blog_maintopphoto{background-size:auto 120% !important;}
}

@media screen and (min-width: 768px) and (orientation: portrait) {

}

@media screen and (min-width: 768px) and (orientation: landscape) {

}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {

}

@media (min-width: 768px) and (max-width: 991px) {
sm_none,.sm_none{display:none !important}
.nav_i_div{margin:0 auto;display:block}
.nav > li > a{padding:11px 12px}
#nav_logo{opacity:0.65;-moz-opacity:0.65}
.cntr_div{margin:2.5px}
.cntr_barout{height:17px}
footer{font-size: 1vw;}

.ms_ind_data_div{width:80%;}
.ms_ind_data_title{font-size:32px;letter-spacing:20px;padding-bottom:45px;}
}

@media (min-width: 992px) and (max-width: 1199px) and (orientation: portrait) {
.navbtn_ms{font-size:2.6vw}
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
/* .navbar-nav{top:38px} */
}

@media (min-width: 992px) and (max-width: 1920px) {
.navbtn_ms{font-size:12px}
.cntr_barout{height:20px}
}

@media (min-width: 1921px) and (max-width: 2048px){
.navbtn_ms{font-size:13px}
}

@media (max-width: 850px){
	.index_footer{display:none}
	.BlogList_aOut{width:50%}
}

@media print{
.print_only,print_only{display:inherit}
.print_none,print_none{display:none}

.mscontainer{display:none;width:95%}
.title_txt{margin:-20px 0px 0px}
}