/*CSS RESET*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, figure{margin:0; padding:0; list-style:none; }table{border-collapse:collapse; border-spacing:0}img{border:0}legend, hr {display: none;}th{font-style:inherit; font-weight:inherit}li{list-style:none}caption, th{text-align:left}input{font-family: Verdana, Arial;}h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}a{ outline: none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix { height: 1%;}.clearfix {display: block;}.vanisher{display:none;}

/*BODY*/
::-moz-selection{ background:#EC4B45; color:#fff;}
::selection{ background:#EC4B45; color:#fff;}
a{ color:#333; text-decoration:underline; }a:hover{ color:#666;}
.idx_promo_sec a,.idx_qa a,.idx_news a{ text-decoration:none;}
html{}
body{font-size:13px; font-family:Arial; color:#656565; line-height:20px; background:url(../imgs/global-bg.jpg) no-repeat top center;}
.wrap{ width:1000px; margin:0 auto;}

.global-header{ position:relative; height:159px;}
.banner{ position:absolute; top:0; right:2px; width:526px; height:122px; overflow:hidden;}
.lan{ position:absolute; top:0; right:0; z-index:10; background:url(../imgs/lan-bg.png); width:176px; height:24px;}
.lan a{ padding:2px 12px 0 22px; display:block; float:left; color:#656565;}
.lan a:hover{ color:#B65D5A;}
.global-nav{ background:url(../imgs/nav-bg.png) no-repeat -3px 0; width:1000px; height:64px; position:absolute; bottom:-20px; left:0; z-index:10; overflow:hidden;}
.global-nav ul{ padding:7px 0 0 15px; z-index:10;}
.global-nav li{ float:left;}
.global-nav li a{ background:url(../imgs/global-nav.png) no-repeat; width:135px; height:43px; text-indent:-9999px;}
.global-nav li a.nav1{ background-position:0 0;}
.global-nav li a.nav2{ background-position:-135px 0;}
.global-nav li a.nav3{ background-position:-270px 0;}
.global-nav li a.nav4{ background-position:-405px 0;}
.global-nav li a.nav5{ background-position:-540px 0;}
.global-nav li a.nav6{ background-position:-675px 0;}
.global-nav li a.nav7{ background-position:-810px 0;}
.idx_about{ background:url(../imgs/bg-idx-sec-about.png);}
.idx_unique{ background:url(../imgs/bg-idx-sec-unique.png);}
.idx_events{ background:url(../imgs/bg-idx-sec-events.png);}
.idx_qa{ background:url(../imgs/bg-idx-sec-questions.png); width:220px; height:322px; float:left; position:relative; overflow:hidden;}
.idx_qa_gd{ background:url(../imgs/bg-idx-sec-questions-flip.png); width:220px; height:30px; position:absolute; bottom:0; right:0; z-index:10;}
.idx_promo_sec{width:220px; height:322px; float:left; margin-right:6px; position:relative;}
.idx_promo_sec a{ color:#fff; height:322px; display:block;}
.idx_promo_sec a:hover { color:#333;}
.idx_promo_sec a:hover span{ background:#333; color:#fff;}
.idx_promo_sec img{ padding:75px 0 0 10px;}
.idx_promo_sec p { padding:5px 10px 0;}
.idx_promo_sec span{width:52px; height:15px; position:absolute; bottom:28px; right:10px; line-height:13px; letter-spacing:0; font-size:10px; -webkit-text-size-adjust:none; text-align:center;}
.idx_about span{ background:#709DBB; }
.idx_unique span{ background:#4BA257; }
.idx_events span{ background:#6290B3; }
.idx_qa ul{ padding:75px 15px 20px; position:absolute;}
.idx_qa a{ color:#fff;}
.idx_qa a:hover{ color:#666;}
.idx_qa ul li{ background:url(../imgs/qna-icon-q.png) no-repeat 0 8px; border-bottom:1px dotted #fff; height:40px; overflow:hidden; padding:5px 0 0 30px; line-height:18px;}
.idx_banner{ clear:both; padding:20px 8px 0 0; float:left;}
.idx_banner img{ border:1px solid #b4b4b4; padding:5px 6px;}
.idx_news{ background:url(../imgs/bg-idx-sec-news.png); width:523px; height:73px; float:left; margin-top:20px; padding:50px 0 0 20px; line-height:18px;}
.idx_news a{ width:250px; height:50px; display:block; float:left; padding-right:10px; color:#656565;}
.idx_news a:hover{ color:#999;}
.idx_news a img{ width:51px; height:51px; float:left; padding-right:10px;}

.global-content-bg-top{ background:url(../imgs/container-bg-top.png) no-repeat top center; padding:25px 50px 10px;}
.global-content{ background:url(../imgs/container-bg-mid.png) repeat-y top center;}
.global-footer{ background:url(../imgs/footer-bg.png) no-repeat 13px 0; clear:both; height:100px; padding-left:30px;}
.global-footer div{float:left; color:#999; line-height:18px; font-size:12px; -webkit-text-size-adjust:none; }
.ftct_1{ width:370px; padding-top:15px; padding-left:18px;}
.ftct_1 img{float:left; padding-right:10px; margin-top:-5px;}
.ftct_2{ width:200px; padding-top:15px;}
.ftct_3{ width:190px; padding-top:23px;}
.ftct_3 a{ text-indent:25px; display:block; width:85px; float:left; }
.ftct_3 a:hover{ color:#333;}
.bt_ct{ background:url(../imgs/footer-icons-contact.png) no-repeat;}
.bt_sm{ background:url(../imgs/footer-icons-sitemap.png) no-repeat;}
.ftct_4{ width:155px; background:url(../imgs/footer-icons-share.png) no-repeat 0 26px; padding-top:23px; padding-left:35px;}
.ftct_4 a{ width:19px; height:18px; display:block; float:left; padding-right:10px; }

.bfont{ font-weight:bold;}
.pinkf{ color:#FF6666;}
.ctif-a{ padding:30px 100px 30px;}
.ctif-a h1{ padding-bottom:20px;}
.ctif-a h2{ padding-bottom:5px;}
.ctif-a h3{ padding-top:5px;}
.ctif-a h4{ padding:10px 0 20px;}
.ctif-b{ padding:10px 250px 10px 20px; position:relative;}
.ctif-b table td,.ctif-d table td{ vertical-align:top;}
.ctif-c{ background:url(../imgs/pic4.jpg) no-repeat right 25px;}
.ctif-c table td,.ctif-c table th{ border-bottom:1px dotted #ccc; vertical-align:top;}
.ctif-c table th{ font-family:Verdana;}
.ctif-d{ }
.ctif-e{ padding:10px 20px 10px 20px; position:relative;}

.ctph-a{ width:230px; position:absolute; right:-5px; top:-40px; line-height:80px; z-index:2;}
.step3{ width:220px; height:440px; padding:0 22px 20px; border-left:1px solid #999; float:left; font-family:新細明體;}
.step3 h5 img{ padding-bottom:20px;}
.step3 img{ padding-bottom:10px;}

.if-news-table{ margin-bottom:20px;}
.if-news-table tr:hover td,.if-news-table tr:hover td a{ background:#f5f5f5; color:#FF6666;}
.if-news-table td a{ color:#666;}
.if-news-table tr th{  height:39px; font-weight:bold; font-size:15px; color:#333; vertical-align:middle; padding:0 10px; background:#DAE4EB;} 
.if-news-table td{ border-top:1px solid #eee; padding:5px 10px;}
#if-news-table-ifpg{border-bottom:2px solid #ddd; background:#fff;}
#if-news-table-ifpg:hover{ background:#fff; color:inherit}

.bt-a{width:52px; height:15px; display:block; line-height:13px; letter-spacing:0; font-size:10px; color:#fff; text-decoration:none; -webkit-text-size-adjust:none; text-align:center;background:#8497BD; position:relative; left:93%; *left:75%; top:-35px; *top:-30px;}
.bt-b{width:90px; height:25px; display:block; line-height:24px; letter-spacing:0; font-size:13px; color:#fff; text-decoration:none; text-align:center; background:#8497BD; position:relative; left:88%; *left:71%; top:-35px; *top:-30px;}

/*PAGER*/
.pager{ clear:both; width:100%; padding:20px 0 20px;}
.quotes{ float:right;}
.quotes a{ width:21px; height:22px; display:block; color:#000; background:#f2f2f2; border:1px solid #ccc; float:left; text-align:center; margin-right:5px; text-decoration:none;}
.quotes a:hover{ background:#DAE4EB; }
.quotes span.current{ width:21px; height:22px; display:block; color:#333; background:#FFF; border:1px solid #ddd; float:left; text-align:center; margin-right:5px;}
a.pprev,a.pnext{ width:45px; height:22px;}
a.pback{ width:140px; height:22px;}

/*FAQ*/
#qaContent {
	width: 100%;
}
#qaContent ul.accordionPart {
}
#qaContent ul.accordionPart li {
}
#qaContent ul.accordionPart li .qa_title {
	background:url(../imgs/qna_q.png) no-repeat 0 5px;
	padding-left: 50px;
	height:44px;
	cursor: pointer;
	line-height:46px;
	border-bottom: solid 1px #e3e3e3;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	background:url(../imgs/qna_a.png) no-repeat 0 5px;
	padding-left: 50px;
	color: #666;
	padding-top:13px;
	padding-bottom:30px;
}

.question_form th,.question_form td{ padding:5px; border-bottom:1px dotted #ccc;}
.registration_form th,.registration_form td{ padding:5px; border-bottom:1px dotted #ccc;}
.registration_form th{ vertical-align:top;}


/*FORM*/
input[type="text"], input[type="password"], textarea, select { 
    outline: none;
    /*關閉safari與chrome預設focus黃光*/
}
.std_input{
	padding:6px 8px 7px;
	border:1px solid #a8a8a8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 1px 1px 2px #ededed;
	box-shadow:inset 1px 1px 2px #ededed;
	background:#fbfbfb;
	color:#4A7EB2;
	behavior: url(js/PIE.htc);
}
.std_input:hover{
	border:1px solid #C0CAD2;
	border-right:1px solid #E8EBEE;
	border-bottom:1px solid #E8EBEE;
	background:#FAFBFC;
}
.std_input:focus{
	border:1px solid #A9CCE9;
	border-right:1px solid #E0ECF7;
	border-bottom:1px solid #E0ECF7;
	background:#F9FBFD;
}
.std_button{
	*overflow: visible; *padding: 0 .5em;
	padding:6px 30px 7px;
	border:1px solid #d8d8d8;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	-moz-border-radius:3px;
	border-radius:3px;
	background: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f7f7f7),color-stop(1, #fff));
	background: -moz-linear-gradient(center bottom, #f7f7f7 0%, #fff 100%);
	-pie-background: linear-gradient(#fff, #f7f7f7);
	color:#4A7EB2;
	background:url(../imgs/std_button_bg.png)\9;
	behavior: url(js/PIE.htc);	
	
}
.std_button:hover{
	border:1px solid #E7EAEE;
	border-right:1px solid #C0CAD2;
	border-bottom:1px solid #C0CAD2;
}
.std_button:active{
	border:1px solid #a8a8a8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
}

/*PHOTOS*/
.photo-catalog{ clear:both; line-height:20px; border-bottom:1px dotted #ccc; min-height:90px; padding:10px 0;}
.photo-wrap a{ text-decoration:none; color:#656565;}
.photo-wrap a:hover .photo-catalog{ background:#f5f5f5; color:#FF6666;}

.photo-catalog img{ width:250px; padding:3px; border:1px solid #ccc; background:#fff; float:left; margin-right:20px;}
.photo-catalog iframe{ width:250px; height:158px; padding:3px; border:1px solid #ccc; background:#fff; float:left; margin-right:20px;}
.photo-catalog h2{ font-size:18px; font-weight:bold; color:#5A73A5;}

.photo-thumbs{ width:138px; height:102px; float:left; margin:20px 20px 0 0;}
.photo-thumbs img{ width:132px; height:95px; padding:3px; border:1px solid #ccc; background:#fff;}

.sitemapul{ padding-left:25px;}
.sitemapul li{ list-style:disc}