﻿ /* CSS Document */
html {overflow-x: hidden;}
body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td {border: 0 none; margin: 0; outline: 0 none; padding: 0;z-index: 1;}
body {background-color: #eee;font-size:16px!important;line-height:1.8!important;font-family:"微軟正黑體", "Microsoft JhengHei", "Arial", "Helvetica", "sans-serif"!important;z-index: 1;}
a:link,a:visited { color:#262626;}
a:hover {color:#34A3C2;}


.clear { clear:both;}
.bg-gary { background:#F2F2F2; width:100%!important}
.wp-660 { float:left; background:#fff; width:610px; padding:30px 20px; margin-right:32px;}
.wp-800 {
	float: left;
	background: #fff;
	width: 700px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	margin-right: 15px;
}
.wp-1000 { float:left; background:#fff; width:100%; padding:30px 20px;}
.wp-320 { float:left; background:#fff; width:320px; padding:30px 0;}
.wp-240 { float:left; background:#fff; width:240px; padding:30px 0;}


.body_wrapper {	width: 100%;padding:0;margin:0;position: relative;z-index: 2;}
.sec_highlight {width:100%;background: #fff;height: 760px;z-index: 10;position: absolute}
.sec_main_bg { background-image:url(../images/bg_cloud.jpg); }
.sec_bemy_bg { background-image:url(../images/bg_cloud8.jpg); }
.sec_bemy_img { text-align: center; }
.sec_bemy_img img { margin-top:150px; }
.sec_flat {width: 100%;background: #eee;height: 760px;z-index: 10;border: thin solid #eee;}
.sec_color {width: 100%;background: #8bd0e4;height: 760px;z-index: 10;border: thin solid #8ccbdd;}
.sec_footer {width: 100%;background-image:url(../images/bg_wp.jpg);height: 310px;z-index: 10;margin-top:-280px;}
.sec_main {width: 1000px;margin-right: auto;margin-left: auto;z-index: 20;}
.bg_tile {background-image:url(../images/bg_tile.png);width: 1067px;height: 711px;position: absolute;margin-top: -360px;margin-left: 200px;}
.ez_icons {margin-left: 430px;margin-top: -80px;position: relative;width: 800px;}
.main_logo {background-image:url(../images/mymy_logo.png);width: 351px;height: 47px;position: relative;top: 200px;}
.main_txt {	position: relative;top: 230px;width: 400px;letter-spacing: 5px;font-size: 35px;color:#868686;}
.main_globe {background-image:url(../images/global_biz_store.png);width: 674px;height: 546px;position: relative;bottom:160px;;left: 385px;}
.pic_fbmymy {width: 294px;height: 447px;background-image:url(../images/fbmymy.png);margin-left: 143px;margin-top: -320px;}
.sec_title {position: relative;}
.ttl_fbmymy {background-image:url(../images/txt_fbmymy.png);width: 426px;height: 103px;}
.ttl_ez {background-image:url(../images/txt_ez.png);width: 307px;height: 119px;}
.ttl_var {background-image:url(../images/txt_varlay.png);width: 319px;height: 121px;margin-left: 620px !important;}
.ttl_ui {background-image:url(../images/txt_ui.png);width: 411px;height: 119px;	}
.ttl_app {background-image:url(../images/txt_app.png);width: 227px;height: 122px;margin-left: 620px !important;}
.ttl_mall {background-image:url(../images/txt_mall.png);width: 289px;height: 120px;}
.mylayouts {width: 611px;height: 762px;position: absolute;margin-left: -25px;top: 2284px;}
.ttl_r {margin-left: 552px;margin-top: 280px;}
.ttl_l {margin-top: 240px;margin-left: 21px;}
.sec_title p {margin-top: 140px;position: absolute;font-size: 16px;color:#8d8d8d;letter-spacing: 4px;width:390px;}
.p_white {color:#fff !important;}
.all_biz {width: 553px;height: 129px;background-image:url(../images/all_biz_icons.png);margin-top: 80px;}
.fbmymy_slog {margin-left: 580px;margin-top: -80px;font-size: 20px;color:#4b93c2;}
.fbmymy_slog img {vertical-align:middle;padding: 10px;}
.hand_cur {background-image:url(../images/icon_cursor.png);width: 284px;height: 367px;position: absolute;margin-left: 640px;margin-top: -60px;}
.mymyui {width: 670px;	height: 594px;position: absolute;margin-top:-280px;margin-left: 470px;	}
.mymyui-wp { width:550px; margin:0 auto; color:#fff; font-size:16px;}
.myuiArrowL { position:absolute; left:0; top:45%;}
.myuiArrowR { position:absolute; right:0; top:45%;}
.myuiArrowL:hover,.myuiArrowR:hover {opacity: 0.6;}
.myuiArrowL b,.myuiArrowR b { display:inline-block; width:27px; height:36px; background:url(../images/myuiArrow.png) 0 0 no-repeat;}
.myuiArrowL b { background-position:0 -44px;}
.bemy_iph {background-image:url(../images/bemy_iph.png);width: 627px;height: 732px;position: absolute;margin-top:-280px;margin-left:-10px;z-index: 23;}
.bemy_app {width: 136px;height: 136px;position: absolute;margin-top:-420px;margin-left:860px;		}
.mymymall {background-image:url(../images/mymy_mall.png);width: 714px;height: 674px;position: absolute;margin-left:400px;margin-top:-361px;}
.mall_icons{	background-image:url(../images/mall_icons.png);	width: 100%;	height: 112px;	position: absolute;	left: 0px;	top: 5230px;}
.mymy_footer {background-image:url(../images/mymy_footer.png);width:229px;height: 32px;position: relative;margin-right: auto;margin-left: auto;top:130px;}
.ft_nav {width: 1000px;margin-right: auto;margin-left: auto;position: absolute;text-align: center;margin-top: 140px;}
.ft_nav a {margin-right: 5px;margin-left: 5px;text-decoration: none;color:#707070;}
.ft_nav a:hover{color:#1682a1;text-decoration:underline;}
.sec_brands{background: #ecebe9;width:1000%;height: 43px;background-image:url(../images/brands.png);}
.footer { position:relative; z-index:1; margin-top:-80px;}
.foot { background:url(../images/bg.jpg) repeat; padding-bottom:80px;}
.footImg { height:62px; padding-top:50px; width:100%; background:url(../images/footBg.png) repeat-x; margin-bottom:-25px; position:relative; z-index:3;}
.footLink { text-align:center; padding-top:50px;}
.footLink ul { text-align:center;}
.footLink ul li { display:inline-block; position:relative; padding:0 10px;}
.footLink ul li a { color:#707070; font-size:16px;}
.copyright { margin-top:100px; color:#828281; font-size:12px; text-align:center;}
.reg {
	bottom:0px;
	right: 0px;
	border: 2px solid #fff;
	background: #3ac2e9;

	cursor: pointer;
	color: #fff;
	position: fixed;
	font-size: 36px;
	z-index: 9999;
	width: 50%;
	text-align: center;
	height: 90px;
	line-height: 45px;
}
.sec_top { position: fixed;right:20px; bottom:20px; }
.reg a,.cami a {text-decoration:none;color:#fff;}
.cami {
	bottom:0px;
	border: 2px solid #fff;
	background: #3ac2e9;

	cursor: pointer;
	color: #fff;
	position: fixed;
	font-size: 36px;
	z-index: 9999;
	width: 50%;
	text-align: center;
	height: 90px;
	line-height: 45px;
}
.reg:hover {background: #12aeda;color:#ffde00;}
.cami:hover {background: #12aeda;color:#ffde00;}
.btn {	border-radius: 60px;-moz-border-radius: 60px;-webkit-border-radius: 60px;	width:180px;padding: 12pxbackground:#fff;text-align:center;top:260px;position:relative;border: 2px solid #fff;}
.btn a {text-decoration: none;font-size: 18px;color:#20a3c9;}
.btn:hover{border:2px solid #20a3c9;}

/*add-index-top*/
.sec_news_bg {	position: fixed;width: 100%;margin-right: auto;margin-left: auto;height: 80px;background:#fff;z-index: 29;top: 0px;-khtml-opacity: 0.60;opacity: 0.60;	filter: alpha(opacity=60);}
.sec_news {	position: fixed;width: 100%;margin-top: 0px;margin-right: auto;margin-left: auto;height: 80px;z-index: 30;top: -2px;}
.news {	position: realtvie;	width: 100%;	margin-right: auto;	margin-left: auto; top: 0px;}
.news_stats {width: 60px;	height: 60px;	border-radius: 60px;	-moz-border-radius: 60px;	-webkit-border-radius: 60px;	background: #1d6db8;	border: 3px solid #fff;}
.news_stats b {position: absolute;color:#fff;width: 50px;font-size:20px;line-height: 20px;margin-top: 10px;margin-left: 10px;font-weight: normal;}
.news_stats h1 {
	color: #1d6db8;
	font-size: 16px;
	margin-left: 70px;
	margin-top: 9px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #fff;
}
.nws_new {margin-left: 180px;margin-top: -66px;background:#1ed3a6;}
.nws_new h1 {color:#04b388;}
.nws_prdt {margin-left: 320px;margin-top: -66px;background:#00a7d7;}
.nws_prdt h1 {color:#00a7d7;}
.nws_reg {margin-left: 510px;margin-top: -66px;background:#fff;}
.nws_reg img {width: 60px;height: 60px;border-radius: 60px;-moz-border-radius: 60px;-webkit-border-radius: 60px;	}
.nws_reg:hover {border: 3px solid #00a7d7;}
.nws_reg b {color:#1d6db8;	text-shadow: 2px 1px 0px #fff;	width: 100px;	font-size: 14px;	font-weight: bold;	margin-top:-60px;	margin-left: 70px;}
.nws_reg h1 {width:400px;margin-top:-42px;font-size: 26px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nws_reg a {text-decoration: none !important;color:#1d6db8;}
.nws_reg a:hover {color:#00a7d7;}
.nws_reg p {width: 130px; margin-top: -48px;margin-left: 230px;font-size: 14px;color:#717171;text-shadow: 2px 1px 0px #fff;}
.wp-table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
}
.wp-table   td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
}
.wp-table   th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
}
.wp-1000 {
	font-size: 12px;
}
.news  li {
	list-style-type: none;
	
	padding-right: 10px;
	padding-left: 10px;
    border-bottom: 1px #fff solid;
    background: #07d9cfc4;
    display: flex;
    justify-content: center;
    align-items: center;
height: 100px;
    font-size: 35px;

}
.news li a {
	text-decoration: none;
}
.news  li img {
	margin-top: -30px;
}
#footer {
	text-align:center;
}
.fullSlide {
	width:100%;
	position:relative;

	background:#000;
        margin-top: 80px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
height:42.1vw!important;
}
.fullSlide .bd li {
	width:100% !important;
	height:600px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:600px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}