@charset "utf-8";
body,
html{
margin: 0px;
padding: 0px;
}
body{
font-size: 14px;
line-height: 1.5em;
font-family: Arial,"微軟正黑體";
height: 100%;
}
img{
border: none;
}
a{
text-decoration: none;
}
input,
textarea{
outline: none;
}
.html_edit{
width: 100%;
overflow: hidden;
}
.html_edit img{
max-width: 100%;
height: auto;
}
.html_edit table{
max-width: 100%;
}
.container-fluid{
padding: 0;
min-width: 1040px;
}
.container{
padding: 0;
margin: 0 auto ;
}
.header_block{
border-top: 5px solid #009900;/*#0b3d99*/
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
#header {
height: 150px;
position: relative;
}
/*桌機版logo*/
#header .logo_block{
padding-top:-100px;
vertical-align:top;
width: 133px;
height:65px;
}
#header .logo_block{
max-width: 100%;
max-height: 100%;
}
/*第1層*/
#header .navbar-nav{
position: absolute;
/*right: 0;*/
right: 15px;
top: 0;
margin-top: 115px;
margin-bottom: 0;
border-bottom: 0;
max-width: 900px;
height: 30px;
}
#header .nav > li > a{
padding: 0;
}
#header .navbar-nav > li > a{
font-size: 16px;
line-height: 30px;
color: #3f3f3f;
padding: 0 25px 5px 25px;
border: 0;
border-radius: 0;
}
#header .navbar-nav > li:last-child > a{
/* padding-right: 0; 2019-05-10 mark by Iris */
}
/*hover,動作狀態*/
#header .navbar-nav > li > a:hover,
#header .navbar-nav > li > a:active,
#header .nav .open > a,
#header .nav .open > a:hover,
#header .nav .open > a:focus{
color: #fa9a89;
border: 0;
background-color: transparent;
}
#header .nav > li > a:hover,
#header .nav > li > a:focus{
background-color: transparent;
}
#header .nav-pills > li.active > a,
#header .nav-pills > li.active > a:hover,
#header .nav-pills > li.active > a:focus {
color: #000;
background-color: transparent;
}
#header .navbar-collapse {
padding: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#header .navbar-default {
border:0;
}
#header .navbar-toggle {
border: 0;
border-radius: 0;
}
#header .navbar-default .navbar-toggle .icon-bar{
background-color: #fff;
}
#header .navbar-header{
display: none;
}
.mobile_logo_block{
display: none;
}
/*下拉選單*/
#header .navbar-default{
background-color: transparent;
}
#header .navbar-nav .dropdown-menu{
margin-top: -1px;
}
#header .dropdown-menu{
border-radius: 0;
border-top: 3px solid #fa9a89;
border-right: 1px solid #bfbfbf;
border-left: 1px solid #bfbfbf;
border-bottom: 0;
box-shadow: 5px 5px 12px rgba(0, 0, 0, .175);
padding: 0;
min-width: 150px;
max-width: 150px;
}
#header .dropdown-menu{
background-color: rgba(255,255,255,0.9);
}
#header .dropdown-menu li{
border-bottom: 1px solid #bfbfbf;
padding: 0;
background-color: transparent;
}
#header .dropdown-menu li a{
padding: 5px 5px 5px 10px;
line-height: 22px;
min-height: 30px;
width: 145px;
white-space: normal;
}
/*lv1 & lv2 字對齊*/
#header .lv2_list{
left: 15px;
}
/*下拉選單在最右邊時*/
#header .last_lv2{
left: auto;
right: 0;
}
#header .dropdown-menu > li:hover{
background-color: #838281;
}
#header .dropdown-menu > li > a:hover,
#header .dropdown-menu > li > a:focus{
background-color: #838281;
}
#header .dropdown-menu li a:hover{
color: #fff;
}
/*--訊息顯示--*/
.message_block{
position: absolute;
left: 28px;
bottom:5px;
}
.message_btn{
line-height: 30px;
font-size: 16px;
color: #009900;/*#81be51*/
display: list-item;
float: left;
max-width: none;
height: 25px;
overflow: hidden;
}
/*--相關連結--*/
.related_block{
position: absolute;
right: -35px;
top: 0px;
}
.related_block{
max-width: 100%;
max-height: 100%;
}
/*---語系區---*/
.lang_block{
position: absolute;
right: 0;
top: 0;
}
.lang_block ul,
.lang_block li{
list-style: none;
}
.lang_block:after{
content: '';
display: block;
clear: both;
}
.lang_btn{
padding: 0 5px;
line-height: 25px;
font-size: 12px;
background: #009900;/*#0b3d99*/
color: #fff;
display: inline-block;
float: right;
max-width: 700px;
height: 25px;
overflow: hidden;
}
.lang_list{
float: right;
padding-left: 0;
}
.lang_block li{
background: #838281;
float: left;
}
.lang_block li a{
line-height: 25px;
font-size: 12px;
color: #fff;
padding: 0 10px
}
.lang_block li a:link,
.lang_block li a:visited,
.lang_block li a:hover,
.lang_block li a:active{
text-decoration: none;
}
.lang_block li:after{
content: '|';
color: #fff;
}
.lang_block li:last-child:after{
content: '';
}
.lang_block .language{
display: none;
}
.lang_block .sitemap{
display: block;
}
.lang_block .sitemap a{
color: #fff;
cursor: pointer;
text-decoration: none;
}
/*---footer---*/
.footer_block {
background-color: #373a38;
border-color: #7c7c6d;
border-top-width: 2px;
color: #fff;
font-size: 13px;
min-height: 30px;
padding-top: 18px;
padding-bottom: 16px;
}
.footer_block .copyright:after{
content: '|';
}
.footer{
text-align: center;
}
.footer a,
.footer a:hover{
text-decoration: none;
color: #fff;
}
/*---相關企業---*/
.business_block{
overflow: hidden;
font-size: 14px;
text-align: center;
padding-bottom: 20px;
background-color:#363839;
color: #8C8989;
position: relative;
padding: 43px 20px 40px;
border-top: 12px solid #e9eaee;
}
.business_btn{
line-height: 20px;
font-size: 16px;
/* height: 336px;*/
max-width: 1310px;
margin: 0px auto;
}
.business_box{
width: 100px;
height: 100px;
float:left;
vertical-align:text-top;
position: relative;
margin:0px 5px 50px 0px;
}
.business_box.img{
width: 90px;
height: 90px;
background-repeat: no-repeat;
background-position:top center ;
z-index: 2;
}
.business_box2{
padding-left:10px;
width: 400px;
height: 100px;
float:left;
vertical-align:text-top;
margin-right: 10px;
text-align:left;
margin-bottom:50px;
line-height: 24px;
}
.business_box2.link{
z-index:2;
font-size: 14px;
}
.business_box3{
padding-left:100px;
width: 600px;
height: 200px;
float:left;
vertical-align:text-top;
margin-right:20px;
}
/*----- 手機版 -----*/
@media screen and (max-width: 767px){
.container-fluid{
padding: 0;
min-width: 100%;
}
.html_edit table{
width: 100%;
}
#header{
height: auto;
position: fixed;
z-index: 1500;
width: 100%;
}
#header .navbar-nav{
margin-top: 50px;
width: 100%;
height: auto;
z-index: 1600;
display: block;
background-color: #009900;/*#3463B1;*/
background-image: url(../images/assoc_m_index_menu_bg.jpg);
background-repeat: no-repeat;
background-position: bottom right;
max-height: 360px;
overflow: auto;
right: 15px;
}
#header .navbar-default,
#cailin_Navbar{
background-color: transparent;
}
.lang_close .lang_list{
display: none;
}
.lang_list{
display: block;
}
#header .navbar-nav li,
#header .navbar-nav a{
display: block;
width: 100%;
}
#header .navbar-nav .dropdown-menu{
margin-top: 0px;
}
#header .navbar-nav > li > a:hover,
#header .navbar-nav > li > a:active,
#header .nav .open > a,
#header .nav .open > a:hover,
#header .nav .open > a:focus{
background: none;
color: #fff;
}
#header .dropdown-menu{
min-width: 100%;
max-width: 100%;
}
#header .navbar-nav li > a{
font-size: 15px;
line-height: 35px;
min-height: 45px;
width: 100%;
color: #fff;
padding: 5px 0 5px 20px;
}
#header .navbar-nav > li.dropdown > a:after{
content: '+';
position: absolute;
right: 20px;
}
/*lv1 & lv2對齊*/
#header .lv2_list{
left: 0;
}
/*開啟狀態*/
#header .navbar-nav > li.dropdown.open{
background-color: #c6f3ad;/* #44c1e5;*/
}
#header .navbar-nav > li.dropdown.open > a:after{
content:'';
display: inline-block;
margin-top: 12px;
background-image: url("../images/cailin_home_page.png");
background-position: 0 -10px;
width: 9px;
height: 5px;
background-repeat: no-repeat;
}
#header .navbar-nav .lv2_list li>a{
padding-left: 35px;
}
#header .navbar-nav>li ul{
position: relative;
}
#header .navbar-nav>li ul,
#header .navbar-nav>li ul li{
width: 100%;
border: 0;
}
#header .navbar-nav>li ul li{
background-color: #0d5e02;/*#01315F;*/
}
#header .dropdown-menu{
box-shadow: 0 0 0;
}
/*選單向下鈕樣式切換*/
.navbar-toggle.collapsed .menu_open{
display: none;
}
.navbar-toggle.collapsed .icon-bar{
display: block;
}
.navbar-toggle .icon-bar{
display: none;
}
.navbar-toggle .menu_open{
width: 15px;
height: 10px;
margin: 4px 0 0 7px;
text-align: center;
vertical-align: middle;
background-image: url("../images/cailin_home_page.png");
background-position: -37px 0;
background-repeat: no-repeat;
display: block;
}
/*手機選單按鈕*/
#header .navbar-default .navbar-toggle:hover,
#header .navbar-default .navbar-toggle:focus{
background: #009900;/*#0b3d99;*/
}
#header .logo_block{
display: none;
}
#header .navbar-header{
background: #009900;/*#0b3d99;*/
display: block;
padding: 5px 0;
}
.header_block{
border: 0;
}
#header .navbar-brand{
height: auto;
}
#header .navbar-toggle{
padding: 13px 15px 13px 15px;
margin: 0;
position: relative;
z-index: 1650;
}
.mobile_logo_block{
display: block;
border: 0;
background-color: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
height: 140px;
text-align: center;
padding: 57px 0 18px 0;
}
.mobile_logo_block img{
max-width: 100%;
max-height: 100%;
}
/*隱藏投資人專區*/
//#header .navbar-collapse .without_mobile{
display: none;
}
/*---語系區---*/
.lang_list{
float: none;
z-index: 1700;
}
.lang_block{
width: 70px;
height: 30px;
display: block;
}
.lang_block:after{
content: '';
display: block;
clear: both;
}
.lang_btn{
padding: 10px 20px 5px 0;
font-size: 13px;
line-height: 30px;
color: #fff;
display: block;
text-align: right;
float: none;
position: absolute;
right: 0;
top: 0;
z-index: 2000;
height: 50px;
width: 100px;
max-width: 250px;
}
.lang_block ul{
position: absolute;
top: 50px;
right: 0;
}
.lang_block li{
background: #3464b1;
float: none;
text-align: center;
width: 105px;
}
.lang_block li a{
display: block;
width: 105px;
line-height: 40px;
}
.lang_block li a:hover{
background: #44c1e5;
}
.lang_block li:after{
content: '';
}
.lang_block .sitemap{
display: none;
}
.lang_block .language{
display: block;
cursor: pointer;
}
/*---footer---*/
.footer_block {
min-height: 60px;
padding: 12px 0;
}
.footer_block .copyright{
display: block;
}
.footer_block .copyright:after{
content: '';
}
/*---相關企業---*/
.mobile_business_block{
overflow: hidden;
font-size: 12px;
text-align: center;
padding-bottom: 10px;
background-color:#363839;
color: #8C8989;
position: relative;
padding: 43px 10px 40px;
border-top: 12px solid #e9eaee;
}
.mobile_business_btn{
line-height: 20px;
font-size: 14px;
height: 336px;
}
.mobile_business_box{
width: 90px;
height: 90px;
float:left;
vertical-align:text-top;
position: relative;
margin:0px 5px 50px 0px;
}
.mobile_business_box.img{
width: 90px;
height: 90px;
background-repeat: no-repeat;
background-position:top center ;
z-index: 2;
}
.mobile_business_box2{
padding-left:10px;
width: 240px;
height: 140px;
float:left;
vertical-align:text-top;
margin-right: 10px;
text-align:left;
margin-bottom:50px;
line-height: 24px;
}
.mobile_business_box2.link{
z-index:2;
font-size: 14px;
}
.mobile_business_box3{
padding-left:30px;
width: 340px;
height: 200px;
float:left;
vertical-align:text-top;
margin-right:20px;
}
}
/*針對safari調整間距*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px)
{
::i-block-chrome,#header .navbar-nav{
margin-top: 50px;
}
::i-block-chrome,#header .navbar-toggle{
padding: 15px;
}
::i-block-chrome,.lang_block ul{
top: 54px;
}
}