

*{box-sizing: border-box;}
body{
	font-family: '微軟正黑體' ,Arial, Helvetica, sans-serif;
	background-image: url(../images/bg/halftone.png);
}
@media only screen and (min-width:676px){body{ min-width:990px;}}
/* @media only screen and (max-width:676px){body{ margin-top:40px;} } */

#CAA{ /*position:relative;*/}

.box_center{ width:990px; margin: 0 auto;}
@media only screen and (max-width:675px){.box_center{ width:100%;}}

.box_center2{ width:1050px; margin: 0 auto;}
@media only screen and (max-width:675px){.box_center{ width:100%;}}


/*-------------------------
             
-------------------------*/
a{ 
	color:#fff; text-decoration:none;
	/*動態*/
	-webkit-transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-ms-transition:all ease-in-out 0.2s;
	-o-transition:all ease-in-out 0.2s;
	transition:all ease-in-out 0.2s;
}
a:hover{
	
}	

/*-------------------------
            表單 
-------------------------*/
/*共用*/
textarea{
	border:solid #abb8d3 1px; outline:none;
	padding:6px; 
	color:#333; font-size:0.91em;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	width:100%; min-height:150px;
}
 
input[type="text"],input[type="email"],
input[type="search"],input[type="password"]{
	border:solid #fff 1px; outline:none;
	background-color:transparent;
	padding:6px; 
	color:#fff; font-size:0.91em;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	min-height:30px;
}
input[type="submit"] { 
	border:none; cursor:pointer; font-size:0.88em; padding:6px; 
	font-family: '微軟正黑體' ,Arial, Helvetica, sans-serif; 
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	-webkit-transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-ms-transition:all ease-in-out 0.2s;
	-o-transition:all ease-in-out 0.2s;
	transition:all ease-in-out 0.2s;
	-webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"]{ margin:0 5px 0 0;height:30px; cursor: pointer; vertical-align: middle;}
label:hover{ cursor: pointer;}

select{border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;}

input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
	transition:box-shadow linear .1s;
	-moz-transition:-moz-box-shadow linear .1s;
	-webkit-transition:-webkit-box-shadow linear .1s;
	outline:none;
	box-shadow:0 0 4px rgba(69, 92, 151, 0.4);
	-moz-box-shadow:0 0 4px rgba(69, 92, 151, 0.4);
	-webkit-box-shadow:0 0 4px rgba(69, 92, 151, 0.4);
}



/*內頁*/
.right-con_inner input[type="submit"] { padding:0 20px;min-height:30px;}


@media only screen and (max-width:675px){
	textarea, select, 
	input[type="text"],input[type="email"]{ padding:10px;font-size:1em;}
	
	input[type="submit"],
	.right-con_inner input[type="submit"] { padding:10px; font-size:1em; width:100%;}
	input[type="search"] { width:100%;}
}

label:hover{ cursor: pointer;}


/*placeholder 顏色*/
::-webkit-input-placeholder { /* WebKit browsers
    color:#000; opacity:1; */
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 
   color:#fff;
   opacity:1;*/
}
::-moz-placeholder { /* Mozilla Firefox 19+ 
   color:#fff;
   opacity:1;*/
}
:-ms-input-placeholder { /* Internet Explorer 10+ 
   color:#fff;*/
}

input[placeholder], [placeholder], *[placeholder] {
}

/*文字顏色*/
.color-red{ color:#e83828;}
.color-NavyBlue{ color:#455c97;}
.color-Blue{ color:#172a88;}
.color-B{ color:#000; font-weight:900;}
.color-BK{ color:#000;}



/*-------------------------
           箭頭
-------------------------*/
/*右*/
.caret-n{
	display:inline-block;
	position:relative;
	width:0; height:0;
	border-left:4px solid #c9caca;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	margin:0 0 0 7px;
	top:-2px;
}

/*左*/
.caret-p{
	display:inline-block;*zoom: 1;*display: inline;
	position:relative;
	width:0;height:0;
	border-right:4px solid #666;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	margin:0 7px 0 0 ;
	top:-2px;
}

/*下*/
.caret-b{
	display:inline-block;*zoom: 1;*display: inline;
	position:relative;
	width:0;height:0;
	border-top:4px solid #fff;
	border-right:3px solid transparent;
	border-left:3px solid transparent;
	margin:0 7px 0 0 ;
	top:-2px;
}






/*-------------------------
        仲裁示範條款(橘)
-------------------------*/
.CAApr{
	position:absolute; z-index:1000; right:0; display:block; text-align:center;
	width:116px; height:115px; background:#ea5514; color:#fff;
	border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 	
}
.CAApr div{ font-size:1.3em; font-weight:900; padding:10px; }
.CAApr a{
	width:100%; height:25px;
	font-size:0.76em; border: solid 1px #fff;
	padding:6px 10px; 
	border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
.CAApr a:hover{ background:#fff; color:#ea5514; }


@media only screen and (max-width:675px){
	.CAApr{
		position:fixed; z-index:1000; top:65px; right:0; overflow: hidden;
		display:block; text-align:center; padding:5px;
		width:110px; height:auto; background:#ea5514; color:#fff;
		border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; -ms-border-radius:2px; 
}
	.CAApr div{ font-size:0.7em; font-weight:900; line-height:0.5em;}
	.CAApr a{
		display:block; width:100%; height: auto;
		font-size:13px; border: solid 1px #fff;
		border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; }
	
}

/* 長條狀

@media only screen and (max-width:675px){
	.CAApr{
	position:fixed; z-index:100; top:0; display:block;
	width:100%; height:40px; background:#ea5514; color:#fff; overflow: hidden;
}
	.CAApr div{ float: left; margin-left:20%;line-height:40px; padding:0 10px;}
	.CAApr a{ float:left;display: inline-block; width:100px; height:auto; line-height:25px; padding:0; margin:7px 0;}
	
}
 */

/*-----------------------------
            header
------------------------------*/
header{ position:absolute; z-index:50; width:100%;}
@media only screen and (max-width:675px){
	header{ position:relative; z-index:50; width:100%;}
}

.head{ height:66px; background: url(../images/bg/header_bg.png) repeat-x;}
.head_inner{position:relative;}
@media only screen and (max-width:675px){
}

/* 字型logo */
.CAAlogo01{
	position:absolute; z-index:5; top:10px; left:79px;
	display:block; text-indent:-9999px; 
	width:267px; height:51px;
	background: url(../images/logo/CAAlogo-01.svg) no-repeat;
}
@media only screen and (max-width:675px){
	.CAAlogo01{
		position:absolute; z-index:5; top:15px; left:16%;
		width:62%; height:38px;
	}
}

/* 圖型logo */
.CAAlogo02{
	position:absolute; z-index:5; top:31px;
	display:block ; text-indent:-9999px; 
	width:61px; height:73px;
	background: url(../images/logo/CAAlogo-02.svg) no-repeat;
}
@media only screen and (max-width:675px){
	.CAAlogo02{
		position:absolute; z-index:5; top:18px; left:3%;
		width:40p%; height:35px;
	}
}
@media only screen and (max-width:480px){
}


.right{ position: relative; margin-top:26px; float:right;}

/*英文版*/
.en{
	display:inline-block;
	width:35px; height:32px; text-align:center; line-height:32px;
	background:#fff; color:#000; font-size:1em; font-weight:900;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	opacity:0.7;
}
.en:hover{ opacity:1;}


/*搜尋*/
.search_box{ float:right; margin:0 15px;}
.search_box input[type="text"] {
	width: 200px; height: 30px;
	border: 1px solid #fff; background: transparent;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	color: #fff; font-size:16px;
	padding: 0 10px;
	outline: none;
}
.search_box input[type="submit"] {
	width: 18px; height: 18px;
	background: url(../images/icon/search_icon.svg) 0 0 no-repeat;
	border: 0px;
	position: absolute; right:20px; top:7px;
	cursor: pointer;
	text-indent: 100000px;
	white-space: nowrap;
	overflow: hidden;
}

@media only screen and (max-width:675px){
	.right{display: none;}
	/*英文版*/
	.en{ width:100%; height:50px;line-height:50px; padding:10px;}
	/*搜尋*/
	.search_box{ float:none; margin:15px;}
	.search_box input[type="text"] {
		width:100%; height:50px; font-size:1em;
		padding:10px; 
	}
	.search_box input[type="submit"] {
		width:34px; height: 34px; top:10px;
	}

}




/*-----------------------------
            menu
------------------------------*/
.menu{ height:38px; width:100%; background-color:#006bcc; opacity:0.9;}
.menu_inner{position:relative; opacity:1;}

@media only screen and (max-width:675px){
	.menu{ height:0px;}
}


/*
.nav{ position:absolute;left:79px;}
.nav>ul>li{
	display:inline-block; margin:0 15px 0 0; text-shadow:2px 2px 4px;
	line-height:38px; font-size:1em; font-weight:900;
}
.nav>ul>li:before{
	content:''; display:inline-block; width:9px; height:11px; margin-right:5px;
	background:url(../images/arrow/menu_arrow.png) no-repeat;
}
.nav>ul>li a:hover{ text-shadow:0px 0px 0px;}*/
.nav{ display: block; position:absolute; z-index:100; left:79px;}
.nav li{
	position: relative;
	float:left;margin:0 15px 0 0; line-height:38px; font-size:1em; font-weight:900;
}
.nav>ul>li:before{ /*箭頭*/
	content:''; display:inline-block; width:9px; height:11px; margin-right:5px;
	background:url(../images/icon/arrow-menu_icon.png) no-repeat;
}
.nav li a { line-height:38px;}
.nav li:hover {text-shadow:0px 0px 0px;}
.nav li:hover ul { display:block;}



/*第二層*/
.nav li ul { position:absolute; z-index:100; display:none; min-width:150px; font-size:0.9em;}
.nav ul li:nth-child(7)>ul,
.nav ul li:nth-child(7) ul li a,
.nav ul li:nth-child(7) ul li a:hover{width:230px;}
.nav ul li ul li a{
	display:block; position:relative; float:left; min-width:150px;
	color:#fff; line-height:35px; font-weight:100; text-shadow:0px 0px 0px;
	background-color:#006bcc;
	margin-top:0px; padding:0 15px;
	box-shadow:2px 2px 4px #000;
}
.nav ul li ul li a:hover{
	display: block; min-width:150px; background:#0083e5;
	min-height:30px; font-weight:900;
	text-decoration:underline; color:#000;
	box-shadow:2px 2px 4px #000;
}

.mobile,.nav_right{display: none;}

/*第三層*/
.nav ul li ul li ul{ visibility:hidden; margin-left:100%;}
.nav ul li ul li:hover>ul{ visibility:visible;}
@media only screen and (max-width:675px){
.nav ul li ul li ul{ visibility:visible; margin:0;} 
.nav ul li ul li ul li>a{ background:#0083e5; padding-left:80px !important;}
}
 
@media only screen and (max-width:675px){
	.menu{ background-color:transparent;opacity:1;}/*桌面版 底色隱藏*/
	.nav {display:none;}
	.nav_right{ display: block;}
	
	/*手機版選單*/
	.mobile{
		display:block; position:relative; z-index:5;float:right; width:66px; height: 66px;
		cursor: pointer;
		padding: 23px 25px; box-sizing: border-box;
	}
    .mobile-nav{
        display:block; /*position:absolute; z-index:5; top:14px; left:300px; right:0;*/
        background:url(../images/icon/menu_icon.svg);
        width:23px; height:23px;
    }
	.nav{
		width:100%; position:absolute; z-index:100; left:0; right:0;
		background:#0083e5; overflow:hidden; cursor: pointer;
	}
	.nav li{ float:none; width:100%; font-size:1.5em; line-height:2em;}
	
	.nav>ul>li:before{ margin:0 0 0 20px;}
	.nav li:nth-child(1):before,
	.nav li:nth-child(2):before{ display:none;}
	
	.nav li a{padding: 5px 10px; width:100%;}
	
	.nav li:hover ul {
		position: relative; display: block; z-index:10;
		width:100%; overflow:hidden; padding:10px 0; box-sizing: border-box;
	}
	.nav li:hover ul li{ width:100%; overflow:hidden;font-size:1em; line-height:1.8em;}
	.nav li:hover ul li a{width:100%; padding-left:60px; box-shadow:0px 0px 0px; line-height:1.8em;
		}
	.nav li:hover ul li a:hover{width:100%; box-shadow:0px 0px 0px;}
	
	
	.nav ul li:nth-child(7)>ul,
	.nav ul li:nth-child(7) ul li a,
	.nav ul li:nth-child(7) ul li a:hover{width:100%;}
}



/*-----------------------------------------------------------------------------------------------------
            首頁內容 
-----------------------------------------------------------------------------------------------------*/

/*-----------------------------
            banner
------------------------------*/
.banner{ width:100%; height:720px;}
@media only screen and (max-width:675px){
	.banner{ width:100%;height:300px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width:480px){
}


#slides {position:relative;}
.slides-inner{}

.slides-inner{}

/*文字*/
.caption{position:relative; width: 100%;}
.caption-wrap{
	position:absolute; z-index:99; top:190px; right:200px;  width:380px;
	color:#fff;
	padding:20px; 
}

	.caption-wrap h1{
		font-size:2em; font-weight:900; text-shadow:2px 2px 6px #000;
		max-height:150px; overflow: hidden;
	}
	.caption-wrap p{ font-size:1em; line-height:1.5em; margin-top:15px; text-shadow:2px 2px 6px #000;}

.bg{
	position:absolute; z-index:10; right:80px; top:110px;
	width:534px; height:525px;
	background: url(../images/banner/pagination/logo-bg.svg) no-repeat;
	opacity: 0.4;
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
   /* IE10-specific styles go here */
	.bg{right:115px;}
}

@media only screen and (max-width:675px){
	.caption-wrap{ position:absolute; top:30%; bottom:0; left:0; right:0; width:100%;}
	.caption-wrap h1{ font-size:1.6em;}
	.caption-wrap p{ font-size:1em; margin-top:5px;}
	.bg{ display:none;}
}




/*左右按鈕*/
#slides .slidesjs-navigation {margin-top:250px;}
#slides .slidesjs-previous {
	position:absolute; top:57px; left:50px; z-index:100;
	width:27.1px; height:39.3px; display:block;
	background:url(../images/icon/arrrow-left_icon.svg) top left;
}
#slides .slidesjs-next {
	position:absolute; top:58px; right:50px; z-index:100;
	width:27.1px; height:39.3px;  display:block;
	background:url(../images/icon/arrrow-right_icon.svg) top right;
	text-shadow: #000 2px 2px 6px;
}
@media only screen and (max-width:675px){
	#slides .slidesjs-navigation {display:none;}
}


.slidesjs-pagination{ position:absolute; z-index:101; top:440px; right:380px;}
.slidesjs-pagination li{ float:left; margin: 0 2px;}
.slidesjs-pagination li a{
		display:inline-block; overflow: hidden; padding-top:12px;
	width:12px; height:0;
	background-image: url(../images/banner/pagination/pagination.png);
	background-position: 0 0;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { background-position: 0 -12px}

@media only screen and (max-width:675px){
	.slidesjs-pagination{display: none;}
}



/*背景圖片---------------------------------------------------------*/

.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative;
}
.FlexEmbed:before {content: "";display: block; width:100%;}
.FlexEmbed--3by1:before {padding-bottom:33.33333%;}

/*首頁*/
.CoverImage {
	background-position: 50%;
  	background-repeat: no-repeat;
  	background-size: cover;
	margin: 0 auto 1em;
  	max-width:100%; height:720px; 
}
@media only screen and (max-width:675px){
	.CoverImage {height:300px;}
}

/*內頁*/
.CoverImage2 {
	background-position: 50%;
  	background-repeat: no-repeat;
  	background-size: cover;
	margin: 0 auto 1em;
  	max-width:100%; height:225px; 
}
@media only screen and (max-width:675px){
	.CoverImage2 {height:auto;}
	.FlexEmbed--3by1:before {padding-bottom:20%;}
}







/*-----------------------------
           內容   
------------------------------*/

.main-content{
	widows:100%; height:960px;/*正常用：*/   /*height:610px;出版品拉掉用*/
	position:relative; top:-210px; z-index:10; clear:both;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
   /* IE10-specific styles go here */
	.main-content{ height:100px;}
}

@media only screen and (max-width:675px){
	.main-content{top:-20px; height:auto; margin:0;}
}
@media only screen and (max-width:480px){
	.main-content{top:-35px; height:auto;}
}
@media only screen and (max-width:380px){
	.main-content{top:-80px; height:auto;}
}

.container{
	box-shadow:2px 2px 6px #ddd; width:100%;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
	margin-bottom:30px;
}
@media only screen and (max-width:675px){
	container{}
}



/*-----------------------------
           5 iconp  
------------------------------*/
.caa-shortcut{overflow: hidden; text-align:center; margin-bottom:20px;}
@media only screen and (max-width:675px){
	.caa-shortcut{ margin-bottom:0px;}
}
@media only screen and (max-width:480px){
	.caa-shortcut{}
}


.caa-shortcut ul{}
.caa-shortcut li{
	width:100px; height:100px;
	display: inline-block;
	margin:0 8px;
	border-radius:50px;-webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; 
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
   /* IE10-specific styles go here */
	.caa-shortcut li{ vertical-align: top;}
}

.caa-shortcut li a{
	width:100px; height:100px;
	display: inline-block;vertical-align: top;
	border-radius:50px;-webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; 
	border:solid 2px #fff;
	box-shadow:2px 2px 6px #000; opacity:0.9;	
	/* */
	background: #0061bf; /* Old browsers */
	background: -moz-linear-gradient(top,  #0061bf 0%, #07308c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0061bf), color-stop(100%,#07308c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0061bf 0%,#07308c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0061bf 0%,#07308c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0061bf 0%,#07308c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0061bf 0%,#07308c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061bf', endColorstr='#07308c',GradientType=0 ); /* IE6-9 */

}

.caa-shortcut li a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fbff0+0,008dd7+100 */
background: #3fbff0; /* Old browsers */
background: -moz-linear-gradient(top,  #3fbff0 0%, #008dd7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fbff0), color-stop(100%,#008dd7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3fbff0 0%,#008dd7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3fbff0 0%,#008dd7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3fbff0 0%,#008dd7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3fbff0 0%,#008dd7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fbff0', endColorstr='#008dd7',GradientType=0 ); /* IE6-9 */	
}


@media only screen and (max-width:675px){
	.caa-shortcut li{
		width:50%; height:100%;display:block; float:left;
		margin:0px;border-radius:0px;
		
	}
	.caa-shortcut li a{
		width:100%; height:100%;
		display: inline-block;vertical-align: top;
		border-radius:0px;
		border:none;
		border-right:solid 1px #07308c;
		box-shadow:none; opacity:0.9;
	}
}


.caa-shortcut li{}

.icon{ padding:5px; text-align:center;}
.icon .Graph{
	margin: 0 auto;  width:50px; height:50px;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}
.icon .icon1{ background-image: url(../images/icon/icon_01.svg);}
.icon .icon2{ background-image: url(../images/icon/icon_02.svg);}
.icon .icon3{ background-image: url(../images/icon/icon_03.svg);}
.icon .icon4{ background-image: url(../images/icon/icon_04.svg);}
.icon .icon5{ background-image: url(../images/icon/icon_05.svg);}
.icon .icon6{ background-image: url(../images/icon/icon_06.svg);}

/*標題*/
.font{}
.icon h2{
	display:table-cell; width:100px; height:29px; margin:1px 0 0 0;
	vertical-align:middle; text-align:center;
	font-size:0.8em; line-height:1em; font-weight:800;
}


/*調整
.caa-shortcut li:nth-child(1) .icon{ margin: 10px 0;}
.caa-shortcut li:nth-child(4) .icon{ margin: 2px 0;}
.caa-shortcut li:nth-child(5) .icon{ margin: 5px 0;}

.caa-shortcut li:nth-child(1) .icon h2{margin:5px 0;}
.caa-shortcut li:nth-child(4) .icon h2{margin:3px 0;}
.caa-shortcut li:nth-child(5) .icon h2{margin:5px 0;}
*/
@media only screen and (max-width:675px){
	.icon .Graph{margin: 10px auto 0 auto;}
	.icon h2{ font-size:1em; padding: 5px 0 0 0;
		display:block; width:100%;text-align:center;}
	/*調整
	.caa-shortcut li:nth-child(1) .icon{ margin: 15px 0 0 0;}
	.caa-shortcut li:nth-child(3) .icon{ margin: 5px 0;}
	.caa-shortcut li:nth-child(5) .icon{ margin: 5px 0;}

	.caa-shortcut li:nth-child(1) .icon h2{margin:0px 0;}
	.caa-shortcut li:nth-child(3) .icon h2{margin:1px 0 0 0 ;}	
	.caa-shortcut li:nth-child(4) .icon h2{margin:1px 0;}
	.caa-shortcut li:nth-child(5) .icon h2{margin:0px 0;}
	*/
	.caa-shortcut li:nth-child(5){ width: 100%;}
}
@media only screen and (max-width:480px){
	.icon h2{ min-height:40px;}
}




/*-----------------------------
        形象圖 + 活動訊息
------------------------------*/

/*形象圖*/
.image{ width:990px; height:300px;}
.image img{ width:990px; height:300px;}

@media only screen and (max-width:675px){
	.image{ width:100%; height:auto;}
	.image img{ width:100%; height:auto;}
}


/*活動訊息*/
.event{ height:360px; background:#fff;}
.event ul li {display:block; float:left;}

.event ul li a.con{display:block; float:left; padding:12px 14px; width:330px;}
.event ul li a.con:hover{ background:#eee;}

.event li .titleimages{ position: relative;}
.event li .titleimages img{width:302px; /*height:175px;*/ height:229px;}
.event li .titleimages .title{
	position:absolute; bottom:5px; left:0; width:302px; 
	padding:10px; 
	background:rgba(0,0,0,0.5);
	font-size: 0.9em;
}

.event li h3{ min-height:60px; font-size:0.85em; color:#333;}

/*看更多*/
a.more{
	display:block;
	border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
	width:100px; margin:0 auto; text-align:center;
	font-size:0.76em; color:#172a88;  border:solid 1px #172a88;
	padding:6px 10px; margin-top:320px;
}
a.more:hover{ background:#172a88; color:#fff;}


@media only screen and (max-width:675px){
	.event{ height:auto; padding:0 0 10px 0; margin-top:-5px;}
	.event ul li { float:none; width:100%; margin-bottom:30px;}
	.event ul li a.con{float:none; width:100%;}
	
	.event li .titleimages img{width:100%; height:auto;}
	.event li .titleimages .title{ width:100%; font-size:1.4em;}
	
	.event li h3{ min-height:60px; font-size:1.3em;font-weight:800;}
	/*看更多*/
	a.more{ width:40%; padding:10px; margin-top:auto; font-size:0.9em;}	
}








/*-----------------------------
          首頁 > 出版品
------------------------------*/

.publications{
	position: relative;
	padding:20px; overflow:hidden; min-height:330px;
	background-image: url(../images/bg/publications_bg.jpg);
	background-size: cover;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
.publications h1{ font-size:1em; color:#000; font-weight:900;}
	
.publications ul{ padding:10px 10px 10px 70px;}	
.publications li{ display:inline-block; vertical-align:top; margin-right:45px;}
.publications li a{ color:#333;}
.publications li a:hover{ color:#172a88;}

.publications li .book img{ width:95px; height:135px;}
.publications li figcaption a{ font-size:0.85em; width:95px; margin-top:5px; /*text-align: justify; word-break: break-all;*/}

@media only screen and (max-width:675px){
	.publications{padding:20px 20px 90px 20px;}
	.publications h1{ font-size:1.3em;}
	.publications ul{ padding:15px 20px 20px 20px;}	
	.publications li{ width:40%; margin:0 0 60px 0;}
	.publications li:nth-child(odd){ margin-right:10%;}
	
	.publications li .book img{ width:100%; height:auto;}
}

@media only screen and (max-width:480px){
	.publications{padding:20px;}
	.publications ul{ padding:15px 20px 20px 10px;}	
	.publications li{ display:block; width:100%; margin:0 0 60px 0;}
	
	.publications li .book img{ width:100%; height:auto;}
	.publications li figcaption a{ font-size:1.3em; width:100%;}
}



/*看更多*/
.publications a.more{
	display:block; position: absolute; z-index:10; bottom:14px; left:450px;
	border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	width:100px; margin:0 auto; text-align:center;
	font-size:0.76em; color:#172a88;  border:solid 1px #172a88;
	padding:6px 10px;
}
.publications a.more:hover{ background:#172a88; color:#fff;}

@media only screen and (max-width:675px){
	.publications a.more{ width:90%; padding:10px; font-size:0.9em;  left:5%; right: 5%;}	
}





/*-----------------------------
            footer
------------------------------*/

.footer{
	width:100%; min-height:100px; height:100%; position:relative; overflow: hidden;
	background-color:#4d4c4d; padding:40px 0 0 0;  box-sizing: border-box;
}
@media only screen and (max-width:675px){
	.footer{ padding:80px 25px 0 25px ; box-sizing: border-box;top:0px;}
}


/*左 網站地圖*/
.footer-nav{ float:left; box-sizing: border-box;}
.footer-nav>ul p{ font-size:0.8em; font-weight:700; color:#fff;}
.footer-nav>ul{}
.footer-nav>ul>li{ display:inline-block; vertical-align:top; margin:0 40px 0 0;}
.footer-nav>ul>li>ul{padding:11px 0 25px 0 ; box-sizing: border-box; opacity:0.8;}
.footer-nav>ul>li>ul>li a{ font-size:0.7em; line-height:1.9em; opacity:0.7;}
.footer-nav>ul>li>ul>li a:hover{ opacity:1;}

@media only screen and (max-width:675px){
	.footer-nav{ padding:0;}
	.footer-nav>ul p{ font-size:1.3em;}
	.footer-nav>ul>li{}
	.footer-nav>ul>li>ul{ margin:20px 50px 50px 0;}
	.footer-nav>ul>li>ul>li a{ font-size:1.1em;}
}


/*------------------------------------------------------------------------------------------------*/
/*網站資訊*/
.info{ clear:both; height:158px; color:#fff; margin-bottom:10px;}

.qrcode,
.footer-contact,
.epaper{float:right; vertical-align:top;}

@media only screen and (max-width:675px){
	.info{ height:auto;}
	.qrcode,.footer-contact,.epaper{ display:block;}
}



/*網站QRcode*/
.qrcode{
	width:158px; height:158px;
	background-image:url(../images/other/CAA_QRcode.jpg); background-size:cover;
}
@media only screen and (max-width:675px){
	.qrcode{ display: none;}
}


/*copyright*/
.footer-contact{ margin:10px 25px; width:560px;}
.footer-contact h1{ font-size:0.94em; text-align:justify; padding-bottom:6px;/*7-16新增*/}
.footer-contact li{ display: inline-block;}
.footer-contact li a{
	font-size:0.7em; border-left:solid 1px #fff;
	padding:0 0 0 10px; margin:0 5px 0 0; opacity:0.7;
}
.footer-contact li a:hover{ opacity:1;}
.footer-contact p{ font-size:0.7em; font-weight: lighter; /*margin-top:8px;*/margin-top:5px;  opacity:0.7;}

@media only screen and (max-width:675px){
	.footer-contact{ margin:0; width:100%;}
	.footer-contact h1{ font-size:1.3em; margin-bottom:20px;}
	.footer-contact ul{ width: 100%;}
	.footer-contact li{ display: inline-block;}
	.footer-contact li a{ font-size:0.9em}
	.footer-contact p{ font-size:0.7em;}
}


/*訂閱電子報*/
.epaper{ width:210px; margin:10px 0;}
.epaper h1{ font-size:0.94em; color:#000;font-weight:900;}
.epaper-contact{ width:100%:}
.epaper-contact .txt-fld { width:50%; float:left; margin:10px 0;}
.epaper-contact .txt-fld label{ display:inline-block; padding-left:5px; font-size:0.8em;}
.epaper-contact .txt-fld input { margin-right:5px;}
.input{ clear:both;}

.epaper input[type="email"]{ width:100%;}
.epaper input[type="submit"] { width:100%; background-color:#172a88; color:#fff; margin:5px 0 0 0;}
.epaper input[type="submit"]:hover{ background-color:#036eb8;}

@media only screen and (max-width:675px){
	.epaper{ width:100%; margin:20px 0 40px 0;}
	.epaper h1{ font-size:1.3em;}
	.epaper-contact .txt-fld label{ font-size:1em;}
	.epaper input{}
}




/*回頁面上方*/
.gotop{
	position:fixed; z-index:10; right:10px; bottom:20px; cursor:pointer;
	background:url(../images/icon/arrow-gotop_icon.svg) no-repeat;
	width:74px; height:60px; opacity:0.8;
}
@media only screen and (max-width:675px){
	.gotop{ }
}


/*底圖*/
.bottomimg{
	height:52.36px; opacity:0.5; clear: both;
	background: url(../images/bg/footer_bg.jpg) repeat-x;
}





/*-----------------------------------------------------------------------------------------------------
            內頁內容 
-----------------------------------------------------------------------------------------------------*/

/*-----------------------------
              圖
------------------------------*/
.banner-page{ position:relative;top:66px; width:100%;}

.gradient-right{
	position: absolute; z-index:1; right: 0; 
	display: block; width:275px; height: 225px;
	background:url(../images/banner-page/gradient/gradient_02.png) no-repeat;
}
.gradient-left{
	position: absolute; z-index:2; left: 0;
	display: block; width:275px; height: 225px;
	background:url(../images/banner-page/gradient/gradient_01.png) no-repeat;
}

@media only screen and (max-width:675px){
	.banner-page{ position:relative; top:0;}
	.gradient-right{ display:none;}
	.gradient-left{ display:none;}
}



/*-----------------------------
              
------------------------------*/
.main-content-page{ min-height:400px; margin:99px 0 33px 0; overflow:hidden;}
@media only screen and (max-width:675px){
	.main-content-page{
		min-height:400px; margin:0px 0 20px 0;
		padding:10px; box-sizing: border-box; overflow:hidden;
	}
}
.page-container{
	
	width:100%; min-height:400px; overflow:hidden;
	padding:30px 0; 
	background-color:#fff;
	box-shadow:0 0 6px #eee;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
@media only screen and (max-width:675px){
	.page-container{ padding:10px;  overflow:hidden;}
}


/*-------------------------
          路徑
-------------------------*/

.path{ position:absolute; z-index:5; top:282px; min-width:270px; height:70px;}
.path_inner{
	position: relative; z-index:2;
	background-image:url(../images/bg/Path_bg.svg);
	background-repeat: no-repeat;
	background-size: cover; 
	height:42px;
}
.path_inner1{
	position:absolute; z-index:3; top:41px; *top:30px; right:50px; *right:30px;
	width:40px; height:35px;
	background:url(../images/bg/Path_bg-1.svg) no-repeat;
}
	
.path_inner2{
	position:absolute; z-index:1; top:0px; right:0;
	width:73px; height:42px;
	background-image:url(../images/bg/Path_bg-2.svg);
}

.path_inner ul{ padding:0 65px; line-height:40px}
.path_inner li{
	display: inline-block; opacity:0.9;
	font-size:0.8em; color:#fff; font-weight:lighter;
	padding:0 2px;
}
.path_inner li:hover{ opacity:1;}

@media only screen and (max-width:675px){
	.content{ position:relative;}
	.page-container{ margin-top: 33px;}
	.path{ position:absolute; top:0; }
}
@media only screen and (max-width:380px){
	.path{ left:-15px;}
}





/*-----------------------------
         左- 選單      
------------------------------*/
.left-nav{ float:left; width:160px;}
.left-nav ul{ }
.left-nav li{
	display:table; position:relative;
	width:100%;
	font-size:0.95em;
}
.left-nav li a{
	display:table-cell; vertical-align:middle; width:100%;
	padding:10px 0 10px 20px; box-sizing: border-box; padding-right:10px;
	color:#666; font-size:0.95em;
}
.left-nav li a:hover{
	color:#036eb8; background:#f6f6f6; width:100%;
}


/*目前位置*/
.left-nav li.foucs a{
	border-left:solid 2px #036eb8; font-weight:900;
	color:#000; font-weight:900;
	background:#efefef url(../images/bg/left-nav-li_bg.svg) no-repeat;
}

/*箭頭*/
.left-nav span{ position:absolute; right:8px; top:42%;}

@media only screen and (max-width:675px){
	.left-nav{ display: none;}
}



/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
         右- 內容      
------------------------------*/
/*第一層 白底*/
.right-con{
	float:center; vertical-align:top; overflow:hidden; margin:30px 30px;}
@media only screen and (max-width:675px){
	.right-con{ float:none; width:100%; margin:0;}
}

.right-con_inner{ /*background-color:#efefef; margin-bottom:30px;*/overflow:hidden;}


/*第二層 灰底*/
.bg-color{
	min-height:100px; background-color:#efefef; overflow:hidden;
	padding:30px; 
}
.bc-01{padding:10px 30px; }

/*第二層 無底色*/
.bg-color-none{
	min-height:200px; overflow:hidden;
	padding:; 
}
.CAA{ padding:60px 60px 30px 60px;box-sizing: border-box;}
.CAA2{ clear: both; margin-top:10px;}
.CAA3{ clear: both; margin-top:0;}

@media only screen and (max-width:675px){
	.bg-color{ height:auto; padding:10px;}
	.CAA,.CAA2,.CAA3{ padding:10px;}
}

/*第三層 白底*/
.caa-content-f{
	background:#fff; padding:20px;  clear: both;
	border:solid 1px #dcdddd;
	box-shadow:0 2px 1px #ddd;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
.caa-content-f2{/*目錄*/
	background:#fff; padding:3px; margin-top:5px;
	border:solid 1px #dcdddd;
	box-shadow:0 2px 1px #ddd;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
@media only screen and (max-width:675px){
	.caa-content-f,.caa-content-f2{padding:10px;}
}

.caa-content-f-01,
.caa-content-f-02,
.caa-content-f-03{/*仲裁人資料用*/
	background:#fff; padding:10px; 
	border:solid 1px #dcdddd;
	box-shadow:0 2px 1px #ddd;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
.caa-content-f-01,
.caa-content-f-02{ margin-bottom:10px;}
.caa-content-f-03{ margin-bottom:10px; padding-bottom:0;}



/*寬度*/
.f-01{ width:220px;float:left; margin-right:20px;}
.f-02{ width:470px;float:left;}
.f-03{ width:100%; margin-bottom:10px; clear:both;}
.f-04{ width:175px; float:left; margin:0 20px 10px 0;}
.f-05{ width:50%; float:left;}
@media only screen and (max-width:675px){
	.f-01{ width:100%;float:left; margin-right:20px;}
	.f-02,.f-05{ width:100%;float:left;}
	.f-04{ width:100%; margin:0 20px 10px 0;}
}



/* */
.right-con p{color:#000;}

.caa-content{ overflow: hidden; /*padding-bottom:20px;*/ word-break:normal;/**/}
.caa-content h1{font-size:1.15em; font-weight:900; color:#172a88; margin-bottom:15px;}
.caa-content h2{font-size:0.92em; font-weight:900; color:#333; margin-bottom:8px;}
.caa-content p{ /*font-size:0.85em;*/ line-height:1.6em; margin-bottom:30px; text-indent:2em;}
.caa-content>span{font-size:0.85em; line-height:1.6em; display:block;  margin-bottom:30px; }
@media only screen and (max-width:675px){
	.caa-content h1{font-size:1.5em;margin-bottom:25px;}
	.caa-content h2{font-size:1.4em;}
	.caa-content p,
	.caa-content span{font-size:1.3em;}
}

.main{}


/*-----------------------------
         Q & A  手風琴  
------------------------------*/
/*款式一*/
.accordion {border-bottom:solid 1px #dcdddd;}
.accordion>li {padding:0 0 2px 0;}
.accordion li .qa_title {
	border-top: solid 1px #dcdddd;
	background-color:#f7f8f8; 
	padding:10px;
	color:#172a88; font-size:0.97em; font-weight: 900;
	cursor: pointer; 
}
.accordion li .qa_title_on { text-decoration:underline; color:#036eb8;}
.accordion li .qa_content { margin:20px 0; padding-right:10px;}

@media only screen and (max-width:675px){
	.accordion li .qa_title {font-size:1.3em;}
}



/*lightbox*/
/*附件*/
.accordion .appendix{
	border-top: solid 1px #dcdddd;
	background-color:#fff; 
	padding: 25px 0 20px 0;
	color:#172a88; font-size:0.97em; font-weight: 900;
	text-align: center;
}
@media only screen and (max-width:675px){
	.accordion .appendix {font-size:1.3em;}
}


/*lightbox 語言分區*/
.accordion li .languageBox{}
.accordion li .languageBox div{width: 49%; display:inline-block; vertical-align: top;}
.accordion li .languageBox .list2{
	
	margin-right: 4px;
}
.accordion li .languageBox .list2>ul{
	padding: 10px;
}
.accordion li .languageBox .list2 ol>li>ul{
	padding: 15px 5px 0 5px ;
}
.accordion li .languageBox .list2 ol>li>ul>li{
	padding:0;
}
.accordion li .languageBox .list2 ol{
	padding: 10px 5px 0 0;
	line-height: 1.25em;
}
.accordion li .languageBox { margin:0px 0; padding-right:0px;}


@media only screen and (max-width:675px){
	.accordion li .languageBox div{width: 100%; display:block;}
}

/*
.accordion li.languageBox{}
.accordion li.languageBox>div{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
@media only screen and (max-width:675px){
	.accordion li.languageBox>div{
	width: 100%;
	display: block;
	vertical-align: top;
}
}
.accordion li.languageBox .qa_content { margin:0px 0; padding-right:0px;}

.accordion li.languageBox .qa_content .list2 ul {
    padding: 10px;
}

*/



/*款式二 藍色底*/
.accordion2>li {padding:0 0 5px 0; overflow: hidden;}
.accordion2 li .qa_title{cursor: pointer; }
.accordion2 li .qa_title,
.accordion2 li .title{
	background-color:#455c97; padding:10px 25px 10px 10px; box-sizing: border-box;
	color:#fff; font-size:0.9em; font-weight:400;
	position: relative;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
/*標題置中*/
.accordion2 li .t-center{ text-align: center;}
/**/
@media only screen and (max-width:675px){
	#Rule .accordion2 li .title{
		font-size:1.3em; padding:15px 60px 15px 15px;
	}
}

.accordion2 li .qa_title-1{
	position: relative;
	border-top: solid 1px #dcdddd;
	background-color:#898989; 
	padding:10px;
	color:#fff; font-size:0.97em; font-weight: 900;
	cursor: pointer; 
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; 
}
/*語言*/
.accordion2 li .title ul.language{ float:right;}
.accordion2 li .title ul.language li{ display:inline-block; padding:0 10px;}

/* 垂直分隔線 9/17 ANN */
.accordion2 li .title .VRule li:nth-child(1){ border-right: solid 1px #fff;}

.accordion2 li .title ul.language li:hover a,
.accordion2 li .title ul.language li.foucs a{ color:#ffe200;}
@media only screen and (max-width:675px){
	.accordion2 li .title ul.language{ float:inherit; margin:10px 0 0 0; font-size:0.8em;}
}

.accordion2 li .qa_content,
.accordion2 li .content{ margin:10px 0;}






/*箭頭*/
.accordion2 li .qa_title:before,.accordion2 li .qa_title-1:before{
	right:3%; top:45%;
	border: solid transparent;
	content: " ";
	height: 0; width: 0;
	position: absolute; z-index:10;
	pointer-events: none;
	border-top-color:#fff;
	border-width: 4px;
	margin-left: -4px;
}

@media only screen and (max-width:675px){
	.accordion2 li .qa_title,
	.accordion2 li .title{width:100%; font-size:1.3em; padding:15px 30px 15px 15px;}
	.accordion2 li .qa_content,
	.accordion2 li .content{ font-size:1.1em;}
}


/*款式三 藍色底*/
.accordion3>li { overflow: hidden; padding:0;}
.accordion3 li .qa_title{
	position: relative; cursor: pointer;  border-top: solid 1px #dcdddd;
	color:#172a88; background:none; font-size:0.9em; font-weight:400;
	text-decoration: underline;
}
.accordion3 li .qa_content{padding:0 10px 10px 10px;}
.accordion3 li .qa_content p{ font-size:0.9em; padding:10px 0; text-indent:2em; line-height:1.5em; }
/*箭頭*/
.accordion3 li .qa_title:before{
	right:2%; top:45%;
	border: solid transparent;
	content: " ";
	height: 0; width: 0;
	position: absolute; z-index:10;
	pointer-events: none;
	border-top-color:#455c97;
	border-width: 4px;
	margin-left: -4px;
}
@media only screen and (max-width:675px){
	.accordion3 li .qa_title,
	.accordion3 li .title{width:100%; font-size:1.1em; padding:15px 30px 15px 15px;}
	.accordion3 li .qa_content,
	.accordion3 li .content{ font-size:1.1em;}
}


/*全部展開 收合*/
.qa_tool{ float:right; margin:5px 0; overflow: hidden;}
.qa_showall,.qa_hideall{font-size:0.8em; color:#000;}
.qa_showall:hover,.qa_hideall:hover{color:#455c97;}
.qa_hideall{ border-left:solid 1px #666; padding-left:10px; margin-left:5px;}

/*lightbox*/
/*全部展開 收合*/
#Rule .tool {width: 100%;}
#Rule .tool .donload{ float: left;}
#Rule .tool .qa_tool{ float: right;}

#Rule .qaContent .accordion{ clear: both;}
@media only screen and (max-width:675px){
	#Rule .tool .donload a{font-size:1.2em; margin: 10px 0;}
	#Rule .tool .qa_tool a{font-size:1.1em; margin: 10px 0;}
	
}










/*-----------------------------
       關於協會 > 協會介紹     
------------------------------*/
/*理事長書法*/
.calligraphy{
	display:block; width:530px; height:210px; margin:0 auto;
	background: url(../images/other/calligraphy.png) no-repeat ;
}
@media only screen and (max-width:675px){
	.calligraphy{ width:240px; height:130px; margin:0 auto; background-size: contain;}
}
/*國際交流 世界地圖*/
.aboutus-world-map{
	width:710px; height:448px; position:relative; left:-35px;
	background: url(../images/other/aboutus-world-map.jpg) no-repeat;
}
@media only screen and (max-width:675px){
	.aboutus-world-map{
		position:relative; left:-10px; max-height:200px;
		background-size:45%;
	}
}




/*-----------------------------
            清單     
------------------------------*/
.list,.list1,.list2,.list2-1,.list3{ font-size:0.85em; line-height:1.6em; text-align:justify;}
@media only screen and (max-width:675px){
	.list,list1,.list2,.list2-1,.list3{font-size:1.3em;}
}
.list li{ margin-left:2em; margin-bottom:25px; color:#000; font-weight:800;}
.list li ul{ color:#000; font-weight:100;}
.list li ul li{}

.list1{ padding:0 5px 0 30px;}
.list1 p{ font-size:1em; text-indent:0; margin:0 0 15px 0;}

.list1>ul{margin-top:10px;}
.list1 ul{ margin-bottom:20px; color:#000; font-weight:100; padding:10px;}
.list1>ul>li{ color:#036eb8; font-weight:100;}
.list1>ul>li>ul>li{ margin:5px 0; font-weight:400;margin-bottom:10px;}

.list1 ul.color-bk{ list-style:decimal; margin:0 10px 15px 20px; padding:0px;}
.list1 ul.color-bk li{ color:#000;}


.list1 ol li{ margin-bottom:1em;}
.list1 ol li span.n{ width:5%; display:inline-block; float:left;} 
.list1 ol li span.p{ width:95%; display:inline-block;}

.list1 a{ color:#172a88; text-decoration: underline;}
.list1 a:hover{ color:#036eb8; text-decoration: underline;}

@media only screen and (max-width:675px){
	.list1{ font-size: 1.3em; line-height:1.6em; padding:0 5px;}
	.list1 ul.color-bk{ list-style:decimal; margin:0 0 15px 40px; padding:0px;}
	
}

.padding{ padding:0 20px;}

.list2{ margin-bottom: 20px;}
.list2 ul{  padding:10px 20px;}
.list2 ul li{ color:#000; font-weight:500; margin-bottom:5px;}
.list2 ul.text-i>li{ font-weight:900; color:#000;}
.list2 ul li span.n{ width:5%; display:inline-block; float:left;} 
.list2 ul li span.p{ width:95%; display:inline-block;}
.list2 ul li ul{ margin-left:-20px;}

.list2 .list-d-01-1 li{ font-weight:900;color:#000;}

.list2>p{ text-indent:0em; margin-bottom:15px; font-size:12px; line-height:20px;}

.list2 span{ display:block;}

.list2 i.f-weight{ font-weight:600;}

.list2 b{ color: #000}

/*填表說明*/
.list2 ol li{ margin-bottom:1em;}
.list2 ol li span.n{ width:5%; display:inline-block; float:left;} 
.list2 ol li span.p{ width:95%; display:inline-block;}
 
/**/
.list2 ul.text-i>li{ font-weight:900;color:#000;}


@media only screen and (max-width:675px){
	.padding{ padding:0 5px;}
	.list2 h1{font-size:1.1em;}
	.list2 span{font-size:1em; line-height:1.4em;}
	.list2>p{ font-size:14px; line-height:20px; }
	.list2 ul li{margin-bottom:20px;}
	.list2 ul li span.n,
	.list2 ul li span.p,
	.list2 ol li span.n,
	.list2 ol li span.p{ width:100%;font-size: 1em;}
}

.list2-1{padding:0 20px;}
.list2-1 span{}
.list2-1 ul,.list2-1 ol{color:#172a88; font-weight:800;padding:10px 0;}
.list2-1 ul li,.list2-1 ol li{ margin-bottom:1em;}
.list2-1 ul li span.n{ width:11%; display:inline-block; float:left;} 
.list2-1 ul li span.p{ width:85%; display:inline-block;}

.list2-1 ul>li,.list2-1 ol>li{
	color:#333; font-weight:100; margin-bottom:5px; border-bottom:solid 1px #f2f2f2; padding:5px 2px;}
.list2-1 ul li ul{ margin-left:30px; padding:0;}
.list2-1 ul li ul li{border-bottom:none; margin-bottom:0;}
.list2-1 ul li ol{ margin-left:68px; padding:15px 0 0 0;}
.list2-1 ul li ol li{border-bottom:none; margin-bottom:0;}


@media only screen and (max-width:675px){
	.list2-1 h1{font-size: 1.2em;}
	.list2-1 ul{padding:10px 5px;}
	.list2-1 ul li{margin-bottom:20px;}
	.list2-1 ul li span.n,
	.list2-1 ul li span.p{ width:100%;font-size: 1em;}
	.list2-1 ul li ol{ margin-left:0; padding:15px 0 0 0;}
	.list2-1 span{font-size: 1em;}
}




/*清單-數字款*/
.list-d-01 li,.list-d-01-1 li{ list-style:decimal;}
.list-d-01 ul li ul li{ list-style:decimal;}

/*清單-數字款2*/
.list-d-02{ margin-bottom: 40px;}
.list-d-02 p{ color:#172a88; font-size: 1.2em; font-weight:900;}
.list-d-02 li{ margin-bottom: 4px;}
.list-d-02 ul.color-bk{}

/*清單-數字款*/
.list-d-03 li{ list-style:decimal; margin-left: 25px;}
.list-d-03 ul li ul li{ }

/*清單-點點款*/
.list-d-04 li{ list-style:disc; margin-left: 25px;}


/* 清單-大寫中文 */
.list-d-05>ol>li{  /* list-style:cjk-ideographic;  */margin: 10px 10px 10px 0px;}
.list-d-05>ol>li>ol>li{ margin:10px;}
.list-d-05>ol>li>ol>li>ol>li{ margin: 10px 10px 10px 30px;}
.list-d-05>ol>li>ol>li>ol>li>ol>li{ margin: 10px 10px 10px 0px;}

/* 清單-大寫中文 第一層：一、 */
.list-d-05>ol>li{ position:relative; padding-left:40px;}
.list-d-05>ol>li:before{ position:absolute; left:0;}
.list-d-05>ol>li:nth-child(1):before{ content:"一、"}
.list-d-05>ol>li:nth-child(2):before{ content:"二、"}
.list-d-05>ol>li:nth-child(3):before{ content:"三、"}
.list-d-05>ol>li:nth-child(4):before{ content:"四、"}
.list-d-05>ol>li:nth-child(5):before{ content:"五、"}
.list-d-05>ol>li:nth-child(6):before{ content:"六、"}
.list-d-05>ol>li:nth-child(7):before{ content:"七、"}
.list-d-05>ol>li:nth-child(8):before{ content:"八、"}
.list-d-05>ol>li:nth-child(9):before{ content:"九、"}
.list-d-05>ol>li:nth-child(10):before{ content:"十、"}

/* 清單-大寫中文 第二層：(一) */
.list-d-05>ol>li>ol>li{ position:relative; padding-left:40px;}
.list-d-05>ol>li>ol>li:before{ position:absolute; left:0;}
.list-d-05>ol>li>ol>li:nth-child(1):before{ content:"(一) ";}
.list-d-05>ol>li>ol>li:nth-child(2):before{ content:"(二) ";}
.list-d-05>ol>li>ol>li:nth-child(3):before{ content:"(三) ";}
.list-d-05>ol>li>ol>li:nth-child(4):before{ content:"(四) ";}
.list-d-05>ol>li>ol>li:nth-child(5):before{ content:"(五) ";}
.list-d-05>ol>li>ol>li:nth-child(6):before{ content:"(六) ";}
.list-d-05>ol>li>ol>li:nth-child(7):before{ content:"(七) ";}
.list-d-05>ol>li>ol>li:nth-child(8):before{ content:"(八) ";}
.list-d-05>ol>li>ol>li:nth-child(9):before{ content:"(九) ";}
.list-d-05>ol>li>ol>li:nth-child(10):before{ content:"(十) ";}

/* 清單-大寫中文 第三層：1. */
.list-d-05>ol>li>ol>li>ol>li{list-style:decimal;}

/* 清單-大寫中文 第四層：(1) */
.list-d-05>ol>li>ol>li>ol>li>ol>li{ position:relative; padding-left:30px;}
.list-d-05>ol>li>ol>li>ol>li>ol>li:before{ position:absolute; left:0;}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(1):before{ content:"(1) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(2):before{ content:"(2) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(3):before{ content:"(3) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(4):before{ content:"(4) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(5):before{ content:"(5) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(6):before{ content:"(6) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(7):before{ content:"(7) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(8):before{ content:"(8) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(9):before{ content:"(9) ";}
.list-d-05>ol>li>ol>li>ol>li>ol>li:nth-child(10):before{ content:"(10) ";}


/*lightbox*/
/* 清單-數字 第一層：1. */
.list-d-06>ol>li{list-style:decimal; margin-left: 25px; }

/* 清單-數字 第二層：(a) */
.list-d-06>ol>li>ol>li{ position:relative; padding: 0 0 0 23px; margin: 0 0 6px 0;}
.list-d-06>ol>li>ol>li:before{ position:absolute; left:0;}
.list-d-06>ol>li>ol>li:nth-child(1):before{ content:"(a)";}
.list-d-06>ol>li>ol>li:nth-child(2):before{ content:"(b)";}
.list-d-06>ol>li>ol>li:nth-child(3):before{ content:"(c)";}
.list-d-06>ol>li>ol>li:nth-child(4):before{ content:"(d)";}
.list-d-06>ol>li>ol>li:nth-child(5):before{ content:"(e)";}
.list-d-06>ol>li>ol>li:nth-child(6):before{ content:"(f)";}
.list-d-06>ol>li>ol>li:nth-child(7):before{ content:"(g)";}
.list-d-06>ol>li>ol>li:nth-child(8):before{ content:"(h)";}
.list-d-06>ol>li>ol>li:nth-child(9):before{ content:"(i)";}
.list-d-06>ol>li>ol>li:nth-child(10):before{ content:"(j)";}

/* 清單-數字 第三層：(i) */
.list-d-06>ol>li>ol>li>ol>li{ position:relative; padding: 0 0 0 23px; margin: 0 0 5px 0;}
.list-d-06>ol>li>ol>li>ol>li:before{ position:absolute; left:0;}
.list-d-06>ol>li>ol>li>ol>li:nth-child(1):before{ content:"(i)";}
.list-d-06>ol>li>ol>li>ol>li:nth-child(2):before{ content:"(ii)";}
.list-d-06>ol>li>ol>li>ol>li:nth-child(3):before{ content:"(iii)";}
.list-d-06>ol>li>ol>li>ol>li:nth-child(4):before{ content:"(iv)";}
.list-d-06>ol>li>ol>li>ol>li:nth-child(5):before{ content:"";}
.list-d-06>ol>li>ol>li>ol>li:nth-child(6):before{ content:"";}

@media only screen and (max-width:675px){
	.list-d-06>ol>li>ol>li{padding: 0 0 0 30px; }
	.list-d-06>ol>li>ol>li>ol>li{padding: 0 0 0 32px;}
}


/* 此寫法只支援firefox
.cjk-decimal ul li{
	margin-left: 20px;
	list-style: cjk; 
}

中文數字編號
@counter-style cjk {
  system: numeric;
  range: 0 infinite;
  symbols: ? 一 二 三 四 五 六 七 八 九;
  suffix: "、";
}
*/

/*關於協會-國際交流*/
.list3 {display:table; margin-top:40px;}

.list3 h4{ margin-bottom:10px;font-size:1.15em; font-weight:900;}
.color-purple h4{ color:#6d3689; }
.color-blue h4{ color:#007bb1; }
.color-green h4{ color:#859b00; }
.color-redd h4{ color:#af353d; }

.list3 ul{ padding:3px 0;}
.list3 li{ display:table-cell; vertical-align:top; font-weight:100;font-size:0.84em;}
.list3 li:nth-child(1){ width:80px; padding-right:20px;}

@media only screen and (max-width:675px){
	.list3 ul{ padding:20px 0;}
	.list3 li{display:block; line-height:1.2em;}
	.list3 li:nth-child(1){ width:100%; padding-right:0px;}
	.list3 li:nth-child(2){ font-size:0.8em; line-height:1em; }
}



/*-----------------------------
         最新消息 清單     
------------------------------*/
ul.news{ width:100%; overflow:hidden;}
ul.news li{ width:100%; border-bottom:solid 1px #efefef;}
ul.news li a{ width:100%; padding:10px 0;  display:table;}
ul.news li a:hover{}
@media only screen and (max-width:675px){
	ul.news li a{padding:20px 0;}
}


/*日期 年月日*/
ul.news li .date{
	display:inline-block; width:80px; height:50px;
	border:solid 1px #efefef; margin:0 10px 0 0;
	color:#333; font-size:0.7em;}
ul.news li .date .yy,
ul.news li .date .mmdd{ width:80px; height:25px; line-height:25px; text-align:center;}
ul.news li .date .yy{ background-color:#efefef;}
ul.news li .date .mmdd{ background-color:#fff;}

@media only screen and (max-width:675px){
	ul.news li .date{display:block; font-size:0.85em; margin-bottom:10px;}
	ul.news li .date .yy,
	ul.news li .date .mmdd{ display:inline-block; width:50%:}
}


/*最新消息 標題*/
ul.news li p{
	width:100%; display:table-cell; vertical-align:middle;
	font-size:1.15em; font-weight:600; color:#172a88;
}
ul.news li a:hover p{ color:#006bcc;}
@media only screen and (max-width:675px){
	ul.news li p{
		display:block; font-size:1.5em; font-weight:900;
		text-align:justify; word-break: break-all;
	}
}



/*我要報名按鈕*/
ul.news input[type="submit"]{ 
	opacity:0.8; 
	color:#fff; padding:6px 14px 6px 35px;
	background: #e83828 url(../images/icon/registration-btn_icon.svg) no-repeat;
	background-position: left top;
}
ul.news input[type="submit"]:hover{opacity:1;} 
@media only screen and (max-width:675px){
	ul.news input[type="submit"]{ padding:12px 14px 12px 35px; margin-top:10px;}
	
}




/*最新消息-內頁*/
.news-page,
.event-page{ margin-top:10px; background:#efefef; padding:30px; box-sizing: border-box;}

.news-page p,
.event-page p{
	font-size:0.85em; 
	line-height:1.6em;
	text-align:justify; 
	/*word-break: break-all;*/
	/*170215 limin add*/
	word-break:normal;
	margin-bottom:25px;
}

.news-page img{ width:100%; height: auto;margin-bottom: 20px;}
@media only screen and (max-width:675px){
	.news-page,
	.event-page{ padding:15px;}

	.news-page>p,.event-page p{font-size:1.3em; line-height:1.7em; margin-bottom:30px;}
	.news-page img{
		max-width:100% !important;
		height:auto !important;
	}
}



/*下載檔案*/
.download{
	background:#fff;
	padding:20px;  font-size:0.8em;
	border:solid 1px #dcdddd;
	box-shadow:0 2px 1px #ddd;
}
.download>p{
	display:inline-block; color:#333; vertical-align: top;
	padding:0 12px 12px 0;
}
.download span{ margin-right:5px;}
.download>ul{ display:inline-block; width:80%;}
.download>ul>li{ padding:0 0 6px 0;}
.download>ul>li a{color:#2ea7e0 ; text-decoration:underline;}
.download>ul>li a:hover{ color:#036eb8;}

@media only screen and (max-width:675px){
	.download{ font-size:1em;}
	.download ul{ display:block; width:100%;}
	.download li{ padding:0 0 12px 0;}
}

/*下載檔案*/
.download2{
	background:#fff;
	padding:20px;  font-size:0.8em;
	border:solid 1px #dcdddd;
	box-shadow:0 2px 1px #ddd;
}
.download2 span{ margin-right:5px;}
.download2>ul{ display:inline-block; width:100%;}
.download2>ul>li{ padding:11px 5px; border-bottom:solid 1px #f3f3f3; }
.download2>ul>li a{color:#172a88;}
.download2>ul>li a:hover{ color:#036eb8; text-decoration:underline;}

@media only screen and (max-width:675px){
	.download2{ font-size:1em;}
	.download2 ul{ display:block;}
	.download2 li{ padding:20px 5px;}
}


/*下載檔案*/
.download3{
	background:#fff; overflow: hidden; margin-bottom:10px;
	padding:20px;  font-size:0.8em;
	border:solid 1px #dcdddd;
	box-shadow:0 2px 1px #ddd;
}
.download3 p{ float: left;}
.download3 a{ float: right; color:#172a88; text-decoration: underline;}
.download3 a:hover{ color:#036eb8;}
@media only screen and (max-width:675px){
	.download3{ font-size:1em;}
}


/*下載檔案*/
.download4{
	font-size:0.8em;
}
.download4 span{ margin-right:5px;}
.download4>ul{ display:inline-block; width:100%;}
.download4>ul>li{ padding:11px 5px; border-bottom:solid 1px #efefef; }
.download4>ul>li a{color:#172a88; width:100%; display:inline-block;}
.download4>ul>li a:hover{ color:#036eb8; text-decoration:underline;}

@media only screen and (max-width:675px){
	.download4{ font-size:1em;}
	.download4 ul{ display:block;}
	.download4 li{ padding:20px 5px;}
}


/*下載檔案*/
.arrow ul{}
.arrow ul li{ position: relative; padding: 11px 24px;}
.arrow ul li a{}
.arrow ul li:before{
	top:14px; left:2%;
	border: solid transparent;
	content: " ";
	height: 0; width: 0;
	position: absolute; z-index:10;
	pointer-events: none;
	
	border-left-color:#c9caca;
	border-width: 4px;
	margin-left: -3px;
}



@media only screen and (max-width:675px){
	
}




/*-----------------------------------------------------------------------------------------------------*/
/*-------------------------
          按鈕
-------------------------*/
.page-navi,.page-navi1{ overflow: hidden; text-align:center; font-weight:lighter;}
.page-navi{ min-height:30px; margin-top:20px;}
.page-navi1{ min-height:30px; margin:10px 0 20px 0;}
.page-navi a,.page-navi1 a{ text-align:center; padding:0 30px;}


.btn{ 
	display:inline-block;*zoom:1;*display:inline;
	padding:0 10px; box-sizing: border-box; font-size:0.8em;
	height:30px; line-height:30px;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
}
@media only screen and (max-width:675px){
	.btn{ width:100%; font-size:1em; height:50px; line-height:50px;}
}
.btn-w-100{ width:100%;}






/*顏色-單色*/
	.lightGray{ background:#727171; color:#fff; opacity:0.8;}
	.lightGray:hover{ opacity:1;}
	.NavyBlue{ background:#455c97; color:#fff; opacity:0.8;}
	.NavyBlue:hover{ opacity:1;}
	.red{ background:#c30d23; color:#fff; opacity:0.8;}
	.red:hover{ opacity:1;}


/*-------------------------
          頁數
-------------------------*/
.wp-pagenavi { clear:both; font-size:0.8em;}
.wp-pagenavi span.current{
	display:inline-block; color:#fff; background-color: #b5b5b6; font-size:0.8em
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
}
.wp-pagenavi a, .wp-pagenavi span {
	display:inline-block; padding: 10px 14px;
	margin-right:1px; color:#666; font-size:0.8em;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
}
/*
.wp-pagenavi .wp-pagenavi .span.expand {
	padding: 10px 14px;
	margin: 1px;
	color: #666 !important;
	background-color: #f1f1f1 !important;
}*/
.wp-pagenavi a:hover {
	-moz-box-shadow: inset 0 0 0 1px #dedede;
	-webkit-box-shadow: inset 0 0 0 1px #dedede;
	box-shadow: inset 0 0 0 1px #dedede;
}
@media only screen and (max-width:675px){
	.wp-pagenavi { clear:both; font-size:0.9em;}
	.wp-pagenavi span.current{  font-size:0.9em;}
	.wp-pagenavi a, .wp-pagenavi span {font-size:0.9em;}
}


/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
         活動花絮 清單     
------------------------------*/

.right-con .event{ background:#fff;}
.right-con .event ul{}
.right-con .event ul li {display:block; float:left; width:50%; position:relative;}
.right-con .event ul li a{display:block; float:left; padding:14px; box-sizing: border-box;}
.right-con .event ul li a:hover{ background:#eee;}
@media only screen and (max-width:675px){
	.right-con .event ul li {width:100%;}
	.right-con .event ul li a{width:100%;}
}



/*發佈日期*/
.right-con .event ul li .date{
	position: absolute; z-index:10; left:5px; top:30px;
	width:110px; height:25px; background-color:#455c97;
	font-size:0.7em; font-weight:100; line-height:25px;  text-align:center;
}
.right-con .event ul li .date-bg{
	display: block;
	position: absolute; z-index:10; left:5px; top:55px;
	width:10px ; height:10px;
	background:url(../images/event/date-bg_event.svg) no-repeat;}
@media only screen and (max-width:675px){
	.right-con .event ul li .date{ top:30px;}
	.right-con .event ul li .date-bg{ top:55px;}
}



.right-con .event li .titleimages{ position:relative;}
/*圖*/
.right-con .event li .titleimages img{ width:360px; height:272px;}
/*標題*/
.right-con .event li .titleimages .title{
	position:absolute; bottom:5px; left:0; width:360px;
	padding:10px; 
	background:rgba(0,0,0,0.63);
	font-size:0.9em;
}
@media only screen and (max-width:675px){
	.right-con .event li .titleimages img{ width:100%; height:auto;}
	.right-con .event li .titleimages .title{ position:inherit; width:100%; font-size:1.3em; padding:15px 10px;}
}


/*兩行內文*/
.right-con .event li p{
	width:360px; height:37px; font-size:0.85em; color:#333;
	overflow:hidden; text-overflow:ellipsis; padding:0 8px; box-sizing: border-box;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media only screen and (max-width:675px){
	.right-con .event li p{ width:100%; font-size:1.3em; height:20%;}
}





.event2{ 
	width:100%; min-height:40px; border-bottom:solid 1px #efefef;
	padding:10px 0; 
	color:#172a88; display:table;
}
@media only screen and (max-width:675px){
	.event2{ display:block; overflow:hidden;}
}
.event3{ /*司法實務*/
	width:100%; min-height:40px; border-bottom:solid 1px #d8d8d8;
	padding:10px 0; 
	color:#172a88; display:block;
	margin-bottom:20px;
}
@media only screen and (max-width:675px){
	.event3{ display:block; overflow:hidden;}
}


/*內頁-發佈日期*/
.event2 .date{
	width:110px; height:25px; display: inline-block; margin-right:10px;
	background-color:#455c97; color:#fff;
	font-size:0.7em; font-weight:100; line-height:25px; text-align:center;
}
@media only screen and (max-width:675px){
	.event2 .date{ display:block; margin-bottom:5px;}
}

/*內頁標題*/
.event2 h1{
	width:85%; display:table-cell; vertical-align:middle;
	font-size:1.15em; font-weight:600; color:#172a88;
}
.event3 h1{font-size:1.15em; font-weight:600; color:#000; margin-bottom:5px;}
.event3 h2{font-size:1.15em; font-weight:600; color:#172a88;}
@media only screen and (max-width:675px){
	.event2 h1{
		display:block; font-size:1.4em; font-weight:900; width:100%;
		text-align:justify; word-break: break-all;
	}
	.event3 h1,.event3 h2{font-size:1.3em;}
}


/*相片集*/
.photo-gallery{ margin:10px 0;}
.photo-gallery li{ margin:4px; display: inline-block;}
.photo-gallery img{ width:163px; height:123px;}
@media only screen and (max-width:675px){
	.photo-gallery img{ width:100%; height:auto;}
}

.video iframe{ width:100%; min-height:360px;}
@media only screen and (max-width:675px){
	.video iframe{ width:100%; min-height:360px;}
}
@media only screen and (max-width:480px){
	.video iframe{ width:100%; min-height:250px;}
}



/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
        仲裁人/調解人     
------------------------------*/




/*-----------------------------
         仲裁人名冊     
------------------------------*/
/*搜尋-標籤*/
ul.searchbar-tabs{ width:100%; height:40px;}
ul.searchbar-tabs li{
	position: relative; display:inline-block;
	line-height:40px; font-size:0.9em; margin:0 0 0 10px;
}
ul.searchbar-tabs li a {display:block; padding:0 20px;  color:#727171; background-color:#dcdddd;
	border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;
}
ul.searchbar-tabs li a:hover { background-color:#d0d1d1;}

ul.searchbar-tabs .active2 {background-color:#455c97;  color:#fff; padding:0 20px;line-height:40px; 
	border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;}
ul.searchbar-tabs li.active a{background-color:#455c97;  color:#fff;
	border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;
}
ul.searchbar-tabs li.active a:hover { background-color:#455c97;}
/*箭頭*/
.searchbar-tabs li.active:before,.searchbar-tabs li.active2:before{
	top:100%; left:50%;
	border: solid transparent;
	content: " ";
	height: 0; width: 0;
	position: absolute; z-index:10;
	pointer-events: none;
}
.searchbar-tabs li.active:before,.searchbar-tabs li.active2:before{
	border-top-color:#455c97;
	border-width: 9px;
	margin-left: -9px;
}

@media only screen and (max-width:675px){
	ul.searchbar-tabs{ height:auto;}
	ul.searchbar-tabs li {width:100%; min-height:40px; margin:0; font-size:1.1em; line-height:inherit;}
	ul.searchbar-tabs li a {padding:10px 20px; }
	
}


/*搜尋-內容*/
.searchbar-tab-center{ overflow:hidden; }
.searchbar-tab-center li{
	width:100%; border-bottom:solid 1px #f2f2f2;
	overflow: hidden;
	padding:10px 3px;
}
.searchbar-tab-center li:last-child,
.arbitrator-center li:last-child{ border-bottom:none;}



.caa-content .txt-fld{ width:100%; padding:5px 0; font-size:0.82em; overflow: hidden;}
.caa-content .txt-fld>label{ width:28%; padding-right:10px; float:left; min-height:30px; line-height:30px;}
.caa-content .txt-fld .txt-fld-c{ width:72%; float:left; }
.caa-content .txt-fld .txt-fld-c>span{ padding:0 20px 0 0; display:inline-table; line-height:30px;}

.caa-content .txt-fld input[type="checkbox"]{}
.caa-content .txt-fld input[type="text"],
.caa-content .txt-fld input[type="search"],.caa-content .txt-fld input[type="password"]{ border:solid 1px #455c97; color:#455c97; margin-right:10px;}
.caa-content .txt-fld .date input[type="text"]{width:70%}
.caa-content .txt-fld input[type="search"]{width:40%;}
/*日期*/
.caa-content .txt-fld .date{ display:block; float:left; width:45%;}
.caa-content .txt-fld .date input[type="text"]{ vertical-align: top; margin:0;}
.caa-content .txt-fld .date input[type="submit"]{
	display:inline-block; margin:5px 0;
	background:url(../images/icon/date_icon.svg) no-repeat;
	background-size: 20px 20px;
}
.caa-content .txt-fld .date span{padding:5px 0; display:inline-table; vertical-align:top;color:#455c97;}

@media only screen and (max-width:675px){
	.caa-content .searchbar-tab-center .txt-fld{}
	.caa-content .searchbar-tab-center .txt-fld>label{
		width:100%;float:none; background-color:antiquewhite; font-size:1.4em;
	}
	.caa-content .searchbar-tab-center .txt-fld .txt-fld-c{width:100%; float:none; margin-top:15px;}
	.searchbar-tab-center .txt-fld .txt-fld-c input[type="search"],
	.searchbar-tab-center .txt-fld .txt-fld-c input[type="text"]{font-size:1.3em; margin-bottom:10px;}
	.caa-content .txt-fld input[type="text"]{width:72%;float:left;}
	.caa-content .txt-fld input[type="search"]{ width:100%; }
	/*日期*/
	.caa-content .txt-fld .date{ display:block; float:left; width:100%; margin-bottom:10px;}
	.caa-content .txt-fld .date input[type="text"]{ vertical-align: top; margin:0;}
	.caa-content .txt-fld .date input[type="submit"]{display:block;float:left;width:20%;background-size:30px 30px; margin:5px;}
	.caa-content .txt-fld .date span{padding:5px 0;float:right;}
}


/*目錄*/
.TableofContents{font-size:0.82em; overflow: hidden;}
.TableofContents .title{
	width:20%; float:left; padding:30px 0;
	text-align:center;background-color:#efefef;}
.TableofContents .contents{float:left; width:80%; padding:0 0 0 20px;}
.TableofContents .contents li{display: inline-block; padding:10px;}
.TableofContents .contents li a{ color:#172a88; text-decoration: underline;}
.TableofContents .contents li a:hover{ color:#036eb8; text-decoration: none}
@media only screen and (max-width:675px){
	.TableofContents{ height:auto; font-size:1.3em;}
	.TableofContents .title{float:none;width:100%; }
	.TableofContents .contents{float:none; width:100%; padding:0px;}
}




.c-01{ color:#172a88; font-weight:600;}
/* .mail{ white-space:normal; word-break:break-all;} */
/*-----------------------------------------------------------------------------------------------------*/
/*仲裁人介紹 > 個人資料*/
.arbitrator-center li{
	width:100%; border-bottom:solid 1px #f2f2f2;
	overflow:hidden;  padding:7px 0;
}
/*-----------------------------------------------------------------------------------------------------*/
/*個人資料 用*/
.arbitrator-center .personalinfo li:nth-child(1){ border-bottom:none;}
.arbitrator-center .personalinfo li:nth-child(2){ border-bottom:solid 1px #172a88; padding-left:5px;}/*姓名*/
.arbitrator-center .personalinfo li img{width:145px; height:175px; margin:0 auto; display: block;}/*照片*/

.caa-content .arbitrator-center .personalinfo .txt-fld{ width:100%; padding:5px; font-size:0.82em;}
.caa-content .arbitrator-center .personalinfo .txt-fld>label{  width:100%; text-align:left; margin-bottom:10px;}
/*.caa-content .arbitrator-center .personalinfo li:nth-child(3) .txt-fld>label{ width:55%; float:left;}*/
.caa-content .arbitrator-center .personalinfo li .txt-fld .txt-fld-c{ width:100%;}

b{ color:#172a88;}

/*-----------------------------------------------------------------------------------------------------*/
/*其他資料 用*/
.caa-content .arbitrator-center .otherinfo .txt-fld{ width:100%; padding:5px; font-size:0.82em;}
.caa-content .arbitrator-center .otherinfo .txt-fld>label{ width:20%; float:left; text-align:center;line-height:1.3em;}
.caa-content .arbitrator-center .otherinfo .txt-fld .txt-fld-c{ width:77%; float:right; line-height:1.3em; padding:0;}
/*-----------------------------------------------------------------------------------------------------*/
/*登入 用*/
.caa-content .arbitrator-center .login .txt-fld{ width:100%; padding:5px; font-size:0.82em;}
.caa-content .arbitrator-center .login .txt-fld>label{ width:42%; text-align: left; float:left;line-height:30px;}
.caa-content .arbitrator-center .login .txt-fld .txt-fld-c{ width:58%; float:right; line-height:1.3em; padding:0;}
.caa-content .arbitrator-center .login .txt-fld img{ vertical-align: middle;}
.caa-content .arbitrator-center .login a{ text-decoration: underline;}
.caa-content .arbitrator-center .login a:hover{ text-decoration:none;}

@media only screen and (max-width:675px){
	.arbitrator-center li{ padding:14px 0;}
	.arbitrator-center .personalinfo li:nth-child(2)/*個人資料 用-姓名*/,
	.caa-content .arbitrator-center .personalinfo li:nth-child(3) .txt-fld>label/*個人資料 用-西元生日-標題*/,
	.caa-content .arbitrator-center .personalinfo .txt-fld>label/*個人資料 用*/,
	.caa-content .arbitrator-center .otherinfo .txt-fld>label/*其他資料 用*/{
		width:100%; text-align:left; margin-bottom:10px; font-size:1.4em;}
	
	.caa-content .arbitrator-center .personalinfo li .txt-fld div/*個人資料 用-西元生日-內容*/,
	.caa-content .arbitrator-center .personalinfo li .txt-fld .txt-fld-c/*個人資料 用*/,
	.caa-content .arbitrator-center .otherinfo .txt-fld .txt-fld-c/*其他資料 用*/{ width:100%; font-size:1.3em;}
	
	.caa-content .arbitrator-center .login .txt-fld>label{ width:100%; background-color: #fff;}
	.caa-content .arbitrator-center .login .txt-fld .txt-fld-c{ width:100%;}
	.caa-content .arbitrator-center .login .txt-fld .txt-fld-c input[type="text"]{ width:100%;}
}


/*-----------------------------------------------------------------------------------------------------*/
/*提醒說明*/
.note{font-size:0.8em; margin:10px 0 5px 0;}
.note2{ float:right;}/*填表說明*/
@media only screen and (max-width:675px){
	.note{ font-size:1em;}
	.note2{ width:100%; display: block; text-align: center;margin-top:10px;}
}
/*個人資料 用 上傳照片*/
.photo {}
.photo .photo_inner{padding:60px 0; box-sizing: border-box; font-size:0.8em;}
.photo .photo_inner  span{ display:block; margin:10px 0;}

.txt-fld>label span.color-red{ margin-right:6px;}/**/
/*個人資料 用 填寫資料*/
.personal{}
.personal li{width:100%;}
.personal .txt-fld{width:100%; font-size:0.82em; }
.personal .txt-fld>label{ width:20%; /*padding:8px 0;*/ display: block; float:left; cursor:default;}
.personal .txt-fld .txt-fld-c{ width:78%; float:right; color:#555; font-size:0.93em;}
.personal .txt-fld .txt-fld-c>span{ display:inline-block;}
/**/

.personal .txt-fld .paddingtop>span{ padding:0 30px 0 0; line-height:36px}}
.personal .txt-fld .txt-fld-c>span.select{float:left; margin:4px 0;}
.caa-content .txt-fld .txt-fld-c>span.select{float:left; margin:4px 0;}
/*
.personal .txt-fld>.txt-fld-c span input[type="checkbox"]{ float:left; margin:3px 6px 3px 0;}
.personal .txt-fld>.txt-fld-c span.app-category{ width:100%; overflow: hidden; text-align:justify;}
.personal .txt-fld>.txt-fld-c span.app-category input[type="checkbox"]{vertical-align:middle;height:auto;}
.personal .txt-fld>.txt-fld-c span label>span{ float:left; display:block; width:94%; line-height:1.5em;}
*/

.size-xs{ width:10%;}
.size-s{ width:25%;}
.size-m{ width:50%;}
.size-l{ width:70%;}
.size-xl{ width:100%;}
.personal .txt-fld .txt-fld-c input[type="text"],select{
	border:solid #abb8d3 1px; outline:none;
	background-color:transparent;
	padding:6px; 
	color:#000; font-size:1em;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	min-height:30px; height:30px;
}

@media only screen and (max-width:675px){
	.personal .txt-fld>label{width:100%; text-align:left; margin-bottom:10px; font-size:1.5em;}
	.personal .txt-fld .txt-fld-c{ width:100%; font-size:1.2em;}
	.personal .txt-fld .txt-fld-c>span{ display:block; width:100%;text-align:left; margin-right: 0;}
	.personal .txt-fld>.txt-fld-c span.app-category span{
		display:block; font-size:1em; margin-bottom:15px; width:100%;}
	
	.personal .txt-fld .txt-fld-c input[type="text"],select{width:100%; height:40px; margin-bottom:10px;}
	.personal .txt-fld .txt-fld-c>span.select{ display:block;width:100%; padding:0}
}
	

/*--------------------------------------
    仲裁人&調解人 申請> 填表說明popup
--------------------------------------*/
body{min-height:100%;}
.popup-wrap{
	padding:10px; width:70%; position:relative; display:none;
    height: auto;
}
.popup{
	height:400px;
	box-shadow: 0 0 10px #000;
	background:#fff; padding:40px 50px; overflow-y:auto;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
}
#close{
	display:block; position:absolute; right:0px; top:0px; z-index:9999999; width:35px; height:35px;
	background: url(../images/icon/close_icon.svg) no-repeat center; background-size:29px 29px;
	text-indent:-9999px;
	background-color: #fff;
	border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px;
}
@media only screen and (max-width:675px){
	.popup-wrap{width:95%; top:0; padding:30px 10px;}
	.popup{padding:10px}
	#close{left:45%;top:0px;width:60px; height:60px; background-size:38px 38px;}
}


/*-----------------------------------------------------------------------------------------------------*/
/*搜尋-結果類別*/
.searchResults-category p img{ display:inline-block; width:13px; height:13px; margin:2px 4px 0 0;}
.searchResults-category p{ text-indent:0; font-size: 0.7em;}


.searchResults-content{ display:table; width:100%; margin-bottom:50px;}
.searchResults-content ul{ display:table-row; width:100%;}
.searchResults-content ul:nth-child(even){ background-color:#f7f8f8;}
.searchResults-content ul li{	display:table-cell;text-align:center;vertical-align:middle;  border:solid 1px #efefef;} 
.searchResults-content ul li a{ 
	display:table-cell;text-align:center; width:128px; 
	color:#172a88; padding:10px 20px; font-size:0.91em;
}
.searchResults-content ul li a:hover{ color:#036eb8; text-decoration: underline; font-size:0.91em;}
@media only screen and (max-width:675px){
	.searchResults-content ul:nth-child(even){ background-color:#fff;}
	.searchResults-content ul li{ display:inline-block; width:100%; font-size:1.3em;}
	.searchResults-content ul li a{ display:inline-block; padding:10px 20px;}
}


/*  仲裁服務-->試算 */
.ExpenseOnArbitration p{ text-indent:0; font-size: 0.7em;}


.ExpenseOnArbitration-content{ position: relative;display:table; width:100%;text-align:right; }
.ExpenseOnArbitration-content .theader{  display:table-header-group; text-align:center; color:#fff;}
.ExpenseOnArbitration-content .theader ul li:nth-child(1),
table .y{background-color:#f8b62d;}
.ExpenseOnArbitration-content .theader ul li:nth-child(2),
.ExpenseOnArbitration-content .theader ul li:nth-child(3),
table .b{background-color:#455c97;}
.ExpenseOnArbitration-content .theader ul li:nth-child(n+4),
table .bk
{background-color:#595757;}

.ExpenseOnArbitration-content .theader .caption{ display:table-caption;}
.ExpenseOnArbitration-content .theader .cell{ display:table-cell;}
.ExpenseOnArbitration-content .theader .column{ display:table-column-group;}
.ExpenseOnArbitration-content .theader .row{ display:table-row;}
.ExpenseOnArbitration-content .theader .col { display: table-column }

.aa{ width: 100%;}

.group {display: table-row-group; }

.ExpenseOnArbitration-content .theader .rowspanned {
   text-align: center;
  width: 100%;
}
.ExpenseOnArbitration-content .theader .rowspanned2 {
 text-align: center; vertical-align: middle;
  width:103px; height:70px;
}
.ExpenseOnArbitration-content .theader .empty{
  background-color: none; border-top:none;
  width: 100px;
}

.ExpenseOnArbitration-content ul{ display:table-row; width:100%;}
.ExpenseOnArbitration-content ul:nth-child(even){ background-color:#f7f8f8;}
.ExpenseOnArbitration-content ul li{
	display:table-cell;border:solid 1px #efefef;
	padding:10px 15px; font-size:0.9em;
}
@media only screen and (max-width:675px){
	.ExpenseOnArbitration-content,
	.ExpenseOnArbitration p{display: none;}
	.ExpenseOnArbitration-content ul li{font-size:1.3em;}
}

/*table*/
.ExpenseOnArbitration-content table{ width:100%; vertical-align: middle;}
.ExpenseOnArbitration-content table thead{color:#fff;  text-align: center; }
.ExpenseOnArbitration-content table tbody{color:#333; text-align: right;}
.ExpenseOnArbitration-content table td{ display:table-cell;border:solid 1px #efefef;
	padding:10px 15px; font-size:0.9em;}
.ExpenseOnArbitration-content table tr:nth-child(even){ background-color:#f7f8f8;}



/*  仲裁服務-->本會判斷書查詢 */
.judgment-content{ display:table; width:100%; border:none;}
/*th*/
.judgment-content .theader{display:table-header-group; text-align:center; color:#595757;}
.judgment-content .theader>ul li{ border-bottom:solid 1px #dcdddd; background-color:#fff;}
@media only screen and (max-width:675px){
	.judgment-content .theader{display:none;}
}
/*td*/
.judgment-content .contents{ display:table-row-group;}
.judgment-content ul{ display:table-row; width:100%;}
.judgment-content ul:nth-child(odd){ background-color:rgba(46, 167, 224, 0.1);}
.judgment-content ul:hover{ background-color:#efefef;}
.judgment-content ul li{display:table-cell;padding:15px; font-size:0.82em;}
.judgment-content .contents ul li:nth-child(3){color:#ea5514;}
.judgment-content .contents ul li:nth-child(4){ text-align:center;}
@media only screen and (max-width:675px){
	.judgment-content ul li{display:block;font-size:1.3em;padding:15px 5px;}
	/*th*/
	.judgment-content .contents{}
	.judgment-content .contents ul{}
	.judgment-content .contents ul li:before{
		width:100px;display:block; width:50%;
		content:"";color:#333;background-color:#efefef; padding:5px 10px; margin-bottom:5px;
	}
	.judgment-content ul:nth-child(odd){ border-bottom:solid 3px #dcdddd;}
	.judgment-content .contents ul{display:block; border-bottom:solid 1px #dcdddd; }
	.judgment-content .contents ul li{ background-color:#fff; }
	.judgment-content .contents ul li:nth-child(1):before{ content:"案號";}
	.judgment-content .contents ul li:nth-child(2):before{ content:"當事人";}
	.judgment-content .contents ul li:nth-child(3):before{ content:"案由";}
	.judgment-content .contents ul li:nth-child(4):before{ content:"判斷日期";}
	.judgment-content .contents ul li:nth-child(4){ text-align:left;}
	
	
	.practice .contents ul li:nth-child(1):before{ content:"案號";}
	.practice .contents ul li:nth-child(2):before{ content:"主旨";}
	
}

/*a*/
.judgment-content a{color:#172a88; text-decoration: underline;}
.judgment-content a:hover{color:#036eb8;}




/*-----------------------------
    仲裁人&調解人 申請登記按鈕
------------------------------*/
.Application{ clear: both;}
.Application li{
	text-align:center;
	display:inline-block; width:350px; box-sizing: border-box;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#41568e+0,303f68+100 */
background: rgb(65,86,142); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(65,86,142,1) 0%, rgba(48,63,104,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,86,142,1)), color-stop(100%,rgba(48,63,104,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(65,86,142,1) 0%,rgba(48,63,104,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(65,86,142,1) 0%,rgba(48,63,104,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(65,86,142,1) 0%,rgba(48,63,104,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(65,86,142,1) 0%,rgba(48,63,104,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41568e', endColorstr='#303f68',GradientType=0 ); /* IE6-9 */
}

.Application a{ position:relative; margin-bottom:5px;
	display:block; width:100%; padding:20px 0; text-align: center;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	background: rgba(69, 92, 151, 0.7);
	
}
.Application a:hover{ background-color:#314679;}
.Application a h1{font-size:2em; font-weight:800;}
.Application a p{font-size:0.8em; margin-bottom:5px; color:#fff;}
/*logo背景*/
.Application a:before{position: absolute; content:''; display:block;
	background-image:url(../images/logo/CAAlogo-01.svg); background-position:0 -4px;
	opacity:0.06; width:100%; height:100%;
	transition:background-position .3s ease-in; 
}
.Application a:hover:before{ background-position:-80px -100px;}

@media only screen and (max-width:675px){
	.Application{width:100%:}
	.Application ul li{ margin-bottom:10px; width:100%:}
	.Application ul li a{width:100%:}
}








/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
      仲裁服務 > 費用試算    
------------------------------*/
.caa-content .results-m .txt-fld label{ width:100%;}
.caa-content .results-m .txt-fld .txt-fld-c{ width:100%; margin:5px 0;}
.caa-content .results-m .txt-fld .txt-fld-c input{ width:100%;}



.results{ overflow: hidden; float:right; font-size:0.9em; width:50%; margin:20px 0 0 0 ;}
.results ul{ overflow: hidden; margin-left:20px;}
.results li{display:block; float:left; width:100%;padding:10px; }
.results li:nth-child(even){}
.results li:nth-child(4){border-top:solid 1px #999;background-color: #e8e6e6;}
.results li .name{ display:inline-block; width:45%; padding:0 0 0 20px;}
.results li .money{ display:inline-block; width:50%; text-align: right; color:#c30d23; font-weight:800;}
@media only screen and (max-width:675px){
	.results {width:100%; }
	.results ul{ margin-left:0px;}
	.results li{ width:100%;font-size:1.3em;}
	.results li .name{ display:block; width:100%; margin-bottom: 10px; padding:0;}
	.results li .money{  display:block; width:100%; text-align: left;}
}


/*-----------------------------
      仲裁/調解 程序圖片    
------------------------------*/
/*仲裁程序*/
.caa-content .program_a-img{
	display: block; background-image: url(../images/other/program_a.png);
	width:724px; height: 1106px;
}
/*調解程序*/
.caa-content .program_f-img{
	display: block; background-image: url(../images/other/program_f.png);
	width:724px; height: 1106px;
}


.tablewrapper {
  position: relative;
}
.table {
  display: table;
}
.row {
  display: table-row;
}
.cell {
  border: 1px solid red;
  display: table-cell;
}
.cell.empty
{
  border: none;
  width: 100px;
}
.cell.rowspanned {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
}

.cell.empty2
{
  border: none;
}
.cell.colspan {
  position: absolute;
  left: 0;
  right: 0;
  width: 300px;
}



/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
      仲裁服務 > 仲裁101問  
------------------------------*/
.question101{}
.question101 li{ width:100%; padding:10px; border-bottom:solid 1px #dcdddd; color:#172a88;}
.question101 li a{ color:#172a88; width:100%;}
.question101 li a:hover{ color:#036eb8; text-decoration: underline;}
@media only screen and (max-width:675px){
	.question101 li a{ font-size: 1.3em;}
}


/*收合內容*/
.qa101{padding:0 10px 0 30px; font-size:0.9em; text-align: justify;}
.qa101 p{}
.qa101 li{}




/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
      司法實務
------------------------------*/
.practice-con{padding:30px 20px;}
.practice-con .list2{ padding:0 20px; border-bottom:solid 1px #efefef;}
.practice-con .list2 span{ margin-bottom:20px;}
@media only screen and (max-width:675px){
	.practice-con .list2{ padding:0 0 20px 0; border-bottom:solid 1px #efefef;}
}



/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
             出版品
------------------------------*/
.publications2{ overflow: hidden;}
@media only screen and (max-width:675px){
	.publications2{ margin-top:5px;}
}


/*郵政劃撥*/
.publications2 .account-number{ float:left; color:#172a88; font-size:0.8em;}
.publications2 .account-number ul li{ display:inline-block;}
.publications2 .arrow ul li{ padding:8px 10px;}
@media only screen and (max-width:675px){
	.publications2 span{ line-height:2em;}
	.publications2 .account-number{font-size:1em;}
	.publications2 .arrow ul li{}
}


/*模式*/
.publications2 .mode{ float:right; font-size:0.9em; margin-top:23px;}
.publications2 .mode li{ display:inline-block;  margin-left:15px;}
.publications2 .mode li:before{
	display:inline-block; content: " ";
	width:21px; height:16px;
	background-size:200%;
	background-image: url(../images/icon/list_icon.svg);
	background-repeat: no-repeat;}
.publications2 .mode li:nth-child(1):before{ background-position:;}
.publications2 .mode li:hover:nth-child(1):before,
.publications2 .mode li.foucs:nth-child(1):before,
.publications2 .mode li.foucs a{ background-position:100% 0%;}
.publications2 .mode li:nth-child(2):before{ background-position:0 100%;}
.publications2 .mode li:hover:nth-child(2):before,
.publications2 .mode li.foucs:nth-child(2):before{ background-position:100% 100%;}

.publications2 .mode a{ color:#727171; vertical-align:top;}
.publications2 .mode a:hover,
.publications2 .mode .foucs a{ color:#172a88; font-weight:900;}
@media only screen and (max-width:675px){
	.publications2 .mode{ font-size:1.1em; margin-top:18px;}
	.publications2 .mode li{ margin-left:25px;}
	.publications2 .mode li:before{ margin-right:4px;}
}


.pdlist{ display:table; width:100%; padding:10px; background-color:#efefef; }
.pdlist ul{ }
.pdlist ul li{ display:table-cell;}
@media only screen and (max-width:675px){
	.pdlist{ display:inline-block; padding:5px;}
	.pdlist ul li{ display:block;}
}
/*.pdlist ul:nth-child(1){ border-bottom:solid 1px #999; color:#999;}
.pdlist a ul:nth-child(n+2){ border-bottom:solid 1px #dcdddd;}
*/

/*清單模式*/
.list01{ line-height:30px; font-size:0.9em; padding:20px 30px;}
.list01 ul li{ padding:5px 10px;}
.list01 ul li:nth-child(1){ display:none;}
.list01 ul li:nth-child(2){ width:480px;}
.list01 ul li:nth-child(3){ width:130px; font-size:0.85em;}
.list01 ul li:nth-child(4){ width:100px; font-size:0.85em;}

/*th*/
.list01>ul{ border-bottom:solid 1px #999; color:#999;font-size:0.78em;}
.list01>ul>li:nth-child(2){ text-align: center;}

.list01 a { position:relative;color:#333;}
.list01 a li{ border-bottom:solid 1px #dcdddd;}
.list01 a{}
.list01 a:hover{ color:#172a88; text-decoration:underline;}
.list01 a li:nth-child(2){ font-weight:900;}

.list01 a li:nth-child(2):before{
	top:16px; left:0px;
	border: solid transparent;
	content: " ";
	height: 0; width: 0;
	position: absolute; z-index:10;
	pointer-events: none;
	
	border-left-color:#c9caca;
	border-width: 4px;
}

@media only screen and (max-width:675px){
	.list01{line-height:20px; width:100%; padding:10px 12px;}
	.list01 ul{border-bottom:solid 1px#dcdddd; padding:10px 0;}
	.list01 ul li{}
	.list01 ul li:nth-child(2){ width:inherit; font-size:1.3em; display:block;}
	.list01 ul li:nth-child(3){ width:inherit; font-size:0.9em; display:inline-block;}
	.list01 ul li:nth-child(4){ width:inherit; font-size:0.9em; display:inline-block;}
	
	/*th*/
	.list01>ul{ border-bottom:solid 1px #999; color:#999;font-size:0.9em; line-height: 1em;}
	.list01>ul>li:nth-child(2){ text-align:left;}
	
	.list01 a li{ border-bottom:none;}
	.list01 a li:nth-child(2):before{top:18px;}
}

/*圖片模式*/
.list02{line-height:30px; font-size:0.8em;}
.list02 ul li{ display: block;overflow:hidden;}
.list02 ul li:nth-child(1){ padding:10px 10px 0 10px; height:auto;}
.list02 ul li:nth-child(2){ padding:0 13px 10px 13px; line-height:1.2em; min-height:50px;}
.list02 ul li:nth-child(3),
.list02 ul li:nth-child(4),.list02>ul{ display: none;}

.list02 a{
	overflow:hidden; display:inline-block; vertical-align: top;
	width:146px; color:#333;
}
.list02 a:hover li{ background-color:#455c97;}
.list02 a:hover li:nth-child(2){ color:#fff;}
.list02 a img{ width:126px; text-align: center;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
   /* IE10-specific styles go here */
	.list02 ul li:nth-child(1){ padding:8px 10px 0 8px; }
	.list02 a{width:146px;}
	.list02 a img{ width:127px; text-align: center;}
}

@media only screen and (max-width:675px){
	.list02{font-size:1.2em;}
	.list02 a{width:49%;}
	.list02 a img{ width:100%;}
}



/*清單模式
.list01{ line-height:30px; font-size:0.9em; padding:20px 30px;}
.list01 ol.pdlist-book>li{ padding:5px 10px;}
.list01 ol.pdlist-book>li:nth-child(1),
.list01 ol.pdlist-book>li figure{ display:none; width:0;}

.list01 ol.pdlist-book>li:nth-child(2){ width:480px;}
.list01 ol.pdlist-book>li:nth-child(3){ width:130px; font-size:0.85em;}
.list01 ol.pdlist-book>li:nth-child(4){ width:100px; font-size:0.85em;}
*/
/*th
.list01 ol.th{ border-bottom:solid 1px #999; color:#999;font-size:0.78em;}
.list01 ol.th>li{ padding:5px 10px;}
.list01 ol.th>li:nth-child(2){ text-align:center; width:480px;}
.list01 ol.th>li:nth-child(3){ width:130px;}
.list01 ol.th>li:nth-child(4){ width:100px;}

.list01>a { position:relative;color:#333;}
.list01>a li{ border-bottom:solid 1px #dcdddd;}
.list01>a{}
.list01>a:hover{ color:#172a88; text-decoration:underline;}
.list01>a ol.pdlist-book>li:nth-child(2){ font-weight:900;}
.list01>a ol.pdlist-book>li:nth-child(2):before{
	top:16px; left:0px;
	border: solid transparent;
	content: " ";
	height: 0; width: 0;
	position: absolute; z-index:10;
	pointer-events: none;
	
	border-left-color:#c9caca;
	border-width: 4px;
}

@media only screen and (max-width:675px){
	.list01{line-height:20px; width:100%; padding:10px 12px;}
	.list01 ol.pdlist-book {border-bottom:solid 1px#dcdddd; padding:10px 0;}
	.list01 ol.pdlist-book>li:nth-child(1){display:none;}
	.list01 ol.pdlist-book>li:nth-child(2){ width:inherit; font-size:1.3em; display:block;}
	.list01 ol.pdlist-book>li:nth-child(3){ width:inherit; font-size:0.9em; display:inline-block;}
	.list01 ol.pdlist-book>li:nth-child(4){ width:inherit; font-size:0.9em; display:inline-block;}
	
	
	.list01>ol.pdlist-book{ border-bottom:solid 1px #999; color:#999;font-size:0.9em; line-height: 1em;}
	.list01>ol.pdlist-book>li:nth-child(2){ text-align:left;}
	
	.list01 a li{ border-bottom:none;}
	.list01 a li:nth-child(2):before{top:18px;}
}


.list02{ line-height:30px; font-size:0.8em;}
.list02 ol.pdlist-book>li{ display: block; }
.list02 ol.pdlist-book>li:nth-child(1),
.list02 ol.pdlist-book>li>figure{ display:block; padding:10px 10px 0 10px; height:auto;}
.list02 ol.pdlist-book>li:nth-child(2){ padding:0 13px 10px 13px; line-height:1.2em; min-height:50px;}
.list02 ol.pdlist-book>li:nth-child(3),
.list02 ol.pdlist-book>li:nth-child(4),.list02>ol.th{ display: none;}

.list02 a{
	overflow:hidden; display:inline-block; vertical-align: top;
	width:150px; color:#333;
}
.list02 a:hover li{ background-color:#455c97;}
.list02 a:hover li:nth-child(2){ color:#fff;}
.list02 a img{ width:130px; text-align: center;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
   
	.list02 ul li:nth-child(1){ padding:8px 10px 0 8px; }
	.list02 a{width:146px;}
	.list02 a img{ width:127px; text-align: center;}
}

@media only screen and (max-width:675px){
	.list02{font-size:1.2em;}
	.list02 a{width:49%;}
	.list02 a img{ width:100%;}
}




.book {
	position: relative;
	width:95px;
	height:135px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;	
}
@media only screen and (max-width:675px){
	.book { width:125px; height:165px; margin: 0 auto;}	
}
@media only screen and (max-width:480px){
	.book { margin:0 0 0 10%;}	
}

*/


/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
        出版品  >  內容
------------------------------*/
.publications2-con{}

/*書本封面圖片*/
.book-img{ float: left; width:30%;}
/*書本資訊*/
.book-info{ float: left; width:67%; margin-left:15px;}
.book-info h1{ font-size:1.4em; padding:10px 0; margin:0 0 0 10px 0; border-bottom:solid 1px #dcdddd;}
@media only screen and (max-width:675px){
	.book-img{ float:inherit; width:50%;}
	.book-info{ float:inherit; width: 100%; margin-left:0;}
}

/*日期＋價格*/
.book-info ul{
	display:table; font-size:0.9em; color:#6d6d6d;
	border-collapse:separate;
  	border-spacing:5px 0px;
}
.book-info li{
	display:table-cell; vertical-align: middle; text-align: center;
	min-width:170px; height:65px;
	border:solid 1px #dcdddd; background-color: #fff;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
	box-shadow: 0 1px 1px #ddd;
}
.book-info li:nth-child(1):before{ content:"出版日期：";}
.book-info li:nth-child(2):before{ content:"定價：NT$ ";}

.book-info p{ margin-top:15px;}
@media only screen and (max-width:675px){
	.book-info p{ font-size: 1.1em;}
	.book-info li{ min-width:100%; padding:0 15px;}
}


/*書本內容 slides*/
#book-pages{ position: relative; width:100%; height:760px; }
.book-pages_inner{padding:40px 135px; height:760px;}
.book-pages_inner img{ width:500px; box-shadow: 0 0 6px #ddd;}
@media only screen and (max-width:675px){
	#book-pages{  height:auto;}
	.book-pages_inner{ padding:10px 18px; margin:5px 0;}
	.book-pages_inner img{ width:100%; height:auto;}
}


/*左右按鈕*/
#book-pages .slidesjs-navigation {margin-top:250px;}
#book-pages .slidesjs-previous {
	position:absolute; top:57px; left:20px; z-index:100;
	width:44px; height:126px; display:block;
	background:url(../images/icon/arrrow-book_icon.png) top left;
	-webkit-transition:none;
	transition:none;
}
#book-pages .slidesjs-previous:hover {
	background:url(../images/icon/arrrow-book_icon.png) bottom  left;
}

#book-pages .slidesjs-next {
	position:absolute; top:58px; right:20px; z-index:100;
	width:44px; height:126px;  display:block;
	background:url(../images/icon/arrrow-book_icon.png) top right;
	-webkit-transition:none;
	transition:none;
}
#book-pages .slidesjs-next:hover {
	background:url(../images/icon/arrrow-book_icon.png) bottom right;
}
@media only screen and (max-width:675px){
	#book-pages .slidesjs-navigation {display:none;}
}

#book-pages .slidesjs-pagination{ position:absolute; z-index:101; top:15px;}
#book-pages .slidesjs-pagination li{ float:left; margin: 0 2px;}
#book-pages .slidesjs-pagination li a{
		display:inline-block; overflow: hidden; padding-top:12px;
	width:12px; height:0;
	background-image: url(../images/banner/pagination/pagination.png);
	background-position: 0 0;
}
#book-pages .slidesjs-pagination li a.active,
#book-pages .slidesjs-pagination li a:hover.active { background-position: 0 -12px}

@media only screen and (max-width:675px){
	.slidesjs-pagination{display: none;}
}




/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
            仲裁季刊
------------------------------*/
.tablebox  a li{
	display:inline-block; width:168px; height:65px; padding:16px 20px; margin:5px 2px;
	background:#fff; color:#172a88;
	border:solid 1px #dcdddd;
	box-shadow:0 2px 1px #ddd;
	font-size:1.4em; font-weight:900;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
}
.tablebox  a:hover li{ color:#036eb8; border:solid 1px #455c97;box-shadow:none;}
@media only screen and (max-width:675px){
	.tablebox  a li{width:100%; overflow:hidden; margin:0; font-size:1.5em;}

}

/*
.quarterly li:before{ content:"第"; font-size:0.6em; font-weight:100; }
.quarterly li:after{ content:"期目錄"; font-size:0.6em; font-weight:100;}

.a-news li:before{ content:"第"; font-size:0.6em; font-weight:100; }
.a-news li:after{ content:"期仲裁報"; font-size:0.6em; font-weight:100; }

.newsletter li:before{ content:"第"; font-size:0.55em; font-weight:100; }
.newsletter li:after{ content:"期Newsletter"; font-size:0.55em; font-weight:100; }
*/


/*圖片*/
.tablebox2{line-height:30px; font-size:0.8em;}
.tablebox2ul li{ display: block;overflow:hidden;}
.tablebox2 ul li:nth-child(1){ padding:10px 10px 0 10px; height:auto;}
.tablebox2 ul li:nth-child(2){ padding:5px 13px 10px 13px; line-height:1.2em; min-height:50px;}

.tablebox2 a{
	overflow:hidden; display:inline-block; vertical-align: top;
	width:138px; color:#333;
}
.tablebox2 a:hover li{ background-color:#455c97;}
.tablebox2 a:hover li:nth-child(2){ color:#fff;}
.tablebox2 a img{ width:119px; text-align: center;}


/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------
            兩岸仲裁
------------------------------*/

/*搜尋-內容*/
.searchbar-tab-center .cta li{
	display: inline-block;
	width:49%; border-bottom:solid 1px #f2f2f2;
	overflow: hidden;
	padding:3px;
}
.caa-content .cta .txt-fld{ width:100%; padding:5px 0; font-size:0.82em; overflow: hidden;}
.caa-content .cta .txt-fld>label{ width:40%; padding-right:10px; float:left; min-height:30px; line-height:30px;}
.caa-content .cta .txt-fld .txt-fld-c{ width:50%; float:left; }

.cta select{
	border:solid #455c97 1px; outline:none;
	background-color:transparent;
	padding:0; margin:0; 
	color:#000; font-size:1em; min-height:30px; line-height:30px;
}
.cta span.select{ margin:0px 0}

@media only screen and (max-width:675px){
	.searchbar-tab-center .cta li{ display:block; width:100%;}
	.caa-content .cta .txt-fld>label{ width:100%; background-color:#fff;  min-height:20px; line-height:20px; padding-right:0px;}
	.caa-content .cta .txt-fld .txt-fld-c{ width:100%;}
	.cta select{ min-width:100%;}
	.cta input[type="text"]{ min-width:100%;}
}



/*兩岸仲裁-搜尋清單*/
.cta-list{ font-size:0.9em;}

.cta-list ul{ display:inline-block; width:100%;}
.cta-list ul li{ overflow: hidden; padding-bottom:5px; font-weight:900;}
.cta-list a{
	width:100%; display:inline-block;  padding:12px 30px;
	border-bottom:solid 1px #efefef; color:#172a88; 
}
.cta-list a:hover li{ color:#036eb8; text-decoration:underline;}

.cta-list .name{
	display:inline-block; width:80px;
	background-color:#efefef; color:#333;font-size:0.8em;
	padding:4px 6px; margin-right:5px; text-align: center;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
}

@media only screen and (max-width:675px){
	.cta-list{ font-size:1.3em;}
	.cta-list a{ padding:12px 0px;}
}



.cta-con p{ text-indent:2em; font-size:1.1em; line-height:1.7em;}

.author{ display:inline-block;}
.author .name{
	display:inline-block;
	background-color:#dcdddd; color:#333;font-size:0.8em; margin:0 0 0 5px;
	padding:6px 15px; margin-right:5px; text-align: center;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px;
}
@media only screen and (max-width:675px){
	.cta-con{ padding:15px;}
	.cta-con p{font-size:0.9em; line-height:1.5em;}
	.author{ width:100%;}
	.author .name{
		display:inline-block; float:left; width:48%; text-align:left;
		font-size:1em;  margin:0 5px 5px 0;
	}
}



/*----推薦大陸地區仲裁人名冊----*/
.recommend{ width:100%;}
.recommend>table{ width:770px; -webkit-overflow-scrolling: touch; border:1px solid #efefef; font-size:0.91em; }
.recommend>table a{ color:#172a88;}
.recommend>table a:hover{ color:#036eb8;}
.recommend>table tr:nth-child(odd){ background:#f7f8f8;}
.recommend>table tr:nth-child(1){ background:#efefef;}
.recommend>table td{ border:1px solid #efefef; padding:10px 20px;}
.recommend>table td:nth-child(1){ width:130px;}
.recommend>table td:nth-child(2){ width:185px;}
.recommend>table td:nth-child(3){ width:185px;}
.recommend>table td:nth-child(4){ width:270px;}











/*-------------------------

         lightbox

-------------------------*/
/* ---------------------
           共用
---------------------- */
.modal{ background-color: transparent;}


/*背景底色*/
.modal-backdrop {
  position: fixed;
  top: 0; right: 0;
  bottom: 0; left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}



.modal-open .modal {
  overflow-x: auto;
  overflow-y: auto;
}
.modal .modal-content {
	position: relative;
	background-color: transparent;
	border-radius: 0px;
   /* border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box; */
  outline: 0;
}

.style-box .modal-dialog{
	min-width: 970px;
}


.style-box .modal-content{
    min-width: 970px;
    border: none;
    background-color: transparent;
}
.style-box .modal-body{
    padding: 0;
    
}

@media only screen and (max-width:675px){
	.style-box .modal-dialog{
		 min-width:auto;width: auto;
		margin: 10px;
	}
	
	.style-box .modal-content{
    	min-width: 100%;width: 100%;
	}
}

/* 關閉按鈕 */

.style-box .close{
    position: absolute; right:-55px; top: -5px; z-index: 10;
	font-size:4em;  color:#ddd;
	font-family:'Noto Sans TC';  font-weight:100;
	text-shadow: none;
    background-color: transparent;
    opacity: 1;
    cursor: pointer;
	transition:all ease-in-out 0.2s;
	border: none;
}
.style-box .close:hover{ color: #999;}


.style-box-1 .close{
    position: absolute; right:-75px; top: 0px; z-index: 10;
}

@media only screen and (max-width:675px){
	.style-box .close{
		font-size:3.4em; 
    	position: absolute; right:0; top: 0; z-index: 10;
	}
}





/**/
.Fees-tab{
	min-width: 100%;
	font-size:0.8em;font-weight: 400;
	font-family:'Noto Sans TC';
	border: solid 1px #ddd;
	margin-bottom: 20px;
	text-align: left;
}
.Fees-tab .tr{ min-width: 100%; border-bottom: solid 1px #eee; }
.Fees-tab .tr:nth-child(even){background-color: #ededed;;}
.Fees-tab .th{
	background-color:#172a88; color: #fff;
	padding: 5px;
}
.Fees-tab .th:nth-child(1),
.Fees-tab .td:nth-child(1){
	width: 39%;
	border-right: solid 1px #eee; 
	margin-right: -3px;
}
.Fees-tab .th:nth-child(2),
.Fees-tab .td:nth-child(2){
	width: 60%;
}
.Fees-tab .td{
	width: 50%; display: inline-block;
	color: #333;
	padding: 2px 5px;
}

@media only screen and (max-width:675px){
	.Fees-tab .tr:nth-child(1){ display: none;}
	.Fees-tab .tr{  border-bottom: solid 2px #000;}
	
	.Fees-tab .tr:nth-child(even){background-color: #fff;}
    .Fees-tab .td:nth-child(1){
		background-color: #ededed;;
	}
	.Fees-tab .td{
		position: relative;
		min-width:100%;
		
		margin-right: 0;
		padding: 2% 0 3% 30%;
}
	.Fees-tab .td:nth-child(1){
		border-bottom: solid 2px #eee; 
		border-right: none; 
	}
	.Fees-tab .td:before{
		position: absolute; left: 0; top:0;
		width: 28%; min-height: 100%;
		background-color:#455c97; color: #ccc;
		font-size:0.58em; line-height: 1em;
		padding: 4px;
		box-sizing: border-box;
	}
	.fees-en .td:nth-child(1):before{
		content: "Amount in Dispute (in USD)";
	}
	.fees-en .td:nth-child(2):before{
		content: "Administrative Fees (in USD)";
	}
	.fees-cn .td:nth-child(1):before{
		content: "爭議金額（美金）";
	}
	.fees-cn .td:nth-child(2):before{
		content: "管理費用（美金）";
	}
	
}




.Fees-tab2{
	display:table;
	min-width: 100%;
	font-size:0.76em;font-weight: 400;
	font-family:'Noto Sans TC';
	border: solid 1px #ddd;
	margin-bottom: 20px;
	text-align: left;
}

.Fees-tab2 .tr{ min-width: 100%;height: 100%; display:table-row;border-bottom: solid 1px #eee; }
.Fees-tab2 .tr:nth-child(even){background-color: #ededed;;}


.Fees-tab2 .th-title{
	background-color:#172a88; color: #fff;
	padding: 5px;
    min-width: 50%;
    margin-right: -3px;
    text-align: center;
	
}


.Fees-tab2 .th{
    background-color:#455c97; color: #fff;
	padding: 5px;
}
.Fees-tab2 .td{
	width: 25%; display:table-cell;
	color: #333;
	padding: 2px 5px;
	height: 100%;
}



.Fees-tab2 .th:nth-child(1),
.Fees-tab2 .td:nth-child(1){
	width: 21%; height: auto;
border-right: solid 1px #eee; 
	margin-right: -3px;
}

.Fees-tab2 .th:nth-child(3),
.Fees-tab2 .td:nth-child(3){
	width: 18%; height: auto;
	border-right: solid 1px #eee; 
	margin-right: -3px;
}

.Fees-tab2 .th:nth-child(2),
.Fees-tab2 .td:nth-child(2){
	width: 29%; min-height: auto;
    border-right: solid 1px #eee; 
	margin-right: -3px;
}

.Fees-tab2 .th:nth-child(4),
.Fees-tab2 .td:nth-child(4){
	width: 32%; 
    border-right: solid 1px #eee; 
	margin-right: -3px;
}





@media only screen and (max-width:675px){
	.Fees-tab2 .tr:nth-child(1),
    .Fees-tab2 .tr:nth-child(2){ display: none;}
	.Fees-tab2 .tr{  border-bottom: solid 2px #000;}
	
	

	.Fees-tab2 .td{
		position: relative;
		min-width:100%;
		margin-right: 0;
		padding: 2% 0 3% 39%;
}
	.Fees-tab2 .td:nth-child(2){
		border-bottom: solid 2px #eee; 
		border-right: none; 
	}
    .Fees-tab2 .td:nth-child(odd){
		background-color: #ededed;
	}
	.Fees-tab2 .td:after{
		position: absolute; left: 15.5%; top:0;
		width: 22%; min-height: 100%;
		background-color:#455c97; color: #ccc;
		font-size:0.5em; line-height: 1em;
		padding: 4px;
		box-sizing: border-box;
	}
	.Fees-tab2 .td:nth-child(1):after{
		content: "Amount in Dispute (USD)";
	}
	.Fees-tab2 .td:nth-child(2):after{
		content: "Arbitrator’s Fees (USD)";
	}
	.Fees-tab2 .td:nth-child(3):after{
		content: "爭議金額（美金）";
	}
	.Fees-tab2 .td:nth-child(4):after{
		content: "管理費用（美金）";
	}
	
    
    .Fees-tab2 .td:before{
		position: absolute; left: 0; top:0;
		width: 15.3%; min-height: 100%;
		background-color:#172a88; color: #fff;
		font-size:0.5em; line-height: 1em;
		padding: 4px;
		box-sizing: border-box;
	}
    .fees-encn .td:nth-child(1):before{
		content: "Minimum Amount";
	}
    .fees-encn .td:nth-child(2):before{
		content: "";
	}
	.fees-encn .td:nth-child(3):before{
        content: "最低金額";
	}
    .fees-encn .td:nth-child(4):before{
		content: "";
	}
    
    
    .fees-encn2 .td:nth-child(1):before{
		content: "Maximum Amount";
	}
    .fees-encn2 .td:nth-child(2):before{
		content: "";
	}
	.fees-encn2 .td:nth-child(3):before{
        content: "最高金額";
	}
    .fees-encn2 .td:nth-child(4):before{
		content: "";
	}
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,nav{
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

dd{
list-style-type:none;
margin:0px;
}