@charset "utf-8";
h1,h2,h3,h4,h5,h6,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
html, body {height:100%;font-family: "Microsoft YaHei", "Zawgyi-One", "Tahoma", sans-serif;margin: 0;padding: 0;background: url(../Common/imgs/main/bg.jpg) no-repeat top #000;font-size:13px; }
table{ border-collapse:collapse; border-spacing:0;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
img { border:0px;}

.all_wrapper { margin:0 auto; padding:0 auto; width:996px; height:auto; /*min-height: 800px;*/}
.wrapper { margin:0 auto; width:980px;}
.inside_title { font-family:"微軟正黑體" ,Georgia; font-size:27px; margin-top:15px; text-align:center; height:45PX;}
	.inside_title span.intr {  color:#b90505; font-weight:bold; color: #ffcd2a;}
	.inside_title span.intw {  color:#fff;}
.inside_contentbox { width: 100%; height:100%; border: 1px solid #c77e39; border-bottom:0px; padding-bottom:40px; background-color: #000;}
.inside_contentbox_2 { height:100%; background:url(../Common/imgs/main/inside_contentbox_bg2.jpg) no-repeat top; padding-bottom:40PX; }
.inside_contentbox_3 { height:100%; background:url(../Common/imgs/main/inside_contentbox_bg3.jpg) no-repeat top; padding-bottom:40PX; }
.inside_contentbox_nop { padding-bottom:0px;}



 /*online*/
#onlinead{ 
	position: absolute;
    right: 0;
    top: 171px;
    z-index: 3;
    width: 100%;
    margin-top: -7px; 
	font-family: "Microsoft YaHei", "Zawgyi-One", "Tahoma", sans-serif;
} 
#onlinead .onlineW{ width:990px; position:relative; margin-left:auto; margin-right:auto;}
#onlinead .onlineW ul { width:135px; padding:0; position:absolute; left:-145px;}
#onlinead .online01 {width:135px; height:190px; background:url(../Common/imgs/index/line.png) no-repeat; margin-bottom:10px;}
#onlinead .online02 {width:135px; height:190px; background:url(../Common/imgs/index/wechat.png) no-repeat;}
#onlinead a.close{ position:absolute; right:2px; z-index:1; background: url(../Common/imgs/index/close.png) no-repeat center top; width:25px; height:24px; display:block;}
#onlinead a.close:hover{ background-position: center bottom; }
#onlinead a.close span{ visibility:hidden;}

#onlinead .onlineR{ position:absolute; right:-144px;}
#onlinead .onlineR ul { width:135px; position:absolute;}
#onlinead .online03 {position:relative; width:139px; height:365px; background:url(../Common/imgs/index/CustomerService.png) no-repeat; margin-bottom:10px;}
#onlinead .online03 .phone { padding-top:70px; padding-left:4px; }
#onlinead .online03 .phone .phoneBG { width:131px; height:28px; padding-top:10px;font-size:12px;}
#onlinead .online03 .phone .sociallyBG { width:131px; height:42px;}
#onlinead .online03 .phone .sociallyBG:hover { cursor:pointer;}
#onlinead .online03 .phone .sociallyBG .line-qrcode { width:360px; height:360px; background:url(../../qr1.png) no-repeat; position: absolute; left:-380px; top:120px;-ms-transform: scale(0);  -webkit-transform: scale(0); transform: scale(0); transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%; -ms-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s; -webkit-transition: all ease .3s; opacity: 0; -ms-transition: all ease .3s; opacity: 0;}
#onlinead .online03 .phone .sociallyBG .wechat-qrcode { width:131px; height:158px; background:url(../Common/imgs/index/wechat.png) no-repeat; position: absolute; left:-132px; top:165px; -ms-transform: scale(0);-webkit-transform: scale(0); transform: scale(0); transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%;-ms-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s; -webkit-transition: all ease .3s; opacity: 0; -ms-transition: all ease .3s; opacity: 0;}
#onlinead .online03 .phone .sociallyBG .appdownload-qrcode { width:131px; height:185px; background:url(../Common/imgs/index/appdownload.png) no-repeat; position: absolute; left:-132px; top:200px; -webkit-transform: scale(0); transform: scale(0);-ms-transform: scale(0); transform-origin: 100% 70%;-ms-transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s; -webkit-transition: all ease .3s; opacity: 0; -ms-transition: all ease .3s; opacity: 0;}
#onlinead .online03 .phone .sociallyBG .ios-qrcode-ex img { width:88px; height:88px; position: absolute; left:22px; top:75px;}
#onlinead .online03 .phone .sociallyBG .android-qrcode-ex img{ width:88px; height:88px; position: absolute; left:22px; top:205px;}
#onlinead .online03 .phone .sociallyBG .mobile-qrcode { width:131px; height:130px; background:url(../Common/imgs/index/mobile.png) no-repeat; position: absolute; left:-132px; top:273px;-ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%;-ms-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s; -webkit-transition: all ease .3s; opacity: 0; -ms-transition: all ease .3s; opacity: 0;}
#onlinead .online03 .phone .sociallyBG .mobile-qrcode-ex img { width:88px; height:88px; position: absolute; left:22px; top:22px;}

#onlinead .online03 .phone .sociallyBG:hover .line-qrcode, 
#onlinead .online03 .phone .sociallyBG:hover .wechat-qrcode, 
#onlinead .online03 .phone .sociallyBG:hover .appdownload-qrcode,
#onlinead .online03 .phone .sociallyBG:hover .mobile-qrcode {display: block; transform: scale(1); -webkit-transform: scale(1); opacity: 1;-ms-transform: scale(1); opacity: 1;}
#onlinead .onlineR a { margin-left:4px; line-height:28px; position:relative;top:-9px; color:#fff;}
#onlinead .onlineR a:hover { color:#ffc600; cursor:pointer; }
#onlinead .online03 .phone .phonetext { width:128px; text-align:center; color:#fece27; margin-bottom:6px; font-size:13px; }
#onlinead .online04 {width:135px; height:190px; background:url(imgs/index/mobile.png) no-repeat;  position:relative;}
#onlinead  a.online_r_close { position:absolute; right:2px; top:0; z-index:1;}

.float{
	position: absolute;
    top: 700px;
    z-index: 3;
    width: 100%;
    margin-top: -7px;
    background-color: #000;
    height: 100%;
}


@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
#onlinead .online03 .phone .sociallyBG .line-qrcode,
#onlinead .online03 .phone .sociallyBG .wechat-qrcode,
#onlinead .online03 .phone .sociallyBG .appdownload-qrcode,
#onlinead .online03 .phone .sociallyBG .mobile-qrcode { display: none;}
}