@charset "utf-8";
@import url("all_shared.css");
/*@import url("menu.css");*/
@import url("page.css");
/*@import url("rwdtab.css");*/
*{	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote {margin:0;padding:0;vertical-align:top;text-align:left;}
body{ 
    font-family:"Noto Sans TC" !important;
	-webkit-text-size-adjust:none;
	width:100%; min-width:320px;
	height:100%;
	font-size:18px;
}
.pageall{ width:100%; height:auto; position:relative;}
/*TOP回到最上面*/
.pageall .TOP{ position:fixed;width:70px;height:70px;right:10px ; bottom:10px ;cursor:pointer; z-index:9999;}
.pageall .TOP img{ width:100%; height:auto;}

.header{ width:100%; height:auto;margin:0 auto;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}
.centerbox{ width:80%; height:auto; margin:0 auto;}
.header .centerbox .logo a{ display:block;width:100%; height:35px;}
.header .centerbox .logo{ width:150px; height:35px; float:left; background:url(../frontimages/Miraido-logo.svg) no-repeat left center; background-size: auto 100%;/*text-indent:-9999px;*/ }
.MAINBG{ background-color:#ffff;}

div#google_translate_element {
    display: inline-block;
}
.header .centerbox .topmenu {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    height: auto;	
}

#menu{
    margin: 0;
    text-decoration: none;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
    float: left;
    background: none;
}
#menu ul{
    width: 100%;
    height: auto;

}
#menu li{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    text-decoration: none;
    text-align: center;

}
#menu>li{
    width: auto;
    position: relative;
}
#menu>li .arrow-bottom {

	 line-height: 50px; vertical-align:middle;
    display: inline-block;
    margin-left: 5px;
    border-top: 4px solid #0A192F;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
	margin-top:-4px;
  
}
#menu li>a {
    line-height: 65px;
    font-size: 1.2rem;
    margin:5px 30px 0 30px;
    width: auto;
    display: block;
    color: #0A192F;
    text-decoration: none;
    border-bottom: 5px solid #eeeeee00;
}
#menu li:hover > a { border-bottom: 5px solid #003A7A}
#menu li>ul {
    margin: 0;
    z-index: 8000;
    line-height: 100%;
    list-style: none;
    position: absolute;
    top: 75px;
    left: 0;
    width: 200px;
    height: auto;
    color: #000;
    background: rgba(255, 255, 255, 1);
    display: none;
    box-shadow:0px 0px 8px rgba(0,0,0,0.3);
    scroll-behavior: smooth;
	border-radius:0 0px 10px 10px;
	padding:20px 20px;
}
#menu li ul li {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    padding: 0px 10px;
    text-align: left;
    line-height: 100%;
}
#menu li ul li :first-child { border: 0;}
#menu li ul li a {
    display: block;
    color: #000;
    width: auto;
    padding: 10px 10px;
    margin: inherit;
    line-height: 110%;
    font-size: 100%;
    text-decoration: none;
    font-weight: normal;
}
#menu li ul li a:hover{
    text-decoration: none;
    color: #000; background-color:#F0F0F0;
    transition: all .5s ease-out;
}
/*服務的選單樣式*/
#menu li>.navlist{
	margin: 0;
    z-index: 8000;
    line-height: 150%;
    list-style: none;
    position: absolute;
    top: 75px;
    left: 0;
    width: 600%;
    height: auto;
    color: #000;
    background: rgba(255, 255, 255, 1);
    display: none;
box-shadow:0px 0px 8px rgba(0,0,0,0.3);
/* border-top:3px solid #ffe815; */
    scroll-behavior: smooth; 
	padding:20px;
	border-radius:0 0px 10px 10px;

	}
.navlist .navbox{ width:31%; float:left; margin:1%;}	
.navlist .navbox .navtitle{ font-size:105%;line-height: 100%; color:#d14140;font-weight:bold;padding: 0px 10px 10px 20px; margin-bottom:0px; border-bottom: 0px #ffa115 dashed;}
.navlist .navbox p{ display:block; background-color:#eee; color:#000; font-size:100%; padding:15px;text-align: justify;text-justify:inter-ideograph; margin-left:5px;}

/*#menu2---搜尋/語言/聯絡我們-------------------*/
.header .centerbox .menuliright{ position:absolute; right:0; top:0;}
.menuliright #menu2 li a img{ line-height:60px; vertical-align:middle;}
#menu2 li ul li .sinputcss{ padding:10px;line-height: 120%;}
#menu2 li ul li .sbtn{ background-color:#ffa115; color:#FFF; width:100%; margin:5px 0; text-align:center;}
#menu2 li ul li .sbtn:hover{ background-color:#ec910a; color:#FFF;}
#menu2 {
    margin: 0;
    text-decoration: none;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
    float: left;
    background: none;
}
#menu2 ul {
    width: 100%;
    height: auto;
}
#menu2 li {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    text-decoration: none;
    text-align: center;
}
#menu2>li {
    width: auto;
    position: relative;
}

#menu2 li>a {
    line-height: 60px;
    font-size: 1rem;
    padding: 0 10px;
    width: auto;
    display: block;
    color: #fff;
    text-decoration: none;
}
#menu2 li>ul {
    margin: 0;
    z-index: 8000;
    line-height: 100%;
    list-style: none;
    position: absolute;
    top: 60px;
    left: -60px; 
    width:auto; min-width:90px;
    height: auto;
    color: #000;
    background: rgba(255, 255, 255, 1);
    display: none;
box-shadow:0px 0px 5px rgba(50,50,50,0.1);
border-top:3px solid #ffe815;
    scroll-behavior: smooth;
	border-radius:0 0px 10px 10px;
	padding:10px;
}
#menu2 li ul li {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    padding: 0px;
    text-align: left;
    line-height: 100%;
}
#menu2 li ul li:first-child{
    border: 0; 
}
#menu2 li.contact{line-height:60px; margin-top:15px;}
#menu2 li.contact a {
    background-color:#ffa115; color:#FFF; font-size:90%; display:block; height:auto; line-height:normal; border-radius:15px; padding:5px 10px; margin-left:10px; 
}
#menu2 li ul li a {
    display: block;
    color: #000;
    width: auto;
    padding: 5px 10px;
    line-height: 110%;
    font-size: 100%;
    text-decoration: none;
    font-weight: normal;
}

#menu2 li ul li a:hover {
    text-decoration: none;
    color: #000; background-color:#F0F0F0;
    transition: all .5s ease-out;
}


/*BANNER*/
.ADV{ width:100%; height:auto;margin:0 auto;}
.ADV .centerbox{width:100%; height:auto;margin:0 auto; text-align:center;box-shadow:inset 3px 3px 3px rgba(20%,20%,40%,0.5);}
.ADV .centerbox img{box-shadow:inset 3px 3px 3px rgba(20%,20%,40%,0.5);margin:0 auto;}


.footer{ width:100%; height:auto;margin:0 auto; background-color:#4B545C;}
.indextab{ width:100%; height:auto;margin:0 auto; background-color:#e8eef2;}
.indexstep{ width:100%; height:auto;margin:0 auto;padding: 30px 0;}
.pagebannerbox{ width:100%; height:auto;margin:0 auto;}

.header .centerbox{   
    width: 96%;
    height: 75px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indextab .centerbox{width:80%;height:auto; overflow:hidden; padding:10px 0 15px 0;}
.indexstep .centerbox{width:80%;height:auto; overflow:hidden; position: relative;z-index: 3;}
.pagebannerbox .centerbox{width:100%;height:auto; overflow:hidden;}

/*背景色*/
.bg{ background:#d14140;}
.bgimg{
    background: url(../frontimages/ins-02.png)no-repeat bottom center;
    background-size: cover;
}
.bgw{ background:#FFF;}
.bgb{ background:url(../frontimages/bgb.png)no-repeat center  center fixed;background-size:cover;}
.bgg{ 
    background: url(../frontimages/Miraido-bg-1.png) no-repeat top center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.bgg::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: url(../frontimages/Miraido-bg.png)no-repeat right center;
    background-size: 105% auto;
    width: 100%;
    height: 150px;
}
.bgg::after{
    content: '';
    display: block;
    z-index: 0;
    position: absolute;
    bottom: 0;
    background: url(../frontimages/Miraido-bg.png) no-repeat center -91px;
    background-size: 100% auto;
    transform: rotate(182deg);
    width: 100%;
    height: 537px;
}
.titlefont h2 .more{ font-size:11px; font-style: normal; float:right; padding-top:8px;vertical-align:bottom; color:#9e9e9e;}
.titlefont h2 .more a{ color:#9e9e9e; text-decoration:none;}

/*footer*/
.footer .centerbox{ width:80%; padding:20px 0; overflow:hidden;}
/*選單*/
.footer .centerbox ul{
    width:100%; 
    list-style:none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;}
.footer>.centerbox>ul>li{ width: 25%; border-bottom:#FFF;}
/*.footer .centerbox ul li:nth-child(1){width: 50%;}*/
.footer .centerbox .f_tit{
    padding-top:35px;
    font-size:105%; 
    color:#fff; 
    line-height:30px; 
    letter-spacing:0px;
    font-weight: bold;
}

.footer .centerbox .companyinfo{
    width: 100%;
    margin: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* border-bottom:1px solid #D9DAE1; */
    padding: 60px 0 10px 0;
}
.footer .centerbox .companyinfo .logo{ width:auto;}
.footer .centerbox .companyinfo .logo a{display: block; width:100px; float: left;}
.footer .centerbox .companyinfo .logo a img{ width:100%; height: auto;margin: 0 auto;}
.footer .centerbox .companyinfo .logo .info{display: inline-block; margin-left:10px;color: #fff; font-size:110%;line-height:55px;}
.footer .centerbox .companyinfo .community{width:200px; height: 40px;}
.footer .centerbox .companyinfo .community ul{width:100%;height: 40px;}
.footer .centerbox .companyinfo .community li{width:25%;height: 40px;}
.footer .centerbox .companyinfo .community li a{display: block; width: 40px; height: 70px;text-indent:-9999px; }
.footer .centerbox .companyinfo .community li a.IN{background:url(../frontimages/in.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.YOUTUBE{background:url(../frontimages/youtube.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.TWITTER{background:url(../frontimages/twitter.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.FACEBOOK{background:url(../frontimages/facebook.png) no-repeat center center;background-size:40px 40px;}

/*服務選單*/
/*.footer>.centerbox>ul>li:nth-child(2) .LIST_title,
.footer>.centerbox>ul>li:nth-child(3) .LIST_title,
.footer>.centerbox>ul>li:nth-child(4) .LIST_title{width:85%;}*/
/*.LIST_title{ display:inline-block; width:45%; margin-right:20px;line-height: 28px;}*/
.LIST_title h2{display:block; font-weight:normal; width:100%; font-size:85%;line-height: 28px;color:#D2D2D2;}
.LIST_title h2:hover{text-decoration: underline;}
/*.footer>.centerbox>ul>li:nth-child(1) .LIST_title h2:nth-child(1){ display:none;}*/
.footer .centerbox ul .LIST{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer .centerbox ul .LIST li{
    width: 100%;
    height: 30px;
    color: #D2D2D2;
    font-size: 1rem;
}
.footer .centerbox ul .LIST li p{
    width: 100%;
    height: 30px;
    font-weight: bold;
}
.footer .centerbox ul.LIST li a{
    display: block;
    width: 100%;
    height:30px;
    color: #D2D2D2;

    font-size: 85%;
}
.footer .centerbox ul.LIST li a:hover{text-decoration: underline;}

/*.footer .centerbox .f_tit_s{
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size:0.8rem; 
    color:#fff; 
    text-align: center;    
    padding-top: 30px;
}*/

/*大標題*/
.titlebox {
    color: #003A7A;
	font-size: 40px;
    font-weight: 700;
	line-height: 120%;
    text-align: center;
    padding: 30px 0 30px;
}
.titlebox p{
	font-size: 16px;
    color: #555;
    font-weight: normal;
    text-align: center;
    padding: 10px 0;}


.bgb .titlebox{
    color: #fff;
}
.titlebox.bottom_line::after{
    content: '';
    display: block;
    width: 150px;
    height: 2px;
    margin: auto;
    margin-top: 15px;
    background: #1dd2a6;
}
.fontbox{
    width: 80%;
    font-size: 120%;
    line-height: 150%;
    text-align: center;
    margin: auto;
    color:#fff;
}

.btnbox{
    width: 100%;
    margin: auto;
    padding: 20px 0;
    text-align: center;
}
.btnbox .btn{
    display: inline-block;
    margin: auto;
    border: 1px solid #fff;
    padding: 15px 20px;
    color: #fff;
    transition: .3s;
}
.btnbox .btn:hover{
    background-color: #fff;
    color: #0A192F;
}
.btnbox.bottom_btn{
    padding: 20px 0 60px 0;
}

/*全方位數位行銷整合解決對策*/
.Allround{ width:100%; height:auto; overflow:hidden;}
.Allround .round{ float:left;width:47%;height: auto;overflow:hidden; background-color:#FFF; margin:1% 1%;border-radius:6px;box-shadow:0px 0px 5px rgba(50,50,50,0.1);border:1px solid #eee;}
.Allround .round .imgbox{display:inline-block; width:34%; overflow:hidden; position:relative; }
.Allround .round .imgbox .imgin{ width:100%; height:100%; border-right:1px solid #eee;}
.Allround .round .imgbox .imgin img{display:block; vertical-align:middle;  width: 96%;height: 200px;-o-object-fit: cover; object-fit: cover; transition: .8s ease-out;}
.Allround .round:hover .imgbox .imgin img{ width: 100%;transform: translate(0% , 0%); text-align:center; vertical-align:middle; }
.Allround .round .mainbox{display:inline-block; width:65%; padding:20px;text-align: justify;text-justify:inter-ideograph;}
.Allround .round .mainbox H2{ display:block; font-size:20px; line-height:120%; color:#d14140; margin:30px 0;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Allround .round .mainbox p{  color:#555;width:100%;margin:10px auto; line-height:180%;}
.Allround .round .mainbox .btn_more{margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}

/*服務流程-頁籤*/
.servicebox {width: 100%; margin: auto; padding:0px 0 10px 0;}

/*頁簽分類*/
.servicebox .tabs {
    list-style: none;
    width:100%;
    height: auto;
    margin: 0 auto;
    padding: 0; text-align:center; border-bottom:1px solid #CCC;
}

.servicebox .tabs li {
    display: inline-block;
    position: relative;
    margin: auto;
    margin-top: 5px;
    width: auto;
    padding: 0 1%; border-bottom:0px solid #CCC;
    vertical-align: middle;
}

.servicebox .tabs li a {
    display: block;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #303030;
    text-align: center;
    padding: 10px 15px;
    transition: .3s;
	
}

.servicebox .tabs li a b {line-height: 25px;}
.servicebox .tabs li a {color: #333;}

.servicebox .tabs li.active a,
.servicebox .tabs li:hover a {
    color: #00798E;
    border-bottom:2px solid #00798E;
    /* padding: 10px 0; */
   /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
    transform: scale(1.05, 1.05);
}

.servicebox .tab-content {
	width:100%;
    display: none;
    margin: 10px auto 0px auto;
    text-align: left;
    padding: 20px 15px;
   background-color: #fff;
   /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);width:100%;*/
}
.servicebox .tab-content .imgadv{ display:inline-block;width:100%; text-align:center; }
.servicebox .tab-content .imgadv .imgbox{width:100%; height:auto;overflow:hidden;}
.servicebox .tab-content .imgadv .imgbox img{width:100%; height:auto; margin:0; padding:0; }
.servicebox .tab-content .imgadv .mainbox{width:100%;height: auto; padding:5px 10px; font-size:100%; color:#000; border-top:1px dashed #eee;margin-top:-3px;}
.servicebox .tab-content .imgadv a .mainbox{ color:#000;}


/*聯絡我們*/
.contactbox .contactin{ 
    width:100%; 
    display: flex;
    height:auto;
    min-height: 370px; 
    overflow:hidden;
    border-radius: 40px;
    background: url(../frontimages/Miraido-09.png) no-repeat center center;
    background-size:cover ;
}
.contactbox .contactin .c_box{
    width: 50%;
    margin: 60px 0 0 30px;
}
.contactbox .contactin .c_box .c_bt{
    width: fit-content;
    height: 45px;
    margin-top: 30px;
} 
.contactbox .contactin .c_box .c_bt a{
    display: block;
    width: 100%;
    height: auto;
    background-color: #00798E;
    text-align: center;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 100%;
    padding: 15px 20px;
    border-radius: 0;
    transition: .3s;
} 
.contactbox .contactin .c_box .c_bt a:hover{
    background-color: #ffffff;
    color: #00798E;
    border: 0;
}
.contactbox .contactin .c_box .font{
    color: #fff;
    font-size: 120%;
    line-height: 150%;
}



/*最新資源與內容*/
.newinfomain{ 
    width:100%; height:auto;
    background: url(../frontimages/ins-01.png) no-repeat bottom;
    background-size: 100% auto;

}
.newinfomain .round{ float:left;width:48%;height:110px;overflow:hidden; background-color:#FFF; margin:10px 1%;border-radius:6px;box-shadow:0px 0px 5px rgba(50,50,50,0.1); border:1px solid #eee;}
.newinfomain .round .imgbox{display:inline-block; width:37%; overflow:hidden; position:relative; background-color:#eee;}
.newinfomain .round .imgbox .imgin{margin-top:0px; padding-right:0px; border-right:1px solid #eee;}
.newinfomain .round .imgbox .imgin img{display:block; vertical-align:middle;  width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;    min-height: 110px;   transition: .8s ease-out;}
.newinfomain .round:hover .imgbox .imgin img{ width: 105%;transform: translate(0% , 0%);}
.newinfomain .round:hover{ background-color:#eee;}
.newinfomain .round .mainbox{display:inline-block; width:62%; padding:3%;}
.newinfomain .round .mainbox .ii{display:block; margin:0px 0 8px 0;}
.newinfomain .round .mainbox .ii span{ width:auto; font-size:80%; color:#666; background-color:#e6e6e6; margin:0px 0 30px 0; padding:5px 10px; border-radius:10px;}
.newinfomain .round .mainbox H2{ display: inline-block; font-size:100%; color:#75605f; font-weight:normal; margin:10px 0 5px 0;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newinfomain .round .mainbox p{ display:block; font-size:100%; line-height:120%; color:#666;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newinfomain .round .mainbox .btn_more{display:none;margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}
/*最新資源與內容--第一則樣式*/
.newinfomain .round:nth-child(1){height: auto;}
.newinfomain .round:nth-child(1) .imgbox{display:inline-block; width:100%;height: auto; text-align:center; background-color:#eee; overflow:hidden; position:relative;}
.newinfomain .round:nth-child(1) .imgbox .imgin{padding-right:0px;border-right:0px solid #eee;}
.newinfomain .round:nth-child(1) .imgbox .imgin img{display:block;width:100%; height: auto; vertical-align:middle; line-height:180%;}
.newinfomain .round:nth-child(1):hover .imgbox .imgin img{ width: 105%;transform: translate(0% , 0%);}
.newinfomain .round:nth-child(1) .mainbox{display:inline-block; width:100%;height:200px; overflow:hidden; padding:20px 30px;}
.newinfomain .round:nth-child(1) .mainbox .ii{display:block; margin:10px 0;}
.newinfomain .round:nth-child(1) .mainbox .ii span{ width:auto; font-size:80%; margin:0px 0 10px 0; padding:5px 10px; border-radius:10px;}
.newinfomain .round:nth-child(1) .mainbox H2{display:block; font-size:130%; color:#555;font-weight: bold; margin:15px 0 10px 0;}
.newinfomain .round:nth-child(1) .mainbox p{ display:block; font-size:100%; color:#666;width:100%;margin:0 auto;overflow:hidden;white-space:normal;text-overflow:none;}
.newinfomain .round:nth-child(1) .mainbox .btn_more{display:block;margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}


/*立即開始與昊揚合作擴展業務------------------------------------------*/
.cooperate{width: 90%; margin: auto; padding:60px 0;} 
.cooperate .c_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;    
} 
.cooperate .c_box .c_inbox{
    width: 50%;
} 

.cooperate .c_box .c_inbox .c_tbox{
    width: 100%;
    padding: 50px 0;
}
.cooperate .c_box .c_inbox p{
    font-size: 120%;
    line-height: 120%;
    color: #fff;
    font-weight:bolder;
    margin: 0 auto;
}
.cooperate .c_box .c_inbox p.font{
    font-weight: normal;
}
.cooperate .c_box .c_inbox .BIG{
    font-size: 40px;
    line-height: 120%;
    color: #fff;
    font-weight:700;
    margin: 0 auto;
}
.cooperate .c_box .c_inbox p.BIG span{ display:block;}
.cooperate .c_box .c_inbox p.SMAIL{
    font-size: 1.2rem;
    line-height: 1.6em;
    color: #fff;
    margin: 0 auto;
}
.cooperate .c_box .c_bt{
    width: 100px;
    height: 45px;
    margin-top: 30px;
} 

.cooperate .c_box .c_bt a{
    display: block;
    width: 100%;
    height: 40px;
    background-color: #fff;
    text-align: center;
    color: #d14140;
    font-size: 1.1rem;
    line-height: 40px;
    border-radius: 40px;
} 


.cooperate .c_box .c_bt a:hover{
    background-color: rgb(241, 241, 241);
    color:#00798E ;
} 
.cooperate .c_box .c_inbox:nth-child(1){
	padding-right:20px;}
/*.cooperate .c_box .c_inbox:nth-child(2){
	height:200px;

}*/
.cooperate .c_box .c_inbox img{
    display: block;
    width: 80%;
    height: auto; margin:auto;
} 

/*---------------------------------------------------------------*/

/*推動我們持續前進的成功夥伴------------------------------------------*/
.partner{width: 100%; margin: auto; padding:0px 0 10px 0;} 
.partner .p_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
	flex-wrap:wrap;	
    margin: 0 auto;
	gap:20px;
}
.partner .p_box .p_IMG{
    width:150px;
    height: auto;
} 
.partner .p_box .p_IMG a{
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
}  
.partner .p_box .p_IMG img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
} 

/*---------------------------------------------------------------*/


/*---------------------------------------------------------------*/

/* == 手機版型區 =============================== */
@media screen and (max-width: 767px) {
    div#google_translate_element {
        position: relative;
        right: 62px;
    }
.header{ width:100%; height:auto;margin:0 auto;}
.centerbox{ width:100%; height:auto; margin:0 auto;}
.header .centerbox{width:100%;height:60px;}
.header .centerbox .logo a{ display:block;width:100%; height:60px; }
.header .centerbox .logo{ display:block;width:100%; height:60px; float: none;background: url(../frontimages/Miraido-logo.svg) 3% center no-repeat; /*text-indent:-9999px; */ background-size: auto 30px;margin-top:0px;}

/*#menu2---搜尋/語言/聯絡我們-------------------*/
.header .centerbox .menuliright{ position:absolute; right:60px; top:0;}

#menu{ display:none;width:100%; height:auto;margin:0 auto;border-bottom:5px solid #bfe5ff; clear:both;}
#menu .menu{width: 1000px;	height:45px;margin:0 auto; z-index:1;}

.ADV{ width:100%; height:auto;margin:0 auto;}
.ADV .centerbox{width:100%; height:auto;margin:0 auto; text-align:center;box-shadow:inset 3px 3px 3px rgba(20%,20%,40%,0.5);}
.ADV .centerbox img{box-shadow:inset 3px 3px 3px rgba(20%,20%,40%,0.5);margin:0 auto;}


.footer{ width:100%; height:auto;margin:0 auto;}
.indextab .centerbox{width:95%;height:auto; overflow:hidden; padding:10px 0 15px 0;}
.indexstep{
    padding: 0 0 0px 0;
}
.indexstep .centerbox{width:95%;height:auto; overflow:hidden; padding:20px 0;}
.bg{}
.bgw{ background-color:#FFF;}

/*.bg .centerbox,.bgw .centerbox{ padding:10px 0 60px 0;}*/

.titlefont h2 .more{ font-size:11px; font-style: normal; float:right; padding-top:8px;vertical-align:bottom; color:#9e9e9e;}
.titlefont h2 .more a{ color:#9e9e9e; text-decoration:none;}

/*footer*/
/*.footer .centerbox{ width:86%; padding:20px 0; overflow:hidden;}
/*選單*/
/*.footer .centerbox .Fsitmap{
    width:100%; 
    list-style:none;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
   }
.footer>.centerbox>ul>li{ width: 100%; height:auto; }
.footer .centerbox ul li:nth-child(1){width: 100%; height:auto;}
.footer .centerbox .f_tit{
    padding-top:35px;
    font-size:105%; 
    color:#fff; 
    line-height:30px; 
    letter-spacing:2px;
    font-weight: bold;
}
.footer .centerbox .companyinfo ul{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
	justify-content: flex-end;
    border-bottom:1px solid #D9DAE1;
    padding: 20px 0 20px 0;
}
.footer .centerbox .companyinfo .logo{ width:calc(100% - 0px);}
.footer .centerbox .companyinfo .logo a{display: inline-block; width:35%; float: left;}
.footer .centerbox .companyinfo .logo a img{ width:100%; height: auto;margin: 0 auto;}
.footer .centerbox .companyinfo .logo .info{display: inline-block; margin-left:0px; color: #fff; font-size:90%;line-height:35px;}
.footer .centerbox .companyinfo .community{width:100%; height: 40px;}
.footer .centerbox .companyinfo .community ul{width:100%;height: 40px;}
.footer .centerbox .companyinfo .community li{width:25%;height: 40px;}
.footer .centerbox .companyinfo .community li a{display: block; width: 40px; height: 50px;text-indent:-9999px; }
.footer .centerbox .companyinfo .community li a.IN{background:url(../frontimages/in.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.YOUTUBE{background:url(../frontimages/youtube.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.TWITTER{background:url(../frontimages/twitter.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.FACEBOOK{background:url(../frontimages/facebook.png) no-repeat center center;background-size:40px 40px;}*/

/*服務選單*/
/*.footer>.centerbox>ul>li:nth-child(2) .LIST_title,
.footer>.centerbox>ul>li:nth-child(3) .LIST_title,
.footer>.centerbox>ul>li:nth-child(4) .LIST_title{width:100%;}
.LIST_title{ display:inline-block; width:100%;line-height: 20px;}
.LIST_title h2{display:block; font-weight:normal; width:100%; font-size:85%;line-height: 28px;color:#D2D2D2;}
.LIST_title h2:hover{text-decoration: underline;}
.footer .centerbox ul .LIST{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer .centerbox ul .LIST li{
    width: 100%;
    height: 30px;
    color: #D2D2D2;
    font-size: 1rem;
}
.footer .centerbox ul .LIST li p{
    width: 100%;
    height: 30px;
    line-height: 20px;
    font-weight: bold;
}
.footer .centerbox ul.LIST li a{
    display: block;
    width: 100%;
    height:30px;
    color: #D2D2D2;
    line-height: 20px;
    font-size: 0.9rem;
}
.footer .centerbox ul.LIST li a:hover{text-decoration: underline;}

.footer .centerbox .f_tit_s{
    width: 100%;
    height: 20px;
    font-size:0.8rem; 
    color:#fff; 
    text-align:left;
	margin-top:10px;
}*/

/*footer*/
.footer .centerbox{ width:86%; padding:20px 0; overflow:hidden;}
/*選單*/
.footer .centerbox ul{
    width:100%; 
    list-style:none;
	display: flex;
    flex-direction:column;
    justify-content: center;
   }
.footer .centerbox ul li{ width: 50%; height:auto; }
.footer .centerbox ul li:nth-child(1){width: 100%; height:auto;}
.footer .centerbox .f_tit{
    padding-top:35px;
    font-size:105%; 
    color:#fff; 
    line-height:30px; 
    letter-spacing:2px;
    font-weight: bold;
}
.footer .centerbox .companyinfo{
    
}
.footer .centerbox .companyinfo .logo a{}
.footer .centerbox .companyinfo .logo a img{ width:100%; height: auto;margin: 0 auto;}
.footer .centerbox .companyinfo .logo .info{display: block; margin-left:0px; color: #fff; font-size:90%;line-height:40px;}
.footer .centerbox .companyinfo .community{width:100%; height: 40px; }
.footer .centerbox .companyinfo .community ul{width:100%;height: 40px;display: flex;  flex-direction: row;justify-content:flex-start;}
.footer .centerbox .companyinfo .community li{width:40px;height: 40px; margin:5px 0px;}
.footer .centerbox .companyinfo .community li a{display: block; width: 40px; height: 40px;text-indent:-9999px; }
.footer .centerbox .companyinfo .community li a.IN{background:url(../frontimages/in.png) no-repeat center center;background-size:30px 30px;}
.footer .centerbox .companyinfo .community li a.YOUTUBE{background:url(../frontimages/youtube.png) no-repeat center center;background-size:30px 30px;}
.footer .centerbox .companyinfo .community li a.TWITTER{background:url(../frontimages/twitter.png) no-repeat center center;background-size:30px 30px;}
.footer .centerbox .companyinfo .community li a.FACEBOOK{background:url(../frontimages/facebook.png) no-repeat center center;background-size:30px 30px;}

/*服務選單*/
/*.footer>.centerbox>ul>li:nth-child(2) .LIST_title,
.footer>.centerbox>ul>li:nth-child(3) .LIST_title,
.footer>.centerbox>ul>li:nth-child(4) .LIST_title{width:100%;}*/
.LIST_title{ display:inline-block; width:100%;line-height: 20px;}
.LIST_title h2{display:block; font-weight:normal; width:100%; font-size:85%;line-height: 28px;color:#D2D2D2;}
.LIST_title h2:hover{text-decoration: underline;}

.footer .centerbox ul .LIST{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer .centerbox ul .LIST li{
    width: 100%;
    height: 30px;
    color: #D2D2D2;
    font-size: 1rem;
}
.footer .centerbox ul .LIST li p{
    width: 100%;
    height: 30px;
    line-height: 20px;
    font-weight: bold;
}
.footer .centerbox ul.LIST li a{
    display: block;
    width: 100%;
    height:30px;
    color: #D2D2D2;
    line-height: 20px;
    font-size: 0.9rem;
}
.footer .centerbox ul.LIST li a:hover{text-decoration: underline;}

.footer .centerbox .f_tit_s{
   
}
/*.footer>.centerbox>ul>li:nth-child(1) .f_tit:nth-child(1){ margin-bottom:5px;}*/

/*大標題*/
.titlebox {
    /* color: #555; */
	font-size: 32px;
    font-weight: 700;
	line-height: 120%;
    text-align: center;
    padding: 30px 0;
}
.titlebox p{
	font-size:16px;
    color: #555;
    font-weight: normal;
    text-align: center;
    padding: 10px 0; margin-top:-10px;}
/*.titlebox H3{font-size: 100%;}*/

/*全方位數位行銷整合解決對策*/
.Allround{ width:90%; height:auto; overflow:hidden; margin:auto;}
.Allround .round{ float:left;width:100%;height: auto;overflow:hidden; background-color:#FFF; margin:15px 0%;border-radius:10px;box-shadow:0px 0px 5px rgba(50,50,50,0.1);border:1px solid #eee;}
.Allround .round .imgbox{display:inline-block; width:100%; overflow:hidden; position:relative; }
.Allround .round .imgbox .imgin{ width:100%; height:100%; border-right:0px solid #eee;}
.Allround .round .imgbox .imgin img{display:block; vertical-align:middle;  width: 96%;height: 220px;-o-object-fit: cover; object-fit: cover; transition: .8s ease-out;}
.Allround .round:hover .imgbox .imgin img{ width: 100%;transform: translate(0% , 0%); text-align:center; vertical-align:middle; }
.Allround .round .mainbox{display:inline-block; width:100%; padding:0px 30px 30px 30px;}
.Allround .round .mainbox H2{ display:block; color:#d14140; margin:20px 0;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Allround .round .mainbox p{width:100%;margin:10px auto;font-size:20px; }
.Allround .round .mainbox .btn_more{margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}


/*服務流程-頁籤*/

.servicebox {width: 100%; margin: auto; padding:0px 0 10px 0;}

/*頁簽分類*/
.servicebox .tabs {
    list-style: none;
    width:100%;
    height: auto;
    margin: 0 auto;
    padding: 0; text-align:center; border-bottom:0px solid #CCC;
}

.servicebox .tabs li {
    display: inline-block;
    position: relative;
    margin-right: -6px;
    margin-top: 5px;
    width:50%;
    padding: 0 1%; border-bottom:1px solid #CCC;
    vertical-align: middle;
}

.servicebox .tabs li a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #303030;
    text-align: center;
    padding: 10px 0;
    transition: .5s;
	
}

.servicebox .tabs li a b {line-height: 25px;}
.servicebox .tabs li a {color: #333;}

.servicebox .tabs li.active a,
.servicebox .tabs li:hover a {
    /* color: #d14140; */
    /* border-bottom:2px solid #fc8472; */
    padding: 10px 0;
   /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
    transform: scale(1.05, 1.05);
}
.servicebox .tab-content {
 padding: 10px 10px;


}


/*最新資源與內容*/
.newinfomain{ width:94%; height:auto; overflow:hidden; margin:auto auto;}
.newinfomain .round{ float: none;width:99%;height: auto;overflow:hidden; 
background-color:#FFF; margin:3% 0;border-radius:6px; box-shadow:0px 0px 5px rgba(50,50,50,0.1); border:1px solid #eee;}
.newinfomain .round .imgbox{display:inline-block; width:100%;height: auto; overflow:hidden; position:relative; background-color:#eee;}
.newinfomain .round .imgbox .imgin{margin-top:0px; padding-right:0px; border-right:1px solid #eee;}
.newinfomain .round .imgbox .imgin img{display:block;width:100%; height: auto; vertical-align:middle; }
.newinfomain .round .mainbox{display:inline-block; width:100%; padding:3%;}
.newinfomain .round .mainbox .ii{display:block; margin:0px 0 8px 0;}
.newinfomain .round .mainbox .ii span{ width:auto; font-size:80%; color:#666; background-color:#e6e6e6; margin:0px 0 30px 0; padding:5px 10px; border-radius:10px;}
.newinfomain .round .mainbox H2{ display: inline-block; font-size:100%; color:#75605f; font-weight:normal; margin:10px 0 5px 0;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newinfomain .round .mainbox p{ display:block; font-size:100%; line-height:120%; color:#666;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newinfomain .round .mainbox .btn_more{display:none;margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}
/*最新資源與內容--第一則樣式*/
.newinfomain .round:nth-child(1){height: auto;}
.newinfomain .round:nth-child(1) .imgbox{display:inline-block; width:100%;height: auto; text-align:center; background-color:#eee; overflow:hidden; position:relative;}
.newinfomain .round:nth-child(1) .imgbox .imgin{padding-right:0px;border-right:0px solid #eee;}
.newinfomain .round:nth-child(1) .imgbox .imgin img{display:block;width:100%; height: auto; vertical-align:middle; line-height:180%;}
.newinfomain .round:nth-child(1) .mainbox{display:inline-block; width:100%;height: auto; overflow:hidden; padding:5%;}
.newinfomain .round:nth-child(1) .mainbox .ii{display:block; margin:10px 0;}
.newinfomain .round:nth-child(1) .mainbox .ii span{ width:auto; font-size:80%; margin:0px 0 10px 0; padding:5px 10px; border-radius:10px;}
.newinfomain .round:nth-child(1) .mainbox H2{display:block; font-size:130%; color:#555;font-weight: bold; margin:15px 0 10px 0;}
.newinfomain .round:nth-child(1) .mainbox p{ display:block; font-size:100%; color:#666;width:100%;margin:0 auto;overflow:hidden;white-space:normal;text-overflow:none;}
.newinfomain .round:nth-child(1) .mainbox .btn_more{display:block;margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}

.indexstep .centerbox.contactbox {
    width: 96%;
    height: auto;
    overflow: hidden;
    padding:0;
    margin: auto;
}
.contactbox .contactin {
    width: 100%;
    height: auto;
    min-height: 370px;
    overflow: hidden;
    border-radius: 40px;
    background: url(../frontimages/Miraido-09.png) no-repeat bottom left;
    background-size: auto 100%;
    margin: 20px 0 10px 0;
}
.contactbox .contactin .c_box {
    width: 90%;
    margin: auto;    
}
.contactbox .contactin .c_box .font {
    text-align: center;
}
.contactbox .contactin .c_box .c_bt {
    margin: 30px auto 0 auto;
}

/*立即開始與昊揚合作擴展業務------------------------------------------*/
.cooperate{width: 100%; margin: auto; padding:20px;padding-top:0px; padding-bottom:40px;} 
.cooperate .c_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    } 

.cooperate .c_box .c_inbox{
    width: 100%; 
} 
.cooperate .c_box .c_inbox:nth-child(1) {
    padding-right: 0px;
}
.cooperate .c_box .c_inbox .c_tbox{
    width: 100%;
    padding:60px 0px;
    text-align: center;
}
.cooperate .c_box .c_inbox p{
    font-size: 120%;
    line-height: 120%;
    color: #fff;
    font-weight:bolder;
    margin: 0 auto;
}
.cooperate .c_box .c_inbox .BIG{
    font-size:180%;
    line-height: 130%;
    color: #fff;
    font-weight:bolder;
    margin: 0 auto;
}
.cooperate .c_box .c_inbox p.BIG span{ display:block;}
.cooperate .c_box .c_bt{
    width: fit-content;
    height: 45px;
    margin: 30px auto 0 auto;
} 
.cooperate .c_box .c_bt a{
   
} 
.contactbox .cooperate .c_box .c_bt a{
    display: block;
    width: 100%;
    height: auto;
    background-color: #00798E;
    text-align: center;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 100%;
    padding: 15px 20px;
} 
.contactbox .newinfomain .cooperate .c_box .c_bt a:hover {
    background-color: rgb(241, 241, 241);
    color: #00798E;
}
.cooperate .c_box .c_bt a:hover{
    background-color: rgb(241, 241, 241);
} 
.cooperate .c_box .c_inbox:nth-child(2){
	padding-left:0%;

}
.cooperate .c_box .c_inbox img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
	padding-left:0;
 
} 
/*---------------------------------------------------------------*/

/*推動我們持續前進的成功夥伴------------------------------------------*/
.partner{width: 100%; margin: auto; padding:0px 0 10px 0;} 
.partner .p_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;	
    margin: 0 auto;
	gap:20px;
}
.partner .p_box .p_IMG{
    width: 40%;
    height: auto;
} 
.partner .p_box .p_IMG a{
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
}  
.partner .p_box .p_IMG img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
} 


/*---------------------------------------------------------------*/

}
/* == 手機版型區 =============================== */

@media screen and (min-width: 500px) and (max-width: 767px) {
.mobnone{ display:none;}
.desknone{ display: block;}
}
/* == 平板版型區 =============================== */
 
@media screen and (min-width: 768px) and (max-width: 1200px) {


div#google_translate_element {
    position: relative;
    right: 62px;
}

.header{ width:100%; height:auto;margin:0 auto;}
.centerbox{ width:100%; height:auto; margin:0 auto;}
.header .centerbox{width:100%;height:60px;}
.header .centerbox .logo a{ display:block;width:100%;height:60px;}
.header .centerbox .logo{ display:block;width:100%; height:60px; float: none;background: url(../frontimages/Miraido-logo.svg) 3% center no-repeat; /*text-indent:-9999px;*/  background-size: auto 30px;margin-top:0px;}

/*#menu2---搜尋/語言/聯絡我們-------------------*/
.header .centerbox .menuliright{ position:absolute; right:60px; top:0;}

#menu{ display:none;width:100%; height:auto;margin:0 auto;border-bottom:5px solid #bfe5ff; clear:both;}
#menu .menu{width: 1000px;	height:45px;margin:0 auto; z-index:1;}

.ADV{ width:100%; height:auto;margin:0 auto;}
.ADV .centerbox{width:100%; height:auto;margin:0 auto; text-align:center;box-shadow:inset 3px 3px 3px rgba(20%,20%,40%,0.5);}
.ADV .centerbox img{box-shadow:inset 3px 3px 3px rgba(20%,20%,40%,0.5);margin:0 auto;}
.fontbox {
    width: 90%;
    font-size: 120%;
    line-height: 150%;
    text-align: center;
    margin: auto;
    color: #fff;
}
.indexstep {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding:10px 0 30px 0;
}

.footer{ width:100%; height:auto;margin:0 auto;}
.indextab .centerbox{width:100%;height:auto; overflow:hidden; padding:10px 0 15px 0;}
.indexstep .centerbox{width:96%;height:auto; overflow:hidden; padding:30px 0;}
.indexstep .contactbox{
    padding: 30px 0 0 0;
}
.bg{}
.bgw{ background-color:#FFF;}
/*.bg .centerbox,.bgw .centerbox{ padding:10px 0 60px 0;}*/

.titlefont h2 .more{ font-size:11px; font-style: normal; float:right; padding-top:8px;vertical-align:bottom; color:#9e9e9e;}
.titlefont h2 .more a{ color:#9e9e9e; text-decoration:none;}

/*footer*/
.footer .centerbox{ width:80%; padding:20px 0; overflow:hidden;}
.footer .centerbox ul{
    width:100%; 
    list-style:none;
    }
.footer>.centerbox>ul>li{ width: 25%; border-bottom:#FFF;}
.footer .centerbox ul li:nth-child(1){width: 50%;}
.footer .centerbox .f_tit{
    padding-top:35px;
    font-size:105%; 
    color:#fff; 
    line-height:30px; 
    letter-spacing:2px;
    font-weight: bold;
}
.footer .centerbox .companyinfo{
    width: 100%;
    margin: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 60px 0 10px 0;
}
.footer .centerbox .companyinfo .logo{ }
.footer .centerbox .companyinfo .logo a{display: block; width:100px; float: left;}
.footer .centerbox .companyinfo .logo a img{ width:100%; height: auto;margin: 0 auto;}
.footer .centerbox .companyinfo .logo .info{display: inline-block; margin-left:0px; color: #fff; font-size:1.1rem;line-height:50px;}
.footer .centerbox .companyinfo .community{width:200px; height: 40px;}
.footer .centerbox .companyinfo .community ul{width:100%;height: 40px;}
.footer .centerbox .companyinfo .community li{width:25%;height: 40px;}
.footer .centerbox .companyinfo .community li a{display: block; width: 40px; height: 40px;text-indent:-9999px; }
.footer .centerbox .companyinfo .community li a.IN{background:url(../frontimages/in.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.YOUTUBE{background:url(../frontimages/youtube.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.TWITTER{background:url(../frontimages/twitter.png) no-repeat center center;background-size:40px 40px;}
.footer .centerbox .companyinfo .community li a.FACEBOOK{background:url(../frontimages/facebook.png) no-repeat center center;background-size:40px 40px;}

/*服務選單*/
.footer>.centerbox>ul>li:nth-child(2) .LIST_title,
.footer>.centerbox>ul>li:nth-child(3) .LIST_title,
.footer>.centerbox>ul>li:nth-child(4) .LIST_title{width:90%;}
.LIST_title{ display:inline-block; width:90%; margin-right:20px;}
.LIST_title h2{display:block; font-weight:normal; width:100%; font-size:85%;line-height: 22px;color:#D2D2D2;}
.LIST_title h2:hover{text-decoration: underline;}
.footer .centerbox ul .LIST{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer .centerbox ul .LIST li{
    width: 100%;
    height: 30px;
    color: #D2D2D2;
    font-size: 1rem;
}
.footer .centerbox ul .LIST li p{
    width: 100%;
    height: 30px;
    line-height: 20px;
    font-weight: bold;
}
.footer .centerbox ul.LIST li a{
    display: block;
    width: 100%;
    height:30px;
    color: #D2D2D2;
    line-height: 20px;
    font-size: 0.9rem;
}
.footer .centerbox ul.LIST li a:hover{text-decoration: underline;}

.footer .centerbox .f_tit_s{
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 0.8rem;
    color: #fff;
    text-align: center;
}

/*大標題*/
.titlebox {
	width:90%;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
	 margin: 0px auto;
}

/*全方位數位行銷整合解決對策*/
.Allround{ width:95%; height:auto; overflow:hidden; margin:auto;}
.Allround .round{ float:left;width:100%;height: auto;overflow:hidden; background-color:#FFF; margin:1% 0%;border-radius:6px;box-shadow:0px 0px 5px rgba(50,50,50,0.1);border:1px solid #eee;}
.Allround .round .imgbox{display:inline-block; width:34%; overflow:hidden; position:relative; }
.Allround .round .imgbox .imgin{ width:100%; height:100%; border-right:1px solid #eee;}
.Allround .round .imgbox .imgin img{display:block; vertical-align:middle;  width: 96%;height: 200px;-o-object-fit: cover; object-fit: cover; transition: .8s ease-out;}
.Allround .round:hover .imgbox .imgin img{ width: 100%;transform: translate(0% , 0%); text-align:center; vertical-align:middle; }
.Allround .round .mainbox{display:inline-block; width:65%; padding:3%;}
.Allround .round .mainbox H2{ display:block;color:#d14140; margin:20px 0;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Allround .round .mainbox p{ display:block;font-size:16px; margin-top:20px; color:#555; line-height: 200%;text-align: justify;text-justify:inter-ideograph;}
.Allround .round .mainbox .btn_more{margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}


/*服務流程-頁籤*/

.servicebox {width: 100%; margin: auto; padding:0px 0 10px 0;}

/*頁簽分類*/
.servicebox .tabs {
    list-style: none;
    width:100%;
    height: auto;
    margin: 0 auto;
    padding: 0; text-align:center;
}

.servicebox .tabs li {
    display: inline-block;
    position: relative;
    margin-right: -6px;
    margin-top: 5px;
    width: 50%;
    padding: 0 1%;border-bottom:1px solid #CCC;
    vertical-align: middle;
}

.servicebox .tabs li a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #303030;
    text-align: center;
    padding: 10px 0;
    transition: .5s;
	
}

.servicebox .tabs li a b {line-height: 25px;}
.servicebox .tabs li a {color: #333;}

.servicebox .tabs li.active a,
.servicebox .tabs li:hover a {
    /* color: #d14140;
    border-bottom:2px solid #fc8472; */
    padding: 10px 0;
   /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
    transform: scale(1.05, 1.05);
}

/*最新資源與內容*/
.newinfomain{ width:94%; height:auto; overflow:hidden; margin:auto auto;}
.newinfomain .round{ float: none;width:99%;height: auto;overflow:hidden; 
background-color:#FFF; margin:3% 0;border-radius:6px; box-shadow:0px 0px 5px rgba(50,50,50,0.1);}
.newinfomain .round:hover{ background-color:#F4F4F4;}
.newinfomain .round .imgbox{display:inline-block; width:37%;height: auto; overflow:hidden; position:relative; background-color:#eee;}
.newinfomain .round .imgbox .imgin{margin-top:0px; padding-right:0px; border-right:1px solid #eee;}
.newinfomain .round .imgbox .imgin img{display:block;width:100%; height: auto; vertical-align:middle; }
.newinfomain .round .mainbox{display:inline-block; width:62%; padding:3%;}
.newinfomain .round .mainbox .ii{display:block; margin:0px 0 8px 0;}
.newinfomain .round .mainbox .ii span{ width:auto; font-size:80%; color:#666; background-color:#e6e6e6; margin:0px 0 30px 0; padding:5px 10px; border-radius:10px;}
.newinfomain .round .mainbox H2{ display: inline-block; font-size:100%; color:#75605f; font-weight:normal; margin:10px 0 5px 0;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newinfomain .round .mainbox p{ display:block; font-size:100%; line-height:120%; color:#666;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newinfomain .round .mainbox .btn_more{display:none;margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}
/*最新資源與內容--第一則樣式*/
.newinfomain .round:nth-child(1){height: auto;}
.newinfomain .round:nth-child(1) .imgbox{display:inline-block; width:100%;height: auto; text-align:center; background-color:#eee; overflow:hidden; position:relative;}
.newinfomain .round:nth-child(1) .imgbox .imgin{padding-right:0px;border-right:0px solid #eee;}
.newinfomain .round:nth-child(1) .imgbox .imgin img{display:block;width:100%; height: auto; vertical-align:middle; line-height:180%;}
.newinfomain .round:nth-child(1):hover .imgbox .imgin img{ width: 105%;transform: translate(0% , 0%);}
.newinfomain .round:nth-child(1) .mainbox{display:inline-block; width:100%;height: auto; overflow:hidden; padding:20px 30px;}
.newinfomain .round:nth-child(1) .mainbox .ii{display:block; margin:10px 0;}
.newinfomain .round:nth-child(1) .mainbox .ii span{ width:auto; font-size:80%; margin:0px 0 10px 0; padding:5px 10px; border-radius:10px;}
.newinfomain .round:nth-child(1) .mainbox H2{display:block; font-size:130%; color:#555;font-weight: bold; margin:15px 0 10px 0;}
.newinfomain .round:nth-child(1) .mainbox p{ display:block; font-size:100%; color:#666;width:100%;margin:0 auto;overflow:hidden;white-space:normal;text-overflow:none;}
.newinfomain .round:nth-child(1) .mainbox .btn_more{display:block;margin:10px 0;font-size:80%; color:#e79b9b; font-weight:bold;}

/*---------------------------------------------------------------*/

/*立即開始與昊揚合作擴展業務------------------------------------------*/
.cooperate{width: 80%; margin: auto; padding:40px 0;} 
.cooperate .c_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items:center;
	justify-content:center;
	
    
} 
.cooperate .c_box .c_inbox{
    width: 50%;
} 

.cooperate .c_box .c_inbox .c_tbox{
    width: 100%;
    padding: 50px 0;
}
.cooperate .c_box .c_inbox p{
    font-size: 120%;
    line-height: 120%;
    color: #fff;
    font-weight:bolder;
    margin: 0 auto;
}
.cooperate .c_box .c_inbox .BIG{
    font-size:220%;
    line-height: 130%;
    color: #fff;
    font-weight:bolder;
    margin: 0 auto;
}
.cooperate .c_box .c_inbox p.BIG span{ display:block;}
.cooperate .c_box .c_inbox p.SMAIL{
    font-size: 1.2rem;
    line-height: 1.6em;
    color: #fff;
    margin: 0 auto;
}
.cooperate .c_box .c_bt{
    width: 100px;
    height: 45px;
    margin-top: 30px;
} 
.cooperate .c_box .c_bt a{
    display: block;
    width: 100%;
    height: 40px;
    background-color: #fff;
    text-align: center;
    color: #d14140;
    font-size: 1.1rem;
    line-height: 40px;
    border-radius:40px; 
} 

.cooperate .c_box .c_bt a:hover{
    background-color: rgb(241, 241, 241);
} 
.cooperate .c_box .c_inbox:nth-child(1){
	padding-right:20px;}
/*.cooperate .c_box .c_inbox:nth-child(2){
	height:200px;

}*/
.cooperate .c_box .c_inbox img{
    display: block;
    width: 100%;
    height: auto; margin:auto;
} 

/*---------------------------------------------------------------*/

/*推動我們持續前進的成功夥伴------------------------------------------*/
.partner{width: 100%; margin: auto; padding:0px 0 10px 0;} 
.partner .p_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;	
    margin: 0 auto;
	gap:20px;
}
.partner .p_box .p_IMG{
    width: 30%;
    height: auto;
} 
.partner .p_box .p_IMG a{
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
}  
.partner .p_box .p_IMG img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
} 


.contactbox .newinfomain {
    width: 100%;
    height: auto;
    min-height: 370px;
    overflow: hidden;
    border-radius: 40px;
    background: url(../frontimages/Miraido-09.png) no-repeat center center;
    background-size: auto 100%;
}
.contactbox .newinfomain .cooperate .c_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.contactbox .newinfomain .cooperate .c_box .c_bt a {
    display: block;
    width: 100%;
    height: auto;
    background-color: #00798E;
    text-align: center;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 100%;
    padding: 15px 20px;
    border-radius: 0px;
}
.contactbox .newinfomain .cooperate .c_box .c_bt a:hover {
    background-color: rgb(241, 241, 241);
    color: #00798E;
}

.contactbox .newinfomain .cooperate .c_box .c_bt{
    width: fit-content;
}
.contactbox .newinfomain .cooperate {
    width: 90%;
    margin: auto;
    padding: 40px 0;
}
.contactbox .contactin {

    margin: 0px 0;
	}