#gotop { display:none; position:fixed; z-index:89; width:50px; height:50px; line-height:50px; right:20px; bottom:30px; cursor:pointer; text-align:center; font-size:13px; color:#ed779e; font-weight:bold; border:1px solid #ed779e; background:#ffffff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; behavior:expression(this.onFocus=this.blur());/*for IE*/transition-property:all 0.3s;-moz-transition:all 0.3s; /* Firefox 4 */-webkit-transition:all 0.3s; /* Safari and Chrome */-o-transition:all 0.3s; /* Opera */}
#gotop:hover { background:#ed779e; color:#ffffff; behavior:expression(this.onFocus=this.blur());/*for IE*/transition-property:all 0.3s;-moz-transition:all 0.3s; /* Firefox 4 */-webkit-transition:all 0.3s; /* Safari and Chrome */-o-transition:all 0.3s; /* Opera */}

.m_header{ display:block; position:fixed; z-index:99; top:0; left:0; width:100%;}
.m_header-d{ background:rgba(255,255,255,.8); /*box-shadow:0px 0px 12px -2px rgba(0,0,0,0.2);*/ -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.logo{ position:relative; width:100%; height:150px; text-align:right; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.logo-d{ height:90px; /*box-shadow:0px 0px 12px -2px rgba(0,0,0,0); behavior:expression(this.onFocus=this.blur());*/ transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}

.logo_p{ position:absolute; z-index:2; left:2.5vw; top:50%; transform:translate(0%,-50%); width:490px; height:130px; background:url(../images/logo.svg) no-repeat center center; background-size:contain; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); cursor:pointer; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.logo_p h1{ position:absolute; z-index:0; left:-99999px;}
.logo-pd{ left:2vw; top:50%; transform:translate(0%,-50%); width:302px; height:80px; background:url(../images/logo.svg) no-repeat center center; background-size:contain; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}

.btn{ position:absolute; z-index:2; right:110px; top:50%; transform:translate(0%,-50%); font-size:19px;}
.btn a{ display:inline-block; color:rgba(0,0,0,0.7); margin:0 1.2vw; line-height:2.3; font-family:'Noto Sans TC', sans-serif;}
.btn a:hover{ color:#c93664;}
.btn_lan{position: absolute; z-index:2; right: 2.5vw; top:50%; transform: translate(0%,-50%); }
.btn_lan a{font-size:15px; padding:3px 10px; color:#ffffff; background:#ed779e; border:1px solid #ed779e; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.btn_lan a:hover{ opacity: 0.7;}
.top_menu { display:none;}

.i_font{ position:absolute; z-index:2; bottom:35px; left:90px; font-size:3em; color: #ffffff; font-weight: bold; text-align:left; line-height:1.0;}
.i_font span{ font-size:170%;}
.ibox{padding:100px 0 80px 0; background: linear-gradient(173deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 27%,rgba(240,210,220,1) 27%,rgba(240,210,220,1) 100%); /*aspect-ratio:1440/1080;*/ }
.p-top__mvMainBg{ margin: 0 auto; position:relative; z-index:0; display:flex; justify-content:center; align-items:center; width:100%; height:auto; pointer-events:none}
.p-top__mvMainBg .video-wrapper { width:92%;}
.p-top__mvMainBg .video { width:100%; height:100%; clip-path: url(#top-mv-mask); position:relative; }
.p-top__mvMainBg .video video { width:100%; height:100%; position:relative; z-index:0;object-fit:cover; aspect-ratio:1700/1080;}

/*mobile*/
.menu_c_open{overflow:hidden;}
.m_menu{ display:none;}
.m_box{ display:none;}
.tm_menu span { display:none;}
.tm_menu_x span { display:none;}

.inews{ margin:0 auto; width:80%; position:relative; display:flex; padding:80px 0;}
.inews_tt{ width:250px; color:#404040; font-weight: 500; letter-spacing:1px;}
.inews_f{ position:relative; font-size:38px; line-height: 1.0; padding-left:30px;}
.inews_f span{ display:block; font-size:20px; margin-top:15px;}
.inews_f:before{ position:absolute; content:""; top: 0; left: 0; width:15px; height:15px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background: #f0d2dc;}
.inews_c{flex: 1; border-top:1px solid rgba(0,0,0,.2);}
.inews_c a{ display:flex; align-items: center; width:100%; font-size:18px; line-height: 1.8; border-bottom:1px solid rgba(0,0,0,.2); padding:20px 50px 20px 40px;}
.inews_c a:hover{ padding:20px 40px 20px 50px;}
.inews_c_d{ width:150px;}
.inews_c_d span{display: block; padding:10px 0; letter-spacing:1px; text-align:center; background: rgba(0,0,0,.1); font-size:15px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.inews_c_tt{ flex:1; padding:0 40px 0 30px; background:url(../images/symbol/icon_01.svg) no-repeat right center; background-size:20px 20px;}
.inews_c a:hover > .inews_c_d span{ background:#f6e3e9; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.inews_more{ position:absolute; left:30px; bottom:90px;}
.inews_more a{ font-size:15px; padding:10px 15px 10px 35px; color:rgba(0,0,0,.7); border-bottom:1px solid rgba(0,0,0,.2); background:url(../images/symbol/icon_02.svg)no-repeat 5px 11px; background-size:20px;}
.inews_more a:hover{ color:#ed779e; border-bottom:1px solid #ed779e; background:url(../images/symbol/icon_02y.svg)no-repeat 12px 11px; background-size:20px;}

.ibox02{ margin: 0 auto; width: 80%; padding:20px 0 60px 0;}
.ibox02_tt{ position: relative; color:#404040; letter-spacing:1px; font-size:28px; margin-bottom:30px; padding-left: 30px;}
.ibox02_tt:before{ position:absolute; content:""; top: 0; left:0; width:15px; height:15px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background: #f0d2dc;}
.ibox02_more{ position:absolute; right:0; top:40%; transform:translate(0%,-50%);}
.ibox02_more a{ font-size:15px; padding:10px 30px; border:1px solid #ed779e; background: #ed779e; color:#ffffff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.ibox02_more a:hover{ background: #ffffff; color: #ed779e;}
.ibox02_box_k{ padding:10px;}
.ibox02_box{ background: #ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden; box-shadow:0px 0px 12px -2px rgba(0,0,0,0.2); behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_box:hover > .ibox02_c > .ibox02_c_date { color:#c93664;}
.ibox02_box:hover > img { opacity: .7; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_p_box{ width: 100%; overflow: hidden;}
.ibox02_p{ width: 100%; padding-bottom:65%; background-size:cover;}
.ibox02_c{ padding:20px; font-size:18px; line-height: 1.8; background:url(../images/symbol/icon_01.svg) no-repeat right 20px center; background-size:22px;}
.ibox02_c_date{ font-size:15px; color:rgba(0,0,0,.8); margin-bottom: 10px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_date span{ font-size:200%; font-weight:bold; line-height: 1.0; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_f{ padding-right: 35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ibox03{ background:url(../images/ibox03bg.jpg)no-repeat #f0d2dc; background-size:cover; padding:110px 0; overflow: hidden;}
.ibox03_c{ display: flex; align-items: center; margin:0 auto; width:80%;}
.ibox03_c01{ width:50%; padding-right:80px;}
.ibox03_tt{ position: relative;letter-spacing:1px; font-size:28px; margin-bottom:30px; padding-left: 30px;}
.ibox03_tt:before{ position:absolute; content:""; top: 0; left:0; width:15px; height:15px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background: #bd3660;}
.ibox03_f{ font-size:18px; line-height: 1.8;}
.ibox03_more{ margin-top:60px;}
.ibox03_more a{ font-size:15px; padding:10px 30px; border:1px solid #bd3660; background: #bd3660; color:#ffffff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.ibox03_more a:hover{ background:no-repeat; color: #bd3660;}
.ibox03_c02{ flex:1; }

.footer_bg{ position:relative; width:100%; background:#fdf6f8; color:rgba(0,0,0,0.6);}
.footer{ margin: 0 auto; width:100%; display:flex; justify-content:center; /*align-items:stretch;*/}
.footer_c01{ position:relative; width:45%; /*filter:grayscale(1); overflow: hidden; border: 1px solid rgba(0,0,0,.1); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ }
.footer_c01 iframe{ position:absolute; top:0; left:0; height:99.9%;}

.footer_c02{ position:relative; width:55%; /*flex-direction:row; flex-wrap:wrap;*/ padding:80px;}
.footer_c02_boxbg{ width:100%; overflow:hidden; display:flex;}
.footer_c02_box01{ width:50%;}
.footer_c02_tt{ font-size:23px; line-height:1.2; font-weight:400;}
.footer_c02_tt span{ display:block; font-size:14px; font-weight:300; color:rgba(0,0,0,0.6); margin-top:8px;}
.footer_c02_cbg{ display:block; width:100%; margin-top:15px;}
.footer_c02_cf a{ display: none;}
.footer_c02_c{ display:table; width:100%; overflow:hidden; font-size:16px; line-height:1.8;}
.footer_c02_ct{ display:table-cell; vertical-align:top; position:relative; width:70px;}
.footer_c02_ct:before{ position:absolute; content:""; right:20px; top:6px; width:1px; height:16px; background:rgba(0,0,0,0.2);}
.mobile_none{ display:table-cell;}
.footer_c02_cf{ display:table-cell; vertical-align:top;}

.footer_c02_box02{ flex: 1;}
.footer_c02_icon_tt{ font-size:18px; line-height:1.2}
.footer_c02_icon{ margin-top:20px;}
.footer_c02_icon a{ display:inline-block; width:40px; text-align: center; padding:8px; margin:0 15px 10px 0; font-size:15px; color:rgba(0,0,0,0.6); border:1px solid rgba(0,0,0,0.3); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.footer_c02_icon a:hover{ color:#ffffff; background:#ed779e; border:1px solid #ed779e;}
.footer_url{ border-top:1px solid rgba(0,0,0,0.2); padding-top:20px; margin-top:30px; font-size:16px;}
.footer_url b{ display: block; margin-bottom: 10px;}
.footer_url a{ position: relative;  padding-left:12px; display:inline-block; margin-right:20px; color:rgba(0,0,0,0.6);}
.footer_url a:before{ position: absolute; content:""; left:2px; top:12px; width: 3px; height: 3px; background:rgba(0,0,0,.2);}
.footer_url a:hover{ color:rgba(0,0,0,1);}
.footer_d{ width:100%; text-align:center; font-size:14px; font-weight:300; color:rgba(255,255,255,0.6); background:rgba(0,0,0,0.8); padding:20px 20px;}

.banner{ position: relative; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,227,233,1) 66%); }
.banner:before{ position:absolute; content:""; z-index:2; bottom: -1px; width: 100%; height:100%; background:url(../images/banner_k.png) no-repeat left bottom; background-size:100%;}
.banner_fbox{ padding:190px 0 70px 0; background:url(../images/circle.png) no-repeat right bottom;}
.banner_f{ margin:0 auto; width:50%; min-width:1000px; font-size:19px; font-weight:500; letter-spacing:.04em; color: #404040;}
.banner_f span{ display:block; position:relative; font-size:54px; line-height:1.0; font-family: "Montserrat", sans-serif; margin-bottom:10px;}
.banner_f span:before{ position:absolute; content:""; left:-60px; top:9px; width:38px; height:38px; background:#ed779e; opacity: .5; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }

.content{margin:0 auto; width:75%; min-width:1000px; padding:20px 0 90px 0;}
.path{margin-bottom:40px; font-size:15px; text-align: right;}
.path span{ display: inline-block; width:15px;  height: 1px; background:rgba(0,0,0,.2); vertical-align: middle; margin: 0 10px;}
.path a{display: inline-block;color: rgba(0,0,0,.6);}
.path a:hover{ color: rgba(0,0,0,.9);}
.class{ margin-bottom:30px; text-align: center;}
.class a{display: inline-block; font-size:19px; padding: 10px 30px; margin:0 10px 10px 10px; border: 1px solid #ed779e; background: #ed779e; color: #ffffff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.class a:hover{ border: 1px solid #ed779e; background: #ffffff; color: #ed779e;}

.atitle_box{ margin-bottom:5px;}
.atitle{ position: relative; display: inline-block; font-size:130%; line-height:1.5; letter-spacing:1px; color:#ffffff; padding-left:26px; font-weight:500; color:#5aa6c4; }
.atitle:before{ position: absolute; content:""; left: 0; top:5px; width:15px; height:15px; background: #5aa6c4; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.atitle2_box{ margin-bottom:5px;}
.atitle2{ display:inline-block; font-size:110%; color:#e84f82; font-weight:500; }

.ac_1p1f{ display:flex; align-items: center; overflow: hidden; margin-bottom:30px;}
.ac_1p1f_p{ width:35%; font-size:90%; line-height: 1.4; color:#666666; text-align: center; }
.ac_1p1f_p img{ display: block; width:100%; }
.ac_1p1f_c{ flex:1; padding-left: 30px;}
.ac_1p1f_c2{ flex:1; padding-right: 30px;}

.ac_pic2{ margin: 0 auto; width: 80%; font-size:90%; line-height: 1.4; color:#666666;}
.ac_pic2_c{ display:inline-block; width:50%; vertical-align:top; padding:10px 10px 0 10px; font-size:95%; line-height: 1.4; text-align: center;}
.ac_pic2_c img{ display:block; width: 100%;}

.ac_pic4{ font-size:90%; line-height: 1.4; color:#666666;}
.ac_pic4_c{ display:inline-block; width:20%; vertical-align:top; padding:15px; font-size:16px; line-height: 1.7; text-align: center;}
.ac_pic4_c a{ color:#666666;}
.ac_pic4_c a:hover{ color:#000000; text-decoration: none;}
.ac_pic4_p{ padding-bottom: 100%; margin-bottom: 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ac_pic4_p:hover{ opacity: .7; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}

.ac_box{ display:block; overflow:hidden;}
.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:33.2%; vertical-align:top; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 15px; background-size:6px; padding:0 20px 0 15px;}
.ac_box a{ color:#171717;}
.ac_box a:hover{ color:#4d9467; text-decoration:none; }

.n_date{ display: inline-block; padding:10px 20px;; letter-spacing:1px; text-align:center; border: 1px solid #ed779e; color:#ed779e; font-size:15px; line-height: 1.6; margin-bottom:20px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.n_title{ font-size:32px; line-height: 1.6; color:#bd3660;}

.acti_content a{ display:inline-block; width:33.2%; vertical-align: top;}
.acti_k{ padding:25px;}
.acti_box{ background: #ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow: hidden; box-shadow:0px 0px 12px -2px rgba(0,0,0,0.2); behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.acti_box:hover > .acti_c > .acti_c_date { color:#c93664;}
.acti_box:hover > img { opacity: .7; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.acti_p_box{ width: 100%; overflow: hidden;}
.acti_p{ width: 100%; padding-bottom:65%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.acti_c{ padding:20px; font-size:18px; line-height: 1.8; background:url(../images/symbol/icon_01.svg) no-repeat right 20px center; background-size:22px;}
.acti_c_date{ font-size:15px; color:rgba(0,0,0,.8); margin-bottom: 10px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.acti_c_date span{ font-size:200%; font-weight:bold; line-height: 1.0; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.acti_c_f{ padding-right: 35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.acti_date{ font-size:17px; color:rgba(0,0,0,.8); margin-top: 10px;}
.acti_date span{ font-size:200%; font-weight:bold; line-height: 1.0;}

/*PHOTP*/
.po_content{ width:100%;}
.po_list2{ width:100%; text-align:center; margin-top:30px;}
.po_list2_c{ display:inline-block; width:25%; padding:15px;}
.po_list2_p_k{ width:100%; background:#ffffff; padding:10px; box-shadow:3px 3px 9px -2px rgba(0,0,0,0.5); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.po_list2_p_bg{ width:100%; overflow:hidden;}
.po_list2_p{ width:100%; padding-bottom:75%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}

/*影片*/
#mv{ margin:0 auto; width:100%; text-align:center;}
#mv_play{ width:100%; overflow:hidden; background:#f3f3f3; padding:50px; margin-bottom:20px;}
#mv_c{ width:100%; overflow:hidden;}
#mv_c_list{ display:inline-block; vertical-align:top; width:20%; padding:0 10px; margin-bottom:10px;}
#mv_c_p{ position:relative; width:100%; height:0; padding-bottom:60%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); border:3px solid #ffffff; cursor:pointer; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
#mv_c_p:hover{ border:3px solid #bcbcbc; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
#mv_c_pf{ position:absolute; z-index:2; width:100%; font-size:15px; padding:2px 10px; bottom:0; background:rgba(0,0,0,0.6); color:#ffffff;}
#mv_c_f{ width:100%; font-size:15px; line-height:1.5; margin-top:5px;}


@media (min-width:993px) and (max-width:1600px) {
.logo{ height:130px;}
.logo-d{ height:80px;}
.logo_p{ left:1.8vw; width:377px; height:100px;}
.logo-pd{ left:1.8vw; top:43%; transform:translate(0%,-43%); width:264px; height:70px;}
.btn{ right:90px; font-size:18px;}
.btn a{ margin:0 1.2vw; line-height:2.0;}
.btn_lan{ right: 2.5vw; }
.btn_lan a{ padding:3px 10px;}
	
.ibox{padding:100px 0 60px 0; }
.i_font{bottom:0px; left:80px; font-size:2.5em; }
.p-top__mvMainBg .video-wrapper { width:95%;}
.p-top__mvMainBg .video video { aspect-ratio:1500/1080;}

.inews{ width:90%; padding:70px 0;}
.inews_tt{ width:190px;}
.inews_f{ font-size:37px; padding-left:28px;}
.inews_f span{ display:block; font-size:19px; margin-top:15px;}
.inews_f:before{ width:14px; height:14px;}
.inews_c{flex: 1; }
.inews_c a{ display:flex; align-items: center; font-size:17px; line-height: 1.7; padding:18px 35px 18px 30px;}
.inews_c a:hover{ padding:18px 25px 18px 40px;}
.inews_c_d{ width:140px;}
.inews_c_d span{ padding:9px 0; font-size:15px; }
.inews_c_tt{ flex:1; padding:0 38px 0 28px; background-size:20px 20px;}
.inews_more{ position:absolute; left:30px; bottom:80px;}

.ibox02{width:90%; padding:15px 0 50px 0;}
.ibox02_tt{ font-size:27px; margin-bottom:28px; padding-left:28px;}
.ibox02_tt:before{ width:14px; height:14px;}
.ibox02_more a{ font-size:15px; padding:8px 25px;}
.ibox02_box_k{ padding:10px;}
.ibox02_c{ padding:20px; font-size:17px; line-height: 1.7; background:url(../images/symbol/icon_01.svg) no-repeat right 20px center; background-size:22px;}
.ibox02_c_date{ font-size:15px; color:rgba(0,0,0,.8); margin-bottom: 10px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_date span{ font-size:200%; font-weight:bold; line-height: 1.0; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_f{ padding-right: 35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ibox03{ background:url(../images/ibox03bg.jpg)no-repeat #f0d2dc; padding:90px 0;}
.ibox03_c{ display: flex; align-items: center; width:90%;}
.ibox03_c01{ width:45%; padding-right:40px;}
.ibox03_tt{ font-size:27px; margin-bottom:20px; padding-left:28px;}
.ibox03_tt:before{ width:14px; height:14px; }
.ibox03_f{ font-size:17px; line-height: 1.7;}
.ibox03_more{ margin-top:30px;}
.ibox03_more a{ padding:8px 25px;}

.footer{ display:flex; justify-content:center; }
.footer_c01{ width:45%; /*filter:grayscale(1); overflow: hidden; border: 1px solid rgba(0,0,0,.1); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ }
.footer_c02{ width:55%; /*flex-direction:row; flex-wrap:wrap;*/ padding:50px 60px;}
.footer_c02_boxbg{ display:flex; flex-wrap:wrap;}
.footer_c02_box01{ width:100%;}
.footer_c02_tt{ font-size:23px;}
.footer_c02_tt span{ font-size:14px; margin-top:8px;}
.footer_c02_cbg{ margin-top:10px;}
.footer_c02_c{ font-size:16px; line-height:1.7;}
.footer_c02_ct{ display:table-cell; width:70px;}
.footer_c02_ct:before{ right:20px; top:6px; height:16px;}

.footer_c02_box02{ flex:1; width:100%; margin-top: 20px;}
.footer_c02_icon_tt{ display: inline-block; font-size:17px;}
.footer_c02_icon{ display: inline-block; margin-top:0px; margin-left:15px;}
.footer_c02_icon a{ width:40px; padding:8px; margin-right:15px;}
.footer_url{ padding-top:20px; margin-top:20px; font-size:16px;}
.footer_url a{ display:inline-block; margin-right:15px; }
.footer_d{ padding:20px 20px;}

.banner:before{ bottom: -1px; background-size:100%;}
.banner_fbox{ padding:160px 0 50px 0; background:url(../images/circle.png) no-repeat right bottom; background-size:90%;}
.banner_f{ width:70%; min-width:70%; font-size:19px;}
.banner_f span{ font-size:50px; margin-bottom:10px;}
.banner_f span:before{ left:-60px; top:9px; width:34px; height:34px; }

.content{ width:90%; min-width:90%; padding:20px 0 90px 0;}
.path{margin-bottom:40px; font-size:15px;}
.path span{ width:15px; margin: 0 10px;}
.class{ margin-bottom:30px; }
.class a{ font-size:19px; padding: 10px 30px; margin:0 10px 10px 10px; }

.ac_1p1f{  display:flex; align-items:center; margin-bottom:30px;}
.ac_1p1f_p{ width:45%; }
.ac_1p1f_c{ padding-left: 30px;}
.ac_1p1f_c2{ padding-right: 30px;}
	
.ac_pic2{ width:100%; }
.ac_pic2_c{ display:inline-block; width:50%; padding:10px 10px 0 10px; font-size:95%; line-height: 1.4;}

.ac_pic4_c{ display:inline-block; width:25%; padding:15px; font-size:16px; line-height: 1.7;}

.ac_box{ display:block; overflow:hidden;}
.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:50%; background:url(../images/symbol/icon_02.png) no-repeat 0px 15px; background-size:6px; padding:0 20px 0 15px;}
	
.n_date{ padding:8px 18x; line-height: 1.4; margin-bottom:16px; }
.n_title{ font-size:28px; line-height: 1.6;}
	
.acti_content a{ width:50%;}
.acti_k{ padding:30px;}
.acti_p{ padding-bottom:60%;}
.acti_c{ padding:20px; font-size:17px; line-height: 1.7;}
.acti_c_date{ margin-bottom: 10px;}
}

/*===平版型區===*/
@media (min-width: 768px) and (max-width: 992px) {
#gotop { width:42px; height:42px; line-height:40px; right:15px; bottom:30px;}

.logo{ height:100px; }
.logo-d{ height:70px;}
.logo_p{ left:15px; top:50%; transform:translate(0%,-50%); width:340px; height:90px;}
.logo-pd{ left:15px; top:50%; transform:translate(0%,-50%); width:226px; height:60px;}

.ibox{padding:80px 0 120px 0; }
.i_font{bottom:-75px; left:40px; font-size:2.5em; }
.p-top__mvMainBg .video-wrapper { width:95%;}
.p-top__mvMainBg .video video { aspect-ratio:1400/1080;}

.btn{ display:none;}
.btn_lan{ right:85px; }
.btn_lan a{ padding:2px 8px;}
	
.inews{ width:90%; flex-wrap: wrap; padding:60px 0;}
.inews_tt{ width:100%; margin-bottom: 20px;}
.inews_f{ font-size:33px; padding-left:25px;}
.inews_f span{ display:inline-block; font-size:18px; margin-top:0px; margin-left: 15px;}
.inews_f:before{ width:14px; height:14px;}
.inews_c{flex: 1;width:100%;}
.inews_c a{ display:flex; align-items: center; font-size:17px; line-height: 1.7; padding:15px 35px 15px 20px;}
.inews_c a:hover{ padding:15px 25px 15px 30px;}
.inews_c_d{ width:140px;}
.inews_c_d span{ padding:9px 0; font-size:15px; }
.inews_c_tt{ flex:1; padding:0 38px 0 28px; background-size:20px 20px;}
.inews_more{ position:absolute; left:auto; right: 0; bottom:auto; top:70px;}
.inews_more a{border: 0; padding:10px 0 10px 35px;}
.inews_more a:hover{border:0;}
	
.ibox02{width:90%; padding:10px 0 30px 0;}
.ibox02_tt{ font-size:25px; margin-bottom:20px; padding-left:25px;}
.ibox02_tt:before{ width:14px; height:14px;}
.ibox02_more a{ font-size:15px; padding:8px 25px;}
.ibox02_box_k{ padding:10px;}
.ibox02_c{ padding:20px; font-size:17px; line-height: 1.7; background:url(../images/symbol/icon_01.svg) no-repeat right 20px center; background-size:22px;}
.ibox02_c_date{ font-size:15px; color:rgba(0,0,0,.8); margin-bottom: 10px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_date span{ font-size:200%; font-weight:bold; line-height: 1.0; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_f{ padding-right: 35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ibox03{ background:url(../images/ibox03bg.jpg) no-repeat #f0d2dc; background-size:cover; padding:70px 0;}
.ibox03_c{ flex-direction: column;  /* 改成上下排 */  align-items: stretch; /* 寬度各自撐滿 */ width:90%;}
.ibox03_c01{ width:100%; padding-right:0; padding-bottom:50px;}
.ibox03_tt{ font-size:27px; margin-bottom:20px; padding-left:28px;}
.ibox03_tt:before{ width:13px; height:13px;}
.ibox03_f{ font-size:17px; line-height: 1.7;}
.ibox03_more{ margin-top:20px; text-align: right;}
.ibox03_more a{ padding:8px 25px;}
.ibox03_c02{ margin:0 auto; width:90%;}

.footer{ display:flex; justify-content:center; }
.footer_c01{ width:45%; /*filter:grayscale(1); overflow: hidden; border: 1px solid rgba(0,0,0,.1); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ }
.footer_c02{ width:55%; /*flex-direction:row; flex-wrap:wrap;*/ padding:50px 60px;}
.footer_c02_boxbg{ display:flex; flex-wrap:wrap;}
.footer_c02_box01{ width:100%;}
.footer_c02_tt{ font-size:23px;}
.footer_c02_tt span{ font-size:14px; margin-top:8px;}
.footer_c02_cbg{ margin-top:10px;}
.footer_c02_c{ font-size:16px; line-height:1.7;}
.footer_c02_ct{ display:table-cell; width:70px;}
.footer_c02_ct:before{ right:20px; top:6px; height:16px;}

.footer_c02_box02{ flex:1; width:100%; margin-top: 20px;}
.footer_c02_icon_tt{ display: inline-block; font-size:17px;}
.footer_c02_icon{ display: inline-block; margin-top:0px; margin-left:15px;}
.footer_c02_icon a{ width:40px; padding:8px; margin-right:15px;}
.footer_url{ padding-top:20px; margin-top:20px; font-size:15px;}
.footer_url a{ display:inline-block; margin:0 15px 5px 0; }
.footer_url a:before{ top:10px;}
.footer_d{ padding:18px;}

.banner:before{ bottom: -1px; background-size:100%;}
.banner_fbox{ padding:130px 0 40px 0; background:url(../images/circle.png) no-repeat right bottom; background-size:120%;}
.banner_f{ width:70%; min-width:70%; font-size:19px;}
.banner_f span{ display: inline-block; font-size:40px; margin-bottom:0px; margin-right: 10px;}
.banner_f span:before{ left:-50px; top:5px; width:30px; height:30px; }

.content{ width:90%; min-width:90%; padding:15px 0 70px 0;}
.path{margin-bottom:30px; font-size:15px;}
.path span{ width:15px; margin: 0 10px;}
.class{ margin-bottom:10px; }
.class a{ font-size:18px; padding:6px 20px; margin:0 10px 6px 10px; }

.atitle_box{ margin-bottom:5px;}
.atitle{ padding-left:24px; }
.atitle:before{ top:5px; width:14px; height: 14px;}
.atitle2_box{ margin-bottom:5px;}

.ac_1p1f{ flex-direction: column; /* 改成上下排 */align-items: stretch; margin-bottom:20px;}
.ac_1p1f_p{ margin: 0 auto; width:100%; order: 2; }
.ac_1p1f_c{ width: 100%; padding-left:0px; padding-bottom: 10px; order: 1; }
.ac_1p1f_c2{ padding-right:0px; padding-bottom: 10px;}

.ac_pic2{ width:100%; }
.ac_pic2_c{ display:block; width:100%; padding:10px 10px 0 10px;}

.ac_pic4_c{ display:inline-block; width:33.2%; padding:10px; font-size:16px; line-height: 1.6;}

.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:50%; background:url(../images/symbol/icon_02.png) no-repeat 0px 15px; background-size:6px; padding:0 20px 0 15px;}

.n_date{ padding:4px 16x; line-height: 1.2; margin-bottom:15px; }
.n_title{ font-size:26px; line-height: 1.6;}
	
.acti_content a{ width:50%;}
.acti_k{ padding:16px;}
.acti_p{ padding-bottom:60%;}
.acti_c{ padding:20px; font-size:17px; line-height: 1.7;}
.acti_c_date{ margin-bottom: 10px;}
	
/*PHOTP*/
.po_list2{ margin-top:30px;}
.po_list2_c{ display:inline-block; width:33.2%; padding:15px;}
.po_list2_p_k{ padding:10px;}
	
/*影片*/
#mv_play{ padding:40px; margin-bottom:20px;}
#mv_c_list{ display:inline-block; vertical-align:top; width:33.2%; padding:0 10px; margin-bottom:10px;}
#mv_c_pf{ font-size:15px; padding:2px 10px;}
#mv_c_f{ font-size:15px; line-height:1.5; margin-top:5px;}

}

/*===手機版型區===*/
@media screen and (max-width:767px) {
#gotop { width:36px; height:36px; line-height:34px; right:10px; bottom:14px;}

.logo{ height:80px; }
.logo-d{ height:60px;}
.logo_p{ left:10px; top:50%; transform:translate(0%,-50%); width:264px; height:70px;}
.logo-pd{ left:10px; top:50%; transform:translate(0%,-50%); width:189px; height:50px;}

.ibox{padding:90px 0 80px 0; }
.i_font{bottom:-50px; left:30px; font-size:1.2em; }
.p-top__mvMainBg .video-wrapper { width:94%;}
.p-top__mvMainBg .video video { aspect-ratio:1400/1080; /*aspect-ratio:1200/1080;*/}
	
.btn{ display:none;}
.btn_lan{ right:65px;}
.btn_lan a{ font-size:14px; padding:2px 8px;}
	
.inews{ width:85%; flex-wrap:wrap; padding:50px 0;}
.inews_tt{ width:100%; margin-bottom:15px;}
.inews_f{ font-size:28px; padding-left:20px;}
.inews_f span{ display:inline-block; font-size:17px; margin-top:0px; margin-left:10px;}
.inews_f:before{ width:12px; height:12px;}
.inews_c{flex: 1;width:100%;}
.inews_c a{ display:flex; flex-wrap:wrap; align-items: center; font-size:16px; line-height: 1.6; padding:14px 15px 12px 10px;}
.inews_c a:hover{ padding:14px 10px 12px 15px;}
.inews_c_d{ width:100%;}
.inews_c_d span{ display: inline-block; padding:4px 20px; margin-bottom: 8px; font-size:15px; }
.inews_c_tt{ flex:1; width: 100%; padding:0 30px 0 0; background-size:20px 20px;}
.inews_more{ position:absolute; left:auto; right: 0; bottom:auto; top:58px;}
.inews_more a{border: 0; padding:10px 0 10px 25px; background:url(../images/symbol/icon_02.svg)no-repeat 0 12px; background-size:18px;}
.inews_more a:hover{border:0; background:url(../images/symbol/icon_02.svg)no-repeat 5px 12px; background-size:18px;}
	
.ibox02{width:85%; padding:10px 0 20px 0;}
.ibox02_tt{ font-size:24px; margin-bottom:10px; padding-left:20px;}
.ibox02_tt:before{ width:12px; height:12px;}
.ibox02_more a{ font-size:15px; padding:4px 20px;}
.ibox02_box_k{ padding:10px;}
.ibox02_c{ padding:20px; font-size:17px; line-height: 1.7; background:url(../images/symbol/icon_01.svg) no-repeat right 20px center; background-size:22px;}
.ibox02_c_date{ font-size:15px; color:rgba(0,0,0,.8); margin-bottom: 10px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_date span{ font-size:200%; font-weight:bold; line-height: 1.0; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ibox02_c_f{ padding-right: 35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.ibox03{ background:url(../images/ibox03bg.jpg) no-repeat #f0d2dc; background-size:cover; padding:60px 0;}
.ibox03_c{ flex-direction: column;  /* 改成上下排 */  align-items: stretch; /* 寬度各自撐滿 */ width:85%;}
.ibox03_c01{ width:100%; padding-right:0; padding-bottom:50px;}
.ibox03_tt{ font-size:24px; margin-bottom:15px; padding-left:20px;}
.ibox03_tt:before{ width:12px; height:12px;}
.ibox03_f{ font-size:17px; line-height: 1.7;}
.ibox03_more{ margin-top:20px; text-align: right;}
.ibox03_more a{ padding:4px 20px;}
.ibox03_c02{ margin:0 auto; width:100%;}

.footer{ flex-direction: column; /* 改成上下排 */  align-items: stretch; /* 寬度各自撐滿 */}
.footer_c01{ display: none; width:100%; /*filter:grayscale(1); overflow: hidden; border: 1px solid rgba(0,0,0,.1); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ }
.footer_c02{ margin: 0 auto; width:85%; /*flex-direction:row; flex-wrap:wrap;*/ padding:40px 0;}
.footer_c02_boxbg{ display:flex; flex-wrap:wrap;}
.footer_c02_box01{ width:100%;}
.footer_c02_tt{ font-size:23px;}
.footer_c02_tt span{ font-size:14px; margin-top:8px;}
.footer_c02_cbg{ margin-top:10px;}
.footer_c02_cf a{ display:inline-block; font-size:14px; margin-left:5px; padding:2px 10px; background:rgba(0,0,0,.1); color:rgba(0,0,0,.6); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.footer_c02_c{ font-size:16px; line-height:1.7;}
.footer_c02_ct{ display:table-cell; width:53px;}
.footer_c02_ct:before{ right:10px; top:6px; height:16px;}
.mobile_none{ display:none;}
	
.footer_c02_box02{ flex:1; width:100%; margin-top: 20px;}
.footer_c02_icon_tt{ display: inline-block; font-size:17px;}
.footer_c02_icon{ display: inline-block; margin-top:0px; margin-left:15px;}
.footer_c02_icon a{ width:40px; padding:8px; margin-right:15px;}
.footer_url{ padding-top:20px; margin-top:20px; font-size:15px;}
.footer_url a{ display:inline-block; margin:0 15px 5px 0; }
.footer_url a:before{ top:10px;}
.footer_d{ padding:20px 20px;}
	
.banner:before{ bottom: -1px; background-size:100%;}
.banner_fbox{ padding:100px 0 30px 0; background:url(../images/circle.png) no-repeat center bottom; background-size:190%;}
.banner_f{ width:70%; min-width:70%; font-size:18px;}
.banner_f span{ display: inline-block; font-size:32px; margin-bottom:0px; margin-right: 10px;}
.banner_f span:before{ left:-40px; top:5px; width:26px; height:26px; }

.content{ width:85%; min-width:85%; padding:15px 0 50px 0;}
.path{margin-bottom:40px; font-size:14px;}
.path span{ width:12px; margin: 0 8px;}
.class{ margin-bottom:10px; }
.class a{ font-size:16px; padding:5px 16px; margin:0 8px 10px 8px; }

.atitle_box{ margin-bottom:3px;}
.atitle{ padding-left:22px; font-size:125%;}
.atitle:before{ top:5px; width:13px; height: 13px;}
.atitle2_box{ margin-bottom:5px;}

.ac_1p1f{ flex-direction: column; /* 改成上下排 */align-items: stretch; margin-bottom:20px;}
.ac_1p1f_p{ margin: 0 auto; width:100%; order: 2; }
.ac_1p1f_c{ width: 100%; padding-left:0px; padding-bottom: 10px; order: 1; }
.ac_1p1f_c2{ padding-right:0px; padding-bottom: 10px;}

.ac_pic2{ width:100%; }
.ac_pic2_c{ display:block; width:100%; padding:10px 10px 0 10px;}

.ac_pic4_c{ display:inline-block; width:50%; padding:10px; font-size:15px; line-height: 1.5;}
	
.ac_box ul{ padding-left:10px;}
.ac_box li{ display:block; width:100%; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 9px; background-size:6px; padding:0 20px 0 15px; margin:3px 0;}

.n_date{ padding:2px 14x; line-height: 1.0; margin-bottom:13px; }
.n_title{ font-size:24px; line-height: 1.5;}
	
.acti_content a{ width:100%;}
.acti_k{ padding:16px;}
.acti_p{ padding-bottom:60%;}
.acti_c{ padding:20px; font-size:16px; line-height: 1.6;}
.acti_c_date{ margin-bottom:8px;}
	
/*PHOTP*/
.po_list2{ margin-top:20px;}
.po_list2_c{ display:inline-block; width:50%; padding:10px;}
.po_list2_p_k{ padding:8px;}

/*影片*/
#mv_play{ padding:6px; margin-bottom:20px;}
#mv_c_list{ display:inline-block; vertical-align:top; width:50%; padding:0 6px; margin-bottom:10px;}
#mv_c_pf{ font-size:14px; padding:2px 8px;}
#mv_c_f{ font-size:14px; line-height:1.3; margin-top:5px;}

}