@charset "utf-8";
/*header li.live*/
#header .OYQ .OYQ-box .links li.live{
	display:none;
}
/*內頁編排*/
#main{
	width:100%;
	height:auto;
	background:url(../images/ip-main-teal-bg-m.png) center top no-repeat;
	
	padding:70px 0 0 0;
}
/*kv*/
.kv{
	width:100%;
	height:150px;/*change*/
	background:url(../images/inside-kv-bg.png) center bottom no-repeat;
	background-position:-340px -40px;
}
.kv .kv-box{
	width:auto;
	height:auto;
	text-align:center;
	padding:52px 0px 0px;
}
.kv .kv-box h2{
	display:block;
	color:#4E4035;
	font-size:2.128em;
	font-weight:bold;
	letter-spacing:-0.02em;
}
/*breadcrumbs*/
.breadcrumbs {
	width:100%;
	height:auto;
	text-align:left;
	padding:30px 0;
}
.breadcrumbs .breadcrumbs-box {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	max-width:1200px;
	padding:0 15px;
}
.breadcrumbs ol {
	display:inline-block;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
}
.breadcrumbs ol li {
	display:inline-block;
	color:#9a8164;
	font-size:1.088em;
	line-height:1em;
	margin:8px 0;	
}
.breadcrumbs ol li a {
	color:#767676;
}
.breadcrumbs ol li:nth-child(1)::before {
	content:"";
	display:inline-block;
	width:18px;
	height:21px;
	background:url(../images/breadcrumbs-home-ico.png) 50% 50% no-repeat;
	vertical-align:text-top;
	margin-right:5px;
}
.breadcrumbs ol li:last-of-type,
.breadcrumbs ol li:last-of-type a {
	color:#df3600;
}
.breadcrumbs ol li a:hover,
.breadcrumbs ol li a:focus,
.breadcrumbs ol li a:active {
	color:#648000;
}
.breadcrumbs ol li + li::before {
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	border-top:1px solid #767676;
	border-right:1px solid #767676;
	vertical-align:middle;
	margin:0 15px 4px;
	transform:rotate(45deg);
}
/*infront*/
.infront{width:100%;background:#fff;}
.infront .infront-box{width:100%;}
.pageAll {width:100%;}
.pageLeft {width:100%; margin-bottom:20px;}
.pageRight {width:100%; box-sizing:border-box;}
/*lightbox*/
.lightbox{
	width:100%;
	margin:0;
	background:url(../images/announce-lightbox-bg.jpg) right top no-repeat;
	background-size:cover;
}
.lightbox .breadcrumbs ol li a{ color:#fff;}
.lightbox .breadcrumbs ol li a:hover,
.lightbox .breadcrumbs ol li a:focus,
.lightbox .breadcrumbs ol li a:active {
	color:#FFFF99;
}
.lightbox .breadcrumbs ol li + li::before{ border-color:#fff;}
.lightbox .breadcrumbs ol li:nth-child(1)::before {
	background-image:url(../images/w-home.svg);
}
.gray-slash{
	position:relative;
	padding-bottom:60px;
	z-index:1;
}
.gray-slash::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:url(../images/black-slide-lines-pattern-thin-pxbg.png) left top repeat;
	position:absolute;
	left:0;
	top:0;
	opacity:0.2;
	z-index:-1;
}
.lightbox .lightbox-box{
	position:relative;
}
.lightbox .lightbox-box .annoumce-head-ico{
	display:block;
	text-align:center;
	margin:16px 0;
}
.lightbox .lightbox-box .annoumce-head-ico img{
	width:80px;
	height:80px;
}
.lightbox .lightbox-box h2 {
	color:#fff;
	font-size:1.688em;
	text-shadow:0px 0px 7px rgba(0,0,0,0.8);
	margin:0.5em 0 1.2em;
	text-align:center;
}
.lightbox .lightbox-box ul{
	color:#fff;
	font-size:1em;
	list-style:none;
	text-shadow:0px 0px 5px rgba(0,0,0,0.8);
}
.lightbox .lightbox-box ul h3 {
	font-weight:normal;
}
.lightbox .lightbox-box ul p{
	margin:16px 0 0 0;
}
.lightbox .lightbox-box ul p a{
	color:#fff;
	text-decoration:none;
	cursor:text;
	display:inline-block;
	margin:-5px 0 0 0;
}
.lightbox .lightbox-box ul li{
	line-height:1.48em;
}
.lightbox .lightbox-box > ul > li{
	margin:32px 0;
}
.lightbox .lightbox-box > ul > li ul > li{
	margin:16px 0;
}
/*un-construction*/
.un-construction{
	padding:39px 4.8% 0px;
	text-align:center;
}
.un-construction img{
	width:88%;
	height:auto;
	max-width:628px;
}
.un-construction .txt{
	background:#F7F5EF;
	padding:16px 20px 20px;
	border:1px #D2BD99 dashed;
	text-align:center;
	margin:20px 0 0 0;
}
.un-construction .txt span.ico-orange{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/un-construntion-ico-orange.png) left top no-repeat;
	margin:0 0 5px 0;
}
.un-construction .txt span.s002{
	display:none;
}
.un-construction .txt span.word{
	display:block;
	color:#43382C;
	font-size:1.188em;
	font-weight:bold;
	line-height:1.45em;
}
.un-construction a.back{
	display:inline-block;
	width:200px;
	line-height:58px;
	color:#fff;
	font-size:1.328em;
	background:#43382C;
	border-radius:5px;
	text-align:center;
	margin:39px 0 0 0;
}
.un-construction a.back span.back-ico{
	display:inline-block;
	width:32px;
	height:32px;
	background:url(../images/sm-back-btn-ico-h.png) left top no-repeat;
	vertical-align:text-top;
	margin:3px 6px 0 0;
}
.un-construction a.back:hover,
.un-construction a.back:focus,
.un-construction a.back:active{
	background:#ff4000;
}
/*pageLeft*/
.pageLeft{
	padding:0;
}
.pageLeft .mobile-mode{
	display:none;
}
.pageLeft .pageTitle{
	/*position:relative;*/
	width:100%;
	text-align:center;
	background-color:#4A3C31;
}
/*sideNavBTN */
.pageLeft .pageTitle .sideNavBTN {
	position:relative;
	width:100%;
	display:block;
	padding:16px 0 14px;
	text-align:center;
}
.pageLeft .pageTitle .sideNavBTN a {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
}
.pageLeft .pageTitle .sideNavBTN .ico{
	display:none;
}
.pageLeft .pageTitle .sideNavBTN h2,
.pageLeft .pageTitle .sideNavBTN .wd {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#FFFFFF;
	font-size:1.528em;
	font-weight:bold;
	padding:0;
	letter-spacing:0.05em;
}
.pageLeft .pageTitle .sideNavBTN h2 .txt,
.pageLeft .pageTitle .sideNavBTN .wd .txt {
	display:inline-block;
	line-height:130%;
}
.pageLeft .pageTitle .sideNavBTN h2 .txt .en,
.pageLeft .pageTitle .sideNavBTN .wd .txt .en {
	font-size:0.875em;
}
/*aside-menu*/
#aside-menu{width:100%;}
#aside-menu.sp-fix{ display:none;}
#aside-menu ul{
	padding:0;
	margin:0;
	list-style:none;
}
#aside-menu ul li{
	width:100%;
	border-bottom:1px #FFF solid;
}
#aside-menu ul li:nth-child(1){
	border-top:1px #FFF solid;
}
#aside-menu ul li a {
	position:relative;
	display:block;
	width:100%;	
	color:#594A39;
	font-size:1.228em;
	text-align:left;
	padding:18px 0 18px 32px;
	background:#EBE5D7;
}
#aside-menu ul li.unit-now a {
	color:#fff;
	background:#648000;
}
#aside-menu ul li a:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:14px;
    top:25px;
    width:5px;
    height:5px;
    border-left:2px solid #594A39;
    border-bottom:2px solid #594A39;
    z-index:2;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
    -webkit-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
#aside-menu ul li a:hover,
#aside-menu ul li a:focus {
	color:#fff;
	background:#de3600;	
}
#aside-menu ul li.unit-now a:before,
#aside-menu ul li a:hover:before,
#aside-menu ul li a:focus:before {
	border-color:#fff;
}
@media screen and ( max-width:990px) {
	.pageLeft .pageTitle .sideNavBTN h2,
	.pageLeft .pageTitle .sideNavBTN .wd {
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.pageLeft .pageTitle .sideNavBTN h2 span,
	.pageLeft .pageTitle .sideNavBTN .wd span {
		display:inline-block;
		width:24px;
		height:24px;
		background:url(../images/sideNavBTN-span.png) left top no-repeat;
		transition:all 0.4s ease;
		margin-left:5px;
	}
	.pageLeft .pageTitle .sideNavBTN.open h2 span,
	.pageLeft .pageTitle .sideNavBTN.open .wd span {
		transform:rotate(135deg);
	}
}
@media screen and ( max-width:420px) {
	.pageLeft .pageTitle .sideNavBTN h2 .txt,
	.pageLeft .pageTitle .sideNavBTN .wd .txt {
		flex-basis:0%;
	}
}
@media screen and ( min-width:991px) {
	/*sideNavBTN */
	.pageLeft .pageTitle .sideNavBTN{
		width:100%;
		height:180px;
		padding:0;
		text-align:center;
		background:#4A3C31;
		position:relative;
		box-sizing:border-box;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	.pageLeft .pageTitle .sideNavBTN .ico{
		display:block;
		width:100%;
		height:42px;
		background:url(../images/pageLeft-mountain-ico.png) center top no-repeat;
		color:#333;
		font-size:1.088em;
		text-indent:-9999px;
	}
	.pageLeft .pageTitle .sideNavBTN h2,
	.pageLeft .pageTitle .sideNavBTN .wd {
		color:rgba(255,255,255,0.9);
		font-size:1.588em;
		letter-spacing:-0.01em;
		display:inline-block;
		background:url(../images/pageTitle-h2-ico-d.png) left top no-repeat;
		background-position:0px 1px;
		padding:12px 0 12px 0;
		position:relative;
	}
	.pageLeft .pageTitle .sideNavBTN h2 .txt,
	.pageLeft .pageTitle .sideNavBTN .wd .txt {
		display:inline-block;
		line-height:130%;
	}
	.pageLeft .pageTitle .sideNavBTN h2 .txt .en,
	.pageLeft .pageTitle .sideNavBTN .wd .txt .en {
		font-size:0.875em;
	}
	.pageLeft .pageTitle .sideNavBTN h2 span,
	.pageLeft .pageTitle .sideNavBTN .wd span {
		width:80px;
		height:5px;
		margin:10px auto 0;
		background-color:#de3600;
		display:block;
		background-image:none;
	}
	/*#aside-menu*/
	#aside-menu{
		display:block !important;
	}
	#aside-menu ul{
		padding:0;
		margin:0;
	}
	#aside-menu ul li{
		width:100%;
		border-bottom:2px #FFF solid;
	}
	#aside-menu ul li:nth-child(1){
		border-top:none;
	}
	#aside-menu ul li a{
		display:block;
		width:100%;
		background:#EBE5D7;
		color:#594A39;
		font-size:1.18em;
		font-weight:bold;
		text-align:left;
		padding:28px 28px;
		transition:none;
		line-height:130%;
		position:relative;
	}
	#aside-menu ul li a:before {
		display:none;
	}
	#aside-menu ul li a > span{
		display:block;
		font-size:0.9375em;
	}
	#aside-menu ul li a.active{
		color:#fff;
		background:#648000;
	}
	#aside-menu ul li.unit-now a{
		color:#fff;
		background:#648000;
	}
	#aside-menu ul li.unit-now a::after,
	#aside-menu ul li a.active::after {
		content:"";
		display:block;
		position:absolute;
		right:19px;
		top:50%;
		width:10px;
		height:10px;
		border-left:2px solid #fff;
		border-bottom:2px solid #fff;
		z-index:2;
		transform:rotate(-135deg);
		margin-top:-6px;
	}
	#aside-menu ul li a:hover,
	#aside-menu ul li a:focus {
		color:#fff;
		background:#de3600;		
	}
	#aside-menu ul li a.selected{
		background-color:#648000;
		color:#fff;
	}
}
/*pageRight*/
.pageRight{
	padding:0;
}
.pageRight .mobile-mode{
	display:none;
}
.pageRight .content-box{
	clear:both;
}
.pageRight .content-box-tit{
}
.pageRight .content-box-tit h2{
	color:#464637;
	font-size:1.65em;
	font-weight:bold;
	background:url(../images/content-box-h2-ico.png) left top no-repeat;
	background-position:0px 4px;
	padding:0 0 0 32px;
	margin:0 0 8px 0;
	height:28px;
	letter-spacing:-0.02em;
}
.pageRight .content-box-tit .h-bar{
	width:100%;
	height:5px;
	background:#e3e3e3 url(../images/content-box-h2-bar.png) left top no-repeat;
}
/*tabs*/
.content-box > ul.tabs{
	width:100.7%;
	display:table;
	margin:30px 0 -1px 0;
}
.content-box > ul.tabs > li{
	float:left;
	width:50%;
	margin:0 0 0 -1px;
}
.content-box > ul.tabs > li:nth-child(1){
	margin:0 0 0 0;
}
.content-box > ul.tabs > li > a{
	width:100%;
	display:block;
	white-space:nowrap;/*add*/
	color:#EEBF86;
	font-size:1.188em;
	font-weight:bold;
	letter-spacing:0.06em;
	background:#FFF;
	padding:15px 0;
	text-align:center;
	border:1px #C7B091 solid;
}
.content-box > ul.tabs > li > a > span.scale{
	font-size:1em;
	margin-right:2px;
}
.content-box > ul.tabs > li.active > a{
	display:inline-block;
	color:#594A3C;
	font-weight:bold;
	background:#FCF4EA;
	border:1px #C7B091 solid;
	border-bottom:1px #FCF4EA solid;
}
.content-box > ul.tabs > li.active > a > span.scale{
	color:#F30;
}
.content-box > ul.tabs > li > a:hover,
.content-box > ul.tabs > li > a:focus,
.content-box > ul.tabs > li > a:active{
	color:#594A3C;
}
.tabs-container{
	clear:both;
	margin-top:-16px;
}
.tabs-container .tab-Maps{
	display:none;
}
/*#tabs-main*/
#tabs-main{
}
/*tabs(special for Apply)*/
.apply ul.tabs{
	display:table;
	margin:0 0 -1px 0;
	width:100%;
}
.apply ul.tabs > li{
	float:left;
	display:inline-block;
	border-left:1px #fff solid;
	margin:0 0 0 0;
	width:33.3%;
}
.apply ul.tabs > li:nth-child(1){
	margin:0 0 0 0;
	border-left:none;
	width:33.4%;
}
.apply ul.tabs > li > a{
	display:inline-block;
	font-size:1.188em;
	color:#8A8A7A;
	font-weight:bold;
	background:#ddddda;
	padding:15px 0;
	border:none;
	width:100%;
	text-align:center;
}
.apply ul.tabs > li > a:hover,
.apply ul.tabs > li > a:focus,
.apply ul.tabs > li > a:active{
	color:#5A5A5A;
	background:#dddddd;
}

.apply ul.tabs > li > a > span.scale{
	font-size:1.128em;
	margin-right:6px;
}
.apply ul.tabs > li.active > a{
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	background:#7ea100;
	border:none;
}
.apply ul.tabs > li.active > a > span.scale{
	color:#F30;
}
.apply .tabs-container{
	clear:both;
	margin-top:0px;/*RTZ*/
	border-top:10px #7ea100 solid;
	background:#fbf3eb;
}
.apply .tabs-container #tab-01,
.apply .tabs-container #tab-02,
.apply .tabs-container #tab-03{
	padding:5%;
}
.apply .tabs-container #tab-01 img,
.apply .tabs-container #tab-02 img,
.apply .tabs-container #tab-03 img{
	width:100%;
	height:auto;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}
.apply .process{
	display:none;
}
/*content-box-search*/
.pageRight .content-box .content-box-search{
	margin:8px 0 24px;
	width:100%;
	background:#F4DCB8;
	position:relative;
	padding:8px 39.5% 8px 8px;
}
.content-box-search form{
}
.content-box-search .PC-txt{
	display:none;
}
.content-box-search select{
	color:#fff;
	font-size:1em;
	font-family:"微軟雅黑體","Microsoft YaHei";
	padding:5px 15px 5px 8px;
	border:none;
	background:#886B4D;
	background-position:48px 10px;
	position:absolute;
}
html>/**/.content-box-search select{
	background:#886B4D;
	background-image:none;
}
.content-box-search #keyword{
	color:#A1886E;
	font-size:1em;
	font-family:"微軟雅黑體","Microsoft YaHei";
	padding:5px 8px;
	width:100%;
	border:none;
	margin:0 0 0 42%;
}
.content-box-search #search{
	width:32px;
	height:32px;
	background:url(../images/search-submit-btn.png) left top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	margin:0 8px;
	position:absolute;
	top:8px;
	right:0px;	
}
.content-box-search #search:active{
	background-position:0 -32px;
}
/*qa-collection*/
.qa-collection{
	display:block;
	overflow:hidden;
	padding:0 0 48px 0;
}
.qa-collection ul{
}
.qa-collection ul li{
    display:block;
	width:100%;
    height:auto;
    min-height:51px;
    margin:0 0 -15px 0;
    padding:0 0 0 0;
}
.qa-collection ul li a.active{
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.qa-collection ul li a.que-zone{
	display:block;
	padding:0 0 0 60px;
	background:url(../images/qa-list-each-ico-Q.png) left top no-repeat;
	min-height:51px;
}
.qa-collection ul li a.que-zone h4{
	color:#BF7B00;
	font-weight:normal;
	letter-spacing:0.04em;
	padding:8px;
	border:5px rgba(255,188,50,0.35) solid;
	border-radius:12px;
}
.qa-collection ul li a:hover h4,
.qa-collection ul li a:focus h4,
.qa-collection ul li a:active h4{
	color:#fff;
	background:#ffa800;
	border:5px #ffe6b5 solid;
}
.qa-collection ul li a.active h4{
	color:#fff;
	background:#BF7B00;
	border:5px rgba(210,198,175,0.5) solid;
}
.qa-collection ul li div.ans-zone{
	display:none;
	padding:0 0 0 60px;
	background:url(../images/qa-list-each-ico-A.png) left top no-repeat;
	min-height:51px;
}
.qa-collection ul li div.ans-zone p{
    color:#43382C !important;
    background:#F7F4F0;
    border-radius:12px;
    padding:20px 24px;
    font-size:0.988em !important;
    letter-spacing:0.04em;
    line-height:1.88em;

}
/*--end qa-collection--*/

/*for iPhone 6 screen size*/
@media screen and (min-width:320px) and (max-width:374px){
.content-box-search select{
	color:#fff;
	font-size:1em;
	font-family:"微軟雅黑體","Microsoft YaHei";
	padding:5px 15px 5px 8px;
	border:none;
	background:#886B4D;
	background-position:48px 10px;
	position:absolute;
}
}
/*for iPhone 6 screen size*/
@media screen and (min-width:375px) and (max-width:413px){
.content-box-search select{
	color:#fff;
	font-size:1em;
	font-family:"微軟雅黑體","Microsoft YaHei";
	padding:5px 27px 5px 8px;
	border:none;
	background:#886B4D url(../images/select-down-arrow.png) right top no-repeat;
	background-position:60px 10px;
	position:absolute;
}
}
/*for iPhone 6plus screen size*/
@media screen and (min-width:414px) and (max-width:767px){
.pageRight .content-box .content-box-search{
	padding:8px 34% 8px 8px;
}
.content-box-search select{
	color:#fff;
	font-size:1em;
	font-family:"微軟雅黑體","Microsoft YaHei";
	padding:5px 27px 5px 8px;
	border:none;
	background:#886B4D url(../images/select-down-arrow.png) right top no-repeat;
	background-position:60px 10px;
	position:absolute;
}

.content-box-search #keyword{
	margin:0 0 0 35.4%;
}
}
/*mobile-only-img*/
.mobile-only-img{
	display:block;
	margin:8px 0 0 0;
}
.mobile-only-img img{
}
/*content-box-sm*/
.pageRight .content-box .content-box-sm{
	margin:8px 0 0px;
	padding:15px;
	color:#575746;
	background:rgba(240,240,240,0.5);
}
.content-box-sm h3{
	font-size:1.33em;
	font-weight:normal;
	line-height:1.28em;
	margin:0px 0 14px 0;
}
.content-box-sm p{
	font-size:0.9em;
	line-height:1.58em;
}
/*content-box-list*/
.pageRight .content-box .content-box-list{
	margin:8px 0;
}
.content-box-list ul{
	padding:0;
	margin:0;
	list-style:none;
}
.content-box-list ul li{
}
.content-box-list ul li a{
	display:block;
	padding:16px 8px 16px;
	border-bottom:1px #D3BD9A dashed;
}
.content-box-list ul li:nth-child(odd) a{
}
.content-box-list ul li:nth-child(even) a{
}
.content-box-list ul li a .date{
	display:inline-block;/*key*/
	color:#726557;
	font-size:0.95em;
	padding:4px 10px;
	border:1px rgba(114,101,87,0.7) solid;
	border-radius:6px;
}
.content-box-list ul li a .sort{
	color:#fff;
	font-size:0.9em;
	border-radius:6px;
	padding:3px 6px 4px;
	margin-left:4px;
	background:#808574;
}
.content-box-list ul li a h3.tit{
	display:block;
	color:#333;
	font-size:1.128em;
	font-weight:normal;
	line-height:1.28em;
	margin:0.8em 0 0;
	padding:0 0 0 24px;
	background:url(../images/list-h3-tit-ico.png) left top no-repeat;
	background-position:7px 5px;
}
/*regulations ol*/
.content-box-article ol{
	padding:0;
	margin:0;
	list-style:decimal;
	padding:0 0 0 25px;
}
.content-box-article ol li{
	margin-bottom:25px;
	width:100%;
}
.content-box-article ol li h4.reg-name{
	color:#43382C;
	font-size:1.188em;
	font-weight:normal;
	margin-bottom:0.5em;
	line-height:1.48em;
}
.content-box-article ol li h4.reg-name a{
	color:#ff4000;
	text-decoration:underline;
	vertical-align:baseline;
	margin:0 2px 0 -2px;
}
.content-box-article ol li h4.reg-name a:hover,
.content-box-article ol li h4.reg-name a:focus {
	color:#7ea100;
}
.content-box-article ol li h4.reg-name span.link-ico{
	display:inline-block;
	width:12px;
	height:16px;
	background:url(../images/link-blank-ico.png) left top no-repeat;
	margin:0 0 0 0;
	vertical-align:middle;
}
.content-box-article ol li span.reg-link{
}
.content-box-article ol li span.reg-link a{
	word-break:break-all;/*強制換行*/
	display:block;
	color:#917251;
	font-size:0.888em;
	line-height:1.38em;
	background:rgba(235,229,215,0.6);
	border-radius:8px;
	padding:8px 15px;
	text-decoration:underline;
}
.content-box-article ol li span.reg-link a:hover,
.content-box-article ol li span.reg-link a:focus,
.content-box-article ol li span.reg-link a:active {
	color:#FF3300;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
/*download-txt*/
.content-box-article ul li{}
.content-box-article li.download-box{
	display:inline-block;
	border:1px #BDBDAE solid;
	margin:8px 0 0 25px;
}
.content-box-article li.download-box .tit{
	color:#fff;
	font-size:1.088em;
	font-weight:bold;
	background:#85B200 url(../images/sm-download-ico.png) left top no-repeat;
	background-position:15px 12px;
	padding:10px 15px 11px 35px;
}
.content-box-article li.download-box a.file-name{
	display:block;
	box-sizing:border-box;
	color:#575747;
	font-size:0.988em;
	padding:18px;
	line-height:1.48em;
	letter-spacing:0.04em;
}
.content-box-article li.download-box a.file-name:hover,
.content-box-article li.download-box a.file-name:focus {
	text-decoration:underline;
}
/*media-vedio-list*/
.content-box .media-vedio-list{
	overflow:auto;
	padding-top:0px;
}
.media-vedio-list ul{
}
.media-vedio-list ul li{
	padding:0;
	margin:0 0 1.5em 0;
}
.media-vedio-list ul li a{
	display:block;
	background:#FFF;
}
.media-vedio-list ul li a .v-sss{
	background:#000;
	padding:20px 0;
	position:relative;/*pos*/
}
.media-vedio-list ul li a .v-sss .mask{
	position:absolute;/*pos*/
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	text-align:center;
}
.media-vedio-list ul li a:hover .v-sss .mask,
.media-vedio-list ul li a:focus .v-sss .mask,
.media-vedio-list ul li a:active .v-sss .mask{
	background:rgba(0,0,0,0.6) url(../images/media-list-play-icon.png) center center no-repeat;
}
.media-vedio-list ul li a .v-sss img{
	width:100%;
	height:auto;
}
.media-vedio-list ul li a .v-txt{
}
.media-vedio-list ul li a .v-txt h3{
	background:#F7F5EF url(../images/media-list-h3-ico.png) left top no-repeat;
	background-position:12px 13px;
	color:#43382C;
	/*ellipsis*/
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	font-size:1.188em;
	font-weight:normal;
	padding:18px 10px 18px 50px;
	border-bottom:1px #D3BD9A dashed;
}
.media-vedio-list ul li a:hover .v-txt h3,
.media-vedio-list ul li a:focus .v-txt h3,
.media-vedio-list ul li a:active .v-txt h3{
	color:#F60;
}
/*search-result-list*/
.content-box .search-result-list{
	overflow:auto;
	padding:0 0 0 5px;
	margin:0 0 4.8% 0;
	background:#fff;
}
.content-box .search-result-list .google-codes-box{
	width:100%;
	height:auto;
}
.content-box .search-result-list .google-codes-box img{
	width:100%;
	height:auto;
	max-width:600px;
}
/*content-box-pagi*/
.content-box-pagi{
	clear:both;
	overflow:inherit;
	margin:35px 0;
}
.content-box-pagi ul.pagination{
	padding:0;
	margin:0;
	display:inline-block;/*key*/
	width:100%;
}
.content-box-pagi ul.pagination li{
	float:left;
	margin-right:0.9%;/*key*/
	margin-bottom:0.9%;/*key*/
}
.content-box-pagi ul.pagination li a{
	display:inline-block;/*key*/
	color:#7D665D;
	border:#7D665D 1px solid;
	padding:10px 0.878em;
}
.content-box-pagi ul.pagination li:nth-child(1) a span.p-arrow{
	display:inline-block;
	text-indent:-7px;
}
.content-box-pagi ul.pagination li:nth-child(1) a{
	padding:10px 1.2em;
}
.content-box-pagi ul.pagination li:nth-last-child(1) a span.n-arrow{
	display:inline-block;
	text-indent:7px;
}
.content-box-pagi ul.pagination li:nth-last-child(1) a{
	padding:10px 0.75em;
}
.content-box-pagi ul.pagination li a.active{
	color:#fff;
	background:#512800;
	border:1px #512800 solid;
}
.content-box-pagi ul.pagination li a:hover,
.content-box-pagi ul.pagination li a:focus,
.content-box-pagi ul.pagination li a:active{
	color:#fff;
	background:#FF4000;
	border:1px #FF4000 solid;
}
.content-box-pagi ul.pagination li a.active:hover,
.content-box-pagi ul.pagination li a.active:focus,
.content-box-pagi ul.pagination li a.active:active{
	color:#fff;
	background:#575748;
	border:1px #353526 solid;
}
.content-box-pagi .NowAndSum{
	clear:both;
	display:block;/*key*/
	padding:15px 0px;
}
.content-box-pagi .NowAndSum p{
	color:#333;
	font-size:1.1em;
	letter-spacing:0.18em;
}
.content-box-pagi .NowAndSum .span{
	display:inline-block;
}
.content-box-pagi .NowAndSum .now{
	color:#FF4000;
	font-size:1.48em;
	font-weight:bold;
}
.content-box-pagi .NowAndSum .pages{
	font-weight:bold;
}
.content-box-pagi .NowAndSum .sum{
	color:#917351;
	font-weight:bold;
}
.content-box-pagi:after {
  content:"";
  display:table;
  clear:both;
}
/*back-btn-zone*/
.back-btn-zone{
	padding:30px 4.8% 30px;
	text-align:center;
}
/*prev-next-btns-zone*/
.prev-next-btns-zone{
	padding:60px 4.8% 60px;
	text-align:center;
}
/*wide-page*/
.wide-page{
	padding:0 4.8% 4.8%;
}
.wide-page .foreword{
	background:rgba(240,240,240,0.5);
	padding:20px;
	color:#575746;
	margin-top:13px;
}
.wide-page .foreword h3{
	color:#957044;
	font-size:1.33em;
	font-weight:normal;
	line-height:1.28em;
	margin:0 0 14px 0;
	padding:0 0 0 0;
}
.wide-page .foreword p{
	color:#575746;
	font-size:0.908em;
	line-height:1.68em;
	letter-spacing:0.04em;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.wide-page .foreword .font-red {
	color:#ec0e1a;
}
.wide-page .foreword ul {
	font-size:0.908em;
	line-height:180%;
	list-style:none;	
	margin:10px 0; 
	padding:0px;
}
.wide-page .foreword ul li {
	margin:10px 0 10px 1.5em;
}
.wide-page .sitemap-zone{
	background:rgba(240,240,240,0.5);
	padding:35px 20px;
	margin:4.8% 0 0;
}
.wide-page .sitemap-zone > ul > li{
	display:block;
	float:none;
}
.wide-page .sitemap-zone > ul > li > h4,
.wide-page .sitemap-zone > ul > li > p {
	color:#333333;
	font-size:1.488em;
	font-weight:bold;
	line-height:28px;
	background:url(../images/sitemap-cates-ico.png) left top no-repeat;
	padding:0 0 0 33px;
}
.wide-page .sitemap-zone > ul > li > h4 > a,
.wide-page .sitemap-zone > ul > li > p > a {color:#333333;}
.wide-page .sitemap-zone > ul > li > h4 > a:hover,
.wide-page .sitemap-zone > ul > li > h4 > a:focus,
.wide-page .sitemap-zone > ul > li > h4 > a:active,
.wide-page .sitemap-zone > ul > li > p > a:hover,
.wide-page .sitemap-zone > ul > li > p > a:focus,
.wide-page .sitemap-zone > ul > li > p > a:active {
	color:#85B200;
}
.wide-page .sitemap-zone > ul > li > ul{
	padding:0;
	margin:5px 0 25px 35px;
}
.wide-page .sitemap-zone > ul > li > ul > li{
	display:block;
	float:none;
	line-height:2.488em;
}
.wide-page .sitemap-zone > ul > li > ul > li > a {
	color:#4e4e4e;
	font-size:1.288em;
	font-weight:normal;
	background:url(../images/sitemap-pages-ico.png) left top no-repeat;
	background-position:0px 6px;
	padding:0 0 0 18px;
}
.wide-page .sitemap-zone > ul > li > ul > li > a:hover,
.wide-page .sitemap-zone > ul > li > ul > li > a:focus,
.wide-page .sitemap-zone > ul > li > ul > li > a:active {
	color:#85B200;
}

/*-- iphone6 --*/
@media screen and (min-width:321px) and (max-width:375px){
	/*tabs*/
	ul.tabs > li > a {
		font-size:1.188em;
	}
	ul.tabs{
		width:100.5%;
	}
}
/*-- iphone plus --*/
@media screen and (min-width:376px) and (max-width:414px){
	/*tabs*/
	ul.tabs > li > a{
		font-size:1.258em;
	}
	ul.tabs{
		width:100.3%;
	}
}
/*all mobile*/
/*all mobile*/
/*all mobile*/
/*all mobile*/
/*all mobile*/
@media screen and (max-width:990px) {
	.pageTitle .sideNavBTN h2 span{
		/*cross mark*/
		opacity:1;
		display:inline-block;
		width:25px;
		height:25px;
		background:url(../images/sideNav-arrow.png) no-repeat 50% 50%;
		margin:5px 0 0 8px;
		vertical-align:text-top;
		-webkit-border-radius:50%;
		   -moz-border-radius:50%;
				border-radius:50%;
		-webkit-transition:all 0.4s;
		   -moz-transition:all 0.4s;    
			 -o-transition:all 0.4s;
				transition:all 0.4s;
	}
	.pageTitle .sideNavBTN h2.open span{
		/*delete mark*/
		opacity:1;
		background:url(../images/sideNav-arrow-open.png) no-repeat 50% 50%;
		-webkit-transform:rotate(135deg);
		   -moz-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			 -o-transform:rotate(135deg);
				transform:rotate(135deg);
	}
}
@media screen and (min-width:768px) {
	/*kv*/
	.kv{
		width:100%;
		height:200px;/*change*/
		background:url(../images/inside-kv-bg.png) center top repeat-x;
		background-position:-180px 0px;
	}
	.kv .kv-box{
		padding-top:65px;
	}
	.kv .kv-box h2{
		display:block;
		color:#4E4035;
		font-size:2.288em;
		font-weight:bold;
		letter-spacing:-0.02em;
	}
}
@media screen and (min-width:991px){
	/*header li.live*/
	#header .OYQ .OYQ-box .links li.live{
		display:inline-block;
	}
	/*main*/
	#main{
		width:100%;
		height:auto;
		background:#fff url(../images/ip-main-teal-bg.png) center top no-repeat;/*add #fff*/
		padding:140px 0 0 0;
	}
	/*kv*/
	.kv{
		width:100%;
		height:200px;/*change*/
		background:url(../images/inside-kv-pxbg.png) left top repeat-x;
		background-position:0px 0px;
	}
	.kv .kv-box{
		width:100%;
		max-width:1150px;
		height:200px;
		margin:0 auto;
		background:url(../images/inside-kv-bg.png) left top repeat-x;
		text-align:center;
		padding:68px 0px 0px;
	}
	.kv .kv-box h2{
		display:block;
		color:#4E4035;
		font-size:2.408em;
		font-weight:bold;
		letter-spacing:0.015em;
	}
	/*main .infront*/
	.infront{
		width:100%;
		background:none;/*key*/
	}
	.pageAll {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		padding:0 0 60px 0;
	}
	.pageLeft{
		width:220px;
		float:left;
		padding:0;
	}
	.pageRight{
		width:calc(100% - 280px);
		float:right;
		padding:0;
	}
	/*lightbox*/
	.lightbox .lightbox-box h2 {
		font-size:2.128em;
		text-align:center;
		letter-spacing:0.04em;
	}
	.lightbox .lightbox-box > ul{
		display:inline-block;
		margin:0 auto;
		background:rgba(0,0,0,0.7);
		padding:24px 48px;
		border-radius:24px;
	}
	.lightbox .lightbox-box .annoumce-head-ico img{
		width:104px;
		height:104px;
	}
	/*pageLeft*/
	.pageLeft{
		position:relative;
	}
	.pageLeft .mobile-mode{
		display:block;
	}
	.pageLeft .acKey{
		position:absolute;
		top:-15px;
	}
	.pageLeft .pageTitle{
		width:100%;
		text-align:center;
	}
	.pageLeft .pageTitle .PC-mode{
		cursor:default;
	}
	/*pageRight*/
	.pageRight {
		position:relative;
		padding:0 0;/*rtz*/
	}
	.pageRight .mobile-mode{
		display:block;
	}
	.pageRight .acKey {
		position:absolute;
		top:-15px;
	}
	.pageRight .breadcrumbs{
		padding:30px 0 33px;/*key*/
		overflow:auto;
		background:#0B8273;
	}
	.pageRight .breadcrumbs ol{
		list-style:none;
		height:25px;/*key*/
		display:inline-table;
		float:right;
		margin:0 28px 0 0;
		padding:4px 0 0 0;
	}
	.pageRight .breadcrumbs ol li{
		float:left;
	}
	.pageRight .breadcrumbs ol li a{
		color:#fff;
		font-size:1.15em;
	}
	.pageRight .breadcrumbs ol li:nth-child(1) a{
		background:url(../images/breadcrumbs-home-ico.png) left top no-repeat;
		background-position:0 3px;
		padding:0 0 0 24px;
	}
	.pageRight .breadcrumbs ol li a.active{
		color:#CBFF97;
	}
	.pageRight .breadcrumbs ol li a:hover,
	.pageRight .breadcrumbs ol li a:focus,
	.pageRight .breadcrumbs ol li a:active{
		color:#CBFF97;
		-webkit-transition:all 0.4s ease;
		   -moz-transition:all 0.4s ease;
			 -o-transition:all 0.4s ease;
				transition:all 0.4s ease;
	}
	.pageRight .breadcrumbs ol li span{
		display:inline-block;
		width:10px;
		height:18px;
		background:url(../images/breadcrumbs-arrow.png) left top no-repeat;
		vertical-align:bottom;
		margin:0 10px;
	}
	/*content-box*/
	.pageRight .content-box{
		clear:both;
		background:rgba(255,255,255,0.9);
		padding:0 0 0;
		overflow:hidden;
	}
	.pageRight .content-box-tit{
	}
	.pageRight .content-box-tit h2{
		color:#464637;
		font-size:1.65em;
		font-weight:bold;
		background:url(../images/content-box-h2-ico.png) left top no-repeat;
		background-position:0px 4px;
		padding:0 0 0 32px;
		margin:0 0 8px 0;
		height:26px;
		letter-spacing:-0.02em;
	}
	.pageRight .content-box-tit .h-bar{
		width:100%;
		height:5px;
		background:#e3e3e3 url(../images/content-box-h2-bar.png) left top no-repeat;
	}
	/*tabs*/
	.content-box > ul.tabs{
		display:table;
		margin:0 0 -1px 0;
	}
	.content-box > ul.tabs > li{
		float:left;
		width:auto;/*RTZ*/
		margin:0 0 0 -1px;
	}
	.content-box > ul.tabs > li:nth-child(1){
		margin:0 0 0 0;
	}
	.content-box > ul.tabs > li > a{
		display:inline-block;
		font-size:1.388em;
		color:#EEBF86;
		font-weight:bold;
		background:#FFF;
		padding:15px 40px;
		border:1px #C7B091 solid;
	}
	.content-box > .ul.tabs > li > a > span.scale{
		font-size:1.128em;
		margin-right:6px;
	}
	.content-box > ul.tabs > li.active > a{
		display:inline-block;
		color:#594A3C;
		font-weight:bold;
		background:#FCF4EA;
		border:1px #C7B091 solid;
		border-bottom:1px #FCF4EA solid;
	}
	.content-box > ul.tabs > li.active > a > span.scale{
		color:#F30;
	}
	.tabs-container{
		clear:both;
		margin-top:0px;/*RTZ*/
	}
	.tabs-container .tab-Maps{
		display:block;
	}
	/*tabs(special for Apply)*/
	.apply ul.tabs{
		display:table;
		margin:0 0 -1px 0;
		width:100%;
	}
	.apply ul.tabs > li{
		float:left;
		display:inline-block;
		border-left:1px #fff solid;
		margin:0 0 0 0;
		width:33.3%;
	}
	.apply ul.tabs > li:nth-child(1){
		margin:0 0 0 0;
		border-left:none;
		width:33.4%;
	}
	.apply ul.tabs > li > a{
		display:inline-block;
		font-size:1.588em;
		color:#8A8A7A;
		font-weight:bold;
		background:#ddddda;
		padding:18px 40px;
		border:none;
	}
	.apply ul.tabs > li > a > span.scale{
		font-size:1.128em;
		margin-right:6px;
	}
	.apply ul.tabs > li.active > a{
		display:inline-block;
		color:#FFF;
		font-weight:bold;
		background:#7ea100;
		border:none;
	}
	.apply ul.tabs > li.active > a > span.scale{
		color:#F30;
	}
	.apply .tabs-container{
		clear:both;
		margin-top:0px;/*RTZ*/
		border-top:10px #7ea100 solid;
		background:#fbf3eb;
	}
	.apply .tabs-container #tab-01,
	.apply .tabs-container #tab-02,
	.apply .tabs-container #tab-03{
		padding:38px 0 38px 38px;
	}
	.apply .tabs-container #tab-01 img,
	.apply .tabs-container #tab-02 img,
	.apply .tabs-container #tab-03 img{
		width:auto;
		height:auto;
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
	}
	.apply .process{
		display:block;
		padding:0;
		margin:0;
		position:relative;/*pos*/
	}
	.apply .process img.arrow-001,
	.apply .process img.arrow-002{
		display:inline-block;
		position:absolute;
	}
	.apply .process img.arrow-001{
		top:105px;
		left:186px;
	}
	.apply .process img.arrow-002{
		top:105px;
		left:426px;
	}
	.apply .process ul{
		display:table;
		width:100%;
	}
	.apply .process ul li{
		float:left;
		text-align:center;
		width:33.3%;
		padding:40px 0 35px;
	}
	.apply .process ul li:nth-child(1){
		width:33.4%;
	}
	.apply .process ul li .circleImg{
		display:inline-block;
		width:155px;
		height:155px;
		text-indent:-9999px;
		margin:0 0 12px 0;
	}
	.apply .process ul li.step001 .circleImg{
		background:url(../images/apply-process-step-001.png) left top no-repeat;
	}
	.apply .process ul li.step002 .circleImg{
		background:url(../images/apply-process-step-002.png) left top no-repeat;
	}
	.apply .process ul li.step003 .circleImg{
		background:url(../images/apply-process-step-003.png) left top no-repeat;
	}
	.apply .process ul li h4{
		font-size:1.488em;
		font-weight:bold;
		padding:0;
		margin:0;
	}
	.apply .process ul li.step001 h4{
		color:#F07800;
	}
	.apply .process ul li.step002 h4{
		color:#449985;
	}
	.apply .process ul li.step003 h4{
		color:#4A99C5;
	}
	.apply .process ul li p{
		color:#888;
		font-size:1em;
		padding:0;
		margin:0;
	}
	/*content-box-search*/
	.pageRight .content-box .content-box-search{
		margin:8px 0;
		width:100%;
		height:100px;
		background:#fff;
		border:1px rgba(145,115,81,0.75) solid;
		position:relative;
		padding:29px 0 0 41px;
		margin:0px 0 0px;
	}
	.content-box-search form{
	}
	.content-box-search .PC-txt{
		display:inline-block;
		color:#333;
		font-size:1.28em;
		vertical-align:text-bottom;
	}
	.content-box-search select{
		color:#fff;
		font-size:1.048em;
		font-family:"微軟雅黑體","Microsoft YaHei";
		padding:9px 35px 9px 12px;
		border:none;
		background:#917351 url(../images/select-down-arrow.png) right top no-repeat;
		background-position:68px 14px;
		position:static;
		display:inline-block;
		left:150px;
	}
	.content-box-search select .option{
		padding:5px 5px;
	}
	.content-box-search #keyword{
		color:#666;
		font-size:1.048em;
		font-family:"微軟雅黑體","Microsoft YaHei";
		background:#EBE5D7;
		padding:9px 12px;
		width:370px;
		border:none;
		margin:0 0 0 0;
	}
	.content-box-search #search{
		width:40px;
		height:40px;
		background:url(../images/search-submit-btn-desktop.png) left top no-repeat;
		text-indent:-9999px;
		cursor:pointer;
		border:none;
		margin:0 8px;
		position:absolute;
		top:28px;
		right:32px;	
		transition:none;
	}
	.content-box-search #search:hover,
	.content-box-search #search:focus,
	.content-box-search #search:active{
		background-position:0px -40px;
	}
	/*mobile-only-img*/
	.mobile-only-img{
		display:none;
	}
	.mobile-only-img img{
	}
	/*content-box-sm*/
	.pageRight .content-box .content-box-sm{
		margin:30px 0 0px;
		padding:25px;
		color:#575746;
		background:rgba(240,240,240,0.5);
	}
	.content-box-sm h3{
		font-size:1.33em;
		font-weight:normal;
		margin:0px 0 14px 0;
	}
	.content-box-sm p{
		font-size:0.9em;
		line-height:1.58em;
	}
	/*.content-box-list */
	.pageRight .content-box .content-box-list{
		margin:8px 0 0px;
	}
	.content-box-list ul li a{
		display:block;
		padding:22px 25px;
	}
	.content-box-list ul li:nth-child(odd) a{
		background:#fff;
	}
	.content-box-list ul li:nth-child(even) a{
		background:rgba(212,189,155,0.15);
	}
	.content-box-list ul li a .heat-ico{
		display:inline-block;
		width:22px;
		height:22px;
		background:url(../images/list-head-ico.png) left top no-repeat;
		vertical-align:sub;
		margin-right:8px
	}
	.content-box-list ul li a .date{
		display:inline-block;/*key*/
		color:#726557;
		font-size:0.888em;
		padding:4px 10px;
		margin:2px 0 0 0;
		border:1px rgba(114,101,87,0.7) solid;
		border-radius:6px;
	}
	.content-box-list ul li a h3.tit{
		display:inline-block;
		width:520px;/*key*/
		color:#43382C;
		font-size:1.048em;
		font-weight:normal;
		line-height:1.45em;
		letter-spacing:0.04em;
		margin:0 0 0 0;
		vertical-align:top;
		background-image:none;
		background-position:12px 9px;
		padding:2px 0 0 10px;
	}
	.content-box-list ul li a:hover h3,
	.content-box-list ul li a:focus h3,
	.content-box-list ul li a:active h3{
		color:#FF4000;
		-webkit-transition:all 0.4s ease;
		   -moz-transition:all 0.4s ease;
			 -o-transition:all 0.4s ease;
				transition:all 0.4s ease;
	}
	/*regulations ol*/
	.content-box-article ol{
		padding:0 0 0 28px;
	}
	.content-box-article ol li{
		margin-bottom:5px;
		width:100%;
	}
	.content-box-article ol li:nth-child(1){
		margin-top:15px;
	}
	.content-box-article ol li:nth-last-child(1){
		margin-bottom:0px;
	}
	.content-box-article ol li h4.reg-name{
		font-size:1.128em;
		margin-bottom:0.25em;
		padding:0;
	}
	.content-box-article ol li h4.reg-name span.comment{
		display:block;
	}
	.content-box-article ol li h4.reg-name a{
		color:#ff4000;
		text-decoration:underline;
		vertical-align:baseline;
		margin:0 2px 0 -2px;
	}
	.content-box-article ol li h4.reg-name a:hover,
	.content-box-article ol li h4.reg-name a:focus {
		color:#7ea100;
	}
	.content-box-article ol li h4.reg-name span.link-ico{
		display:inline-block;
		width:12px;
		height:16px;
		background:url(../images/link-blank-ico.png) left top no-repeat;
		margin:0 0 0 0;
		vertical-align:middle;
	}
	.content-box-article ol li span.reg-link a{
		font-size:1em;
	}
	/*download-txt*/
	.content-box-article li{
		float:left;
	}
	.content-box-article li.download-box{
		display:block;
		width:45%;
		margin:25px 3% 25px 5%;
	}
	.content-box-article li.download-box:nth-child(even){
		margin:25px 0 25px 0
	}
	.content-box-article li.download-box .tit{
		background-position:18px 15px;
		padding:10px 15px 11px 40px;
	}
	.content-box-article li.download-box a.file-name{
		line-height:1.50em;
		font-size:0.968em;
	}
	.content-box-article li.download-box a.file-name:hover,
	.content-box-article li.download-box a.file-name:focus,
	.content-box-article li.download-box a.file-name:active{
		color:#85B200;
		-webkit-transition:all 0.4s ease;
		   -moz-transition:all 0.4s ease;
			 -o-transition:all 0.4s ease;
				transition:all 0.4s ease;
	}
	/*media-vedio-list*/
	.content-box .media-vedio-list{
		overflow:auto;
		padding-top:50px;
	}
	.media-vedio-list ul{
	}
	.media-vedio-list ul li{
		padding:0;
		margin:0 0 1.5em 0;
		float:left;
		width:50%;
	}
	.media-vedio-list ul li:nth-child(odd){
		padding-right:0.75em;
	}
	.media-vedio-list ul li:nth-child(even){
		padding-left:0.75em;
	}
	.media-vedio-list ul li a{
		display:block;
		background:#FFF;
	}
	.media-vedio-list ul li a .v-sss{
		background:#000;
		padding:20px 0;
		position:relative;/*pos*/
	}
	.media-vedio-list ul li a .v-sss .mask{
		position:absolute;/*pos*/
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.15);
		text-align:center;
	}
	.media-vedio-list ul li a:hover .v-sss .mask,
	.media-vedio-list ul li a:focus .v-sss .mask,
	.media-vedio-list ul li a:active .v-sss .mask{
		background:rgba(0,0,0,0.6) url(../images/media-list-play-icon.png) center center no-repeat;
	}
	.media-vedio-list ul li a .v-sss img{
		width:100%;
		height:auto;
	}
	.media-vedio-list ul li a .v-txt{
	}
	.media-vedio-list ul li a .v-txt h3{
		background:#F7F5EF url(../images/media-list-h3-ico.png) left top no-repeat;
		background-position:14px 14px;
		color:#43382C;
		/*ellipsis*/
		display:inline-block;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		width:100%;
		font-size:1.228em;
		font-weight:normal;
		padding:18px 10px 18px 52px;
		border-bottom:1px #D3BD9A dashed;
	}
	.media-vedio-list ul li a:hover .v-txt h3,
	.media-vedio-list ul li a:focus .v-txt h3,
	.media-vedio-list ul li a:active .v-txt h3{
		color:#F60;
	}
	/*search-result-list*/
	.content-box .search-result-list{
		overflow:auto;
		padding:40px 0 0 30px;
		margin:0 0 40px 0;
		background:#fff;
	}
	.content-box .search-result-list .google-codes-box{
		width:600px;
		height:auto;
	}
	/*content-box-pagi*/
	.content-box-pagi{
		clear:both;
		margin:80px 0;
	}
	.content-box-pagi ul.pagination{
		width:auto;/*change*/
		padding:0;
		margin:0;
		display:inline-block;/*key*/
		float:left;
	}
	.content-box-pagi ul.pagination li{
		float:left;
		margin-right:7px;/*key*/
		margin-bottom:0;/*rtz*/
	}
	.content-box-pagi ul.pagination li a{
		font-size:1.188em;
		padding:0.45em 0.65em;
	}
	.content-box-pagi ul.pagination li:nth-child(1) a span.p-arrow{
		display:inline-block;
		text-indent:-7px;
	}
	.content-box-pagi ul.pagination li:nth-child(1) a{
		padding:0.46em 0.95em;
	}
	.content-box-pagi ul.pagination li:nth-last-child(1) a span.n-arrow{
		display:inline-block;
		text-indent:7px;
	}
	.content-box-pagi ul.pagination li:nth-last-child(1) a{
		padding:0.46em 0.58em;
	}
	.content-box-pagi .NowAndSum{
		clear:both;
		display:inline-block;/*key*/
		padding:10px 0px 0px 40px;
	}
	.content-box-pagi .NowAndSum p{
		color:#333;
		font-size:1.228em;
		letter-spacing:0.18em;
		float:right;
	}
	.content-box-pagi .NowAndSum .pages{
		letter-spacing:-0.02em;
		margin-right:0.3em;
	}
	.content-box-pagi .NowAndSum .sum{
		letter-spacing:-0.02em;
		margin:0 0.4em;
	}
	/*back-btn-zone*/
	.back-btn-zone{
		padding:30px 0 0 0;
		text-align:center;
	}
	/*wide-page*/
	.wide-page{
		padding:0 0 0 0;
	}
	.wide-page .foreword{
		background:rgba(240,240,240,0.5);
		padding:25px 40px;
		color:#575746;
		margin-top:0px;
	}
	.wide-page .foreword h3{
		color:#806355;
		font-size:1.488em;
		font-weight:bold;
		line-height:1.28em;
		letter-spacing:0.02em;
		margin:0 0 8px 0;
		padding:0 0 0 0;
	}
	.wide-page .foreword p{
		color:#575746;
		font-size:0.955em;
		line-height:1.68em;
		letter-spacing:0.02em;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	.wide-page .sitemap-zone{
		background:rgba(240,240,240,0.5);
		padding:45px 40px 40px 55px;
		margin:40px 0;
		overflow:auto;
	}
	.wide-page .sitemap-zone > ul > li{
		display:inline-block;
		width:50%;
		margin-bottom:25px;
		vertical-align:top;
	}
	.wide-page .sitemap-zone > ul > li:nth-child(2){
		margin:0 15px 0 -25px;
	}
	.wide-page .sitemap-zone > ul > li:nth-child(5){
		margin:0 -25px 0 0;
	}
	.wide-page .sitemap-zone > ul > li > h4{
		color:#333333;
		font-size:1.488em;
		font-weight:bold;
		line-height:28px;
		background:url(../images/sitemap-cates-ico.png) left top no-repeat;
		padding:0 0 0 35px;
	}
	.wide-page .sitemap-zone > ul > li > ul{
		padding:0;
		margin:7px 0 25px 18px;
	}
	.wide-page .sitemap-zone > ul > li > ul > li{
		display:block;
		float:none;
		line-height:2.488em;
	}
	.wide-page .sitemap-zone > ul > li > ul > li > a{
		color:#4e4e4e;
		font-size:1.188em;
		font-weight:normal;
		background:url(../images/sitemap-pages-ico.png) left top no-repeat;
		background-position:0px 4px;
		padding:0 0 0 18px;
	}
	/*un-construction*/
	.un-construction{
		padding:39px 4.8%;
	}
	.un-construction .txt{
	}
	.un-construction .txt span.ico-orange{
		width:28px;
		height:28px;
		background:url(../images/un-construntion-ico-orange-dt.png) left top no-repeat;
		vertical-align:top;
	}
	.un-construction img{
		width:100%;
	}
	.un-construction .txt{
		width:628px;
		display:inline-block;
		border-right:none;
		border-left:none;
		border-top:none;
		padding:16px 20px 7px;
	}
	.un-construction .txt span.s001,
	.un-construction .txt span.s002{
		display:inline-block;
	}
	.un-construction .txt span.word{
		display:inline-block;
		font-size:1.128em;
		letter-spacing:0.02em;
		padding:0 6px;
	}
	.un-construction .btn{
		display:block;
		text-align:center;
	}
	.un-construction .btn a.back{
		display:inline-block;
	}
	/* qa-collection */
	.qa-collection ul li a.que-zone h4{
		padding:9px 14px;
	}
}
@media screen and ( min-width:1200px) {
	.breadcrumbs .breadcrumbs-box {
		max-width:1200px;
		padding:0;
	}
}
.yTextBox{
	background-color:#ffe699;
	padding:20px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	border-radius:10px;
}
.yTextBox strong{
	font-size:1.5em;
	color:#24476a;
}
.yTextBox ul{
	width:calc(100% - 120px);
    list-style-type:square;
    padding-left:1.5em;
    box-sizing:border-box;
    margin-left:5px;
}
.yTextBox ul li::marker{
	color:#f8835a;
}
.threeItem{
	width:100%;
	margin:30px 0;
}
.threeItem > ul{
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
.threeItem > ul > li{
	width:100%;
}
.threeItem img{
	max-width:100%;
	height:auto;
}
.threeItem .oneItem .icon{
	border:3px solid #ddd;
	padding:15px 5px 15px 15px;
	box-sizing:border-box;
	margin:10px 0;
	display:flex;
	align-items:center;
}
.threeItem .oneItem .icon span{
	width:calc(100% - 50px);
	line-height:130%;
	margin:0;
}
.threeItem > ul > li .oneItem .icon::after{
	content:"";
	width:50px;
	height:50px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center center;
}
.threeItem .oneItem .name{
	text-align:center;
	padding:20px;
	box-sizing:border-box;
	border-radius:50%;
	width:140px;
	height:140px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	font-size:1.125em;
}
.threeItem .oneItem ul{
	list-style-type:disc;
	padding-left:1.5em;
}
.threeItem .oneItem ul li{ float:none;}
.threeItem > ul > li:nth-of-type(1) .oneItem .name{background-color:#f4b183;}
.threeItem > ul > li:nth-of-type(2) .oneItem .name{background-color:#a9d18e;}
.threeItem > ul > li:nth-of-type(3) .oneItem .name{background-color:#ffc000;}
.threeItem > ul > li:nth-of-type(1) .oneItem .icon::after{ background-image:url(../images/itemico1.svg);}
.threeItem > ul > li:nth-of-type(2) .oneItem .icon::after{background-image:url(../images/itemico2.svg);}
.threeItem > ul > li:nth-of-type(3) .oneItem .icon::after{background-image:url(../images/itemico3.svg);}
@media screen and ( min-width:768px) {
	.threeItem > ul{justify-content:space-between;}
	.threeItem > ul > li{
		width:calc(33.3333% - 10px);
	}
}
.gdGroupInfo{
	width:100%;
}
.gdGroupInfo .row {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 -5px;
}
.gdGroupInfo .row + .row{ margin-top:15px;}
.gdGroupInfo .blockTx{
	display:block;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	text-align:center;
	font-weight:bold;
	margin:0 5px;
}
.gdGroupInfo .txt1{
	width:calc(33.3333% - 10px);
	background-color:#f4b183;
}
.gdGroupInfo .txt2{
	width:calc(66.6666% - 10px);
	background-color:#9dc3e6;
}
.gdGroupInfo .txt {
	width:calc(100% - 10px);
	background-color:#f4b183;
}
.Group .txt {
	width:100%;
	margin:0 auto;
	background-color:#f4b183;
}
.Group .txt + ul{ margin-top:15px;}
.Group > ul {
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	padding:0 !important;
	margin:-5px;
}
.Group > ul > li {
	width:33.333%;
	padding:5px;
}
.Group .pic {
	width:100%;
}
.Group .pic img {
	max-width:100%;
	height:auto;
}
.Group figcaption{
	color:#ed7d31;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
	box-sizing:border-box;
	padding:0 15px;
	font-size:1.125em;
}
.Group .data{
	margin-top:10px;
	text-align:center;
	box-sizing:border-box;
}
.Group .data strong{
	color:#ff0e0e;
	font-size:1.5em;
}
.Group .data strong span{
	color:#666;
	font-size:0.5em;
	font-weight:bold;
	padding-left:5px;
}
.threeGroup {
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
}
.gdGroupInfo .threeGroup {
	padding:0 5px;
}
.threeGroup > ul > li{
	width:100%;
}
.threeGroup .pic{
	width:100%;
	height:auto;
	padding-bottom:62%;
	position:relative;
	overflow:hidden;
}
.threeGroup .pic img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate3d(-50%, -50%, 0);
}
.threeGroup figcaption{
	font-weight:bold;
	margin-top:10px;
	text-align:center;
	box-sizing:border-box;
	padding:0 15px;
	font-size:1.125em;
}
.threeGroup > li:nth-of-type(1) figcaption{color:#ed7d31;}
.threeGroup > li:nth-of-type(2) figcaption,
.threeGroup > li:nth-of-type(3) figcaption{color:#5b9bd5;}
.threeGroup .data{
	margin-top:10px;
	text-align:center;
	box-sizing:border-box;
}
.threeGroup .data strong{
	color:#ff0e0e;
	font-size:1.5em;
}
.threeGroup .data strong span{
	color:#666;
	font-size:0.5em;
	font-weight:bold;
	padding-left:5px;
}
@media screen and ( max-width:480px) {
	.Group > ul > li {
		width:50%;
	}
}
@media screen and ( min-width:768px) {
	.threeGroup{justify-content:space-between;}
	.threeGroup > li{
		width:calc(33.3333% - 10px);
	}
	.Group > ul {
		justify-content:space-between;
	}
	.Group > ul > li {
		width:20%;
		padding:0 5px;
		box-sizing:border-box;
	}
}