@charset "utf-8";
/* CSS Document */

html, body { margin:0px; }

body { width:100%; font-size-adjust:100%; -webkit-text-size-adjust:100%; box-sizing:border-box; position:relative; color:#000000; font-size:16px; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; overflow:hidden-x; overflow-y:auto; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

input, textarea { font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

button, input[type=submit], input[type=reset], input[type=button] { -webkit-appearance:none; }

/* ---------------- Font Family ---------------- */

#menu,
#banner .inner_banner_title,
#footer,
.index_sub_bnr_area .index_sub_bnr p,
.index_news_area .index_news_topic,
.index_news_area .index_news_more { font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; xline-height:0; height:0; font-size:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1054px; background-color:#ffffff; box-sizing:border-box; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:100%; max-width:1054px; padding-left:15px; padding-right:15px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; }

#top { background-color:#ffffff; position:relative; z-index:10; }
#top .logo { width:443px; padding:36px 0 21px 0; }
#top .logo img { width:100%; display:block; }

#top .lang_area { position:absolute; right:15px; top:15px; }
#top .lang_area ul { }
#top .lang_area ul li { display:inline-block; vertical-align:top; padding-left:2px; }
#top .lang_area ul li a { display:block; width:29px; height:29px; background-color:#dbdbdb; border-radius:100%; color:#136fb9; font-size:14px; color:#634a08; line-height:29px; text-align:center; cursor:pointer; transition:all 0.3s ease; }
#top .lang_area ul li a.lang_tc { }
#top .lang_area ul li a.lang_en { font-size:11px; }
#top .lang_area ul li a.active, 
#top .lang_area ul li a:hover { background-color:#8b7b4f; color:#ffffff; }

#top .mobile_btn { position:absolute; right:15px; top:50%; z-index:10; display:none; margin-top:-20px; }
#top .mobile_btn a { display:block; width:40px; height:40px; background-color:#1d6782; box-sizing:border-box; text-align:center; text-transform:uppercase; font-weight:700; font-size:20px; color:#ffffff; line-height:40px; }
#top .mobile_btn a i { margin-right:6px; }
#top .mobile_btn a:hover { text-decoration:none; }

#menu { background:url(../img/menu_shadow.png) repeat-x #1d6782 center top; }
#menu .menu_area { }
#menu .menu_area ul.menu_list { position:relative; z-index:15; text-align:left; }
#menu .menu_area ul.menu_list > li { display:inline-block; vertical-align:top; position:relative; text-align:center; }
#menu .menu_area ul.menu_list > li.mobile_only { display:none; }
#menu .menu_area ul.menu_list > li > a.lv1 { display:block; height:42px; padding:0 24px; background:url(../img/menu_shadow.png) repeat-x #1d6782 center top; position:relative; font-size:16px; color:#ffffff; font-weight:bold; line-height:42px; text-transform:uppercase; transition:all 0.3s ease; }
#menu .menu_area ul.menu_list > li > a.lv1 i { display:none; }
#menu .menu_area ul.menu_list > li:hover > a.lv1,
#menu .menu_area ul.menu_list > li > a.lv1:hover { background-color:#3ba7c5; }

#menu .menu_area ul.dropdown_menu { position:absolute; left:0; top:100%; z-index:100; width:220px; padding:6px 0; background-color:#96b6d8; border-top:9px solid #ffffff; display:none; }
#menu .menu_area ul.dropdown_menu > li { }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:6px 14px; box-sizing:border-box; font-size:13px; color:#ffffff; font-weight:bold; text-align:left; transition:all 0.3s ease; }
#menu .menu_area ul.dropdown_menu > li > a.lv2:hover { background-color:#004da0; }

#mobile_menu { position:fixed; top:0; left:0; z-index:1; width:280px; height:100%; background-color:#3ba7c5; transition:transform 0.5s ease; overflow:hidden; box-sizing:border-box; display:none; transform:translate3d(-280px, 0, 0); -webkit-transform:translate3d(-280px, 0, 0); -moz-transform:translate3d(-280px, 0, 0); }
#mobile_menu .menu_area { width:100%; height:100%; overflow-y:auto; box-sizing:border-box; background:none; }
#mobile_menu .menu_area ul.menu_list { }
#mobile_menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #cccccc;  position:relative; box-sizing:border-box; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px 65px 15px 15px; margin:0; background-color:#1d6782; box-sizing:border-box; position:relative; font-size:16px; text-transform:uppercase; letter-spacing:0.5px; color:#ffffff; line-height:20px; font-weight:bold; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:0; top:0; width:50px; height:50px; text-align:center; line-height:50px; font-size:20px; color:#ffffff; font-style:normal; transition:all 0.3s ease; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #ffffff; }
#mobile_menu .menu_area ul.menu_list > li.openDrop > a.lv1 i { transform:rotate(90deg); }

#mobile_menu .menu_area ul.dropdown_menu { padding-top:6px; padding-bottom:12px; background-color:#96b6d8; border-top:1px solid #cccccc; display:none; }
#mobile_menu .menu_area ul.dropdown_menu > li { display:block; position:relative; }
#mobile_menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:8px 15px; margin:0; box-sizing:border-box; font-size:16px; color:#017570; }

#mobile_menu .lang_area { display:none; }

#banner { width:100%; background-color:#9cd4ea; position:relative; }
#banner .banner_show { width:100%; box-sizing:border-box; position:relative; }
#banner .banner_show .banner { width:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
#banner .banner_show .banner img { width:100%; display:block; }
#banner .banner_show .owl-controls { position:absolute; right:0; bottom:20px; width:100%; }
#banner .banner_show .owl-dots { width:100%; max-width:1024px; box-sizing:border-box; margin:0 auto; text-align:right; font-size:0; }
#banner .banner_show .owl-dot { display:inline-block; vertical-align:top; width:15px; height:15px; background-color:#ffffff; border:1px solid #988250; border-radius:100%; margin-left:8px; transition:all 0.3s ease; cursor:pointer; outline:none; }
#banner .banner_show .owl-dot.active, 
#banner .banner_show .owl-dot:hover { background-color:#5e4f2c; }

#banner .inner_banner { width:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
#banner .inner_banner img { max-width:100%; }

#banner .about_us_banner { background-image:url(../img/inner_banner/about_us.jpg); }
#banner .our_services_banner { background-image:url(../img/inner_banner/our_services.jpg); }
#banner .licenses_n_qualication_banner { background-image:url(../img/inner_banner/licenses_n_qualication.jpg); }
#banner .investor_replation_banner { background-image:url(../img/inner_banner/investor_replation.jpg); }
#banner .contact_us_banner { background-image:url(../img/inner_banner/contact_us.jpg); }

#main { position:relative; background:url(../img/main_shadow.png) repeat-x center top; }
#main .title_area { padding-top:40px; border-bottom:1px solid #cccccc; }
#main .title_area .title { display:inline-block; vertical-align:top; padding-right:18px; padding-bottom:6px; border-bottom:3px solid #3ba7c5; margin-bottom:-1px; font-size:28px; color:#2789ad; font-weight:500; text-transform:uppercase; }
#main .content_area { padding:36px 0 46px 0; position:relative; display:block; }

#main .multipage { padding-top:22px; margin:0 -7px; font-size:0; text-align:right; clear:both; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20px; height:20px; margin:0 3px; text-align:center; line-height:20px; font-size:13px; color:#000000; transition:all 0.2s ease; }
#main .multipage a.row,
#main .multipage a.back,
#main .multipage a.next { width:24px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#2581a4; color:#ffffff; }
#main .multipage select { width:120px; height:32px; background-color:#efefef; border:1px solid #cccccc; box-sizing:border-box; display:none; }

#footer { padding:20px 0; background:url(../img/footer_bg.jpg) no-repeat center bottom; }
#footer .copyright { min-height:30px; padding:0 15px; box-sizing:border-box; display:block; font-size:14px; color:#ffffff; }
#footer .copyright p { float:right; }
#footer .copyright p:first-child { float:left; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_content { padding:32px 0; }

.index_info { width:100%; }
.index_info h3 { padding-bottom:10px; font-size:28px; color:#2789ad; line-height:1; text-align:center; }
.index_info p { font-size:17px; color:#333333; line-height:24px; font-weight:bold; text-align:justify; }
.index_info a { color:#3ba7c5; font-style:italic; transition:all 0.3s ease; }
.index_info a:hover { }

.index_box_area { padding-top:24px; margin:0 -10px; display:block; }
.index_box_area .index_box_item { float:left; width:33.33334%; padding:0 10px; box-sizing:border-box; }
.index_box_area .index_box { width:100%; position:relative; display:block; overflow:hidden; }
.index_box_area .index_box:before { position:absolute; left:-4px; top:0; z-index:2; content:""; width:294px; height:6px; background-color:#3ba7c5; transform:skew(-45deg); }
.index_box_area .index_box_photo { width:100%; xheight:216px; background-color:#999; position:relative; }
.index_box_area .index_box_photo:after { position:absolute; left:0; bottom:0; content:""; width:100%; height:69px; background:url(../img/index_box_shadow.png) repeat-x center bottom; }
.index_box_area .index_box_photo img { width:100%; height:100%; object-fit:cover; transition:all 0.3s ease; }
.index_box_area .index_box_title { position:absolute; left:0; bottom:0; width:100%; padding:12px 18px; box-sizing:border-box; font-size:21px; color:#ffffff; font-weight:bold; text-transform:uppercase; }
.index_box_area .index_box:hover .index_box_photo img { transform:scale(1.2); }

/*-------------------------------------------------------------------------------------*/
/* INVESTOR RELATIONS */

.investor_relations_content { padding-bottom:40px; }

.investor_relations_filter { position:absolute; right:210px; top:-40px; }
.investor_relations_filter .filter_area { display:inline-block; vertical-align:top; width:100%; max-width:154px; position:relative; padding-left:8px; }
.investor_relations_filter .filter_area:before { position:absolute; right:9px; top:12px; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#1d6782 transparent transparent transparent; }
.investor_relations_filter .filter_area select { display:block; width:154px; height:28px; padding:0 0 0 10px; border:1px solid #999999; background-color:#ffffff; box-sizing:border-box; -webkit-appearance:none; appearance:none; outline:none; font-size:14px; color:#333333; }

.investor_relations_list { padding-bottom:24px; }
.investor_relations_list .investor_relations_item { width:100%; padding:8px 42px 10px 30px; background-color:#ffffff; box-sizing:border-box; }
.investor_relations_list .investor_relations { width:100%; padding-left:142px; padding-right:100px; box-sizing:border-box; position:relative; font-size:18px; color:#333333; line-height:22px; }
.investor_relations_list .investor_relations_date { position:absolute; left:0; top:2px; }
.investor_relations_list .investor_relations_title { padding:2px 0; }
.investor_relations_list .investor_relations_btn { position:absolute; right:0; top:0; }
.investor_relations_list .investor_relations_item:nth-child(even) { background-color:#f2f9fc; }

/*-------------------------------------------------------------------------------------*/
/* EDITOR CONTENT */

.editor_content { min-height:420px; box-sizing:border-box; display:block; color:#333333; line-height:2.1; }
.editor_content:after { content:""; display:block; width:100%; clear:both; }
.editor_content iframe { max-width:100%; box-sizing:border-box; }
.editor_content img { max-width:100%; box-sizing:border-box; }

/* Tag default values */
.editor_content ul, 
.editor_content ol { display:block; xmargin:1em 0; xpadding-left:40px; padding-left:20px; }
.editor_content ul { list-style-type:disc; }
.editor_content ol { list-style-type:decimal; }
/*
.editor_content h1 { margin:0.67em 0; }
.editor_content h2 { margin:0.83em 0; }
.editor_content h3 { margin:1em 0; }
.editor_content h4 { margin:1.33em 0; }
.editor_content h5 { margin:1.67em 0; }
.editor_content h6 { margin:2.33em 0; }
.editor_content p { margin:1em 0; }
*/