/* CSS Document */
@charset "utf-8";

/* General usage */
html, body{ font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica", "Helvetica Neue", sans-serif; height:100%; font-size:1em;}
#content-wrapper{ position:relative; }

/* Loader */
#overlay, #loader{ height:100%; width:100%; position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; z-index:10000; background:rgba(255,255,255,1) url(../images/logo.gif) center no-repeat; }
#loader{ display:none; }

.dialog{ display:none; }
.dialog{ position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; z-index:10000; background: rgba(255,255,255,0.8); width: 100%; height: 100%; }
.dialog .content{ position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; width: 100%; height: 100%; }
.btnclose{ position:absolute; top:0; right:0; cursor:pointer; z-index:5; display: block; line-height: 1; font-size:3em; }
.btnclose:before { content: "×"; }

/* custom css start from below */
.mobileshow{ display:none; }

.xcenter{ left:50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); transform: translate(-50%); position:absolute; }
.ycenter{ top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position:absolute; }
.ccenter{ top:50%; left:50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position:absolute; }

.nopadding{ padding-left:0; padding-right:0; }
.nomargin{ margin-left:0; margin-right:0; }

#content-wrapper{ position:relative; width:100%; max-width:651px; margin:0 auto; }

.btntop{ display:none; height: 50px; width: 50px; position: fixed; bottom: 120px; right: 20px; z-index: 2000; border:1px #fff solid; background: #000 url(../images/btn_top.svg) no-repeat center; opacity:0.8; cursor:pointer; }

/*
ol { display: table; list-style-type:none; border:0px; border-spacing:0; padding:0; margin:0; }
ol li { display: table-cell; border:0px; border-spacing:0; vertical-align:top; padding:0; margin:0; }
*/

body{ font-size:1em; }

section{ position:relative; display:block; width:100%; margin:0 auto; }

.btnlink{ position:absolute; z-index:5; }
/*.btnlink,.set{ background-color:#999; }*/
.btnlink{ height: 1.5%; width: 13.8%; }
.btnlink.set1{ top: 26.3%; left:43%; }
.btnlink.set2{ top: 43.8%; left:22.6%; }
.btnlink.set3{ top: 43.8%; left:65.7%; }
.btnlink.set4{ top: 57.4%; left:22.6%; }
.btnlink.set5{ top: 57.4%; left:65.7%; }
.btnlink.set6{ top: 73.2%; left:22.6%; }
.btnlink.set7{ top: 73.2%; left:65.7%; }
.btnlink.set8{ top: 92.65%; left:43%; }

.btnsogo{ position:absolute; top:1%; right:3%; z-index:5; background-color:#A88F35; color:#FFF; font-size:1.2em; }
.btnsogo div{ padding:10px; }
.btnsogo:hover{ background-color:#FFF; color:#A88F35; text-decoration:none; }

.set{ position:absolute; z-index:2; left:0; height:1px; width:100%; }
#set1{ top:5%; }
#set2{ top:14%; }
#set3{ top:26.9%; }
#set4{ top:38.8%; }
#set5{ top:51.7%; }
#set6{ top:63.9%; }
#set7{ top:75.3%; }
#set8{ top:86.7%; }

#set1.eng{ top:5.2%; }
#set2.eng{ top:13.95%; }
#set3.eng{ top:26.8%; }
#set4.eng{ top:38.6%; }
#set5.eng{ top:51.5%; }
#set6.eng{ top:63.7%; }
#set7.eng{ top:75.6%; }
#set8.eng{ top:86.95%; }

.spacer{ height:15px; }

@-webkit-keyframes fadein {
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

@-moz-keyframes fadein {
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

@-ms-keyframes fadein {
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

@keyframes fadein {
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

@media (min-width: 1199.99px){
.btntop{ height: 40px; width: 40px; }

}

iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }