@charset "utf-8";

@media screen and (max-width: 768px) {
	
	
	/* Mobile page default setting */


	html {  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

	* { -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0);  }
	
	body { -webkit-text-size-adjust:none; font-family:Helvetica, Arial, sans-serif;  background-color:transparent; }
	
	body, button { margin:0; padding:0; position:relative; }
	
	
	body, td, input, select, textarea, button { font-family: "STHeitiTC", "HelveticaNeue", "Helvetica Neue", sans-serif, Helvetica, Arial, "Lucida Grande", sans-serif; }
			


				
	.no-select
	{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.no-transition
	{
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}
	
	@keyframes rotating
		{
		from
		{
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			}
		to
			{
			transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			}
		}
	@-webkit-keyframes rotating /* Safari and Chrome */
		{
		from
			{
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			}
		to
			{
			transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			}
		}
	.rotating
		{
		-webkit-animation: rotating 1s linear infinite;
		-moz-animation: rotating 1s linear infinite;
		-ms-animation: rotating 1s linear infinite;
		-o-animation: rotating 1s linear infinite;
		animation: rotating 1s linear infinite;
		}
/* Mobile page default setting */

	.wrapper { width:100%; background-image:url(../../images/mbg.jpg); background-repeat:repeat-y; background-position:center top;}}
.desktop-ele {display:none}
.mobile-ele {display:block}
.wrapper #videolist .item h4 {
    margin-bottom: 5px;

}


.wrapper #videolist .item h5 {
	height:auto;
    line-height: 1.2em;
	font-size:1em;
	padding:0 0 10px 0
	}
	
.info-gp {margin-top:30px}
.fea_header h1 {line-height:125%}
.fea_header p {font-size: 15px; padding: 0 ;}
.gt-photo  p { padding-left:10px; padding-right:10px; margin-bottom: 0;line-height: 125%}
.gt-photo span {font-size: 15px; line-height:125%; padding-left: 10px;padding-right: 10px;display: block;}
.info-text { padding-left:20px; padding-right:20px}
.info-text.info-text-two{ padding-left:0; padding-right:0}
br.no_m {display:none}
.com-slider-gp { padding-left:20px; padding-right:20px}
.gp-2_table  {display:block}
.gp-2_tr  {display:block}
.gp-2_td {width:100%;display:block}
.gp-2_td img {width:100%}
.gp-2_td:nth-child(2) {display:none}
.gp-2_td:nth-child(3) { margin-top:20px}
.wrapper  .video_swiper{margin-bottom:30px; margin-top:30px}
.com-btn {display:none}
.com-btn.com-btn-m {display:block  !important; width:100%  !important}
.a-photo {
	width: 100%;
margin-left: 0;
display: block;
float: none;}
#com-slider-one {display:block}
#com-slider-two {display:block}
.ahead-photo .fea-sub-head-s { padding: 0 20px}
.the-a-gp {text-align:center}
.the-a-gp a {
	margin: 0 0 20px 0;
	-webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);
	 -moz-box-shadow: 0px 2px 4px -2px  rgba(0,0,0,0.33);
	 box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);

}
.the-a-gp a:nth-child(even)   {margin-left: 0}
.info-text p.fea-sub-head{font-size: 33px;}
.ahead-photo .fea-sub-head-b {font-size: 26px;}
.ahead-photo .fea-sub-head-s {font-size: 18px;}






	


div#fea_menu {
	width:100%;
	margin-bottom: 0; 
padding:0 ;
position: fixed;
background-color: #fff;
z-index: 2;
right: 0;
bottom: 4px;
	 -webkit-box-shadow: 0px 2px 2px 0px  rgba(0,0,0,0.33);
	 -moz-box-shadow: 0px 2px 2px 0px  rgba(0,0,0,0.33);
	 box-shadow: 0px 2px 2px 0px  rgba(0,0,0,0.33);
	 display:table;
}
div#fea_menu ul{ width:auto;  display:table-row;}

div#fea_menu ul li
{	
width:25%;
  display:table-cell;
	height:40px;
	cursor:pointer;
	font-size:13px;
	line-height:125%;
	text-align:center;
font-family: 'Noto Serif CJK TC', 'Noto Serif CJK', 'Source Han Serif TC', 'Source Han Serif', 'source-han-serif-tc', serif;
letter-spacing: 0.02em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  
color:#444; 
font-weight: 600; 
vertical-align: middle;
border-left: solid #cccccc 1px;
background-color:#eeeeee;

	}
div#fea_menu ul li:nth-child(1) {border-left: none;}
	div#fea_menu ul li a
{
color:#444444;

display:block;
}

 div#fea_menu ul li.on,  div#fea_menu ul li.on  a
{
color:#ffffff;
background-color:#3d2756

}

#footer {
	margin-bottom:40px;
}


.com_contect {padding-left:20px;  padding-right: 20px; }
.fea_con_a {padding-top:120px}
.fea_con_a .com_contect p.atitle { height: auto; line-height: 125%;}
#com_list a, #com_list .list-tr, #com_list .list-table {display:block}

#com_list { border-top: solid 1px #ccc;}
#com_list a{font-size: 17px; overflow: hidden; width:100%}
#com_list a ins[style] {font-size: 16px !important;}

#com_list {
	display:none;
height: calc(100% - 70px);

position: fixed;

margin-left: 10px;

margin-right: 10px;

width: calc(100% - 20px);

bottom: 60px;

overflow: scroll;
z-index:100;
}

#com_list .head_title { background-size: 100% 1px; }



.content_pic {display: block;width: 100%;float: inherit;margin-left: 0;}
.content_pic_tr {display: block;}
.content_pic_td {display: block;}
.content_pic_td video{ width: 100%; height:auto}
.content_pic_b {margin-right:0; display: block}
.content_pic_td.cap_td{ padding-bottom:40px}
.content_pic_td img {max-width:none}
.fea_con_a  a.com-btn.off[style] {	display:none !important;}

.img_cap
{
    position: relative;
    display: block;
    z-index: 0;
    top: auto;
    left: auto;
}

.the-a-gp a img.a-bg {width: 100%;}
.the-a-gp a img.sto-label{width: 100%;}
.the-a-gp a{width: 100%;}
.the-a-gp a p{width: auto;font-size: 14px;}





#com_list a.panel_back_btn {
display:block;	
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMTI5OTJERjYzMTExRTlCQjcyRkFDNkM3NDRDOTgzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGMTI5OTJFRjYzMTExRTlCQjcyRkFDNkM3NDRDOTgzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUYxMjk5MkJGNjMxMTFFOUJCNzJGQUM2Qzc0NEM5ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUYxMjk5MkNGNjMxMTFFOUJCNzJGQUM2Qzc0NEM5ODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6UnAL6AAAKmklEQVR42uRc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");
background-size:cover;
width:36px;
height:36px;
position:fixed;
z-index: 101;
right: 10px;
top: 10px;

}
.info-text p {font-size: 21px}
.com_contect .h-pg {font-size: 27px}
.com_contect p {font-size: 21px}

.fea_con_a.fea_con_in{background-image:url(../../images/m_in_bg.png); background-repeat:no-repeat; background-position:center top;}
.content_pic_td{text-align:center}
.content_pic_b .content_pic_td img { height: auto; max-width:calc(100%)}
.the-a-gp a p{width:50%}



}





@media screen and (max-width: 414px) {
	
	.header_logo_p{padding-left:16px;padding-right:16px;}
	
.the-a-gp a:nth-child(even)   {margin-left: 0}
.wrapper h1.title img {
    width: 92%;
}

.wrapper h1.title {
    padding-top: 1px !important;
}

.wrapper .topNav img.logo45 { 
	width: 25% !important;
}

.wrapper .topNav img.logo45 {
    padding-top: 0px !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.001em !important;
 
}

.wrapper #videolist .item h4 {
    font-size: 1.0em;
    line-height: 1.1em;
	padding: 0 10px;

}

.wrapper #videolist .item h5 {
    font-size: 1em;
    line-height: 1.2em;
	padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
	height:auto;

}

.fancybox-button {

    margin-top: 40px !important;
    
}


.slick-dots li { width:10px !important; height:10px !important;}


#com-slider-two.com-slider-gp {padding-left: 0;    padding-right: 0;}
.the-a-gp {padding-left: 20px;    padding-right:  20px;}
.the-a-gp a p{font-size: 12px;}

}

@media screen and (max-width: 360px) {
	

	.wrapper #videolist .item h4 {
    font-size: 0.8em;
    line-height: 1.1em;
	padding: 0 5px;

}
	}


@media screen and (max-width: 320px) {	

.wrapper #videolist .item h5 {	
height:auto;
	padding: 0;
}

.wrapper #videolist .item h4 {
    font-size: 0.8em;
    line-height: 1.1em;
	padding: 0 10px;

}

.fea_header h1 {font-size: 28px;}
.wrapper #videolist {padding-left:10px;  padding-right: 10px;}
.info-text  {padding-left:10px;  padding-right: 10px;}
.com-slider-gp  {padding-left:10px;  padding-right: 10px;}
.the-a-gp {padding-left:10px;  padding-right: 10px;}
.com_contect {padding-left:10px;  padding-right: 10px;}
.info-text p.fea-sub-head {font-size: 28px;}
.info-text .fea-sub-head-b  {font-size: 28px;}
.info-text .fea-sub-head-s  {font-size: 23px;}


#com_list a ins[style]  {font-size: 13px !important;}
}