/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	margin:0; text-align:center; font-family:Arial,"lihei pro","微軟正黑體"; font-size:13px; color:#333; line-height:18px; background:#fff;}
img {	border:0; }



/* Reset ================================================================================= */

a { text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#333; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.top-Box, .header-Box, .banner-Box, .content-Box, .footer-Box, .copyright-Box { max-width:980px; margin:0 auto; text-align:left; position:relative;}

.top { min-height:116px; border-bottom:4px solid #ef8532; background:#505050;}
.logo { float:left;padding-top: 8px;}
.logo img { max-width:100%;}
.top-right { position:absolute; top:30px; right:0; color:#AAA}
.top-right span { display:inline-block; margin-left: 15px;}
.headphone { background: url("../images/phone.png") no-repeat scroll left center transparent; padding-left: 45px;font-size: 1rem;line-height: 32px;position: relative;top: -8px;}
 ul { /* 取消ul預設的內縮及樣式 */
        margin: 0;
        padding: 0;
        list-style: none;
    }
ul.menu {
        display: inline-block;
        font-size: 16px;
    }
ul.menu > li{
	float:left;
	margin-top:62px;
}
ul.menu > li:last-child {
    border-right: none;
}
ul.menu li {
	position: relative;
    white-space: nowrap;
}
ul.menu a {
    color:#fff;
    display: block;
    padding: 5px 23px 5px;
    text-decoration: none;
    margin-top: 10px;
}
ul.menu li a:hover {
	background-color: #ef8532;
    color: #fff;
}
ul.menu li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/
    background-color: #ef8532;
    color: #fff;
}

ul.menu ul{

	background: #505050;
    position: absolute;
    z-index: 99;
    min-width: 180px;
}
ul.menu ul a{
	margin-top: 0px;
}
ul.menu ul li{
	padding: 5px 0px 5px 0px;
}
ul.menu ul li:hover {
	background-color: #ef8532;
    color: #fff;
}
ul.menu ul { /*隱藏次選單*/
    display: none;
}

ul.menu li:hover > ul { /* 滑鼠滑入展開次選單*/
    display: block;
}

.m_menu { display:none;}
.m_mobile { display:none;}

.content-Box { padding:0 10px; margin-top:15px;}
.content-Box:after { display:block; clear:both; content:""; text-indent:-99999px; height:25px;}
.header-left { background:url(../images/bannerbg.png) no-repeat top center; background-size:cover; float:left; max-width:638px; max-height:305px; padding-bottom:25px;}

.header-right { float: left; width:320px;}
.header-right h2 { color: #082660; font-size: 18px; margin-left: 15px; padding-bottom:0px;}
.header-right li { background:url(../images/line1.png) no-repeat center bottom; background-size:contain; padding:19px 0 15px 15px; }
.header-right li:after { clear:both; display:block; content:""; text-indent:-99999px; height:1px;}
.header-right li a { display:block;}
.header-right li a span { float:left;}
.header-right li a span img { border: 1px solid #ABABAB; max-width:122px;}
.header-m { float: left; width:320px;}
.header-m h2 { color: #082660; font-size: 18px; margin-left: 15px; padding-bottom:0px;}
.header-m li { background:url(../images/line1.png) no-repeat center bottom; background-size:contain; padding:19px 0 15px 15px; }
.header-m li:after { clear:both; display:block; content:""; text-indent:-99999px; height:1px;}
.header-m li a { display:block;}
.header-m li a span { float:left;}
.header-m li a span img { border: 1px solid #ABABAB; max-width:122px;}
.header-m li { float:left; width:50%; }
.header-m {display: none}
.index-case { font-weight:bold; margin-left:10px; max-width: 50%;}
.index-case h3 { color:#EB7013; font-size:16px; padding:0;}
.index-case font strong { font-size:15px;}
.index-case font { display:block; margin:5px 0; font-size:13px; }
.index-case div { font-size:12px; font-weight:normal;}


#events-marquee{ clear:both; padding:20px 0;}
div#abgne_marquee:before { content:"最新消息"; font-size:18px; color:#082760; padding:3px 20px 0 16px;font-weight:bold; color:#082660; display:block;}
div#abgne_marquee { height:30px; border:1px solid #ababab; position: relative; overflow: hidden;	/* 超出範圍的部份要隱藏 */  font-size:15px; padding-top:2px;}
div#abgne_marquee ul, div#abgne_marquee li { margin: 0; padding: 0; list-style: none; }
div#abgne_marquee ul { position: absolute; left: 100px;/* 往後推個 30px */ }
div#abgne_marquee ul li { padding-top:0.5px;}
div#abgne_marquee ul li a { display: block; overflow: hidden;/* 超出範圍的部份要隱藏 */ height: 25px; line-height: 25px; text-decoration: none; font-size:13px; padding-top:4px; font-weight:bold; }
div#abgne_marquee ul li a:hover {text-decoration:underline}

.index-ad li { float:left; padding-right:20px; width:25%; min-height:280px; position:relative; font-size:12px; line-height:16px;}
.index-ad li img { border: 1px solid #ABABAB; max-width:100%;}
.index-ad li h3 { line-height: 30px; font-size: 16px;font-weight: bold; margin-top: 5px; color: #466291; padding:0;}
.btn01 { position:absolute; bottom:0; right:25px; display:block; font-size:12px; padding:3px 20px; background:#EB7013; color:#fff; text-transform:uppercase;}
.btn01:hover { background:#11347a; color:#fff;}

.footer { background:#CDCDCD;}
.footer:after { display:block; clear:both; content:""; text-indent:-99999px; height:20px;}
.footer-Box { padding:0 10px;}
.footer-left { float:left; width:50%; padding: 42px 0px 0px 15px;}
.footer-left h2 { color: #082660; font-size:18px; padding:0;}
.footer-left ul { margin:20px 0 0 5px;}
.footer-left ul:after { display:block; clear:both; content:""; text-indent:-99999px; height:20px;}
.footer-left ul li { float:left; margin-left:25px; line-height:30px; font-size:14px; margin-bottom:20px;}
.footer-left ul li b { font-size:16px; color:#000;}
.serviceico img { margin: 0px 10px; vertical-align:middle; max-width:100%;}

.footer-right { float:left; width:50%;}
.contactbox {margin-top: 20px; background:#fff; padding:20px 25px;
-webkit-box-shadow: 3px 3px 3px rgba(162, 162, 162, 1);
-moz-box-shadow: 3px 3px 3px rgba(162, 162, 162, 1);
box-shadow: 3px 3px 3px rgba(162, 162, 162, 1);}
.contactbox h2 { font-size:18px; color:#082660; padding:0;}
.form-table { width:100%; margin:20px 0 0 0;}
.form-table th { width:100px; text-align:right; padding-left:20px; padding-bottom:8px;}
.form-table td { padding-left:15px; padding-bottom:8px;}
.form-table td label { padding-left:3px; vertical-align:middle;}
.txt01 { border: 1px solid #CCC; height:20px; font-size:12px; width:100%;}

.btn02 { background:#1B479D; color:#fff; font-size:12px; padding:3px 15px; text-align:right; margin:10px 0; border-width:0;}

.copyright-Box { padding:0 20px;}
.copyright { background:#3F3F3F; padding-top:20px; color:#fff; font-size:12px;}
.copyright:after { display:block; clear:both; content:""; text-indent:-99999px; height:20px;}
.copyright-left { float:left; line-height:24px;}
.copyright-right { float:right; padding-top:12px;}


.right-box { float:right; width:24%; padding-top:94px;display: none;}

.side_classLink { }
.side_classLink ul { width:100%; }
.side_classLink ul li { position:relative;}
.side_classLink ul li a { display:block; background:#FDECD6; padding:14px 36px 14px 24px; font-size:15px; border-radius: 5px; margin-bottom:7px;}
.side_classLink ul li a:hover { background:#f59145; color:#052860; }
.side_classLink ul a.current{ display:none; }
.m_classLink{ display:none;}
.fa-chevron-right:before { content:"";}
.fa-chevron-right:after{content:"\f054"; position:absolute; right:13px;}

.contact0113 { border: 1px solid #EB7013; border-radius: 5px; margin-top: 20px;}
.cottitle { background: url("../images/mail.png") no-repeat scroll 200px center #EB7013; padding: 5px; color: #FFF; font-size:16px;}
.contm { padding:10px; background:#fff;}
.contm-table { width:100%;}
.contm-table th { width:50px; text-align:left; padding-bottom:4px;}
.contm-table td { padding-bottom:4px;}
.txt02 { border-width:0; background:#DFE8F9;}
.btn03 { background:#717171; color:#fff; font-size:11px; padding:3px 15px; float:right; border-width:0;}

/*
.left-box { float:left; width:73%; margin-top:45px;}*/
.left-box { margin-top:45px;}
.left-box p { margin:0 0 20px 0; line-height:22px;}
.left-box p strong { color:#EB7013;}
.title01 { border-bottom:1px solid #BBB; padding-bottom:7px; margin-bottom:30px;}
.title01:after { display:block; clear:both; content:""; text-indent:-99999px; height:1px;}
h1 { padding-left:10px; font-size:25px; color:#052860; float:left;}

.main-box { padding:0 10px; font-size:14px; line-height:20px;}
.main-box .youtubeif {margin: 20px auto;text-align: center;}
.path { float:right; margin-right:10px; font-size:12px; padding-top:8px;}
h2 { color:#000; font-size:20px; padding-bottom:20px;}
h3 { font-size:16px; color:#052860; padding:10px 0;}
h4 { font-size:13px; color:#000; padding:5px 0;}
.wellcome {color: #052860;font-size: 25px;font-weight: bold;text-align: center; padding:25px 0; line-height:30px !important;}


.btn04 { display:block; font-size:22px; padding:18px 0; background:#EB7013; color:#fff; text-transform:uppercase; border-radius:10px; margin:0 auto; width:170px; text-align:center;}
.btn04:hover { background:#11347a; color:#fff;}

.news li { background:url(../images/caseline.png) no-repeat center bottom; background-size:contain; padding:19px 0 35px 15px; margin-bottom:10px; }
.news li li:after { clear:both; display:block; content:""; text-indent:-99999px; height:1px;}
.news li h2 { color:#EB7013; font-size:20px; line-height:24px; padding:0;}
.news li span { color:#000; font-size:12px; display:block; padding:5px 0;}

.case li { background:url(../images/caseline.png) no-repeat center bottom; background-size:contain; padding:19px 0 15px 15px; margin-bottom:20px; }
.case li:after { clear:both; display:block; content:""; text-indent:-99999px; height:20px; }
.case-pto { float:left; width:25%;}
.case-pto img { border: 1px solid #ABABAB; width:100%;}
.demo-case { font-weight:bold; margin-left:10px; width: 70%; float:left;}
.demo-case h3 { color:#EB7013; font-size:16px; padding:0;}
.demo-case font strong { font-size:15px;}
.demo-case font { display:block; margin:5px 0; font-size:13px; }
.demo-case div { font-size:12px; font-weight:normal;}
.demo-case span { font-size:14px; padding-top:5px; display:block;}
.demo-case span b { color:#052860;}


.stories li { float:left; padding-right:20px; width:33%; position:relative; line-height:16px; text-align:center; margin-bottom:30px;}
.stories li img { border: 1px solid #ABABAB; max-width:100%;}
.stories li span { font-size: 14px;margin-top: 5px; color: #052860; display:block; }

.contact-table { width:80%;}
.line-down { border-bottom: 1px solid #EDEEEF; vertical-align: middle; }
.red { color: #F00; font-size: 11px;}
.contact-form { background-color: #F1EFE9; border: 1px solid #FFF; height:25px;}
.contacttxt {width: 100%; background: none repeat scroll 0% 0% #F1EFE9;resize: none;border: 0px none;}

.btn05 { background:#1B479D; color:#fff; font-size:16px; padding:5px 25px; text-align:right; margin:10px 0; border-width:0;}
.sm480 p {margin: 0;}
.sm480 li {border-bottom: 1px solid #EDEEEF;padding: 5px 0;}
.sm480 input,.sm480 textarea {width: 90%;}
.sm480 input.inch {width: 20px;}
.sm480 input.btn05 {width: 82px;}
.clear {clear:both;}
.ulno li {background: none;padding: 0;list-style-type: disc;margin-left: 20px;}

table.ta0904 {border-collapse: collapse;border-spacing: 0;}
.ta0904 th {background: #400090;color: #fff;text-align: center;}
.ta0904-1 {color: #000;}
.ta0904-2 {color: #900;}
.ta0904 th,.ta0904 td {border:1px solid #666;padding: 5px;}
.location {margin-top: 30px;width: 752px;box-sizing: border-box;}
.location1 {background: #f9f9f9;padding: 10px;margin-bottom: 20px;}
.location1txt {float: left;}
.location1map {float: right;}
.location1txt p {margin-bottom: 10px;}



@media only screen and (max-width: 960px) {
ul.menu{ display:none;}
.m_mobile{
	display: inline;
}
.m_mobile a{
	color: white;
	font-size: 18px;
	float: right;
}
.m_menu{ clear:both; display:block; padding:0 15px; border-radius:5px; position:relative; height:40px; overflow:hidden; z-index:999; margin:10px 10px 5px 10px;
background: -moz-linear-gradient(top,  #3b3b3b 0%, #505050 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#505050)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b3b3b 0%,#505050 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b3b3b 0%,#505050 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b3b3b 0%,#505050 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b3b3b 0%,#505050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );}
.m_menu.active{ background: -moz-linear-gradient(top,  #838383 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #838383 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #838383 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #838383 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #838383 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );}
.m_menu a.main{ display:block; padding:0 0px; font-size:18px; color:#FFF; line-height:45px;}
.m_menu a.main i{ padding-right:10px; font-style:normal; font-family:FontAwesome;}
.m_menu ul.nav{ }
.m_menu ul.nav li{ clear:both; border-top:1px solid #999;}
.m_menu ul.nav li a{ height:40px; display:block; padding:11px 33px 0 33px; color:#fff; letter-spacing:1px; font-size:15px;}
.m-li{font-size: 10px;}

.header-left { background:none; float:none; max-width:100%; max-height:100%; }
.header-right {display: none}
.header-m {display: block}
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative;}
.m_classLink a.main{ display:block; font-size:15px; font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif; border:0px solid #CCC; position:relative; padding:10px; border-radius:0 0 5px 5px; color:#fff; text-align:left;
background: -moz-linear-gradient(top,  #ef8532 0%, #ffa259 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8532), color-stop(100%,#ffa259)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ef8532 0%,#ffa259 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ef8532 0%,#ffa259 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ef8532 0%,#ffa259 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ef8532 0%,#ffa259 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 )}
.m_classLink a.main i{ display:block; font-size:15px; position:absolute; right:10px; top:50%; margin-top:-8px; color:#fff; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%; background:#FDECD6; border-radius:5px; border:0px solid #d1d1d1; position:absolute; z-index:999; padding-bottom:10px; margin-top:2px; padding-top:10px; }
.m_classLink ul li a { display:block; padding:15px 0 15px 24px; font-size:16px; text-transform: uppercase;}
.m_classLink ul li a:hover { background:#f59145; color:#052860; }
.m_classLink ul a.current{ display:none; }

.content-Box { margin-top:0px;}
.right-box { float: none; width: 100%; padding-top: 0;}
.contact0113 { display:none;}

.left-box { float: none; width: 100%;}

.contact-table { width:100%;}
}

@media only screen and (max-width: 768px) {
.logo { clear:both; float:none; text-align:center;}
.top-right { display:none;}
.index-case { max-width:55%;}
.index-ad li { width:50%; margin-bottom:25px; }
.footer-left, .footer-right { float:none; width:100%}
.location {width: 100%;}
}

@media only screen and (max-width: 600px) {
	.location1txt, .location1map {float: none;}
	.location1map iframe {width: 100%;}
}
@media only screen and (max-width: 570px) {
.header-right li { float:none; width:100%; }
.index-case { max-width:60%;}
.stories li { width:50%;}
.main-box .youtubeif iframe {max-width: 100%;height: auto;}
}
@media only screen and (min-width: 481px) {
.more480 {display: table;}
.sm480 {display: none;}
}
@media only screen and (max-width: 480px) {
/*.more480 {display: none;}*/
.sm480 {display: block;}
.sm480 input.btn05 {float: right;}
}
@media only screen and (max-width: 414px) {
.index-case { max-width:50%;}
.stories li { width:100%;}
.stories li img { width:100%;}
}
.page {
  text-align: center;
  margin: 20px 0;
}
.page-1 {
  display: inline-block;
}
.page-1 a {
  margin: 0 10px;
  color: #eb7013;
}

.m_menu2{ clear:both; display:block; padding:0 15px; border-radius:5px; position:relative; height:38px; z-index:999; margin:10px 10px 0px 10px;
background: -moz-linear-gradient(top,  #3b3b3b 0%, #505050 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#505050)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b3b3b 0%,#505050 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b3b3b 0%,#505050 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b3b3b 0%,#505050 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b3b3b 0%,#505050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );}
.m_menu2 span.main{ display:block; padding:0 0px; font-size:18px; color:#FFF; line-height:35px;}
.m_menu2 span.main i{ padding-right:10px; font-style:normal; font-family:FontAwesome;}
.m_menu2 ul.nav{ }
.m_menu2 ul.nav li{ clear:both; border-top:1px solid #999;}
.m_menu2 ul.nav li a{ height:40px; display:block; padding:11px 33px 0 33px; color:#fff; letter-spacing:1px; font-size:15px;}
.m-li{font-size: 15px;}


@media (min-width: 769px) {
  .m_menu2{
    display: none;
  }
}



.dropdown-menu {
  position: relative;
}

.dropdown-menu > span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu > span,
.dropdown-menu > div {
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dropdown-menu > div {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.dropdown-menu > span:focus ~ div {
  display: block;
}

.dropdown-menu > ul {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  transition: visibility 0.5s;
  opacity: 0;
}

.dropdown-menu > span:focus ~ ul {
  visibility: visible;
  opacity: 1;
}

/* The .sample-menu-style below is for illustration purpose.
   Feel free to use different style. */

.sample-menu-style > span {
  font: 120% Arial;
  color: #fff;
}

.sample-menu-style > span:hover {
  opacity: 0.75;
}

.sample-menu-style > ul {
  padding: 0;
  margin-top: 2px;
  width: 100%;
}

.sample-menu-style li {
  position:relative; z-index:999;
  background: #333;
  color: white;
}

.sample-menu-style li:not(:first-child) {
  border-top: none;
}

.sample-menu-style li:hover {
  background: #f8f8f4;
}

.sample-menu-style a {
  text-decoration: none;
  padding:15px 15px;
  display: block;
  color: white;
}

.contact-new{
    margin: 3rem 0px;
    padding: 2rem 2rem;
    border: 15px #EB7013 solid;
    border-left: #505050 15px solid;
    border-bottom:  #505050 15px solid;
}

@media (max-width: 768px) {
    .contact-new{
        margin: 3rem 0px;
        padding: 0.5rem 0.5rem;
        border: 15px #EB7013 solid;
        border-left: #505050 15px solid;
        border-bottom:  #505050 15px solid;
    }
}

.contact-new .form-box{
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    width: 33%;  
    padding: 20px 20px;
}

.contact-new .check-box{
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding: 20px 20px;
}

.contact-new .check-box div{
    display: inline-block;
    width: 50%;
    float: left;
}

.contact-new .check-box .check-span{
    font-size: 17px;
    margin-top: 10px;
    display: block;
}

.contact-new .check-box .check-span input{
    margin-right: 10px;
}

@media (max-width: 768px){
    .contact-new .form-box{
        width: 32%;
    }

    .contact-new .check-box div{
        width: 50%;
    }
}

@media (max-width: 450px) {
   .contact-new .form-box{
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
        width: 100%;  
        padding: 20px 20px;
    } 

    .contact-new .check-box div{
        display: inline-block;
        width: 100%;
        float: left;
    }      

}

.contact-new .textarea-box{
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    padding: 20px 20px;
}

.contact-new .textarea-box textarea{
    font-size: 15px;
}

.contact-new .form-box span,.contact-new .textarea-box span{
    display: block;
}

.contact-new .form-box input,.contact-new .textarea-box textarea{
    width: 100%;
    padding: 10px;
    font-family: Microsoft JhengHei; 
    font-weight: bold;
}

.contact-new .form-box select{
    width: 100%;
    padding: 10px;
}

.contact-new .form-box .red-n{
    color: red;
}

.contact-new .btn-box{
    text-align: center;
    margin: 30px 0px;
}

.contact-new .btn-box input{
    padding: 10px 50px;
    border: none;
    cursor: pointer;
    margin: 5px 5px;
    color: white;
    font-weight: bolder;
}

.contact-new .btn-box input:hover{
    box-shadow: 2px 2px 5px black;
}

.antepole{
    display: block;
    font-family: Microsoft JhengHei;
}

.ante-block{
    vertical-align: top;
    display: inline-block;
    width: 49%;
    margin: 20px 0px;
    padding: 30px;
    height: 400px;
}

.ante-text{
    padding: 30px;
    font-size: 20px;
    line-height: 30px;
    padding-top: 3rem;
    font-weight: bold;
}

.ante-block img{
    display: block;
}

.ante-text h2{
    font-weight: bolder;
    font-size: 30px;
    line-height: 33px;
    text-shadow: 1px 1px 3px #AAAAAA;
}

.mb-block{
    display: none;
}

@media (max-width: 700px) {
    .ante-block{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 20px 20px;
    }

    .margin{
        margin-bottom: 0.5rem;
    }

    .pc-block{
        display: none;
    }

    .mb-block{
        display: block;
    }

    .ante-title img{
        width: 95%!important;
    }

    .btn-ante{
        text-align: center;
    }

    .btn-ante img{
        width: 95%!important;
    }
}

.ante-btn{
    border: 4px solid #EB7013;
    height: 50px;
    display: inline-block;
    font-weight: bold;
    background-color: #EB7013;
    color: white;
    text-decoration: none;
    transform: 0.3s all;
}

.ante-btn:hover{
    border-radius: 0px;
    color: white;
}




/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}