@charset "utf-8";		
		/*內文*/
		section { 
			width:100%;
			margin: auto;
			padding: 0px;
			clear: both;
		}
		.section_allwidth {
			width:calc(1220px - 20px);
		}
		/*內文-關於我們*/
		.section_about {
			font-size: 0;
			display: flex;
			flex-direction:row;
			justify-content:center;
			align-items: center;
			margin: 20px auto;
			clear: both;
		}
		.section_about div {
			width:calc(100% / 2 - 60px);
			margin: auto 30px;
		}
		.section_about div h4 {
			color: #0b962c;
		}
		.section_about div img {
			display: block;
			width: 100%;
		}
		/*內文-關於我們-END*/


		/*內文-核心競爭力*/
		.section_com {
			font-size: 0;
			margin: 20px auto;
			clear: both;
		}
		.section_com div {
			width:calc(100% / 2 - 60px);
			margin: auto 30px;
			display:inline-block;
		}
		.section_com_servic div {
			width:calc(100% / 2 - 10px)!important;
			margin: auto 5px!important;
			display:inline-block;
		}/*servic.shtml*/

		.section_com div h3 span {
			font-size: 1.6rem;
			margin-left: 10px;
		}

		.section_com_servic div h3  {
			text-align: center;
			line-height: 35px;
		}/*servic.shtml*/
		.section_com_servic div h3 span {
			font-size: 1.6rem;
			margin-left: 0px;
			display: block;
		}/*servic.shtml*/

		.section_com div ul{
			width:100%;
			font-size: 0px;
			border: #ccc solid 1px;
		}
		.section_com div ul li{
			width:calc(100% / 3);
			display: inline-block;
			border: #ccc solid 1px;
		}

		.section_com div ul{
			border: #FFFFFF solid 1px!important;
		}/*servic.shtml*/
		.section_com_servic div ul li{
			width:calc(100% / 2)!important;
			border: #FFFFFF solid 1px!important;
			background-color: #EEEEEE;
			position: relative;
		}/*servic.shtml*/

		.section_com_servic div ul li i {
			width: 40px;
			height: 40px;
			display: block;
			background-image: url(../images/icon_next_03.png);
			background-position: center;
			background-size: 70%;
			background-repeat: no-repeat;
			background-color: #000000;
			position: absolute;
			right: 0;
			bottom: 0;
		}/*servic.shtml*/


		.section_com_servic div:nth-child(2) ul li {
			background-color: #FFFFFF;
		}/*servic.shtml*/




		.section_com div ul li a {
			display: block;
			color: #000000;
		}
		.section_com div ul li a u {
			display: block;
			width: 100%;
			padding-bottom: 65%;
			background-position: center;
			background-size: 50%;
			background-repeat: no-repeat;
			transition:background-size .1s;
		}
		.section_com div ul li:hover a u {
			background-size: 60%;
			transition:background-size .2s;
		}
		.section_com div:nth-child(1) ul li:nth-child(1) a u {
			background-image: url(../images/icon-11.png);
		}
		.section_com div:nth-child(1) ul li:nth-child(2) a u {
			background-image: url(../images/icon-10.png);
		}
		.section_com div:nth-child(1) ul li:nth-child(3) a u {
			background-image: url(../images/icon-09.png);
		}
		.section_com div:nth-child(1) ul li:nth-child(4) a u {
			background-image: url(../images/icon-08.png);
		}
		.section_com div:nth-child(1) ul li:nth-child(5) a u {
			background-image: url(../images/icon-07.png);
		}
		.section_com div:nth-child(1) ul li:nth-child(6) a u {
			background-image: url(../images/icon-06.png);
		}

		.section_com div:nth-child(2) ul li:nth-child(1) a u {
			background-image: url(../images/icon-12.png);
		}
		.section_com div:nth-child(2) ul li:nth-child(2) a u {
			background-image: url(../images/icon-13.png);
		}
		.section_com div:nth-child(2) ul li:nth-child(3) a u {
			background-image: url(../images/icon-14.png);
		}
		.section_com div:nth-child(2) ul li:nth-child(4) a u {
			background-image: url(../images/icon-15.png);
		}
		.section_com div:nth-child(2) ul li:nth-child(5) a u {
			background-image: url(../images/icon-16.png);
		}
		.section_com div:nth-child(2) ul li:nth-child(6) a u {
			background-image: url(../images/icon-05.png);
		}

		.section_com div ul li a span{
			display: block;
			font-size: 1.8rem;
			margin: 5px 0;
			text-align: center;
		}
		.section_com div ul li a span:nth-child(2){
			font-weight: bold;
		}
		/*內文-核心競爭力-END*/

		/*內文-BRANDS*/
		.section_brands {
			margin: 20px auto;
			text-align: center;
			clear: both;
		}
		.section_brands h2 {
			color: #0b962c;
		}
		/*內文-BRANDS-END*/
		/*內文-slick-輪播*/
		.section_slick {
			width: 100%;
			margin: 5px auto;
			text-align: center;
			clear: both;
			background-color: #EEEEEE;
		}
		.section_slick_box{
			margin: auto;
			padding: 20px 0;
		}
		.section_slick_box h4 {
			color: #000000;
			text-align: left;
			text-indent: 30px;
			margin-bottom: 20px;
		}
		/*內文-slick-輪播-END*/
		/*內文-bn*/
		.section_bn {
			width: 100%;
			margin: 20px auto;
			text-align: center;
			clear: both;
		    background-image: -webkit-linear-gradient(bottom, rgb(255,204,0) 58%, rgb(255,255,255) 58%);
		    background-image: -o-linear-gradient(bottom, rgb(255,204,0) 58%, rgb(255,255,255) 58%);
		    background-image: linear-gradient(to top, rgb(255,204,0) 58%, rgb(255,255,255) 58%);
		}
		.section_bn div {
			margin: auto;
			position: relative;	
		}
		.section_bn div p {
			position:absolute;
			display: block;
			margin: auto;
			color: #FFFFFF;
			max-width: 600px;
			left: 0; right: 0; top: 35%;
		}

		.section_bn div p#bnt_style_2 {
			top: 30%!important;
		}


		.section_bn div p span {
			display: block;
			font-size: 2.5rem;
			font-weight: bold;
			margin-bottom: 5px;
		}

		a.more_bn_style_a {
			position:absolute;
			left: 0; right: 0; bottom: 35%;
		}
		a.more_bn_style_b {
			position:relative;
			margin: 20px auto!important;
		}
		a.button_style {
			display: block;
			margin: auto;
			width: 280px;
			height: 60px;
			font-size: 1.8rem;
			font-weight: bold;
			border:#000000 solid 1px;
			background-color: #000000;
			text-align: center;
		}
		a.button_style span {
			position:absolute;
			left: 0;right: 0;bottom: 0;top: 0;
			margin: auto;
			display: block;
			line-height: 60px;
			color: #FFFFFF;
			z-index: 1;
			transition: color 0.1s;
		}
		a.button_style span:hover {
			color: #000000;
			transition: color 0.1s;
		}
		a.button_style:before {
			content: "";
			display: block;
			position: absolute;
			left: 0;right: 0;bottom: 0;top: 0;
			width: 0;
			background-color: #ffcc00;
			transition: width 0.1s;
		}
		a.button_style:hover:before {
			width: 100%;
			transition: width 0.2s;
		}
		a.button_style:after{
			content: "";
			display: block;
			position: absolute;
			right: 10px;bottom: 0;top: 0;
			width: 30px;
			height: 30px;
			margin: auto;
			background-image: url(../images/icon_next_01.png);
			background-size: cover;
		}
		a.button_style:hover:after {
			background-image: url(../images/icon_next_02.png);
		}

		.section_bn div img {
			width: 100%;
			margin: auto;
			padding: 30px 0;
		}
		/*內文-bn-END*/
		/*內文-EVENT/NEWS*/
		.section_event {
			margin: 20px auto;
			text-align: center;
			clear: both;
		}
		.section_event h2 {
			color: #0b962c;
		}
		.section_event ul {
			width: 100%;
			font-size: 0;
		}
		.section_event ul li {
			width:calc(100% / 4 - 2px);
			display: inline-block;
			margin: 0 1px;
			font-size: 0;
			text-align: left;
		}
		.section_event ul li u {
			display: block;
			width:100%;
			padding-bottom: 66.95%;
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			transition: all 0.1s;
		}
		.section_event ul li:nth-child(1) u {
			background-image: url(../images/event_bn_01.jpg);
		}
		.section_event ul li:nth-child(2) u {
			background-image: url(../images/event_bn_02.jpg);
		}
		.section_event ul li:nth-child(3) u {
			background-image: url(../images/event_bn_03.jpg);
		}
		.section_event ul li:nth-child(4) u {
			background-image: url(../images/event_bn_04.jpg);
		}
		.section_event ul li p {
			display: block;
			color: #000000;
			background-color: #FFFFFF;
			padding:10px;
			margin: 0;
			transition: all 0.1s;
		}
		.section_event ul li p span {
			display: block;
		}
		.section_event ul li:hover u {
			background-size: 110%;
			transition: all 0.3s;
			-ms-transition: all 0.3s;
		}
		.section_event ul li:hover p {
			color: #FFFFFF;
			background-color: #000000;
			transition: color 0.1s, background-color 0.3s;
		}
		/*內文-EVENT/NEWS-END*/

		/*works_a_內文-選單*/
		.section_works_nav { 
			width: 100%;
			clear: both;
			border-bottom: #000000 solid 3px;
		}
		.section_works_nav ul { 
			width: 100%;
			font-size: 0;
		}
		.section_works_nav ul li { 
			width:calc(100% / 6 - 1px);
			height: 90px;
			display:inline-block;
			text-align: center;
		}
		.section_works_nav ul li a { 
			width:100%;
			height: 100%;
			display: block;
			text-decoration: none;
			color: #000;
			text-indent: 60px;
		}
		.section_works_nav ul li a span { 
			line-height: 90px;
			font-size: 2.5rem;
			font-weight: bold;
			position: relative;
		}
		.section_works_nav ul li a span:before {
			content: "";
			position:absolute;
			width: 60px;
			height: 60px;
			margin: auto;
			left: -70px;
			top: 0;
			bottom: 0;
			background-size: 90%;
			background-position: center;
			background-repeat: no-repeat;
			transition: all 0.1s;
		}
		.section_works_nav ul li:hover a span:before{
			background-size: 100%;
			transition: all 0.2s;
		}

		#works_nav_a ul li:nth-child(1) a span:before {
			background-image: url(../images/icon-11.png);	
		}
		#works_nav_a ul li:nth-child(2) a span:before {
			background-image: url(../images/icon-10.png);	
		}
		#works_nav_a ul li:nth-child(3) a span:before {
			background-image: url(../images/icon-09.png);	
		}
		#works_nav_a ul li:nth-child(4) a span:before {
			background-image: url(../images/icon-08.png);	
		}
		#works_nav_a ul li:nth-child(5) a span:before {
			background-image: url(../images/icon-07.png);	
		}
		#works_nav_a ul li:nth-child(6) a span:before {
			background-image: url(../images/icon-06.png);	
		}

		#works_nav_b ul li:nth-child(1) a span:before {
			background-image: url(../images/icon-12.png);	
		}
		#works_nav_b ul li:nth-child(2) a span:before {
			background-image: url(../images/icon-13.png);	
		}
		#works_nav_b ul li:nth-child(3) a span:before {
			background-image: url(../images/icon-14.png);	
		}
		#works_nav_b ul li:nth-child(4) a span:before {
			background-image: url(../images/icon-15.png);	
		}
		#works_nav_b ul li:nth-child(5) a span:before {
			background-image: url(../images/icon-16.png);	
		}
		#works_nav_b ul li:nth-child(6) a span:before {
			background-image: url(../images/icon-05.png);	
		}

		/*works_a_內文-選單-END*/
		
		/*works_a_內文*/
		.section_works {
			max-width: 1220px;	
			clear: both;
			margin: 50px auto 20px auto;
			font-size: 0;
			overflow: hidden;
		}
	
		.section_works_left {
			display:block;
			float: left;
			padding: 5px;
			text-align: left;
			width: 23%;
			border-top: #000000 solid 5px;
		}
		.section_works_left img {
			width: 90px;
		}

		.section_works_left h2 {
			color: #0b962c;
			font-size: 4rem;
			line-height: 55px;
		}
		.section_works_left h2 span {
			display: block;
		}

		.section_works_right {
			width:calc(77% - 30px);
			border-top: #000000 solid 3px;
			margin-left: 30px;
			display:block;
			float: left;
			padding: 5px;
			text-align: left;
		}
		.section_works_right h4 {
			font-size: 2rem;
			line-height: 30px
		}		
		.work_a_main01 {
			width: 100%;
			height: 0;
			background-image: url(../images/works_img_w_01.jpg);
			background-position: center;
			background-size: cover;
			padding-bottom: 28.71%!important;
			clear: both;
		}
		.work_a_main02 {
			width: 100%;
			overflow: hidden;
			clear: both;
		}
		.work_a_main02 ul li {
			width: calc(100% / 4 - 3px);
			float: left;
			border-right: #999999 dotted 1px;
			text-align: center;
			padding-bottom: 15px;
		}
		.work_a_main02 ul li:last-child {
			border:none;
		}
		.work_a_main02 ul li img {
			width: 60%;
		}
		.work_a_main02 ul li p {
			text-align: left;
			margin: 0;
			text-indent: 10%;
			position: relative;
		}
		.work_a_main02 ul li p:before {
			content: "■";
			position:absolute;
			left: -15px; top: 0; bottom: 0;
			margin: auto;
		}

		.work_a_main03 {
			width: 100%;
			height: 0;
			background-image: url(../images/works_img_w_02.jpg);
			background-position: center;
			background-size: cover;
			padding-bottom: 33.39%!important;
			clear: both;
		}

		.work_a_main04 {
			width: 100%;
			clear: both;
		}

		.work_a_main05 {
			width: 100%;
			clear: both;
		}
		.work_a_main05 ul {
			width: 100%;
			font-size: 0;
		}

		.work_a_main05 ul li {
			width:calc(100% / 3 - 20px);
			font-size: 0;
			margin: 10px;
			display: inline-block;
		}
		.work_a_main05 ul li img {
			width:100%;
		}

		.work_a_main06 {
			width: 100%;
			clear: both;
		}
		.work_a_main06 ul {
			width: 100%;
			font-size: 0;
		}

		.work_a_main06 ul li {
			width:calc(100% / 2 - 20px);
			font-size: 0;
			margin: 10px;
			display: inline-block;
			box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
		}
		.work_a_main06 ul li img {
			width:100%;
		}


		/*works_a_內文-END*/
		.work_b_main01 {
			width: 100%;
			clear: both;
		}
		.work_b_main01 ul {
			width: 100%;
			font-size: 0;
		}
		.work_b_main01 ul li {
			width:calc(100% / 3 - 20px);
			display: inline-block;
			margin: 10px;
		}
		.work_b_main01 ul li img {
			width:100%;
		}

		.work_b_main02 {
			width: 100%;
			height: 0;
			background-image: url(../images/works_img_w_03.jpg);
			background-position: center;
			background-size: cover;
			padding-bottom: 26.29%!important;
			clear: both;
		}

		.work_b_main03 {
			width: 100%;
			height: 0;
			background-image: url(../images/works_img_w_04.jpg);
			background-position: center;
			background-size: cover;
			padding-bottom: 34.64%!important;
			clear: both;
		}


		.work_b_main04 {
			width: 100%;
			clear: both;
		}
		.work_b_main04 ul {
			width: 100%;
			font-size: 0;
		}
		.work_b_main04 ul li {
			width:calc(100% / 2 - 20px);
			display: inline-block;
			margin: 10px;
		}
		.work_b_main04 ul li img {
			width:100%;
		}

		.work_b_main05 {
			width: 100%;
			clear: both;
		}
		.work_b_main05 ul {
			width: 100%;
			font-size: 0;
		}
		.work_b_main05 ul li {
			width:calc(100% / 2 - 20px);
			display: inline-block;
			margin: 10px;
		}
		.work_b_main05 ul li img {
			width:100%;
		}

		.work_b_main06 {
			width: 100%;
			clear: both;
		}
		.work_b_main06 ul {
			width: 50%;
			font-size: 0;
			margin: auto;
		}
		.work_b_main06 ul li {
			width:calc(100% - 20px);
			display: inline-block;
			margin: 10px;
		}
		.work_b_main06 ul li img {
			width:100%;
		}

		.work_b_movie {
			margin: 20px auto 0 auto;
			position:relative;
			width: 98%;
			height: 0;
			padding-bottom: 55.13%;
		}

		.work_b_movie iframe {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;right: 0;top: 0;bottom: 0;
			margin: auto;

		}


		/*works_b_內文*/

		/*works_b_內文-END*/


		/*gloria_內文*/
		.section_gloria {
			margin: 20px auto;
			clear: both;
		}
		.section_gloria h2 {
			text-indent: 3%;
		}

		.section_gloria ul {
			width: 100%;
			overflow: hidden;
		}
		.section_gloria ul li {
			float: left;
			list-style: none;
			width: 50%;
		}

		.section_gloria ul li:nth-child(1) {
			
			background-color: #ffcc00;
			padding: 3%;
		}
		.section_gloria ul li:nth-child(1) h2 {
			color: #000000;
			text-indent: 0;
		}
		.section_gloria ul li:nth-child(1) p {
			color: #000000;
			text-indent: 0;
		}
		.section_gloria ul li:nth-child(1) p span {
			display: block;
			font-size: 2.5rem;
			font-weight: bold;
		}
		.section_gloria ul li:nth-child(2) {
			background-image: -webkit-linear-gradient(left, rgb(255,204,0) 58%, rgb(255,255,255) 58%);
		    background-image: -o-linear-gradient(left, rgb(255,204,0) 58%, rgb(255,255,255) 58%);
		    background-image: linear-gradient(to right, rgb(255,204,0) 58%, rgb(255,255,255) 58%);
			
		}
		.section_gloria ul li:nth-child(2) img {
			width: 100%;
			margin-top: 8%;
			display: block;
		}

		.section_gloria_brands {
			clear: both;
			text-align: center;
			margin: 20px auto;
		}
		.section_gloria_brands h2 {
			color: #0b962c;
		}

		.gloria_brands_bg {
			background-color: #FFFFFF!important;
			max-width: 768px;
			margin: auto;
		}

		.section_gloria_bn {
			clear: both;
			margin:20px auto;
			background-image: url(../images/PHOTO_02.jpg);
			position: relative;
			background-position: center;
			background-size: cover;
			width: 100%;
			height: 300px;
		}
		.section_gloria_bn div {
			margin: auto;
			max-width: 420px;
			max-height: 260px;
			position: absolute;
			top: 0; bottom: 0; right: 10%;
			background-color: rgba(255,255,255,0.60);
			text-align: center;
			padding: 20px;
			
		}
		.section_gloria_bn div h4 span {
			display: block;
		}
		.section_gloria_bn div p {
			font-size: 1.7rem;
			line-height: 30px;
			color: #000000;
			font-weight: normal;
			text-align: left;
			margin-top: 20px;
			
		}


		.section_gloria_Features {
			max-width: 768px;
			margin:20px auto;
		}
		.section_gloria_Features ul li {
			width: 100%;
			margin:10px auto;
			background-color: #000000;
			list-style: none;
		}
		.section_gloria_Features ul li p {
			text-align: center;
			font-size: 1.8rem;
			line-height: 25px;
			color: #FFFFFF;
			padding: 15px 10px;
		}

		.section_gloria_SOP {
			width: 100%;
			height: 0;
			background-image: url(../images/works_img_w_05.jpg);
			background-size: cover;
			padding-bottom: 23.71%;
		}
		.section_gloria_tour {
			width: 100%;
		}

		.section_gloria_tour ul {
			width: 100%;
			font-size: 0;
		}
		.section_gloria_tour ul li {
			width:calc(100% / 3 - 20px);
			margin: 10px;
			display: inline-block;
		}
		.section_gloria_tour ul li img {
			width:100%;
		}

		.section_gloria_tour ul li:last-child {
			width:calc(100% - 20px);
		}

		/*gloria_內文-END*/


		/*contactus_內文*/
		.section_contactus {
			margin: 20px auto;
			clear: both;
		}
		.section_contactus h4 {
			color: #000000;
			text-align: center;
			font-size: 2.5rem;
			line-height: 45px;
		}
		.section_contactus_main {
			max-width: 1024px;
			margin: 30px auto;
			text-align: center;
			padding: 10px
		}
		.section_contactus_main h4 {
			font-size: 2rem;
			color: #000000;
			text-align:left;
			font-weight: normal;
			line-height: 25px;
		}
		.section_contactus_main h4 span {
			color: #fe0000;
			margin-right: 10px;
		}
		.section_contactus_main input {
			background-color: #ffffff;
			border-radius: 0;
		}
		.section_contactus_main input[type="text"] {
			width: 100%;
			padding: 10px;
			margin-bottom: 15px;
			border: #00a0e9 solid 1px;
			outline: none;
			text-align:left;
			font-size: 1.5rem;
		}

		.section_contactus_main textarea {
			width: 100%;
			padding: 10px;
			border: #00a0e9 solid 1px;
			outline: none;
			text-align:left;
			font-size: 1.5rem;
		}

		.section_contactus_main ul {
			width: 100%;
			font-size: 0;
		}
		.section_contactus_main ul li {
			width:calc(100% / 2 - 5px);
			display: inline-block;
			list-style: none;
			background-color: #1e6ba0;
			padding: 0;
			margin: 5px auto;
			position: relative;
			height: 50px;
		}
		.section_contactus_main ul li:nth-child(odd) {
			margin-right: 10px;
			
		}

		.section_contactus_main ul li label {
			font-size: 1.5rem;
			color: #FFFFFF;
			display: block;
			position: absolute;
			left: 0; right: 0; bottom: 0; top: 0;
			margin: auto;
			width: 100%;
			height: 50px;
			line-height: 50px;
			cursor: pointer;
			text-indent: 40px;
			text-align:left;
		}

		.section_contactus_main ul li input[type="checkbox"] {
			display: inline-block;
			position: absolute;
			left: 15px ; bottom: 0; top: 0;
			width: 15px;
			height: 15px;
			margin: auto;
			border: none;
			outline: none;
		}
		.section_contactus_main input[type="checkbox"] {
			display: inline-block;
			width: 15px;
			height: 15px;
			margin: auto;
			line-height: 50px;
			border: #00a0e9 solid 1px;
			outline: none;
		}

		.section_contactus_main label {
			font-size: 1.5rem;
			color: #333333;
			display: inline-block;
			margin: auto;
			line-height: 50px;
			cursor: pointer;
			text-align: center;
		}

		.section_contactus_main label span {
			color: #1e6ba0;
			
		}

		.section_contactus_main input[type="submit"] {
			display: block;
			width: 280px;
			height: 60px;
			margin: auto;
			line-height: 50px;
			border: #999999 solid 1px;
			background-color: #999999;
			outline: none;
			color: #FFFFFF;
			font-size: 2rem;
			cursor: pointer;
			background-image: url(../images/icon_next_01.png);
			background-position: 250px center;
			background-size: 6%;
			background-repeat: no-repeat;
		}

		/*contactus_內文-END*/
		/*about_END*/
		.about_style01 {
			width: 100%;
			font-size: 0;
		}
		.about_style01 img {
			width:calc(100% / 2 - 30px);
			margin: 15px;
			display: inline-block;
			vertical-align: middle;
		}
		.about_style02 {
			width: 100%;
			font-size: 0;
		}
		.about_style02 li {
			width:calc(100% / 3 - 30px);
			margin: 15px;
			display: inline-block;
			vertical-align: middle;
		}
		.about_style02 li img {
			width:100%;
		}
		/*about_內文-END*/

		.section_graphic {
			margin: 20px auto;
			clear: both;
		}

		.section_graphic img {
			width: 100%;
			display: block;
		}

		.section_graphic_link {
			margin: 0 auto;
			width: 83%;			
		}

		.section_graphic_link h4 {
			font-size: 3rem;
			margin: 5px auto;
		}
		.section_graphic_link a {
			font-size: 1.8rem;
			margin: 10px auto;
			line-height: 35px;
			color: #0044FF;
		}

		.section_graphic_link a:hover {
			color:#FF7A06;
		}



		/*內文-END*/

@media only screen and (min-width: 1024px) and (max-width: 1219px) {
		.section_allwidth {
			width:calc(100% - 20px);
			resize : none;
		}
	
		/*works_a_內文-選單*/
		.section_works_nav ul li a span { 
			font-size: 2rem;
		}
		.section_works_nav ul li a span:before {
			width: 60px;
			height: 60px;
			left: -65px;
		}
	
		.section_works_nav ul li:nth-child(1) a span:before {
			background-image: url(../images/icon-11.png);	
		}
		.section_works_nav ul li:nth-child(2) a span:before {
			background-image: url(../images/icon-10.png);	
		}
		.section_works_nav ul li:nth-child(3) a span:before {
			background-image: url(../images/icon-09.png);	
		}
		.section_works_nav ul li:nth-child(4) a span:before {
			background-image: url(../images/icon-08.png);	
		}
		.section_works_nav ul li:nth-child(5) a span:before {
			background-image: url(../images/icon-07.png);	
		}
		.section_works_nav ul li:nth-child(6) a span:before {
			background-image: url(../images/icon-06.png);	
		}
		/*works_a_內文-選單-END*/
	
		.section_works_left h2 {
			font-size: 3.5rem;
			line-height: 45px;
		}
		.work_a_main02 ul li {
			width: calc(100% / 2 - 2px);
			float: left;
			border-right: #999999 dotted 1px;
			border-bottom: #999999 dotted 1px;
			text-align: center;
		}
		.work_a_main02 ul li:nth-child(2n) {
			border-right:none;
		}
		.work_a_main02 ul li:nth-child(3n) {
			border-bottom:none;
		}
	
		.work_a_main02 ul li p {
			text-indent: 30%;
		}
		.section_gloria ul li:nth-child(2) img {
			width: 100%;
			margin-top: 25%;
			display: block;
		}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
		.section_allwidth {
			width:calc(100% - 20px);
		}
		.section_about {
			display: block;
		}
		.section_about div {
			width:calc(100% - 40px);
			margin: auto 20px;
		}
		.section_com div {
			width:calc(100% - 40px);
			margin: auto 20px;
		}
		.section_bn div {
			margin: auto;
			padding: 15px 0;
			position: relative;	
		}
		.section_bn div p {
			position:relative;
			color: #000000;
			padding-bottom: 5px;
		}
		.section_bn div img {
			padding: 15px 0 5px 0;
		}
		a.more_bn_style_a {
			position:relative;
		}
		.section_event ul li {
			width:calc(100% / 2 - 2px);
		}

		.section_com_servic div ul li i {
			width: 30px;
			height: 30px;
		}/*servic.shtml*/


		/*works_a_內文-選單*/
		.section_works_nav { 
			width: 100%;
			clear: both;
			border-bottom: #000000 solid 3px;
		}
		.section_works_nav ul li { 
			width:calc(100% / 3);
			height: 90px;
		}
		.section_works_nav ul li a { 
			text-indent: 60px;
		}
		.section_works_nav ul li a span { 
			line-height: 90px;
			font-size: 2.5rem;
		}
		.section_works_nav ul li a span:before {
			width: 60px;
			height: 60px;
			left: -70px;
		}

		/*works_a_內文-選單-END*/
	
	
	
		/*works_a_內文*/
		.section_works {
			max-width: 1220px;	
			margin: 50px auto 20px auto;

		}

		.section_works_left {
			width: 100%;
			border-top: #000000 solid 5px;
			float:none;
		}
		.section_works_left img {
			display: none;
		}

		.section_works_left h2 {
			color: #0b962c;
			line-height: 55px;
		}
		.section_works_left h2 span {
			display:inline-block;
		}

		.section_works_right {
			width:100%;
			border-top:none;
			margin-left: 0;
			float:none;
		}
		.section_works_right h4 {
			font-size: 2rem;
			line-height: 30px
		}		
		.work_img01 {
			background-image: url(../images/works_img_w_01.jpg);
			padding-bottom: 28.71%!important;
		}

		/*works_a_內文-END*/
	
		.section_works_left h2 {
			font-size: 3.5rem;
			line-height: 45px;
		}
		.work_a_main02 ul li {
			width: calc(100% / 2 - 2px);
			float: left;
			border-right: #999999 dotted 1px;
			border-bottom: #999999 dotted 1px;
			text-align: center;
		}
		.work_a_main02 ul li:nth-child(2n) {
			border-right:none;
		}
		.work_a_main02 ul li:nth-child(3n) {
			border-bottom:none;
		}
	
		.work_a_main02 ul li p {
			text-indent: 30%;
		}

	
	/*gloria_內文*/

		.section_gloria ul li {
			float:none;
			width: 100%;
		}

		.section_gloria ul li:nth-child(1) {
			background-color: #ffcc00;
			padding: 3%;
		}
		.section_gloria ul li:nth-child(1) h2 {
			color: #000000;
			text-indent: 0;
		}
		.section_gloria ul li:nth-child(1) p {
			color: #000000;
			text-indent: 0;
		}
	
		.section_gloria ul li:nth-child(2) {
			display: none;
		}


		/*gloria_內文-END*/
	
		.section_contactus h4 {
			font-size: 1.8rem;
			line-height: 30px;
			font-weight: normal;
		}

		.section_contactus_main h4 {
			font-size: 1.8rem;
			line-height: 25px;
		}
	
		/*about*/

		.about_style01 img {
			width:calc(100% - 30px);
			margin: 15px;
			display: block;
		}
	
		.about_style02 {
			width: 100%;
			font-size: 0;
		}
		.about_style02 li {
			width:calc(100% / 2 - 30px);
			margin: 15px;
			display: inline-block;
			vertical-align: middle;
		}
		.about_style02 li img {
			width:100%;
		}
		/*about_內文-END*/
	
		.section_graphic_link h4 {
			font-size: 2rem;
			margin: 0px auto;
		}
		.section_graphic_link a {
			font-size: 1.5rem;
			margin: 5px auto;
			line-height: 25px;
			color: #0044FF;
		}
	
	
}


@media screen and (max-width: 767px) {
		section h2 {
			font-size: 4rem;
			line-height: 55px;
			margin: 10px 0;
		}
		section h3 {
			font-size: 2.4rem;
			line-height: 30px;
			margin: 10px 0;
		}
		section h4 {
			font-size: 1.5rem;
			line-height: 25px;
			margin: 10px 0;
		}
		section p {
			font-size: 1.3rem;
			line-height: 18px;
			margin: 10px 0;
			color: #666666;
		}

		.section_allwidth {
			width:calc(100% - 10px);
		}
	
		.section_about {
			display: block;
		}
	
		.section_about div {
			width:calc(100% - 10px);
			margin: auto 5px;
		}
		.section_com div {
			width:calc(100% - 10px);
			margin: auto 5px;
		}
	
		.section_com_servic div {
			width:calc(100% - 10px) !important;
			margin: auto 5px!important;
		}/*servic.shtml*/
		.section_com_servic div ul li i {
			width: 30px;
			height: 30px;
		}/*servic.shtml*/
	
		.section_com div h3 span{
			font-size: 1.3rem;
		}
		.section_com div ul li a span {
			font-size: 1.2rem;
		}
	
		.section_bn div {
			margin: auto;
			padding: 15px 0;
			position: relative;	
		}
		.section_bn div p {
			position:relative;
			color: #000000;
			padding-bottom: 5px;
			font-size: 1.2rem;
		}
		.section_bn div img {
			padding: 15px 0 5px 0;
		}
		a.more_bn_style_a {
			position:relative;
		}
		.section_event ul li {
			width:calc(100% - 2px);
		}
		.section_slick_box h4 {
			font-size: 2.5rem!important;
			font-weight: bold!important;
		}
	
		/*works_a_內文-選單*/
		.section_works_nav { 
			width: 100%;
			clear: both;
			border-bottom:none;
		}
		.section_works_nav ul li { 
			width:100%;
			height: 60px;
			border-bottom: #999999 solid 2px;
		}
		.section_works_nav ul li a { 
			text-indent: 30px;
		}
		.section_works_nav ul li a span { 
			line-height: 60px;
			font-size: 2.3rem;
		}
		.section_works_nav ul li a span:before {
			width: 60px;
			height: 60px;
			left: -80px;
		}

		/*works_a_內文-選單-END*/
	
	
		/*works_a_內文*/
		.section_works {
			max-width: 1220px;	
			margin: 50px auto 20px auto;

		}
	
		.section_works_left {
			width: 100%;
			border-top: #000000 solid 5px;
			float:none;
		}
		.section_works_left img {
			display: none;
		}

		.section_works_left h2 {
			color: #0b962c;
			line-height: 55px;
		}
		.section_works_left h2 span {
			display:inline-block;
			margin-right: 10px;
		}
		.section_works_left h4 {
			font-size: 3rem;
		}
		.section_works_right {
			width:100%;
			border-top:none;
			margin-left: 0;
			float:none;
		}
		.section_works_right h4 {
			font-size: 1.6rem;
			line-height: 25px;
			font-weight: normal;
		}		
		.work_a_main01 {
			background-image: url(../images/works_img_m_01.jpg);
			padding-bottom: 318.11%!important;
		}
	
		.work_a_main02 ul li {
			width: 100%;
			float: left;
			border-right:none;
			border-bottom: #999999 dotted 1px;
			text-align: center;
		}
		.work_a_main02 ul li:nth-child(2n) {
			border-right:none;
		}
		.work_a_main02 ul li:nth-child(3n) {
			border-bottom: #999999 dotted 1px;
		}
	
		.work_a_main02 ul li p {
			text-indent: 25%;
		}
	
		.work_a_main03 {
			background-image: url(../images/works_img_m_02.jpg);
			padding-bottom: 313.28%!important;
		}
	
		.work_a_main05 ul li {
			width:calc(100% - 20px);
		}

		.work_a_main06 ul li {
			width:calc(100% - 20px);
		}
	
		.work_b_main01 ul li {
			width:calc(100% - 20px);
		}
	
		.work_b_main02 {
			background-image: url(../images/works_img_m_03.jpg);
			padding-bottom: 171.88%!important;
	
		}
	
		.work_b_main03 {
			background-image: url(../images/works_img_m_04.jpg);
			padding-bottom: 288.54%!important;
	
		}	
	
		.work_b_main04 ul li {
			width:calc(100% - 20px);
		}
	
		.work_b_main05 ul li {
			width:calc(100% - 20px);
		}
	
		.work_b_main06 ul {
			width: 100%;
		}
	
		/*works_a_內文-END*/

	
	/*gloria_內文*/

		.section_gloria ul li {
			float:none;
			width: 100%;
		}

		.section_gloria ul li:nth-child(1) {
			background-color: #ffcc00;
			padding: 3%;
		}
		.section_gloria ul li:nth-child(1) h2 {
			color: #000000;
			text-indent: 0;
		}
		.section_gloria ul li:nth-child(1) p {
			color: #000000;
			text-indent: 0;
		}

		.section_gloria ul li:nth-child(2) {
			display: none;
		}
	
		.section_gloria_bn div {
			margin: auto;
			max-width: 280px;
			max-height: 260px;
			position: absolute;
			top: 0; bottom: 0; right: 0; left: 0;
			background-color: rgba(255,255,255,0.60);
			text-align: center;
			padding: 20px;
			
		}
		.section_gloria_bn div h4 {
			display: block;
			font-size: 2.5rem;
		}
	
		.section_gloria_bn div p {
			font-size: 1.5rem;
			line-height: 25px;
		}
			
		.section_gloria_SOP {
			width: 100%;
			height: 0;
			background-image: url(../images/works_img_m_05.jpg);
			background-size: cover;
			padding-bottom: 108.85%;
		}
		.section_gloria_brands h2{
			line-height: 45px;
		}
		.section_gloria_brands h4 {
			font-size: 3rem;
		}
	
		.section_gloria_tour ul {
			width: 100%;
			font-size: 0;
		}
		.section_gloria_tour ul li {
			width:calc(100% - 20px);
		}

		.section_gloria_tour ul li:last-child {
			display: none;
		}
	
		/*gloria_內文-END*/
	
		/*contactus_內文*/

		.section_contactus h4 {
			font-size: 1.8rem;
			line-height: 30px;
			font-weight: normal;
		}

		.section_contactus_main h4 {
			font-size: 1.8rem;
			line-height: 25px;
		}

		/*about*/

		.about_style01 img {
			width:calc(100% - 30px);
			margin: 15px;
			display: block;
		}
	
		.about_style02 {
			width: 100%;
			font-size: 0;
		}
		.about_style02 li {
			width:calc(100% - 30px);
			margin: 15px;
			display: inline-block;
			vertical-align: middle;
		}
		.about_style02 li img {
			width:100%;
		}
	
	.section_gloria ul li:nth-child(1) p span {
			margin-bottom: 10px;
		}
	
		/*about_內文-END*/
	
		.section_graphic_link h4 {
			font-size: 1.3rem;
			margin: auto;
		}
		.section_graphic_link a {
			font-size: 1.2rem;
			line-height: 20px;
		}



	
	
}