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

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1280px) {
.container01{ width:auto; max-width:1200px; margin:0 auto;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 15px !important;}
ul#ul_news{ width:auto;}

#owl-demo .item{ margin:15px;}
#owl-demo .item_img{ height:110px;}
}
@media (max-width: 1279px) {
.border_main{ background:none;}
.cntbox{ float:none; width:auto; max-width:800px; margin:0 auto; padding:50px 0;}
.side{ display:none;}

.lawcntbox{ float:none; width:auto; max-width:800px; margin:0 auto; padding:10px 15px 50px 15px;}
.lawbox{ margin-left:10px; margin-right:10px;}
}
@media (max-width: 1200px) {
.f_left{ float:none; width:100%; margin-bottom:40px; padding-bottom:40px; border-bottom:1px dotted #444;}
.f_right{ float:none; width:100%; display:block;}
.f_right iframe{ float:left;}

#btn{ float:right; width:240px; margin-right:0px;}
#cssmenu{ margin-right: 50px !important;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 8px !important;}

.qnalink a{ margin-left: 0 !important; text-align: left;}
.qnalink a i{ margin-right: 10px; }
.qnalink a:after{ font-size: .813em; content: "我要會談"; }

.searchform { right: -2px;}
}
@media (min-width: 1025px) and (max-width: 1279px) {
.container01{ width:auto; max-width:100%; margin:0 20px;}
#cssmenu{ margin-right: 50px !important;}
}
@media (max-width: 1024px) {
.container01{ width:auto; max-width:100%; margin:0 20px;}

#owl-demo .item_img{ height:146px;}
}
@media (max-width: 950px) {
.container01{ width:auto; margin:0 20px !important;}
/* #cssmenu{ margin-right: 10px !important;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 0px !important; font-size: 13px !important; font-weight:bold; text-decoration: none; color: #666;} */

ul#ul_sthumb{ width:auto; max-width:930px; margin:0 auto; overflow:hidden;}
.sthumbbox{ margin:0 5px;}

.law_img{ float:right; width:200px; margin:0 0 30px 30px;}
.law_txt{ float:none; width:auto;}

.cmt_img{ display:none;}
.cmt_txt{ float:none; width:auto;}
.cmt_date{ float:left; margin-left:0; margin-right:20px;}
.more01{ font-size:13px; line-height:47px;}

.news_txt{ float:none; width:auto;}
}
@media (max-width: 768px) {
#btn{ float:right; width:240px; margin-right:0px;}

.sthumbbox p{ font-size:12px;}

.f_left_li_child p{ font-size:13px;}

.cmt_txt h2, .news_txt h2{ font-size:18px; line-height:26px; text-overflow: clip; display:block; white-space: normal; overflow: visible; word-break: break-all;}
.more01{ font-size:13px; line-height:40px;}

#owl-demo .item_img{ height:167px;}

i.search_default{ display:none;}
.searchlink { float:none; padding: 0 15px 10px 0; height: 56px;}
.searchform { display: block; width: 100%; top: -1px; left: -1px;}
#s { width:100%;}

ul#ul_left2 li{ float:none; width:100%; margin:0 0 40px 0;}
ul#ul_left2 li:last-child{ margin: 0; text-align: center;}
ul#ul_left2 li p{ text-align: center;}
ul#ul_left2 li span{ margin: 0; display: block; }

ul#ul_share{ float:none; width:176px; margin:0 auto 0 auto; padding:0;}
ul#ul_share li{ float: left; width: 40px; margin:0 2px; }
}
@media (max-width: 700px) {
.sthumbbox h3.icon-book, .sthumbbox h3.icon-group, .sthumbbox h3.icon-award, .sthumbbox h3.icon-mail{ font-size:60px; line-height:60px;}
.sthumbbox p{ display:none;}

ul#ul_inews li{ float:none; width:100%;}
ul#ul_inews li:nth-child(1){ margin-bottom:20px;}
ul#ul_icnews{ margin:0 0px;}

#owl-demo .item_img{ height:151px;}

#fbox{ padding:40px 0 60px 0; overflow:hidden;}
.f_left{ margin-bottom:-20px; padding:0; border-bottom:0;}
ul#ul_left li, .f_left_li_child p{ width:100% !important; text-align:center; display:block; font-size:15px;}
.f_left_li_child{ display:none;}
.f_left_li_child.contactinfo{ display:block;}
.f_right{ display:none;}

.copyright{ float:none; margin:0 auto; line-height:20px;}
}
@media (max-width: 568px) {
#btn{ float:right; width:170px; margin-right:0px;}

.sthumbbox h2{ font-size:20px;}

#inner_header h3{ float:none; padding-top:22px; font-size:24px; font-weight:300; line-height:56px;}
#inner_header h6{ float:none; font-size:12px; line-height:12px;}

#owl-demo .item_img{ height:119px;}

ul#ul_law li{ width:50%;}

.searchbox2{ max-width:383px; min-height:300px;}
.fago{display:none;}
.searchbox2_1{ width:383px; }
.searchbox2_txt{ width:330px;}


#navlist{ display: none; }
.pageflip{ display: block; }
}
@media (max-width: 480px) {
header{ height:auto; position:static;}
#logobox{ width:258px; margin:0 auto; padding-left:18px;}
#banner{ padding-top:0;}
#btn{ clear:both; float:none; width:100%; padding-top:10px;}

.index_section{ padding:50px 0;}
.index_section h2{ margin-bottom:0px;}

ul#ul_sthumb li{ width:50%;}
ul#ul_sthumb li:nth-child(1), ul#ul_sthumb li:nth-child(2){ margin-bottom:10px;}

ul#ul_icnews{ height:auto;}
ul#ul_icnews li{ width:100%; height:28px; padding:10px 0; border-bottom:1px solid #fff;}
ul#ul_icnews li span{ float:left; margin-right:10px; padding:5px 10px; font-size:12px; font-weight:300; color:333; background:#fff;}
ul#ul_icnews li h2{ width:auto; padding-right:15px; font-size:13px; line-height:28px; text-align:left; font-weight:300; color:#333; text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden;}

ul#ul_law li{ width:100%;}

#owl-demo .item_img{ height:102px;}
.law_img{ float:none; width:260px; margin:0 0 30px 0;}
.law_txt{ float:none; width:auto;}

.cmt_txt p{ font-size:12px;}
.cmt_date{ width:46px; font-size:15px; line-height:17px;}
.more01{ width:46px; font-size:12px;}

.news_txt p{ font-size:12px;}

.copyright{ font-size:12px;}

.searchbox2{ max-width:250px; min-height:200px;}
.fago{display:none;}
.searchbox2_1{ width:250px; }
.searchbox2_txt{ width:197px;}
}
@media (max-width: 320px) {
#owl-demo .item_img{ height:140px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
}