@charset "utf-8";
/* CSS Document */
@import url("reset.css");
body{ font-family:"微軟正黑體";}
.spon { display: none;}
h1{font-size:15px; color: #388dc3;}
.serviceh1{font-size:15px; color: #844919; float: left;} 

.disbottom_banner{margin:50px 0 0 0;}

.itemscope_block{display:block;width:100%;font-size:0;margin:0 0 20px 0;color:#263238;}
.itemscope_block ol{display:block;width:100%;font-size:15px;}
.itemscope_block ol:before{content:"";background:url(../images/itemprop.png) no-repeat;display:inline-block;vertical-align:middle;height:8px;width:60px;}
.itemscope_block ol li{display:inline-block;vertical-align:top;}
.itemscope_block ol li a{text-decoration:none;padding:0 8px 0 0;color:#263238;}
.itemscope_block ol span{display:inline-block;vertical-align:top;}

h1.serviceh1{ font-size:30px; font-weight: normal; float: none; letter-spacing:3px;}

#wrapper{ display:block; width:100%; margin:0 auto; padding:0px;}
#abgne-tw-tools{  display: none; width:33px; height:206px; margin:0px 0px 0px 1018px; padding:0px; position: absolute; top:0px;}
div.topbox{ display:block; width:111px; height:21px; position:absolute; z-index:5; bottom:0px; right:0px;}

div.homebox{ display:block; position:absolute; width: 21px; font-size:12px; color:#969696; line-height:13px; top:32px; left:5px; padding:1px 0px 0px 0px; overflow:hidden;}
div.bg{ background:url(../images/bg.jpg) repeat-x; background-size:100% 450px; min-height:313px; height:auto;margin:0 0 100px 0;}
#pages div.bg{ background-size:100% 300px;}
div.mainbox{ display:block; width:100%; max-width:1400px; margin:0 auto 20px auto; position:relative; overflow:hidden;}
div.flash{ display:block; width:calc(100% - 300px); height: auto; margin:0 0 20px 300px; overflow:hidden; position:relative;}
div.flash .facebook{ display:inline-block; width:143px; height:50px; position:absolute; top:20px; right:5%;}
div.flash img{ width: auto; height:450px; float:right;}
div.flash .lau{ display: none; width:90%; margin:0 auto; height:60px; border-bottom:2px solid #efa80e;}
div.flash .lau a{ display:block; width:33.3%;  height:60px; float:left; padding:0 0 0 65px; line-height:70px; text-decoration: none; color:#333;}
div.flash .lau a.cn{ background:url(../images/lau/cn_lau.png) no-repeat left bottom; background-size: auto 60px;}
div.flash .lau a.en{ background:url(../images/lau/en_lau.png) no-repeat left bottom; background-size: auto 60px;}
div.flash .lau a.jp{ background:url(../images/lau/jp_lau.png) no-repeat left bottom; background-size: auto 60px;}

#pages div.flash img{ width: auto; height:300px; float: none; margin:0 0 0 10%;}
div.flash  p img.moblie{ display:none !important;}
div.flash p{ display:block; padding:2px 0 0 -1px;}
div.flash .menu{ display: none; width:40px; height:50px; position:absolute; top:0px; right:10px; background:url(../images/menu.png) no-repeat center 15px #333 ; border-bottom-left-radius:6px; border-bottom-right-radius:6px; z-index:98;}
div.flash nav{ display: none; width:100%; position:absolute; top:-50px; left:0; background:#000; opacity:0; z-index:99; padding:0; margin:0;}
div.flash nav .close{ display:block; width:50px; height:50px; margin:0 auto 20px auto; background: url(../images/close.png) no-repeat center center;}
div.flash nav ul{ display:block; width:90%; margin:0 auto; padding:20px 0;}
div.flash nav ul li{ display:block; width:100%; margin:0 0 15px 0; border-bottom:1px solid #333; }
div.flash nav ul li a{ display:block; width:160px; margin:0 0 8px 0; padding: 0 0 0 30px; font-size:15px; line-height:21px; color:#acacac; text-decoration:none;}
div.flash nav ul li a:hover{ color:#FFF;}
div.flash p.tel{ display:none; width:100%; padding:10px 0; text-align:center; font-size:32px; line-height:25px; color: #f03e3e; background:#eeeeee; letter-spacing:2px;}
div.flash p.tel a{ color:#893c3c; text-decoration:none;}
div.flash p.tel span{ display:block; font-size:15px; color:#555;}
.slogen{ position:absolute; top:250px; left:50px;}
#pages .slogen{ top:150px;}
.slogen strong{ display:block; font-size:35px; color:#FFF; text-shadow:2px 2px 10px #d14d0b;}
.slogen span{ font-size:22px; letter-spacing:15px; color:#FFF; text-shadow:2px 2px 10px #d14d0b; font-weight: bold;}
div.leftbox{display:block; width:300px; height:auto; position:absolute; left: 0; top: 15px; background:#FFF ;}
div.leftbox a.logo{ display:block; width:350px; margin:0 auto 15px auto;}
#pages div.leftbox a.logo{ display:block; width:100%; margin:0 auto 10px auto;}
div.leftbox a.logo img{ width:100%;}
div.leftmenu{ display:block; width:100%; margin:0 0 30px 0; position:relative;}
div.leftmenu .bg{ display:block; width:34px; height:130%; background:url(../images/index/nav_bg.png) no-repeat; background-size:100% 100%; position:absolute; top:0; right:-34px;}
div.leftmenu ul{ display:block; width:75%; margin:0 auto; padding:13px 0 13px 0; background: #f1f1f1; border-radius:20px;}
div.leftmenu ul li{ display:block; overflow:hidden;}		
div.leftmenu ul li a img{ margin:0 0 0 -10px}

.nav{ display:block; width:80%; margin:0 auto 30px auto; padding:25px 0 0 0;}
.nav a{ display:block; margin:0 0 15px 0; padding:0 0 15px 0; font-size:13px; line-height:26px; color:#ff7f29; text-decoration: none; border-bottom:1px solid #ddd; position:relative; overflow:hidden;}
.nav a strong{ display:block; font-size:20px; color:#111;}
.nav a::after{ content:''; display:block; width:47px; height:65px; position:absolute; right:0; bottom:-8px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.nav a.about::after{ background:url(../images/nav/nav01.png) no-repeat; background-size: 47px 100%;}
.nav a.service::after{ background:url(../images/nav/nav02.png) no-repeat; background-size: 47px 100%;}
.nav a.story::after{ background:url(../images/nav/nav03.png) no-repeat; background-size: 47px 100%;}
.nav a.discourse::after{ background:url(../images/nav/nav04.png) no-repeat; background-size: 47px 100%;}
.nav a.activity::after{ background:url(../images/nav/nav05.png) no-repeat; background-size: 47px 100%;}
.nav a:hover{ color:#555;}
.nav a:hover strong{ color:#ff7f29;}
.nav a:hover::after{ -webkit-animation-name:pop;animation-name:pop;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;animation-fill-mode:forwards}

video{object-fit:fill;}

@-webkit-keyframes pop {
33%{bottom:-10px; height:60px;}
66%{bottom:3px; height:68px;}
100%{bottom:0px; height:65px;}
}
@keyframes pop {
33%{bottom:-10px; height:60px;}
66%{bottom:3px; height:68px;}
100%{bottom:0px; height:65px;}
}
	
div.left01{ display:block; margin:0px auto 40px auto;}
div.left01 p { width:80%; margin:0 auto; padding:50px 0 0 0; color:#999; font-size:12px; font-family:Arial; background:url(../images/left_01.jpg) -25px 0 no-repeat; line-height:26px;}
div.left01 span { color:#093359; font-size:18px; font-weight:bold; margin:0 0 0 10px; letter-spacing:1px;}	
div.left01 span a{ color:#093359; text-decoration:none;}	
div.left02{ display:block; width:80%; margin:0 auto; background:url(../images/left_02.jpg) -25px 0 no-repeat; padding:50px 0 0 0;}
div.left02 p{ display:block; padding:20px 0 0 25px;}
div.left03{ display:block; padding:0; margin:20px 0 0 0; text-align:center;}
div.left03 h3 { margin:0;}
div.leftbox .lau{ display:block; width:80%; margin:0 auto 20px auto; background: #f1f1f1; border-radius:15px; overflow:hidden;}
div.leftbox .lau select{ display: none; width:76%; height:35px; margin:0 auto; background:url(../images/index/lau.png) no-repeat 8px center; font-size:13px; line-height:35px; color:#333; font-family:"微軟正黑體"; padding:0 0 0 30px; border-radius:8px; border:1px solid #C7C7C7;}
div.leftbox .lau a{ display:block; width:100%; height:70px; margin:0px auto 0 auto; padding:0 0 0 100px; text-decoration: none; color:#333; line-height:90px; background-size:auto 70px; font-weight: bold;}
div.leftbox .lau a.cn{ background: url(../images/lau/cn_lau.png) no-repeat 20px bottom; background-size:auto 70px;}
div.leftbox .lau a.cn:hover{ background:#ffb12a url(../images/lau/cn_lau2.png) no-repeat 20px bottom; background-size:auto 70px; color:#FFF;}
div.leftbox .lau a.en{ background: url(../images/lau/en_lau.png) no-repeat 20px bottom; background-size:auto 70px;}
div.leftbox .lau a.en:hover{ background:#ffb12a url(../images/lau/en_lau2.png) no-repeat 20px bottom; background-size:auto 70px; color:#FFF;}
div.leftbox .lau a.jp{ background: url(../images/lau/jp_lau.png) no-repeat 20px bottom; background-size:auto 70px;}
div.leftbox .lau a.jp:hover{ background:#ffb12a url(../images/lau/jp_lau2.png) no-repeat 20px bottom; background-size:auto 70px; color:#FFF;}
div.leftbox .pricebtn{display:block; width:80%; height:60px; margin:0 auto 20px auto; padding:0 0 0 80px; font-size:18px; color:#111; text-decoration:none; line-height:57px; font-weight: bold; border:3px solid #ffb141; background: #FFF url(../images/index/price.png) no-repeat 20px center; border-radius:15px; overflow:hidden;}
div.leftbox .pricebtn.hr{ margin:0 auto 50px auto; background: #ffb141 url(../images/index/hr.png) no-repeat 20px center; color:#FFF; font-weight: bold;}

div.leftbox .comicbtn{display:block; width:80%;  margin:0 auto 20px auto; padding:10px; font-size:18px; color:#111; text-decoration:none;font-weight: bold; border:3px solid #ffb141; border-radius:15px; overflow:hidden;}
div.leftbox .comicbtn img{display:block;margin:auto;width:100%;}


div.leftbox .videobtn{display:block; width:70%; margin:0 auto 20px auto; }
div.leftbox .videobtn img{ width: 100%;}

div.middleall{ display:block; width:calc(100% - 300px); min-height:1940px; margin:0 0 0 0;float:right; padding:0 5%}
div.testbox{ display:block; width:100%; height:auto; padding:0 0 20px 0; position:relative;}

div.middlebox{ display:block; width:100%;}
div.middleall .tel{ display:block; width:100%; margin:0 0 50px 0; position: relative;}
div.middleall .tel .teltitle{ display: inline-block; background: #FFF; padding: 5px 15px 10px 15px; font-size: 18px; line-height: 26px; color: #111; font-weight:  bolder; position: absolute; top: -50px; left: 0; border-top-left-radius: 15px;border-top-right-radius: 15px;}
div.middleall .tel .teltitle img{display: inline-block;  width: inherit; margin: 0 10px 0 0;}
div.middleall .tel .tright{ display:inline-block; width:  calc(33.3% - 6px);padding: 10px 0 0 0; vertical-align:  middle;}
div.middleall .tel img{ display:block; width: 110%; margin: 0 0 0 -15%;}
div.middleall .tel p{ display:inline-block; margin:10px 0 10px 0; width: calc(33.3% - 6px); vertical-align:  middle;} 
div.middleall .tel p a{ display:block; font-size:30px; color:#9c2222; text-decoration: none; font-weight: bold;}
div.middleall .tel .mail{ display:inline-block; width:100%; padding:5px 0 5px 0; margin:10px 0 0 0; text-align:center; font-size:16px; background:#eee; border-radius:15px;}
div.middleall .tel .mail img{ display:inline-block; vertical-align: middle; margin:0 10px 0 0;}
div.middleall .tel .mail a{display:inline-block; vertical-align: middle; font-size:16px; color:#4168a3; text-decoration:none; letter-spacing:1px;} 
div.middle01{ display:block; width:100%; background: #FFF url(../images/index_about_bg.png) no-repeat center top; background-size:100% 37px; margin:0 0 70px 0; padding:50px 0 0 0; overflow:hidden; font-size:0; letter-spacing:0;}
div.middle01 .title{ display:block; margin:0 0 30px 0; text-align:center;}
div.middle01 .part1{ display:block; width:100%; margin:0 0 30px 0;}
div.middle01 .part1 img{ display:inline-block; width:35%; vertical-align: middle;}
div.middle01 .part1 .text{ display:inline-block; width:calc(65% - 0px); padding:0 0 0 30px; vertical-align: middle;}
div.middle01 .part1 a,div.middle01 .part2 a,div.middle01 .part3 a{ color:#2150CD;}
div.middle01 p{ display:block; width:100%; height:auto; font-family:"微軟正黑體"; font-size: 15px; line-height: 29px; color: #666666;}
div.middle01 p span{ display:inline-block; vertical-align: middle; margin:0 15px 0 0;}
div.middle01 p img{ display:inline-block; vertical-align: middle;}
div.middle01 p a{ color: #666666; text-decoration:none;}
div.middle01 p a:hover{color: #666666;text-decoration:none;}
div.middle01 h1{margin:0px 0px 20px 0; font-size:22px; color: #111;}
div.middle01 time{ display: block; margin: 0 0 10px 0; font-size: 13px; color: #555;}
div.middle01 h2{margin:20px 0 10px 0; font-size:16px; color: #111;}
div.middle01 b{margin:0 0 20px 0; font-size:16px; color: #111;}
div.middle01 .part2{ display:inline-block; width:calc(35% - 0px); padding:0 10px 0 0; vertical-align: top;}
div.middle01 .part3{ display:inline-block; width:calc(65% - 0px); padding:0 10px 0 30px; vertical-align: top;}
table a{text-decoration: none;color: #2150CD; font-family: "微軟正黑體";}

.lactionmap{ display:block; width:100%; margin:0 0 50px 0; padding:50px 0 0 50%; background:url(../images/laction.webp) no-repeat left center; border-top: 1px solid #e1e1e1;}
.lactionmap ul{ display:block; width:100%; margin:0 0 20px 0;}
.lactionmap ul li{ display:block; width:100%; height:50px; margin:0 0 15px 0; padding:0 30px; font-size:16px; line-height:48px; border:1px solid #ddd; border-radius:25px; color:#333; background:#efefef; position:relative;}
.lactionmap ul li a{ color:inherit; text-decoration:none;}
.lactionmap ul li:after{ content:''; display:block; width:5px; height:5px; position:absolute; top:22px; left:15px; background: #FF8035;}
.lactionmap p{ font-size:16px; line-height:26px; color:#555; padding:0 15px; }

.serviceflow{ display: block; width: 100%; margin: 0 0 50px 0; padding: 50px 0 0 0; border-top: 1px solid #e1e1e1; font-size:0; letter-spacing:0;}
.serviceflow .title{ display: inline-block; width: 35%; color: #ff7f29; line-height: 38px; vertical-align:  middle;}
.serviceflow .title strong{ display: block; margin: 0 0 20px 0; font-size: 32px; color: #111;}
.serviceflow .title p{ display: block; color: #555; margin: 0 0 30px 0; font-size: 16px; line-height: 29px;}
.serviceflow .title a{ display:  inline-block; padding: 2px 30px; background: #e1e1e1; font-size:16px; color: #111; text-decoration: none; border-radius: 20px;}
.serviceflow .videomain{ display:  inline-block; width: calc(65% - 0px); vertical-align:  middle;}
.serviceflow .videomain iframe{ width: 100%; height: 350px;}

div.middle02{ display:block; width:calc(110% + 300px); height: auto; margin:0 0 50px calc(-5% - 300px); padding:40px 5% 0 5%; background: url(../images/index_about_bg.png) no-repeat center top; background-size: 100% 37px; overflow:hidden; font-size:0; letter-spacing:0;}
div.middle02 h4{display:inline-block;vertical-align: middle;letter-spacing:5px;margin:5px 0px 25px 10px;font-size:20px;width:100%;}
div.middle02 h4::before{ content:''; display:inline-block; width:8px; height:8px; margin:0 10px 0 0; background:#FF7043;vertical-align: middle;}
#pages div.middle02{ width: 100%; height: auto;  margin:0px 0 0 0; padding:0px 0 0 0; border: none;}
#pages div.middle02.bottom{ width: 100%; margin:70px 0 0px 0; padding:50px 0 0 0; border-top:1px solid #D7D7D7; }
div.middle02 h2{ display:block; font-size:32px; font-weight: bold; margin:0 0 10px 0; letter-spacing:0px;}
div.middle02 h2 span{ display:inline-block; margin:0 0 0 10px; font-size:13px; font-weight: normal; letter-spacing:2px; color:#ffb12a;}
div.middle02  a{ color: #666666; text-decoration:none;}
div.middle02  a:hover{color: #6b8abd;text-decoration:none;}
div.middle02 ul{ display: inline-block; width:25%; margin:0 0 20px 0; padding:0 0px 0 0; font-family:"微軟正黑體"; font-size: 15px; line-height: 29px; color: #333; vertical-align: top; letter-spacing:0px;}
div.middle02 .city_ul ul{ width:100%;}
div.middle02 ul li{ display:block; width:100%; margin:0 0 0px 0; position:relative;}
div.middle02 .city_ul ul li{ width:25%; float:left;}
div.middle02 ul li a{display: block; width: 90%; font-size:16px; line-height: 40px; color:#111; border:1px solid #D3D3D3; border-radius:0px; background:#f0f0f0; margin:0 5px 15px 5px; padding:0 20px; position:relative;}
div.middle02 ul li a::before{ content:''; display:inline-block; width:8px; height:8px; margin:0 10px 0 0; background:#ffb12a; border-radius:50%; vertical-align: middle;}
div.middle02 ul li a:hover{ background:#ffb12a; border:1px solid #ffb12a; color:#FFF; font-weight: bold;}
div.middle02 ul li a:hover::before{ background:#FFF; opacity:0.5;}

div.indside_middle02 ul li a{ border-radius:15px; background:#FFF;}
div.indside_middle02 ul li a::before{ content:''; display:inline-block; width:5px; height:5px; margin:0 10px 0 0; background:#FF7043; border-radius:50%; vertical-align: middle;}
div.middle02 ul li.img{ display:block; margin:0 0 10px 0;}
div.middle02 ul li.img img{ width:100%; height:auto;}
div.middle02 ul li span{ display:  none; color:#ffb12a;}

div.middle02 ul li .opendiv{ display: none; width:400%; background: #FFF;  position:absolute; z-index:99; padding:10px 5%; top:40px; left:0; border:3px solid #ffb12a; border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-top-right-radius:15px;}

div.middle02 ul:nth-child(3) li .opendiv{ left:-100%;  border-top-left-radius:15px; }
div.middle02 ul:nth-child(3) li .opendiv .title{ left:calc(25% - 3px);}
div.middle02 ul:nth-child(4) li .opendiv{ left:-200%;  border-top-left-radius:15px; }
div.middle02 ul:nth-child(4) li .opendiv .title{ left:calc(50% - 3px);}
div.middle02 ul:nth-child(5) li .opendiv{ left:-300%;  border-top-left-radius:15px; }
div.middle02 ul:nth-child(5) li .opendiv .title{ left:calc(75% - 3px);}

div.middle02 ul li .opendiv .list{ display:block; width:100%;}
div.middle02 ul li .opendiv .list a{ display:inline-block;width:calc(20% - 6px);vertical-align:middle; background: none; border: none;}
div.middle02 ul li .opendiv .list a::before{ content:''; display:inline-block; width:3px; height:3px; margin:0 10px 0 0; background:#888; border-radius:0%; vertical-align: middle;}

div.middle02 ul li .opendiv .title{ display:block; width:calc(25% * 0.95); height:45px; background: #FFF; position:absolute; top:-45px; left:-3px; border:3px solid #ffb12a; border-bottom: none; border-top-left-radius:15px; border-top-right-radius:15px;}
div.middle02 ul li .opendiv .title a{ background: none; border: none;}

div.middle02 ul li:hover .opendiv{ display: block;}

div.middle02 p{ margin:0 0 50px 0; font-size:15px; line-height:29px; color:#555; letter-spacing:1px; padding:20px; background:#f2f2f2 ; border-radius:20px;}
div.middle02 p span{ display:block;}
div.middle02 p a{ display:inline-block; margin:0 5px;}
.moreservice{display:block; width:100%; height:60px; max-width:400px; margin:30px auto 0px auto; background:#ffb12a; color:#FFF; text-align:center; font-size: 18px; line-height:60px; text-decoration: none; font-weight: bolder; border-radius:30px; cursor: pointer;}
div.middle02 p.close{ height:40px; padding:0; background: none;}
div.middle02 p.close span{ display: none;}
.moreservice{ display: block !important; margin:10px auto 0 auto !important;}

div.middle03{ display:block; width:100%; height: auto; margin:0 0 70px 0; position:relative; font-size:0; letter-spacing:0;}
div.more{ display:block; position:absolute; right: 0px; top: 14px;}
div.middle03 p.te04{ display:block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #bd5729; padding:55px 0 0 169px;}
div.arrow{ display:block; width:13px; height:13px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: center center; position:absolute; left: 155px; top: 60px;}
div.middle03 p{ display:block; width:340px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:23px; padding:10px 0 0 160px;}
div.middle03 p a{ color: #f2cb6e; text-decoration:none;}
div.middle03 p a:hover{color: #dba115;text-decoration:none;}
div.middle03 .list{ display: inline-block; width:40%; position:relative; vertical-align: middle;}
div.middle03 .list h2{ display:block; font-size:25px; padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:1px solid #555;}
div.middle03 .list h2 span{ display:inline-block; margin:0 0 0 10px; font-size:13px; font-weight: normal; letter-spacing:2px; color:#ffb12a; text-transform:uppercase;}
div.middle03 ul{ display:block; width: 100%; line-height:25px; font-size: 16px; font-weight: bold; color: #bd5729; font-family:"微軟正黑體"}
div.middle03 ul li{ display:block; margin:0 0 8px 0; padding:0 0 5px 0; position:relative; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC;}
div.middle03 ul li:before{content:"";background:url(../images/arrow.png) no-repeat center center;background-size:7px 7px;display:inline-block;vertical-align:middle;width:7px;height:7px;margin:0 10px 0 0;}
div.middle03 ul li.last{ border-bottom: none;}
div.middle03 ul li span{ color: #999999; position:absolute; font-size: 12px; left: 400px;font-weight: normal;}
div.middle03 ul li a{ color: #bd5729; text-decoration:none;display:inline-block;vertical-align:middle;width:calc(100% - 17px);}
div.middle03 ul li a:hover{color: #e6936f;text-decoration:none;}

div.middle03 ul.top{ width:100%;}
div.middle03 ul.top li span{ left:270px;}
div.middle03 .video{ display:inline-block; width:calc(60% - 0px); padding:0 0 0 40px; vertical-align: middle;}
div.middle03 .video iframe{ width:100%; height:350px;}

div.middle04{ display:block; width: 110%; height: auto; margin:0px 0 80px -5%; padding:30px 5%; position:relative; overflow:hidden; background:#ffb12a; border-radius:15px; font-size:0; letter-spacing:0;}
div.middle04 a.more{ display:block; width:100%; height:40px; max-width:300px; margin:30px auto 0 auto; background:#FFF; color:#ffb12a; text-align:center; font-size:16px; line-height:40px; text-decoration: none; font-weight: bolder; border-radius:20px;}
div.middle04 .album{ display: inline-block; vertical-align:middle!important; width:55%; letter-spacing:-6px;}
div.middle04 .album img{ width:100%;}
div.middle04 .album p.img{ width:100%; margin:0 0 8px 0; padding:0 0px; font-size:0; line-height:0; border-radius:20px; overflow:hidden;}
div.middle04 .album p.imgs{ display:inline-block; width:calc(50% - 10px); margin:0 5px; padding:0 0; font-size:0; line-height:0; border-radius:20px; overflow:hidden;}
div.middle04 .right{ display: inline-block; vertical-align:middle!important; width:calc(45% - 0px); height:auto!important; padding:0 0 0 10px; margin:0;}
div.middle04 .right img{ width:100%;}
div.middle04 ul { overflow:hidden; text-align:center;}
div.middle04 ul li { width: 100%; padding:5px 20px !important; margin: 0 0 5px 0; font-size:16px; color:#FFF; border:1px solid rgba(255,255,255,0.7); border-radius:5px; display:inline-block;line-height:25px; text-align:center;}

.ronline{ display:block; width:197px; height: 40px; margin:10px 0 0 10px;  background: url(../images/moblie/online2.png) no-repeat 10% center,linear-gradient(90deg, #ec8500, #f7aa16); background-size: auto 60%; font-size:18px; line-height:40px; color:#FFF; text-align:center; font-weight: bolder; font-family:"微軟正黑體"; border-radius:8px; text-decoration: none; letter-spacing:1px; border:1px solid #ec8500; text-indent:10px; text-shadow:0 0 5px #a83b00;}	
.ronline_index{ display:block; margin:10px 0 0 10px; text-indent:10px; text-shadow:0 0 5px #a83b00;}	
.ronline.in{ display: none; position:absolute; right:30px; top:14px; height:35px; line-height:35px; border-top-left-radius:0; border-bottom-left-radius:0;}	
div.rightbox{ display:block; width:100%; margin:0 0 80px 0; overflow:hidden;}
div.right{ display:block; width:230px; height:34px; margin:0px 0 0 -30px;}
div.right ul{ display:block; padding:7px 0 0 0;}
div.right ul li{ display:block; float:left; padding:0 0 0 5px;}
div.right01{ display:block; width:220px; height:217px; background:url(../images/right_01.jpg) no-repeat; margin:35px 0 0 0;}
div.right01 div.gallery{ display:block; width:208px; height:170px; padding:47px 0 0 21px; background:url(../images/border.png) 33px 40px no-repeat;}
.scrollable { position:relative; overflow:hidden; width: 154px; height:217px; float:left; margin:0 4px 0 4px;}
.scrollable .items { width:20000em; position:absolute; clear:both;}
.items div { float:left; width:154px;}
.scrollable img { width:154px; height:116px; margin:0 0 10px 0;}
.scrollable span { display:block; height:44px; font-size:13px; color:#666; line-height:22px; text-align:center; font-weight:bold; }
a.browse { background:url(../images/arrow2.png) no-repeat; display:block; width:20px; height:53px; float:left; cursor:pointer; font-size:1px;}
a.right { background-position: -35px 0; margin:38px 0 0 0;}
a.left { background-position: 0 0; margin:38px 0 0 0;}
a.right:hover  { background-position:-37px 0; }
a.left:hover  { background-position:2px 0; }
a.disabled { visibility:hidden !important; }							
div.right02{ display:block; width:48%; height: auto; float:left;}
div.right02 img{ width:100%; margin:0 0 10px;}
div.right02 h2{ display:block; font-size:25px; padding:0 0 5px 0; margin:0 0 25px 0; border-bottom:1px solid #555;}
div.right02 h2 span{ display:inline-block; margin:0 0 0 10px; font-size:13px; font-weight: normal; letter-spacing:2px; color:#ffb12a; text-transform:uppercase;}

div.right02 p.te05{ display:block; padding:0px;}
div.right02 p.te05 a{ display:block; font-size:18px; color: #111; text-decoration:none; margin:0 0 8px 0;}
div.right02 p.te05 a:hover{color: #8cade3;text-decoration:none;}
div.right02 p.te06{ display:block; height:52px; color:#999999; line-height:26px; padding:0; margin:0 0 20px 0; overflow:hidden;}
div.right02 ul{ display:block; padding:0; line-height:25px; font-family:"微軟正黑體"; font-size: 15px;}
div.right02 ul li{ display:block; margin:0 0 12px 0; height:21px; line-height:21px; overflow:hidden;}
div.right02 ul li a{ color: #333; text-decoration:none; letter-spacing:1px;}
div.right02 ul li a:hover{color: #bd5729;text-decoration:none;}

div.right03{ display:block; width:48%;  font-family:"微軟正黑體"; font-size:16px; color:#325185; float: right;}
div.right03 img{ width:100%; margin:0 0 10px;}
div.right03 h2{ display:block; font-size:25px; padding:0 0 5px 0; margin:0 0 25px 0; border-bottom:1px solid #555; color:#111;}
div.right03 h2 span{ display:inline-block; margin:0 0 0 10px; font-size:13px; font-weight: normal; letter-spacing:2px; color:#ffb12a; text-transform:uppercase;}

div.right03 p.te07{ display: block; padding:0;}
div.right03 p.te07 a{ display:block; font-size:18px; color: #111; text-decoration:none; margin:0 0 8px 0;}
div.right03 p.te07 a:hover{color: #8cade3;text-decoration:none;}
div.right03 p.te08{ display:block; height:52px; color:#999999; line-height:26px; padding:0; margin:0 0 20px 0; overflow:hidden;}
div.right03 ul{ display:block; width:100%; float:left; padding:0; line-height:25px;  font-family:"微軟正黑體"; font-size: 15px;}
div.right03 ul li{ display:block; width:100%; height:21px; line-height:21px; overflow:hidden; margin:0 0 12px 0;}
div.right03 ul li a{ color: #333; text-decoration:none; letter-spacing:1px;}
div.right03 ul li a:hover{color: #bd5729;text-decoration:none;}

div.right04{ display:block; width:221px; text-align:center; padding: 0 0 0;}


.indexcomic{display:block;width:100%;margin:0 0 100px 0;position:relative;font-size:0;}
.indexcomicimg{display:inline-block;width:50%;}
.comic_top{display:block;width:100%;font-size:0;height:47px;margin:0 0 30px 0;}
.comic_top img, .comic_top b, .comic_top a{display:inline-block;vertical-align:middle;}
.comic_top b{font-size:18px;background:#ffb12a;padding:5px 30px 5px 30px;margin:0 0 0 25px;border-radius:20px;color:#fff;}
.comic_more{font-size:15px;text-decoration:none;color:#757575;position:absolute;right:0;top:13px;margin:0 20px 0 0;}
.comic_pic{display:block;margin:20px auto 20px auto;}
.comic_pichref{display:inline-block;width:100%;}

div.footer{ display:block; padding:0px 0 0 0; clear:both; background:#222; border-bottom:5px solid #ffb12a;}
div.footerbg{ background:#e3e3e3; margin:0 auto; padding:50px 0 80px 0; display:block; width:100%; height: auto;}
div.footerbg .company{ display: none;width:90%; max-width:1300px; min-height:200px; margin:0 auto 70px auto; padding:30px 0 0 170px; position:relative;}
div.footerbg .company img.cat{ display:block; position:absolute; top:-100px; left:0;}
div.footerbg .company .left{ display: inline-block; width:100px;}
div.footerbg .company ul.cright{ display:inline-block; width:100%; overflow:hidden;}
div.footerbg .company ul.cright h2{ display: block; font-size:20px; margin:0 0 8px 0; padding:0 0 0 30px;}
div.footerbg .company ul.cright li{ display:block; width:calc(20% - 1px); margin:0 0 1px 1px; padding:20px 20px; background:#FFF; float:left;}
div.footerbg .company ul.cright li.title{ width:100%; margin:0; padding:0; background: none;}
div.footerbg .company ul.cright li img{ width:100%;}

.qrlist{display:block;width:90%; max-width:1300px; margin:0 auto;}
.qrlist ul{ display: flex; width:100%; font-size: 0; letter-spacing:0; flex-wrap: wrap;}
.qrlist ul li{ display:inline-block; width:18%; margin:0 1%; padding:0 0 15px 0; background:#FFF; border-radius:16px; overflow:hidden; vertical-align: top;}
.qrlist ul li .title{ display:block; height:40px; margin:0 0 15px 0; font-size:20px; line-height:40px; text-align:center; color:#FFF; background:#ffb12a; letter-spacing:3px; font-weight: bold;}
.qrlist ul li .qr{ display:block; width:90%; margin:0 auto 10px auto; font-size: 0; letter-spacing:0;font-size:0;}
.qrlist ul li .qr a{display:inline-block; vertical-align:middle; width:50%;position: relative;box-sizing: border-box;}
.qrlist ul li .qr a img{display:block; width:100%;}
.qrlist ul li .qr a:nth-child(1)::before{content:"";display:block;width: 40px;height: 40px;background: url('../images/line.png')no-repeat center center;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);}
.qrlist ul li .qr a:nth-child(2)::before{content:"";display:block;width: 40px;height: 40px;background: url('../images/wechat.png')no-repeat center center;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);}
.qrlist ul li .qr img{ display:inline-block; vertical-align:middle; width:50%;}
.qrlist ul li p{ display:block; width:86%; margin:0 auto; font-size:15px; line-height:26px; color:#111;}
.qrlist ul li p a{ display:block; color:inherit; text-decoration:none;}
.qrlist ul li p a span{ display:inline-block; margin:0 10px 0 0; color:#53BC34;}

div.footerbg .main{ display:block; width:90%; max-width:1300px; margin:0 auto; padding:0 0 0 220px; overflow:hidden; position:relative;}
div.footerbg .main h2{ display: inline-block; padding:0 0 5px 0; font-size:22px; line-height:26px; color:#111; position:absolute; top:6px; left:0; border-bottom:1px solid #111;}
div.footerbg ul.te09{display:block; float:left; width:23.3%; line-height:29px; font-family: "微軟正黑體"; font-size: 16px;color:#666666; padding:0;}
div.footerbg ul.te09 li{ display:block;}
div.footerbg ul.te09 li a { color: #666666;text-decoration:none;}
div.footerbg ul.te09 li a:hover{color: #b1afaf;text-decoration:none;}

div.footerbg ul.te10{display:block; float:left; width:30%; line-height:29px; font-family: "微軟正黑體"; font-size: 16px; color:#666666; padding:0;}
div.footerbg ul.te10 li{ display:block;}
div.footerbg ul.te10 li a { color: #666666;text-decoration:none;}
div.footerbg ul.te10 li a:hover{color: #b1afaf;text-decoration:none;}

div.footerbg ul.te11{display:block; float:left; width:23.3%; line-height:29px; font-family: "微軟正黑體"; font-size: 16px; color:#666666; padding:0;}
div.footerbg ul.te11 li{ display:block;}
div.footerbg ul.te11 li a { color: #666666;text-decoration:none;}
div.footerbg ul.te11 li a:hover{color: #b1afaf;text-decoration:none;}

div.footerbg ul.te12{display:block; float:left; width:23.3%; line-height:29px; font-family: "微軟正黑體"; font-size: 16px; color:#666666; padding:0;}
div.footerbg ul.te12 li{ display:block;}
div.footerbg ul.te12 li a { color: #666666;text-decoration:none;}
div.footerbg ul.te12 li a:hover{color: #b1afaf;text-decoration:none;}

div.samllmenu{ display:block; margin:0 auto; clear:both;}
div.samllmenu p{ display:block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: center; padding:30px 0;}
div.samllmenu p a { color: #fff;text-decoration:none;}
div.samllmenu p a:hover{color: #ffffff;text-decoration:none;}

div.downfooter{display:block; width:90%; max-width:1300px; margin:0 auto; padding:0 0 20px 0; clear:both; position:relative; overflow:hidden; text-align: center;}
div.downfooter p{ display:block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #949494; float:right; padding:30px 0 0 0;}
div.downfooter p a { color: #949494;text-decoration:none;}
div.downfooter p a:hover{color: #ffffff;text-decoration:none;}
p.footerlink{ padding:0 !important; float: none !important; letter-spacing:2px;}

/*- about -*/
div.laug_text{
display: block;
width:260px;
height:34px;
position:absolute;
right: 5%;
top: 515px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
text-align: right;
z-index:9;
}
div.laug_text a { color: #999999;text-decoration:none;}
div.laug_text a:hover{color: #666666;text-decoration:none;}
div.laug{
display: none;
width:250px;
height:34px;
position:absolute;
left: 740px;
top: 245px;
}
div.laug ul{ display:block; padding:7px 0 0 55px; float:right;}
div.laug ul li{ display:block; float:left; padding:0 0 0 5px;}
div.about01{ display:block; width:100%; margin:0 0 40px 0; padding:15px 0 15px 0; border-bottom:1px solid #c3c3c3; border-top:1px solid #c3c3c3;}
div.about02{ display:block; width:100%;  margin:13px 0px 0 0;}
div.about02 p{display:block;width:100%;margin:30px 0px 0 0; font-family: "微軟正黑體",Arial, Helvetica, sans-serif;font-size: 16px;line-height: 29px;color: #555;}
div.about02 p a { color: inherit;text-decoration:none;}
div.about02 p a:hover{color: inherit;text-decoration:none;}
div.middle02 a.moreservice{ color: #FFF;}

div.about02 p.te13{
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 20px;
color: #333333;
}
div.about02 .tbanner{ display: block; width: 100%; margin:20px auto 50px auto; position:  relative;}
div.about02 .tbanner img{ width: 100%;}
div.about02 .tbanner .icon{ display: block; width: 35%; padding: 35% 0 0 0; overflow: hidden; position:  absolute; bottom: -25%; right: 10%;}
div.about02 .tbanner .icon img{ position: absolute; top: 50%; left: 50%; transform:  translate(-50% , -50%);}
div.about02 .location{ margin:50px auto 0 auto;}
div.about02 .location h2{display:inline-block;vertical-align: middle;letter-spacing:5px;margin:5px 0px 25px 10px;font-size:20px;width:100%;}
div.about02 .location h2::before{ content:''; display:inline-block; width:8px; height:8px; margin:0 10px 0 0; background:#FF7043;vertical-align: middle;}
div.about02 .location ul{ display:flex; flex-wrap:wrap;}
div.about02 .location ul li{ width:50%; margin:0 0 15px 0; padding:30px 40px; background:#f1f1f1; position:relative;}
div.about02 .location ul li:nth-child(2n-1)::after{ content:''; display:block; width:1px; height:calc(100% - 60px); background:#bbb; position:absolute; top:30px; right:0;}
div.about02 .location ul li:last-child::after{ display: none;}
div.about02 .location ul li h3{ font-size:18px; line-height:26px; margin:0 0 10px 0; padding:0;}
div.about02 .location ul li h3::before{ content:''; display:inline-block; width:5px; height:5px; border-radius:2.5px; background:#888; vertical-align: middle; margin:0 8px 0 0;}
div.about02 .location ul li p{ font-size:16px; line-height:26px; margin:0; padding:0;}

div.about03{ display:block; width:100%; margin:20px 50px 0 0;}
div.about03 img{ width:100%;}
div.about04{ display:block; width:100%; margin:15px 0px 0 0;}
div.about04 p{ display:block; width:100%; margin:30px 30px 0 0; font-family: "微軟正黑體",Arial, Helvetica, sans-serif; font-size: 16px; line-height: 29px; color: #555;}
div.about04 p a{ color:#555;}
div.about04 table{ width:100%;}
div.about04 table td{ padding: 10px 0;}
div.about04 table input{ width:calc(100% - 20px); height:30px; padding: 0 10px;}
div.about04 table textarea{  width:calc(100% - 20px); padding: 0 10px;}
#Submit2{ width:70%; float:left; background:#f36100 ; border: none; color:#FFF;}
div.about04 table input.btn{ width:27%; float:right; background:#333; border: none; color:#FFF;}


/*- service -*/
div.service01{ display: none;float:right; margin:5px 25px 0 0; width:686px; height:90px; background:url(../images/service_pic01.jpg) no-repeat;}
div.service01 p{ display:block; width:660px; margin:7px 20px 0 0px; float:right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #646464;}
div.service01 p a { color: #646464;text-decoration:none;}
div.service01 p a:hover{color: #999999;text-decoration:none;}
div.service01 p span{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #ef9a22;}
div.service02{ display:block; width:100%; margin:13px 0px 15px 0;}
div.service02 p{ display:block; width:100%; margin:10px 0px 0 0px; font-family: "微軟正黑體",Arial, Helvetica, sans-serif; font-size: 16px; line-height: 29px; color: #555;}
div.service02 p a { color: #646464;text-decoration:none;}
div.service02 p a:hover{color: #999999;text-decoration:none;}

/*- story -*/
div.story01{ display:block; width:100%; margin:0px 0px 0 0; overflow:hidden;}
.story01 h1{font-size:20px;margin: 0 0 20px 0;}
div.story01_bar{display: none; width:100%; margin:0 0 10px 0;} 
div.story01 p{display:block;width:100%;height:auto;position:relative;top:0px;left:0px;font-size: 12px;color: #666666;line-height: 30px; float:right;}
div.story01 ul{display:block;width:100%;line-height:37px;color: #666666;}
div.story01 ul li{ width:100%;font-size:15px; position:relative;border-bottom-width: thin;border-bottom-style: dotted;border-bottom-color: #CCCCCC; margin:0 0 0 0; padding:0px 0px 0px 0;}
div.story01 ul li span{position: absolute;right:15px;top: 5px;font-family: Tahoma, Geneva, sans-serif;font-size:10px;color: #999999; display: none;}
div.story01 ul li a{ color: #666; text-decoration:none;}
div.story01 ul li a:hover{color: #0033CC;text-decoration:none;}
div.pagebox{ display:block; width:100%; font-size:17px; text-align:center; color:#666; padding:30px 0px 0px 0px; clear:both;}

div.pagebox a{display:inline-block;vertical-align:middle;color:#fff;width: 100px; text-decoration:none; margin:0px 5px;line-height:30px;border:#A1887F 1px solid;border-radius:10px;background:#795548;}

div.pagebox a:hover{background:#fff;color:#795548; text-decoration:none;}

/*- reports -*/

.testbox h1{display: 100%;font-size: 25px;font-weight: bold;margin: 25px 0;color:#343434;}
.testbox h2{display: 100%;font-size: 24px;font-weight: bold;margin: 25px 0;color:#343434;}
.testbox h3{display: 100%;font-size: 20px;font-weight: bold;padding-top:25px;margin:0px;color:#343434;}
.testbox td a{text-decoration: none;color: #2150CD; font-family: "微軟正黑體";}
.testbox p{color:#444444;font-family: "微軟正黑體";line-height: 1.5em;}
.analyze {text-align: center;}
.analyze a {display: inline-block;margin:15px 0px;padding: 15px 30px;background: #ffb12a;color: #fff;text-decoration: none;border-radius: 20px;font-family: "微軟正黑體";font-weight: 700;}
.analyze a:hover{background: #828282;}
.hr_style {border-width: 1px;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);}

.news_maindiv{display:block;width:100%;overflow: hidden;margin: 0 0 80px 0 ;}
.news_maindiv video{display:block;width:90%;margin: 0 auto;border-radius: 15px;box-sizing: border-box;}
.news_maindiv .news_comefrom{display:block;width:90%;margin: 0 auto 20px auto;text-align: right;color:#757575;}
.news_maindiv .this_article, .news_maindiv .this_article img{display:block;width:90%;margin: 0 auto;}
.news_maindiv .this_article{color:#343434;font-size: 16px;line-height: 30px;}
.news_maindiv .this_article .news_comefrom{margin: 0 auto 20px auto;}

div.report_picbox{display:block;overflow:hidden;}
div.report_picbox ul p{
display:block;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #646464;
}
div.report_picbox ul{ width:33.3%; display:block; overflow:hidden; float:left;}
div.report_picbox ul li{display:block; clear:both; padding:0 0 0 17px;}

div.report_picbox ul.box01{ width:33.3%; display:block;overflow:hidden;float:left;}
div.report_picbox ul.box01 li{display:block; padding:0 0 0 17px;}
/*- reports01 -*/
div.report_picbox01{display:block;}

div.report_picbox01 ul{ display:block;}
div.report_picbox01 ul li{ display:block; float:left;}
/*- activity -*/
div.smenu{ display:block;}
div.smenu p{ display:block;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #646464; padding:0px 0 0 490px; margin:10px 0 0 0;}
div.smenu a { color: #999999;text-decoration:none;}
div.smenu a:hover{color: #646464;text-decoration:none;}
div.activitybox{display:block;}
div.activitybox p{ display:block;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #646464;}
div.activitybox p a { color: #999999;text-decoration:none;}
div.activitybox p a:hover{color: #646464;text-decoration:none;}
div.activitybox01{display:block; float:left; padding:20px 0 0 65px;}
div.activitybox02{display:block; float:left; padding:20px 0 0 0px;}
div.activitybox03{display:block;}

.lic{ display:block; text-align:center; margin:0 0 20px 0;}
.lic a{ display:inline-block; height:36px; margin:0 10px; padding:0 30px; color:#333; font-size:18px; line-height:36px; background: #E0E0E0; text-decoration: none; border-radius:18px;}
.lic a.current{ background:#ffb12a; color:#fff;}
.lic.vi a{ display:inline-block; height:50px; margin:0 10px; padding:0 80px; color:#333; font-size:20px; line-height:50px; background: #E0E0E0; text-decoration: none; border-radius:25px;}
.lic.vi a.current{ background:#ffb12a; color:#fff; font-size:25px; font-weight: bold;}

/*- place -*/
div.placebox{
display:block;
clear:both;
overflow:hidden;
height:240px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
div.placebox01{ display:block; float:left;}
div.placebox01 ul{ display:block; width:120px; margin:15px 0 0 50px;}
div.placebox01 ul li{
display:block;
width:120px;
height:30px;
margin:0 0 3px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #f3f3f3;
text-align: center;
line-height: 30px;
color: #999999;
}
div.placebox02{ display:block; float:left;}
div.placebox02 ul{ display:block; width:180px; margin:15px 0 0 3px;}
div.placebox02 ul li{
display:block;
width:180px;
height:30px;
margin:0 0 3px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #f3f3f3;
text-align: center;
line-height: 30px;
color: #999999;
}
img.map{ display:block; width:100%; max-width:819px; height:auto; margin:0 auto;}
#qaContent {
width: 100%;
margin: 0 auto;
}
#qaContent a{ display:block; width:90%; height:30px; margin:10px auto 0 auto;  background:#828282; color:#FFF; line-height:30px; text-align:center; border-radius:40px; text-decoration:none;}
#qaContent a:hover{  background:#f36100 ; }
#qaContent ul.accordionPart {
width: 100%;
}
#qaContent ul.accordionPart li {
width: 100%;
}
#qaContent ul.accordionPart li .qa_title {
cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
cursor: pointer;
}
#qaContent ul.accordionPart li .qa_content {
background:#888;
width:100%;
color:#fff;
font-size:12px;
padding:10px 15px 10px 16px;
border-radius:20px;
line-height:22px;
}
section{ color:#555;}
section h1{margin:10px 30px 0 0; font-size:25px; font-weight: normal; float: none; letter-spacing:1px; color:#844919;}
section a,section strong,section em{ color:#555; font-weight:normal; font-style:normal; text-decoration:none;}
section h2,h3{ color:#555; font-family:"微軟正黑體"; margin:25px 0 10px 0;  font-size:16px; clear:both; padding:25px 0 0 0;}

section { display:block; width:100%; float:right; margin:13px 0px 0 0;}
section p{ display:block; width:100%; margin:10px 0 0 0; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 29px; color: #555;}
section p a { color: #999999;text-decoration:none;}
section p a:hover{color: #666666;text-decoration:none;}

section ul{display:inline-block;vertical-align:top;font-size:0;width:200px;margin:0 15px 0 0;}
section ul li{ display:inline-block;margin:0 0 10px 0;}
section ul li img{display:none;}
section ul li a:before{content:"";display:inline-block;vertical-align:middle;background:#FFB74D;width:8px;height:8px;border-radius:99px;margin:0 15px 0 10px;}
section ul li a span{display:inline-block;vertical-align:middle;}
section ul li a{display:inline-block;vertical-align:middle;color:#212121;font-size:16px;width:200px;border:#ccc 1px solid;padding:10px 5px 10px 5px;border-radius:15px;}
section ul li a:hover{color:#616161;}


div.info02box p a{ color:#888; text-decoration:none;}

.online{ text-align:center; margin:15px 0 0 0;}
.link{ color:#555; margin:0 0 8px 0;}
.link a{ color:#555; text-decoration:none;}

span.photot { display:block; font-size:16px; color:#ff9900; font-weight:bold; padding:10px 0;}
ul.servicelist{ display:none;}
ul.photo { overflow:hidden;}
ul.photo li { width:33.3%; float:left; margin:0 0 30px 0; padding:0 5px;}
ul.photo li.left {}
ul.photo li img{ width:100%;}
a.moonline{ display:block; width:70px; height:100px; padding:65px 0 0 0; position: fixed; right:0; background: #41ac00 url(../images/linelogo_white.png) no-repeat center 15px; top:calc(50% + 50px);background-size: 50px 50px; border-top-left-radius:15px; border-bottom-left-radius:0; font-size:13px; text-align:center; color:#FFF; text-decoration: none;}
a.moonline:hover{ background-color: #4ecd00;}
a.mo53kf{ display:block; width:70px; height:100px; padding:65px 0 0 0; position: fixed; right:0; background: #f36100 url(../images/online_icon.png) no-repeat center 15px; top:calc(50% - 100px);background-size: 50px 50px; border-top-left-radius:15px; border-bottom-left-radius:0; font-size:13px; text-align:center; color:#FFF; text-decoration: none;}
a.mo53kf:hover{ background-color: #E87D28;}
a.moline{ display:block; width:70px; height:100px; padding:65px 0 0 0; position: fixed; right:0; background: #22ba4f url(../images/moblie/line.png) no-repeat center 15px; top:calc(50% - 0px);background-size: 40px 40px; border-top-left-radius:0px; border-bottom-left-radius:0; font-size:13px; text-align:center; color:#FFF; text-decoration: none;}

a.mocontact{ display:block; width:70px; height:100px; padding:65px 0 0 0; position: fixed; right:0; background: #333 url(../images/index/contact.png) no-repeat center 15px; top:calc(50% + 100px); border-top-left-radius: 0; border-bottom-left-radius:15px; font-size:13px; text-align:center; color:#FFF; text-decoration: none;}
a.mocontact:hover{ background: #888 url(../images/index/contact.png) no-repeat center 15px; }
ul.liphoto{ display:block; width:100%; text-align:center;}
ul.liphoto li{ display:inline-block; width:calc(25% - 25px); margin:0 10px 20px 10px; background: #f2f2f2; padding:10px;}
ul.liphoto li img{ width:100%;}
div.about02 p.liimg{ width:100%; margin:0 0 30px 0;}
div.about02 p.liimg img{ width:100%;}

a.motel,div.middleall .tel .tright a.line,div.middleall .tel .tright a.wechat{ display: none;}

ul.flow{ display:block; width:100%;}
ul.flow li{ width:100%; margin:0 0 0px 0; padding:0 0 20px 0; background:url(../images/flow_icon.png) no-repeat 11% bottom;}
ul.flow li.last{ padding:0; background: none;}
ul.flow li p.img{ display: inline-block; width:25%; vertical-align: middle;}
ul.flow li p.img img{ width:100%;}

ul.flow li .text{ display: inline-block; width:calc(75% - 6px); padding:0 0 0 40px; vertical-align: middle;}
ul.flow li .text h2{ font-size:28px; font-weight: bold; margin:0 0 15px 0;}
ul.flow li .text span{ display:inline-block; height:20px; margin:0 0 8px 0; padding:0 30px; font-size:15px; line-height:19px; color:#FFF; background:#f36100; border-radius:20px;}
ul.flow li .text p{ margin:0; padding:0;}

.ad{ display:block; width:100%; border-radius:15px; overflow:hidden; margin:0 0 30px 0;}
.ad img{ width:100%;}
.pricetable{ margin:25px 0 0 0;}
.pricetable td{ padding: 8px 5px; border-bottom: 1px solid #E7E7E7;}
.pricetable tr td:nth-child(1){ width:30%;}

ul.video{ display:block; width:100%; overflow:hidden;}
ul.video li{ display:block; width:48%; margin:0 1% 20px 1%; float:left;}
ul.video li h2{ display:block; font-size:22px; margin:10px 0 10px 0;}
ul.video li p{ display:block; font-size:15px; line-height:22px; margin:0 0 15px 0; color:#888;}
ul.video li iframe{ display:block; width: 28vw; height: 15.75vw;}

ul.texture{ display:block; width:100%; overflow:hidden;}
ul.texture li{ display:block; width:21%; margin:0 2% 30px 2%; float:left;}
ul.texture li img{ display:block; max-width:100%;}
ul.texture li h2{ display:block; font-size:22px; margin:10px 0 10px 0;}
ul.texture li p{ display:block; height:88px; font-size:15px; line-height:22px; margin:0 0 15px 0; color:#888; overflow:hidden;}
ul.texture li a{ display:block; width:100%; height:30px; background:#00b84f; font-size:15px; line-height:30px; text-align:center; color:#FFF; text-decoration: none;}
.dis_page_list{text-align:left;margin:20px 0 0 0;}
.dis_page_list a{display: inline-block;width: 30px;height: 30px;margin: 10px 5px 10px 5px;color: #b89f8c;border: 1px solid #d8cfc8;border-radius: 5px;font-size: 15px;line-height: 28px;vertical-align: middle;text-decoration:none;text-align:center;}
.pagebar_active{background: #d2c7bf;color: #FFF!important;border: 1px solid #d2c7bf;}


.caboutpart2{ display:block; width:100%; margin:0 auto 0px auto; font-size:0; letter-spacing:0;}
.caboutpart2 p.img{ display: inline-block; width:50%; margin:0px 0 0 5%; vertical-align: middle;}
.caboutpart2 p.img img{ width:100%; height:auto;}
.caboutpart2 .text{ display:inline-block; width:45%; margin:0 0 0 0; vertical-align: middle;}
.caboutpart2 .text h1{ display: block; margin:0 0 30px 0; font-size:20px; line-height:22px; color:#111; letter-spacing:1px;}
.caboutpart2 .text h3{ display: block; margin:0 0 30px 0; font-size:20px; line-height:22px; color:#111; letter-spacing:1px;}
.caboutpart2 .text p{ display:block; margin:0 0 40px 0; font-size:16px; line-height:29px; color:#111; letter-spacing:1px;}
.caboutpart2 .text ul{ display:block; width:100%; }
.caboutpart2 .text ul li{ display:block; margin:0 0 15px 0; padding:0 0 0 15px; font-size:16px; line-height:19px; color:#333; position:relative;}
.caboutpart2 .text ul li::before{ content:''; display:block; width:3px; height:3px; background:#888; position:absolute; top:9px; left:0;}
.caboutpart2 .text ul li a.tel{ display:inline-block; width:auto; text-decoration: none; font-size:24px; color:#8b1d1d;}

ul.contactfrom{ display:block; width:100%; max-width:900px; margin:0 auto 30px auto; padding:50px 50px 20px 50px; background: #f3f3f3;}
ul.contactfrom li{ display:block; width:100%; margin:0 0 35px; overflow:hidden; position:relative;}
ul.contactfrom li span{ display:block; width:125px; height:50px; padding:0 0 0 20px; font-size:15px; line-height:50px; color:#333; position:relative; float:left;}
ul.contactfrom li span strong{ display:block; width:5px; height:5px; background:#8a2a2a; position:absolute; top:23px; left:0;}
ul.contactfrom li span.stel{ padding:0 0 0 30px;}
ul.contactfrom li span.stel strong{ left:10px;}
ul.contactfrom li input.text{ display:block; width:calc(100% - 125px); height:50px; padding:0 20px; background:#FFF; border:1px solid #bfbfbf; float:left;}
ul.contactfrom li input.text.text2{ width:calc(50% - 125px);}
ul.contactfrom li input.text.text3{ width:calc(100% - 265px);}
ul.contactfrom li select{ display:block; width:calc(50% - 125px); height:50px; padding:0 20px; background:#FFF; border:1px solid #bfbfbf; float:left; font-size:16px; color:#111; font-family:'微軟正黑體';}

ul.contactfrom li textarea{ display:block; width:calc(100% - 125px); height:200px; padding:15px 20px; background:#FFF; border:1px solid #bfbfbf; float:right;}
ul.contactfrom li p{ display:block; width:140px; height:50px; font-size:13px; line-height:50px; color:#333; text-align:center; float:left;}
ul.contactfrom li .code{ display:inline-block; position:absolute; top:6px; right:150px;font-size:0;}
ul.contactfrom li .code a{ display:inline-block; width:38px; height:38px; background:url(../images/reload.jpg) no-repeat;}
.btnmain{ display:block; width:100%; margin:0 0 50px 0; text-align:center;}
.btnmain a{ display:inline-block; width:50%; max-width:350px; height: 50px; margin:0 20px; font-size:18px; letter-spacing:5px;}
.btnmain a.next{ line-height:50px; color:#FFF; background: #ff8b2b; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.btnmain a.next span{ display:inline-block; padding:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}

.slogan_p{display: block;margin: 30px 0 50px 0;padding: 30px 0 0 0;border-top: 1px solid #888;font-family: '微軟正黑體';font-size: 18px;font-weight: bold;color: #111;text-align: center;line-height:30px;color:#212121!important;font-size:18px!important;line-height:30px!important;}
.slogan_p a{font-size:25px;line-height:50px;color:#b71c1c!important;text-decoration:none;display:block;width:100%;}

.article_block{display:block;width:90%;margin:auto;}
.fake_title{display:block;width:100%;font-size:20px;font-weight:bold;margin:15px 0 15px 0;color:#212121;}
.article_block table{width:100%;margin:20px auto 30px auto;}
.article_block p{color:#424242;font-size:15px;line-height:22px;}
.article_block table thead tr th, .article_block table tbody tr td{border:1px solid #cfb9a2;padding:10px;}
.article_block table{border-collapse: collapse;}
.article_block table thead tr th{background:#bfa68b;color: #FFF;text-align:left;}

.article_block table tbody tr td:first-child{background: #f6efe7;color: #7e572e;font-weight: bold;}

.article_block table tbody tr:first-child td{background: #bfa68b!important;color: #FFF!important;}


.iconbox{ display:block; width:100%; text-align:center; letter-spacing:5px; padding:30px 0 0 0;}
.iconbox img{ display:inline-block; width:25%; max-width:45px;}

.youbox{ display:block; width:100%; padding:0 0 56% 0; position:relative;}
.youbox iframe{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}


@media screen and (max-width: 1280px) {
	div.middleall .tel img{ width:250px;}
	div.middleall .tel .mail img{ width:auto;}
	div.middle02 ul{ font-size:13px;}
	div.footerbg .main{ padding:0 0 0 180px;}
	div.footerbg ul.te11,div.footerbg ul.te12,div.footerbg ul.te09,div.footerbg ul.te10{ font-size:13px;}
    div.middleall .tel p{
        font-size: 13px;
    }
    div.middleall .tel p a{
        font-size: 25px;
    }
}
@media screen and (max-width: 1024px) {
	div.middleall .tel p{ font-size:12px;}
	div.middleall .tel p a{ font-size:20px;}
	div.middle01 .part2{ width:100%; margin:0 0 10px 0; padding:0;}
}
@media screen and (max-width: 639px) {
	
	div.flash .facebook{ top:135px; right: inherit; left:10px;}
	
.ronline{ display: none;}
div.samllmenu p{ width:80%; margin:0 auto; float: none; padding:0; line-height:25px;}


.spon { display: block; text-align: center;}
.spon img { width:90% !important;}
div.bg{ background: none;}
#wrapper{ width:100%; margin:0 auto;}
div.mainbox{ width:100%; background: none; margin:0;}
div.flash{ width:100%; background: url(../images/logo.png) no-repeat 10px 5px; background-size:280px auto; height:auto; margin:0; position:relative; padding:60px 0 0 0; overflow:visible;}
div.flash img,#pages div.flash img{ width: auto; height:220px; float:none; margin:0 0 0 -35%;}
div.flash .menu{ display: block;}
div.flash p.tel{ display:  none;}
div.flash .lau{ display: block;}
.slogen,#pages .slogen{ left: 5%; top:245px;}
.slogen strong{ font-size:28px;}
.slogen span{ font-size:18px; letter-spacing:11px;}
div.middlebox{ width:100%; padding:30px 0 0 0; float:none;}
    div.middleall{ width:100%; float:none; padding: 0 5%;}
#pages div.middleall{ padding:30px 5% 80px 5%; min-height:inherit;}
    div.middleall .tel .teltitle{ left: 50%; transform: translateX(-50%); width: 80%; text-align:  center;}
    div.middleall .tel .teltitle img{
        width: 25px;
    }
    div.middleall .tel p{ margin:0 0 5px 0; width: 100%; text-align:  center;}
    div.middleall .tel p a{ font-size: 28px}
div.middleall .tel .tright{ width:100%;}
div.middleall .tel .tright a.line{ display:inline-block; width:100%; height:40px; margin:0 0 15px 0; background:#235B10; color:#FFF; text-align:center; border-radius:20px; line-height:40px; text-decoration:none;}
div.middleall .tel .tright a.wechat{ display:inline-block; width:100%; height:40px; margin:0 0 0 0px; border:1px solid #3c9b1b; background:#FFF; color:#3c9b1b; text-align:center; border-radius:20px; line-height:38px; text-decoration:none;}
div.middleall .tel .tright img{ display: none;}
div.middleall .tel .mail{ border: none;}
div.middleall .tel .mail img{ display: inline-block;}
div.middle01{ width:100%; height:auto; margin:0 0 30px 0;}
#pages div.leftbox{ display: none;}
div.leftbox{ width:80%; margin:0 auto 50px auto; position:inherit; top:inherit; left:inherit;}
div.leftbox a.logo,div.leftmenu,div.left02,div.leftbox .lau{ display: none;}
div.left01{ border:8px solid #e3e3e3; padding:20px 10px; border-radius:15px; margin:0 auto 20px auto;}
div.left03{ display: none; margin:0 0 70px 0;}
div.left03 br{ display: none;}
div.left03 a.online{ display: none;}
div.laug_text{ display: none;}
div.middle01 .part1 .text{ display:block; width:90%; margin:0 auto 20px auto; padding:0;}
div.middle01 p{ width:100%; top:0; left:0; font-size:100%; line-height:200%; padding:10px 0 0 0; margin:0 auto;}
div.middle01 .part2,div.middle01 .part3{ width:100%; margin:0 0 20px 0; padding:0;}
div.middle01 h2{ margin:0;}
div.middle01 h1{ display:none;}
div.middle01 .part1 img{ width:100%;}
div.middle02{ display:block; width:100%; height:auto; margin:30px auto; overflow:hidden; background: none;}
div.middle02 ul{ width:100%;}
#pages div.middle02 ul{ display: inline-block; width: inherit; margin:0;}
div.middle02 ul li{ display:inline-block; width:100%; margin:0 10px 3px 0;}
div.middle02 .city_ul ul li{ width:100%;}
div.middle02 ul.te01,div.middle02 ul.te02,div.middle02 ul.te03{ width:100%; margin:0 5% 20px 0; padding:40px 0 0 0;}

div.middle02 ul.te01{ background:url(../images/service_title1.jpg) no-repeat top left;}
div.middle02 ul.te02{ background:url(../images/service_title2.jpg) no-repeat top left;}
div.middle02 ul.te03{ background:url(../images/service_title3.jpg) no-repeat top left;}
div.middle02 ul.te03{ margin:0;}

div.middle02 ul.te01 li,div.middle02 ul.te02 li,div.middle02 ul.te03 li{ display:inline-block; width:40%; margin:0 4% 10px 4%; padding:10px 0; border:1px solid #ededed; background:#ededed; box-shadow:2px 2px 3px #cfcfcf; border-radius:5px; text-align:center; font-size:100%; line-height:150%;}
div.middle02 ul.te01 li span,div.middle02 ul.te02 li span,div.middle02 ul.te03 li span{ display:none;}
    
    .serviceflow .title{ width: 100%; margin: 0 0 20px 0;}
    .serviceflow .title a{ width: 100%; text-align: center;}
    .serviceflow .videomain{ width: 100%;}
    .serviceflow .videomain iframe{ height: 200px;}
    
a.moreservice{ display: none;}
div.middle03 .list{ display:block; width:90%; margin:0 auto 30px auto;}
div.middle03 ul li a{ display: inline-block; width:calc(100% - 20px); height:21px; overflow:hidden;}
div.middle03 p{ padding:10px 0 0 0; width:95%; margin: 0 auto;font-size:100%; line-height:200%;}
div.middle03 p.te04{ width:95%; margin: 0 auto; padding:20px 0 0 0;font-size:100%; line-height:200%;}
div.middle03 .video{ width:100%; padding:0;}
div.middle03 .video iframe{ height:180px;}
div.arrow{ display:none;}

.lactionmap{ display:block; width:100%; margin:0 0 50px 0; padding: 300px 0 0 0; background:url(../images/laction.webp) no-repeat center 20px; background-size:auto 250px; border-top: 1px solid #e1e1e1;}
.lactionmap ul li{ height: auto; margin:0 0 15px 0; padding:15px 30px; line-height:21px;}
.lactionmap ul li strong{ display: block;}
.lactionmap p{ font-size:16px; line-height:26px; color:#555; padding:0 15px; }


div.middle04{ width:100%; height:auto; margin:0 0 50px 0;}
div.middle04 img { width:100%;}
div.middle04 .album{ display:block; width:100%; margin:0 0 20px 0;}
div.middle04 .right{ display:block; width:100%; height:auto;}
div.rightbox{ width:100%; margin:0 0 30px 0; float:none; font-size:100%; line-height:200%;}
div.rightbox div.right{ display:none;}
div.right01{ display:none;}
div.right02,div.right03{ display:block; width:90%; margin:0 auto 50px auto; float: none;}
div.right02 ul,div.right03 ul{ width:100%;font-size:100%;}
div.footer{ width:100%; height:auto; background: none;}
div.samllmenu{ background: #262626; padding:15px 0;}
div.footerbg{}
div.footerbg .company img.cat{ width:120px; left:-30px; top:-120px;}
div.footerbg .company{ padding:30px 0 0 0; margin:0 auto 30px auto;}
div.footerbg .company ul.cright h2{ margin:0 0 10px 0; padding:0 0 0 100px;}
div.footerbg .company ul.cright li{ width:calc(50% - 2px);}
div.footerbg .main{ width:80%; padding:0;}
div.footerbg .main h2{ position:inherit; margin:0 0 15px 0;}
div.footerbg ul.te11{ width:100%; float: none;}
div.footerbg ul.te12{ width:100%; float: none;}
div.footerbg ul.te09{ width:100%; float: none;}
div.footerbg ul.te10{ width:100%; float: none;}

.qrlist ul li .qr a:nth-child(1)::before,.qrlist ul li .qr a:nth-child(2)::before{ width:25px; height:25px;}

div.downfooter{ width:100%; height:auto; background: #262626; padding:0 0 60px 0;}
div.downfooter p{ float: none; display:none;}
div.downfooter p.footerlink{ display:block; text-align:center;}
div.downfooter p.footerlink a{ color:#949494; text-decoration:none;}
#abgne-tw-tools{ display:none;}
div.topbox{ right:0;}

div.testbox{ width:90%; margin:0 auto; float:none; overflow:hidden; padding:0 0 50px 0;}
div.about01 { width:100%;}
div.about02{ width:100%;}
div.about02 img{ margin:0 0 10px 0; max-width:100%; height:auto !important;}
div.about02 p{ width:100%; float:none; font-size:100%; line-height:200%; margin:0 !important; color:#555;}

div.about03{ width:100%; margin:0 !important;}
div.about03 img{ display:block; width:100%;}

div.about04{ width:100%;}
div.about04 p{ width:100%; float:none; font-size:100%; line-height:200%; margin:0 !important; color:#555;}

div.service01{ display:none;}
div.service02{ width:100%; float:none; font-size:100%; line-height:200%; margin:0 !important;}

div.testbox div.middle02{ display: block; padding:30px 0 0 0;}
div.testbox div.smenu{ display:none;}
div.story01{ width:100%; float:none;}
div.story01 ul{ width:100%;}
div.story01 ul li{ width:100%; margin:0 0 6px 0; padding:0 0 5px 0; line-height:26px;}
div.story01 ul li span{ position: inherit; top:0; right:0; left:0; display:block;}

div.activitybox01{ float:none; padding:0; margin:0;}
div.activitybox01 img{ width:100%;}

div.activitybox03{ width:30%; float:left; margin:0 1%;}
div.activitybox03 img{ width:100%}

div.placebox{ height:auto !important; padding:0 0 20px 0;}
div.placebox img{ margin:20px 0 5px 0 !important; }
div.placebox01,div.placebox02{ width:50%; margin:0; padding:0;}
div.placebox01 ul,div.placebox02 ul{ width:100%; margin:15px 0 0 0 !important;}
div.placebox01 ul li,div.placebox02 ul li{ width:100%;}

.lic a{ width:100%; padding:0; margin:0 0 10px 0;}
div.report_picbox ul,div.report_picbox ul.box01{ width:100%;}

div.pagebox{ width:100%; font-size:100%; background: #eee; padding:10px 0; margin:20px auto 0 auto;}
div.report_picbox01 ul li{ margin:0 auto 30px auto !important;}

ul.liphoto{ width:105%; margin:0 0 0 -2.5%;}
ul.liphoto li{ display:inline-block; width:calc(50% - 15px); margin:0 5px 10px 5px; background: #f2f2f2; padding:5px; letter-spacing:0; line-height:0;}
ul.liphoto li img{ margin:0;}
ul.photo li{ width:50%; margin:0;}
a.motel{ display:block; width:50%; height:40px; background:#6c3611 url(../images/moblie/photo2.webp) no-repeat 10% center; background-size: auto 50%; position:fixed; bottom:0; left:0px; font-size:16px; line-height:40px; color:#FFF; font-weight: bolder; text-align:center; z-index:999; font-family:"微軟正黑體"; text-decoration:none;}
a.moonline{ display:block; width:50%; height:40px; background:#efa80e url(../images/moblie/online2.webp) no-repeat 10% center; background-size: auto 50%; position:fixed; bottom:0; left:50%; font-size:16px; line-height:40px; color:#FFF; font-weight: bolder; text-align:center; z-index:999; font-family:"微軟正黑體";text-decoration:none; padding:0; border-radius:0; top:inherit;}
a.mo53kf{ display: none; width:50%; height:40px; background:#efa80e url(../images/moblie/online_icon.webp) no-repeat 10% center; background-size: auto 50%; position:fixed; bottom:0; left:50%; font-size:16px; line-height:40px; color:#FFF; font-weight: bolder; text-align:center; z-index:999; font-family:"微軟正黑體";text-decoration:none; padding:0; border-radius:0; top:inherit;}
a.mocontact{ display: none;}
a.moline{ display:block; width:50%; height:40px; background:#efa80e url(../images/moblie/line.webp) no-repeat 10% center; background-size: auto 50%; position:fixed; bottom:0; left:50%; font-size:16px; line-height:40px; color:#FFF; font-weight: bolder; text-align:center; z-index:999; font-family:"微軟正黑體";text-decoration:none; padding:0; border-radius:0; top:inherit;}





ul.flow li{ background:url(../images/flow_icon.png) no-repeat center bottom; margin:30px 0 20px 0; padding:0 0 30px 0;}
ul.flow li p.img{ display: block; width:70%; margin:0px auto 0 auto !important; text-align:center;}
ul.flow li .text{ display: block; width: 90%; margin:0 auto; padding:0;}
ul.flow li .text h2{ font-size:28px; font-weight: bold; margin:0 0 15px 0;}
ul.flow li .text span{ display:inline-block; height:20px; margin:0 0 8px 0; padding:0 30px; font-size:15px; line-height:19px; color:#FFF; background:#f36100; border-radius:20px;}
ul.flow li .text p{ margin:0; padding:0;}

.pricetable,.pricetable tbody,.pricetable tr,.pricetable td{ display:block; overflow:hidden;}
.pricetable{ background:#FFF;}
.pricetable td{ border: none;}
.pricetable tr{ margin:0 0 10px 0;}
.pricetable tr td:nth-child(1){ width:100%;}
.pricetable tr td:nth-child(2){ width:50%; float:left;}
.pricetable tr td:nth-child(3){ width:calc(45% - 10px); float:left;}

ul.video li{  width:100%; margin:0 0 30px 0; float: none;;}
ul.texture li{ display:block; width:46%; margin:0 2% 30px 2%; float:left;}

.lic.vi a{ width:100%; margin:0 0 10px 0;}
.caboutpart2 .text{ width:100%;}
.caboutpart2 p.img{ width:100%; margin:0;}
ul.contactfrom{ padding: 30px 15px 0 15px;}
ul.contactfrom li{ margin:0;}
ul.contactfrom li span{ width:100%;}
ul.contactfrom li input.text,ul.contactfrom li select{ width:100% !important;}
ul.contactfrom li .code{ top:56px; right:5px;}
.btnmain a{ width:100%; margin:0;}

.indexcomic{display:block;width:100%;margin:0 0 0px 0;position:relative;}
.indexcomicimg{width:100%;}
.comic_top{display:block;width:100%;font-size:0;height:47px;margin:0 0 0 0;}
.comic_top img, .comic_top b, .comic_top a{display:inline-block;vertical-align:middle;}
.comic_top img{width:150px;}
.comic_top b{font-size:10px;background:#ffb12a;padding:5px 15px 5px 15px;margin:0 0 0 0;border-radius:20px;color:#fff;position:absolute;right:0;}
.comic_more{font-size:15px;text-decoration:none;color:#757575;position:absolute;right:50%;top:110%;transform:translate(50%, -50%);margin:10px 0 30px 0;}
.comic_pic{width:100%;}
.comic_pichref{display:inline-block;width:100%;}

.qrlist ul li{ display:inline-block; width:46%; margin:0 2% 50px 2%; padding:0 0 15px 0; background:#FFF; border-radius:16px; overflow:hidden; vertical-align: top;}
.qrlist ul li .qr img{ width:96%; margin:0 2%;}
.qrlist ul li p a span{ display:block;}

ul.video li iframe{ display:block; width: 81vw; height: 45.56vw; }

div.about02 .location ul li{ width:100%; padding:20px; border-radius:8px;}
div.about02 .location ul li:nth-child(2n-1)::after{ display: none;}
}

div.next_link{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	margin-top: 30px;
}

div.next_link a{
	display: inline-block;
    height: 30px;
    margin: 0 5px 10px 5px;
	padding:0 5px 0 5px;
	box-sizing:border-box;
    color: #b89f8c;
    border: 1px solid #d8cfc8;
    border-radius: 5px;
    font-size: 13px;
    line-height: 28px;
    vertical-align: middle;
	text-decoration:none;
}

div.next_link a:hover{
	background: #d2c7bf;
    color: #FFF;
    border: 1px solid #d2c7bf;
}