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

a:hover{ color:#009ae0}

.custom_btn{padding: 12px 31px;background: #009ae0;color: #fff;font-size: 16px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#009ae0 1px solid}
.custom_btn:hover{ background:#fff;webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);}

.custom_btn_c{ display: inline-block; padding: 15px; width: 42px; height: 42px; background: #009ae0; text-align: center; color: #fff;font-size: 16px; border-radius: 100%; border:#009ae0 1px solid;}
.custom_btn_c:hover{ background:#fff;webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);}
.custom_btn_c i { display: none;}

.highlight{ color:#004280;}
.row-dynamic-el .contact-info .header{ float:none;}
input,button,select,textarea,body, aside .widget_twitter li, aside ul li a{ font-size: 14px; color:#666; outline:none !important; }

#logo img{ margin-top:-15px; height:32px; position:absolute;}
.adjustsub #logo img{ height: 20px; margin-top:-12px;}
nav .menu li ul.sub-menu li a{ line-height:20px !important;padding: 9px 13px;}
nav .menu li ul.sub-menu{ z-index:999999;}
nav .menu li ul.sub-menu ul.sub-menu{ left:100%; top:-4px; padding-left:1px !important;}

.scrollup{ z-index:9}

#copyright{ padding:20px 0 10px;color:#fff; position:relative;}
#footer #copyright span{ display:inline-block; vertical-align:top; font-size:14px !important; color:#fff; margin:0}
#footer #copyright span.link_color { color:#88cbe6; margin:10px 0 0;}
.text-center {
	text-align:center;
}
.slogan{ font-family: 'Roboto', sans-serif; font-size:25px; line-height:25px; font-style: italic; color:#555; position:absolute; right:15px; top:-35px; margin:0; font-weight: normal;}

#content{ padding-top:40px;}

/*home*/
.flex-caption{ background:url(images/black50.png)}
.flex-direction-nav .flex-next{ right:5px;}
.flex-direction-nav .flex-prev{ left:5px;}
.home-area .services_small img{ margin-bottom:20px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%;}
.captionss{ width:auto; max-width:100%; right:0; line-height:30px;}
.captionss .flex-caption{ margin:0 30px;}
.services_small dt span.circle{ background:url(images/home-circle.png) no-repeat; background-color:transparent; width:20px; padding:0 10px;}
.services_small dt span.circle:hover{ background:url(images/home-circle-hover.png) no-repeat; background-color:transparent; }



/*sub*/
.header_page{ margin-bottom:0; float:none;}
.page_parents li:last-child a{white-space:nowrap;text-overflow:ellipsis;	-o-text-overflow:ellipsis;	overflow: hidden; max-width:100px; display:inline-block; vertical-align:top;}
.sub-banner{ background:no-repeat top center; width:100%; height:180px; text-align:right; position:relative;}
.sub-banner h4{ color:#fff; background:url(images/black50.png); line-height:30px; padding:10px 20px; font-size:24px; font-weight:normal; margin-top:100px; display:inline-block;}

.fck{font-family: "微軟正黑體", Arial, Verdana, sans-serif;font-size: 12px;color: #222; max-width:940px; width:100%; margin:0 auto;}
.fck a { color: #009ae0; }
.fck a:hover { color: #444; }
.fck .custom_btn, .fck .custom_btn_c { color: #fff; }
.fck .custom_btn:hover, .fck .custom_btn_c:hover { color: #009ae0; }
.fck p{ margin:1em 0;}
.fck .alert{ padding:10px 20px;}
.title1{ background: url(images/title-bg.jpg) repeat-x center;  text-align:center; margin:0 0 20px; line-height:30px; padding:10px }
.title1 span{font-size: 19px; color:#004280; font-weight:bold;padding:5px 1.2em; vertical-align:top; display:inline-block; background:#fbfbfb; line-height:20px;}

.top-btn{text-align:right;/* max-width:850px; */}


.service1-2 .services_creative{ background:#eee; color:#666;text-align: left; margin-bottom:20px; margin-bottom:0 \9; border:1px solid #fbfbfb;}
.service1-2 .services_creative h4{color:#009ae0;margin-bottom:10px;}
.service1-2 .services_creative p, .service1-2 .services_creative ol{ color:#666; text-align:left; height:11em; margin-bottom:0 \9;}

.service2-1 .r_text{background: #004280; margin-left:0;}
.service2-1 .text{ margin-left:0;background: #f7f7f7;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;}
.service2-1 .r_text h2{ color:#fff;padding: 20px;font-weight: normal; }
.service2-1 .text .inner{ padding:19px;line-height:20px}
.service2-1 .section{ margin-top:20px;}
.service2-1 .r_text h2, .service2-1 .text .inner{ display:table-cell; height:60px; vertical-align:middle;}
.service3 .table { margin-bottom:0;}
.service3 .table .th td{ background:#009ae0; color:#fff;}
.service3 .table td.frist-td{ color:#009ae0; font-size:18px;}
.service3 .table td{ text-align:center; vertical-align:middle;}
.service3 .border-table{ margin-bottom:2em}
.service3 ul{ margin:0; padding:0 0 0 20px;}
.service3 ul li{ margin:5px 0; text-align:left}

#download{ margin:30px auto 0; font-size:15px;width: 100%;max-width: 770px;}
#download .custom_btn{padding:4px 0; display:block; width:30px; height: 22px; margin:0 auto; text-align:center; font-size:14px; line-height:20px; overflow: hidden;}
#download .table .center{ text-align:center;}
#download .table th{ background:#004280; color:#fff; font-weight: normal; font-size:16px;}
#download .table th, #download .table td{ vertical-align:middle;}

.news-list [class*="span"]{margin-left:0; margin-right: 2.127659574468085%;}
.news-list [class*="span"]:nth-child(3n+0) {margin-right: 0;}
.news-list .one-staff {display:block;}
.news-list .one-staff, .news-list .content{ float:none}
.news-list .date{ color:#999; float:none; margin-bottom:10px;}
.news-list h4 {font-weight: 500;color: #555;width: 100%;margin:0 0 15px;white-space:nowrap;text-overflow:ellipsis;	-o-text-overflow:ellipsis;	overflow: hidden;  }
.news-list a.read_m {margin:15px auto 30px; display:block; background:#004280; width:120px; text-align:center; line-height:20px;color: #fff; padding:5px 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.news-list a.read_m .direct_btn {margin-left: 1px;background: none;border: none; display:inline-block; vertical-align:top;}
.news-list a.read_m .direct_btn i {font-size: 9px;color: #fff;}
.news-list .bot-arrow{ color:#ccc; position:absolute; background:#fbfbfb; width:30px; text-align:center; height:20px; left:50%; bottom:-12px; margin-left:-15px;}
.news-list a.read_m:hover{ color:#fff !important; background:#009ae0}
.news-list .one-staff:hover .content{ border-bottom-color:#009ae0}
.news-list .one-staff:hover .bot-arrow i{ color:#009ae0;}

.blog-article .info{ text-align:right; padding-bottom:3px;}
.blog-article .info a{ display:inline-block; float:none;}
.blog-article .info a:hover span{ color: #009ae0;}
.blog-article .info .direct_btn:hover i{color:#313131;}
.blog-article .info a:hover .direct_btn i{color: #009ae0;}
.share1 p{ text-align:center; margin-top:0;}
.share1 img{border:1px solid #ccc;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:100%}

.dynamic_page_header h2{color:#004280}
.dynamic_page_header p{color:#969ba2;}
.dynamic_page_header p, .dynamic_page_header .btns{ float:none; text-align:center;}

.header dt, .header dt:hover{background:url(images/contact-circle.png) no-repeat; background-color:transparent; width:20px; padding:0 10px;}
.contact-info h4 span{ display:block;}
.contact-info li{ position:relative; padding-left:45px}
.contact-info li span{ color:#009ae0; position:absolute; left:0;}
.contact-info li font{ display:block}
.contact_form .perspective{ margin-right:10px;}
.contact_form .perspective .custom_btn{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight:normal; outline:none;}
.contact_form .perspective .custom_btn:hover{background:#009ae0}
.contact_form .perspective .custom_btn.grey-btn{ background:#444;}
.contact_form .perspective .custom_btn.grey-btn:hover{background:#888}
.contact_form input[type="text"]{ line-height:30px; height:30px \9;}


@media (max-width: 1099px) and (min-width: 1025px){
.container, .span12 {width: 1000px;}
}
@media (min-width: 768px){
.oz{ text-align:right}
}


@media (max-width: 767px){
#logo img{ position:relative}
.flex-caption span{ font-size:16px;}
.flex-caption {padding: 5px; right:20px;}
.captionss{ bottom:10px; line-height:20px;}
#navigation {margin-top: 19px;}
.top-btn{ text-align: center;}
.row-dynamic-el .news-list [class*="span"]{ margin-top:10px;}
.dynamic_page_header .btns{ display:none;}
.dynamic_page_header p{ padding-bottom:0;}
.contact-info h4 { margin-top:10px;}
.contact-info h4 span, .contact-info li font{ display: inline;}

.sub-banner h4{ position: inherit; font-size:18px; margin-top:60px;}

.service1-2 .row-dynamic-el [class*="span"]:first-child, .service1-2 .row-dynamic-el [class*="span"]{ margin:20px 0;}
.service1-2 .services_creative p{ height:auto}

.service2-1 .r_text{ text-align:center;}
.service2-1 .r_text h2{ font-size:1em}
.service2-1 .text{ margin-top:0;border-left: 1px solid #d6d6d6; border-top:none; }
.service2-1 .r_text h2, .service2-1 .text .inner{ height:auto;}
}

@media (max-width: 480px){
.slogan{ font-size:18px; right:0; width:100%; text-align:center; top:-30px;}
.scrollup{ right:30px; bottom:30px;}
.custom_btn{padding: 12px 10px;}
}

/*IE8*/
.news-list .span4{ margin:0 10px \9; width:340px \9;}
i, [class*="moon-"]{ display:inline-block\9; vertical-align:top\9; width:20px\9; height:20px\9; background:url(images/icon.png) no-repeat\9;}
.moon-feed-2{ background-position:0 0\9;}
.moon-newspaper{ background-position:-20px 0\9;}
.moon-align-left{ background-position:-40px 0\9;}
.moon-book-2{ background-position:-60px 0\9;}
.moon-home-3{ background-position:-80px 0\9;}
.moon-arrow-right-17{ background-position:-100px 0\9;}
.moon-arrow-down-15{ background-position:-120px 0\9;}
.moon-download{ background-position:-140px 0\9;}
.news-list .one-staff:hover .moon-arrow-down-15{ background-position:0 -20px \9;}
.news-list a.read_m .direct_btn .moon-arrow-right-2{ background-position:-20px -20px \9;}
.services_small a.read_m .direct_btn .moon-arrow-right-2{ background-position:-40px -20px \9;}
.header dt i.moon-office{ background-position:-60px -20px \9;}
.header dt i.moon-pen-5{ background-position:-80px -20px \9;}
.moon-alarm-2{ background-position:-100px -20px \9;}
.moon-users-4{ background-position:-140px -20px\9;}
.services_small dt span.circle i, .header dt i{ display:block; margin:10px auto \9;}
header dt i{ float:none\9}
#download .custom_btn .moon-download-6{ background-position:0 -40px \9}
#download .custom_btn:hover .moon-download-6{ background-position:-20px -40px \9}

.blog-article .info .direct_btn .moon-arrow-right-2{ background-position:-40px -20px \9;}
.blog-article .info .direct_btn{ border:none; background:none;}

/*new*/
.QRcode { width: 60px; height: 60px;}
.QRcode img { width: 60px;}

.mt_f {
	margin-top: 10px;
	margin-bottom: 10px;
}
.under_line {
	text-decoration: underline;
}
.news_m {
	margin-top:12px; margin-left: 12px; font-size: 13px; color: #00447c;
}
@media (min-width: 768px) {
	.news_m {
		display: none;
	}
}