
/*-[ Framework ]--------------------*/
body{font-size: 14px;font-family:"微軟正黑體";color: #4d4d4d; line-height:28px;}

::-moz-selection{background:#333;color:white;text-shadow:none;}

::selection{background:#333;color:white;text-shadow:none;}

#page,.container {margin-right: auto;margin-left: auto;overflow: hidden;}

h1,h2,h3,h4,h5,h6{font-weight:normal;color: #777;}

.imgall{width:100%;}

.fl{ float:left}
.fr{ float:right;}

a{text-decoration:none;color: #505050;}
a:hover{color:#c30d23;}
a:link, a:visited, a:active{text-decoration:none;}


/*-[ Main container ]---------------*/
.container{width:90%;min-width:300px;overflow:visible;margin-left:auto; margin-right:auto; max-width:1280px;}

header{}

.tel{ text-align:right; color:#c30d23; font-size:18px; height:36px; line-height:36px}

#header_web{ background-color:#EBEBE3; height:104px; line-height:104px; background-image:url(../images/bg_nav.jpg);}

#logo{ float:left;width:30%;}
#logo img{width:100%; max-width:333px; display:block; margin-top:8px; height:89px;}

nav#global{ float:right; width:70%;}

nav#global ul {display: table;text-align: center;margin: 0 auto; float:right}
nav#global ul li {float:left;position: relative; display: inline;text-align:center;border:0px red solid; text-align:center; padding:0px 25px 0px 25px; border-right:solid 1px #fff;}
nav#global ul li a{ color:#242424; font-size:20px; display:block;}
nav#global ul li:hover{ }
nav#global ul li a:hover{color:#C30D24;background-image:url(../images/li2.png); } 

#header_wap{ display:none;}
.daohang{ background-color:#999; height:50px;margin-top:10px;background-image:url(../images/bg_nav.jpg);}


.xiaomenu2{ display:none; float:left; width:20%;}
.xiaomenu2 img{margin-left:10px; height:28px; margin-top:10px;}

.xiaomenu{display:none; float:right;width:20%; text-align:right;}
.xiaomenu img{ padding-top:10px; display:block; float:right; margin-right:10px;}
/* menu */
.submenu{margin:0px;padding:0px; display:none; }
.submenu a{font-size:18px;text-align:center;display:block;background:#fff;border-bottom:1px solid #ccc;color:#242424;padding:10px 20px 10px 20px;text-decoration:none;}
.submenu a:hover{color:#C30D24; }

#adweb{ margin-top:2px;}

.app{ background-image:url(../images/bg_app.jpg); padding-top:100px; padding-bottom:100px;}
.app h5{ text-align:center;}
.app ul{ width:900px; margin-left:auto; margin-right:auto; margin-top:30px;}
.app ul li{ float:left;width:50%; margin-top:20px;}
.app ul li div{ height:20px; line-height:20px;}
.app ul li input[type="text"]{ border-radius:5px; width:85%; background-color:#E4E4E4; padding:10px;font-size:18px; line-height:18px; border:none; border:solid 1px #ccc;
-moz-box-shadow:2px 2px 2px #999 inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:2px 2px 2px #999 inset;            /* For Chrome5+, Safari5+ */
	box-shadow:2px 2px 2px #999 inset;                    /* For Latest Opera */

}

.apptijiao{ text-align:center; margin-top:50px;}
.apptijiao a{ color:#c30d23;}
.apptijiao label{ cursor:pointer;}
.btnapp{width:121px; height:46px; background-image:url(../images/apply.jpg); cursor:pointer; border:none; display:block; margin-left:auto; margin-right:auto; margin-top:30px;background-repeat:no-repeat;background-size:contain;}

.wuye{ padding-top:100px; padding-bottom:100px;}
.wuye h5{ text-align:center;}
.wuye dl{ margin-top:50px}
.wuye dt{ float:left;width:40%;}
.wuye dt img{width:100%; max-width:586px;}
.wuye dd{ float:right;width:56%;}

.ask{ padding-top:100px; padding-bottom:100px; background-image:url(../images/ask_bg.jpg);}
.ask h5{ text-align:center;}
.ask ul{ margin-top:20px;}
.ask ul li{width:30%; margin-right:5%; float:left; margin-top:30px; font-weight:bold; }
.ask ul li dl dt{ color:#c30d23;}
.ask ul li dl dt a{ color:#c30d23;}
.ask ul li dl dd { color:#0f0f0f;} 
.ask ul li dl dd  a{ color:#c30d23}
#lir{ margin-right:0px;}

.aboutbg{background-image:url(../images/about_bg2.jpg); background-position:right bottom; background-repeat:no-repeat;}
.about{ padding-top:100px; padding-bottom:50px; }
.about h5{ text-align:center;}
.about article{line-height:36px; margin-top:100px; padding-bottom:100px; font-weight:bold;}

.end1{ height:15%; color:#fff; font-size:18px; text-align:center;  background-color:#2E2E2E;}

.end2{ background-color:#C30D23; margin-top:1px; padding-top:10px; padding-bottom:10px; line-height:40px; color:#fff; text-align:center}

/*** 內頁開始 **/

.title{  padding-top:30px; color:#484848; margin-top:15px;}

.title h4{  background-repeat:no-repeat;color:#484848; }
.title h4 a{ color:#C30D23;}

.content{ margin-top:30px; padding-bottom:30px;}


@media screen and (max-width:1380px){

nav#global ul li {float:left;position: relative; display: inline;text-align:center;border:0px red solid; text-align:center; padding:0px 20px 0px 20px; border-right:solid 1px #fff;}
nav#global ul li a{ color:#242424; font-size:18px; display:block;}
.end1{ height:15%; color:#fff; font-size:18px; text-align:center;  background-color:#2E2E2E;}

}

@media screen and (max-width:1280px){

nav#global ul li {float:left;position: relative; display: inline;text-align:center;border:0px red solid; text-align:center; padding:0px 10px 0px 10px; border-right:solid 1px #fff;}
nav#global ul li a{ color:#242424; font-size:15px; display:block;}
.end1{ height:15%; color:#fff; font-size:18px; text-align:center;  background-color:#2E2E2E;}

}

@media screen and (max-width:930px){
#header_web{ display:none;}
#header_wap{ display:block;}
#logo{ float:none;width:90%; margin-left:auto; margin-right:auto; text-align:center;}
#logo img{ display:block; margin-left:auto; margin-right:auto; }
.xiaomenu2{ display:block;}
.xiaomenu{ display:block;}

.app{ padding-top:50px; padding-bottom:50px;}
.app ul{ width:90%;}
.app ul li{ float:none;width:90%; margin-top:20px; margin-left:auto; margin-right:auto; text-align:center}
.apptijiao{ text-align:center; margin-top:30px;}

.wuye{ padding-top:50px; padding-bottom:50px;}
.wuye dl{ margin-top:30px}
.wuye dt{ float:none;width:100%; text-align:center}
.wuye dd{ float:none;width:100%; margin-top:20px;}

.ask{ padding-top:50px; padding-bottom:50px;}
.ask ul li{width:100%; margin-right:auto; float:none; margin-left:auto;}

#lir{ margin-right:auto;}

.aboutbg{ background-image:none;} 
.about{ padding-top:50px; padding-bottom:0px; }
.about article{  line-height:36px; margin-top:30px; padding-bottom:50px; }
.end1{ height:15%; color:#fff; font-size:18px; text-align:center;  background-color:#2E2E2E;}

}
