@charset "UTF-8";
@import url("banner.css");
@import url("ring-phone.css");
@import url("line.css");

* {
    margin: 0; 
    padding: 0; 
}
.sticky-group {
    position: fixed;
    bottom: 95px;
    right: 2px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

a.page-scroll.goToTop {
    position: relative;
    display: block;
    cursor: pointer;
    margin-top: 30px;
}
a.goToTop span {
    font-size: 16px;
	color:#555555;
    border-bottom: 2px solid #bc0048;
    border-top: 2px solid #bc0048;
    border-left: 2px solid #bc0048;
	padding: 30px 0 20px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	background-color: #f7e7ef;
}

.phoneno {
    position: relative;
}
.index_imgbox {
    position: absolute;
    right: 3%;
    top: 8%;
    color: #fff;
}
.index_textbox {
    margin-bottom: 10px;
}
.index_phonebox h2 {
    display: inline-block;
    font-size: 24px;  
    padding-left: 5px;
}
.index_linebox h2 {
    display: inline-block;
    font-size: 24px;
    padding-left: 5px;
}
h3.index_calltxt,h2.index_calltxt {
    color: #FFEB3B;
}
.index_phonebox img,.index_linebox img {
    vertical-align: middle;
    top: -6px;
    /* left: 20px; */
    position: relative;
}
.captcha {
    display: inline;
}
p.contentText {
    padding: 50px 0;
}
span.top:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 17px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #555555 transparent;
}
body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	margin: 0;
	font-size: 14px;
	line-height: 36px;
	color: #000000;
	/* [disabled]background-image: url(../images/bgimg.jpg); */
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #fff;
	font-family: "Microsoft JhengHei", Arial, sans-serif;
	}
.clear{clear: both;}
.inner-width{
	width: 1200px;
	margin: auto;
	background-color: #FFFFFF;
}
.inner-width2{width: 1080px; margin: auto; }
a{ color: inherit; text-decoration: none; }
a img{ border:0; }
p{
	margin: 0;
	/* [disabled]padding: 1em 0 0; */
	/* [disabled]color: #000000; */
	/* [disabled]line-height: 24px; */
	/* [disabled]font-size: 18px; */
}

header{
	background: #fff;
	font-size: 16px;
	line-height: 36px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
}
header .inner-width{width: 1080px; margin: auto;}
.home-action{
    width: 1200px;
    position: relative;
    height: 129px;
}

p.contacttxt {
    display: inline-block;
}

.contact-top {
line-height: 27px;
    position: absolute;
    top: 0px;
    color: #555555;
    width: 230px;
    left: 42%;
}
.text {
	font-family: "Microsoft JhengHei";
	font-size: 12px;
	/* [disabled]line-height: 1px; */
}



.home-action img{
    vertical-align: middle;
}
.toplogo {
}
.actionright{
	float: right;
    position: absolute;
    right: 0;
    top: 25px;
}

.actionright p{ color:#c03138;float: right; margin-top: -13px; padding:13px 0; font-size: 23px;}

.bu{
    float: left;
    color: #fff;
    margin-right: 11px;
}
	
.bub{
    float: left;
    margin-right: 15px;
}

nav{
	width: 100%;
	float: left;
}
nav ul{ margin: 0 ; padding:50px 0px 25px 0px; list-style: none; text-align:center;  }
nav ul li{	
	float: left;   border-right: 1px solid #b5b4b4;
    width: 19.75%;	color:#1e456e;
	font-size: 20px;	line-height:1px;
	letter-spacing: .12em;	}
	.rightline{ border-right:0px solid #b5b4b4;}
nav ul li:hover{ color:#a81e9d;}
nav ul li p:hover{ color:#a12024;}
li img {
	margin-bottom: 15px;
	width: 30%;
}
nav ul li ul li{ border-right:0;}
.banner{
	position: relative;
	/* [disabled]height: auto; */
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.sbanner img{ width: 100%; height: auto; }

ul.bxslider {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10;
}
.contact-top img {
    padding-right: 10px;
}
.block_right {
    width: 21%;
    float: left;
	padding-left: 15px;
    /* height: 396px; */
}
.block_left {
	float: left;
	width: 75%;
	padding-right: 15px;
	/* [disabled]height: 1600px; */
}
.listimg{
	max-height:90px;
}
.lawyer-right {
	width:194px;
	height:396px;
}
.customer {
    margin-bottom: 20px;
}
.threeblock {
    border: 1px solid #555555;
    padding: 5px 0 0 25px;
    width: calc(33.3% - 20px);
    min-height: 100%;
    text-align: center;
    height: 50px;	
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
	font-size: 18px;
    font-weight: 700;
    color: #555555;
    box-sizing: border-box;
    margin-bottom: 50px;
    margin-bottom: 20px;
    background: #e5e5e6;
    background: -moz-linear-gradient(top, #e5e5e6 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #e5e5e6 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e5e5e6 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e6', endColorstr='#ffffff',GradientType=0 );
}
.threeblock:before {
    content: '';
    position: absolute;
    background: #BC0048;
    top: 0;
    left: 35px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    bottom: 0;
    margin: auto;
    height: 10px;
    /* transform: rotate(29deg); */
    width: 10px;
}
.threeblock:hover {
    border:2px solid #BC0048;
}
.cen {
    margin: 0 30px;
}
.service h3 {
    margin: 20px auto 10px auto;   
	font-weight: 500;    
	font-size: 18px;
}
.step h1 {
    font-size: 24px;
    width: 9%;
    color: #555555;
    font-weight: 400;
    margin-left: 20px;
    text-align: center;
}
.more_left {
    float: right;
    font-size: 16px;
    margin-top: 10px;
}
.step.line2 {
    border-bottom: 1px solid #002054;
}
.step {
    position: relative;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.step:after{
    content: '';
    position: absolute;
    background: #a00035;
    top: 0;
    left: 290px;
    bottom: 0;
    margin: auto;
    height: 100px;
    transform: rotate(29deg);
    width: 1.5px;

}
.steptxt {
    display: inline-block;
    width: 60%;
    margin-left: 116px;

}
.steptxt p {
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
	color: #555555;
}
.pink {
    color: #a00035 !important;
}
.lawyer {
    padding: 20px;
    border: 1px solid #bc0048;
    border-radius: 5px;
	background-color: #f7f7f7;
}
.lawyer h3 {
    text-align: center;
}
h3.name {
    text-align: left;
    margin-top: 20px;
    font-size: 18px;
	color: #BC0048;
    margin-bottom: 10px;
}
h3.intro {
    border-bottom: 2px solid #72002c;
    text-align: left;
    font-size: 24px;
    padding-bottom: 5px;
    position: relative;
    padding-left: 20px;
	color: #72002c;
    margin-bottom: 20px;
}
.lawyer p {
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #555555;
}
.lawinfo {
    padding: 10px;
    border-radius: 5px;
    background-image: url(../images/consultation.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.down {
    margin-bottom: 20px;
}
.more {
    float: right;
    color: #BC0048;
    font-size: 16px;
    margin-top: 10px;
}
.news_inside {
    margin-bottom: 50px;
}
span.diamond {
    position: absolute;
    top: 15px;
    left: 7px;
    background: #895f47;
    background: -moz-linear-gradient(left, #895f47 0%, #b48840 33%, #caa254 68%, #dcc08a 100%);
    background: -webkit-linear-gradient(left, #895f47 0%,#b48840 33%,#caa254 68%,#dcc08a 100%);
    background: linear-gradient(to right, #895f47 0%,#b48840 33%,#caa254 68%,#dcc08a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#895f47', endColorstr='#dcc08a',GradientType=1 );
    width: 12px;
    height: 12px;
    /* background: #1eff00; */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.fee_1 {
    border: 1px solid #26416d;
    background-color: rgba(247, 247, 247, 0.77);
    border-radius: 5px;
    position: relative;
    padding: 6px 6px 15px 6px;
}
.fee1_block1 {
    /* width: 23%; */
    background-color: #ffb202;
    color: #fff;
    width: 40%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    border-radius: 5px;
    line-height: 30px;
    font-size: 18px;
    border: 1px solid #e69a18;
}
.fee_1 img {
    position: absolute;
    top: -25px;
    /* text-align: center; */
    left: 35%;
}
.fee1_block2 {
    display: inline-block;
    font-size: 20px;
    color: #a22252;
	position: absolute;
    top: 50px;
    left: 100px;
    font-weight: 700;
    line-height: -25px;
}
.fee1_block3 {
    font-size: 29px;
    letter-spacing: 1px;
    color: #e76a00;
    margin-top: 10px;
    font-weight: bold;    
    text-align: center;
}
.lawinfo.down h3 {
    margin-bottom: 40px;
    text-align: center;
    padding: 10px 0px;
    color: #fff;
    font-size: 24px;
    border-bottom: 2px solid #fff;
}
.fee_2 {
    border: 1px solid #26416d;
    background-color: rgba(247, 247, 247, 0.77);
    border-radius: 5px;
    position: relative;
    padding: 6px;
    margin-top: 50px;
}
.fee_2 img {
    position: absolute;
    top: -25px;
    /* text-align: center; */
    left: 35%;
}
.fee2_block1 {
    background-color: #e76d78;
    color: #fff;
    width: 40%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    border-radius: 5px;
    line-height: 30px;
    font-size: 18px;
    border: 1px solid #a00035;
}
.fee2_block2 {
    display: inline-block;
    font-size: 20px;
    color: #a22252;
    position: absolute;
    top: 42px;
    left: 100px;
    line-height: 24px;
    font-weight: 700;
}
.fee2_block3 {
    font-size: 23px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    margin: 15px 15px;
    line-height: 30px;
    font-weight: bold;
    background: -moz-repeating-linear-gradient(0deg, #A22252, #A22252 34px, #9E2D53 15px, #FFFFFF 100px);/* FF3.6+ */
    background: -webkit-repeating-gradient(linear, 0deg, color-stop(34px, A22252), color-stop(15px, 9E2D53), color-stop(100px, FFFFFF));/* Chrome,Safari4+ */
    background: -webkit-repeating-linear-gradient(0deg, #A22252, #A22252 34px, #9E2D53 15px, #FFFFFF 100px);/* Chrome10+,Safari5.1+ */
    background: -o-repeating-linear-gradient(0deg, #A22252, #A22252 34px, #9E2D53 15px, #FFFFFF 100px);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #A22252, #A22252 34px, #9E2D53 15px, #FFFFFF 100px);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: repeating-linear-gradient(0deg, #A22252, #A22252 34px, #9E2D53 15px, #FFFFFF 100px);/* W3C */
}
.fee2_block3 span {
    font-size: 14px;
}
.lawinfo1{
    padding: 20px;
    border: 1px solid #002054;
    border-radius: 5px;
    position: relative;
    /* background-color: #f7f7f7; */
    background-image: url(../images/lawinfo_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: ;
    height: 88px;
}
.lawinfo1 h1 {
    color: #004e97;
    font-size: 24px;
    position: absolute;
    right: 18px;
}
.lawinfo2{
    padding: 20px;
    border: 1px solid #002054;
    border-radius: 5px;
    position: relative;
    /* background-color: #f7f7f7; */
    background-image: url(../images/lawinfo_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: ;
    height: 88px;
}
.lawinfo2 h1 {
    color: #004e97;
    font-size: 24px;
    position: absolute;
    right: 18px;
}
.lawinfo1 span,.lawinfo2 span {
    font-size: 32px;
}
.placeinfo {
    margin-bottom: 20px;
}
.placeinfo p {
    line-height: 1.5;
}
.placeinfo span {
    font-weight: 900;
    color: #656363;
}
.footerbox.footright {
    text-align: right;
    margin-top: 100px;
}
.innerout{
	margin: 20px auto 0;
	position: relative;
	background: #fff;
}
.content{
	position: relative;
	/* [disabled]width: 100%; */
	height: auto;
	min-height: 200px;
	display: inline-table;
}
.conora{border:1px solid #ce6512; }
.congreen{ min-height: 146px !important;}
.title{ background:#ce6512; color:#FFFFFF;margin-top: 35px;   border-top: 1px solid #000;     padding: 15px 30px;  font-size:24px;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #c48490 25%, #bb2535 50%, #a00035 74%, #72002c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #c48490 25%, #bb2535 50%, #a00035 74%, #72002c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#c48490 25%,#bb2535 50%,#a00035 74%,#72002c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
hr {
    border: 0;
    height: 1px;
}
ul.slides li {
    opacity: 0;
}
/*
.title img, .title2 img{ 
color:#FFFFFF; width:80px;  top:-20px; right:30px;

background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #919dba 15%, #919dba 15%, #697aa1 35%, #697aa1 35%, #354c81 59%, #354c81 59%, #233c75 83%, #233c75 83%, #1b3571 100%, #1b3571 101%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#919dba 15%,#919dba 15%,#697aa1 35%,#697aa1 35%,#354c81 59%,#354c81 59%,#233c75 83%,#233c75 83%,#1b3571 100%,#1b3571 101%); 
background: linear-gradient(to bottom, #ffffff 0%,#919dba 15%,#919dba 15%,#697aa1 35%,#697aa1 35%,#354c81 59%,#354c81 59%,#233c75 83%,#233c75 83%,#1b3571 100%,#1b3571 101%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1b3571',GradientType=0 ); 


}
*/



.title2{ background:#2f6934; color:#FFFFFF; padding:2px 30px; position:relative; font-size:20px;}
   .reseach_header2{
    width: 100%; margin-top: 10px; }
    .teach_class2{
    width: 92%;
    margin-left: 4%;
    height: 56px;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;  }
    
	.barimg{    max-width: 200px !important;
    max-height: 50px !important; vertical-align:middle;}
  
    .active5{ color: #2f6934;}


.footerbg{	background: url(../images/footerbg.png) center no-repeat; background-size: contain;    background-size: 100% 100%;  width: 100%; height: 117px;    position: relative;
    margin-top: -35px !important;}

footer{
	 text-align:center; font-weight: lighter; color: #FFFFFF ; line-height:24px;
	    background-color: #bc0048 ; background-size:cover; 	
	font-size: 13px;	letter-spacing: .12em;    height: 250px;
	}
span.footerborder {
    border-right: 2px solid #fff;
    padding-right: 10px;
}	
.ulleft{ float:left; list-style-image:url(../images/footerlogo2.png); margin:0 10px 0 5%;}
.ulright{ float:right; list-style-image:url(../images/footerlogo2.png); margin:0 5% 0 10px;}
.footerbox {
    text-align: left;
    font-size: 18px;
    /* padding: 1% 1% 1% 4%; */
    line-height: 30px;
    margin: 30px 0;
}
.footerbox img{ width:20px; vertical-align:middle; margin-right:10px;}
.footcen{border-right:1px solid #EDE6E7;border-left:1px solid #EDE6E7;
    padding: 1%;
 }
.footcen img{ width:8px ;}
.footright img { width:60px;}
footer .footer_txt{ padding: 10px 0;}

.phonemenu {display: none;}
/* 下拉式選單*/
#sidebar
{
	/* [disabled]margin-top: 17px; */
}

#sidebar ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#sidebar ul a
{
	display:block;
	text-decoration:none;
	font-weight:700;
	line-height:32px;
	padding:0 15px;
    
    }

#sidebar ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#sidebar ul li.current-menu-item
{
	background:#ddd;
}

#sidebar ul ul
{
	display:none;
	position:absolute;
	top:79px;
	left:0;
	background:#fff;
	padding:0;
}

#sidebar ul ul li
{
	float:none;
	width:150px;
}

#sidebar ul ul a
{
	line-height:99%;
    padding: 10px 0px;
    margin-left: 30px;
    width: 100%;
    font-size: 16px;
}

#sidebar ul ul ul
{
	top:0;
	left:100%
}

#sidebar ul li:hover > ul
{
	display:block;
    z-index: 100;
    width: 100%;
}
/*下拉式選單 END*/
/* 首頁 最新消息*/
.indexleft{
    width: calc(50% - 40px);
    padding: 20px;
    float: left;
}
.indexleft_img {
    margin-right: 20px; width: auto;
    max-width: 240px; height:150px;
    float: left; text-align:center;}
.indexleft img{
    width:240px;
    height: 100%;
    max-width: 100%;
    min-width: 100%;
}
.indexleft_date{
    border-radius: 20px;
    background-color: #efa738;
    width: 100px;
    height: 25px;
    float: left;
    color: #fff;
    line-height: 1.6;
    margin-right: 5px;
    font-size: 18px;
    text-align: center;
}
.indexleft_title{
    font-weight: bold;
    font-size: 20px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;    
    min-width: 230px;
}
.indexleft_p{
    display: block;
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 22px;
    height: 46px;
    font-size: 18px;
    width: 58%;
}
/* 首頁 最新消息 END*/	
   /* about */
 .about_content{
      position: relative;
      width:100%;height:auto;min-height:200px;
      display: inline-table;margin: 50px 0;
      font-size: 18px;text-align: justify; }
 .about_content2{
	   position: relative;
      width:100%;
      border-radius:33px;
      height:auto;
      min-height:200px;
      display: inline-table;
      margin-top: 35px;
      font-size: 18px;
      text-align: justify; }

    .about_title{
        width: 100%;
        text-align: center;
        font-size: 24px;
        letter-spacing: 4px;
        font-weight: bolder;
    }
    .about_content img{max-width: 100%;    height: 46px;margin-bottom: -2px;}
    .about_content span{max-width: 100%;}
    .about_content strong{max-width: 100%;}
    .about_content iframe{max-width: 100%;}
    .about_content table{max-width: 100%;}

  /* about END*/
 /* chboard */
 .triangle-with-shadow {
  width: 120px;
  height: 100px;  
     position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 0;}
.triangle-with-shadow:after {
  position: absolute;
  width: 100px;content: "";
  height: 140px;
  background: #DAC934;
  transform: rotate(60deg);
  top: 38px; left: 45px;}
  
    .triangle-with-top {
  width: 120px;
  height: 100px;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;}
.triangle-with-top:after {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  background: #DAC934;
  transform: rotate(60deg);
  top: -90px;
  left: -42px;}
  

 .chboard_up{
    width: 30%;
    z-index: 1;
    position: relative;
    }
 .chboard_up_txt{
    font-size: 20px;
    color: #fff;
	position:absolute;
   
    letter-spacing: 4px;
    opacity: 0.5;
    margin-left: 22%;
    margin-top: 7px;
    }
 .chboard_down{
    background: #c54549;
    color: #FFFFFF;
    padding: 2px 30px;
    position: absolute;
    font-size: 16px;
    width: 94.5%;
    min-height: 41px;
    margin-top: -4%;   
}
  .chboard_right {
	  position:relative; margin-bottom: 10px;
    float: left;  border-top: 0px solid;
    border-bottom:1px solid #e0daa4;border-top:1px solid #e0daa4;
    background-color: #fff;
    padding: 0px 45px 0 50px;
    margin-top: 45px;    
    height: 560px;
}  
    .chboard_content{
        padding: 36px 20px 10px 20px;
    }
    .chboard_content_left{width: 30%;float: left;margin-right: 2%;}
    .chboard_content_left img{ height:auto !important; width: 31%;
    position: absolute; top: 40px; left: 60px;z-index: 10;}
    .chboard_content_right{width: 60%; float:right;}
    .chboard_content_right img{max-width: 59%;position: absolute;}
    .chboard_txt{　text-indent:  2.2em;
    font-size: 18px; line-height:30px;
    color: #000;position:relative; 
    margin-top: 0px;
    padding: 0px;
    text-align: justify;
    letter-spacing: 1.5px;
    }
	 .chboard_txt P{text-indent: 2.2em ;}
    .desk_talk{min-height: 350px;}
    .small_talk{
        float: right;
        margin-top: 52%;
        margin-right: -6%;
    }
    .ph_talk{display: none;}
 /* chboard END*/
 /* news */
.news_content{
        margin: 50px 0;
        position: relative;
        width:100%;
        border-radius:33px;
        height:auto;
        min-height:200px;
        display: inline-table;
    }
.news_title{
    position:relative;
     min-height: 40px;
	 z-index:10;
}
.new_title_img{
    position: absolute;
    margin-top: -2px;
    margin-left: -3%;
    }
.news_title_txt{
    color: #FFFFFF;
    font-size: 20px;
    z-index: 1;
    position: absolute;
    margin-left: 7%;
    opacity: 0.5; margin-top:7px;
    letter-spacing: 4px;     
    }
.indexleft2{
    width: 98%;
    padding: 20px;
    float: left;
}
.indexleft2 img{
    width: 240px;
    height: 100%;
    min-width: 100%;
}
.indexleft_text{padding: 0 10px;}
.news_title_img{
    margin-left: -31px;
 }
  .news_title_photo{max-width: 100%;    height: 46px;margin-bottom: -2px;}
  .news_down {
   background: #efa738;
    color: #FFFFFF;
    padding: 2px 30px;
    position: absolute;
    font-size: 18px;
    width: 75.5%;
    min-height: 41px;
    margin-top: -3.2%;}
  
 /* news END*/
 /* newsin */    
#banner_photo {
	width: 100%;
	height: 250px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.newsin_right {
    margin-bottom: 40px;
    float: left;
    background-color: #fff;
    padding: 40px 75px 50px 75px;
    border-radius: 20px;
    text-align: justify;
	width:86%;
    line-height: 30px;
}
    .newsin_right_content img{
        max-width: 100%;
        height: auto !important;
    }
    .newsin_right_content p{
        max-width: 100%;
        line-height: 30px;
    }
    .newsin_right_content strog{
        max-width: 100%;
    }
    .newsin_right_content iframe{
        max-width: 100% !important;
    }
    .newsin_right_content table{
        max-width: 100% !important;
    }
    .newsin_content{
        position: relative;
        width:100%;    border-bottom: 1px solid #efa738;
        height:auto;
        min-height:200px;
        display: inline-table;
        margin: 50px 0;       
    }
    .newsis_date{
        color: #efa738;
        float: right;
        position: relative;
        min-height: 30px;
        width: 15%;
        margin-right: -4%;
        margin-top: -30px;
    }
    .newsis_right_title{
        font-size: 24px;
        font-weight: bolder;
    }
    .newsin_up{
        width: 30%;
        z-index: 10;
        position: relative;
    }
    .newsin_down{
        background: #efa738;
        color: #FFFFFF;
        padding: 2px 30px;
        position: absolute;
        font-size: 16px;
        width: 94.5%;
        min-height: 42px;
        margin-top: -7.8%;
		z-index:1;
    }
      .newsip_up_txt{
        font-size: 26px;
        color: #fff;
        position: absolute;
        letter-spacing: 4px;
        opacity: 0.5;
        margin-left: 30%;
        margin-top: 16px;
    }
    .newsin_down_txt{
        float: right;font-size: 16px;
        position: relative;
        margin-top: 8px;
    }
    .purple{background:#522e70; color:#fff;border: 0px;}
    .red{background: #a01e23;color:#fff;border: 0px;}
    .gray{background: #6d6a6a;color:#fff;border: 0px;}
    .btn_back{ 
        width: 15%;
        height: 40px;
        border-radius: 33px;
        font-size: 16px;
    }
    .back{margin-top: 40px;text-align: center;}
	#return{ margin-top:50px;}
    /*newsin END*/
    /* donation */
    .donation_down{
    background: #557cc7;
    color: #FFFFFF;
    padding: 2px 30px;
    position: absolute;

    font-size: 18px;
    width: 94.5%;
    min-height: 41px;
    margin-top: -4%;
    }
    .donation_right {
        margin-bottom: 10px; width: calc(100% - 4px);
    float: left; border-top: 0px solid;    border-bottom: 1px solid #557cc7;
    background-color: #fff;  margin-top: 30px; min-height: 300px;    }
    .donation_title{font-size: 20px;font-weight: bolder;margin: 10px 0 10px 6.5%;}
    .donation_menu{width: 100%;background: #f5eaea;min-height: 70px;font-size: 18px;}
    .donation_menu_1{
        width: 34%;
        padding: 20px;
        margin-left: 5%;
        position: absolute;
    }
    .donation_menu_2{
        width: 34%;
        padding: 20px;
        margin-left: 40%;
        position: absolute;
    }
    .donation_menu_3{
        width: 14%;
        padding: 20px;
        position: absolute;
        margin-left: 80%; 
        margin-top: -2px;       
    }
    .donation_btn{
        background: #557cc7; border-radius: 33px;
        color: #fff;    text-align: right;letter-spacing: 4px;
        padding: 6px 30px; cursor: pointer;
        background-image: url(../images/search.png);
        background-repeat: no-repeat; background-position: 20px;
    }   
   
    .donation_box{
        border-radius: 10px;
        padding: 8px 4px;
        margin-left: 20px;
        border: 0px;
        font-size: 18px;
    }
    .donation_content_title{
        font-size: 20px;
        font-weight: bolder;
        text-align: center;
        margin-top: 30px;
    }
    .donation_content_table{
        width: 87%;
        border-top: 0px solid;
        background-color: #fff;
        margin: 30px 0px 50px 70px;
    }
    .search_result{
        text-align: center;
        margin-bottom: 10px;
        font-size: 18px;
        color: #73bdff;
    }
    .datatr {
        display: flex;
    }
    .THA{
    width: 10%;
    text-align: center;
    float: left;
    }
    .THB, .THD, .THE, .THF {
    width: 20%;
    text-align: center;
    float: left;
    }
    .THC{
    width: 50%;
    text-align: center;
    float: left;
    }
    .th {
    padding: 7px;
    color: #f19f85;
    background: #ded9d9;
    height: 25px;
    }
    .datatd {
    width: 15%;
    float: left;
    text-align: center;
    padding: 18px 30px;
    }
    .TDA {
    width: 5%;
    padding: 18px 26px;
    }
    .TDB {
    padding: 18px 30px 18px 40px;
    }
    .TDC {
    width: 60%;
    padding: 18px 10px;
    }
    .TDD{
    padding: 18px 30px 18px 2px;
    }
    .TDE{
    padding: 18px 30px 18px 60px;    
    }
    .TDF {
    padding: 18px 38px 18px 30px;
    }
    .TDA, .TDB, .TDC, .TDD, .TDE, .TDF {
    border-bottom: 1px solid #B9B9B9 !important;
    }
    .TDE{text-align: right;}
    .datatd_name{display: none;}
    /* donation END*/
    /* reseach */ 
    .reseach_right{
    margin-bottom: 10px;
    width: calc(100% - 105px);
    float: left;
    border-top: 0px solid;
    border-bottom:1px solid #64983e;
    background-color: #fff;
    padding: 30px 50px;
    min-height: 500px;    
}
    .reseach_down{
    background: #64983e;
    color: #FFFFFF;
    padding: 2px 30px;
    position: absolute;
    font-size: 16px;
    width: 94.5%;
    min-height: 42px;
    margin-top: -4%;   
}
    .reseach_header{
    width: 100%;
    border-bottom: 6px solid #2f6934;
    margin-top: 10px;
    }
    .teach_class{
    width: 92%;
    margin-left: 4%;
    height: 56px;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    
    }
    .bartext{    padding: 13px 15px;}
    .upfollow{
    position: absolute;
    }

    .sub-downfollow{
    position: absolute;
    right: 0%;
    top: 50px;
    }
    .reseach_title{
    font-size: 24px;
    font-weight: bolder;
    margin-left: 2%;
    }
    .tab-content>.tab-pane{display:none;visibility:hidden;}
    .tab-content>.active{display:block;visibility:visible;}
    .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;}
    .fade.in{opacity:1}
    .modal.fade .modal-dialog{
        -webkit-transition:-webkit-transform .3s ease-out;
        -o-transition:-o-transform .3s ease-out;
        transition:transform .3s ease-out;
        -webkit-transform:translate(0,-25%);
        -ms-transform:translate(0,-25%);        
        -o-transform:translate(0,-25%);
        transform:translate(0,-25%);        
    }
    .modal-backdrop.fade{filter:alpha(opacity=0);opacity:0;}
    /* 點擊換色 */
    #te_cl{
        color:#000000;
        margin-top: 4px;
        display: flex;
        }
    .active3{
        color: #2f6934;
        border-bottom: 10px solid #2f6934;
        }
    /* 點擊換色 END */
    .reseach_content{
        padding: 50px 20px 20px 20px;
        line-height: 30px;
    }
    .reseach_content iframe{max-width: 100%;}
    .reseach_content img{max-width: 100%;}
    .reseach_content p{width: 100% !important;}
    .reseach_content strong{width: 100% !important;} 
    .reseach_content span{width: 100% !important;}
    /* reseach END */ 
	
	
	/******reports********/ 
.reportout{border-top: 0px solid;
    margin-top: 20px;    border-bottom: 1px solid #557cc7; } 
.report_right{    height: auto;margin:0 auto;width: 90%; text-align: center;    padding: 25px;}  
.report_menu{  display: flex; position:relative; width: calc(100% - 40px); padding:15px 20px;   margin-bottom: 5px;  border: 1px solid #408fe4; border-radius:20px; background-image:url(../images/reportbg.png); background-repeat:no-repeat; background-position:right bottom; font-size: 16px;}
.report_menu span{ color:#D81C1F; font-size:20px; font-weight:bolder; margin-right:5px;} 
.reporttitle{ float:left; width:36%;text-align: left;font-weight:bolder;} 
.reporttime{ float:left;width:25%;text-align: left; line-height:2.1;padding: 0 100px; }
.reportimg{ float:right;}
.mobileout{ display:none;}
	/*******repots end*******/ 
	/** float Icons **/
#social_side_links {
	position: fixed;
  top: 70px;
  right: 0;
  padding: 0;
  list-style: none;
  z-index: 99;
}

#social_side_links li a {display: block;}

#social_side_links li a img {
	display: block;
	max-width:40px;
  padding: 10px;
  -webkit-transition:  background .2s ease-in-out;
  -moz-transition:  background .2s ease-in-out;
  -o-transition:  background .2s ease-in-out;
  transition:  background .2s ease-in-out;
}

#social_side_links li a:hover img {background: rgba(0, 0, 0, .2);}
/** float Icons **/
		
@media screen and (max-width: 1080px) {
  
    #sidebar ul ul a {margin-left: 10px;}
    .footer-inner-width{width: 1008px;}
 
    .chboard_up_txt_img{min-height: 40px;}
    .chboard_down {width: 93.5%;min-height: 36px;margin-top: -4.5%;}
    .chboard_content_left_img{width: 37%;min-height: 400px;top: -31px;
    left: 40px;}
	.chboard_content_left img { width: 37%;top: -29px;left: 43px;}
	.chboard_content_right {  width: 65%;}
    .small_talk {margin-top: 62%;margin-right: 1%;}
	.chboard_right{    padding: 0px 20px 0 74px;}
    .desk_talk{min-height:330px;}
    .chboard_txt {letter-spacing: 1.5px;    padding: 0px 0px 0px 27px;}
	.newsin_right{    width: 100%;}
    .newsin_down {width: 93.5%;margin-top: -9.5%;}
	    .news_down {width: 93.5%;margin-top: -4.7%;}
    .donation_down, .reseach_down { width: 93.5%;min-height: 34px;}    
    .newsin_down_txt {margin-top: 7px;}
    .donation_menu_1,.donation_menu_2{width: 40%;}
    .donation_menu_1{margin-left: 3%;}
    .donation_box {width: 46%;}
    .donation_menu_3 {width: 19%;margin-left: 77%;}
 .newsin_right{    padding: 35px 60px 50px 60px;    box-sizing: border-box;}
    .reseach_header {width: 100%;}
    .teach_class {width: 87% ;    margin-left: 6%; margin-right: 6%;}
  	.indexleft_img img{max-width: 100%; width: 240px;height: 150px !important;}
	   .indexleft2 {width: 96%;}
	.indexleft_img{}
	.subfollow2 { right: 0%  !important;}
	.active5{ padding: 13px 12px!important;}
	.sub-downfollow {  right: 0%;}
.ulleft{  margin:0 10px 0 1%;}
.ulright{  margin:0 5% 0 0px;}
.about_content img { height: 40px;margin-bottom:0px;}
.innerout { margin: 20px auto 0;}

}


@media screen and (max-width: 767px) {
	.reseach_header2 .upfollow, .reseach_header2 .sub-downfollow{
		display:block;}
		.upfollow{ left:-10px;}
		.sub-downfollow2{    right: -10px !important;}
		
    .deskmenu,.footcen {
        display: none; }
/*手機選單*/
    .phonemenu {
        display: block;
        top: 0;
        background-color: #fff;
        width: 100%;
        height: 100px;
        z-index: 500;
    }

	img.phonelogo {
		width: 80%;
		margin: 10px 20px 0 20px;
	}
/* on activation */

#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #phmenu {
  opacity: 1;  visibility: visible;  margin: 10% 0 0 0 ;  background-color: #fff   ;box-shadow: 1px 1px 1px; width:100%;}
/* menu appearance*/

#phmenu{
  position: relative;
  color: #999;
  margin: auto;
  font-family: "微軟正黑體";
  text-align: center;
  border-radius: 4px;
  background: white;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
  /* just for this demo */
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s;
}
#toggle {
	float: right;
    width: 30px;
    height: 30px;
    margin-top: 20px;
    margin-right: 20px;}
#toggle span:after,
#toggle span:before {
  content: ""; position: absolute;
  left: 0;  top: -9px;}
#toggle span:after{  top: 9px;}
#toggle span { position: relative; display: block;}
#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #a01e23;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;}
#phmenu12 li{ padding: 12px; border-top:1px solid #CDCDCD;}
#phmenu12 ul li a:hover {
  color: #0066FF; padding:-1% 0 0 -1%;    text-shadow: 1px 1px #034221;}
#toggle.on + #phmenu{    margin: 0% 0 0 0; width:100%;}
/* 手機選單 END */
    #banner_photo {
        width: 100%;
        margin-top: 5%;
        height: 217px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    li img {width: 10%;}
    .inner-width {width: 100%;}
    .indexleft{width: 100%;}
    .innerout {margin: -25px auto 0;}
    .content {width: 99.6%;}
    .indexleft_p {width: 66%;}
   
    background-color: #a01e23;}
    .footer_txt{display: none;}
    .footright { width:98% !important; margin-left:0}
    .about_content {width: 100%;}
    .about_title {margin-top: 20px;}
    .chboard_down {width: 94.5%;min-height: 39px;}
    .chboard_content{padding: 0px;}
    .chboard_right {width:100%;margin-bottom:10px;padding: 0px 10px;}
    .chboard_height{padding: 30px 45px;
    box-sizing: border-box; height:850px;}
    .chboard_up {width: 50%;}
    .chboard_down {margin-top: -5.5%;width: 94.5%;min-height: 38px;}
    .chboard_content_left {width: 100%;position: relative;margin-top: 70%;}
    .chboard_content_right {width: 100%;}
    .chboard_content_right img {max-width: 94%;position: absolute;margin-left: -99%;min-height: 420px;margin-top: 3%;}
    .chboard_talk img {margin-top: -230%;height: auto;float: right;position: relative;margin-right: 14%;min-height: auto !important;}
    .chboard_txt {padding: 15px 30px 0px 15px;display: block;}
    .news_content {margin-left: 6%;width: 89%;}
    .page {margin: 0 40% 0 0;}
    .newsin_right {padding: 50px 45px;}
    .newsis_date {margin-right: -15%;}
    .newsin_content{width:100%;margin-left: 0%;}
    .newsin_down {width: 91.5%;margin-top: -12%;}
    .newsin_up {width: 40%; top:-8px;}
    .newsip_up_txt {margin-left: 40%;}
    .btn_back {width: 25%;}
    .donation_title {margin: 10px 0 10px 2.5%;}
    .donation_down {width: 91%;min-height: 40px;}
    .donation_down {margin-top: -6.5%;}
    .donation_menu_1, .donation_menu_2 {width: 74%;}
    .donation_menu_1{margin-left: 0%;}
    .donation_menu_2 {margin-left: 38%;}
    .donation_box {margin-left: 8px;width: 30%;}
    .donation_menu_3 {width: 18%;margin-left: 76%;margin-top: -4px;}
    .donation_btn {padding: 6px 30px;}
    .donation_content_table {width: 88%;margin: 30px 0px 50px 64px;}
    .datatd {padding: 18px 10px;}
    .th {
    padding: 7px;
    color: #f19f85;
    background: #ded9d9;
    height: 25px;
    }
    .datatd {width: 20%;}
    .TDA {
    width: 5%;
    }
    .TDB {
    padding: 18px 0 18px 40px;
    }
    .TDC{
    width: 80%;
    padding: 18px 0 18px 10px;
    }
    .TDD {
    padding: 18px 20px 18px 0px;
    }
    .TDD{
    padding: 18px 20px 18px 0;
    }
    .TDF {
    padding: 18px 8px;
    }
        
    .chboard_up_txt {margin-left: 8%;}
    .reseach_title{margin-left: 0%;}
    .reseach_content {padding: 20px 0px 20px 0px;}
    .bartext {padding: 13px 14px;}
    .reseach_down {width: 59.5%;}
    .reseach_header {width: 64.5%;}
    .upfollow , .sub-downfollow {display:none;}
    .teach_class {width: 100%;margin-left: 0%;}
    .teach_class{overflow-x: auto;    width: 91%;
    margin-left: 4.7%;}
	.news_down{margin-top: -6.5%;}
    .reporttime {padding: 0 50px;}
    .report_menu {width: calc(100% - 60px);}
    .report_right{width: 88%;}  


}
@media screen and (max-width: 769px){
    #toggle.on + #phmenu{    margin: 0% 0 0 0; width:100%;}
	.phonemenu{height:100px;}
	#toggle{margin:20px 10px 0 0;}
    .frame{ min-height:310px;  }
.indexright{float:right; overflow:hidden; padding:0% 1% 1% 0 ; width:50%; margin:0 0% 0 0; font-size:13px;} 
.footerbg {height: 100px;}   
 
  .donation_down, .reseach_down {  width: 92.3%; min-height: 38px;}
.about_content img {max-width: 100%;height: 40px;    margin-bottom: 10px;}/**reports**/
	.chboard_height { padding: 30px 45px;
    box-sizing: border-box;
    height: 850px;}

.chboard_txt {
    padding: 15px 30px 0px 30px;
    display: block;}
	.chboard_content_left img{  left:0;width:auto; height:400px !important;position: relative;left:0;}
.chboard_content_left {    width: 100%;
    margin: 0 auto;    position: relative;    text-align: center;    margin-top: 40px; min-height:370px; }
}

	@media screen and (max-width: 550px){
		
	  	.reseach_main{ width:91.5% !important;}
	  	.about_content{ margin:30px 0;}
		
	.reseach_down_txt { font-size: 14px;}
	.reseach_up_txt_img { width: 33%;  height: 38px !important;}
		
	.about_content img {    width: 33%; height: 40px;}
	.chboard_up {    width:130%;}/******chboard/about*****/
	.reseach_down { margin-top: -6.9%; width: 93.3%}
	.chboard_up_txt { margin-top: 4px; font-size:20px; margin-left: 3%; letter-spacing: -1px;}
	.reseach_header {width: 110% !important;}
	    .reseach_right{width: 93% !important;padding: 10px 30px!important;}
	.teach_class {    width: 100%;    margin-left: 0%;    margin-right: 0%;}
	.news_down{width: 85.9%; min-height: 37px;
    margin-top: -12%;}
	.indexleft2{ padding:15px 30px;}
		.indexleft_img{    height: 203px;max-width: 89%;}
		/*.indexleft_img img{  width: auto; min-height:200px;max-width: 100%;}
		.indexleft_title{    margin-top: 20px;}*/
		 .chboard_txt {padding: 0px;font-size: 18px;}
.chboard_content_left {
    margin-top: 0px;  min-height: 300px;}
	.chboard_content_left img {
    min-height: 300px !important;  width: auto; margin-top:20px;}
	.reporttitle, .reporttime {    float: none; width: 90%;}
	 .mobileout{ display: block;}
	 .report_menu{ display:block; }
	 .reportimg{    position: absolute; right: 2%;    top: 29%;}
	 .downimg{ width:100%}
		}
    
@media screen and (max-width: 480px) {
    #banner_photo {height: 120px;margin-top: 9%;}
    .indexleft_1{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .indexleft_img {
    margin-right: 24px; text-align: center;
    float: none;   
    margin-bottom: 10px;
    }
    .indexleft_p {
    margin-top: 4px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 22px;
    min-height: 20px;
    }

	
    .footright {margin-top: -15px;    margin-left: 0%;}
    .footerbg {height: 70px;}
    /*.title img {width: 50px;top: -15px;}*/
    .chboard_down{width: 86%;font-size: 16px;margin-top: -10%;min-height: 37px;}
   /***chboard***/
   
    .about_title {margin-top: 0px;z-index: 10;
    position: relative;}
    .about_content img {height: 40px;}

    .chboard_right {width: 100%;padding: 30px 30px;box-sizing: border-box; height:auto;}

    .chboard_content{padding: 0px;}
    
    .chboard_txt {padding: 0px;font-size: 18px;}
    .chboard_content_left img {width:280px;height: auto;margin-top: 30px;}
    .chboard_content_right img {max-width: 92%;margin-left: -94%;min-height: 440px;margin-top: -5%;}
  
    .chboard_height {height: 760px !important;}
    .chboard_talk img {margin-top: -200%;height: 60px !important;margin-right: 6%;}
    .news_title_img {margin-left: -29px;}
    .news_title_img img{width: 60%;min-height: 40px;}
    .news_title_txt {font-size: 20px;margin-left: 3%;margin-top: 1.5%;}
    .page {margin: 0% 36% 10% 0;}
    .newsin_right {padding: 50px 30px;}
    .newsin_down {width: 84%;margin-top: -16.5%;min-height: 30px;}
    .newsin_down_txt {margin-top: 6px;}
    .newsip_up_txt {font-size: 20px;margin-left: 26%;margin-top: 8px;}
    .newsin_up {width: 60%;}
    .newsin_up img{height: 60px;width: 80%;}
    .newsin_down_txt{display: none;}

    .newsis_date {margin-right: -1%;width: 31%;margin-top: 0px;}
    .btn_back {width: 27%;}
    .donation_down {margin-top: -10.5%;min-height: 35px;width: 86%;}
    .meun_name{display: none;}
    .donation_box {margin-left: -8px;width: 50%;}
    .donation_menu_2 {margin-left: 41%;}
    .donation_menu_3 {width: 14%;margin-left: 84%;}
    .donation_btn {padding: 10px 20px;background-position: 15px;}
    .donation_content_table {width: 83%;margin: 30px 0px 50px 24px;}
    .datatr_th{display: none !important;}
    .datatr {display: block;}
    .datatd{width: 98%;padding: 2px 0px;margin: 0 6px;}
    .TDA, .TDB, .TDC, .TDD, .TDE, .TDF {border-bottom: 0px solid #B9B9B9 !important;}
    .TDA{text-align: center;background: #ded9d9;color: #f38024;font-weight: bolder;}
    .TDB, .TDC, .TDD,.TDE, .TDF{text-align: left;}
    .datatd_name{display: block;width: 25%;float: left;text-align: left;}
    .reseach_down_txt{font-size: 16px;margin-top: 7px;margin-right: -18px;}
    .teach_class {width: 100%;}
    .bartext {padding: 13px 18px;}
    .reportimg {right: 32%;}


}
    @media screen and (max-width: 380px) {
        #banner_photo {
	height: 105px;
	margin-top: 10%;
}
     
	    .chboard_down {font-size: 14px;width: 84%;margin-top: -9.8%;}
		/*****chboard*****/
        .chboard_up_txt {font-size: 18px;margin-top: 8px;}
      
        .chboard_right {width: 100.5%;}
        .chboard_height {height: 820px !important;}
        .chboard_content_right img {min-height: 510px;}
        .chboard_content_left {margin-top: 0%;}
        .chboard_talk img {height: 55px !important;}
        .indexleft_p {width: 91%;}
        .news_down {margin-top: -13.5%;}
        .newsis_date {margin-right: -2%;width: 35%;}
        .news_title_txt {margin-left: 1%;}
        .newsin_down {width: 82%;margin-top: -18.5%;min-height: 30px;}
       .newsin_content {  width: 102%;}
	   .ph_talk{display: block;margin-left: 0% !important;width: 100% !important;min-height: 530px !important;}
        .desk_talk{display: none;}
        .donation_down {margin-top: -11.5%;}
        .donation_box {font-size: 18px;}
        .donation_content_title {font-size: 20px;}
        .donation_btn {padding: 4px 22px;background-position: 10px 7px;margin-top: 0px;}
        .donation_content_table {width: 75%;}
        .datatd_name {width: 28%;}
        .reseach_up_txt_img {max-width: 40% !important;}
        .reseach_up_txt {margin-left: 2%;}
        .reseach_down {margin-top: -11.5% !important;}
        .reseach_header {width: 112%;}
        .reseach_right {width: 93% !important;}
        .bartext {padding: 13px 13px;}
        .reseach_up_txt {letter-spacing: 1px;}
		.reseach_main{ width:89.5% !important;}
		.chboard_up {height: 37px;}
        .datatd {width: 96%;}
}

    @media screen and (max-width: 365px) {
        #banner_photo {height: 145px;}
        .indexleft_p {width: 95%;}
        .newsin_down {width: 81%;margin-top: -19%;}
        .newsis_date {margin-right: 0%;}
        .ph_talk {min-height: 555px !important;}
        .chboard_content_left {margin-top: 180%;}
        .chboard_talk img {height: 52px !important;}
        .donation_down {margin-top: -12%;}
        .donation_btn {padding:2px 14px 2px 20px !important;}
        .donation_box {width: 52%;}
        .donation_down {width: 82%;}
        .chboard_height {height: 860px !important;}
    }
    @media screen and (max-width: 350px) {
        #banner_photo {height: 88px;margin-top: 12%;}
        .indexleft img {
            width: 225px;
            height: 100%;
            min-width: 100%;
        }
        .indexleft_img {margin-right: 25px;width: 86%;}
        .footright {margin-left:0%;width: 98% !important;}
        .newsin_down_txt {margin-top: 8px;}
        .chboard_up_txt {margin-left: 4%;}	/******chboard******/
        .chboard_down {margin-top: -11.9%;width: 82%;}
		/******chboard******/
        .chboard_content_right img {min-height: 546px;}
        .chboard_content_right img {max-width: 93%;margin-left: -95%;}
        .chboard_content_left {margin-top: 180%;}
        .chboard_talk img {height: 52px !important;}
        .indexleft_p {width: 89%;}
        .news_down {width: 77%;min-height: 37px;margin-top: -12%;}
        .news_content {margin-left: 3%;}
        .page {margin: 0% 32% 10% 0;}
        .newsip_up_txt {letter-spacing: 0px;margin-left: 24%;}
        .newsin_up img {height: 53px;}
        .newsin_down {border-top-right-radius: 20px;}
        .newsin_down_txt {margin-right: -15px;}
        .newsin_down {width: 79%;margin-top: -19%;min-height: 24px;}
        .newsis_date {margin-right: 0%;width: 45%;}
        .btn_back {width: 28%;font-size: 14px;}
        .ph_talk {min-height: 630px !important;}
        .chboard_content_left {margin-top: 0;}
        .chboard_talk img {height: 45px !important;}
        .chboard_height {height: 1000px !important;}
        .donation_down {width: 80%;margin-top: -13.5%;}
        .donation_box {margin-left: -16px;width: 53%;font-size: 16px;}
        .donation_menu_3 {width: 30%;margin-left: 61%;}
        .datatd_name {width: 32%;}
        .TDC{text-align: left;}
        .reseach_up_txt {margin-left: 1.5%;}
        .reseach_down {width: 90.7%;margin-top: -13% !important;}
        .reseach_header {width: 25%;}
        .bartext {padding: 13px 18px;}
        .reseach_up_txt_img {max-width: 38% !important;}
		.reseach_main{ width:86.5% !important;}
		.chboard_up {  width: 211%;}/****chboard********/
        .datatd {width: 92%;}
    }
    
    /**firefox**/
@-moz-document url-prefix() {
/*首頁*/
    .indexleft_title {height: 30px;}
    .indexleft_p {height: 40px;}
     #sidebar ul ul {top: 78px;}
    @media screen and (max-width: 1080px){
            #sidebar ul ul {top: 72px;}    
            .footerbox img {margin-right: 3px;}
        }    
}	


/**chrome **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*首頁*/
    .indexleft_p{
    display: -webkit-box;
    margin-top: 12px;
    overflow: hidden;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 22px;
    height: 46px;
    font-size: 18px;
    width: 75%;
    }
    .title{width: auto;}
    .indexleft{width: calc(50% - 40px);}
    .TDB {
    padding: 18px 30px 18px 33px;
    }
    .TDC {
    width: 80%;
    padding: 18px 0px;
    }
    .TDD {
    padding: 18px 40px 18px 10px;
    }
    .TDE {
    padding: 18px 30px;
    }
    @media screen and (max-width: 480px){
         .datatd {padding: 2px 0px;}     
         .TDC {width: 97%;}
    }
     @media screen and (max-width: 380px){   
         .TDC {width: 94%;}
    }
     @media screen and (max-width: 350px){   
         .TDC {width: 90%;}
    }
}




/*nav*/

.heard{
	background: rgba(239, 165, 165,0.68);
	background: -moz-linear-gradient(top, rgba(239, 165, 165,0.45) 5%, rgba(239, 165, 165,0.55) 36%, #fff 100%);
	background: -webkit-linear-gradient(top, rgba(239, 165, 165,0.45) 5%,rgba(239, 165, 165,0.55) 36%,#fff 100%);
	background: linear-gradient(to bottom, rgba(239, 165, 165,0.45) 5%,rgba(239, 165, 165,0.55) 36%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(239, 165, 165,0.68)', endColorstr='#fff',GradientType=0 );
	margin-bottom: 15px;
}




.steal {
    
    height: 60px ;
    margin:0px  auto;
    width: 1200px ;


}

.table {
	margin: 0px  auto;
	height: 60px;
	display: inline;
	width: 169px;
	display: table-cell;
	text-align: center;
	color: #a00035;
}
.table2 {
	margin:0px  auto;
    height: 52px ;
    display:inline;
    width: 2px ;
    display: table-cell;
    text-align: center;	
	
	
}

.table:hover{ 
　　background: rgba(27, 97, 0,0.8);
/*/*1C6000
174900*/
background: -moz-linear-gradient(top, rgba(160, 0, 53,0.8) 0%, rgba(27, 97, 0,0.8) 51%, rgba(160, 0, 53,0.8) 51%, #FFFFFF 100%);
background: -webkit-linear-gradient(top, rgba(160, 0, 53,0.8) 0%,rgba(160, 0, 53,0.8) 51%,rgba(160, 0, 53,0.8) 51%,#FFFFFF 100%);
background: linear-gradient(to bottom, rgba(160, 0, 53,0.8) 0%,rgba(160, 0, 53,0.8) 51%,rgba(160, 0, 53,0.8) 51%,#FFFFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(160, 0, 53,0.8)', endColorstr='#ffffff',GradientType=0 );
	color:#ffffff;
		margin:0px  auto;
	    height: auto;
        max-width: 100%;
}



.steal p {
    font-size: 16px;
}
.p2{
	margin-top: -15px;
	font-size:11px !important;
}

.line{
	background-image: url(../images/li.png);
    background-repeat: no-repeat;
    margin:0px  auto;
	height: auto;
    max-width: 100%;
}
.contact_newstitle {
    border-bottom: 1px solid #ccc;
    padding: 10px 20px 10px 10px;
    margin-bottom: 30px;
}
.contact_newstitle h4 {
    color: rgb(101, 148, 76);
	text-align: right;    
	font-size: 16px;
}
.contact_newstitle h2 {
    color: #bc0048;
    position: relative;    
	padding-left: 30px;
}
/*nav end*/

.logo{
    margin-top: 18px;
}
.hr {
    padding-bottom: 3px;
}
/*編輯器限制*/
.newsContent img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
}
.newsContent iframe {
    width: 100% !important;
    max-width: 100% !important;
}
.newsContent table {
    width: 100% !important;
    max-width: 100% !important;    
	height: 100% !important;
}

.advisoryContent table{max-width: 100%!important;}

.PriceContent table{max-width: 100%!important;width: 100% !important;}

/*section.diamond p::before {
    content: '';
    display: inline-block;
    position: relative;
    top: -3px;
    left: -5px;
    width: 10px;
    height: 10px;
    background: url(../images/diamond.png) center no-repeat;
    background-size: contain;
}*/