﻿@charset "utf-8";
/*@viewport{
    width:480px;
    zoom:2.0;
    user-zoom:zoom;
}
    @media screen and (max-width: 900px){
    body { background: green;}
}
@media screen and (min-width: 901px){
    body { background: red;}
}

*/
body{
    width:100%;
	margin:0 auto;
	padding:0;
	/*background-color:rgba(204, 226, 226, 1);*/
font-family:'Microsoft JhengHei UI','微軟正黑體';}
input,textarea,button{font-family:'Microsoft JhengHei UI','微軟正黑體';}
input[readonly],input[disabled] {background-color:#CDC5BF!important;}
/** {}*/
/** {-webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       -ms-box-sizing: border-box;
           box-sizing: border-box;}*/

/*
    ::-webkit-scrollbar {
      width: 50px;
}
::-webkit-scrollbar-track {
      background-color: red;
}
::-webkit-scrollbar-thumb {
      background-color: blue
}
::-webkit-scrollbar-button {
      background-color: yellow
}
::-webkit-scrollbar-corner {
      background-color: black;
}*/

.main_bg {
    position: fixed;
    top: 0px;
    /*bottom:0px;*/
    height: 120%;
    width: 100%;
    opacity: 0.87;
    transform: translate3d(0px, -147.833px, 0px);
	/*background-image: url(../img/main_bg.jpg);*/
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index:-1;
}

.data_title {color: #2B689C;font-size:16pt!important;font-weight:bold;text-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px;padding:0 0 20px 0;
    border-bottom:1px solid rgba(233, 228, 209, 1);margin:0 0 10px 0;
}


.data_title_h1 {color: #2B689C;font-size:16pt;font-weight:bold;text-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px;}

#wrapper { position:relative;
	margin: 0;	
	max-width: 1250px;
    min-width: 980px;
	margin:0 auto 0 auto;
	/*margin:0 auto 26px auto;*/
    /*border-left:10px solid transparent;
    border-right:10px solid transparent;*/
}
.bottom_shadow {position:absolute;bottom:-26px;width:165px;height:26px;pointer-events:none;
background:url(../img/liftedshadow_medium.png) no-repeat;}
.bottom_left{left:-20px; background-position:0 0;}
.bottom_right{right:-20px; background-position:100% 0;}

#content + .bottom_left{  left:0px;}
#content + .bottom_left + .bottom_right{right:0px;}


.show_area_1 {width:290px;padding:10px;font-size:18px; color:#626363;}
.show_area_2 {width:180px;height:200px;padding:10px; float:left;margin-right:5px;}
.show_area_3 {width:314px;height:328px;padding:10px;}
.show_area_b{margin-bottom:10px;
    border: 0px solid rgba(255, 173, 49, 1);
    background-color: rgba(172, 206, 232, 0.33);
    border-radius: 0 0 40px 40px;}
.show_area_c{margin-bottom:10px;
    border: 0px solid transparent;
    background-color: rgba(98, 99, 99, 0.14);
    border-radius: 0 0 40px 40px}
.show_area_d{margin-bottom:10px;
    border: 0px solid transparent;
    background-color: rgba(242, 220, 201, 1);
    border-radius: 0 0 40px 40px;}

.show_area_b.show_area_1 {width:280px;padding-right:20px;}

.msgc caption {padding:5px;}
.show_area_1 table {width:100%;border-collapse:collapse;}
.msgc input:not([type=checkbox]),.msgc textarea{
    font-size: 18px;
    background-color: rgba(255, 255, 255, 1);
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid rgba(214, 205, 171, 0.35);
    color: #97917D;
    margin: 0 0 5px;
    width: 100%;
}
.msgc button{
    background-color: rgba(61, 155, 233, 1);
    font-size: 18px;
    border: 0;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    margin: 0;
    max-width: 35%;
}
.msgc input:not([type=checkbox]),.msgc textarea,.msgc button{
    padding:5px;
}
input[type=checkbox]{width:20px;height:20px;vertical-align:middle;}
input[type=checkbox] + label{vertical-align:middle;}
a.hlPrivacy {vertical-align:middle;}

.msgc td {font-size:18px; color:#626363;}
.msgc th {font-size:18px; color:#97917D;text-align:right;padding:0 10px}

.main_content {
    /*position:absolute;
    right:20px;top:20px;*/ 
    /*border:1px yellow solid;*/
    width:620px; }


.show_area_1 img{width:125px;height:80px;}
/*.product1 {height:345px;}*/
.product1 .header{padding-bottom:30px;}
.product1 td {padding-bottom:30px;vertical-align:top;}
.product1 .produce_desc {font-size:15px;color: #97917D;}
.product_img{position:relative;width:125px;margin:0 10px;text-align:center; padding:2px;background-color:white;}

.show_area_2 .caption {color: #696554;font-size:20px;font-weight:bold;padding-bottom:20px;}
.show_area_2 .content {color: #97917D;font-size:15px;
                       overflow-y: auto;height:60%;
}

#PageTitle1,#PageTitle2 {line-height:60px;}
#PageTitle1::after{content:'鼎觀命理堪輿中心'}
#PageTitle2::after{content:'　　　　須彌山靈修通學院'}

#header {
	max-width: 1250px;
    min-width: 980px;
    height:162px;
    position:relative;
}
#header{
}
#headerbg {
	height: 128px;
    position:absolute;
    left:0;top:0;right:0;
    /*border-bottom:34px rgba(43, 108, 163, 1) solid;*/
    /*background-color:#010413;
    border-bottom:34px #010413 solid;*/
    /*background-color:rgba(43, 108, 163, 1);*/
    /*border-bottom:34px rgb(47, 46, 46) solid;*/
    /*-width:1250px;*/
    min-width: 980px;
    background-image:url(../img/title_bg.jpg);
    background-size:1250px 128px;
    background-repeat:no-repeat;
    background-position:center top;
}
#title {font-size:59px;position:absolute;left:0;
        color:white;width:800px;padding-left:0px;
        bottom:35px;text-align:left;font-weight:bold;
        text-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px;
}
#header > #title > img {height:80px;}
#logo {
	padding:10px 0 0 35px;
}

#header_area{
    /*display:none;*/
max-width: 1250px;
min-width: 980px;
text-align:center;margin:0 auto;}
/*#header_area{width:980px;text-align:center;margin:0 auto;}*/
#menu {
    user-select: none;
    text-align:center;
    color: grey;
    position:absolute;
    top:129px;
	height:32px;
    font-size: 0px;
    background:rgba(255, 255, 255, 1) url(../img/indented_bg_inverted.png) center bottom repeat-x;
    box-shadow: 0px 2px 3px 0px rgba(162,158,158,0.6);
    width:100%;
    /*text-align:left;*/
}
#menu ul{
	padding:0;
	margin:0;
}
#menu li{
	position:relative;
	display:inline-block;
	*display:inline;
	list-style:none;
	margin:0;
    padding:0;
    text-align:center;
}
#menu ul li a{
    width:160px;
	display:inline-block;
	position:relative;
	text-decoration:none;
	padding:4px 0px 2px 0px;
	margin:0;
    text-align:center;
    vertical-align:baseline;
    font-size: 16pt;
    color: #002E5D;
    /*cursor: pointer;*/
    /*border-left: 1px solid rgba(255, 255, 255, 1);*/
    transition: background-color 0.4s ease 0s;
}
#menu > ul > li> ul {
	display: none; 
    padding:0px;
    font-size: 0px;
    box-shadow: 0px 2px 3px 0px rgba(162,158,158,0.6);
    /*background-color:white;*/
}
#menu ul li> li{
	margin:0;
	padding:0;
	width:160px; 
}
/* specific to non IE browsers */
#menu ul li:hover > a { /*滑鼠移到第二層,第一層選單的樣式*/
    color:#fff; 
    /*background:url(../image/com_menu_ulli_bg-1.gif) no-repeat left ;
background-position: 0px ; /* 選單icon圖對上右下左的距離 */
    background-color: rgba(0, 46, 93, 1);
    transition: background-image 0.4s ease 0s;
    /*font-weight:bold;*/
}

#menu > ul > li:hover > a:after {
    content:'';
    /*background: transparent url(../img/indented_bg.png) repeat-x;*/
    background: transparent url(../img/indented_bg_inverted.png) repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*第二層選單彈出的設定*/
#menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:32px; /*離第一層的距離*/
	left:0px; 
	z-index:3000;
    /*background-color:#001B35;*/
	/*background-color:rgba(0, 27, 53, 0.90);/*第二層底色*/
    /*opacity: 0.9;*/

}

/*第二層選單內容的設定*/
#menu ul li:hover ul li a {
    background:none;
	background-color:rgba(0, 27, 53, 0.9);/*第二層底色*/
	line-height:1.2em;
	/*padding:10px 20px;*/
	margin:0px;
	/*border-bottom:#666 solid 1px;*/
    width:140px;
	display:block;
    /*font-size:15pt;*/
    padding:4px 0px 3px 20px;
    text-align:left;
    color:white;
    /*font-weight:bold;*/

}

#menu li:hover li a:after {
    color: white;
    content:'';
    background: none;
}

/*第二層不要出現底圖*/
#menu ul li:hover ul li a:hover {
	/*background:url(../image/index_25.png) no-repeat left #fff;/*第二層選單的icon圖*/
/*background-position: 8px 8px; /*選單icon圖對上右下左的距離 */
    /*background: rgba(0, 46, 93, 1);*/
	/*font-weight:bold;*/
    background-color: #003366;
    color: #CCFFFF

}

/* 第三層 */
#menu ul li:hover ul li:hover ul {
display:block; 
left:160px; /*第三層對第二層的距離*/
top:0px;
    /*opacity: 0.85;*/
}
#menu ul li:hover ul li:hover ul li a {
    /*font-size:12pt;*/
    width:245px;
    padding:4px 20px 3px 20px;
	background-color:rgba(0, 27, 53, 0.85);/*第三層底色*/
}
#menu ul li:hover ul li:hover ul li a:hover {
    background-color: #003366;
}

#menu ul li:hover ul li:hover ul.left {
left:-130px;
}
#menu ul li:hover ul li ul {
display: none;
}
/* 第四層 */
#menu ul li:hover ul li:hover ul li:hover ul {
display:block; 
left:250px; /*第四層對第三層的距離*/
top:0px;
    /*opacity: 0.8;*/
}
#menu ul li:hover ul li:hover ul li:hover ul.left {
left:-130px;
}
#menu ul li:hover ul li:hover ul li ul {
display: none;
}

#menu ul li:hover ul li:hover ul li:hover ul li a {
	background-color:rgba(0, 27, 53, 0.8);/*第四層底色*/
}

#menu ul li:hover ul li:hover ul li:hover ul li a:hover {
    background-color: #003366;
}

/*內容*/
#content {
	overflow:hidden;
	padding:0;
	/*font-family:Arial, Helvetica, sans-serif, 微軟正黑體;*/
    background-color:white;
    padding:20px;
}
#content a{text-decoration:none;}

#content>table{width:940px;border-collapse:collapse;margin:auto;}
/*首頁元件-輪播區塊*/
#mainimg{
	width:600px;
	/*min-height:300px;*/
    padding:0 5px 10px 5px;
    /*margin-bottom:50px;*/
}
.main_corporate {
    width: 100%;
    height: 210px;
    background-color: rgba(81, 156, 255,1);
    margin-bottom:20px;
    position:relative;
    text-align:right;
}

.main_download > img{height:100%;width:100%;}


.main_download {
    width: 100%;
    height: 210px;
    background-color: rgba(81, 156, 255,1);
    margin-bottom:20px;
    position:relative;
    text-align:right;
}
.main_download > img{height:100%;}

.main_download .btn_download {text-align:center;position: absolute;
    cursor:pointer;
    color:black;
    font-weight:bold;
    top: 0;    right: 0;    bottom: 0;    left: 0;
    border-radius: 5px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background: rgba(168, 205, 255, 1) url(../img/shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(28, 138, 67, 1) 0px;}
.main_download .btn_download:hover { 
    color:white;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background-color: rgba(51, 81, 104, 1);
    border-color: rgba(104, 176, 77, 1);
}

#hlContact > .link_button {margin-right:10px;}
.link_button {text-align:center;
    cursor:pointer;
    color:black;font-weight:bold;
    border-radius: 5px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background: rgba(168, 205, 255, 1) url(../img/shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(28, 138, 67, 1) 0px;}
.link_button:hover { 
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background-color: rgba(51, 81, 104, 1);
    color:white;
    border-color: rgba(104, 176, 77, 1);
}

/*首頁元件-最新消息&相關影音*/
#newsblock {
	width: 608px;
	background-color: #fefcf8;
	background-image: url(../img/news.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding:45px 15px 20px 15px;
	font-size:13px;
	color:#918e87;
}
#newsblock a{
	color:#26272e;
	text-decoration:none;
}
#videoblock {
	float: right;
	width: 268px;
	background-color: #fefcf8;
	background-image: url(../img/video.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding:45px 15px 20px 15px;
	font-size:13px;
}
#videoblock a{
	color:#26272e;
	text-decoration:none;
}
#videoblock td{
	padding:0 0 10px 0;
}
.more {
	text-align:right;
	font-size:13px;
	margin:0 0 45px 0;
}
.more a{
	color:#333;
	text-decoration:none;
}
.bottomline{
	border-bottom:dashed 1px #CCCCCC;
}
/*首頁元件-banner*/
#bannerblock {
	height:260px;
    width:100%;
	clear:both;
	/*margin:10px 0;*/
}
/*內頁-左邊子選單*/
#leftcontent {
	width: 176px;
	background-color: #fefcf8;
	/*background-image: url(../img/leftmenubottombg.jpg);*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding:0 0 20px 0;
}
#leftcontent ul{
	margin:0;
	padding:10px 15px;
}
#leftcontent ul li{
	list-style:none;
	line-height:2.5em;
	border-bottom:dashed #999 1px;
	font-weight:bold;
}
#leftcontent ul li a{
	color:#333;
	padding:0 0 0 5px;
	text-decoration:none;
	font-size:14px;
}
#leftcontent li ul{
	margin:0;
	padding:0 0 10px 10px;
}
#leftcontent li li{
	border:none;
	font-size:12px;
	color:#666;
	line-height:2em;
	font-weight:normal;
}
#leftcontent li li a{
	color:#999
	}
/*內頁-右邊內文*/
#rightcontent {
	/*float: right;*/
	width: 100%;
	/*background-color: #fefcf8;*/
	/*background-image: url(../img/rightcontentbottombg.jpg);*/
	background-repeat: no-repeat;
	background-position: bottom;

/*max-height:600px;
-webkit-overflow-scrolling: touch;
overflow-y: auto;*/
}
.share{
	text-align:right;
	padding:10px;
}
.route {
	font-size:13px;
	color: #FFF;
}
.listblock{
	width:706px;
	margin:0 auto;
}
.listblock2{
	width:719px;
	margin:0 auto;
}
.righttext{
	padding:20px 0 40px 0;
	line-height:1.8em;
	overflow:hidden;
}
.righttext a{
	color: #ff0066;
	font-weight:bold;
	text-decoration:none;
}
.righttext a:hover{
	color: #ff6699;
}
/*右邊標題*/
.righttitle_ch1,.righttitle_ch1_1 {
	background-image: url(../img/title1_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch1_2 {
	background-image: url(../img/title1_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch1_3 {
	background-image: url(../img/title1_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch1_4 {
	background-image: url(../img/title1_4.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

.righttitle_ch2 {
	background-image: url(../img/title2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch2_1 {
	background-image: url(../img/title2_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch2_2 {
	background-image: url(../img/title2_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch2_3 {
	background-image: url(../img/title2_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch2_4 {
	background-image: url(../img/title2_4.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch3 {
	background-image: url(../img/title3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch3_1,.righttitle_ch3_1_1 {
	background-image: url(../img/title3_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch3_1_2 {
	background-image: url(../img/title3_1_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch3_1_3,.righttitle_ch3_2_2 {
	background-image: url(../img/title3_1_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch3_1_4 {
	background-image: url(../img/title3_1_4.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch3_2,.righttitle_ch3_2_1 {
	background-image: url(../img/title3_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch3_2_3 {
	background-image: url(../img/title3_2_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch4,.righttitle_ch4_1_1,.righttitle_ch4_1 {
	background-image: url(../img/title4.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch4_1_2 {
	background-image: url(../img/title4_1_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch4_1_3 {
	background-image: url(../img/title4_1_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch4_2 {
	background-image: url(../img/title4_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch4_3 {
	background-image: url(../img/title4_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch6 {
	background-image: url(../img/title6.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch6_1 {
	background-image: url(../img/title6_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch6_2 {
	background-image: url(../img/title6_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch6_3 {
	background-image: url(../img/title6_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch6_4 {
	background-image: url(../img/title6_4.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch34_1 {
	background-image: url(../img/title7.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch7_1 {
	background-image: url(../img/title7_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch7_2 {
	background-image: url(../img/title7_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch7_3 {
	background-image: url(../img/title7_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch8,.righttitle_ch8_1 {
	background-image: url(../img/title8_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch8_2 {
	background-image: url(../img/title8_2.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}
.righttitle_ch8_3 {
	background-image: url(../img/title8_3.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

 /*====================================================*/
 /*網站導覽使用新增此段css*/
.righttitle_ch9,.righttitle_ch9_1 {
	background-image: url(../img/title9_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

 /* 原本是 righttitle_ch10 ch11 ch12 */

 /*著作權聲明使用新增此段css*/
.righttitle_ch40_1 {
	background-image: url(../img/title40_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

 /*網站安全政策使用新增此段css*/
.righttitle_ch41_1 {
	background-image: url(../img/title41_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

/*隱私權政策使用新增此段css*/
.righttitle_ch42_1 {
	background-image: url(../img/title42_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}



table#website h3{
	border:none;
	background:#e1e0e0;
	line-height:20px;
	font-size:15px;
	color:#5e5e5e;
	font-weight:bold;
    margin:0px;
	padding-top:8px;
	padding-bottom:5px;
	display:block;/* 將此欄位辨識為區塊 */
}
table#website h3 a{
    color:#333;  /* 相簿有超連結的字顏色 */
    text-decoration: none;  /* 相簿超連結的字不要有下底線*/
	border:none;
	display:block;
}

table#website td{
	margin: 0px;
	padding:0px 0 10px 0;
	text-align: center ;
	vertical-align:top;  /* td垂直靠上 */
	border:#ccc 1px solid;
}
table#website img{
	margin:0px;
	padding:5px;
}

.map {
padding:0px 10px 20px 10px;
}

.map_title{ /* 主標題設定 */
    font-size:15px;
	color:#5e5e5e;
	height:20px;
	font-weight:bold;
    margin:0px;
	padding-top:8px;
	padding-bottom:8px;
	display:block; /* 將此欄位辨識為區塊 */
}

.map_item {  /* 次選單設定 */
	min-height:100px; /*firefox可正常顯示的最小高度 */
    height: auto !important; /* 修正ie6的欄位高度顯示方式 */
    height: 100px; /* 設定ie6的欄位最小高度 */
	display:block; /* 將此欄位辨識為區塊 */
}

.map_item ul{   /* 次選單的ul設定 */
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}
.map_item ul li {    /* 次選單的ul li設定 */
	position: relative;
	display:block;
	width:135px;
	text-align:left;
	padding: 0px;

}
.map_item ul li a {   /* 次選單的ul li 超連結設定 */
	font-size:13px;
	color:#5e5e5e;
	background:url(../img/news-title.gif) no-repeat top left;
	background-position: 5px 5px; /* 選單icon圖對上右下左的距離 */
	text-decoration: none;
	line-height:18px; /* 行距 */
	padding: 6px 10px 2px 25px;
	display: block;
}

.map_item ul li a:hover {
    color:#83162f;  /* 有超連結的字顏色 */
    text-decoration: none;  /* 超連結的字不要有下底線*/
	
}

.map_item ul li ul li a {   /* 第三層次選單的ul li 超連結設定 */
	font-size:12px;
	color:#848484;
	background:url(../img/index_23.gif) no-repeat top left;
	background-position: 15px 8px; /* 選單icon圖對上右下左的距離 */
	text-decoration: none;
	line-height:15px; /* 行距 */
	padding: 6px 0px 2px 25px;
	display: block;
}

.map_item ul li  ul li a:hover {
    color:#3a71bc;  /* 有超連結的字顏色 */
    text-decoration: none;  /* 超連結的字不要有下底線*/
	
}

.map_item ul li ul li ul li a {   /* 第四層次選單的ul li 超連結設定 */
	font-size:11px;
	color:#818c9b;
	background:url(../img/index_24.gif) no-repeat top left;
	background-position: 18px 10px; /* 選單icon圖對上右下左的距離 */
	text-decoration: none;
	line-height:12px; /* 行距 */
	padding: 6px 0px 5px 28px;
	display: block;
}

.map_item ul li  ul li ul li a:hover {
    color:#3a71bc;  /* 有超連結的字顏色 */
    text-decoration: none;  /* 超連結的字不要有下底線*/
	
}

/* 資料查詢選項設定*/
.query{
	width:60%;
	height:30px;
	text-align: right;
	margin: 0px 0px 5px auto;
	padding:0px;
	clear:both;
}
 /*====================================================*/

 /*著作權聲明使用新增此段css*/
.righttitle_ch10_1 {
	background-image: url(../img/title10_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

 /*網站安全政策使用新增此段css*/
.righttitle_ch11_1 {
	background-image: url(../img/title11_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

/*隱私權政策使用新增此段css*/
.righttitle_ch12_1 {
	background-image: url(../img/title12_1.jpg);
	background-repeat: no-repeat;
	height: 79px;
	width: 750px;
	padding:10px 0 0 15px;
}

/*====================================================*/

/*頁尾*/
#footer {
    font-size:13px;
	color:#FFF;
    background-color: rgb(0, 0, 0);
    border-top: 0px solid rgba(255, 255, 255, 1);
    border-bottom: 0px solid rgba(255, 255, 255, 1);
    box-sizing: border-box;
    position:relative;
    min-width:980px;
}
    /*background: transparent url(../img/indented_bg.png) repeat-x;*/
#footer_bg{
    background: transparent url(../img/bevel_300.png) repeat-x;
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
    min-width:980px;
}
#footer_info {
    width:980px;
    margin:0 auto;
    padding:15px 0;
}
#footer_copyright {
	text-align:center;
    font-size:9pt;
    color: #CDC5BF;
}


/*.border_r {
    background-image: url(../img/fadenotchlinenew_v.png);
    background-position: 100% 0;
    margin: 0 30px;
    height: 30px;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    position: absolute;
}*/
/*transform: rotate(270deg) translateZ(0);*/
 .border_r {
    background-image: url(../img/vertical_bg_line.png);
    background-position: 100% 0;
    background-repeat:no-repeat;
}

/*#footer_info table td {text-align:left;}
#footer_info table table { width:100%;text-align:center;}
#footer_info table {width:100%; border-collapse:collapse;}*/
/*#footer_info {margin:30px 0;}*/

.nav_info table {border-collapse:collapse;}
.nav_info > table {width:100%;}
.nav_info > table table {width:90%;margin:auto;}
.nav_info > table .bottom_line {border-bottom:1px #8DDBEB dashed;}

/*.nav_info {padding:20px 0 50px 0;}*/
.nav_info th {white-space: nowrap;padding-bottom:5px;}
.nav_info td {white-space: nowrap;vertical-align:top;padding-top:15px;padding-bottom:5px;}
.nav_info table table th {color:#8DDBEB;font-size:16px;}
.nav_info table table td {color:white;font-size:16px;}
.nav_info table table table th {color:white;font-size:15px;}
.nav_info table table table table th {color:white;font-size:15px;text-align:left;}
.nav_info table table table table td {color:#A9A9A9;font-size:15px;}
.nav_info a {text-decoration:none;color:inherit;}
.nav_info a:hover {color: #E3D0A2;transition: color 0.4s ease 0s;}


.text1{
	color:#C00;
}
.text2{
	color:#F00;
	font-weight:bold;
	line-height:3em;
}
.text3{
	color:#ff0066;
	font-weight:bold;
	line-height:3em;
}
.text4{
	color:#ff6699;
	font-weight:bold;
	line-height:2em;
}
.text5{
	font-weight:bold;
}
.text6{
	color:#918e87;
}
.text7{
	font-size:18px;
	font-weight:bold;
	color:#f9a83f;
	line-height:2em;
	margin:0 0 10px 0;
}
.text8{
	color:#0070c0;
	font-weight:bold;
}
.imgborder{
	padding:5px;
	border:solid #CCC 1px;
	margin:0 10px 0 0;
}
img{
	border:none
}
p{
	margin:0;
	padding:0;
}
textarea{
	resize: none;
}


/* 無障礙網頁 accesskey  20150427 */
a.menu_access{
	color: #2b2c2e 
	/*display:none;*/
}
.menu_access:link{
	text-decoration: none; color: #2b2c2e 
}
.menu_access:visited {
	text-decoration: none; color: #5e6065
}
.menu_access:hover {
	text-decoration: none;  color: #5e6065
}
.data_list table.table_h th ,.data_list table.table_h td {border:1px white solid;} 
.data_list table.table_h th {color: #FFFFFF;background-color: #66A2D1;vertical-align:top;padding:5px 0;font-weight:bold;}
.data_list table.table_h tr {background-color: #E9E4D1;}
.data_list table.table_h tr:hover {background-color: #ACCEE8;}


#tel_area {
    cursor:pointer;
    position: absolute;
    width:75px;height:75px;
    top: 30px;
    right: 20px;
    border-radius: 5300px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background: rgba(168, 205, 255, 1) url(../img/shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(0, 108, 109, 1) 0px;}

#tel_area:hover{transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background-color: rgba(0, 46, 93, 1);
    border-color: rgba(1, 177, 175, 1);}

#tel_area .tel_area {
    border-radius: 5300px;
    width:74%;
    height:74%;
    margin:13% auto;
}
#tel_area .tel_area svg {width:100%;height:100%;margin:auto;fill:#FFFFFF;fill-opacity:1;stroke:transparent;stroke-width:0px;}

.fakelink {cursor:default;}


table.bgs {width:100%;border-radius:10px;border:1px white solid;color:#403027;background-color:#e9e4d1;
           padding:0px;margin:0;border-collapse:collapse;
}
table.bgs .bl {border-top-left-radius:10px;width:60px;}
table.bgs .br {border-top-right-radius:10px;}
table.bgs .bld {border-bottom-left-radius:10px;}
table.bgs .brd {border-bottom-right-radius:10px;}
table.bgs th {padding:5px;
    color: white;    background-color: #66A2D1;    text-align: center;    border: 1px white solid;}
table.bgs td {padding:5px;border:1px white solid;}
table.bgs tr.second{background-color:#CDC5BF;}
table.bgs tr.hover{}
table.bgs tr.hover:hover{background-color: #ACCEE8!important;}

div.pptimg {position:relative;margin:auto;display:inline-block;}
.pptimg .pptBack {position:absolute;bottom:0;left:0;cursor:pointer;}
.pptimg .pptNext {position:absolute;bottom:0;right:0;cursor:pointer;}


.industry table {width:100%;font-size:12pt; color: #97917D;line-height:1em;}
.industry td {padding-right:20px;vertical-align:top;}
.industry p.data_title {padding:0 20px;border-bottom:none;}
.industry .data_caption {width:200px;line-height:1.5em; border: 3px solid rgba(172, 206, 232, 1);font-size:18px;font-weight:bold;text-align:center;padding:3px;color:#696554;vertical-align:middle;}
.industry .data_caption_line{border-bottom: 1px dashed rgba(141, 219, 235, 1);}
.industry .data_caption2 {width:250px;}


table[tr_hs=tr_hs] tr.footer_menu th::after{content:" ↓";}
table[tr_hsu=tr_hsu] tr.footer_menu th::after{content:" ↑";}

