@media screen and (max-width: 767px) {
	
/* 範圍小於媒體本身大小時就變100% */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body {
	font-size: 14px;
}
/* 版型最外層包裝------------------------------------*/
#wrapper {
	width: 100%;
	background-image: url("");
}
/* 版型頁眉-----------------------------------------*/
#header {
	width: 100%;
	position: relative;
	height: 125px;
}
/* PC_logo */
#header .logo_box {
	width: 130px;
	height: auto;
	background-color: hsla(0,0%,100%,0.00);
}
#header .logo {
	width: 100px;
	display: block;
	float: left;
	background-image: url();
	background-color: hsla(0,0%,100%,0.00);
	margin-left: 10px;
}
/* PC選單 */
#header #menu {
	display: none;
}
#header .home {
	display: none;
}
/* 手機選單icon */
#header #m_menu_icon {
	width: 45px;
	height: 45px;
	background-image: url(../images/mobile/menu_ban2.webp);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 100;
	background-size: 45px 45px;
}
/* 手機選單-----------------------------------------*/
#m_menu_nav {
	width: 100%;
	display: none;
	background-color: #000000;
	position: fixed;
	height: 100%;
	z-index: 101;
}
#m_menu_nav .nav {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	background-color: #000000;
	font-size: 18px;
	color: #E7E7E7;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
#m_menu_nav .nav span {
	font-size: 13px;
}
#m_menu_nav .close{
	text-align: right;
	padding-top: 15px;
	padding-right: 15px;
	cursor: pointer;
	padding-bottom: 30px;
}
#m_menu_nav .close{
	text-align: right;
	padding-top: 15px;
	padding-right: 15px;
	cursor: pointer;
	padding-bottom: 10px;
}
#m_menu_nav .close img{
	width: 40px;
}
#m_menu_nav .menu_logo{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
#m_menu_nav .menu_logo img{
	width: 123px;
}
#m_menu_nav .menu_home{
	text-align: center;
}
#m_menu_nav .menu_home a{
	color: #D9D9D9;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
}
#m_menu_nav .tel{
	background-image: url(../images/pc/tel2.png);
	background-repeat: no-repeat;
	padding-left: 30px;
}
#m_menu_nav .mail{
	background-image: url(../images/pc/mail2.png);
	background-repeat: no-repeat;
	padding-left: 30px;
}

.index_bottom a{
	display: inline-block;
	width: 30%;
}
.my_content{
	display: inline-block;
	vertical-align: top;
	width: auto;
	padding-left: auto;
	padding-right: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
/* 版型頁尾 ----------------------------------------*/
#footer {
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../images/pc/footer_bg.png);
}
#footer .copyright {
	width: 100%;
	padding-left: 0px;
}
#footer .f_blog_box {
	margin-right: auto;
	margin-left: auto;
	width: auto;
	font-size: 14px;
	color: #e1e1e1;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
  flex-direction: column;
}
.f_blog{
	padding-left: 0px;
	width: 100%;
	height: auto;
	background-image: url(../images/mobile/line_3.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	background-size: auto 150px;
}
.f_box1{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	background-image: url(../images/pc/line_2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left: 20px;
	padding-bottom: 10px;
}
.f_box2{
	width: 100%;
	display: inline-block;
	background-image: url(../images/pc/line_2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left: 20px;
	padding-bottom: 10px;
}
.f_box3{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	background-image: url(../images/pc/line_2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left: 20px;
	padding-bottom: 10px;
	line-height: 24px;
}
.f_box4{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
}
.footer2_c{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.f_t {
  text-align: left;
}
.f_t2 {
  text-align: left;
}
/* 首頁主視覺，產品，廣告圖片區 ------------------------*/
#banner {
}
.ban {
	background-image: url(../images/mobile/banner2560_3.webp);
	background-size: cover;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	background-position: center bottom;
	padding-left: 20px;
	padding-right: 20px;
}
.ban_c {
	width: auto;
	position: relative;
}
.ban_1 svg {
	width: auto;
}
.ban_2 {
    font-size: 16px;
    line-height: 30px;
}
.ban_1 .year {
    font-size: 40px;
	width: 80px;
}

#m_banner {
	width: 100%;
	display: inherit;
	background-color: #FFFFFF;
}
#abgne_fade_pic_m {
	position: relative;
}
#abgne_fade_pic_m a.ad {
	position: absolute;  /* 讓圖片疊在一起 */
    width: 100%;
}
/* 選單樣式 */
#abgne_fade_pic_m .control {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
#abgne_fade_pic_m .control a {
	display: inline-block;
	padding: 3px;
	margin: 0 3px;
	width: 10px;
	text-decoration: none;
	background-image: url(../images/pc/circle_1.png);
	background-repeat: no-repeat;
	height: 10px;
	background-position: center center;
	font-size: 0px;
}
#abgne_fade_pic_m .control a.on {
	background-image: url(../images/pc/circle-2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 10px;
	width: 10px;
	font-size: 0px;
}
/* 首頁內容 ----------------------------------------*/
#main {
	width: 100%;
	height: auto;
	background-size: cover;
}
#main .news {
	width: 100%;
	float: none;
	background-image: url(../images/mobile/news.png);
	background-size: auto 25px;
	background-repeat: no-repeat;
}
#main .portfolio {
	width: 100%;
	height: auto;
	left: 0px;
	float: none;
	background-image: url(../images/mobile/portfolio.png);
	background-size: auto 25px;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-bottom: 10px;
}
#main .portfolio .content {
	padding-top: 50px;
	padding-left: 5px;
}
#main .portfolio .box {
	width: 45%;
}
#main .portfolio .photo {
	height: auto;
	background-color: #FFFFFF;
}
#main .portfolio img:hover {
	max-width: 101%;
	margin-left: auto;
	margin-top: auto;
	opacity: 1;
}
#main .custom {
	width: 100%;
	height: auto;
	float: none;
	background-image: url(../images/mobile/custom.png);
	background-size: auto 25px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#main .custom .content {
	background-position: left 50px;
	width: 100%;
	background-size: 100% auto;
}
#main .m_box1 {
	height: 300px;
	background-image: url(../images/mobile/banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#main .m_box1 .text {
	color: #FFFFFF;
	font-size: 16px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#main .m_box1 .text span {
    font-size: 25px;
    display: block;
    padding-top: 40px;
    padding-bottom: 20px;
}
#main .m_box1 .text h2 {
    font-size: 20px;
}
#main .m_box1 img {
	width: 80px;
	margin-top: 10px;
}
#main .n_box1_1 {
  padding-top: 0px;
  padding-bottom: 60px;
  font-size: 15px;
  line-height: 26px;
}
#main .n_box1_1 .pricing_icon {
	width: 80px;
	padding-right: 0px;
	padding-left: 0px;
}
#main .n_box1_1 .pricing_a {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}

#main .m_box2 {
    font-size: 30px;
    padding-top: 40px;
}
#main .m_box2 ul {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#main .m_box2 li {
	display: inline-block;
	border-radius: 50%;
	padding-top: 55px;
	padding-bottom: 55px;
	font-size: 24px;
	width: 150px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#main .m_box3 {
    padding-top: 40px;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 40px;
}
#main .m_box3_2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#main .m_box3_l {
	display: block;
	vertical-align: top;
	width: 100%;
	text-align: center;
}
#main .m_box3_r {
	display: block;
	vertical-align: top;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#main .m_box3_l video{
	width: 90%;
}
#main .m_box3_r span {
	font-size: 30px;
	line-height: 40px;
	padding-bottom: 10px;
	display: block;
	padding-top: 20px;
}
#main .m_box4 {
    padding-top: 40px;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 40px;
    background-color: #FFFFFF;
}
#main .m_box4_2 {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
}
#main .m_box4_l {
	display: block;
    vertical-align: top;
	width: 90%;
}
#main .m_box4_r {
	display: block;
    vertical-align: top;
	width: 100%;
}
#main .m_box4_l span {
	font-size: 30px;
	line-height: 40px;
	padding-bottom: 10px;
	display: block;
}
#main .m_box4_r video{
	width: 90%;
	margin-top: 20px;
}
#main .m_box5 {
    padding-top: 40px;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 40px;
}
#main .m_box5_2 {
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#main .m_box5_l {
	display: block;
    vertical-align: top;
	width: 100%;
    text-align: center;
}
#main .m_box5_r {
	display: block;
    vertical-align: top;
	width: 100%;
}
#main .m_box5_r span {
	font-size: 30px;
	line-height: 40px;
	display: block;
	margin-top: 20px;
}
#main .m_box6 {
    font-size: 30px;
    padding-top: 50px;
    padding-bottom: 30px;
}
#main .m_box6 li {
	display: inline-block;
	border-radius: 50%;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	width: 150px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#main .m_box6 ul {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#main .m_box7 {
    text-align: center;
    font-size: 30px;
    padding-top: 40px;
    background-color: #000000;
    color: #FFFFFF;
}
#main .m_box7 ul{
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#main .m_box7 input {
	font-size: 16px;
	width: auto;
	border-radius: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}
#main .m_box7 select {
	font-size: 16px;
	width: 200px;
	border-radius: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}
#main .m_box7 h1{
	font-size: 28px;
}
#main .m_box7 #form1 {
	width: auto !important;
	margin-left: 10px;
}
#main .m_box8 {
    text-align: center;
    background-image: url(../images/pc/m5.jpg);
    background-repeat: no-repeat;
    font-size: 26px;
    padding-top: 50px;
    padding-bottom: 30px;
    background-size: cover;
    background-position: center center;
}
#main .m_box8 ul{
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#main .m_box8 li {
	display: block;
	font-size: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

/* 內頁 ----------------------------------------*/
#page {
	overflow: hidden;
	width: 100%;
  flex-direction: column;
}
/* 所有選單最外層包裝 ---------*/
#links {
	width: auto;
	text-align: center;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* 選單塊最外層包裝 */
#links .menu {
	width: 100%;
}
/* 選單標頭(所有) */
#links .title_menu_id_1 {
	height: 50px;
	background-image: url(../images/pc/menu-about.jpg);
	background-repeat: no-repeat;
	background-color: #434343;
}
#links .title_menu_id_4 {
	height: 50px;
	background-image: url(../images/pc/menu-server.png);
	background-repeat: no-repeat;
	background-color: #434343;


}
#links .title_menu_id_2 {
	height: 50px;
	background-image: url(../images/pc/menu-news.jpg);
	background-repeat: no-repeat;
	background-color: #434343;
}
#links .title_menu_id_3 {
	height: 50px;
	background-image: url(../images/pc/menu-portfolio.jpg);
	background-repeat: no-repeat;
	background-color: #434343;
}
#links .title_menu_id_6 {
	height: 50px;
	background-image: url(../images/pc/menu-Q&A.jpg);
	background-repeat: no-repeat;
	background-color: #434343;
}
#links .title_menu_id_5 {
	height: 50px;
	background-image: url(../images/pc/menu-contace_us.jpg);
	background-repeat: no-repeat;
	background-color: #434343;
}
#links .title_menu_id_14 {
	height: 50px;
	background-image: url(../images/pc/menu-album.jpg);
	background-repeat: no-repeat;
	background-color: #434343;
}
/* 選單外層 */
#links .class {
	border-bottom: 1px dotted #999999;
	width: auto;
	margin-left: 15px;
}
/* 選單-無分類 */
#links .list a {
	width: auto;
	height: auto;
}
#links .list a:hover {
	color: #0099FF;
}
/* 選單自定義區塊 */
#links .custom {
	width: 100%;
	height: 120px;
	background-image: url(../images/pc/page_custom.jpg);
	background-repeat: no-repeat;
}

/* 內容最外層包裝 ---------*/
#content {
	padding: 0px;
	overflow: hidden;
}
#content .content {
}
#content .title_share {
	float: right;
	width: 140px;
	clear: both;
	padding-top: 0px;
	padding-right: 10px;
}
/* 內容標頭 */
#content .title_name {
	padding-top: 20px;
}

/* 最新消息共幾頁數字 */
#content .total {
	float: none;
	padding-top: 20px;
}
/* 最新消息-內頁日期 */
#content .news_date {
	float: none;
	color: #999999;
	font-size: 12px;
}

/* 產品內頁 */
.pd_left {
	width: auto;
	float: none;
}
.pd_right {
	width: auto;
	float: none;
}
.pd_right .padding {
	padding-left: 0px;
	padding-right: 0px;
}
.pd_share {
	float: none;
	width: 140px;
}
.pd_title {
	color: #4B4B4B;
	font-size: 20px;
	font-weight: bold;
	font-family: "微軟正黑體","蘋果儷黑體","新細明體" ,Arial, Verdana, Helvetica, sans-serif;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #707070;
}
.pd_content {
	clear: both;
	margin-top: 10px;
}
ul.pd_list {
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
ul.pd_list li {
	width: 17%;
	display: inline-block; /*擁有inline不會換行的特性，還可以像block一樣設定width,height,background-image等值*/
	vertical-align: top;
    *display: inline; /*兼容IE6,IE7用*/
    *zoom: 1;
	padding: 1px;
	border: 1px solid #CACACA;
}
ul.pd_album_list li {
	width: 17%;
	display: inline-block; /*擁有inline不會換行的特性，還可以像block一樣設定width,height,background-image等值*/
	vertical-align: top;
    *display: inline; /*兼容IE6,IE7用*/
    *zoom: 1;
	padding: 1px;
	border: 1px solid #CACACA;
}
/* 登入註冊 ----------------------------------------*/
#log_in {
	width: 100%;
	left: 0px;
	position: absolute;
	margin-left: 0px;
	top: 50px;
	background-image: url(../images/pc/b2.png);
	-webkit-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
}
.member_box {
	padding: 5px;
	background-color: #FFFFFF;
}
.member_content {
	padding: 5px;
	border: 1px solid #D2D2D2;
	border-radius: 10px;
	font-size: 16px;
}
/* 購物車 ----------------------------------------*/
.shop_box {
	padding: 3px;
	background-color: #FFFFFF;
}
.shop_member {
	width: 100%;
}
#m_menu_shop{
	display: inherit;
	text-align: right;
	background-color: #009AF3;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
}
#m_menu_shop a {
	color: #FFFFFF;
	text-decoration: none;
}
.shop_bar{
	border-radius: 0px;
	border: 0px solid #8E8E8E;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 30px;
	padding-bottom: 3px;
	background-color: #009AF3;
	display: inline-block;
	margin-left: 0px;
	background-image: url(../images/pc/cart_icon.png);
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: 2px 3px;
	text-decoration: none;
}
/* 表單 */
#form1 {
	width: 100%;
}
#form_member_edit{
	width: 100%;
}
.but2 {
	cursor: pointer;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(237,237,237,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(237,237,237,1.00) 100%);
	color: #232323;
	font-size: 18px;
	width: 120px;
	height: 60px;
}
#address{
	width: 95%;
}
#o_mail{
	width: 95%;
}
#content .title_menu_id_3 {
	padding-top: 30px;
	padding-bottom: 10px;
}
#content .title_name {
	font-size: 24px !important;
	padding-bottom: 8px !important;
	margin-bottom: 10px !important;
}
#content .title_name2 {
	font-size: 14px !important;
	line-height: 1.6 !important;
	padding: 0 15px !important;
}
.blog_box_p{
	width: 250px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-right: 0px solid #FFFFFF;
  border-bottom: 0px solid #D0D0D0;
}
.blog_box_p img{
	border: 1px solid #D3D3D3;
}
.blog_box_list{
  border: 1px solid #D0D0D0;
  background-color: #FFFFFF;
  padding-right: 10px;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-left: 10px;
  padding-top: 10px;
  display: block;
}
.blog_content_list{
	overflow: hidden;
	height: auto;
	color: #4D4D4D;
	border-top: 1px solid #E3E3E3;
	padding-top: 10px;
	line-height: 25px;
}
.blog_box{
	border: 1px solid #D0D0D0;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 10px;
	margin-top: 50px;
	overflow: hidden;
	margin-left: 10px;
}
.blog_bottom {
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	clear: both;
}
.blog_reply_form {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.pd_photo_big {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../images/pc/loading.gif), -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(233,233,233,1.00) 100%);
	background-image: url(../images/pc/loading.gif), linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(233,233,233,1.00) 100%);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #D0D0D0;
	margin-top: 40px;
	margin-left: 10px;
	margin-right: 10px;
}
ul.pd_album_list {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #D0D0D0;
	background-color: #FFFFFF;
}
.pd_album_title {
	color: #4B4B4B;
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.pd_content {
	clear: both;
	padding-top: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
.info-wrap:hover .info {
	-webkit-transform: rotate3d(0,1,0,0deg);
	-moz-transform: rotate3d(0,1,0,0deg);
	-o-transform: rotate3d(0,1,0,0deg);
	-ms-transform: rotate3d(0,1,0,0deg);
	transform: rotate3d(0,1,0,0deg); /*翻轉180度*/
}

.contactus_1{
	width: auto;
	float: none;
	background-color: hsla(0,0%,100%,0.00);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 0px;
	height: auto;
}
.contactus_2{
	width: auto;
	float: none;
	border: 5px solid #535353;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-image: url(../images/pc/ContactUs.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #f4f4f4;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
	padding-left: 0px;
}
input {
	border-left: 0 solid #CCCCCC;
	border-right: 0 solid #CCCCCC;
	border-bottom: 1px solid #A3A3A3;
	border-top: 0px solid #CCCCCC;
	color: #333333;
	outline: medium none;
	padding: 5px;
	width: 95%;
	border-radius: 0px;
	background-color: hsla(0,0%,100%,0.00);
}
#form1 {
	width: auto;
}
.about_box{
  background-repeat: no-repeat;
  height: auto;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 160px;
  padding-top: 30px;
  background-image: url(../up_photo/images/about_bg2.png);
  background-position: right bottom;
  display: block;
  margin-left: 0px;
  overflow: hidden;
}
.about_box_c2 ul{
  margin: 0px;
  padding: 17px;
}
  
.about_box_c1{
	display: inline-block;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 0px;
}
.about_box_c2{
	display: inherit;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 0px;
	color: #434343;
	width: auto;
}

.about_box_c2 li {
  font-size: 14px;
  float: left;
  width: auto;
  background-color: #EFEFEF;
  padding: 4px;
  margin: 4px;
  list-style-type: none;
}
.about_service{
	display: block;
}
.pricing_head {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 50px;
	margin-left: 10px;
	margin-right: 10px;
}
.pricing_head h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
}
.data_type {
	display: block;
	vertical-align: top;
	width: auto;
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #F3F3F3;
	margin-bottom: 20px;
}
.data_type .subject {
    padding: 20px;
    display: block;
    line-height: 26px;
    height: auto;
}
#main .n_box1 {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
#main .n_box1 li {
	width: calc(100% / 2);
	float: left;
	margin-bottom: 30px;
}
#main .n_box1 h1 {
	font-size: 18px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.6;
}
#main .n_box1 .n_box1_desc {
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 100%;
}
.web_diy .cc{
	width: auto;
}
#main .n_box2 div img{
	width: calc(100% / 2);
	display: block;
	float: left;
	opacity: 1;
}
#main .n_box3 {
	width: auto;
	padding-bottom: 0px;
}
#main .n_box3 li {
	list-style-type: none;
	width: auto;    
	display: block;
	float: left;
	vertical-align: top;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 30px;
}
#main .n_box3 li h2 {
    font-size: 22px;
}
#main h2 {
    font-size: 25px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
.n_box6 .m_index_h1{
	color: #c4b9a3;
}
#main .n_box1 li div {
    font-size: 22px;
    color: #494949;
    padding-top: 10px;
    padding-bottom: 20px;
}
#main .n_box4 ul {
	  width: auto;    
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-bottom: 40px;
}
#main .n_box4 li {
	width: auto;
	display: block;
	float: none;
	vertical-align: top;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
#main .n_box4 {
	background-image: url(../images/mobile/index_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
#main .n_box5 a {
    font-size: 16px;
}
.client_logo {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.client_logo li {
    width: calc(100%/2);
    margin-bottom: 10px;
}
#main .n_box7 {
  padding-top: 30px;
  padding-bottom: 0px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  flex-direction: column;
  margin-top: 0px;
  margin-bottom: 0px;
}
#main .n_box7_1 {
  width: auto;
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 30px;
}
#main .n_box7_2 {
  width: auto;
  display: block;
  padding: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
#main .m_box6_3 h3{
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#main .m_box6_3 img {
    margin: 0px;
    padding: 0px;
    float: left;
    width: calc(100%/4);
}
.pc_show{
	display: none;
}
.m_show{
	display: inherit;
}
.f_logo {
	width: 185px;
	height: 60px;
	background-image: url(../images/mobile/foot_logo.png);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	background-size: auto 50px;
}

.qa_box {
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
}

.qa_box .q_title{
	font-size: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.qa_box .q_title span{
	font-size: 16px;
}
.qa_box .q{
	background-color: #ebeaea;
	padding-left: 20px;
	padding-right: 20px;
	border-top: 1px dashed #787878;
	overflow: hidden;	
}
.qa_box .q span{
	float: left;
	padding-bottom: 0px;
	font-size: 18px;
}
.qa_box .q .t{
	padding-top: 5px;
}
.qa_box .q img{
	padding-right: 10px;
	width: 35px;

}
.qa_box .a{
	padding-left: 65px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 15px;
	color: #2E2E2E;
}
.web_diy_price {
    font-weight: bold;
	font-size: 18px !important;
}
.blog_top {
    background-image: url(../images/pc/hot.png);
    background-repeat: no-repeat;
    background-size: 17px auto;
    padding-left: 25px;
    background-position: 0px top;
}
#main .n_box6 h1 {
		font-size: 24px !important;
}
#main .pr_box1 {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.td_left_line2 {
  border-right: 0px solid #FFFFFF;
}
.qa_box .q_title h1 {
    font-size: 22px;
}
#main .m_box1 .text h1 {
    font-size: 25px;
    margin-bottom: 0px;
}
#main .m_box2 h2 {
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 0;
}
#main .m_box3 h2 {
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}
#main .m_box4 h2 {
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}
#main .m_box5 h2 {
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}
#main .m_box6_3 h2 {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#main .m_box7 h2 {
    font-size: 30px;
}
.blog_h1_title {
	padding-left: 10px;
}
.contactus_title h1 {
    font-size: 22px;
}

#back_top {
	right: auto;
	left: 10px;
}
#line_qa img{
	width: 50px;
}
#main .n_box2 div a {
	overflow: hidden;
	display: inline;
	width: auto;
	float: none;
	background-color: #000000;
}
.ban_img{
	display: none;
}
#menu_fixed {
  display: none;
}

#wrapper_bg_book{
	background-image: url("");
}
#main .bk_box1 {
  height: 300px;
  background-image: url(../images/pc/booking/banner_m.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#main .bk_box1 h1 {
	font-size: 30px;
	margin-top: 100px;
}
#main .bk_box1 h2 {
    font-size: 16px;
}
#main .bk_box2_c {
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}
#main .bk_box4_title {
    width: auto;
    font-size: 18px;
    padding-top: 0px;
    padding-bottom: 9px;
    line-height: 30px;
}
#main .bk_box4 ul {
	width: auto;
}
#main .bk_box4 li {
	display: block;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
	vertical-align: top;
	margin-bottom: 10px;
}
#main .bk_box4 img {
	width: auto;
}
#main .bk_box5 {
    padding-top: 10px;
    padding-bottom: 10px;
}
#main .bk_box5 ul {
	width: auto;
}	
#main .bk_box5 li {
	display: block;
	margin-bottom: 10px;
}	
#main .bk_box5 a {
    font-size: 24px;
}
ul.pd .pdli {
  width: 150px;
}
.ban_3 img {
  width: 210px;
}
.blog_title h1 {
  font-size: 25px;
  line-height: 35px;
}
.count_box .table_box{
  font-size: 16px;
  width: auto;
}
.count_box .directions {
  padding: 10px;
  margin: 10px;
}
.count_box .t_box {
  display: block;
}
.count_box .t2 {
  width: auto;
} 
.count_box .t1 {
  margin-bottom: 5px;
  margin-right: 0px;
}
.count_box .t3 {
  padding: 5px;
  border-top: 1px solid #B5B5B5;
  margin-top: 10px;
  text-align: left;
}
.sub_txt{
  display: none;
}
#main .bk_box7 {
  display: block;  
}
#main .bk_box7 .price {
  width: auto;
}  
#footer .f_blog_box2 {
  width: auto;
  padding: 10px;
  display: block;
}
#footer .f_blog_box2 img {
  padding-bottom: 10px;
}
#main .pw_box2 .title {
  width: auto;
  font-size: 28px;
  margin-top: 20px;
}
#main .pw_box2_c {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#main .pw_box1 h1 {
  font-size: 30px;
  z-index: 2;
}
#main .pw_box1 h2 .strokeText {
  font-size: 22px;
} 
#main .pw_box1 {
  height: auto;
  background-image: url(../images/pc/public-welfare.jpg);
} 
.pw_box{
  background-image: url(/images/pc/pw.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
} 
.pw_box .t3{
  font-size: 20px;
}
.pw_box .t4{
  font-size: 20px;
}
.pw_in_box{
  background-position: right bottom;
}
.faq_box {
  flex-direction: column-reverse;
  padding-left: 10px;
  padding-right: 10px;
}
.faq_box .chapter {
  width: auto;
  margin-left: 0px;
  margin-bottom: 10px;
}
.faq_box h2 {
    font-size: 22px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.faq_box h1 {
  font-size: 30px;
}
#main .do_box1 {
  height: 600px;
  background-image: url(../images/pc/donate/banner_m.jpg);
  padding-left: 20px;
  padding-right: 20px;
}
#main .do_box2_c {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#main .do_box2_c h2 {
  font-size: 20px;
}
#main .n_box1_t {
  display: none;
}  
#back_top {
  width: 45px;
}
.n_box5_2 {
  padding: 10px;
  flex-direction: column;
}
.faq-section {
  width: auto;
  padding-right: 0px;
  padding-left: 0px;
}
.n_box5_3 {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 10px;
}
.faq2-container {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}
.faq2-item {
  width: 100% !important;
  margin: 0 !important;
}
.faq2-title {
  font-size: 20px !important;
  margin-bottom: 20px !important;
}
.faq2-question {
  padding: 16px 18px !important;
  font-size: 15px !important;
  line-height: 22px !important;
}
.faq2-answer {
  padding: 0 18px !important;
  font-size: 14px !important;
}
.faq2-item.active .faq2-answer {
  padding: 16px 18px 18px 18px !important;
}
.faq_pricing_main_title { font-size: 22px; }
.pr_box1 h1 {
  font-size: 25px;
}
.count_box {
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}
.table_container {
  padding: 0px;
}
.td_p_hide{
  display: none;  
}
.td_pricing {
  font-size: 20px;
}
.table_content_2 {
  font-size: 16px;
}
.table_content_2 td {
  line-height: 28px;
}
.td_title3 h3 {
  font-size: 16px;
}
.author-profile-box {
  flex-direction: column;
  text-align: center;
  padding: 30px;
}
.title_type a {
  display: block;
  text-align: left;
  margin: 10px 0 !important;
  border-radius: 30px !important;
  padding-right: 15px !important;
}
.title_type a span {
  width: 70px !important;
  text-align: center;
  padding: 8px 10px !important;
  border-top-left-radius: 28px !important;
  border-bottom-left-radius: 28px !important;
  margin-right: 8px !important;
  font-size: 13px !important;
}
.title_type {
  margin-left: 15px !important;
  margin-right: 15px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
} 
.pd_search {
  margin: 20px 15px !important;
}
.search_flex_row {
  flex-direction: column !important;
  border-radius: 16px !important;
  position: relative !important;
}
.dropdown_btn {
  width: 100% !important;
  border-right: none !important;
  border-bottom: 1px solid #f1f5f9 !important;
  border-radius: 16px 16px 0 0 !important;
  padding: 14px 20px !important;
  height: 48px !important;
}
.search_input_wrap input {
  padding: 14px 60px 14px 20px !important;
}
.search_submit_btn {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 50px !important;
  height: 48px !important;
  background: transparent !important;
  border-radius: 0 0 16px 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #94a3b8 !important;
}
.dropdown_menu {
  width: 100% !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px) !important;
}

  
}