/*--------------------------------------------------------
----------------------------------------------------------
Header
----------------------------------------------------------
--------------------------------------------------------*/
#header{
	background-color: white;
}

#header .normal_type{
	padding-top: 30px;
	padding-bottom: 25px;
	height: 143px;
}

#header .normal_type #sub_menu{
/* 	width: 415px; */
}

#header .normal_type #sub_menu .icon{
	background-image: url("../../images/header-icon.png");
	background-size: 413px 83px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#header .normal_type #sub_menu .icon{
		background-image: url("../../images/header-icon@2x.png");
	}
}

#header .normal_type #sub_menu .link_wrap .link{
	margin-left: 14px;
	margin-top: 5px;
}

#header .normal_type #sub_menu .link_wrap .icon_20_ncaf{
	width: 92px;
	height: 30px;
	background-position: 0px -28px;
	-ms-background-position: 0px -28px;
}

#header .normal_type #sub_menu .link_wrap .icon_ncaf{
	width: 24px;
	height: 25px;
	background-position: -79px 0px;
	-ms-background-position: -79px 0px;
}

#header .normal_type #sub_menu .link_wrap .icon_fb{
	width: 20px;
	height: 25px;
	background-position: -117px 0px;
	-ms-background-position: -117px 0px;
}

#header .normal_type #sub_menu .search_box{
	margin-left: 25px;
}

#header .normal_type #sub_menu .search_box .text_input{
	width: 158px;
	height: 32px;
}

#header .normal_type #sub_menu .search_box .text_button.icon_search{
	width: 34px;
	height: 34px;
	background-position: -149px 5px;
	-ms-background-position: -149px 5px;
}

#header .normal_type #sub_menu .languages{
	margin-top: 0px;
	margin-left: 10px;
}

#header .normal_type #sub_menu .languages .lang{
	float: left;
	margin-left: 6px;
}

#header .normal_type #sub_menu .languages .lang a{
	font-size: 14px;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
	line-height: 14px;
	height: 34px;
	width: 34px;
	box-sizing: border-box;
	letter-spacing: 0.06em;
	border: 2px solid #fff;
	padding-top: 8px;
	border-radius: 100%;
	display: block;
	text-indent: 2px;
	cursor: pointer;
	text-align: center;
}

#header .normal_type #sub_menu .languages .lang a.en{
	font-size: 12px;
	padding-top: 9px;
	line-height: 12px;
}

#header .normal_type #sub_menu .languages .lang a.active{
	border: 2px solid #646464;
}

#header .normal_type #menu{
	width: 639px;
	margin-right: -5px;
	margin-top: 25px;
}

.lang-en #header .normal_type #menu{
	margin-top: 35px;
}

#header .normal_type #menu .menu_item{
	margin-left: 33px;
}

.lang-zh #header .normal_type #menu .menu_item .menu_icon{
	width: 73.5px;
	height: 85.4px;
}

.lang-en #header .normal_type #menu .menu_item .menu_icon{
	height: 47px;
	text-indent: -9999px;
}

.lang-en #header .normal_type #menu .menu_item.menu_1 .menu_icon{
	width: 142px;
}
.lang-en #header .normal_type #menu .menu_item.menu_2 .menu_icon{
	width: 142px;
}
.lang-en #header .normal_type #menu .menu_item.menu_6 .menu_icon{
	width: 105px;
}
.lang-en #header .normal_type #menu .menu_item.menu_1 .menu_icon:After{
	background-image: url(../../images/common_en_menu_1.png);
	background-size: 142px 47px;
}
.lang-en #header .normal_type #menu .menu_item.menu_1 .menu_icon:Before{
	background-image: url(../../images/common_en_menu_1_hover.png);
	background-size: 142px 47px;
}
.lang-en #header .normal_type #menu .menu_item.menu_2 .menu_icon:After{
	background-image: url(../../images/common_en_menu_2.png);
	background-size: 142px 47px;
}
.lang-en #header .normal_type #menu .menu_item.menu_2 .menu_icon:Before{
	background-image: url(../../images/common_en_menu_2_hover.png);
	background-size: 142px 47px;
}
.lang-en #header .normal_type #menu .menu_item.menu_6 .menu_icon:After{
	background-image: url(../../images/common_en_menu_3.png);
	background-size: 105px 47px;
}
.lang-en #header .normal_type #menu .menu_item.menu_6 .menu_icon:Before{
	background-image: url(../../images/common_en_menu_3_hover.png);
	background-size: 105px 47px;
}

.lang-zh #header .normal_type #menu .menu_item .menu_icon:after,
.lang-zh #header .normal_type #menu .menu_item .menu_icon:before{
	background-image: url("../../images/menu-icon.png");
	background-size: 459px 178px;
	background-position-y: -102px;
	-ms-background-position-y: -102px;
}

.lang-zh #header .normal_type #menu .menu_item .menu_icon:before{
	background-position-y: 0px;
	-ms-background-position-y: 0px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.lang-zh #header .normal_type #menu .menu_item .menu_icon:after,
	.lang-zh #header .normal_type #menu .menu_item .menu_icon:before{
		background-image: url("../../images/menu-icon@2x.png");
	}
	.lang-en #header .normal_type #menu .menu_item.menu_1 .menu_icon:After{
		background-image: url(../../images/common_en_menu_1@2x.png);
	}
	.lang-en #header .normal_type #menu .menu_item.menu_1 .menu_icon:Before{
		background-image: url(../../images/common_en_menu_1_hover@2x.png);
	}
	.lang-en #header .normal_type #menu .menu_item.menu_2 .menu_icon:After{
		background-image: url(../../images/common_en_menu_2@2x.png);
	}
	.lang-en #header .normal_type #menu .menu_item.menu_2 .menu_icon:Before{
		background-image: url(../../images/common_en_menu_2_hover@2x.png);
	}
	.lang-en #header .normal_type #menu .menu_item.menu_6 .menu_icon:After{
		background-image: url(../../images/common_en_menu_3@2x.png);
	}
	.lang-en #header .normal_type #menu .menu_item.menu_6 .menu_icon:Before{
		background-image: url(../../images/common_en_menu_3_hover@2x.png);
	}
}

.lang-zh #header .normal_type #menu .menu_item.menu_1 .menu_icon:after,
.lang-zh #header .normal_type #menu .menu_item.menu_1 .menu_icon:before{
	background-position-x: 0px;
	-ms-background-position-x: 0px;
}

.lang-zh #header .normal_type #menu .menu_item.menu_2 .menu_icon:after,
.lang-zh #header .normal_type #menu .menu_item.menu_2 .menu_icon:before{
	background-position-x: -76.5px;
	-ms-background-position-x: -76.5px;
}

.lang-zh #header .normal_type #menu .menu_item.menu_3 .menu_icon:after,
.lang-zh #header .normal_type #menu .menu_item.menu_3 .menu_icon:before{
	background-position-x: -155px;
	-ms-background-position-x: -155px;
}

.lang-zh #header .normal_type #menu .menu_item.menu_4 .menu_icon:after,
.lang-zh #header .normal_type #menu .menu_item.menu_4 .menu_icon:before{
	background-position-x: -231px;
	-ms-background-position-x: -231px;
}

.lang-zh #header .normal_type #menu .menu_item.menu_5 .menu_icon:after,
.lang-zh #header .normal_type #menu .menu_item.menu_5 .menu_icon:before{
	background-position-x: -307px;
	-ms-background-position-x: -307px;
}

.lang-zh #header .normal_type #menu .menu_item.menu_6 .menu_icon:after,
.lang-zh #header .normal_type #menu .menu_item.menu_6 .menu_icon:before{
	background-position-x: -383px;
	-ms-background-position-x: -383px;
}

#header .normal_type #menu .menu_item .float_inner_menu{
	width: 150px;
	background-color: white;
	position: absolute;
	z-index: 4;
	padding-top: 50px;
	opacity: 0;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.2) translateY(-10px);
	transform: scale(0.2) translateY(-10px);
	transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.15s ease-out;
}

#header .normal_type #menu .menu_item:hover .float_inner_menu{
	opacity: 1;
	padding-top: 23px;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

#header .normal_type #menu .float_inner_menu li{
	width: 100%;
	font-size: 15px;
	border: 1px solid #e6e6e6;
	border-top: 0px;
	overflow: hidden;
	padding: 0px;
	box-sizing: border-box;
}

#header .normal_type #menu .float_inner_menu li a{
	text-decoration: none;
	padding: 5px 15px;
	width: 100%;
	float: left;
	transition: 400ms all ease;
}

#header .normal_type #menu .float_inner_menu li a:hover{
	background-color: #646464;
}

@-moz-document url-prefix() { 
	.lang-zh #header .normal_type #menu .menu_item.menu_1 .menu_icon:after{
		background-position: 0px -102px;
	}
	.lang-zh #header .normal_type #menu .menu_item.menu_1 .menu_icon:before{
		background-position: 0px 0px;
	}
	
	.lang-zh #header .normal_type #menu .menu_item.menu_2 .menu_icon:after{
		background-position: -76.5px -102px;
	}
	.lang-zh #header .normal_type #menu .menu_item.menu_2 .menu_icon:before{
		background-position: -76.5px 0px;
	}
	
	.lang-zh #header .normal_type #menu .menu_item.menu_3 .menu_icon:after{
		background-position: -155px -102px;
	}
	.lang-zh #header .normal_type #menu .menu_item.menu_3 .menu_icon:before{
		background-position: -155px 0px;
	}
	
	.lang-zh #header .normal_type #menu .menu_item.menu_4 .menu_icon:after{
		background-position: -231px -102px;
	}
	.lang-zh #header .normal_type #menu .menu_item.menu_4 .menu_icon:before{
		background-position: -231px 0px;
	}
	
	.lang-zh #header .normal_type #menu .menu_item.menu_5 .menu_icon:after{
		background-position: -307px -102px;
	}
	.lang-zh #header .normal_type #menu .menu_item.menu_5 .menu_icon:before{
		background-position: -307px 0px;
	}
	
	.lang-zh #header .normal_type #menu .menu_item.menu_6 .menu_icon:after{
		background-position: -383px -102px;
	}
	.lang-zh #header .normal_type #menu .menu_item.menu_6 .menu_icon:before{
		background-position: -383px 0px;
	}
}

#header .mobile_type{
	padding-top: 60px;
}

#header .mobile_type .header_bar{
	height: 52px;
	position: fixed;
	top: 0px;
	z-index: 9;
	padding-top: 8px;
}

#header .mobile_type .header_bar #logo_wrap .mobile_logo{
	width: 155px;
	height: 45px;
	background-position: -537px -190px;
}

#header .mobile_type .header_bar .languages{
	margin-top: 0px;
	margin-left: 10px;
}

#header .mobile_type .header_bar .languages .lang{
	float: left;
	margin-right: 6px;
}

#header .mobile_type .header_bar .languages .lang a{
	font-size: 15px;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
	line-height: 15px;
	height: 42px;
	width: 42px;
	box-sizing: border-box;
	letter-spacing: 0.06em;
	border: 2px solid #fff;
	padding-top: 11px;
	border-radius: 100%;
	display: block;
	text-indent: 1px;
	cursor: pointer;
	text-align: center;
}

#header .mobile_type .header_bar .languages .lang a.en{
	font-size: 14px;
	padding-top: 12px;
	line-height: 14px;
}

#header .mobile_type .header_bar .languages .lang a.active{
	border: 2px solid #646464;
}

#header .mobile_type .header_bar #menu_icon{
	width: 48px;
	height: 45px;
	position: relative;
	cursor: pointer;
	margin-right: -6.2px;
}

#header .mobile_type .header_bar #menu_icon .menu_line{
	width: 36px;
	height: 6px;
	background-color: #333;
	position: absolute;
	top: 0px;
	left:6.2px;
	transform: rotate(0deg);
	transition: 400ms all ease;
}

#header .mobile_type .header_bar #menu_icon .line_1{
	top: 6px;
	transform-origin: 2px 11px;
}

#header .mobile_type .header_bar #menu_icon .line_2{
	top: 19px;
}

#header .mobile_type .header_bar #menu_icon .line_3{
	top: 32px;
	transform-origin: 3px -4px;
}

#header .mobile_type .header_bar #menu_icon:active .menu_line{
	background-color: #818181;
}

#header .mobile_type .header_bar.active #menu_icon .line_1{
	transform: rotate(45deg);
}

#header .mobile_type .header_bar.active #menu_icon .line_2{
	opacity: 0;
}

#header .mobile_type .header_bar.active #menu_icon .line_3{
	transform: rotate(-45deg);
}

#header .mobile_type #mobile_menu{
	position: fixed;
	z-index: 8;
}

#header .mobile_type #mobile_menu .menu_bg{
	position: absolute;
	z-index: -1;
}

#header .mobile_type #mobile_menu .menu_wrapper{
	width: 320px;
	margin: 0 auto;
}

#header .mobile_type #sub_menu .icon{
	background-image: url("../../images/header-icon.png");
	background-size: 413px 83px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#header .mobile_type #sub_menu .icon{
		background-image: url("../../images/header-icon@2x.png");
	}
}

#header .mobile_type #sub_menu .search_box{
	margin-top: 30px;
	margin-bottom: 60px;
}

#header .mobile_type #sub_menu .search_box .text_input{
	width: 250px;
	height: 50px;
	font-size: 16px;
}

#header .mobile_type #sub_menu .search_box .text_button.icon_search{
	width: 50px;
	height: 50px;
	background-position: -365px 3px;
	-ms-background-position: -365px 3px;
	margin-top: 1px;
	margin-left: 2px;
}

#header .mobile_type #additional_menu .link_wrap{
	
}

#header .mobile_type #additional_menu .link_wrap .link{
	margin-left: 20px;
	margin-top: 60px;
	text-align: center;
	transition: 400ms all ease;
	margin-bottom: 40px;
	vertical-align: top;
}

#header .mobile_type #additional_menu .link_wrap .link:first-child{
	margin-left: 0px;
}

#header .mobile_type #additional_menu .link_wrap .link:active{
	opacity: 0.6;
}

#header .mobile_type #additional_menu .link_wrap .link_2 svg{
	width: 35px;
	height: 47px;
}

#header .mobile_type #additional_menu .link_wrap .link_3 svg{
	width: 38px;
	height: 38px;
}

#header .mobile_type #additional_menu .link_wrap .icon_20_ncaf{
	width: 139px;
	height: 40px;
	background-position: -182px -42px;
	-ms-background-position: -182px -42px;
}

#header .mobile_type #additional_menu .link_wrap .icon_ncaf{
	width: 40px;
	height: 38px;
	background-position: -282px 0px;
	-ms-background-position: -282px 0px;
}

#header .mobile_type #additional_menu .link_wrap .icon_fb{
	width: 40px;
	height: 38px;
	background-position: -328px 0px;
	-ms-background-position: -328px 0px;
}

@media (max-width: 380px) {
	#header .mobile_type #sub_menu .search_box{
		margin-bottom: 20px;
	}
}

@media (max-width: 320px) {
	#header .mobile_type #mobile_menu .menu_wrapper{
		width: 290px;
	}
	#header .mobile_type #additional_menu .link_wrap .link{
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	#header .mobile_type #sub_menu .search_box{
		margin-top: 10px;
	}
	#header .mobile_type #sub_menu .search_box .text_input{
		width: 222px;
	}
	#header .mobile_type .header_bar .languages{
		zoom: 0.6;
		margin-top: 19px;
	}
}

#header .mobile_type #menu .menu_item{
	width: 98.2px;
	height: 130px;
	margin-left: 12.7px;
}

@media (max-width: 320px) {
	#header .mobile_type #menu .menu_item{
		margin-left: -3px;
	}
}

#header .mobile_type #menu .menu_item:nth-child(1),
#header .mobile_type #menu .menu_item:nth-child(4){
	margin-left: 0px;
}

#header .mobile_type #menu .menu_item .menu_icon{
	height: 130px;
	width: 100%;
}

.lang-zh #header .mobile_type #menu .menu_item .menu_icon:after,
.lang-zh #header .mobile_type #menu .menu_item .menu_icon:before{
	background-image: url("../../images/m-menu-icon.png");
	background-size: 614px 246px;
	background-position-y: -118.5px;
	-ms-background-position-y: -118.5px;
}

.lang-zh #header .mobile_type #menu .menu_item .menu_icon:before{
	background-position-y: 5px;
	-ms-background-position-y: 5px;
}

.lang-en #header .mobile_type #menu .menu_item{
	height: 66px;
	width: 100%;
	margin-left: 0px;
	margin-bottom: 20px;
	background-position: center center;
}

.lang-en #header .mobile_type #menu .menu_item:last-child{
	margin-bottom: 0px;
}

.lang-en #header .mobile_type #menu .menu_item .menu_icon{
	height: 66px;
}

.lang-en #header .mobile_type #menu .menu_item .menu_icon:after,
.lang-en #header .mobile_type #menu .menu_item .menu_icon:before{
	background-size: 178px 66px;
	background-position: 30% 50%;
}

.lang-en #header .mobile_type #menu .menu_item.menu_1 .menu_icon:after{
	background-image: url("../../images/m_common_menu_1.png");
}
.lang-en #header .mobile_type #menu .menu_item.menu_1 .menu_icon:before{
	background-image: url("../../images/m_common_menu_1_hover.png");
}
.lang-en #header .mobile_type #menu .menu_item.menu_2 .menu_icon:after{
	background-image: url("../../images/m_common_menu_2.png");
}
.lang-en #header .mobile_type #menu .menu_item.menu_2 .menu_icon:before{
	background-image: url("../../images/m_common_menu_2_hover.png");
}
.lang-en #header .mobile_type #menu .menu_item.menu_6 .menu_icon:after{
	background-image: url("../../images/m_common_menu_3.png");
}
.lang-en #header .mobile_type #menu .menu_item.menu_6 .menu_icon:before{
	background-image: url("../../images/m_common_menu_3_hover.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.lang-zh #header .mobile_type #menu .menu_item .menu_icon:after,
	.lang-zh #header .mobile_type #menu .menu_item .menu_icon:before{
		background-image: url("../../images/m-menu-icon@2x.png");
	}
	
	.lang-en #header .mobile_type #menu .menu_item.menu_1 .menu_icon:after{
		background-image: url("../../images/m_common_menu_1@2x.png");
	}
	.lang-en #header .mobile_type #menu .menu_item.menu_1 .menu_icon:before{
		background-image: url("../../images/m_common_menu_1_hover@2x.png");
	}
	.lang-en #header .mobile_type #menu .menu_item.menu_2 .menu_icon:after{
		background-image: url("../../images/m_common_menu_2@2x.png");
	}
	.lang-en #header .mobile_type #menu .menu_item.menu_2 .menu_icon:before{
		background-image: url("../../images/m_common_menu_2_hover@2x.png");
	}
	.lang-en #header .mobile_type #menu .menu_item.menu_6 .menu_icon:after{
		background-image: url("../../images/m_common_menu_3@2x.png");
	}
	.lang-en #header .mobile_type #menu .menu_item.menu_6 .menu_icon:before{
		background-image: url("../../images/m_common_menu_3_hover@2x.png");
	}
}

.lang-zh #header .mobile_type #menu .menu_item.menu_1 .menu_icon:after,
.lang-zh #header .mobile_type #menu .menu_item.menu_1 .menu_icon:before{
	background-position-x: 0px;
	-ms-background-position-x: 0px;
}

.lang-zh #header .mobile_type #menu .menu_item.menu_2 .menu_icon:after,
.lang-zh #header .mobile_type #menu .menu_item.menu_2 .menu_icon:before{
	background-position-x: -105.2px;
	-ms-background-position-x: -105.2px;
}

.lang-zh #header .mobile_type #menu .menu_item.menu_3 .menu_icon:after,
.lang-zh #header .mobile_type #menu .menu_item.menu_3 .menu_icon:before{
	background-position-x: -206.4px;
	-ms-background-position-x: -196.4px;
}

.lang-zh #header .mobile_type #menu .menu_item.menu_4 .menu_icon:after,
.lang-zh #header .mobile_type #menu .menu_item.menu_4 .menu_icon:before{
	background-position-x: -305.6px;
	-ms-background-position-x: -305.6px;
}

.lang-zh #header .mobile_type #menu .menu_item.menu_5 .menu_icon:after,
.lang-zh #header .mobile_type #menu .menu_item.menu_5 .menu_icon:before{
	background-position-x: -408.8px;
	-ms-background-position-x: -408.8px;
}

.lang-zh #header .mobile_type #menu .menu_item.menu_6 .menu_icon:after,
.lang-zh #header .mobile_type #menu .menu_item.menu_6 .menu_icon:before{
	background-position-x: -512px;
	-ms-background-position-x: -512px;
}

@-moz-document url-prefix() { 
	.lang-zh #header .mobile_type #menu .menu_item.menu_1 .menu_icon:after{
		background-position: 0px -118.5px;
	}
	.lang-zh #header .mobile_type #menu .menu_item.menu_1 .menu_icon:before{
		background-position: 0px 6px;
	}
	
	.lang-zh #header .mobile_type #menu .menu_item.menu_2 .menu_icon:after{
		background-position: -105.2px -118.5px;
	}
	.lang-zh #header .mobile_type #menu .menu_item.menu_2 .menu_icon:before{
		background-position: -105.2px 6px;
	}
	
	.lang-zh #header .mobile_type #menu .menu_item.menu_3 .menu_icon:after{
		background-position: -206.4px -118.5px;
	}
	.lang-zh #header .mobile_type #menu .menu_item.menu_3 .menu_icon:before{
		background-position: -206.4px 6px;
	}
	
	.lang-zh #header .mobile_type #menu .menu_item.menu_4 .menu_icon:after{
		background-position: -305.6px -118.5px;
	}
	.lang-zh #header .mobile_type #menu .menu_item.menu_4 .menu_icon:before{
		background-position: -305.6px 6px;
	}
	
	.lang-zh #header .mobile_type #menu .menu_item.menu_5 .menu_icon:after{
		background-position: -408.8px -118.5px;
	}
	.lang-zh #header .mobile_type #menu .menu_item.menu_5 .menu_icon:before{
		background-position: -408.8px 6px;
	}
	
	.lang-zh #header .mobile_type #menu .menu_item.menu_6 .menu_icon:after{
		background-position: -512px -118.5px;
	}
	.lang-zh #header .mobile_type #menu .menu_item.menu_6 .menu_icon:before{
		background-position: -512px 6px;
	}
}

/*--------------------------------------------------------
----------------------------------------------------------
Footer
----------------------------------------------------------
--------------------------------------------------------*/


#footer #footer_logo .icon{
	width: 290px;
	height: 121px;
	background-position: -182px 0px;
	-ms-background-position: -182px 0px;
}

#footer #footer_menu{
	width: 580px;
	margin-top: 20px;
}

#footer #footer_menu .footer_menu_link{
	margin-left: 25px;
	text-align: right;
}

#footer #footer_menu .footer_menu_link:first-child{
	margin-left: 0px;
}

#footer #footer_menu #copyright{
	margin-top: 15px;
	letter-spacing: 0.015em;
}

@media (max-width: 992px) {
	#footer #footer_menu{
		width: 450px;
	}
	
	#footer #footer_menu .footer_menu_link{
		margin-left: 10px;
	}
}

@media (max-width: 768px) {
	#footer {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#footer #footer_logo{
		float: none;
		width: 290px;
		margin: 0 auto;
		zoom: 0.9;
	}
	
	#footer #footer_menu{
		width: 100%;
	}
	
	#footer #footer_menu #copyright{
		text-align: center;
		font-size: 12px;
		margin-top: 10px;
	}
}

/*--------------------------------------------------------
----------------------------------------------------------
浮動按鈕
----------------------------------------------------------
--------------------------------------------------------*/

#floating_obj > *{
	position: fixed;
	z-index: 7;
}

#floating_obj #message_for_free_btn{
	width: 80px;
	margin-top: -140px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	background-color: rgba(255,255,255,0.7);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#floating_obj #message_for_free_btn a{
	padding: 27px 35px 27px 15px;
	box-sizing: border-box;
}

#floating_obj #message_for_free_btn #mail_icon{
	position: relative;
}

#floating_obj #message_for_free_btn #mail_icon .fa{
	position: absolute;
	z-index: 3;
	left: 7.5px;
	top: 1px;
}

#floating_obj #message_for_free_btn .text{
	line-height: 18px;
}

#floating_obj #message_for_free_btn .text .dot{
	padding-left: 2px;
}

#floating_obj #message_for_free_btn:hover{
	right: -10px;
}

#floating_obj #message_for_free_btn:active{
	opacity: 0.6;
}

@media (max-width: 768px) {
	#floating_obj #message_for_free_btn{
		margin-top: -25px;
		right: -22px;
	}
	
	#floating_obj #message_for_free_btn a{
		padding: 15px 35px 50px 15px;
	}
}

#floating_obj #back_to_top_btn{
	width: 36px;
	display: none;
	transition: margin-top 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition: margin-top 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#floating_obj #back_to_top_btn .hex_icon{
	transition: 400ms all ease;
}

#floating_obj #back_to_top_btn #back_to_top_icon{
	position: relative;
}

#floating_obj #back_to_top_btn .label{
	color: #777777;
}

#floating_obj #back_to_top_btn #back_to_top_icon .fa{
	position: absolute;
	z-index: 3;
	left: 10px;
	top: 1px;
}

#floating_obj #back_to_top_btn:hover .hex_icon{
	background-color: #dd0012;
}

#floating_obj #back_to_top_btn:active{
	margin-top: 10px;
}

#floating_obj #back_to_top_btn:active .hex_icon{
	background-color: #95000d;
}

@media (max-width: 1024px) {
	#floating_obj #back_to_top_btn{
		display: none;
	}
}

/*--------------------------------------------------------
----------------------------------------------------------
具側邊欄位的文章內頁樣式
----------------------------------------------------------
--------------------------------------------------------*/

.sidebar_article_page .article_wrapper .container{
	position: relative;
}

.sidebar_article_page .article_wrapper .sidebar_aside{
	position: absolute;
	left: 0px;
	width: 270px;
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 22px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	z-index: 4;
}
.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name{
	padding-left: 25px;
	padding-bottom: 15px;
}

.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon{
	width: 21.5px;
	height: 21.5px;
}

@media
not screen and (-webkit-min-device-pixel-ratio: 2),
not screen and (   min--moz-device-pixel-ratio: 2),
not screen and (     -o-min-device-pixel-ratio: 2/1),
not screen and (        min-device-pixel-ratio: 2),
not screen and (                min-resolution: 192dpi),
not screen and (                min-resolution: 2dppx) { 
	.exhibitions_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .hex_icon,
	.ncaf_grants_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .hex_icon,
	.curartors_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .hex_icon{
		background-image: url("../../images/common-icon.png");
		background-size: 385px 291px;
		width: 13px;
		height: 13px;
		background-color: transparent;
		top: 3px;
	}
	
	.curartors_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon:before,
	.curartors_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon:after{
		display: none;
	}
	
	.ncaf_grants_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .hex_icon{
		background-position: -41px 0px;
	}
	.exhibitions_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .hex_icon{
		background-position: -54px 0px;
	}
	.curartors_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .hex_icon{
		background-position: -66px 0px;
	}
}

.about_page.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon{
	background-position: -90px -69px;
	-ms-background-position: -90px -69px;
}
.exhibitions_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon{
	background-position: 0px -69px;
	-ms-background-position: 0px -69px;
}
.opencalls_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon{
	background-position: -21.5px -71px;
	-ms-background-position: -21.5px -71px;
	vertical-align: middle;
}
.events_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon{
	background-position: -43px -69px;
	-ms-background-position: -43px -69px;
}
.forum_type_post.sidebar_article_page .article_wrapper .sidebar_aside .article_type_name .icon{
	background-position: -67.5px -69px;
	-ms-background-position: -67.5px -69px;
}

.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link{
	padding: 7px 10px 7px 48px;
	transition: 100ms background-color ease;
	cursor: pointer;
}

.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link a{
	transition: 100ms color ease;
	font-weight: 300;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover a,
.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover a *{
	color: #fff;
}
.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active a,
.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active a *,
.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active a,
.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active a *{
	color: #fff;
}


.curartors_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover{
	background-color: #009991;
}
.curartors_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active{
	background-color: #009991;
}
.curartors_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active{
	background-color: #00726c;
}
.ncaf_grants_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover{
	background-color: #dd0012;
}
.ncaf_grants_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active{
	background-color: #dd0012;
}
.ncaf_grants_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active{
	background-color: #5b0008;
}
.exhibitions_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover{
	background-color: #ea8f00;
}
.exhibitions_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active{
	background-color: #ea8f00;
}
.exhibitions_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active{
	background-color: #c07700;
}
.bulletin_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover,
.about_page.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover,
.forum_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:hover{
	background-color: #727171;
}
.bulletin_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active,
.about_page.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active,
.forum_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link.active{
	background-color: #727171;
}
.bulletin_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active,
.about_page.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active,
.forum_type_post.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:active{
	background-color: #515151;
}

.sidebar_article_page .article_wrapper .sidebar_aside #other_links ul{
	margin-right: 32px;
	margin-top: 10px;
}

.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link{
	margin-left: 5px;
}

.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link .multi_icon{
	width: 25px;
	height: 26px;
}

.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link .fb_icon:after{
	background-position: 0px -42.5px;
	-ms-background-position: 0px -42.5px;
}
.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link .fb_icon:before{
	background-position: 0px -16px;
	-ms-background-position: 0px -16px;
}
.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link .email_icon:after{
	background-position: -26.5px -42.5px;
	-ms-background-position: -26.5px -42.5px;
}
.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link .email_icon:before{
	background-position: -26.5px -16px;
	-ms-background-position: -26.5px -16px;
}
.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link .person_icon:after{
	background-position: -53px -42.5px;
	-ms-background-position: -53px -42.5px;
}
.sidebar_article_page .article_wrapper .sidebar_aside #other_links .other_link .person_icon:before{
	background-position: -53px -16px;
	-ms-background-position: -53px -16px;
}

.sidebar_article_page .article_wrapper .article_content{
	padding-left: 320px;
	box-sizing: border-box;
	position: relative;
}

.sidebar_article_page .article_wrapper .article_section{
	border-bottom: 1px solid #acacad;
}

.sidebar_article_page .article_wrapper .article_section:first-child,
.sidebar_article_page .article_wrapper .article_section:last-child{
	border-bottom: 0px solid #acacad;
}

.sidebar_article_page .article_wrapper .top_section{
	position: relative;
}

.curartors_type_post.sidebar_article_page .article_wrapper .top_section{
	height: 300px;
}

.lang-en .curartors_type_post.sidebar_article_page .article_wrapper .top_section{
	display: table;
}

.sidebar_article_page .article_wrapper .top_section #article_figure{
	width: 100%;
	height: 300px;
	margin: 0px;
	padding: 0px;
}

.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_figure{
	width: 550px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

.sidebar_article_page .article_wrapper .top_section #article_figure img{
	width: 100%;
	height: 100%;
}

.sidebar_article_page .article_wrapper .top_section #article_title{
	padding-left: 0px;
	padding-top: 20px;
	box-sizing: border-box;
	padding-bottom: 15px;
}

.ncaf_grants_type_post.sidebar_article_page .article_wrapper .top_section hr{
	border-top: 2px solid #dd0012;
}

.exhibitions_type_post.sidebar_article_page .article_wrapper .top_section hr{
	border-top: 2px solid #ea8f00;
}

.bulletin_type_post.sidebar_article_page .article_wrapper .top_section hr{
	border-top: 2px solid #727171;
}

.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_title{
	padding-left: 580px;
	padding-top: 30px;
	box-sizing: border-box;
	height: 100%;
	background-color: #fff;
	padding-bottom: 0px;
}

.lang-en .curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_title{
	padding-top: 0px;
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.sidebar_article_page .article_wrapper .top_section #article_title h1{
	margin: 0px;
	margin-top: 0px;
	text-align: left;
}

.sidebar_article_page .article_wrapper .top_section #article_title .en{
	line-height: 1.8em;
}

.sidebar_article_page .article_wrapper .top_section #article_detail{
	
}

.sidebar_article_page .article_wrapper .top_section #article_detail ul{
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
	border-bottom: 1px dashed #acacad;
}

.sidebar_article_page .article_wrapper .top_section #article_detail ul.last{
	margin-bottom: 5px;
	border-bottom: 0px dashed #acacad;
}

.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line{
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.8em;
	display: flex;
}

.lang-en .sidebar_article_page .article_wrapper .top_section #article_detail .detail_line .content{
	font-family: 'Times', sans-serif;
}

.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line span{
	
}

.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line span:first-child{
	padding-right: 10px;
	white-space: nowrap;
}

.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line .overtime{
	color: #dd0012;
	padding-left: 10px;
}

.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line.long_text{
	text-indent: -33px;
	padding-left: 67px;
	box-sizing: border-box;
}

.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line.s_long_text{
	text-indent: -19px;
	padding-left: 38px;
	box-sizing: border-box;
}

.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line.long_text span:last-child,
.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line.s_long_text span:last-child{
	display: inherit;
	padding-left: 0px;
	text-indent: 0px;
	margin-top: -27px;
	text-align: justify;
}

.sidebar_article_page .article_wrapper .top_section .float_icon{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}

.ncaf_grants_type_post.sidebar_article_page .article_wrapper .top_section .float_icon{
	width: 58px;
	height: 63px;
	background-position: -1px -146px;
	-ms-background-position: -1px -146px;
}

.sidebar_article_page .article_wrapper .article_section .article_list{
	display: table;
}

.sidebar_article_page .article_wrapper .article_section .dot_list > li ul{
	margin-top: 5px;
}

.sidebar_article_page .article_wrapper .article_section .dot_list > li ul li{
	line-height: 1.8em;
}

.sidebar_article_page .article_wrapper .article_section .dot_list > li ul span{
	padding-left: 10px;
}

.sidebar_article_page .article_wrapper .article_section .article_list .article_line:first-child{
	padding-top: 0px;
}

.sidebar_article_page .article_wrapper .article_section .article_list .article_line{
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	display: table-row;
}

.sidebar_article_page .article_wrapper .article_section .article_list .article_line .date{
	width: 65px;
	word-break: normal;
	word-wrap: normal;
	text-align: left;
	padding-right: 35px;
	display: table-cell;
	vertical-align: top;
	line-height: 1.8em;
}

.sidebar_article_page .article_wrapper activities.article_section .article_list .article_line .date,
.sidebar_article_page .article_wrapper #reports.article_section .article_list .article_line .date{
	width: 65px;
	line-height: 1.8em;
}

.lang-en .sidebar_article_page .article_wrapper .article_section .article_list .article_line .date,
.lang-en .sidebar_article_page .article_wrapper activities.article_section .article_list .article_line .date,
.lang-en .sidebar_article_page .article_wrapper #reports.article_section .article_list .article_line .date{
	font-family: 'Times', sans-serif;
	width: 85px;
	padding-right: 20px;
	line-height: 2.3em;
    font-size: 13px;
}

.sidebar_article_page .article_wrapper .article_section .article_list .article_line .title{
	display: table-cell;
}

.sidebar_article_page .article_wrapper .article_section .article_list .article_line .title *{
	width: 100%;
	float: left;
	line-height: 1.8em;
	text-align: left;
	text-decoration: none;
}

.lang-en .sidebar_article_page .article_wrapper .article_section .article_list .article_line .title *{
	font-family: 'Times', sans-serif;
}

.sidebar_article_page .article_wrapper .article_section .article_list .article_line .title a{
	transition: 400ms color ease;
}

.sidebar_article_page .article_wrapper .article_section .article_list .article_line .title a:hover{
	color: #dd0012;
}

.sidebar_article_page .article_wrapper #curating_experience.article_section .article_list .article_line span:last-child,
.sidebar_article_page .article_wrapper #education.article_section .article_list .article_line span:first-child,
.sidebar_article_page .article_wrapper #experience.article_section .article_list .article_line span:first-child,
.sidebar_article_page .article_wrapper #publication.article_section .article_list .article_line span:first-child,
.sidebar_article_page .article_wrapper #reports.article_section .article_list .article_line span:last-child{
	color: #727171;
}

.sidebar_article_page .article_wrapper #curating_experience.article_section .article_list .article_line span:first-child,
.sidebar_article_page .article_wrapper #publication.article_section .article_list .article_line span:last-child,
.sidebar_article_page .article_wrapper #reports.article_section .article_list .article_line span:first-child{
	color: #969797;
}

.sidebar_article_page .article_wrapper .article_section .inner_section .inner_section_title{
	margin-top: 40px;
	padding-bottom: 10px;
	border-bottom: 2px solid #595757;
	margin-bottom: 20px;
}

.sidebar_article_page .article_wrapper .article_section .inner_section:first-child .inner_section_title{
	margin-top: 0px;
}

.sidebar_article_page .article_wrapper #tags .section_content,
.sidebar_article_page .article_wrapper #related_links .section_content{
	margin-bottom: -13px;
}

.sidebar_article_page .article_wrapper #attachments .section_content{
	margin-bottom: -18px;
}

.sidebar_article_page .article_wrapper #tags .tag_btn,
.sidebar_article_page .article_wrapper #related_links .link_btn,
.links_btn_list .link_btn{
	margin-right: 5px;
	margin-bottom: 18px;
}

.sidebar_article_page .article_wrapper #attachments .attachments_list > .download_btn{
	width: 33.333%;
	margin-bottom: 18px;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic{
	width: 33.33%;
	height: 150px;
	padding: 6px 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic:nth-child(3n+1){
	padding-left: 0px;
	padding-right: 6px;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic:nth-child(3n+3){
	padding-left: 6px;
	padding-right: 0px;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box,
.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box .gallery_figure{
	position: relative;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box:before,
.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box:after{
	content: "";
	position: absolute;
	top: -0.9px;
	height: 100%;
	width: 0px;
	background-color: #dd0012;
	z-index: 1;
	transition: 400ms width ease;
}
.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box .gallery_figure:before,
.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box .gallery_figure:after{
	content: "";
	position: absolute;
	left: -0.9px;
	height: 0px;
	width: 100%;
	background-color: #dd0012;
	z-index: 1;
	transition: 400ms height ease;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box:before{
	left: -0.9px;
}
.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box:after{
	right: -0.9px;
}
.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box .gallery_figure:before{
	top: -0.9px;
}
.sidebar_article_page .article_wrapper #gallery .gallery_pic .fancy_box .gallery_figure:after{
	bottom: -0.9px;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic:hover .fancy_box:before,
.sidebar_article_page .article_wrapper #gallery .gallery_pic:hover .fancy_box:after{
	width: 6px;
}
.sidebar_article_page .article_wrapper #gallery .gallery_pic:hover .fancy_box .gallery_figure:before,
.sidebar_article_page .article_wrapper #gallery .gallery_pic:hover .fancy_box .gallery_figure:after{
	height: 6px;
}

.sidebar_article_page .article_wrapper #gallery .gallery_pic a,
.sidebar_article_page .article_wrapper #gallery .gallery_pic a *{
	height: 100%;
	width: 100%;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line{
	width: 33.33%;
	height: 150px;
	padding: 6px 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:nth-child(3n+1){
	padding-left: 0px;
	padding-right: 6px;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:nth-child(3n+3){
	padding-left: 6px;
	padding-right: 0px;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box,
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box .figure{
	position: relative;
	background-color: white;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box > *{
	border: 1px solid #eeefef;
	box-sizing: border-box;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box:before,
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box:after{
	content: "";
	position: absolute;
	top: -0.9px;
	height: 100%;
	width: 0px;
	background-color: #dd0012;
	z-index: 1;
	transition: 400ms width ease;
}
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box .figure:before,
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box .figure:after{
	content: "";
	position: absolute;
	left: -0.9px;
	height: 0px;
	width: 100%;
	background-color: #dd0012;
	z-index: 1;
	transition: 400ms height ease;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box:before{
	left: -0.9px;
}
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box:after{
	right: -0.9px;
}
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box .figure:before{
	top: -2px;
}
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line .box .figure:after{
	bottom: -0.9px;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:hover .box:before,
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:hover .box:after{
	width: 6px;
}
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:hover .box .figure:before,
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:hover .box .figure:after{
	height: 6px;
}

.sidebar_article_page .article_wrapper .boxes_wrapper .box_line a,
.sidebar_article_page .article_wrapper .boxes_wrapper .box_line a *{
	height: 100%;
	width: 100%;
}

.sidebar_article_page .article_wrapper #videos .embed_responsive{
	height: 430px;
	position: relative;
}

.sidebar_article_page .article_wrapper #videos .embed_responsive iframe,
.sidebar_article_page .article_wrapper #videos .embed_responsive object,
.sidebar_article_page .article_wrapper #videos .embed_responsive embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sidebar_article_page .article_wrapper .section_content .section_inner_content{
	border-bottom: 1px dashed #727171;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	margin-left: -20px;
}

.sidebar_article_page .article_wrapper .section_content .section_inner_content:last-child{
	border-bottom: 0px dashed #727171;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.sidebar_article_page .article_wrapper .section_content .section_inner_content > *{
	margin-top: 10px;
}

.sidebar_article_page .article_wrapper .section_content .section_inner_content > label{
	margin-top: 0px;
}

@media (max-width: 1200px) {
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_figure{
		width: 450px;
	}
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_title{
		padding-left: 480px;
	}
}

@media (max-width: 992px) {
	.sidebar_article_page .article_wrapper .sidebar_aside{
		position: fixed;
		width: 100%;
		top: 60px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-top:1px solid #bababa;
		height: 49px;
		overflow: hidden;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside:before{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 49px;
		width: 35px;
		content: "";
		background-color: red;
		z-index: 2;
		background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
		opacity: 1;
		transition: 400ms opacity ease;
		pointer-events: none;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside:after{
		position: absolute;
		right: 0px;
		top: 0px;
		height: 49px;
		width: 35px;
		content: "";
		background-color: red;
		z-index: 2;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-9 */
		opacity: 1;
		transition: 400ms opacity ease;
		pointer-events: none;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside.reach_front:before{
		opacity: 0;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside.reach_last:after{
		opacity: 0;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link{
		float: left;
		padding: 11px 10px 13px 10px;
		border-left: 1px solid #bababa;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link:first-child{
		border-left: 0px solid #bababa;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link *{
		font-size: 14px;
		display: inline;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-drag: none;
		user-drag: none;
	}
	
	.sidebar_article_page .article_wrapper .sidebar_aside .scrolling_menu .scroll_link span{
		display: none;
	}
	
	.sidebar_article_page .article_wrapper .article_content{
		padding-left: 0px;
	}
	
	.sidebar_article_page .article_wrapper .top_section{
		padding-top: 25px;
	}
	
	.sidebar_article_page .article_wrapper .top_section .float_icon{
		top: 25px;
	}
	
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_figure{
		width: 450px;
		height: 300px;
	}
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_title{
		padding-left: 480px;
	}
}

@media (max-width: 768px) {
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_figure{
		width: 60%;
	}
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_title{
		padding-left: 65%;
	}
	.sidebar_article_page .article_wrapper #videos .embed_responsive{
		height: 290px;
	}
	
	.sidebar_article_page .article_wrapper #gallery .gallery_wrapper{
		height: 400px;
		position: relative;
		background-color: #222;
	}
	
	.sidebar_article_page .article_wrapper #gallery .gallery_wrapper .gallery_outer{
		height: 100%;
		overflow: hidden;
	}
	
	.sidebar_article_page .article_wrapper #gallery .gallery_wrapper .gallery_pic{
		width: 100%;
		height: 100%;
		padding: 0px;
		float: left;
	}
	
	.sidebar_article_page .article_wrapper #gallery .navigation > *{
		position: absolute;
		z-index: 4;
		top: 50%;
		margin-top: -33px;
		transition: 400ms opacity ease;
	}
	
	.sidebar_article_page .article_wrapper #gallery .navigation a{
		padding: 20px 20px;
	}
	
	.sidebar_article_page .article_wrapper #gallery .navigation #left_arrow{
		left: 0px;
	}
	
	.sidebar_article_page .article_wrapper #gallery .navigation #right_arrow{
		right: 0px;
	}
	
	.sidebar_article_page .article_wrapper #gallery.left_end .navigation #left_arrow{
		opacity: 0;
	}
	
	.sidebar_article_page .article_wrapper #gallery.right_end .navigation #right_arrow{
		opacity: 0;
	}
	
	.sidebar_article_page .article_wrapper #gallery .pagination {
		position: absolute;
		z-index: 3;
		bottom: 5px;
		display: inline-block;
		top: auto;
		left: auto;
		text-align: center;
		width: 100%;
	}
	
	.sidebar_article_page .article_wrapper #gallery .pagination *{
		display: inline-block;
	}
	
	.sidebar_article_page .article_wrapper #gallery .pagination .figurepagination{
		width: 8px;
		height: 8px;
		background-color: #808080;
		border-radius: 8px;
		margin: 0 4px;
		display: block;
		transition: 400ms background-color ease;
	}
	
	
	.sidebar_article_page .article_wrapper #gallery .pagination .figurepagination.active{
		background-color: #fff;
	}
	
	.sidebar_article_page .article_wrapper #gallery .pagination .figurepagination:hover{
		background-color: #b3b3b3;
	}
	
	.sidebar_article_page .article_wrapper #gallery .pagination .figurepagination.active:hover{
		background-color: #fff;
	}
	
	.sidebar_article_page .article_wrapper #gallery .pagination .figurepagination:active{
		background-color: #636363;
	}
}

@media (max-width: 420px) {
	.sidebar_article_page .article_wrapper .top_section{
		height: auto;
		padding-top: 60px;
		margin-top: -42px;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.sidebar_article_page .article_wrapper .top_section .float_icon{
		top: 60px;
		opacity: 0.85;
	}
	
	.sidebar_article_page .article_wrapper .top_section #article_detail .detail_line{
		width: 100%;
	}
	
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section{
		background-color: #fff;
		height: auto;
	}
	
	.sidebar_article_page .article_wrapper .top_section #article_figure,
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_figure{
		width: 100%;
		height: 220px;
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
		overflow: hidden;
	}
	
	.sidebar_article_page .article_wrapper .top_section #article_figure .bg_img,
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_figure .bg_img{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.sidebar_article_page .article_wrapper .top_section #article_figure img{
		width: 110%;
		margin-left: -15px;
	}
	
	.sidebar_article_page .article_wrapper .top_section #article_title,
	.curartors_type_post.sidebar_article_page .article_wrapper .top_section #article_title{
		padding: 20px 0px;
		height: auto;
	}
	
	.sidebar_article_page .article_wrapper .top_section #article_title h1{
		margin-top: 0px;
	}
	
	.sidebar_article_page .article_wrapper .article_section .article_list .article_line .date{
		padding-right: 10px;
	}
	
	.sidebar_article_page .article_wrapper #videos .embed_responsive{
		height: 230px;
	}
	
	.sidebar_article_page .article_wrapper #gallery .gallery_wrapper{
		height: 230px;
	}
	
	.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:nth-child(3n+1){
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.sidebar_article_page .article_wrapper .boxes_wrapper .box_line,
	.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:nth-child(4n+4){
		width: 47%;
		margin-right: 6%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.sidebar_article_page .article_wrapper .boxes_wrapper .box_line:nth-child(2n+2){
		margin-right: 0px;
	}
	
	.sidebar_article_page .article_wrapper #attachments .attachments_list > .download_btn{
		width: 50%;
	}
	
	.sidebar_article_page .article_wrapper #attachments .attachments_list{
		display: table;
	}
	
	.sidebar_article_page .article_wrapper #attachments .attachments_list > .download_btn{
		display: table-row;
	}
	
	.sidebar_article_page .article_wrapper #attachments .attachments_list > .download_btn .download_icon{
		display: table-cell;
	}
	
	.sidebar_article_page .article_wrapper #attachments .attachments_list > .download_btn span{
		display: table-cell;
	}
}

@media (max-width: 320px) {
	.sidebar_article_page .article_wrapper #videos .embed_responsive{
		height: 150px;
	}
	.sidebar_article_page .article_wrapper #gallery .gallery_wrapper{
		height: 150px;
	}
	.sidebar_article_page .article_wrapper .boxes_wrapper .box_line{
		height: 100px;
	}
}

/*--------------------------------------------------------
----------------------------------------------------------
讀取樣式
----------------------------------------------------------
--------------------------------------------------------*/

#loading{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #fff;
	top: 0px;
	left: 0px;
	z-index: 33;
}

#loading .sk-circle {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
}

.lt-ie10 #loading{
	background-image: url(../../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	-ms-background-position: center center;
}

.lt-ie10 #loading .sk-circle{
	display: none;
}

#loading .sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#loading .sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #dd0012;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
#loading .sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg); 
}
#loading .sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg); 
}
#loading .sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg); 
}
#loading .sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg); 
}
#loading .sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg); 
}
#loading .sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg); 
}
#loading .sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg); 
}
#loading .sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg); 
}
#loading .sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg); 
}
#loading .sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg); 
}
#loading .sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg); 
}
#loading .sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s; 
}
#loading .sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s; 
}
#loading .sk-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s; 
}
#loading .sk-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
#loading .sk-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s; 
}
#loading .sk-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s; 
}
#loading .sk-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s; 
}
#loading .sk-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s; 
}
#loading .sk-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s; 
}
#loading .sk-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s; 
}
#loading .sk-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s; 
}

@-webkit-keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}